.wrap{width:1200px;margin:0 auto;}
.header{height:90px;}
.header .right .fn-clear,.header .left{display: flex;justify-content: center;align-items: center;height:90px;}
.header .right .search form{width:225px;height:40px;line-height:40px;background: #e5e5e5;border-radius:10px;margin-right:10px;}

.header .right .search input{width:80%;height:100%;background: #e5e5e5;border-radius:10px;vertical-align:top;padding-left:10px;box-sizing: border-box;}
.header .right .search button{width:15%;height:100%;border:none;background: url(../images/ico1.png) no-repeat center center ;vertical-align: top;}
.header .right .ico li{float: left;margin-left:10px;}

.nav{height:50px;line-height:50px;}
.nav li{float:left}
.nav li a{padding:0 25px;height:50px;line-height:50px;display: inline-block;font-size:16px;color:#666;font-weight:bold;}
.nav li a:hover,.nav li a.active{background: #003a83;color:#fff}

.banner{width:100%}
.banner .swiper-pagination{bottom:2% !important}
.banner  .swiper-pagination-bullet{width:10px;height:10px;border-radius:50%;margin:0 5px !important}
.banner .swiper-pagination-bullet-active{width:40px;border-radius:10px;background: #fff;}

.product{padding:70px 0;background: #f1f2f4;}
.product .list>li{float:left;width:32%;margin-right:2%;position:relative;margin-bottom:30px;box-shadow: 1px 0 3px #ccc;}
.product .list >li:nth-of-type(3n){margin-right:0}
.product .list >li>span{width:100%;display: block;height:330px;}
.product .list >li>span img{width:100%;height:100%}
.product .list >li .text{height:78px;line-height:78px;background: #fff;}
.product .list >li .text .fl{background: #003a83;width:20%;line-height:78px;height:78px;display: flex;justify-content: center;align-items: center;}
.product .list >li .text .fr{width:80%;border-top:6px solid #003a83;padding-left:10px;box-sizing: border-box;
line-height:25px;display: flex;align-items:center;height:78px;font-size:18px;color:#333}
.product .list >li .layer{position: absolute;top:100px;left:0;width:100%;opacity: 0;z-index:999;
background: #fff;box-sizing: border-box;border-top:3px solid #003a83;transition: all 1s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;height: 308px;}
.product .list >li:hover .layer{opacity: 1;}
.product .list >li .layer .layer_top{height:60px;line-height:60px;padding:0 20px;border-bottom:1px solid #ccc}
.product .list >li .layer .layer_top .fl{font-size:18px;color:#333}
.product .list >li .layer .layer_top .fr img{vertical-align: middle;}
.product .list >li .layer ul{padding:15px 0 0 15px;}
.product .list >li .layer ul li{margin-bottom:10px;height:20px;line-height:20px;overflow: hidden;}
.product .list >li .layer ul li a{display: block;width:100%;font-size:14px;color:#666;background: url(../images/ico8.png) no-repeat left center;padding-left:10px;height: 100%;box-sizing: border-box;}
.product .list >li .layer ul li a:hover{background: url(../images/ico9.png) no-repeat left center;}


.indexabout{padding:80px 0 70px;background: #fff;}
.indexabout .fl{padding:45px 45px 0 0;box-sizing: border-box;}
.indexabout .fl span{font-size:40px;color:#211f20;margin-bottom:30px;display: block;}
.indexabout .fl p{font-size:16px;color:#666}
.indexabout .fl a{width:140px;height:40px;line-height:40px;color:#fff;background: #003a83;text-align: center;
display: inline-block;margin-top:40px;}
.indexabout .fl,.indexabout .fr{width:50%}
.indexabout .fr ul{width:100%;margin-top:15px;}
.indexabout .fr img{width:100%;}
.indexabout .fr li{float:left;width:18%;margin-right:2.5%}
.indexabout .fr li:last-child{margin-right:0}
.indexabout .fr li img{width:100%;height:72px}
.indexabout .fr li a{opacity: 0.6;display: block;}
.indexabout .fr li a.current{opacity: 1;}
.indexabout .fr >a{display: block;width:100%;height:100%}
.box .right .detail_des li{list-style: inside;text-indent: -1.2em;}
.factory_room{background: #f1f2f4;padding:50px 0 90px;}
.factory_room .left,.factory_room .right{width:49%}
.factory_room .left{margin-right:2%}
.factory_room .item{border-bottom:1px solid #ccc;padding-bottom:25px;margin-bottom:30px;}
.factory_room .item .fl span{font-size:40px;color:#211f20}
.factory_room .item  img{display: block;margin-top:10px;}
.factory_room .fl li{float:left;width:32%;margin-right:1%;margin-bottom:25px;}
.factory_room .fl li img{width:100%;height:140px}
.factory_room .right li{margin-bottom: 25px;}
.factory_room .right li .fl{width:30%}
.factory_room .right li .fl img{width:100%}
.factory_room .right li .fr{width:65%}
.factory_room .right li .fr p.title{font-size:24px;color:#211f20;line-height:30px;}
.factory_room .right li .fr p.text{font-size:14px;color:#666;margin: 5px 0;
height:40px;overflow: hidden;}

.footer{background: url(../images/img14.jpg) repeat center center;padding:50px 0;}
.footer ul li{margin-bottom:20px;color:#fff;font-size:14px;}
.footer ul{width:28%;margin-right:2%}
.footer ul:last-child{width:40%;margin-right:0}
.footer ul >span{font-size:24px;font-weight:bold;color:#fff;padding-bottom:10px;display: block;margin-bottom: 20px;}
.footer ul:first-child >span{background: url(../images/line1.png) no-repeat left bottom;}
.footer ul:nth-child(2) >span{background: url(../images/line2.png) no-repeat left bottom;}
.footer ul:last-child >span{background: url(../images/line3.png) no-repeat left bottom;}
.footer ul li img{margin-right:10px;}
.footer ul li a{color:#fff;font-size:14px;}
.footer ul:last-child li{float:left;width:50%}

.copy{text-align: center;padding:20px 0;background: #000;}
.copy a,.copy .top,.copy span{color:#fff;font-size:14px;}
.copy a{display: inline-block;padding:0 10px;}
.copy .top{margin-bottom:10px;}
.copy span{margin-right:10px;}

.submenu{width:100%;height:40px;line-height:40px;background: #f5f5f5;text-align: left;display: flex;}
.submenu a,.submenu span{font-size:14px;color:#666}

.box{padding:20px 0 120px;}
.box .left{width:24%}
.box .left .pro_cent>p{width:100%;height:60px;line-height:60px;background: #003a83;font-weight:bold;color:#fff;font-size:24px;text-align: center;}
.box .left .pro_cent .search{padding:18px 0;background: #eeeeee;}
.box .left .pro_cent .searchbox{width:80%;margin:0 auto;height:30px;line-height:30px;border:1px solid #ccc;}
.box .left .pro_cent .searchbox input{background: none;height:100%;width:80%;padding-left:10px;box-sizing: border-box;}
.box .left .pro_cent .searchbox button{background: url(../images/ico1.png) no-repeat center center;width:20%;height:30px;vertical-align: top;}
.box .right{width:70%}
.box .left .pro_cent ul.first-menu{background: #eeeeee;}
.box .left .pro_cent ul.first-menu>li>a{line-height:30px;background: url(../images/ico17.png) no-repeat right 15px center;padding:0 15px;display: block;width:100%;box-sizing: border-box;font-size: 16px;}
.box .left .pro_cent .right_arrow li a{background: url(../images/ico22.png) no-repeat right 15px center;}
.box .left .pro_cent ul.first-menu>li>a.active,.box .left .pro_cent ul.first-menu>li>a:hover{color:#fff;background: url(../images/ico18.png) no-repeat right 15px center;background-color: #003a83;}
.box .left .pro_cent ul.first-menu>li.active >a{}

.box .left .pro_cent ul.second-menu>li>a{background: url(../images/menu_arr.png) no-repeat left 15px top 15px;width:100%;display: block;padding:10px 0 10px 25px;box-sizing: border-box;}
.box .left .pro_cent ul.second-menu>li>a.active,.box .left .pro_cent ul.second-menu>li>a:hover{background: url(../images/menu_arr_current.png) no-repeat left 15px top 15px;background-color:#639de7;color:#fff}
.box .left .pro_cent ul.third-menu>li{line-height: 30px;
}
.box .left .pro_cent ul.third-menu>li>a{color:#666;
font-size: 12px;padding-left:25px;}
.box .left .pro_cent ul.third-menu>li>a.active,.box .left .pro_cent ul.third-menu>li>a:hover{background: url(../images/ico19.png) no-repeat left 15px top 15px;background-color:#fff;
display: block;width:100%;box-sizing: border-box;}
.box .left .pro_cent ul.second-menu,.box .left .pro_cent ul.third-menu{display: none;}
.box .left .pro_cent ul.second-menu>li{background: #eee;color:#666;cursor:pointer;

}
.box .left .contact_us{margin-top:30px;}
.box .left .contact_us span{font-size:20px;color:#003a83;font-weight:bold;border-bottom:2px solid #e60012}
.box .left .contact_us p{border-bottom:2px solid #003a83;height: 28px;}
.box .left .contact_us>ul{background: #eee;padding:25px 10px;}
.box .left .contact_us>ul li{margin-bottom:25px;font-size:16px;}
.box .left .contact_us>ul li img{margin-right:15px;}
/*产品中心*/
.box .right ul{margin-bottom:40px;}
.box .right .detail_des  ul{list-style: inside;}
.box .right .detail_des  ul li{width:100%;}
.box .right ul.fn-clear li{width:22%;margin-right:2%;margin-bottom:20px;display: inline-block;vertical-align: top}
.box .right li .proimg{width:100%;height:140px;border:1px solid #ccc;display: flex;align-items:center;justify-content: center;}
.box .right li:hover .proimg{border:1px solid #003a83;}
.box .right li .proimg img{max-width:100%;height:140px;}
.box .right li:nth-of-type(4n){margin-right:0}
.box .right li p{text-align: center;margin-top:15px;font-size:14px;}
/*产品详情*/
.box .right .detail_box p.title{padding:40px 0 20px;border-bottom:1px solid #ccc;
color:#003a83;font-size:18px;font-weight:bold;text-align: center;}
.box .right .detail_box .proimg{padding:45px 0 15px;border-bottom:1px solid #ccc}
.box .right .detail_box .proimg img{display: block;margin:0 auto;}
.box .right .detail_box  img{max-width:100%}
.box .right .detail_box span.des{display:block;width:220px;height:40px;line-height:40px;background: #003a83;color:#fff;text-align: center;margin-top:20px;}
.box .right .detail_box span.item{font-weight:bold;color:#333;font-size:16px;display: block;margin-bottom:10px;}
.box .right .detail_box p{font-size:14px;}
.box .right .detail_box a.back{width:110px;height:30px;line-height:30px;border:1px solid #ccc;background: #eee;display: block;
margin:20px auto;text-align: center;border-radius:5px;}

.box .left .pro_cent .right_arrow li.active a{background: url(../images/ico21.png) no-repeat right 15px center !important;}
/*工厂*/
.box .right .list li .proimg{height:auto;border:none}
.box .right .list li .proimg img{width:100%}

/*公司简介文化*/
.box .right .detail_des p{font-size:14px;color:#666;}
.box .right .detail_des img{max-width:100%}
.box .right .detail_des span.item{font-size:14px;color:#333;font-weight:bold;}
.box .right .detail_des  img{margin:10px 0;}

/*合资企业*/
.box .right .detail_des .hz li{display: inline-block;width:32%;margin-right:2%;box-shadow:2px 2px 6px #ccc;padding:30px 0 20px;}
.box .right .detail_des .hz li:nth-of-type(3n){margin-right:0}
.box .right .detail_des .hz li img{display: block;margin:0 auto 10px;max-width:100%}
.box .right .detail_des .hz li p{margin:0;text-indent:0;font-size:12px;color:#73777a}

/*荣誉*/
.box .right .detail_des .honor li{display: inline-block;width:22%;margin-right:4%;}
.box .right .detail_des .honor li .honorimg{border:1px solid #ccc;}
.box .right .detail_des .honor li .honorimg img{width:100%;margin:0;}
.box .right .detail_des .honor li:nth-of-type(4n){margin-right:0}
.box .right .detail_des .honor li p{text-align: center;color:#333;text-indent: 0em;}

/*责任*/

.box .right .detail_des .commonlist li{background: #f5f5f5;margin-bottom:20px;width:100%;margin-right:0%}
.box .right .detail_des .commonlist  li .fl{width:22%;}
.box .right .detail_des .commonlist  li .fl img{width:100%;margin:0}
.box .right .detail_des .commonlist li .fr{width:75%;}
.box .right .detail_des .commonlist li .fr .fl{width:82%;}
.box .right .detail_des .commonlist li .fr .fl p.title{font-size:18px;margin:8px 0;color:#000;text-indent:0;text-align: left;}
.box .right .detail_des .commonlist li .fr .fl p.text{font-size:14px;color:#666;height:40px;overflow: hidden;
text-align: left;text-indent:0;margin-top:0}
.box .right .detail_des .commonlist li .fr .fl a{display: block;font-size:18px;margin-top:10px;color:#003a83;text-align: center;width:90px;height:30px;line-height:30px;border:1px solid #003a83;text-align: center;}
.box .right .detail_des .commonlist li .fr .fl a:hover{color:#fff;background:#003a83 ;}
.box .right .detail_des .commonlist li .fr .fr{width:10%;text-align: center;padding-right:5%;margin-top: 20px;}
.box .right .detail_des .commonlist li .fr .fr span.data{font-size:36px;display: block;border-bottom:1px solid #333;margin:0 auto;}
.box .right .detail_des .commonlist li .fr .fr span.year{font-size:14px;}

/*加入联系我们*/
.box .right .detail_join p.title{padding:25px 0;border-bottom:1px solid #ccc;font-size:24px;font-weight:bold;color:#003a83;text-align: center;margin-bottom:25px;}
.box .right .detail_join span{font-size:18px;color:#003a83;font-weight:bold;display: block;margin-bottom:10px;}
.box .right .detail_join p{font-size:14px;color:#666}
.box .right .detail_join img{max-width:100%}
.box .right .detail_join p.text{padding:35px 0 20px;border-bottom:1px solid #000;font-size:18px;color:#666;margin-bottom:25px;}
.box .right .detail_join p.info{font-size:14px;color:#666;line-height:36px;}

/*质控*/
.box .right .detail_quailty p.title{padding:25px 0;border-bottom:1px solid #ccc;font-size:24px;font-weight:bold;color:#003a83;text-align: center;margin-bottom:25px;}
.box .right .detail_quailty p.item{font-size:14px;font-weight:bold;color:#333}
.box .right .detail_quailty p.text{font-size:14px;color:#333}
.box .right .detail_quailty img{display: block;margin:20px auto;max-width:100%}

/*详情*/
.box .right .detail_box .content p.title{border-bottom:none;font-size:24px;font-weight:bold;color:#333;
padding: 30px 0 15px;}
.box .right .detail_box .content p.data{font-size:14px;color:#666;text-align: center;border-bottom:1px solid #ccc;padding-bottom:15px;}
.box .right .detail_box .content p.text{font-size:14px;color:#666;line-height:30px;text-indent:2em}
.box .right .detail_box .content img{display: block;margin:0 auto;}
.box .right .detail_box .pz{margin-top:30px;border-top:1px solid #ccc;padding-top:40px;}
.box .right .detail_box  .pz .fl{background: url(../images/left.png) no-repeat left center;padding-left: 55px}
.box .right .detail_box  .pz .fr{background: url(../images/right.png) no-repeat left center;padding-left: 55px}
.page{text-align: center;}
.page a{padding:10px 12px;display:inline-block;border:1px solid #666;margin:0 7px;color:#666}
.page a:hover,.page a.active{background: #003a83;color:#fff;border:1px solid transparent}

.phoneheader{display: none;}
.mobile-container{display: none;}