/*头部*/
.wrapper{width:1300px; margin:0px auto;}
.hidden_pc{display: block; height:520px}
.d_pc{display: block;}
.toper { background:#fff; width:100%;}
.welcome{background: #f2f2f2; line-height: 35px; height:35px; color:#666}
.welcome a{color:#666}
.welcome a:hover{color:#333}
.wel_l{float:left;}
.wel_r{float:right;}
.toper .head{height:130px}
.toper .logo { display:block;float:left; background:url(../images/logo.png) no-repeat center;width:390px; height:70px; margin-top:30px; background-size: 100%; position: relative;}
.toper .logo::after{ display: block; width: 1px; height:76px; content: ""; margin:0 0 0 12px; background:url(../images/line.png) center no-repeat; position: absolute; right:-20px}
.toper .t_left{ float:left; height:130px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between;justify-content: space-between; align-items: center;}
.toper .t_left .word{padding-left:40px;line-height: 170%; font-size:18px;}
.toper .t_left dl{ font-size: 22px; font-weight:bold; letter-spacing:2px;}
.toper .t_left dl span{color:#1c3f8e;}

.toper .t_right{float:right;height:130px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between;justify-content: space-between; align-items: center;}
.toper .t_right .yy{text-align:right;width:100%; margin: 6px 0;}
.toper .t_right .yy .cn { width: 20px;height: 20px;background: url(../images/chinese.png) no-repeat center center;background-size: contain;display: inline-block;vertical-align: middle;margin-right:6px;}
.toper .t_right .yy .en { width: 20px;height: 20px;background: url(../images/english.png) no-repeat center center;background-size: contain;display: inline-block;vertical-align: middle;margin-right:6px; margin-left: 20px}
.toper .t_right .tel{text-align:right;width:100%; margin:6px 0;}
.toper .t_right .pbone { width: 26px;height: 29px;background: url(../images/telbb.png) no-repeat center center;background-size: contain;display: inline-block;vertical-align: middle;margin-right: 10px; margin-left: 20px}
.toper .t_right .ali { width: 53px;height: 29px;background: url(../images/cxt.png) no-repeat center center;background-size: contain;display: inline-block;vertical-align: middle;margin-right: 10px}
.toper .t_right strong { color:#12378c; font-size:18px}
.toper .t_nav{height:54px; background:#0051a3;}
.toper ul{font-size:0;background:url(../images/navline.png) no-repeat left center;}
.toper ul li { display:inline-block;text-align:center; width:12.5%;background:url(../images/navline.png) no-repeat right center; position: relative;}

.toper ul li:hover i,.toper ul li.check i { background:url(../images/enon.png);}
.toper li a {font-size:16px; display:block; height:54px; line-height:54px;color:#fff;text-transform: uppercase;}
.toper li a:hover,.toper li:hover>a,.toper ul li.check a {color:#ddd;}
.toper li dl { position:absolute; z-index:999;top:54px;left:-20px;width:150px;display:none; text-align:left; background:#454141;padding:10px 0}
.toper li:hover>dl { display:block}
.toper li dl dd a,.toper li dl dd a:hover,.toper li.check dl dd a {font-size:12px; height:35px;line-height:35px;border-top:0;color:#fff; overflow:hidden;padding:0 20px}
.toper li dl dd a:hover { background:#231b00}
.kv{width:100%}
.kv .swiper-pagination .swiper-pagination-bullet { width:12px;height:12px;margin: 0 4px;}
.kv .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width:28px; height:12px; border-radius:6px; background: #ffff00;}

.kvmb,.mbmenu,.Fast-nav { display:none;}
.p50{padding: 60px 0;}
.protitle{background: url(../images/projt.png) repeat-x center #fbfbfb; border:1px solid #70b9d6; height:44px; padding:5px; margin-left:15px;}
.protitle_l{float:left; font-size:18px; font-weight: bold; background: #fbfbfb; line-height: 44px; padding-right:15px; padding-left:15px; color:#0051a3; margin-left: 10px;}
.protitle_r{float:right; background: #fbfbfb; line-height: 44px; margin-right: 10px; padding: 0 10px;}
.mainwrap_l{float:left; width:20%}
.mainwrap_r{float:right; width:79%}
.leftmenu{background: #0051a3; padding:6px;}
.lefttitle{background: url(../images/leftdi.png); height: 40px; padding-top: 40px; padding-left:20px; color: #fff; font-size:20px}
.lefttitle span{font-size:12px;}
.leftmenu li{background:#e6e6e6; font-size:14px; line-height:50px; border-top:1px solid #fff;}
.leftmenu li:nth-child(even){background:#f2f2f2;}
.leftmenu a{background:url(../images/leftmenu.png) no-repeat 20px 50%;padding-left: 45px;color:#333; display: block}
.phone_nav{display: none;}
.z-tit1{position:relative;padding:70px 0 60px;text-align:center}
.z-tit1 h3{position:relative;z-index:2;font-size:28px;color:#1c3f8e;margin-bottom:15px;font-weight: bold;}
.z-tit1 h3 strong{font-size:30px;color:#e42a13;margin:0 10px; font-weight: normal;text-transform: uppercase;}
.z-tit1 h3 b{color:#102568}
.z-tit1 em{font-weight:100;position:relative;z-index:2;font-size:16px;letter-spacing:0px;color:#666; font-style: normal; text-transform: uppercase;}
.z-tit1 em:before{content:'';position:absolute;left:-113px;top:50%;margin-top:-3px;width:82px;height:6px;background:url(../images/tit-l.png) no-repeat left center}
.z-tit1 em:after{content:'';position:absolute;right:-110px;top:50%;margin-top:-3px;width:79px;height:6px;background:url(../images/tit-r.png) no-repeat left center}
.z-tit1 .bg{position:absolute;top:85px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);text-transform:uppercase;font-size:72px;color:#fff;letter-spacing:10px}
.z-tit1.white em,.z-tit1.white h3{color:#fff}
.z-tit1.white em:before{background-image:url(../images/tit-l_white.png)}
.z-tit1.white em:after{background-image:url(../images/tit-r_white.png)}
.z-tit1.white strong{color:#fff;opacity:.15}
.menubox{padding:5px 0;}
.menubox li:last-child{border-bottom:0px solid #fff;}
.menubox li{ border-bottom: 1px solid #e2e2e2}
.menubox a{display: block; line-height: 30px; color:#333}
.productlist{padding-top:8px;}
.productlist li{float:left;width: calc(100% / 4 - 15px);margin-left: 15px; margin-top: 23px;box-shadow:0px 3px 4px rgba(0,0,0,.1)}
.productlist h2{font-size:16px; padding:18px 0; text-align: center; background: #fafafa;}
.productlist .img-hover{overflow: hidden;}
.productlist .img-hover img{-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.productlist li:hover .img-hover img{transform:scale(1.1);}
.maintitle{padding:0; background: url(../images/ndi.png) no-repeat center 60%;}
.maintitle .title{font-size:30px; line-height: 45px; text-align: center; text-transform: uppercase;}
.maintitle .entitle{font-size:16px; text-align: center; text-transform: uppercase; color:#666}
.ysbg{background: url(../images/ysbg.jpg) no-repeat center center; height: 330px}
.ysbg1{background: url(../images/ysbg2.jpg) no-repeat center center; height: 755px}
.aboutwrap{background: url(../images/aboutbg.png) repeat-x bottom;}
.homeabout{ background:url(../images/aboutbgsmall.png); margin-top: 30px}
.homeabout_l{float:left; width:607px;background: #fff; margin-left: 3px; margin-top: 3px; height:417px}
.homebox{padding:20px 45px 0}
.aboutfonttitle{ color:#333333; font-size:22px; line-height:150%; padding:20px 0; font-weight:bold}
.aboutfonttitle h2{ color:#00458b; text-transform:uppercase; font-weight:normal; font-size:20px}
.aboutbox{ line-height:220%; color:#777;}
.aboutbox span{font-size:18px; display:block; padding-bottom:20px; color:#333;}
.amore{margin-top:30px; text-align:center}
.amore a{border:1px solid #ddd; display:block; padding:12px 0;width:140px; text-transform:uppercase;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.amore a:hover{border:1px solid #00458b; color:#00458b}
.homeabout_r{float:right;background:url(../images/rightbg.png) no-repeat right top; padding:25px 15px 0; width:660px; height:395px}
.factorybox{padding:55px 0 15px}
.factorytitle{background: #295bba; color:#fff; text-align: center; margin: 0px auto; width:260px; height:48px; border-radius:24px; line-height: 48px; font-size:18px}
.factorypic{ padding-top:40px; margin: 0 -8px}
.factorypic .fbox{margin: 0 8px}
.factorypic li{float:left; width:25%}
.factorypic img{box-shadow:2px 3px 4px rgba(0,0,0,.2)}
.idx_pro{padding:55px 0 15px}
.idx_pro .container { position: relative;}
.idx_pro .pro_swiper { overflow: hidden;}
.idx_pro .pro_swiper .swiper-slide { text-align: center;position: relative;z-index: 1;}
.idx_pro .pro_swiper .swiper-slide img{box-shadow:2px 3px 4px rgba(0,0,0,.2)}
.idx_pro .swiper-button-prev{ top: 50%;width: 31px;height: 31px;background: url(../images/l1.png) no-repeat center center;background-size: contain;left:0;}
.idx_pro .swiper-button-next{top: 50%;width: 31px;height: 31px;background: url(../images/r1.png) no-repeat center center;background-size: contain;right:0;}
.idx_pro .swiper-button-prev.swiper-button-disabled { opacity: 1;background: url(../images/l2.png) no-repeat center center;background-size: contain;}
.idx_pro .swiper-button-next.swiper-button-disabled { opacity: 1;background: url(../images/r2.png) no-repeat center center;background-size: contain;}
.idx_lc{padding:0}
.idx_lc .container { position: relative;}
.idx_lc .lc_swiper { overflow: hidden;}
.idx_lc .lc_swiper .swiper-slide { text-align: center;position: relative;z-index: 1;}
.idx_lc .lc_swiper .swiper-slide .zzlcbox{ background: #fff;box-shadow:0 0 5px rgba(0,0,0,.1)}
.idx_lc .lc_swiper .swiper-slide .zzlcbox .zzlcimg{overflow: hidden;}
.idx_lc .lc_swiper .swiper-slide .zzlcbox .zzlcimg img{-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.idx_lc .lc_swiper .swiper-slide .zzlcbox .zzlcfont{padding:10px 25px 30px; text-align: left; line-height:180%; color:#666;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.idx_lc .lc_swiper .swiper-slide .zzlcbox .zzlcfont h2{font-size:22px; line-height: 30px;padding:10px 0; color:#1c3f8e;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.idx_lc .lc_swiper .swiper-slide .zzlcbox:hover { background: #0051a3;}
.idx_lc .lc_swiper .swiper-slide .zzlcbox:hover .zzlcfont{color:#fff}
.idx_lc .lc_swiper .swiper-slide .zzlcbox:hover .zzlcfont h2{color:#fff}
.idx_lc .lc_swiper .swiper-slide .zzlcbox:hover img{transform:scale(1.1);}
.idx_lc .swiper-pagination{ left:46%; bottom:-40px}
.idx_lc .swiper-pagination .swiper-pagination-bullet { width: 12px;height: 12px;background: #999;opacity: 1; margin: 0 4px;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.idx_lc .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #0051a3;opacity: 1; width:30px; height:12px; border-radius: 6px;}

.homenews{padding:20px 0}
.homenews_l{float:left; width:45%;}
.homenews_l img{padding:20px 0 7px}
.homenews_r{float:right; width:49%}
.homenews_r li{border-bottom:1px dotted #ccc; padding: 14px 0}
.homenews h2{height:30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.homenews h2 a{ font-size:16px;color:#0154cd; line-height: 30px;}
.homenews_r .nfontbox{ margin:8px 0; color:#888; line-height: 24px; height:48px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.homenews_r .more a{ color:#d82028;}
.kv2{margin-top:20px}
.kv2 .hotnewsimg{}
.kv2 .hotnewsimg img{ padding:0; margin:0; position: relative; display: block;}
.kv2 .hotnewsimg h2{padding:0; margin:0; position: absolute; bottom:0; background: rgba(0,0,0,0.5); width:100%; color:#fff; line-height: 45px; height:45px; font-size:14px; text-align: center;}
.kv2 .swiper-button-prev{ top: 50%;width: 40px;height:60px;background: url(../images/leftjt.png) no-repeat center center rgba(0,34,103,0.8);left:0;}
.kv2 .swiper-button-next{top: 50%;width: 40px;height:60px;background: url(../images/rightjt.png) no-repeat center center rgba(0,34,103,0.8);right:0;}
.kv2 .swiper-button-prev:hover{background: url(../images/leftjt.png) no-repeat center center rgba(0,34,103,1);}
.kv2 .swiper-button-next:hover{background: url(../images/rightjt.png) no-repeat center center rgba(0,34,103,1);}
.kv2 .swiper-button-prev.swiper-button-disabled { opacity: 1;background: url(../images/leftjt.png) no-repeat center center rgba(0,0,0,0.5);}
.kv2 .swiper-button-next.swiper-button-disabled { opacity: 1;background: url(../images/rightjt.png) no-repeat center center rgba(0,0,0,0.5);}
/*底部*/
.footer{background:#0051a3;padding:45px 0;color:rgba(255,255,255,.8)}
.footer h4{font-size:14px;line-height:35px;color:rgba(255,255,255,8)}
.footer p{line-height:32px}
.footer a{color:rgba(255,255,255,.8)}
.footer a:hover{color:rgba(255,255,255,1)}
.footer .links{float:left; text-align: center; padding-right: 60px}
.footer .links span{display: block; font-size:18px; padding-top: 20px}
.footer .linksm{text-align:left;float:left; border-left:1px solid #1565b6; padding: 0 60px}
.footer .r100{margin-right:120px}
.footer .linksr{float:right; text-align: center; margin-left: 20px}
.footer .linksr img{ width: 125px;}
/*内页*/
.abouttitle{ font-size:30px; text-align: center; line-height: 200%; padding: 0 0 40px;}
.othertitle{font-size:24px; text-align: center; line-height: 200%; padding: 0 0 10px;}
.abouttitle:after{display: block; content: ''; width:40px; margin: 0px auto; height:2px; background: #00458B;}
.aboutcontent{padding:20px 0 20px 15px; line-height: 200%;}
.hexin{background: #f2f2f2;}
.hexin_l{float:left; width:55%}
.hexin_r{float:right; width:45%}
.hexinlist{ font-size: 16px; margin-left: 50px; margin-right:40px;}
.hexinlist li{ height:120px; margin-top:55px; line-height: 24px;}
.hexinlist img{float:left; margin-right:30px;}
.hexinlist h3{font-size:22px; font-weight: bold; padding:20px 0 10px; color:#1c3f8e}
.lcimage{border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin-bottom: 30px;}
/* news */
.list{}
.list .item{ display: block; padding:15px 0; border-bottom: 1px dotted #ccc;transition: all .5s;}
.list .text-box{float: none; width:100%;}
.list .tit{font-size:18px;color: #0154cd;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list .time{font-size:12px; padding: 3px 0; color:#999}
.list .con{font-size:14px;line-height:180%; color: #666; padding:8px 0;}
.list .more-box{ margin-top:8px;color: #333; background: url('../images/jt.png') no-repeat left 50%; padding-left: 12px}
.list .item:hover{background:#f5f5f5;padding:15px;}
.list .item:hover .more-box,.list .item:hover .tit{color: #d82028;}
.list .item:hover img{transform: scale(1.1);}

.viewbox{}
.viewbox h2{font-size:24px; text-align:center; color:#0e2c6a; padding-bottom:10px;}
.viewcontent{line-height:200%; padding:15px 0}
.viewcontent img{display:block; margin:0px auto; text-align:center;padding:10px 0}
.context{border-top:1px dotted #bbb;padding:10px 0}
.context_l{float:left; width:86%;}
.context_l li{line-height:30px}
.context_r{float:right; width:12%; padding-top:12px}
.context .return{line-height:35px; border-radius:17px; text-align:center; height:35px; display:block;background:#ec0000; color:#fff;}
.context:hover .return{background:#ad0000}
.sblist{margin:0 -10px}
.sblist_l{float:left; width:25%}
.sbbox{margin:10px;text-align: center;}
.case_pic{margin:0 -10px}
.case_pic li{float:left; width:25%}
.case_pic img{border-radius: 5px;}
.case_pic .case_box{margin:10px;text-align: center; overflow: hidden;}
.kefu{margin:10px -10px 0}
.kefu li{float:left; width:20%}
.kefu .imgbox{margin:10px;text-align: center; background: #fff; border: 1px solid #e6e6e6; padding:0 15px;}
.smfont{text-align: center;}
.smfont h2{font-size:24px; text-align: center; padding: 10px 0;}
.cscontent{ line-height: 200%;padding:15px 0;}
.cscontent img{text-align: center; display: block; margin:0px auto;}
.mapbox{ width:100%; height:450px}
.contact{line-height: 280%;padding-left:30px; padding-bottom: 30px}
.contact h3{font-size:20px; font-weight: bold; color:#00458B; padding-bottom: 6px;}
.contact .ewmimg{float:right; border:1px solid #eee; padding:8px;width:150px; margin:10px 15px 0;}
.contact .ewmimg img{width:150px}
/*广告*/
.aboutbanner { width:100%; background: #00396D; overflow: hidden; text-align:center}
.aboutbanner span{ display: none;}
.aboutbanner img{ max-width: none; width: 155%; margin-left: -27.5%;}
@media only screen and (min-width: 768px) {
	.aboutbanner img{ width: 150%; margin-left: -25%;}
}
@media only screen and (min-width: 1024px) {
	.aboutbanner img{ width: 140%; margin-left: -20%;}
}
@media only screen and (min-width: 1200px) {
	.aboutbanner{ height: 380px;}
	.aboutbanner img{ display: none;}
	.aboutbanner span{ display: block; background-position: center; background-repeat: no-repeat; height: 380px; width: 100%;}
}
/*客服*/
.izl-rmenu{position:fixed; right:0; top:165px; z-index:999;}
.izl-rmenu .btna{width:55px; height:55px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/qq.png) no-repeat center center rgba(0,0,0,0.6); text-decoration:none; display:block;}
.izl-rmenu a:hover.btn-qq {background:url(../images/qq.png) no-repeat center center #ff811b;}
.izl-rmenu .btn-wx{background:url(../images/wx.png) no-repeat center center;background-color:rgba(0,0,0,0.6);}
.izl-rmenu .btn-wx:hover{background-color:#ff811b;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-111px; top:0px; display:none;width:111px;height:111px;}
.izl-rmenu .btn-wx .pic img,.izl-rmenu .btn-wx img{width:100%;max-width:none;}
.izl-rmenu .btn-phone{background:url(../images/tel1.png) no-repeat center center;background-color:rgba(0,0,0,0.6);}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:130px; left:-130px; top:0px; line-height:55px; color:#FFF; font-size:16px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/top.png) no-repeat center center;background-color:rgba(0,0,0,0.6);}
.izl-rmenu .btn-top:hover{background-color:#ff811b;}