@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1330px) {
.header .logo{ margin-left:2.5%;}
.header .search{ margin-right:2.5%;}
.header .nav ul li a{ padding:0px 15px;}
	}
@media screen and (max-width:1200px) {
.header .menubtn{ display:block;}	
.header .nav{ display:none;}	
.header .logo{ width:216px; margin:0 auto; float:none;}
.header .search{ position:absolute; top:50%; margin-top:-16.5px; right:2.5%; z-index:2; margin-right:0px; }	
.index_banner .index_con{ width:100%;}
.index_banner .flexslider{ width:100%;}	
.index_banner .index_con .index_left{ margin-left:2.5%; width:43%;}
.index_banner .index_con .index_right{ margin-right:2.5%; width:47%;}
.solution .flexslider{ width:608px;}
.solution .slides li{ height:auto;}
.solution .slides li b{ height:246px; line-height:246px;}
.solution .slides li b img{ width:70%;}
.solution .slides li span{ height:50px; line-height:50px;}
.solution .slides li:hover span{height:50px; line-height:50px; color:#004694;}
.solution .slides li:hover b{ height:246px; line-height:246px; color:#004694;}
.solution .flex-direction-nav a{ display:none;}
.index_about .about_con{ width:95%; margin:0 auto;}
.index_about .about_con .about_right{ float:none; margin:50px auto}
.index_about .about_con .about_left{ float:none; margin:0 auto;}
.index_news .flexslider{ width:585px; height:auto;}
.index_news .flexslider .slides li .news_one{ margin-right:0px;}
.index_news .flexslider .slides li .news_list{ margin-bottom:30px;}
.foot .foot_nav{ display:none;}
.foot span{ display:block;}
.foot .foot_con p:nth-child(1){ display:none;}

.product{ width:94%;}
.contact .contact_con .con_left{ float:none; margin:0 auto; margin-bottom:30px;}
.contact .contact_con .con_right{float:none; margin:0 auto; width:100%; height:auto; }
.contact .contact_con .con_bottom{ float:none;}
.contact .contact_con .con_bottom img{ padding-bottom:20px;}

.con_style .style_left{ display:none; }

.news ul li .news_img{ float:none; margin:0px auto; margin-top:20px;}
.news ul li .news_item{float:none;  width:80%; margin:0 auto;}
.news ul li .news_item h6{ padding-top:10px;}
.news ul li .news_time{ padding-bottom:20px; padding-top:10px;}
.news ul li .news_time span{ display:inline-block; padding:0px; padding-right:10px;}
.news ul li .news_time b{ display:inline-block;}

.product .pro_con ul{ width:640px; margin:0 auto}
.product .pro_con ul li{ width:48%; margin-right:2%;margin-bottom:15px;}
.product .pro_con ul li:nth-child(3n){ margin-right:2%;}
.product .pro_con ul li:nth-child(2n){ margin-right:0;}

.pro_details .details_con .det_item .det_left{ float:none; margin:0 auto;}

}
@media screen and (max-width:790px) {

	}
@media screen and (max-width:640px) {
.header{ height:60px;}	
.header .menubtn{ height:22px; width:30px; margin-top:-11px;}
.header .logo{ line-height:60px;}	
.header .logo img{ width:129px; height:18px;}
.header .search{ display:none;}
.phone-nav{ width:170px;}
.phone-nav .navlogo{ height:60px; line-height:60px;}
.phone-nav ul li{ height:60px; line-height:60px; font-size:18px;}	
.phone-nav .navlogo{height:64px; line-height:64px; }
.phone-nav .navlogo img{ width:129px; height:18px; }
.phone-nav ul li{ height:50px; line-height:50px;font-size:16px;}
.phone-nav ul li>a{ text-indent:30px; }
.phone-nav ul li .a-bg{background:url(../arrow-right.png) no-repeat 140px center;}
.phone-nav ul li .a-bg.a_active{background:url(../arrow-top.png) no-repeat 140px center;}
.phone-navlist a{ height:50px; line-height:50px;font-size:16px; text-indent:40px;}
.closebtn{ top:18px;}
.index_banner{ height:240px; margin-top:64px;}	
.index_banner .index_con .index_left{ margin-top:60px;}	
.index_banner .index_con .index_left h2{ font-size:14px; padding-bottom:20px;}
.index_banner .index_con .index_left p{ font-size:12px; line-height:24px;}
.index_banner .index_con .index_left a{ display:none;}
.index_banner .index_con .index_left a span{ width:21px; height:7.2px; background-size:cover;}
.index_banner .index_con .index_right{ margin-top:20px;}
.solution{ height:auto; padding-bottom:30px;}
.solution h2{ padding-top:30px; font-size:18px;}
.solution .flexslider{ margin-top:30px; width:90%; height:auto;}
.solution .solu_btn{ margin-top:30px; width:90px; height:24px; line-height:24px;}
.solution .flexslider{ width:90%;}
.solution .slides li{ height:auto; margin-right:0px; }
.solution .slides li b{ height:270px; line-height:270px;}
.solution .solu_btn span{ width:21px; height:7.2px;}
.solution .slides li b img{ width:60%;}
.solution .slides li span{ height:50px; line-height:50px; font-size:14px;}
.solution .slides li:hover span{ height:50px; line-height:50px; color:#004694;}
.solution .slides li:hover b{height:270px; line-height:270px;color:#004694;}
.index_about h2{ font-size:18px; padding-top:30px;}
.index_about .about_con .about_right{ width:95%; margin:30px auto;}
.index_about .about_con .about_right ul{ left:0; top:50%; margin-top:-65px;}
.index_about .about_con .about_right .img i{ display:none;}
.index_about .about_con .about_right .img img{ right:0; bottom:0; width:100%; height:auto;}
.index_about .about_con .about_right .img b{ display:none;}
.index_about .about_con .about_left{ width:95%; margin:0 auto;}
.index_about .about_con .about_left h5{ font-size:20px;}
.index_about .about_con .about_left h6{ font-size:16px;}
.index_about .about_con .about_left .con{ margin-top:20px;}
.index_about .about_con .about_left a{ margin-top:20px; width:90px; height:24px; line-height:24px;}
.index_about .about_con .about_left a span{ width:21px; height:7.2px; background-size:cover;}
.index_about .about_con{ padding-bottom:30px;}
.index_title{ padding-left:3%; padding-right:3%;}
.index_title .title{ width:180px; height:30px;}
.index_title .title h2{ font-size:18px; padding-top:16px;}
.index_title h3{ font-size:16px;}
.index_news{ padding-bottom:30px;}
.index_news h2{ padding-top:30px; font-size:18px;}
.index_news .flexslider{ margin-top:30px; width:95%; padding-bottom:20px; }
.index_news .flexslider .slides li .news_list .news_con h6{ font-size:16px;}
.index_news .flexslider .slides li .news_list{ width:98%; margin:0 auto; margin-bottom:20px; float:none;}
.index_news .flexslider .slides li .news_list .time{ height:50px;}
.index_news .flexslider .slides li .news_list .time .date{ padding-top:8px;}
.index_news .flexslider .slides li .news_list .time .date span{ font-size:18px;}
.index_news .flexslider .slides li .news_list .time .date strong{ font-size:14px;}
.index_news .flexslider .slides li .news_list .time .arr_right{ width:20px; height:20px; margin-top:15px;}
.index_news .flex-control-nav{ bottom}

.pro_banner{ margin-top:64px; height:240px;}
.product .pro_title{ height:40px; line-height:40px; padding:0px 6px; top:-40px;}
.product .pro_title span{ font-size:16px;}
.product .pro_title i{ font-size:14px;}
.product .pro_nav{ padding-top:10px;}
.product .pro_nav a{ width:32%; margin-right:2%; margin-top:1.5%; box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;}
.product .pro_nav a:nth-child(3n){ margin-right:0;}
.contact{ margin:2.5% 0; padding:3%;}
.contact .contact_con .con_left{ width:100%; height:200px; margin-bottom:20px;}
.contact .contact_con .con_right h4{ font-size:16px;}
.contact .contact_con .con_right p{ font-size:14px; padding-top:5px; line-height:26px;}
.contact .contact_con .con_bottom{ margin-top:24px;}
.contact .contact_con .con_bottom img{ max-width:60%; margin-right:0px;}

.technology{  margin:10px 0px; padding:3%;}
.con_style .map{ margin-top:20px;}
.con_style .map iframe{ height:240px!important;}
.technology h4{ padding-bottom:10px; font-size:16px;}
.technology .tech_con img{ margin:10px 0px;}
.technology .tech_con p{ padding-bottom:10px;}

.message{ margin:3% 0px;}
.message h5{ padding-top:20px; padding-bottom:20px;}
.message table{ width:94%; font-size:14px; overflow:hidden;}
.message table input{ width:94%; padding:3%;}
.message table textarea{ width:94%;padding:3%;}
.message table .red{ padding-left:3%;}
.message table input.code_in{ }
.message table .tip{ width:100%;}
.message table .sub_btn{ width:80px; font-size:14px; height:30px; line-height:30px; margin-top:0px;}
.message table td.td_f{ width:16%;}
.message table .ver{ vertical-align:top; padding-top:20px;}	  
.message table .code{}
.message table td{ padding:7px 0px;}
.news ul li{ padding:3%;}
.news ul li .news_img{ margin-top:0px;}
.news ul li .news_item{ width:100%;}
.news ul li .news_item h6{ padding-bottom:10px; padding-top:5px;}
.news ul li .news_time{ margin-right:0px;}
.news{ min-height:auto; margin-top:10px;}
.news ul li{ margin-bottom:10px;}
.news ul li .news_item p{ height:auto;}

.news_details{ padding:3%; margin-top:10px;}
.news_details h4{ font-size:16px; padding-bottom:6px;}
.news_details h5{ padding-bottom:10px; margin-bottom:10px;}
.news_details img{ margin:10px auto;}
.flip{ padding:20px 0px;}
.flip p{ padding-bottom:5px; background:url(../flip_bg.png) no-repeat left 6px;}

.product .pro_con{ margin-top:10px;}
.product .pro_con ul{ width:103%;}
.product .pro_con ul li{ overflow:hidden; width:47%; margin-right:3%; margin-bottom:3%; box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;}
.page{ margin-bottom:30px;}
.product .pro_con ul li:nth-child(3n){margin-right:3%; box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;}
.product .pro_con ul li b{ height:200px; line-height:200px;}
.product .pro_con ul li b img{ width:80%;}
.product .pro_con ul li span{ font-size:12px; height:40px; line-height:40px;}

.pro_details{ margin-top:10px; padding:3%;}
.pro_details .details_con .det_item .det_left{ width:100%;}
.pro_details .details_con h4{ padding-bottom:10px;}
.pro_details .details_con .det_item{ margin-top:16px;}
.pro_details .details_con .det_item .det_right p{ padding-bottom:10px;}
.pro_details .details_con .det_list h5{ margin:10px 0px; margin-bottom:20px; width:100px; height:40px; line-height:40px; font-size:16px;}
.product .pro_nav a.long{ width:32%;}
.technology .tec_bottom{ margin-top:10px;}
.technology .tec_bottom h5{ width:100px; height:40px; line-height:40px; font-size:16px;}
.foot .foot_con{ padding-bottom:25px;}

.solution h4{ padding-top:0px;}
.index_about h4{ padding-top:0px;}
.index_news h4{ padding-top:0px;}

   }
@media screen and (max-width:397px) {
.message table td.td_f{ width:20%;}  

	 } 
	  
@media screen and (max-width:362px) {
	
.message table .code{ margin-top:10px;}
	
	}