@charset "utf-8";
body{ margin:0; padding:0; font-family:"Microsoft YaHei"; font-size:14px; color:#000; background:#fff;}
div,ul,li,ol,dd,dl,dt,p,i,h3,img,a,h1,h2,h3,h4,h5,h6,select,input{ list-style:none; padding:0; margin:0;}
em,b{ font-style:normal;font-weight:normal;}
a{ color:#666; text-decoration:none;}
a:hover,a.cur{ color:#0a57a1;}
.clearfix{overflow:hidden;_zoom:1;}
.clear{ clear:both}
.width_page{ width:1200px; margin:0 auto;}
.more{ margin:50px auto; display:block; text-align:center; width:140px; height:40px; line-height:40px; border-radius:20px;}

.header{ height:100px; background:#fff; position:relative;}
.header .logo{ padding:15px 0 0 50px; float:left;}
.header .menu{ float:right; margin-right:10px;}
.header .menu ul li{ float:left; line-height:100px; width:100px;}
.header .menu ul li a{ display:block; font-size:15px; text-align:center;}
.header .menu ul li a:hover,.header .menu ul li.focus a{ background:#0a57a1; color:#fff;}
.header .lang{ float:right; width:120px; height:30px; border:#ddd solid 1px; border-radius:15px; margin-top:35px; margin-right:118px;}
.header .lang a{ background:url(../images/lang.png) no-repeat left center; padding-left:38px; color:#0a57a1; font-size:12px; font-weight:bold; line-height:30px; margin-left:16px;}
.header .search{ float:right; position:absolute; right:0; top:0; }
.header .search form{ width:95px; height:100px; overflow:hidden; }
.header .search input[type="text"]{ width:300px; height:100px; border:none;  background:#0a57a1; font-size:24px;font-family:"Microsoft YaHei"; text-indent:20px; color:#fff; float:right}
.header .search input[type="submit"]{ width:95px; height:100px; background:#e8e8e7 url(../images/search.png) no-repeat center center; border:none; font-size:0; cursor:pointer; float:right}

.banner{position: relative; width:100%; height:620px;}
.swiper-container{ height:620px; overflow:hidden;}
.pagination {position: absolute;z-index: 20;bottom: 40px;width: 100%;text-align: center;}
.swiper-pagination-switch {display: inline-block; width: 14px; height: 14px; border-radius:14px; background: #fff; margin: 0 5px; opacity: 0.8; cursor: pointer;border:#fff solid 2px;}
.swiper-active-switch {background:#0a57a1; border:#0a57a1 solid 2px;}

.nei_banner{ width:100%; height:309px;}

.i_about{ padding-top:20px;}
.i_about dl{ font-size:30px; font-weight:bold; text-align:center; color:#000; border-bottom:#b4b4b4 solid 1px; line-height:65px;}
.i_about .box{ line-height:2; padding-top:40px; overflow:hidden;}
.i_about .box h2{ font-size:30px; font-weight:normal;}
.i_about .box img{ float:right; margin-left:30px;}
.i_about .more{ background:#8e8673; color:#fff;}

.i_pro{ height:600px;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#161c3f', endColorstr='#40a850',GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#161c3f', endColorstr='#40a850')";
    background:#161c3f; /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(bottom right, #161c3f, #40a850);  
    background: -webkit-linear-gradient(left top, #161c3f , #40a850);
    background:-o-linear-gradient(bottom right, #161c3f, #40a850); 
}
.i_pro dl{ text-align:center; font-size:30px; color:#fff; font-weight:bold; line-height:140px;}
.i_pro .box{overflow:hidden;}
.i_pro .box ul{ overflow:hidden; _zoom:1; width:1300px;}
.i_pro .box ul li{ float:left; margin-right:6px;}
.i_pro .box ul li img{ border-radius:10px;}
.i_pro .box ul li p{ text-align:center; color:#fff; font-size:16px;}
.i_pro .more{ background:#fff; color:#000;}

.index_news{ margin:40px auto;}
.index_news .title{ border-bottom:#d4d4d4 solid 1px; overflow:hidden;padding:15px 0;}
.index_news .title h3{ font-size:30px; color:#000; text-align:center;}
.index_news .box{ overflow:hidden;_zoom:1; padding-top:65px;}
.index_news .box dl{ float:left;}
.index_news .box dl img{ border:#000 solid 1px;}
.index_news .box ul{ line-height:29px; width:626px; float:right;}
.index_news .box ul li{ background:#fff; height:66px; padding-bottom:35px;}
.index_news .box ul li .time{ width:64px; height:54px; background:#f5f5f5; float:left; text-align:center; color:#333; font-size:12px; line-height:20px; padding-top:10px; margin-right:15px; border:#8e8673 solid 1px; border-radius:10px;}
.index_news .box ul li .time span{ font-size:25px; font-weight:bold; line-height:24px;}
.index_news .boxt ul li a{ float:right; width:575px; display:block;}
.index_news .box ul li:hover h3,.index_news .box ul li:hover p{ color:#8e8673;}
.index_news .box ul li h3{ font-size:14px; line-height:25px; color:#000;}
.index_news .box ul li p{ color:#666; font-size:12px; margin:0 28px; line-height:20px;}
.index_news .more{  background:#f5f5f5; border-radius:20px;  color:#000;}
.index_news .more:hover{ background:#d3c6a6;}

.about{ padding-top:20px;}
.about dl{ font-size:30px; text-align:center; color:#000; border-bottom:#b4b4b4 solid 1px; line-height:65px;}
.about .box{ line-height:2.5; padding-top:40px; padding-bottom:80px; overflow:hidden;}

.certificate{padding-top:20px; background:#e7e7e7;}
.certificate dl{ font-size:30px; text-align:center; color:#000; border-bottom:#b4b4b4 solid 1px; line-height:65px;}
.certificate .box{ padding-top:50px; padding-bottom:130px; overflow:hidden;}
.certificate .box ul{ width:1300px;}
.certificate .box ul li{ float: left; margin-right:22px; margin-bottom:22px;}
.certificate .box ul li img{ display:block;}

.products{padding-top:20px;}
.products dl{ font-size:30px; text-align:center; color:#000; line-height:65px;}
.mian_tab{ width:100%; height:45px; margin-top:15px;}
.mian_tab ul{ text-align:center;}
.mian_tab ul li{ text-align:center;display:inline; line-height:45px; font-size:15px; margin:0 5px;}
.mian_tab ul li a{display:inline-block; background:#bbbbbb; width:120px; border-radius:5px; color:#000;}
.mian_tab ul li a:hover{ background:#0a57a1;color:#fff;line-height:45px; height:45px;}
.mian_tab ul li.active a{ color:#fff;background:#0a57a1;line-height:45px; height:45px;}
.products .box{ padding-top:30px; padding-bottom:130px; overflow:hidden;}
.products .box ul{ width:1300px;}
.products .box ul li{ float: left; margin-right:12px;}
.products .box ul li p{ line-height:45px; text-align:center;}
.products .box ul li img{ display:block;}

.pro_view{ padding-top:20px;}
.pro_view dl{ font-size:30px; text-align:center; color:#000; border-bottom:#b4b4b4 solid 1px; line-height:65px;}
.pro_view .box{ line-height:2.5; padding-top:40px; padding-bottom:80px; overflow:hidden;}
.pro_view .box ol{ float:left; margin-right:50px; width:50%;}
.pro_view .box ol img{padding:0px;max-width:100%;height:auto !important;box-sizing:border-box !important;word-wrap:break-word !important;width:auto !important;visibility:visible !important;}
.pro_view .box ul{ float:left;}
.pro_view .box ul h3{ margin-bottom:20px;}

.news{ padding-top:20px;}
.news dl{ font-size:30px; text-align:center; color:#000; border-bottom:#b4b4b4 solid 1px; line-height:65px;}
.news .box{ padding:20px;}
.news .box ul li {overflow:hidden;_zoom:1; border-bottom:#bbbbbb dotted 1px; padding:20px 0;}
.news .box ul li:hover h3{ color:#0a57a1}
.news .box ul li img{ float:left; margin-right:30px; border-radius:5px;}
.news .box ul li ol h3{ font-size:15px; line-height:2; color:#000;}
.news .box ul li ol p{ font-size:13px;  line-height:1.5; height:60px; color:#666;}
.news .box ul li ol span{ font-size:14px; color:#999;}

.news_view{padding-top:20px;}
.news_view dl{ text-align:center; border-bottom:#bbbbbb solid 1px; padding:30px 0; font-size:12px;}
.news_view dl h3{ font-size:17px; line-height:3; color:#000;}
.news_view .box{line-height:2.5; padding:40px 20px 80px; overflow:hidden;}
.news_view .link_back{ padding:40px 0 80px;}
.news_view .link_back a{ width:155px; height:40px; line-height:40px; background:#b5b5b5; color:#030303; display:block; margin:0 auto; border-radius:5px; text-align:center;}

.equipment{ padding-top:20px;}
.equipment dl{ font-size:30px; text-align:center; color:#000; border-bottom:#b4b4b4 solid 1px; line-height:65px;}
.equipment .box{ line-height:2.5; padding-top:40px; padding-bottom:80px; overflow:hidden;}
.equipment .box ul{ overflow:hidden;_zoom:1; width:1300px;}
.equipment .box ul li{ float:left; margin:0 48px 20x 0;}
.equipment .box ul li img{ display: block;}

.contact{ padding-top:20px;}
.contact dl{ font-size:30px; text-align:center; color:#000; border-bottom:#b4b4b4 solid 1px; line-height:65px;}
.contact .box{ line-height:2.5; padding-top:40px; padding-bottom:80px; overflow:hidden;}
.contact .message{ float:left; width:500px; margin-left:100px;}
.contact .message span{ font-size:18px; padding-left:10px;}
.contact .message input{ border:#d3d3d3 solid 1px; line-height:42px; width:500px; outline:none; text-indent:10px; font-family:"微软雅黑";}
.contact .message textarea{ width:480px; height:110px; margin:0; padding:0;border:#d3d3d3 solid 1px; outline:none; color:#a9a9a9; padding:10px;font-family:"微软雅黑";}
.contact .message input[type="submit"]{ background:#fff; font-size:14px; color:#0b89dd;text-indent:0; border:#0b89dd solid 2px;}
.contact .add{ width:460px; float:right; line-height:2;}

.map{ height:680px;}

.page{ color:#666; font-size:13px; padding:50px 0; text-align:center}
.page a{ color:#666; margin:0 5px; padding:2px 7px; border:#bbb solid 1px;}
.page a:hover,.page a.cur{ color:#fff; background:#005aab; border:#0046bb solid 1px;}

.footer{ background:#03366b;}
.footer .width_page{ padding:30px 0; color:#fff; overflow:hidden;_zoom:1;}
.footer .f_c{ border-right:#3b6d9e solid 1px; width:355px; float:left;}
.footer .f_c dl{ font-size:20px; font-weight:bold; color:#fff; margin-bottom:15px;}
.footer .f_c .box{ line-height:22px;}
.footer .f_nav{ float:left; text-align:center; width:290px;border-right:#3b6d9e solid 1px;}
.footer .f_nav dl{ font-size:20px; font-weight:bold; color:#fff; margin-bottom:15px;}
.footer .f_nav ul li a{ color:#fff; font-size:15px; line-height:25px;}
.footer .f_bq{ float:right; text-align:right; line-height:30px;}


.wap_head{ display:none; background:#fff;}
.wap_head .box{ overflow:hidden;height:60px;}
.wap_head .logo{ float:left; padding:10px 0 0 20px;}
.wap_head .logo img{ display:block; width:auto; height:37px;}
.wap_head .menu-toggle{ width:60px; height:60px; position:absolute; right:0px; top:0px; background:#015fc5;}
.wap_head .menu-toggle span{ width:20px; height:2px; background:#fff;display:block; position:relative; opacity:1;transition:all 300ms; margin:27px 0 0 20px;}
.wap_head .menu-toggle span:before{ content:"";width:20px; height:2px; background:#fff;display:block; position:absolute; left:0; top:-7px;transition:all 300ms;}
.wap_head .menu-toggle span:after{ content:"";width:20px; height:2px; background:#fff;display:block;position:absolute; left:0; top:7px;transition:all 300ms;}
.wap_head .menu-toggle.cur span{ background:#015fc5;}
.wap_head .menu-toggle.cur span:before{transform:rotate(45deg); top:2px;}
.wap_head .menu-toggle.cur span:after{transform:rotate(-45deg); top:2px;}

.wap_head .nav{position: absolute; left:0; top:60px; width:100%; z-index:999; background:#fff; border-top:#ccc solid 1px; display:none;}
.wap_head .nav ul li{ border-bottom:#eee solid 1px;}
.wap_head .nav ul li .tit{ line-height:50px; font-size:15px; display:block; padding:0 30px;}
.wap_head .nav ul li a.cur{color: #fff; background:#015fc5;}
.wap_head .nav ul li .subnav{ display:none; background:rgba(200, 200, 200, 0.5); padding:15px 30px; }
.wap_head .nav ul li .subnav a{ display:block; line-height:2.5; white-space:nowrap; width:100%;font-size:15px;}


@media only screen and (max-width:700px){
	
.width_page{ width:100%; margin:0 auto;}

.header{ display:none;}
.wap_head{ display:block;}

.banner{position: relative; width:100%; height:220px;}
.swiper-container{ height:220px; overflow:hidden;}
.swiper-container .swiper-slide img{ height:220px; width:auto;}
.pagination {position: absolute;z-index: 20;bottom:15px;width: 100%;text-align: center;}
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius:14px;}

.nei_banner{ height:130px;}

.i_about{ padding-top:20px;}
.i_about dl{ font-size:20px; font-weight:bold; text-align:center; color:#000; border-bottom:#b4b4b4 solid 1px; line-height:65px;margin:0 20px;}
.i_about .box{ line-height:2; padding-top:20px; overflow:hidden; margin:0 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;}
.i_about .box h2{ font-size:20px; font-weight:normal; display:none;}
.i_about .box img{ float:none; margin-left:0; width:100%; height:auto;}
.i_about .more{ background:#8e8673; color:#fff;}

.i_pro{ height: auto; padding-bottom:10px;}
.i_pro dl{ text-align:center; font-size:20px; color:#fff; font-weight:bold; line-height:100px;}
.i_pro .box{overflow:hidden;}
.i_pro .box ul{ overflow:hidden; _zoom:1; width:101%; padding:0 5%;}
.i_pro .box ul li{ float:left; margin-right:1%; width:29%;}
.i_pro .box ul li img{ border-radius:10px; height:auto; width:100%; display:block;}
.i_pro .box ul li p{ text-align:center; color:#fff; font-size:14px; line-height:2;}
.i_pro .more{ background:#fff; color:#000; margin:30px auto;}

.index_news{ margin:40px auto;}
.index_news .title{ border-bottom:#d4d4d4 solid 1px; overflow:hidden;padding:15px 0;margin:0 20px;}
.index_news .title h3{ font-size:20px; color:#000; text-align:center;}
.index_news .box{ overflow:hidden;_zoom:1; padding-top:25px; margin:0 20px;}
.index_news .box dl{ float: none;}
.index_news .box dl img{ border:0; width:100%; height:auto;}
.index_news .box ul{ line-height:29px; width:100%; float:none; margin-top:20px;}
.index_news .box ul li{ background:#fff; height: auto; padding-bottom:20px;}
.index_news .box ul li .time{ width:64px; height:54px; background:#f5f5f5; float:left; text-align:center; color:#333; font-size:12px; line-height:20px; padding-top:10px; margin-right:15px; border:#8e8673 solid 1px; border-radius:10px;}
.index_news .box ul li .time span{ font-size:25px; font-weight:bold; line-height:24px;}
.index_news .boxt ul li a{ float:right; width:575px; display:block;}
.index_news .box ul li:hover h3,.index_news .box ul li:hover p{ color:#8e8673;}
.index_news .box ul li h3{ font-size:14px; line-height:25px; color:#000;}
.index_news .box ul li p{ color:#666; font-size:12px; margin:0px; line-height:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.index_news .more{  background:#f5f5f5; border-radius:20px;  color:#000;margin:30px auto;}
.index_news .more:hover{ background:#d3c6a6;}

.about{ padding-top:20px;}
.about dl{ font-size:20px; text-align:center; color:#000; border-bottom:#b4b4b4 solid 1px; line-height:65px; margin:0 20px;}
.about .box{ line-height:2; padding-top:20px; padding-bottom:60px; margin:0 20px;}
.about .box img{ width:100%; height:auto;}

.certificate{padding-top:20px; background:#e7e7e7;}
.certificate dl{ font-size:20px; margin:0 20px; width:auto;}
.certificate .box{ padding-top:20px; padding-bottom:60px; overflow:hidden;}
.certificate .box ul{ width:102%; padding:0 3%;}
.certificate .box ul li{ float: left; margin-right:2%; margin-bottom:22px; width:45%;}
.certificate .box ul li img{ display:block; width:100%; height:auto;}

.products{padding-top:20px;}
.products dl{ font-size:20px; text-align:center; color:#000; line-height:65px; border-bottom:#b4b4b4 solid 1px;margin:0 20px;}
.mian_tab{ display:none}
.products .box{ padding-top:30px; padding-bottom:30px; overflow:hidden; margin:0 20px;}
.products .box ul{width:103%;}
.products .box ul li{ float: left; margin-right:3%; width:47%;}
.products .box ul li p{ line-height:45px; text-align:center;}
.products .box ul li img{width:100%; height:auto;}


.pro_view{ padding-top:20px;}
.pro_view dl{ font-size:20px;margin:0 20px;}
.pro_view .box{ line-height:2; padding-top:20px; padding-bottom:50px; overflow:hidden; margin:0 20px;}
.pro_view .box ol{ float: none; margin-right:0; width:100%;}
.pro_view .box ol img{padding:0px; width:100%; height:auto;}
.pro_view .box ul{ float:none; margin-top:20px;}
.pro_view .box ul h3{ margin-bottom:10px;}

.news{ padding-top:20px;}
.news dl{ font-size:20px; text-align:center; color:#000; border-bottom:#b4b4b4 solid 1px; line-height:65px; margin:0 20px;}
.news .box{ padding:20px;}
.news .box ul li {overflow:hidden;_zoom:1; border-bottom:#bbbbbb dotted 1px; padding:15px 0;}
.news .box ul li:hover h3{ color:#0a57a1}
.news .box ul li img{ float:left; margin-right:10px; border-radius:5px; width:45%; height:auto;}
.news .box ul li ol h3{ font-size:12px; line-height:1.5; color:#333; font-weight:normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news .box ul li ol p{display:none;}
.news .box ul li ol span{ font-size:12px;}

.news_view{padding-top:20px; margin:0 20px; width:auto;}
.news_view dl{ text-align:center; border-bottom:#bbbbbb solid 1px; padding:30px 0; font-size:12px; color:#999;}
.news_view dl h3{ font-size:13px; line-height:2; color:#000; margin-bottom:10px;}
.news_view .box{line-height:2; padding:40px 0 50px; overflow:hidden;}
.news_view .link_back{ padding:30px 0 50px;}

.equipment{ padding-top:20px; margin:0 20px; width:auto;}
.equipment dl{ font-size:20px;}
.equipment .box{ line-height:2.5; padding-top:20px; padding-bottom:50px; overflow:hidden;}
.equipment .box ul{ overflow:hidden;_zoom:1; width:103%;}
.equipment .box ul li{ float:left;  margin-right:3%; margin-bottom:10px; width:47%;}
.equipment .box ul li img{width:100%; height:auto;}

.contact{ padding-top:20px; margin:0 20px; width:auto;}
.contact dl{ font-size:20px;}
.contact .box{ line-height:2.5; padding-top:20px; padding-bottom:50px; overflow:hidden;}
.contact .message{ float: none; width:100%; margin-left:0;}
.contact .message span{ font-size:14px; padding:0; color:#666;}
.contact .message table{ width:99.5%; border-spacing:0;}
.contact .message input{ border:#d3d3d3 solid 1px; line-height:30px; width:100%; outline:none; text-indent:10px; font-family:"微软雅黑";}
.contact .message textarea{ width:100%; height:60px; margin:0; padding:0;border:#d3d3d3 solid 1px; outline:none; color:#a9a9a9; padding:10px 0; text-indent:10px; font-family:"微软雅黑";}
.contact .message input[type="submit"]{ background:#fff; font-size:12px; color:#0b89dd;text-indent:0; border:#0b89dd solid 2px;}
.contact .add{ width:100%; float: none; line-height:1.5; margin-top:40px;}

.map{ height:200px;}

.page{ color:#666; font-size:12px; padding:30px 0; text-align:center}
.page a{ color:#666; margin:0 2px; padding:2px 6px; border:#bbb solid 1px;}
.page a:hover,.page a.cur{ color:#fff; background:#005aab; border:#0046bb solid 1px;}

.footer{ background:#03366b; font-size:12px;}
.footer .width_page{ padding:30px 0 20px; color:#fff; overflow:hidden;_zoom:1;}
.footer .f_c{ border-right:0; width: auto; margin: 0 20px; float:none;}
.footer .f_c dl{ font-size:20px; font-weight:bold; color:#fff; margin-bottom:15px;}
.footer .f_c .box{ line-height:22px;}
.footer .f_nav{ display:none;}
.footer .f_bq{ float: none; text-align: center; line-height:20px; border-top:#26496c solid 1px; margin:20px 20px 0;}
.footer .f_bq img{ display:none;}
}