@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px "Microsoft Yahei";color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
a { text-decoration: none; outline: none; color: #333; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
dd { display: block; margin-inline-start: 0;}
em , i{font-style:normal}
.content{width:1200px;margin:0 auto;}
dl {display: block;margin-block-start: 0em; margin-block-end: 0em;margin-inline-start: 0px;margin-inline-end: 0px;}
/*header*/
.xzsheader{height: 230px;overflow: hidden;}
.header{ width: 100%;background: rgb(255, 255, 255);}
.header .wel{ width:100%; background: #eee; line-height: 36px;}
.header .header_top .right a.cn{display: block;line-height:36px;background:#ce0b0b;text-align: center;color: #fff;float: left;width:80px; margin-right: 15px; }
.header .header_top .right a.en{display: block;line-height:36px;background:#02458c;text-align: center;color: #fff;float: left;width:80px;}
.header .header_top .right a:last-child{ margin-right: 0;}
.header .nr .zb>div,.header .nr .right>div{ display: inline-block; vertical-align: top;width:350px;}
.header .nr .zb .left{ padding: 25px 0 0; line-height: 0; margin-right: 28px;}
.header .nr .right{ margin:28px 0;width:425px;}
.header .nr .right .icon{ margin: 0 16px 0 0;width: 55px;}
.header .nr .right .dz-rx b{ display: block; color: #444; font-size: 22px;line-height: 30px;/*float: left*/}
.header .nr .right .dz-rx b em{ display: block; color: #444; font-size:18px;float: left;font-weight: normal;}
.header .nr .right .dz-rx p{ font-size: 26px; color: #1c60a5;font-weight: bold;float:right}
.header .nr .left{margin: 10px 0 10px 0;width:500px;height:100px;}
.header .nr .left img{width: 100%;height: 100%;}

/*导航栏*/
.hearer_Nav {line-height: 53px;position: relative;z-index: 1000;background-color: #1c60a5;}
.hearer_Nav .daohang {width: 1200px;margin: 0 auto;height: 53px;}
.hearer_Nav ul li {font-size: 16px;line-height: 53px;float: left;text-align: center;position: relative;width: 133px;}
.hearer_Nav ul li>a {display: block;color: #fff;padding:0 18px 0 18px;}
.hearer_Nav ul li:hover>a,.hearer_Nav ul li.cur>a {background-color: #fff; text-decoration: none; color: #333;font-weight: 600;border-top: 3px solid #fed201; margin-top: -3px;}
.hearer_Nav ul li .ej_Nav {position: absolute;width:100%;}
.hearer_Nav ul li .ej_Nav {filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0,10px,0);-moz-transform: translate3d(0,10px,0);-webkit-transform: translate3d(0,10px,0)}
.hearer_Nav ul li:hover .ej_Nav {opacity: 1;visibility: visible;transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0)}
.hearer_Nav ul li .ej_Nav dd {width: 100%;height: 40px;line-height: 40px;float: left}
.hearer_Nav ul li .ej_Nav dd a {display: block;width: 100%;height: 39px;color: #1c60a5;text-align: center;font-size: 14px;background: #fff; border-bottom: 1px solid #eee;}
.hearer_Nav ul li .ej_Nav dd a:hover {background-color: #eee;color: #fed201;}

/*banner*/
.flexslider{margin:0 auto 0;position:relative;width:100%;height:650px;overflow:hidden;zoom:1}
.flexslider .slides li{width:100%;height:100%}
.flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;-webkit-transition:all .3s ease;border-radius:35px}
.flex-direction-nav .flex-next{background-position:0 -70px;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:.8}
.flexslider:hover .flex-prev{opacity:.8}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.flex-control-paging li a{background:#dfdfdf;display:block;height:10px;overflow:hidden;text-indent:-99em;width:10px;cursor:pointer;-webkit-transition:all 0s ease;border-radius:10px}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background:#ffa23b}
.flexslider .slides a img{width:100%;height:650px;display:block}

/*统一使用的标题*/
.pubtit , .pubtit1 {height:auto;margin:0 auto 20px auto;text-align: center;}
.pubtit span{display: block;line-height:30px;font-size: 32px;color: #c7c6c6;text-transform:Uppercase;font-family:"arial";}
.pubtit p{text-align: center;color: #666;font-size:36px;font-weight: 600;}
.pubtit1 span{display: block;line-height:30px;font-size: 32px;color: #bbb;text-transform:Uppercase;font-family:"arial";}
.pubtit1 p{text-align: center;color: #e0dfdf;font-size:36px;font-weight: 600;}

/*产品*/
.pro{padding-top:60px; }
.pro-nav{width:270px;}
.pro-nav .pro-tit{height:102px; background:#1c60a5;text-align: center;}
.pro-nav .pro-tit a{display: block;height:102px;padding-top:24px; box-sizing: border-box;}
.pro-nav .pro-tit span{height:36px; line-height: 36px;font-size: 30px; color:#FFFFFF; font-weight: bold;}
.pro-nav .pro-tit em{display: block; height:20px; line-height: 20px;font-size: 18px; color:rgba(255,255,255,0.35); font-family: "arial"; text-transform: uppercase;letter-spacing: 2px;}

/*一级标题*/
.pro-nav .pro-con{background:#F4F4F4;padding:19px 35px 11px 29px; box-sizing: border-box;}
.pro-nav .pro-con a.first-tit{ display:block;  font-size:17px; color:#333;height:41px;margin-bottom: 9px;line-height: 41px;border-radius:6px;box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.2);padding-left:28px;background:#E2E2E2 url(../images/pro-icon.png) no-repeat 90%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro-nav .pro-con a.first-tit.cur{margin-bottom: 0;background:#e2e2e2 url(../images/pro-icon_h.png) no-repeat 90%;}
.pro-nav .pro-con a.first-tit:hover{background:#FED201 url(../images/pro-icon_h.png) no-repeat 90%;}
.pro-nav .pro-con ul{margin-bottom: 11px;}
.pro-nav .pro-con ul li{line-height: 26px; border-bottom:1px dashed #d1d0d0;padding-left:28px; box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro-nav .pro-con ul li a{display: block;padding-left:22px; font-size: 15px; color:#666;background:url(../images/pro-jt1.png) no-repeat left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro-nav .pro-con ul li a:hover{color: #1c60a5;background:url(../images/pro-jt2.png) no-repeat left;}
.pro-nav .pro-con ul li:last-child{border-bottom:0;}
.pro-nav .pro-bot{height:151px; background:url(../images/pro-lxbj.jpg) no-repeat center;/*padding:32px 0 0 48px;*/ box-sizing: border-box;padding-top: 32px; box-sizing: border-box; width: 270px;}
.pro-nav .pro-bot i{display: block; width:145px; height:29px;margin-bottom: 9px;    margin: 0 auto;}
.pro-nav .pro-bot i img{width:100%;}
.pro-nav .pro-bot span{display: block; }
.pro-nav .pro-bot span em{display: block; text-align: center; line-height: 32px; font-size: 16px; color:#FFFFFF;}
.pro-nav .pro-bot span p{text-align: center;line-height: 30px;font-size: 30px; color:#FFFFFF; font-family: "arial"}

/*右侧*/
.pro-bd{width:912px;}
.pro-bd ul li{float:left;width:289px; margin: 0 22px 35px 0;}
.pro-bd ul li .pimg{display: block; width:287px; height:215px; border:1px solid #e1e1e1; overflow: hidden;}
.pro-bd ul li .pimg img{width:100%; transition: 1s;}
.pro-bd ul li em{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  line-height: 45px; font-size:15px; color:#333; padding-left:15px; background:#f1f1f1 url(../images/pro-jt3.png) no-repeat 90%; padding-right:50px;}
.pro-bd ul li:nth-child(3n){margin-right: 0;float: right;}
.pro-bd ul li:hover .pimg{border:1px solid #FED201;}
.pro-bd ul li:hover em{background:#FED201 url(../images/pro-jt3.png) no-repeat 90%;}
.pro-bd ul li:hover .pimg img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1); transform: scale(1.1);}

/*优势*/
.adv{padding-top: 60px; box-sizing: border-box;}
.adv .pubtit{background:url(../images/advtit.jpg) no-repeat top center;height:139px;}
.adv .adv-nav{height:74px; border-top:1px solid #bdbdbd;}
.adv .adv-nav ul{width:1200px; margin:0 auto; padding-left:66px; box-sizing: border-box;}
.adv .adv-nav ul li{float:left; width:166px; height:73px;  margin: -2px 117px 0 0 ; transition: .5s; position: relative;padding-top:3px;}
.adv .adv-nav ul li:before{width: 0; height:3px; background:#fed201; content:""; position: absolute; left:0;top:0;transition: .5s;}
.adv .adv-nav ul li i{display: block;width:30px; height: 28px; margin:23px 17px 0 15px;float:left; overflow: hidden;}
.adv .adv-nav ul li i img{transition: .5s;}
.adv .adv-nav ul li span{display: inline-block;  line-height: 73px;font-size: 20px; color:#333;}
.adv .adv-nav ul li.cur:before{width:100%;}
.adv .adv-nav ul li.cur i img{margin-top: -28px;}
.adv .adv-nav ul li.cur span{font-weight: bold;color:#1c60a5;}
.adv .adv-con{ padding-top:410px; box-sizing: border-box;}
.adv .adv-con.adv1{background:url(../images/adv_pic1.jpg) no-repeat top center;}
.adv .adv-con.adv2{background:url(../images/adv_pic2.jpg) no-repeat top center;}
.adv .adv-con.adv3{background:url(../images/adv_pic3.jpg) no-repeat top center;}
.adv .adv-con.adv4{background:url(../images/adv_pic4.jpg) no-repeat top center;}
.adv .adv-con dl{width:1200px; margin:0 auto; height:180px;background:#FFF;box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.1);}
.adv .adv-con dl dt{width:365px; height:180px;background:#1c60a5;padding:21px 0 0 56px; box-sizing: border-box;float:left;}
.adv .adv-con dl dt span{display: block;line-height: 68px;font-size: 49px; color:#FFFFFF;margin-bottom: 5px;}
.adv .adv-con dl dt em{display: block;line-height: 25px; font-size: 16px; color:#FFFFFF;}
.adv .adv-con dl dd{width:834px;height:180px; float:left;padding:31px 0 0 62px; box-sizing: border-box;}
.adv .adv-con dl dd ul{padding-top:15px; position: relative;}
.adv .adv-con dl dd ul li{font-size:15px;line-height: 33px;padding-left:30px; position: relative;}
.adv .adv-con dl dd ul li:before{width:5px;height:5px;background:#fed201;content:"";position: absolute; left:0;top:14px;border-radius: 50%;}
.adv-list{position: relative; width:100%;}
.adv-list .con{position: absolute; width: 100%; left: 0px; top: 0px; display: none;}

/*合作流程*/
.liu{background: url(../images/liu_bg.jpg) no-repeat center;padding: 60px 0;}
.liu li{ float: left;width: 80px;text-align: center;position: relative;margin-right: 106.6px;transition:all 0.3s;}
.liu li:hover{ margin-top: -6px;}
.liu li:after{position: absolute;width: 20px;height: 18px;background: url(../images/liu_dd.png) no-repeat center;content: "";right: -64px;top: 34px;}
.liu li:last-child{ margin-right: 0;}
.liu li:last-child:after{ background: 0;}
.liu li i{ display: block;width: 80px;height: 80px;overflow: hidden;background: #ffffff;border-radius: 40px;}
.liu li i img{ display: block;width: 80px;height: 80px;transition:all 0.3s;}
.liu li.cur i img:nth-child(1),.liu li:hover i img:nth-child(1){ margin-top: -80px;}
.liu li.cur i,.liu li:hover i{ background:#fed201 ;}
.liu li em{ display: block;font-size: 18px;line-height: 18px;color: #fff;text-align: center;margin-top: 24px;margin-bottom: 16px;}
.liu li span{display: block;font-size: 13px;color: #fff;text-align: center;text-transform: uppercase; }

/*合作客户*/
.coop{padding: 60px 0;}
.coop img{width: 100%;height: 176px;}
.coop .tit{background: url(../images/cooptitbg.jpg) no-repeat center;height: 100px;display: block;margin:0 auto;}

/*优势*/
.fw{ padding:60px 0 20px 0;}
.fw dl{ float:left ;width: 580px;height: 290px;box-shadow:0 9px 40px rgba(0,0,0,0.15);margin-bottom: 40px;}
.fw dl:nth-child(2n){ float: right;}
.fw dt{ display: block;width: 290px;height: 290px;overflow: hidden;}
.fw dt img{ display: block;width: 290px;height: 290px;transition:all 0.5s;}
.fw dt:hover img{ transform:scale(1.05);}
.fw dd{ width: 290px;padding: 0 26px;box-sizing: border-box;}
.fw dd span{ display: block;    text-transform: uppercase;font-size: 15px;line-height: 16px;color: #999999;font-weight: normal;padding-top: 65px;height: 80px;border-bottom: 1px solid #dcdcdc;}
.fw dd span b{ font-size: 24px;color: #1c60a5;line-height: 24px;margin-top: 12px;display: block;}
.fw dd p{ font-size: 14px;line-height: 24px;color: #4c4c4c;margin-top: 15px;}

/*关于*/
.abt{height: 650px;padding-top:60px;background: url(../images/abt.jpg) no-repeat center;box-sizing: border-box;position: relative;}
.abt .content p{color: #ffffff;line-height:32px;text-align: left;text-indent: 2rem;font-size: 15px;}
.abt .more{ width: 92px;font-size: 18px;color: #fff;height: 30px;margin: 5px auto 20px;border-bottom: 2px solid #fed201;display: block;transition:all 0.5s;}
/*生产车间  荣誉资质*/
.lunbo{overflow: hidden;background: #fff; padding: 10px  10px 10px 10px;position: absolute;}
.lunbo .hd{width:170px; float:left;margin-top: 15px;}
.lunbo .hd ul li{height:90px; background:#EBEBEB; margin-bottom: 2px;display: block;text-align: center; padding-top: 18px;box-sizing: border-box;position: relative;}
.lunbo .hd ul li span{display: block;line-height:40px;font-size: 20px; color:#1c60a5;}
.lunbo .hd ul li i{display: block;color:rgba(41,45,51,0.25);text-transform:uppercase;}
.lunbo .hd ul li.cur{border-left:4px solid #fed201;background:#1c60a5;}
.lunbo .hd ul li.cur span{color:#FFF;}
.lunbo .hd ul li.cur i{color:rgba(255,255,255,0.25);}
.lunbo .hd ul li:before{top: 30px;width:25px; height:25px;background:url(../images/abo-jt.png) no-repeat center; content:""; position: absolute;right:0;opacity: 0; transition: .5s;}
.lunbo .hd ul li.cur:before{right:-11px;opacity: 1;}
.lunbo .lunbo-list{width:980px; overflow: hidden;float: left; margin-left: 48px;margin-top:16px;}
.lunbo .lunbo-list .bd li{width: 240px;height:180px;float:left; margin-right: 10px; box-sizing: border-box;}
.lunbo .lunbo-list .bd img{width:100%;}

/*新闻中心*/
.news{padding:60px 0;background-color:#fff}
.new_l{width:786px;height:539px;box-sizing:border-box;border:1px solid #e8e8e8}
.new_l .exm{font-weight:400;padding:18px 26px 0;height:169px;border-bottom:1px solid #e8e8e8;overflow:hidden}
.new_l .exm i{display:block;overflow:hidden}
.new_l .exm i span{display:inline-block;width:49px;height:48px;font-size:24px;background:url(../images/h_hot.png) no-repeat;padding:8px 6px 0 0;line-height:39px;text-align:center;margin-right:6px;float:left}
.new_l .exm i a{display:inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float:left;color:#111;font-size:18px;padding-top:17px}
.new_l .exm i a:hover{color:#1d60a6}
.new_l .exm em{display:block;color:#999;line-height:26px;padding-top:10px}
.new_l .exm em a:hover{color:#1d60a6}
/*两个示范*/
.n_on{height:155px;border-bottom:1px solid #e8e8e8;margin-bottom:20px}
.n_on .n1{overflow:hidden;float:left;padding:28px 0 0 28px;width:342px;margin-right:23px}
.n_on .n1:last-of-type{margin-right:0;border-left:1px solid #e8e8e8;height:128px}
.n_on .n1 .date{float:left;width:52px;height:99px;background:#ccc;text-align:center;box-sizing:border-box;font-family:Arial;font-size:16px;color:#fff;padding-top:30px}
.n_on .n1 .date span{display:block; font-size: 20px;line-height: 30px;}
.n_on .n1 .nr{float:right;width:278px;float:right}
.n_on .n1 .nr a{ display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:16px;color:#333;font-weight:400;margin:10px 0}
.n_on .n1 .nr p{color:#999;line-height:26px}
.n_on .n1:hover .date{background:#1d60a6}
.n_on .n1:hover .nr a{color:#1d60a6}
/*左边*/
.new_l ul{padding-left:28px}
.new_l ul li{overflow:hidden}
.new_l ul li{padding-left: 18px; line-height: 35px;overflow: hidden;background:url(../images/n_io.jpg) no-repeat 0 15px}
.new_l ul li a{color:#666;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new_l ul li a:hover{color:#1d60a6}
.new_l ul li span{display:inline-block;float:right;padding-right:28px;color:#8c8c8c;}
/*右侧百科*/
.new_r{width:381px;height:539px;background:#f1f1f1;box-sizing:border-box;padding:0 15px}
.new_r .nrtit{font-weight:400;line-height:100%;padding:20px 0 19px 0}
.new_r .nrtit a{font-size:20px;color:#333}
.new_r .nrtit span{display:inline-block;float:right;padding-top:7px}
.new_r .nrtit span a{color:#666}
.new_r .nrtit a:hover{color:#1d60a6}
.new_r .n2{height:288px;overflow:hidden;border-bottom:1px dashed #ccc;margin-bottom:20px}
.new_r .n2img{width: 360px;height: 200px;}
.new_r .n2img img{width: 360px;height: 200px;}
.new_r a.n2tit{display: block; color: #454545; font-size: 16px; line-height: 27px;padding: 18px 18px 0;overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.new_r a.n2tit:hover{color:#1d60a6}
.new_r ul li{padding-left:24px;line-height: 35px;background:url(../images/n_io.png) no-repeat 8px 15px}
.new_r ul li a{color:#666;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new_r ul li a:hover{color:#1d60a6}

/*底部*/
.footer{padding: 80px 0 80px 0;background-color: #f1f1f1; overflow: hidden;}
.footer .m_fanv{ width:250px; padding: 0 20px 0 20px;}
.footer .m_fanv ul li a{display: block;color: #666;float: left;width: 136px;line-height: 35px; font-size: 15px; }
.footer .m_fanv li{float: left;width:124px;}
.footer .f_ftcon{ padding: 0 32px 0 34px;}
.footer .f_cb p{line-height: 35px;color: #666;}
.m_fanv span, .footer .f_ftcon span{display: block; font-weight:700;font-size:20px;color:#555;line-height:26px;margin-bottom:35px}
.m_fanv span i{text-transform:uppercase; font-size:16px;padding-left:10px;color:#eee;color: #b3b1b1; font-weight: normal;}
.footer .f_ftcon span i{text-transform:uppercase;padding-left:10px;font-size:16px;color: #b3b1b1; font-weight: normal;}
.footer .f_ftcon .ewm{width:150px;height: 150px;}
.footer .f_ftcon .ewm img{width:100%;height:100%;}
.footer .f_ftcon .ewm p{line-height: 35px;text-align: center;color: #666;font-size: 15px}

/*版权*/
.copyr{background-color: #1c60a5;}
.copyr a{color: #ddd;}
.copyr p{text-align: center;line-height: 45px;color: #ddd;  }

/*客服系统*/
.client-2{position:fixed;right:-170px;top:80%;z-index:900}
.client-2 li a{text-decoration:none}
.client-2 li{margin-top:1px;clear:both;height:62px;position:relative}
.client-2 li i{background:url(../images/fx.png) no-repeat;display:block;width:24px;height:27px;margin:0 auto;text-align:center}
.client-2 li p{font-size:12px;line-height:20px;overflow:hidden;text-align:center;color:#fff}
.client-2 .my-kefu-tel i{background-position:0 -21px}
.client-2 .my-kefu-ftop{display:none}
.client-2 .my-kefu-ftop i{width:33px;height:31px;background-position:-23px -47px;background-size:52px 82px}
.client-2 .my-kefu-ftop .my-kefu-main{padding-top:6px}
.client-2 .my-kefu-left{float:left;width:72px;height:47px;position:relative}
.client-2 .my-kefu-tel-right{font-size:16px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px}
.client-2 .my-kefu-right{width:20px}
.client-2 .my-kefu-tel-main{background:#1c60a5;color:#fff;height:53px;width:242px;padding:9px 0 0;float:left}
.client-2 .my-kefu-main{background:#1c60a5;width:97px;height:53px;position:relative;padding:9px 0 0;float:left}