﻿.menu_logo1{ display:block;width:155px; height:47px}
.menu_logo2{ display:none;width:155px; height:47px}


.menu_logologo_dd{ display:block;width:auto; height:47px}
.menu_logologo_nn{ display:none;width:155px; height:47px}


.menu_lan1{ display:block; padding-top:16px}
.menu_lan2{ display:none; padding-top:6px}

.menu_lan_dd{ display:block}
.menu_lan_nn{ display:none}


.menu_search{float:right; width:26px; height:26px;  position:relative;z-index:8; cursor:pointer;}
.menu_search dl{display:none; position:absolute; width:120px;left:-40px; top:0px;z-index:9;}
.menu_search dd{display:block; width:100%;}
.menu_search dd a{display:block; padding-left:20px;width:100%; height:32px; line-height:32px;font-size:13px; background:#f0f0f0; border-bottom:1px dashed #e1e1e1;}

.menu_search dd a:hover{display:block; background:#1f2d49; color:#fff; padding-left:20px;border-bottom:1px dashed #e1e1e1; height:32px; line-height:32px;width:100%; }


.menu_a{float:right; height:52px; line-height:52px}
.menu_a a{color:#ffffff; font-size:16px; width:100%; margin:auto; height:50px; line-height:50px; display:block; font-family:Noto Sans SC}
.menu_a a:hover{color:#ffffff; font-size:16px; width:100%; margin:auto; height:50px; line-height:50px; display:block; font-family:Noto Sans SC}
.menu_ab{float:right; height:52px; line-height:52px}
.menu_ab a{color:#ffffff; font-size:16px; width:100%; margin:auto; height:50px; line-height:50px; display:block; font-family:Noto Sans SC}
.menu_ab a:hover{color:#ffffff; font-size:16px; width:100%; margin:auto; height:50px; line-height:50px; display:block; font-family:Noto Sans SC}
.menu_ab .menu_bottom{ width:40px; height:2px; background:#ffffff; margin:auto; line-height:2px}
.menu_line{float:right; margin-left:36px; margin-right:36px; font-size:20px; font-weight:bold; height:50px; color:#ffffff; line-height:50px; font-weight:lighter}
.menu_search{ float:right; margin-left:70px}
.img1{ width:155px; height:47px}
.img2{width:206px; height:47px}


.header-small  .menu_a{float:right; height:40px; line-height:40px}
.header-small  .menu_a a{color:#000000; font-size:16px; width:100%; margin:auto; height:30px; line-height:30px; display:block; font-family:Noto Sans SC}
.header-small  .menu_a a:hover{color:#000000; font-size:16px; width:100%; margin:auto; height:30px; line-height:30px; display:block; font-family:Noto Sans SC}
.header-small  .menu_ab{float:right; height:40px; line-height:40px}
.header-small  .menu_ab a{color:#000000; font-size:16px; width:100%; margin:auto; height:30px; line-height:30px; display:block; font-family:Noto Sans SC}
.header-small  .menu_ab a:hover{color:#000000; font-size:16px; width:100%; margin:auto; height:30px; line-height:30px; display:block; font-family:Noto Sans SC}
.header-small  .menu_ab .menu_bottom{ width:40px; height:2px; background:#000000; margin:auto; line-height:2px}
.header-small  .menu_line{float:right; margin-left:36px; margin-right:36px; font-size:16px; font-weight:bold; height:24px; color:#000000; line-height:24px; font-weight:lighter}

.qmenu_a{float:right; height:52px; line-height:52px}
.qmenu_a a{color:#000000; font-size:17.45px; width:100%; margin:auto; height:50px; line-height:50px; display:block; font-family:Noto Sans SC}
.qmenu_a a:hover{color:#000000; font-size:17.45px; width:100%; margin:auto; height:50px; line-height:50px; display:block; font-family:Noto Sans SC}
.qmenu_ab{float:right; height:52px; line-height:52px}
.qmenu_ab a{color:#000000; font-size:17.45px; width:100%; margin:auto; height:50px; line-height:50px; display:block; font-family:Noto Sans SC}
.qmenu_ab a:hover{color:#000000; font-size:17.45px; width:100%; margin:auto; height:50px; line-height:50px; display:block; font-family:Noto Sans SC}
.qmenu_ab .qmenu_bottom{ width:40px; height:2px; background:#4a43f8; margin:auto; line-height:2px}
.qmenu_line{float:right; margin-left:36px; margin-right:36px; font-size:20px; font-weight:bold; height:50px; color:#000000; line-height:50px; font-weight:lighter}
.qmenu_search{ float:right; margin-left:70px; margin-top:1px}
.banner_p_Detail{ width:100%; margin:auto; padding-top:20px}

.ssss_top_xl{ width:100%; top:30px}

 @media screen and (max-width: 1040px) {
	 
.menu_a{float:right; height:52px; line-height:52px}
.menu_a a{color:#ffffff; font-size:16px; width:100%; margin:auto; height:50px; line-height:50px; display:block; font-family:Noto Sans SC}
.menu_a a:hover{color:#ffffff; font-size:16px; width:100%; margin:auto; height:50px; line-height:50px; display:block; font-family:Noto Sans SC}
.menu_ab{float:right; height:52px; line-height:52px}
.menu_ab a{color:#ffffff; font-size:16px; width:100%; margin:auto; height:50px; line-height:50px; display:block; font-family:Noto Sans SC}
.menu_ab a:hover{color:#ffffff; font-size:16px; width:100%; margin:auto; height:50px; line-height:50px; display:block; font-family:Noto Sans SC}
.menu_ab .menu_bottom{ width:40px; height:2px; background:#ffffff; margin:auto; line-height:2px}
.menu_line{float:right; margin-left:16px; margin-right:16px; font-size:16px; font-weight:bold; height:50px; color:#ffffff; line-height:50px}
.menu_search{ float:right; margin-left:30px}	 





.qmenu_a{float:right; height:52px; line-height:52px}
.qmenu_a a{color:#000000; font-size:16px; width:100%; margin:auto; height:50px; line-height:50px; display:block; font-family:微软雅黑}
.qmenu_a a:hover{color:#000000; font-size:16px; width:100%; margin:auto; height:50px; line-height:50px; display:block; font-family:微软雅黑}
.qmenu_ab{float:right; height:52px; line-height:52px}
.qmenu_ab a{color:#000000; font-size:16px; width:100%; margin:auto; height:50px; line-height:50px; display:block; font-family:微软雅黑}
.qmenu_ab a:hover{color:#000000; font-size:16px; width:100%; margin:auto; height:50px; line-height:50px; display:block; font-family:微软雅黑}
.qmenu_ab .qmenu_bottom{ width:40px; height:2px; background:#4a43f8; margin:auto; line-height:2px}
.qmenu_line{float:right; margin-left:16px; margin-right:16px; font-size:16px; font-weight:bold; height:50px; color:#000000; line-height:50px}
.qmenu_search{ float:right; margin-left:30px; margin-top:1px}
.banner_p_Detail{ width:100%; margin:auto; padding-top:20px}
 }


 @media screen and (max-width: 840px) {


.menu_logo1{ display:block;width:71px; height:22px}
.menu_logo2{ display:none;width:71px; height:22px}


.menu_logologo_dd{ display:block;width:auto; height:22px}
.menu_logologo_nn{ display:none;width:71px; height:22px}

.menu_a{float:right; height:42px; line-height:42px}
.menu_a a{color:#ffffff; font-size:14px; width:100%; margin:auto; height:40px; line-height:40px; display:block; font-family:微软雅黑}
.menu_a a:hover{color:#ffffff; font-size:14px; width:100%; margin:auto; height:40px; line-height:40px; display:block; font-family:微软雅黑}
.menu_ab{float:right; height:42px; line-height:42px}
.menu_ab a{color:#ffffff; font-size:14px; width:100%; margin:auto; height:40px; line-height:40px; display:block; font-family:微软雅黑}
.menu_ab a:hover{color:#ffffff; font-size:14px; width:100%; margin:auto; height:40px; line-height:40px; display:block; font-family:微软雅黑}
.menu_ab .menu_bottom{ width:40px; height:2px; background:#ffffff; margin:auto; line-height:2px}
.menu_line{float:right; margin-left:10px; margin-right:10px; font-size:16px; font-weight:bold; height:40px; color:#ffffff; line-height:40px}




.qmenu_a{float:right; height:42px; line-height:42px}
.qmenu_a a{color:#000000; font-size:14px; width:100%; margin:auto; height:40px; line-height:40px; display:block; font-family:微软雅黑}
.qmenu_a a:hover{color:#000000; font-size:14px; width:100%; margin:auto; height:40px; line-height:40px; display:block; font-family:微软雅黑}
.qmenu_ab{float:right; height:52px; line-height:52px}
.qmenu_ab a{color:#000000; font-size:14px; width:100%; margin:auto; height:40px; line-height:40px; display:block; font-family:微软雅黑}
.qmenu_ab a:hover{color:#000000; font-size:14px; width:100%; margin:auto; height:40px; line-height:40px; display:block; font-family:微软雅黑}
.qmenu_ab .qmenu_bottom{ width:40px; height:2px; background:#4a43f8; margin:auto; line-height:2px}
.qmenu_line{float:right; margin-left:14px; margin-right:16px; font-size:20px; font-weight:bold; height:40px; color:#000000; line-height:40px}
.qmenu_search{ float:right; margin-left:30px; margin-top:1px}
.banner_p_Detail{ width:100%; margin:auto; padding-top:20px}
 }


.showsearch {
	display: block;
}
.nosearch {
	display: none;
}  


.clear{ clear:both}



.iweb_footer_index{
	width:100%; margin:auto; margin-top:0px; padding-top:60px; background:#161a3b; padding-bottom:60px
}
.iwarp_foot_index{ width:85%; margin:auto}

.iweb_footer3_index{float:left; padding-left:0px; width:20%}
.iweb_footer3_index img{ width:165px}
.iweb_footer1_index{float:left; padding-left:0px; width:30%}
.iweb_footer2_index{float:left; padding-left:0px; width:30%}
.iweb_footer4_index{float:left; padding-left:0px; width:20%}

.iweb_footer_title1_index{color:#ffffff; text-align:left; height:30px; line-height:30px; padding-bottom:30px; font-size:20.59px}
.iweb_footer_title2_index{color:#ffffff; text-align:left; line-height:40px; font-size:32.5px; font-weight:bold}
.iweb_footer_title3_index{color:#ffffff; text-align:left; line-height:30px; font-size:20.02px;}
.iweb_footer_title4_index{color:#ffffff; text-align:left; line-height:30px; padding-top:50px; padding-bottom:30px; font-size:14.22px;}
.iweb_footer_title4_index a{color:#ffffff; font-size:16px;}
.iweb_footer_title5_index{color:#ffffff; text-align:left; line-height:30px; font-size:15.24px;}
.iweb_footer_title6_index{ display:none}


 @media screen and (max-width: 1750px) {
.iweb_footer1_index{float:left; padding-left:0px}
.iweb_footer2_index{float:left; padding-left:0px}	
	 }
 @media screen and (max-width: 1600px) {
.iweb_footer3_index{float:left; padding-left:0px; width:18%}
.iweb_footer3_index img{ width:165px}
.iweb_footer1_index{float:left; padding-left:0px; width:35%}
.iweb_footer2_index{float:left; padding-left:0px; width:30%}
.iweb_footer4_index{float:left; padding-left:0px; width:17%}	
	 }
	 
 @media screen and (max-width: 1400px) {
.iweb_footer3_index{float:left; padding-left:0px; width:auto; width:calc(18% - 0px)}
.iweb_footer3_index img{ width:100%}
.iweb_footer1_index{float:left; padding-left:20px; width:auto; width:calc(35% - 20px); font-size:14px}
.iweb_footer2_index{float:left; padding-left:20px; width:auto; width:calc(30% - 20px); font-size:14px}
.iweb_footer4_index{float:left; padding-left:20px; width:auto; width:calc(17% - 20px); font-size:14px}	



.iweb_footer1_index img{ width:100px}
.iweb_footer_title1_index{color:#ffffff; text-align:left; height:30px; line-height:30px; padding-bottom:10px; font-size:18px}
.iweb_footer_title2_index{color:#ffffff; text-align:left; line-height:40px; font-size:20px; font-weight:bold}
.iweb_footer_title3_index{color:#ffffff; text-align:left; line-height:30px; font-size:14px;}
.iweb_footer_title4_index{color:#ffffff; text-align:left; line-height:30px; padding-top:10px; padding-bottom:10px; font-size:14px;}
.iweb_footer_title4_index a{color:#ffffff; font-size:14px;}
.iweb_footer_title5_index{color:#ffffff; text-align:left; line-height:30px; font-size:14px;}
	 }	 
	 
	 
 @media screen and (max-width: 1200px) {
.iweb_footer3_index{float:left; padding-left:0px; width:auto; width:calc(18% - 0px)}
.iweb_footer3_index img{ width:90%}
.iweb_footer1_index{float:left; padding-left:20px; width:auto; width:calc(35% - 20px); font-size:14px}
.iweb_footer2_index{float:left; padding-left:20px; width:auto; width:calc(30% - 20px); font-size:14px}
.iweb_footer4_index{float:left; padding-left:20px; width:auto; width:calc(17% - 20px); font-size:14px}	



.iweb_footer1_index img{ width:100px}
.iweb_footer_title1_index{color:#ffffff; text-align:left; height:30px; line-height:30px; padding-bottom:10px; font-size:18px}
.iweb_footer_title2_index{color:#ffffff; text-align:left; line-height:40px; font-size:20px; font-weight:bold}
.iweb_footer_title3_index{color:#ffffff; text-align:left; line-height:30px; font-size:14px;}
.iweb_footer_title4_index{color:#ffffff; text-align:left; line-height:30px; padding-top:10px; padding-bottom:10px; font-size:14px;}
.iweb_footer_title4_index a{color:#ffffff; font-size:14px;}
.iweb_footer_title5_index{color:#ffffff; text-align:left; line-height:30px; font-size:14px;}
	 }	 
	 

@media screen and (max-width: 800px) {
	 
.iweb_footer_index{width:100%; margin:auto; margin-top:0px; padding-top:60px; background:#161a3b; padding-bottom:60px; border-top:1px solid #dee0e2}
.iweb_warp_foot_index{ width:90%; margin:auto}
.iwarp_foot_index{ width:80%; margin:auto}
.iweb_footer1_index{float:left; padding-left:0px; width:100%; margin-bottom:80px}
.iweb_footer2_index{float:left; padding-left:0px; width:100%; margin-bottom:80px}
.iweb_footer3_index{float:left; padding-left:0px; display:none}










.iweb_footer4_index{float:left; padding-left:0px; width:auto}	

.iweb_footer_title1_index{color:#ffffff; text-align:left; height:30px; line-height:30px; padding-bottom:10px; font-size:20px}
.iweb_footer_title2_index{color:#ffffff; text-align:left; line-height:40px; font-size:30px; font-weight:bold}
.iweb_footer_title3_index{color:#ffffff; text-align:left; line-height:30px; font-size:20px;}
.iweb_footer_title4_index{color:#ffffff; text-align:left; line-height:30px; padding-top:30px; padding-bottom:10px; font-size:16px; display:none}
.iweb_footer_title4_index a{color:#ffffff; font-size:16px;}
.iweb_footer_title5_index{color:#ffffff; text-align:left; line-height:30px; font-size:16px;}

.iweb_footer_title6_index{ display:block;color:#ffffff; text-align:left; line-height:30px; padding-top:30px; padding-bottom:10px; font-size:12px}
.iweb_footer_title6_index a{color:#ffffff; font-size:12px;}

	 }	 	 
	 	 



















.iweb_footer{
	width:100%; margin:auto; margin-top:80px; padding-top:60px; background:#161a3b; padding-bottom:60px
}
.iwarp_foot{ width:90%; margin:auto}

.iweb_footer3{float:left; padding-left:0px}
.iweb_footer3 img{ width:165px}
.iweb_footer1{float:left; padding-left:150px}
.iweb_footer2{float:left; padding-left:80px}

.iweb_footer_title1{color:#ffffff; text-align:left; height:30px; line-height:30px; padding-bottom:30px; font-size:22px}
.iweb_footer_title2{color:#ffffff; text-align:left; line-height:40px; font-size:30px; font-weight:bold}
.iweb_footer_title3{color:#ffffff; text-align:left; line-height:30px; font-size:22px;}
.iweb_footer_title4{color:#ffffff; text-align:left; line-height:30px; padding-top:50px; padding-bottom:30px; font-size:16px;}
.iweb_footer_title4 a{color:#ffffff; font-size:16px;}
.iweb_footer_title5{color:#ffffff; text-align:left; line-height:30px; font-size:16px;}
.iweb_footer_title6{ display:none}


 @media screen and (max-width: 1750px) {
.iweb_footer1{float:left; padding-left:100px}
.iweb_footer2{float:left; padding-left:80px}	
	 }
 @media screen and (max-width: 1600px) {
.iweb_footer1{float:left; padding-left:40px}
.iweb_footer2{float:left; padding-left:40px}	
	 }
	 
 @media screen and (max-width: 1400px) {
.iweb_footer1{float:left; padding-left:40px}
.iweb_footer2{float:left; padding-left:40px}	



.iweb_footer1 img{ width:100px}
.iweb_footer_title1{color:#ffffff; text-align:left; height:30px; line-height:30px; padding-bottom:10px; font-size:18px}
.iweb_footer_title2{color:#ffffff; text-align:left; line-height:40px; font-size:20px; font-weight:bold}
.iweb_footer_title3{color:#ffffff; text-align:left; line-height:30px; font-size:18px;}
.iweb_footer_title4{color:#ffffff; text-align:left; line-height:30px; padding-top:30px; padding-bottom:10px; font-size:14px;}
.iweb_footer_title4 a{color:#ffffff; font-size:14px;}
.iweb_footer_title5{color:#ffffff; text-align:left; line-height:30px; font-size:14px;}
	 }	 
	 
 @media screen and (max-width: 1200px) {
.iweb_footer1{float:left; padding-left:40px}
.iweb_footer2{float:left; padding-left:40px}	
.iweb_footer3{float:left; padding-left:0px; display:none}


.iweb_footer_title1{color:#ffffff; text-align:left; height:30px; line-height:30px; padding-bottom:10px; font-size:18px}
.iweb_footer_title2{color:#ffffff; text-align:left; line-height:40px; font-size:20px; font-weight:bold}
.iweb_footer_title3{color:#ffffff; text-align:left; line-height:30px; font-size:18px;}
.iweb_footer_title4{color:#ffffff; text-align:left; line-height:30px; padding-top:30px; padding-bottom:10px; font-size:14px;}
.iweb_footer_title4 a{color:#ffffff; font-size:14px;}
.iweb_footer_title5{color:#ffffff; text-align:left; line-height:30px; font-size:14px;}
	 }
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 	 
 @media screen and (max-width: 1024px) {
	 
.web_footer{
	width:100%; margin:auto; margin-top:80px; padding-top:60px; background:#161a3b; padding-bottom:60px; border-top:1px solid #161a3b
}
.warp_foot{ width:70%; margin:auto}

.web_footer1{float:left; padding-left:0px; width:100%; margin-bottom:80px}
.web_footer2{float:left; padding-left:0px; width:100%; margin-bottom:80px}
.web_footer3{float:left; padding-left:0px; display:none}


.web_footer_title1{color:#ffffff; text-align:left; height:30px; line-height:30px; padding-bottom:10px; font-size:20px}
.web_footer_title2{color:#ffffff; text-align:left; line-height:40px; font-size:30px; font-weight:bold}
.web_footer_title3{color:#ffffff; text-align:left; line-height:30px; font-size:20px;}
.web_footer_title4{color:#ffffff; text-align:left; line-height:30px; padding-top:30px; padding-bottom:10px; font-size:16px; display:none}
.web_footer_title4 a{color:#ffffff; font-size:16px;}
.web_footer_title5{color:#ffffff; text-align:left; line-height:30px; font-size:16px;}

.web_footer_title6{ display:block;color:#ffffff; text-align:left; line-height:30px; padding-top:30px; padding-bottom:10px; font-size:14px}
.web_footer_title6 a{color:#ffffff; font-size:14px;}

	 }	 
	 
	 
	 
	 
	 
.web_footer{
	width:100%; margin:auto; margin-top:0px; padding-top:60px; background:#f3f5f7; padding-bottom:60px; border-top:1px solid #dee0e2
}
.warp_foot{ width:85%; margin:auto}

.web_footer3{float:left; padding-left:0px}
.web_footer3 img{ width:165px}
.web_footer1{float:left; padding-left:150px}
.web_footer2{float:left; padding-left:80px}

.web_footer_title1{color:#7e7e7e; text-align:left; height:30px; line-height:30px; padding-bottom:30px; font-size:20.59px}
.web_footer_title2{color:#7e7e7e; text-align:left; line-height:40px; font-size:32.5px; font-weight:bold}
.web_footer_title3{color:#7e7e7e; text-align:left; line-height:30px; font-size:20.02px;}
.web_footer_title4{color:#7e7e7e; text-align:left; line-height:30px; padding-top:50px; padding-bottom:30px; font-size:14.22px;}
.web_footer_title4 a{color:#7e7e7e; font-size:16px;}
.web_footer_title5{color:#7e7e7e; text-align:left; line-height:30px; font-size:15.24px;}
.web_footer_title6{ display:none}


 @media screen and (max-width: 1750px) {
.web_footer1{float:left; padding-left:100px}
.web_footer2{float:left; padding-left:80px}	
	 }
 @media screen and (max-width: 1600px) {
.web_footer1{float:left; padding-left:40px}
.web_footer2{float:left; padding-left:40px}	
	 }
	 
 @media screen and (max-width: 1400px) {
.web_footer1{float:left; padding-left:40px}
.web_footer2{float:left; padding-left:40px}	



.web_footer1 img{ width:100px}
.web_footer_title1{color:#7e7e7e; text-align:left; height:30px; line-height:30px; padding-bottom:10px; font-size:18px}
.web_footer_title2{color:#7e7e7e; text-align:left; line-height:40px; font-size:20px; font-weight:bold}
.web_footer_title3{color:#7e7e7e; text-align:left; line-height:30px; font-size:18px;}
.web_footer_title4{color:#7e7e7e; text-align:left; line-height:30px; padding-top:30px; padding-bottom:10px; font-size:14px;}
.web_footer_title4 a{color:#7e7e7e; font-size:14px;}
.web_footer_title5{color:#7e7e7e; text-align:left; line-height:30px; font-size:14px;}
	 }	 
	 
 @media screen and (max-width: 1200px) {
.web_footer1{float:left; padding-left:40px}
.web_footer2{float:left; padding-left:40px}	
.web_footer3{float:left; padding-left:0px; display:none}


.web_footer_title1{color:#7e7e7e; text-align:left; height:30px; line-height:30px; padding-bottom:10px; font-size:18px}
.web_footer_title2{color:#7e7e7e; text-align:left; line-height:40px; font-size:20px; font-weight:bold}
.web_footer_title3{color:#7e7e7e; text-align:left; line-height:30px; font-size:18px;}
.web_footer_title4{color:#7e7e7e; text-align:left; line-height:30px; padding-top:30px; padding-bottom:10px; font-size:14px;}
.web_footer_title4 a{color:#7e7e7e; font-size:14px;}
.web_footer_title5{color:#7e7e7e; text-align:left; line-height:30px; font-size:14px;}
	 }	 
	 	 
 @media screen and (max-width: 1024px) {
	 
.web_footer{
	width:100%; margin:auto; margin-top:80px; padding-top:60px; background:#161a3b; padding-bottom:60px; border-top:1px solid #dee0e2
}
.warp_foot{ width:90%; margin:auto}

.web_footer1{float:left; padding-left:0px; width:100%; margin-bottom:80px}
.web_footer2{float:left; padding-left:0px; width:100%; margin-bottom:80px}
.web_footer3{float:left; padding-left:0px; display:none}


.web_footer_title1{color:#ffffff; text-align:left; height:30px; line-height:30px; padding-bottom:10px; font-size:20px}
.web_footer_title2{color:#ffffff; text-align:left; line-height:40px; font-size:30px; font-weight:bold}
.web_footer_title3{color:#ffffff; text-align:left; line-height:30px; font-size:20px;}
.web_footer_title4{color:#ffffff; text-align:left; line-height:30px; padding-top:30px; padding-bottom:10px; font-size:16px; display:none}
.web_footer_title4 a{color:#ffffff; font-size:16px;}
.web_footer_title5{color:#ffffff; text-align:left; line-height:30px; font-size:16px;}

.web_footer_title6{ display:block;color:#ffffff; text-align:left; line-height:30px; padding-top:30px; padding-bottom:10px; font-size:14px}
.web_footer_title6 a{color:#ffffff; font-size:14px;}

	 }	 	 
	 	 
	 
	 
	 
	 
	 
	 

        .warp5-more { background: #fff;color: #444;}
        .warp5-more:hover{background-color: rgb(0,0,0,0);color:#fff;border:1px solid #fff;}
        
        .warp5-more:hover i{background: url(images/white.png)no-repeat right center;}
        .warp5-more i{background: url(images/b.png) no-repeat right center;}
         .warp5{background:url("images/1604471800_2163.gif") no-repeat;height: 1155px;margin: 225px 0;position: relative; background-size: cover;background-position: center;background-attachment: fixed; width: 100%;}
         .news-list a:hover{color: #000;}
         
        @media screen and (max-width: 2360px){
            .warp5{height: 1065px;}
        }
         @media screen and (max-width: 2160px){
            .warp5{height: 975px;}
        }
        @media screen and (max-width: 1920px){
            .warp5{height: 866px;}
        }
         @media screen and (max-width: 1720px){
            .warp5{height: 776px;}
        }
         @media screen and (max-width: 1420px){
            .warp5{height: 640px;}
        }
         @media screen and (max-width: 1220px){
            .warp5{height: 550px;}
        }
         @media screen and (max-width: 1020px){
            .warp5{height: 460px;}
        }
          @media screen and (max-width: 820px){
            .warp5{height: 370px;}
        }
  

            /*.header.on-top{background:none!important;}
            .header{background-image: linear-gradient(to bottom,#fff,rgba(255,255,255,0));}
            .header.is-hidden{transform: translateY(-100px);}*/
            .header-in{width: 85%;}
            .header-in .logo{margin-left: 0;}
            .header-in .logo .img2{display: none;}
            .mheader-nav{display: flex;}
            .mheader-nav li{font-size: 16px; float:left}
            .mheader-nav li:last-child{margin-right: 0;}
            .mheader-nav li a{display: flex; font-size:1.125em;line-height: 30px;font-family: "HK Grotesk Legacy",sans-serif; color: #000;}
            .mheader-nav li.on a{font-weight: bold; border-bottom:2px solid #ffffff}
            .mheader-nav li a span{display: block;width: 6px;}
			.mheader-nav li  p{display: block;margin-right: 36px; margin-left:36px; font-size:26px;line-height: 30px; font-weight:bold; position:relative; top:-5px}
            .header.white .mheader-nav li a{color: #fff;}
            .header.white .header-in .logo .img2{display: block;}
            .header.white .header-in .logo .img1{display: none;}
            .head-nav {position: absolute;right: 115px;width: 455px;display: none;}
            .head-nav li{float: left;margin-left: 54px;}
            .head-nav a{font-size: 16px;color:#000;font-family: "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif;line-height: 30px;}
            .head-block{display: block;}
            .meun-off{display: none;}
            
            @media screen and (max-width: 1620px){
                .head-nav{right: 120px;width: 350px;}
                .head-nav li{margin-left: 40px;}
                .head-nav a{font-size: 14px;}
            }
            @media screen and (max-width: 1390px){
                .head-nav{right: 100px;width: 330px;}
                .head-nav li{margin-left: 40px;}
                .head-nav a{font-size: 12px;}
            }
            @media screen and (max-width: 1200px){
                .head-nav{display: none;}
                .meun-off{display: block;}
                .mheader-nav{margin: 0;display: none;}
                
            }
			
			
			 @media screen and (max-width: 800px){
                .header_in_menu { display:none}
				.web_lili{ display:none}
				
				.warp2 .case{ display:none}
				.warp2 .index_more_more{ display:none}
                
            }
			
	.banner .arrow {position:absolute; top:85%; margin-top:0; width:100px; height:50%; padding:0;cursor: pointer;} 
	
	@media screen and (max-width: 1100px){
	.banner .arrow {position:absolute; top:75%; margin-top:0; width:100px; height:50%; padding:0;cursor: pointer;} 
	}
	
	
	
    .banner .arrow span,.banner .arrow span:after,.banner .arrow span:before {position:absolute; top:50%; height:2px; background-color:#fff; border-radius:1px; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:all .4s ease; transition:all .4s ease } 
    .banner .arrow span {margin-top:-1px; width:0 } 
    .banner .arrow span:after,.banner .arrow span:before {content:""; width:30px } 
    
     .banner .arrow:hover span {width:40px } 
     .banner .arrow:hover.btn-prev span {margin-left:-20px }
    .banner .arrow:hover.btn-next span {margin-right:-20px }
    .banner .btn-next {left:8%; width:33px; height:34px;  text-align:center; font-weight:bold;margin-left:40px; background:url(../images/rr.png); font-size:0px}
	.banner .btn-prev {left:8%; width:33px; height:34px; background:url(../images/ll.png); font-size:0px}
	
	
	
	
	
.footer-bottom ul{height: 44px;overflow-y: auto;}
			.footer-bottom ul::-webkit-scrollbar{width: 1px;height: 1px;}
			.footer-bottom ul::-webkit-scrollbar-track{background: #3d3d3d;}
			.footer-bottom ul::-webkit-scrollbar-thumb{background-color: #808080;}
.m-footer{padding: 75px 0 74px;background: #000;color: #fff;}
.m-footer a{display: block;transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}
.m-footer .font58{font-size: 58px;line-height: 64px;letter-spacing: -2px;color: #fff;}
.m-footer .font49{font-size: 49px;}
.m-footer .font28{font-size: 28px;line-height:36px;color:#fff;}
.m-footer .font27{font-size: 27px;}
.m-footer .main{width: calc(100% - 380px);margin: 0 auto;display: flex;justify-content: space-between;}
.m-footer .main .footnav a:hover{opacity: .5;}
.m-footer .main .mes1 .p1{margin-bottom: 82px;}
.m-footer .main .mes1 .p1 a{display:block; color:#fff;}
.m-footer .main .mes1 .p1 a:hover{opacity:.5;}
.m-footer .main .mes1 .p2{line-height: 30px;letter-spacing: -2px; }
.m-footer .main .mes2 a{color: #fff;}
.m-footer .main .mes2 .tel{padding: 6px 0 10px;line-height: 38px;letter-spacing: -3.6px}
.m-footer .main .mes2 .font27{line-height: 37px;letter-spacing: -2px}
.m-footer .main .mes2 .tlink{position: relative;display: flex;padding-top: 94px;}
.m-footer .main .mes2 .tlink .flink{margin-right: 54px;letter-spacing: -2px;line-height: 34px;color: #464646;}
.m-footer .main .mes2 .tlink .flink.last{margin-right: 0;}
.m-footer .main .mes2 .tlink .tlinkmain{position: absolute;top:calc(100% + 7px);left: 0;height: 46px;width: 100%;display: flex;flex-wrap: wrap;overflow-y: auto;opacity: 0;pointer-events: none;}
.m-footer .main .mes2 .tlink .tlinkmain.on{opacity: 1;pointer-events: auto;}
.m-footer .main .mes2 .tlink .tlinkmain a{margin-right: 20px;font-size: 16px;line-height: 23px; color: #3f3f3f;}
.m-footer .main .mes2 .tlink .tlinkmain a:nth-child(4n){margin-right: 0;}
.m-footer .main .mes2 .tlink .tlinkmain::-webkit-scrollbar{width: 1px;height: 1px;}
.m-footer .main .mes2 .tlink .tlinkmain::-webkit-scrollbar-track{background: #3d3d3d;}
.m-footer .main .mes2 .tlink .tlinkmain::-webkit-scrollbar-thumb{background-color: #808080;}
.m-footer .main .ewm img{display: block; margin: 6px auto 96px;}
.m-footer .main .ewm p{line-height: 34px;}
@media screen and (max-width: 1920px){
.m-footer{padding: 57px 0 55px;}
.m-footer .main{width: calc(100% - 292px);align-items: flex-start;}	
.m-footer .font58{font-size: 43.5px;line-height: 48px;}
.m-footer .font49{font-size: 37px;}
.m-footer .font28{font-size: 21px;line-height:28px}
.m-footer .font27{font-size: 20px;}
.m-footer .main .mes1 .p1{margin-bottom: 52px;}
.m-footer .main .mes1 .p2{line-height: 28px;}
.m-footer .main .mes2 .tel{padding: 4px 0 8px;line-height: 27px;}
.m-footer .main .mes2 .font27{line-height: 28px;}
.m-footer .main .mes2 .tlink{padding-top: 69px;}
.m-footer .main .mes2 .tlink .flink{margin-right: 40px; line-height: 28px;}
.m-footer .main .mes2 .tlink .tlinkmain{height: 34px;}
.m-footer .main .mes2 .tlink .tlinkmain a{margin-right: 12px; font-size: 12px;line-height: 17px;}
.m-footer .main .ewm img{width: 90px; margin:4px auto 70px;}
.m-footer .main .ewm p{line-height: 28px;}
}
@media screen and (max-width: 1550px){
.m-footer{padding: 44px 0 42px;}
.m-footer .main{width: calc(100% - 220px);}	
.m-footer .font58{font-size: 33.6px;line-height: 36px;}
.m-footer .font49{font-size: 27px;}
.m-footer .font28{font-size: 16px;line-height:24px;}
.m-footer .font27{font-size: 15px;}
.m-footer .main .mes1 .p1{margin-bottom: 30px;}
.m-footer .main .mes1 .p2{line-height: 18px;}
.m-footer .main .mes2 .tel{padding: 2px 0 7px;line-height: 21px;}
.m-footer .main .mes2 .font27{line-height: 20px;}
.m-footer .main .mes2 .tlink{padding-top: 54px;}
.m-footer .main .mes2 .tlink .flink{margin-right: 30px; line-height: 20px;}
.m-footer .main .ewm img{width: 68px; margin:2px auto 55px;}
.m-footer .main .ewm p{line-height: 19px;}
}
@media screen and (max-width: 750px){

.m-footer{display: none;}	
}
  
  
.web_contact_left{float:left; width:35%}
.web_contact_right{float:left; width:calc(65% - 50px); padding-right:50px}
.web_contact_left_title{width:100%; text-align:center; font-family:'Noto Sans SC',微软雅黑; color:#000000; font-size:30px; font-weight:bold; height:40px; line-height:40px; margin-bottom:100px}
.web_contact_right_content{text-align:left;  font-size:18px; color:#666666; padding-bottom:100px; line-height:35px}
.web_contact_right_content1{text-align:left;  font-size:18px; color:#666666; padding-bottom:100px; padding-top:100px;line-height:35px}

@media screen and (max-width: 750px){

.web_contact_left{float:left; width:100%; display:none}
.web_contact_middle{float:left; width:0%}
.web_contact_right{float:left;  width:calc(100% - 0px); padding-right:0px}
.web_contact_left_title{width:100%; text-align:center; font-family:'Noto Sans SC',微软雅黑; color:#000000; font-size:30px; font-weight:bold; height:40px; line-height:40px; margin-bottom:60px}
.web_contact_right_content{text-align:left; font-family:'Noto Sans SC',微软雅黑;  font-size:18px; color:#666666; padding-bottom:20px line-height:30px}

.web_contact_right_content1{text-align:left;font-size:18px; color:#666666; padding-bottom:0px; padding-top:0px;line-height:30px}


}



.about3-4 dl{
    float: none;
}
.about1 {
    margin-bottom: 150px;
}

.about1 .about1-right {
    width: 850px;
    /* margin-right: -9px; */
}
.about3-img {

}
.about3-img img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast;
}
.new-about {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}

.new-about-content {
    margin: 108px auto;
}

.new-about img {
    display: block;
}

.new-about-fixed {
    height: 1000px;
    width: 96%;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}

.new-about-content>p {
    margin-left: 47.917%;
    width: 39.739%
}

.new-about-content>p:nth-child(1) {
    margin-bottom: 63px;
}
.about3 {
        width: 100%;
       
    }
    .newabout3{	margin-top: 165px;}
.about3-3 img {
    margin: 41px 0 75px;
    display: block;
}

.about3 .about3-right {
    margin-right: -24px;
}
.about3 .about3-right {
        float: none;
        margin-left: 47.917%;
        width: 50%
    }
    .about3 .about3-4 {
        display: flex;
        justify-content: ;
        flex-wrap: wrap;
        width: 80%
    }
@media screen and (max-width: 1920px) {
    .about1 {
        margin-bottom: 96px;
    }
    .about1 .about1-right {
        width: 640px;
    }
    .new-about-content {
        margin: 108px auto;
    }
    .new-about-content>p {
        font-size: 12px;
    }
    .new-about-content p:nth-child(1) {
        margin-bottom: 56px;
    }
    .about1 .about1-right {
        margin-right: -41px;
    }
    .new-about-fixed {
        height: 800px;
    }
    .newabout3{margin-top: 0px;}
    .about3 .about3-right {
        float: none;
        margin-left: 24.917%;
        width: 75%
    }
    .about3 .about3-4 {
        width: 80%
    }
    .about3-3 {
        margin-bottom: 25px;
        margin-top: 0px;
    }
    .about3-3 img {
        margin: 41px 0 70px;
    }
}

@media screen and (max-width: 1440px) {
    .new-about-content {
        margin: 80px auto 80px;
    }
    .new-about {
        margin-top: 120px;
    }
}

@media screen and (max-width: 1200px) {
    /* .new-about-content p{width: 640px;} */
}

@media screen and (max-width: 750px) {
    .about1{margin-bottom: 35px;}
    .about1 .about1-right{width: 100%;margin-right: 0px;}
    .new-about {
        margin-top: 20px;
        width: 94%
    }
    .new-about-content {
        width: 100%;margin: 32px auto
    }
    .new-about-content>p {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    .new-about-content p:nth-child(1) {
        margin-bottom: 26px;
    }
    .new-about-fixed {
        background-attachment: scroll!important;
        height: 200px!important;
    }
    .new-about .about3 {
        width: 100%!important;
    }
    .about3 {
        width: 94%;
        margin-top: 50px!important;
    }
    .about3-3 img {
        margin: 30px 0;
        width: 100%;height: auto
    }
    .about3 .about3-right{margin-left: 0px;width: 100%;margin-right: 0px;}
}


.index_more_more{ width:100%; margin:auto; text-align:center; padding-top:40px; padding-bottom:40px}
.index_more_more a{ font-size:23.16px; height:40px; line-height:40px;}



.web_lili{width:100%; margin:auto; background:#ffffff; position:relative; top:-50px; padding-top:30px; padding-bottom:30px;}
.web_lili_body{width:100%; margin:auto; display:inline-block; text-align:center}
.lili_content{text-align:center;display:inline-block; margin-right:110px; width:140px;}


.lili_content .lili_content_left{float:left; height:45px; line-height:45px; font-size:30px; margin-right:5px;  color:#5651f7;transition: transform 0.5s ease; font-weight:lighter}
.lili_content .lili_content_right{float:left; height:45px; line-height:45px; font-size:26.25px; color:#888889;}
.lili_content .lili_content_right:hover{float:left; height:45px; line-height:45px; font-size:26.25px; color:#222222;}

.lili_content:hover .lili_content_left{float:left; height:45px; line-height:45px; font-size:30px; margin-right:5px;color:#5651f7;transform: rotate(360deg);}

.lili_content:hover .lili_content_right{float:left; height:45px; line-height:45px; font-size:26.25px; color:#888889;}
.lili_content:hover .lili_content_right:hover{float:left; height:45px; line-height:45px; font-size:26.25px; color:#222222;}


.lili_content_yes{text-align:center;display:inline-block; margin-right:110px; width:140px;}
.lili_content_yes .lili_content_left{float:left; height:45px; line-height:45px; font-size:30px; margin-right:5px;color:#5651f7;}
.lili_content_yes .lili_content_right{float:left; height:45px; line-height:45px; font-size:26.25px; color:#222222;}
.lili_content_yes .lili_content_right:hover{float:left; height:45px; line-height:45px; font-size:26.25px; color:#222222;}

.lili_content_yes:hover .lili_content_left{float:left; height:45px; line-height:45px; font-size:30px; margin-right:5px;color:#5651f7; font-weight:lighter}
.lili_content_yes:hover .lili_content_right{float:left; height:45px; line-height:45px; font-size:26.25px; color:#222222;}
.lili_content_yes:hover .lili_content_right:hover{float:left; height:45px; line-height:45px; font-size:26.25px; color:#222222;}




.lili_content1{text-align:center;display:inline-block; margin-right:0px; width:140px;}
.lili_content1 .lili_content_left{float:left; height:45px; line-height:45px; font-size:30px; margin-right:5px; color:#5651f7;transition: transform 0.5s ease; font-weight:lighter}
.lili_content1 .lili_content_right{float:left; height:45px; line-height:45px; font-size:26.25px; color:#888889;}
.lili_content1 .lili_content_right:hover{float:left; height:45px; line-height:45px; font-size:26.25px; color:#222222;}

.lili_content1:hover .lili_content_left{float:left; height:45px; line-height:45px; font-size:30px; margin-right:5px; color:#5651f7;transform: rotate(360deg);}
.lili_content1:hover .lili_content_right{float:left; height:45px; line-height:45px; font-size:26.25px; color:#888889;}
.lili_content1:hover .lili_content_right:hover{float:left; height:45px; line-height:45px; font-size:26.25px; color:#222222;}

.lili_content_yes1{text-align:center;display:inline-block; margin-right:0px; width:140px;}
.lili_content_yes1 .lili_content_left{float:left; height:45px; line-height:45px; font-size:30px; margin-right:5px;color:#5651f7;}
.lili_content_yes1 .lili_content_right{float:left; height:45px; line-height:45px; font-size:26.25px; color:#222222}
.lili_content_yes1 .lili_content_right:hover{float:left; height:45px; line-height:45px; font-size:26.25px; color:#222222}

.lili_content_yes1:hover .lili_content_left{float:left; height:45px; line-height:45px; font-size:30px; margin-right:5px; color:#5651f7; font-weight:lighter}
.lili_content_yes1:hover .lili_content_right{float:left; height:45px; line-height:45px; font-size:26.25px; color:#222222;}
.lili_content_yes1:hover .lili_content_right:hover{float:left; height:45px; line-height:45px; font-size:26.25px; color:#222222;}



.index_xl_content{ width:260px; height:1px; }
.index_xl_content_xl{display:none;position:absolute; z-index:100;left:0px; top:0px; width:100%; text-align:left}


.li_content{ width:100%; float:left; font-size:14px; color:#888889; line-height:20px}
.li_content a{ color:#888889; font-size:14px;font-family: "PingFang SC"}
.li_content a:hover{ color:#000000; font-size:14px;font-family: "PingFang SC"}
.li_ico{ float:left; height:25px; line-height:25px; padding-right:5px}
.li_text{ float:left; height:25px; line-height:25px}

@media screen and (max-width: 1500px) {
	
.lili_content{text-align:center;display:inline-block; margin-right:40px; width:140px;}
.lili_content1{text-align:center;display:inline-block; margin-right:0px; width:140px;}
.index_xl_content{ width:230px; height:1px; }


.lili_content_yes{text-align:center;display:inline-block; margin-right:40px; width:140px;}

.lili_content_yes1{text-align:center;display:inline-block; margin-right:0px; width:140px;}


	}

@media screen and (max-width: 1200px) {
.web_lili{width:100%; margin:auto; background:#ffffff; position:relative; top:-50px; padding-top:30px; padding-bottom:40px;}

.lili_content{text-align:center;display:inline-block; margin-right:30px; width:140px;}
.lili_content1{text-align:center;display:inline-block; margin-right:0px; width:140px;}

.lili_content_yes{text-align:center;display:inline-block; margin-right:30px; width:140px;}
.lili_content_yes1{text-align:center;display:inline-block; margin-right:0px; width:140px;}

.index_xl_content{ width:200px; height:1px; }
.li_content{ width:calc(100% - 10px); float:left; padding-left:10px; font-size:12px;}

.li_content a{ color:#888889; font-size:12px;font-family: "PingFang SC"}
.li_content a:hover{ color:#000000; font-size:12px;font-family: "PingFang SC"}


.lili_content .lili_content_right{float:left; height:45px; line-height:45px; font-size:18.25px; color:#888889;}
.lili_content .lili_content_right:hover{float:left; height:45px; line-height:45px; font-size:18.25px; color:#222222;}


.lili_content:hover .lili_content_right{float:left; height:45px; line-height:45px; font-size:18.25px; color:#888889;}
.lili_content:hover .lili_content_right:hover{float:left; height:45px; line-height:45px; font-size:18.25px; color:#222222;}


.lili_content_yes .lili_content_right{float:left; height:45px; line-height:45px; font-size:18.25px; color:#222222;}
.lili_content_yes .lili_content_right:hover{float:left; height:45px; line-height:45px; font-size:18.25px; color:#222222;}

.lili_content_yes:hover .lili_content_right{float:left; height:45px; line-height:45px; font-size:18.25px; color:#222222;}
.lili_content_yes:hover .lili_content_right:hover{float:left; height:45px; line-height:45px; font-size:18.25px; color:#222222;}



.lili_content1 .lili_content_right{float:left; height:45px; line-height:45px; font-size:18.25px; color:#888889;}
.lili_content1 .lili_content_right:hover{float:left; height:45px; line-height:45px; font-size:18.25px; color:#222222;}

.lili_content1:hover .lili_content_right{float:left; height:45px; line-height:45px; font-size:18.25px; color:#888889;}
.lili_content1:hover .lili_content_right:hover{float:left; height:45px; line-height:45px; font-size:18.25px; color:#222222}

.lili_content_yes1 .lili_content_right{float:left; height:45px; line-height:45px; font-size:18.25px; color:#222222;}
.lili_content_yes1 .lili_content_right:hover{float:left; height:45px; line-height:45px; font-size:18.25px; color:#222222;}

.lili_content_yes1:hover .lili_content_right{float:left; height:45px; line-height:45px; font-size:18.25px; color:#222222}
.lili_content_yes1:hover .lili_content_right:hover{float:left; height:45px; line-height:45px; font-size:18.25px; color:#222222;}








	}	
	
	
@media screen and (max-width: 920px) {
.web_lili{width:100%; margin:auto; background:#ffffff; position:relative; top:-50px; padding-top:30px; padding-bottom:100px;}

.lili_content{text-align:center;display:inline-block; margin-right:20px; width:130px;}
.lili_content1{text-align:center;display:inline-block; margin-right:0px; width:120px;}

.lili_content_yes{text-align:center;display:inline-block; margin-right:20px; width:130px;}
.lili_content_yes1{text-align:center;display:inline-block; margin-right:0px; width:120px;}
.index_xl_content{ width:140px; height:1px; }
.li_content{ width:calc(100% - 10px); float:left; padding-left:10px}

.lili_content_right{float:left; height:45px; line-height:45px; font-size:20px; color:#222222;}


	}	
	
@media screen and (max-width: 780px) {
	
.lili_content{text-align:center;display:inline-block; margin-right:20px; width:110px;}
.lili_content1{text-align:center;display:inline-block; margin-right:0px; width:110px;}

.lili_content_yes{text-align:center;display:inline-block; margin-right:20px; width:110px;}
.lili_content_yes1{text-align:center;display:inline-block; margin-right:0px; width:110px;}

.lili_content_left{float:left; height:45px; line-height:45px; font-size:20px; margin-right:5px; font-weight:bold; color:#5651f7}
.lili_content_right{float:left; height:45px; line-height:45px; font-size:20px; color:#222222;}

.index_xl_content{ width:130px; height:1px; }


	}		
	
	
.proclass_top{height:45px; line-height:45px; padding-top:20px; border-bottom:2px solid #eaeaea; width:100%; margin:auto; margin-bottom:60px}	
.proclass_top_left{float:left; font-size:23.19px; color:#000000; font-weight:lighter}
.proclass_top_right{ float:right}

@media screen and (max-width: 1000px) {
	
.proclass_top{height:auto; line-height:45px; padding-top:20px; border-bottom:2px solid #eaeaea; width:100%; margin:auto; margin-bottom:60px}	
.proclass_top_left{float:left; font-size:22px; color:#2a2a2a; width:100%}
.proclass_top_right{ float:left; width:100%}

	}	
	
	
.pp_detail_content{ width:100%; margin:auto; padding-bottom:50px; display:flex; padding-top:50px}
.pp_detail_content_left{ width:50%;  padding-top:0px; padding-bottom:0px;flex:1}
.pp_detail_content_middle{ background:#e6e6e6; width:1px;}
.pp_detail_content_right{ width:calc(50% - 1px);flex:1}

.pp_detail_content_left_content{ width:70%; margin:auto}
.pp_detail_content_right_content{ width:80%; margin:auto; line-height:40px; color:#808080; font-size:18px;}

.pp_detail_content_left_content_text1{  line-height:40px; color:#0a0a0a; font-size:20.25px}
.pp_detail_content_left_content_text2{ line-height:40px; color:#808080; font-size:20.25px}


@media screen and (max-width: 900px) {
	
.pp_detail_content{ width:100%; margin:auto; padding-bottom:50px; display:block}
.pp_detail_content_left{ float:left; width:100%; border-right:0px solid #cccccc; padding-top:0px; padding-bottom:20px; border-bottom:1px solid #e6e6e6; display:inline-block}
.pp_detail_content_right{ float:left; width:calc(100% - 1px); padding-top:40px; border-left:0px solid #cccccc; display:flex}
.pp_detail_content_middle{ background:#e6e6e6; width:1px; display:none}
.pp_detail_content_left_content{ width:90%; margin:auto}
.pp_detail_content_right_content{ width:90%; margin:auto; line-height:40px; color:#808080; font-size:18px;}

.pp_detail_content_left_content_text1{  line-height:40px; color:#0a0a0a; font-size:20px}
.pp_detail_content_left_content_text2{ line-height:40px; color:#808080; font-size:20px}

	}	
	
	
.web_contact{ width:85%; margin:auto;}	
.web_contact_bottom{ width:100%; margin:auto; background:url(../images/contact_bottom.jpg) center top no-repeat; height:527px; margin-top:100px}

.web_contact_top_text1{ text-align:left; font-size:28.51px; color:#000000; padding-bottom:50px}
.web_contact_top_text2{ text-align:left; font-size:28.51px; color:#000000; height:50px; line-height:50px}
.web_contact_top_text3{ text-align:left; font-size:28.51px; color:#000000; height:50px; line-height:50px; padding-bottom:50px}

.web_contact_feedback_left{ float:left; width:50%}

.web_contact_feedback_right{float:left; width:calc(50% - 100px); margin-left:100px}

.feedback_1{ width:100%; margin-bottom:30px}
.feedback_1 input{ width:calc(100% - 24px); border:2px solid #bfbfbf; height:50px; line-height:50px; text-align:left; padding-left:20px;outline:none; color:#b1b0b0}

.feedback_2{ width:100%; margin-bottom:30px}
.feedback_2 textarea{ width:calc(100% - 24px); border:2px solid #bfbfbf; height:270px; line-height:30px; text-align:left; padding-left:20px;outline:none;}

.feedback_3{ width:100%; margin-bottom:30px}
.feedback_3 input{ width:calc(100% - 0px);  height:50px; line-height:50px; text-align:left;outline:none; background:#e4e6e5; text-align:center; font-size:20px; color:#222222; border:none; cursor:pointer}


.web_contact_right_text1{ text-align:left; line-height:35px; color:#666666; font-size:18px}
.web_contact_right_text2{ text-align:left; line-height:45px; color:#000000; font-size:18px; padding-bottom:30px}
.web_contact_right_text3{ text-align:left; line-height:45px; color:#000000; font-size:22.5px;}
.web_contact_right_text4{ text-align:left; line-height:45px; color:#000000; font-size:18.42px;}

.web_contact_right_text5{text-align:left; line-height:45px; color:#000000; font-size:18.42px; padding-top:20px}
.web_contact_right_text6{ text-align:left; line-height:35px; color:#666666; font-size:18.42px}
.web_contact_right_text7{text-align:left; line-height:45px; color:#000000; font-size:18.42px; padding-top:20px}
.web_contact_right_text8{ text-align:left; line-height:35px; color:#666666; font-size:18.42px}
.web_contact_right_text9{ text-align:left; line-height:35px; color:#666666; font-size:18.42px}
.web_contact_right_text10{ text-align:left; line-height:35px; color:#666666; font-size:18.42px; padding-left:45px}

.web_contact_right_text20{ padding-top:70px; height:40px; line-height:40px; color:#666666; font-size:18px}
.web_contact_right_text20 span{ color:#000000}

.web_contact_right_text21{  height:40px; line-height:40px; color:#666666; font-size:18px}
.web_contact_right_text21 span{ color:#000000}

.web_contact_right_text22{  height:40px; line-height:40px; color:#666666; font-size:18px;padding-bottom:70px; }
.web_contact_right_text22 span{ color:#000000}

.web_contact_right_text23{  height:40px; line-height:40px; color:#666666; font-size:18px}



@media screen and (max-width: 1200px) {
.web_contact{ width:90%; margin:auto;}	
}


@media screen and (max-width: 1100px) {
.web_contact{ width:90%; margin:auto;}	
.web_contact_right_text1{ text-align:left; line-height:35px; color:#838383; font-size:16px}
.web_contact_right_text2{ text-align:left; line-height:45px; color:#000000; font-size:16px; padding-bottom:30px}
.web_contact_right_text3{ text-align:left; line-height:45px; color:#000000; font-size:24px;}
.web_contact_right_text4{ text-align:left; line-height:45px; color:#000000; font-size:16px;}

.web_contact_right_text5{text-align:left; line-height:45px; color:#000000; font-size:16px; padding-top:20px}
.web_contact_right_text6{ text-align:left; line-height:35px; color:#838383; font-size:16px}
.web_contact_right_text7{text-align:left; line-height:45px; color:#000000; font-size:16px; padding-top:20px}
.web_contact_right_text8{ text-align:left; line-height:35px; color:#838383; font-size:16px}
.web_contact_right_text9{ text-align:left; line-height:35px; color:#838383; font-size:16px}
.web_contact_right_text10{ text-align:left; line-height:35px; color:#838383; font-size:16px; padding-left:45px}

.web_contact_right_text20{ padding-top:70px; height:40px; line-height:40px; color:#5e5f5f; font-size:16px}
.web_contact_right_text20 span{ color:#000000}

.web_contact_right_text21{  height:40px; line-height:40px; color:#5e5f5f; font-size:16px}
.web_contact_right_text21 span{ color:#000000}

.web_contact_right_text22{  height:40px; line-height:40px; color:#5e5f5f; font-size:16px;padding-bottom:70px; }
.web_contact_right_text22 span{ color:#000000}

.web_contact_right_text23{  height:40px; line-height:40px; color:#5e5f5f; font-size:16px}
}


@media screen and (max-width: 1000px) {
	
.web_contact_feedback_left{ float:left; width:100%}

.web_contact_feedback_right{float:left; width:calc(100% - 0px); margin-left:0px}	
	}


@media screen and (max-width: 500px) {
.web_contact_right_text23{  height:auto; line-height:40px; color:#5e5f5f; font-size:16px}
.web_contact_bottom{ width:100%; margin:auto; background:url(../images/contact_bottom.jpg) right top no-repeat; height:527px; margin-top:100px}

}

.service-list{ width:85%; margin:auto}
.servce_content{width:100%; margin:auto; padding-bottom:70px}
.servce_contenta{ display:none}
.servce_contentb{width:100%; margin:auto; padding-bottom:70px}

.service_inc_title{font-size:28.5px; color:#000000; line-height:60px; padding-bottom:50px}

.service1_left{float:left; width:630px; padding-right:100px}
.service1_left img{ width:100%}
.service1_right{float:left; width:calc(100% - 730px)}

.service2_left{float:left; width:calc(100% - 730px)}
.service2_right{float:left; width:630px; padding-left:100px}
.service2_right img{ width:100%}

@media screen and (max-width:1200px) {
	
.service1_left{float:left; width:50%; padding-right:30px}
.service1_left img{ width:100%}
.service1_right{float:left; width:calc(50% - 30px)}

.service2_left{float:left; width:calc(50% - 30px)}
.service2_right{float:left; width:50%; padding-left:30px}
.service2_right img{ width:100%}
}


@media screen and (max-width: 1000px) {
.servce_content{width:100%; margin:auto; padding-top:0px}
.servce_contenta{ width:100%; margin:auto; padding-bottom:50px; display:block; padding-top:0px}
.servce_contentb{ display:none}
.service_inc_title{font-size:20px; color:#000000; line-height:40px; padding-bottom:40px}

.service1_left{float:left; width:100%; padding-right:0px}
.service1_left img{ width:100%}
.service1_right{float:left; width:calc(100% - 0px)}

.service2_left{float:right; width:calc(100% - 0px)}
.service2_right{float:right; width:100%; padding-right:0px}
.service2_right img{ width:100%}
}


.web_wap{ display:none}

@media screen and (max-width: 800px) {
	
.web_wap{ display:block; width:80%; margin:auto}
}



.width80{ width:81%; margin:auto}
.width75{width:75%; margin:auto}

@media screen and (max-width: 1400px) {
	
.width80{ width:100%; margin:auto}
.width75{ width:100%; margin:auto}
}

.banner1_text1{width:58.54%; margin:auto; margin-top:460px; color:#ffffff; font-size:52.78px; line-height:90px}
.banner1_text2{width:58.54%; margin:auto; color:#ffffff; font-size:28.5px;  line-height:45px}

.banner2_text1{width:58.54%; margin:auto; margin-top:430px; color:#ffffff; font-size:52.78px; line-height:90px}
.banner2_text2{width:58.54%; margin:auto; color:#ffffff; font-size:28.5px;  line-height:45px}
.banner2_text3{width:58.54%; margin:auto; color:#ffffff; font-size:28.5px;  line-height:45px}
@media screen and (max-width: 1600px) {
	
.banner1_text1{width:58.54%; margin:auto; margin-top:380px; color:#ffffff; font-size:46.78px; line-height:90px}
.banner1_text2{width:58.54%; margin:auto; color:#ffffff; font-size:27.5px;  line-height:45px}

.banner2_text1{width:58.54%; margin:auto; margin-top:350px; color:#ffffff; font-size:46.78px; line-height:90px}
.banner2_text2{width:58.54%; margin:auto; color:#ffffff; font-size:27.5px;  line-height:45px}
.banner2_text3{width:58.54%; margin:auto; color:#ffffff; font-size:27.5px;  line-height:45px}
}

@media screen and (max-width: 1400px) {
	
.banner1_text1{width:58.54%; margin:auto; margin-top:300px; color:#ffffff; font-size:46.78px; line-height:90px}
.banner1_text2{width:58.54%; margin:auto; color:#ffffff; font-size:27.5px;  line-height:45px}

.banner2_text1{width:58.54%; margin:auto; margin-top:270px; color:#ffffff; font-size:46.78px; line-height:90px}
.banner2_text2{width:58.54%; margin:auto; color:#ffffff; font-size:27.5px;  line-height:45px}
.banner2_text3{width:58.54%; margin:auto; color:#ffffff; font-size:27.5px;  line-height:45px}
}

@media screen and (max-width: 1200px) {
	
.banner1_text1{width:58.54%; margin:auto; margin-top:260px; color:#ffffff; font-size:36.78px; line-height:50px}
.banner1_text2{width:58.54%; margin:auto; color:#ffffff; font-size:23.5px;  line-height:45px}

.banner2_text1{width:58.54%; margin:auto; margin-top:230px; color:#ffffff; font-size:36.78px; line-height:50px}
.banner2_text2{width:58.54%; margin:auto; color:#ffffff; font-size:23.5px;  line-height:45px}
.banner2_text3{width:58.54%; margin:auto; color:#ffffff; font-size:23.5px;  line-height:45px}
}

@media screen and (max-width: 1000px) {
	
.banner1_text1{width:58.54%; margin:auto; margin-top:200px; color:#ffffff; font-size:26.78px; line-height:50px}
.banner1_text2{width:58.54%; margin:auto; color:#ffffff; font-size:16.5px;  line-height:45px}

.banner2_text1{width:58.54%; margin:auto; margin-top:170px; color:#ffffff; font-size:26.78px; line-height:50px}
.banner2_text2{width:58.54%; margin:auto; color:#ffffff; font-size:16.5px;  line-height:45px}
.banner2_text3{width:58.54%; margin:auto; color:#ffffff; font-size:16.5px;  line-height:45px}
}

@media screen and (max-width: 800px) {
	
.banner1_text1{width:58.54%; margin:auto; margin-top:160px; color:#ffffff; font-size:26.78px; line-height:50px}
.banner1_text2{width:58.54%; margin:auto; color:#ffffff; font-size:16.5px;  line-height:45px}

.banner2_text1{width:58.54%; margin:auto; margin-top:130px; color:#ffffff; font-size:26.78px; line-height:50px}
.banner2_text2{width:58.54%; margin:auto; color:#ffffff; font-size:16.5px;  line-height:45px}
.banner2_text3{width:58.54%; margin:auto; color:#ffffff; font-size:16.5px;  line-height:45px}
}


.conrp{ display:none}

@media screen and (max-width: 1000px) {
	
.conrp{ display:block}

}

.service_wap{ display:none}

@media screen and (max-width: 1000px) {
	
.service_wap{ display:block; padding-left:23px; font-size:12px}

}


.about_6_wap{ display:none}
.about_6_web{  display:block; width:85%; margin:auto; padding-top:0px}

@media screen and (max-width: 1000px) {
	
.about_6_wap{ display:block; width:85%; margin:auto; padding-top:0px}
.about_6_web{ display:none}
}

.casecase_content1{;width:100%; height:15%}
.casecase_content2{;width:100%; height:75%}

.casecase_content11{;width:100%; height:15%}
.casecase_content22{;width:100%; height:80%}

.case_title1{ font-size:20px; color:#ffffff; height:40px; line-height:40px}
.case_title2{ font-size:16px; color:#ffffff; height:20px; line-height:20px}
.case_title3{ font-size:16px; color:#ffffff; height:20px; line-height:20px}
.case_title4{ font-size:16px; color:#ffffff; height:20px; line-height:20px}
.case_title5{ font-size:16px; color:#ffffff; height:20px; line-height:20px}

.case_title11{ font-size:20px; color:#ffffff; height:40px; line-height:40px}
.case_title22{ font-size:16px; color:#ffffff; height:20px; line-height:20px}
.case_title33{ font-size:16px; color:#ffffff; height:20px; line-height:20px}
.case_title44{ font-size:16px; color:#ffffff; height:20px; line-height:20px}
.case_title55{ font-size:16px; color:#ffffff; height:20px; line-height:20px}


@media screen and (max-width: 1600px) {
	
.casecase_content1{;width:100%; height:20%}
.casecase_content2{;width:100%; height:65%}

.casecase_content11{;width:100%; height:15%}
.casecase_content22{;width:100%; height:70%}
}

@media screen and (max-width: 1200px) {
	
.casecase_content1{;width:100%; height:30%}
.casecase_content2{;width:100%; height:55%}

.casecase_content11{;width:100%; height:30%}
.casecase_content22{;width:100%; height:55%}
}
