@charset "utf-8";
html{-webkit-font-smoothing:antialiased}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}

table {  
  width: 100%;  
  border-collapse: collapse;  
} 
tr:nth-of-type(odd) {  
  background: #eee;  
} 
th {  
  background: #333;  
  color: white;  
  font-weight: bold;  
} 
td, th {  
  padding: 6px;  
  border: 1px solid #ccc;  
  text-align: left;  
} 
fieldset,img{border:0}
address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:400}
dl,ol,ul,li{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a {text-decoration: none; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
a:hover {text-decoration: none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0); outline: 0; outline: none; blr: expression(this.onFocus=this.blur()) }

sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none;outline:none;border: 0;}
img{vertical-align:middle;max-width: 100% }
button,input[type=submit],input[type=text],input[type=button],select{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button{overflow: visible;vertical-align:middle;outline:none;border: 0;}
body{color:#000;line-height:1.3;background:#fff; font-family: "微软雅黑"; }
hr{outline: 0;border:0;}
.fl{float:left}
.fr{float:right}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.fix{*zoom:1;}

.layout{max-width: 1500px;width:auto;margin: 0 auto;clear:both;position: relative; }

#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}

.img{overflow:hidden;position: relative;}
.img img{width:100%;cursor:pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.img img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}


/* Slider */
.slick-slider{
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}
.slick-slider:focus,.slick-slider:active{outline:none;blr:expression(this.onFocus="this.blur"());cursor: pointer;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{cursor: pointer;outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;/*height: 100%;*/min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide:focus{outline: none;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

.h{height: 74px;}
/* header */
.header{line-height: 74px; position: fixed; top:0; left: 0; width: 100%; height: 74px; background: #fff;z-index: 100; -webkit-box-shadow: 0 0 10px #ccc; -ms-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; -o-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; }

/* nav */

.nav{}
.nav li{float:left;margin-left:35px}
.nav li:first-child{margin-left:0}
.nav li a{display:block;padding:0 10px;height:100%;font-size:14px;color:#102b52;text-transform:uppercase;position:relative}
.nav li a:after{content:'';width:0;height:4px;background:#ffc41c;position:absolute;left:50%;bottom:0;transition:all .2s ease}
.nav li a:hover:after,
.nav li.on a:after{left:0;width:100%}

.nav .link{margin-left: 40px;}
.nav .link a{float:left;display:block;width:23px;height:74px;}
.nav .link a.xl{background:url(../images/xl1.png) no-repeat center;background-size:23px 18px}
.nav .link a.wx{background:url(../images/wx1.png) no-repeat center;background-size:23px 19px}
.nav .link a.xl:hover{background:url(../images/xl2.png) no-repeat center;background-size:23px 18px}
.nav .link a.wx:hover{background:url(../images/wx2.png) no-repeat center;background-size:23px 19px}

.nav ul li ul li{ margin-left:0px;}
.nav ul li ul li a{ margin-left:0px; line-height:45px; height:45px; background:#0F2B52; color:#ffc41c; padding:0 10px; text-indent:10px; border-bottom:1px dashed #FFF}
.nav ul li ul li:last-child a{ border-bottom:none}
.nav ul li ul li a:hover{ background:#ffc41c; color:#0F2B52}
/* banner */

.banner{position: relative;z-index: 1; width: 100%; overflow: hidden;}
.banner .swiper-slide a{ display: block;width: 100%;height: 100%;background: no-repeat center; background-size: cover;}
.banner .swiper-pagination {left: 50%; bottom: 30px; width: auto; height: 14px;line-height: 14px;-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-o-transform: translate(-50%,0);transform: translate(-50%,0); }
.banner .swiper-pagination-bullet {width: 14px; height: 14px;border:1px solid #fff;background: transparent; opacity: 1; border-radius: 50%; position: relative;}
.banner .swiper-pagination-bullet-active {background: #ffc41c; border-color: #ffc41c}
.banner img{display: block;margin:0 auto;max-width: 100%}

/* banner1 */
.banner1{height:446px;position:relative}
.banner1 .word{text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.banner1 .word i{display:block;width:86px;height:42px;margin:0 auto;margin-bottom:15px}
.banner1 .word h3{font-size:34px;color:#102b52;line-height:1;font-family:fantasy;text-transform: uppercase;}
.banner1 .word h4{font-size:30px;color:#102b52;line-height:60px;padding-bottom:15px;position:relative}
.banner1 .word h4:after{content:'';width:30px;height:2px;background:#ffc41c;position:absolute;bottom:0;left:50%;margin-left:-15px}
.banner1 .word span{display:block;width:15px;height:13px;background:url(../images/down2.png) no-repeat center;background-size:cover;margin:0 auto;margin-top:90px}

.banner1 .word.color1 h3,
.banner1 .word.color1 h4{color: #fff}

/* footer */

.footer{background:#ededed;padding:55px 0 50px;width:100%; border-top:2px solid #cacaca}

.footer dl{float:left;margin-left:100px}
.footer dt{font-size:14px;font-weight:700;line-height:28px;color:#0f294e;position:relative;margin-bottom:11px}
.footer dt:after{content:'';width:21px;height:1px;background:#ffc41c;position:absolute;bottom:0;left:0}
.footer dl.last dd a{display:inline-block;width:35px;height:35px;margin-right:14px}
.footer dd a{font-size:12px;color:#666;line-height:30px;display: block;}
.footer dd a:hover{color:#ffc41c}

.footerr .tel{margin-left:38px}
.footerr .tel h5{font-size:15px;color:#0f294e;text-transform:uppercase;line-height:36px;padding-left:17px;background:url(../images/star3.png) no-repeat left 10.5px;background-size:10px 9px;position:relative}
.footerr .tel h5:after{content:'';width:21px;height:1px;width:21px;height:1px;background:#ffc41c;position:absolute;bottom:0;left:0}
.footerr .tel h3{font-size:30px;color:#102b52;font-family:fantasy;line-height:50px}
.footerr .tel a{display:block;width:162px;height:48px;text-align:center;line-height:48px;margin-top:20px;background:#ffc41c;position:relative;z-index:8}
.footerr .tel a:after,
.footerr .tel a:before{position:absolute;z-index:8;width:0;height:0;content:'';-webkit-transition:.5s;transition:.5s;border-width:0;border-style:solid}
.footerr .tel a:before{bottom:0;left:0;border-color:transparent transparent transparent #16704a}
.footerr .tel a:after{top:0;right:0;border-color:transparent #16704a transparent transparent}
.footerr .tel a:hover{z-index:8;background:#16704a}
.footerr .tel a:hover:hover:before{border-width:48px 0 0 162px}
.footerr .tel a:hover:hover:after{border-width:0 162px 48px 0}
.footerr .tel a i{display:inline-block;font-size:14px;color:#fff;padding-left:30px;background:url(../images/tel.png) no-repeat left center;background-size:17px 17px;position:relative;z-index:9}


/* copyright */
.copyright{background: #f9f9f9;padding: 11px 0;width: 100%;border-top: 1px solid #eee}

.cl p{font-size:12px;color:#666;line-height:36px}
.cl p i{display:inline-block;width:12px;height:12px;background:url(../images/star3.png) no-repeat center;background-size:10px 9px;vertical-align:initial}

.cr li{float:left;position:relative}
.cr li a{display:block;font-size:12px;color:#666;line-height:36px;padding:0 25px;position:relative}
.cr li a:after{content:'';width:1px;height:13px;background:#7f7f7f;position:absolute;left:0;top:50%;margin-top:-6.5px}
.cr li:first-child a:after{display: none}
.cr li a:hover{color: #ffc728}

.cr .link a{float:left;display:block;width:23px;height:36px;padding: 0 20px;}
.cr .link a:after{display: none}
.cr .link a.xl{background:url(../images/xl3.png) no-repeat center;background-size:23px 18px}
.cr .link a.wx{background:url(../images/wx3.png) no-repeat center;background-size:23px 19px}
.cr .link a.xl:hover{background:url(../images/xl2.png) no-repeat center;background-size:23px 18px}
.cr .link a.wx:hover{background:url(../images/wx2.png) no-repeat center;background-size:23px 19px}

/* backtop */

.backtop{width: 100%; line-height: 71px; background:#f9f9f9; text-align: center; }
.backtop a{font-size: 16px; color: #0f294e; padding-left: 30px; background: url(../images/top.png) no-repeat left center; background-size: 18%; }

.backtop.line{background: #fff;border-bottom: 1px solid #f9f9f9}

/* mbx */

.mbx{padding:28px 0}

.mbx li{float:left; background:url(../images/index4_3.jpg) no-repeat}
.mbx li a{display:block;width:198px;text-align:center;line-height:52px;position: relative;}
.mbx li a:after{content: ''; width: 1px; height: 20px; background: #ececec; position: absolute; left: 0; top:50%; margin-top: -10px; }
.mbx li:first-child a:after{display: none}

.mbx li a i{display:inline-block;font-size:14px;color:#333;height:52px;}

.mbx li.on a,
.mbx li a:hover{background: url(../images/mbx-bg.jpg) no-repeat center;background-size: cover}
.mbx li.on a i,
.mbx li a:hover i{color: #ffc41c}

.mbx li.on a:after,
.mbx li a:hover:after{display: none}

.mr{width:375px;height:48px;border:2px solid #ffc41c}
.mr input{float:left}
.mr input[type=text]{width:325px;height:48px;line-height:48px;font-size:14px;color:#333;text-indent:12px}
.mr input[type=submit]{width:50px;height:48px;background:url(../images/search.png) no-repeat center;background-size:18px 18px}


.mbx1{padding:28px 0;}
.mbx1 .ml{text-align: center;}
.mbx1 .ml ul{display: inline-block;}

.mbx1 li{float:left}

.mbx1 li a{display:block;width:198px;text-align:center;line-height:52px;position: relative;}
.mbx1 li a:after{content: ''; width: 1px; height: 20px; background: #ececec; position: absolute; left: 0; top:50%; margin-top: -10px; }
.mbx1 li:first-child a:after{display: none}

.mbx1 li a i{display:inline-block;font-size:14px;color:#333;height:52px;padding-left:33px}
.mbx1 li.m1 a i{background:url(../images/n1.png) no-repeat left center;background-size:19px 21px}
.mbx1 li.m2 a i{background:url(../images/n2.png) no-repeat left center;background-size:19px 21px}
.mbx1 li.m3 a i{background:url(../images/n3.png) no-repeat left center;background-size:27px 15px}
.mbx1 li.m4 a i{background:url(../images/n4.png) no-repeat left center;background-size:24px 19px}
.mbx1 li.m5 a i{background:url(../images/n5.png) no-repeat left center;background-size:18px 20px}

.mbx1 li.on a,
.mbx1 li a:hover{background: url(../images/mbx-bg.jpg) no-repeat center;background-size: cover}
.mbx1 li.on a i,
.mbx1 li a:hover i{color: #ffc41c}

.mbx1 li.on a:after,
.mbx1 li a:hover:after{display: none}

/* page */
.page{text-align: right;background: #f9f9f9;padding: 29px 0}

.pages{display: inline-block;}

.pages a{font-size:16px;line-height:50px;display:inline-block;width:51px;height:50px;border:1px solid #f4f4f4;background:#fff;text-align:center;color:#666}
.pages a.next{width:93px;color:#102b52;background:#fff url(../images/arrow.png) no-repeat 90% center;background-size:7px 13px}

.pages a.on,
.pages a:hover{background:#ffc41c;color:#0f294e;border-color:#ffc41c }

.pages a.next.on,
.pages a.next:hover{background:#ffc41c url(../images/arrow.png) no-repeat 90% center; }

/* index1 */

.i1l,
.i1r{float: left; width: 48% }

.i1l .icon{position:relative}
.i1l .txt{text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.i1l .txt i{display:block;width:86px;height:42px;margin:0 auto;margin-bottom:20px}
.i1l .txt h2{font-size:48px;color:#fff;line-height:1;font-family:fantasy;text-transform: uppercase;}
.i1l .txt h3{font-size:48px;color:#fff;line-height:63px}
.i1l .txt a{display:block;width:152px;height:51px;line-height:51px;text-align:center;font-size:14px;color:#ffc41c;background:#102b52 url(../images/btn1.png) no-repeat 80% center;background-size:13px 15px;margin:0 auto;margin-top:20px}
.i1l .txt a:hover{color:#fff;background:#102b52 url(../images/btn2.png) no-repeat 80% center}
.i1l a.titles{font-size:18px;color:#fff;position:absolute;top:30px;right:30px}

.i1l a.titles:hover{color:#ffc41c }

.icont,
.iconb{position: relative;}

.icont:hover .i1tr img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2) }

.i1tl,
.i1tr{float: left;position: relative;}
.i1tl{width: 48%;}
.i1tr{width: 52%;}

.i1tl .txt {position: absolute; top: 50%; left: 50%; width: 65%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; }
.i1tl .txt h3{font-size:40px;color:#102a51;line-height:57px;position:relative; font-family:"微软雅黑"}
.i1tl .txt h3:after{content:'';width:30px;height:2px;background:#ffc41c;position:absolute;bottom:0;left:50%;margin-left:-15px}
.i1tl .txt h5{font-size:14px;color:#102a51;margin:16px 0}
.i1tl .txt p{font-size:12px;color:#666;line-height:16px;text-transform:uppercase}
.i1tl .txt a{display:block;font-size:12px;color:#102a51;padding-top:30px;background:url(../images/btn1.png) no-repeat top center;background-size:13px 15px;margin-top:56px}
.i1tl .txt a:hover{color:#ffc41c}

.iconb a.play{display:block;width:9.1%;height:19%;background:url(../images/play.png) no-repeat center;background-size:cover;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.iconb .txt{text-align:center;position:absolute;bottom:25px;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}
.iconb .txt h5{font-size:35px;color:#fec627;line-height:30px;font-weight:700;font-weight:bold; margin-bottom:15px;}
.iconb .txt a{font-size:12px;color:#ffc41d;line-height:26px}

/* index2 */
.index2{padding: 40px 0 90px;}
.i2t{text-align:center;margin-bottom:40px}
.i2t h4{font-size:21px;color:#102b52;line-height:41px;text-transform:uppercase;font-weight: bold}
.i2t h4 sup{color:#ffc41c;vertical-align:top}
.i2t h3{font-size:30px;color:#102b52;line-height:50px;padding-bottom:13px;background:url(../images/down1.png) no-repeat bottom center;background-size:34px 13px}

.i2b li{float:left;width:31%;position:relative;margin:0 1%; margin-bottom:7%}

.i2b li .cover{position:absolute;top:0;left:0;width:100%;height:100%}
.i2b li .cover:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.75);position:absolute;top:0;left:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.i2b li .cover .cpd{text-align:center;position:absolute;bottom:-22%;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; width:100%;background:url(../images/mbx-bg.jpg) ; padding:10px 0; }
.i2b li .cover .cpd h5{font-size:20px;color:#666;font-weight:700;line-height:26px;overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap; padding:0 10px;}
.i2b li .cover .cpd p{font-size:12px;color:#999;line-height:24px}
.i2b li:hover .cover:before{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.i2b li:hover .cover .cpd{bottom:-22%; padding:10% 0; }
.i2b li:hover{-webkit-box-shadow:0 0 10px #f2f2f2;-moz-box-shadow:0 0 10px #f2f2f2;-ms-box-shadow:0 0 10px #f2f2f2;-o-box-shadow:0 0 10px #f2f2f2;box-shadow:0 0 10px #f2f2f2}
.i2b li:hover .cover .cpd h5{color: #fff}
.i2b li:hover .cover .cpd p{color: #ffc41c}

/* index3 */

.i3tl,
.i3tr{float: left;position: relative;height: 442px;}

.i3tl{width:25.15%;background: url(../images/i-bg2.jpg) no-repeat center;background-size: cover;}
.i3tl .txt{text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.i3tl .txt i{display:block;width:86px;height:42px;margin:0 auto;margin-bottom:20px}
.i3tl .txt h2{font-size:34px;color:#102b52;font-family:fantasy;line-height:1}
.i3tl .txt h3{font-size:30px;color:#102b52;line-height:60px;position:relative}
.i3tl .txt h3:after{content:'';width:30px;height:2px;background:#ffc41c;position:absolute;bottom:0;left:50%;margin-left:-15px}
.i3tl .txt a{font-size:12px;display:block;margin-top:40px;padding-top:30px;color:#102a51;background:url(../images/btn1.png) no-repeat top center;background-size:13px 15px}
.i3tl .txt a:hover{color:#ffc41c}

.i3tr{width: 74.85% }
.i3tr .images>div{display: none;width: 100%;height: 442px;}

.anav{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:320px}
.anav a{display:block;float:left;width:50%;height:18.125%;text-align:center;line-height:58px;font-size:16px;color:#fff;position:relative;z-index:9;margin-bottom:20px}
.anav a:nth-child(2n-1){background:url(../images/bor1.png) no-repeat center;background-size:100%}
.anav a:nth-child(2n){background:url(../images/bor2.png) no-repeat center;background-size:100%}

.anav a:nth-child(2n-1).on,
.anav a:nth-child(2n-1):hover{background:url(../images/bors1.png) no-repeat center;background-size:100%}
.anav a:nth-child(2n).on,
.anav a:nth-child(2n):hover{background:url(../images/bors2.png) no-repeat center;background-size:100%}


.i3b li{float: left;width: 25%;position: relative;z-index: auto;}

.i3b li:nth-child(1):before,
.i3b li:nth-child(3):before{position: absolute; z-index: 10; top: 50%; right: 0; margin-top: -34.5px; content: ''; opacity: 0; filter: alpha(opacity=0); border: 69px solid; border-color: transparent transparent transparent #ffc728; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.i3b li:nth-child(3):before{border-color: transparent transparent transparent #16704a;}

.i3b li:nth-child(1):hover:before,
.i3b li:nth-child(3):hover:before{opacity: 1; filter: alpha(opacity=100); right: -138px;}

.i3b li .txt1{width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}
.i3b li .txt1 i{display:block;width:18.958%;height:37.916%;margin:0 auto;margin-bottom:20px}
.i3b li .txt1 i img{display:block;margin:0 auto}
.i3b li .txt1 h3{font-size:26px;color:#fff;line-height:38px}
.i3b li .txt1 h4{font-size:16px;color:#fff;line-height:30px;text-transform:uppercase;padding-bottom:23px;position:relative}
.i3b li .txt1 h4:after{content:'';width:30px;height:2px;background:#fff;position:absolute;bottom:0;left:50%;margin-left:-15px}
.i3b li .txt1 a{font-size:12px;display:block;margin-top:20px;padding-top:30px;color:#fff;background:url(../images/btn2.png) no-repeat top center;background-size:13px 15px}
.i3b li .txt1 a:hover{color:#102b52}


.i3b li:nth-child(1):hover + li:nth-child(2) img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2) }
.i3b li:nth-child(3):hover + li:nth-child(4) img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2) }


/* 联系我们 */

.lx li{width:49.8%;float:left;height:725px;margin:9px 0;position: relative;}
.lx li:nth-child(2n){float:right}
.lx li:nth-child(1){background:url(../images/lx-bg1.jpg) no-repeat center;background-size:cover}
.lx1 .word{padding:15.69% 10.46% 0 15.69%}
.lx1 .wordt h3{font-size:30px;color:#102b52;font-weight:700;line-height:43px}
.lx1 .wordt small{font-size:14px;color:#102b52;line-height:24px;text-transform:uppercase}
.lx1 .wordt span{display:block;width:30px;height:2px;background:#ffc41c;margin-top:40px}
.lx1 .wordb p{font-size:12px;color:#666;line-height:36px}
.lx1 .wordb .ewm p{color:#000;text-align:center;background:url(../images/wx4.png) no-repeat 95% center;background-size:14px 11px}
.lx1 .wordb .ewm p font{color:#ffc41c;margin-right:10px}

#allmap{width:100%;height:100%}
.lx li:nth-child(3) {background:url(../images/lx1.jpg) no-repeat center;background-size: cover}
.lx3 .word{text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.lx3 .word h3{font-size:30px;color:#fff;line-height:40px;font-family:fantasy}
.lx3 .word h4{font-size:30px;color:#fff;line-height:45px}
.lx3 .word span{display:block;width:30px;height:2px;background:#ffc41c;margin:0 auto;margin-top:30px}


.lx4 .con{padding: 8.37% 0 0 24.5%;}
.lx4 .con h3{font-size:30px;color:#333;line-height:54px;position:relative;margin-bottom:45px}
.lx4 .con h3:after{content:'';width:30px;height:2px;background:#ffc41c;position:absolute;bottom:0;left:0}
.lx4 .con p{margin-bottom:16px}
.lx4 .con span{display:inline-block;font-size:14px;color:#666;line-height:43px;width:45px}
.lx4 .con input[type=text]{font-size:14px;color:#333;text-indent:16px;width:413px;height:43px;line-height:43px;border:1px solid #ececec}
.lx4 .con textarea{font-size:14px;color:#333;text-indent:16px;padding-top:16px;width:413px;height:103px;line-height:1;border:1px solid #ececec;vertical-align:top}
.lx4 .con small{font-size:12px;color:#666;line-height:43px;margin-left:45px}
.lx4 .con input[type=submit]{font-size:14px;color:#102b52;width:153px;height:52px;line-height:52px;background:#ffc41c;margin-left:45px;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.lx4 .con input[type=submit]:hover{background: #000;color: #fff}

/* 新闻中心 */

.new,.new2{padding-bottom:60px;background:#f9f9f9;border-bottom:1px solid #efefef}

.new li{float:left;margin-top:60px; width:48% }
.new2 li{float:left; }
.new li .pic{background-size:contain; background-position: center center; width:60%}
.new li:nth-child(2n){float:right}
.new li .word{width:40%;padding:35px 30px 0;background:#102b52;height:289px;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; box-sizing:border-box}
.new li .word h3 {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    height: 24px;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-white-space: nowrap;
    -moz-white-space: nowrap;
    -ms-white-space: nowrap;
    -o-white-space: nowrap;
    white-space: nowrap;
}
.new li .word:hover h3 {
    color:#112A52;
}
.new li .word p{font-size:12px;color:#fff;line-height:18px}

.new li .word p.adcon{
    height: 54px;
    overflow: hidden;
}

.new li .word p.time{color:#999;margin-top:10px;margin-bottom:15px}
.new li .word p.zhushi{margin-top:60px}
.new li .word span{font-size:14px;color:#fff;padding-left:23px;background:url(../images/ns1.png) no-repeat left center;background-size:13px 14px}
.new li .word a{font-size:12px;color:#fff;padding-right:30px;background:url(../images/btn1.png) no-repeat right center;background-size:13px 15px}
.new li .word:hover{background:url(../images/index4_3.jpg)}
.new li .word:hover a,.new li .word:hover h3,.new li .word:hover p,.new li .word:hover span{color:#112A52}
.new li .word:hover span{background:url(../images/n1.png) no-repeat left center;background-size:13px 14px}
.new li .word:hover a{font-size:12px;color:#fff;padding-right:30px;background:url(../images/btn2.png) no-repeat right center;background-size:13px 15px}

/* 新闻中心-视频 */

.video{padding-top:40px;background:#f9f9f9;border-bottom:1px solid #efefef}

.video li{float:left;width:31%;margin-bottom:60px;margin:0 1%}

.video li i.play{display:block;width:12.61%;height:18.324%;background:#ffc41c url(../images/btn3.png) no-repeat center;background-size:36%; border-radius:50%;position:absolute;top:50%;left:50%; -webkit-transform: translate(-50%,-50%) -moz-transform: translate(-50%,-50%) -ms-transform: translate(-50%,-50%) -o-transform: translate(-50%,-50%) transform: translate(-50%,-50%); -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.video li .word{width:100%;background:#fff}
.video li .word p{font-size:16px;color:#000;line-height:70px;text-align:center}
.video li a:hover i{background:#173257 url(../images/btn3.png) no-repeat center;background-size:21px 24px}
.video li a:hover p{color:#ffc41c }

/* 新闻中心-详情 */

.newd{padding:60px 0 70px;background:#f9f9f9;}
.ndesc{background: #fff;}

.ndesct{padding: 40px 0 20px;border-bottom: 1px solid #f4f4f4}
.ndesct h3{font-size:30px;color:#333;line-height:55px;text-align:center}
.ndesct .st{text-align:center;position:relative}
.ndesct .st span{font-size:12px;color:#999;line-height:40px;padding:0 14px}
.ndesct .st span.icon{font-size:14px;padding-left:23px;background:url(../images/ns1.png) no-repeat left center;background-size:13px 14px;position:relative}
.ndesct .st span.icon:after{content:'';width:1px;height:21px;background:#f4f4f4;position:absolute;right:0;top:50%;margin-top:-10.5px}
.ndesct .bdsharebuttonbox{float: right;}
.ndesct .bdsharebuttonbox span{font-size:12px;color:#666;vertical-align:middle}
.ndesct .bdshare-button-style0-16 .bds_more,.ndesct .bdshare-button-style0-16 a{display:block;float:left;font-size:12px;padding-left:0;width:23px;height:40px;line-height:40px;background-repeat:no-repeat;cursor:pointer;margin:0 5px}
.ndesct .bdshare-button-style0-16 a.bds_tsina{background:url(../images/xl1.png) no-repeat center;background-size:23px 18px}
.ndesct .bdshare-button-style0-16 a.bds_weixin{background:url(../images/wx1.png) no-repeat center;background-size:23px 19px}
.ndesct .bdshare-button-style0-16 a.bds_tsina:hover{background:url(../images/xl2.png) no-repeat center;background-size:23px 18px}
.ndesct .bdshare-button-style0-16 a.bds_weixin:hover{background:url(../images/wx2.png) no-repeat center;background-size:23px 19px}

.ndescc{width:1200px;margin:0 auto;padding:70px 0 50px;line-height: 2;
    font-size: 14px;
    color: #333333;}
.ndescc img{display:block;margin:50px auto}
.ndescc p{font-size:14px;color:#666;line-height:24px;text-indent:24px}
.ndescb{border-top:1px solid #f4f4f4;padding:50px 0}
.nback{width:1200px;margin:0 auto}
.nbackl a{display:block;font-size:14px;color:#666;line-height:24px;margin-bottom:13px}
.nbackl a:hover{color:#ffc41c}
.nbackr a{display:block;width:149px;height:48px;text-align:center;line-height:48px;font-size:14px;color:#666;line-height:48px;border:2px solid #ffc41c}
.nbackr a:hover{color:#fff;background:#ffc41c}

/* 质量管控 */

.zg1{width: 960px;margin: 0 auto;padding: 40px 0 60px;}

.zgt{text-align: center;}
.zgt h4{font-size:21px;color:#102b52;line-height:41px;text-transform:uppercase;font-weight: bold}
.zgt h4 sup{color:#ffc41c;vertical-align:top}
.zgt h3{font-size:30px;color:#102b52;line-height:50px;padding-bottom:13px;background:url(../images/down1.png) no-repeat bottom center;background-size:34px 13px}

.zg1b{margin-top:50px;text-align:center}
.zg1b h3{font-size:24px;color:#333;line-height:42px;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-white-space:nowrap;-moz-white-space:nowrap;-o-white-space:nowrap;-ms-white-space:nowrap;white-space:nowrap;position:relative;margin-bottom:15px}
.zg1b h3:after{content:'';width:30px;height:2px;background:#ffc41c;position:absolute;bottom:0;left:50%;margin-left:-15px}
.zg1b p{font-size:14px;color:#333;line-height:24px;text-align:center}

.gz2{padding-bottom: 20px;border-bottom: 1px solid #ececec}
.gz2 .shows{padding-bottom: 70px;}

.gz2 .shows .slick-dots {position: absolute; bottom: 20px; left: 50%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); }
.gz2 .shows .slick-dots li{width: 9px; height: 9px;line-height: 9px;background: #ffc41c; float: left; margin-right: 15px;border-radius: 50%; font-size:0;cursor: pointer}
.gz2 .shows .slick-dots li.slick-active{background:#102b52 }
.gz2 .shows .slick-dots li button{font-size:0;background:transparent;}

.gz2b{width: 960px;margin: 0 auto;padding: 30px 0}
.gz2b p{font-size:14px;color:#333;line-height:24px;text-align:center }

.zg3 .zgt{padding: 35px 0}
.zg3b{border-top: 1px solid #ececec;border-bottom:1px solid #ececec; }

.zg3b li{float:left;width:33.333%;height:440px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.zg3b li:nth-child(2){border-left:1px solid #ececec;border-right:1px solid #ececec}
.zg3b li .cons{padding:18.75% 10.94% 0}
.zg3b li i{display:block;width:107px;height:107px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;margin:0 auto;cursor:pointer;margin-bottom:40px}
.zg3b li h5,.zg3b li p{font-size:14px;color:#333;text-align:center}

.zg3b li i.z1{background:#ffc41c url(../images/z1.png) no-repeat center;background-size:33px 46px}
.zg3b li i.z2{background:#ffc41c url(../images/z2.png) no-repeat center;background-size:47px 47px}
.zg3b li i.z3{background:#ffc41c url(../images/z3.png) no-repeat center;background-size:63px 40px}
.zg3b li i.z1:hover{background:#102b52 url(../images/z1.png) no-repeat center;background-size:33px 46px}
.zg3b li i.z2:hover{background:#102b52 url(../images/z2.png) no-repeat center;background-size:47px 47px}
.zg3b li i.z3:hover{background:#102b52 url(../images/z3.png) no-repeat center;background-size:63px 40px}

/* 关于黑卡 */

.ab1{border-top:1px solid #ececec;background:url(../images/new-bg.jpg) no-repeat center;background-size:cover;padding-bottom:60px;border-bottom:1px solid #ececec}
.ab1t{padding:50px 0}
.ab1b{text-align:center}
.ab1b h3{font-size:24px;color:#333;font-style:italic;font-weight:500;line-height:45px;width:1180px;margin:0 auto}
.ab1b h3.hbt{color:#102b52;font-style:normal}
.ab1b h3.hbt font{color:#16704a}
.ab1b p{font-size:14px;color:#333;line-height:24px;width:1180px;margin:0 auto}
.ab1b p.p1{color: #102b52}
.ab1b img{display: block;margin: 0 auto;}

.ab2t{padding:35px 0 55px}
.ab2b li{float:left;width:33.33%}
.ab2b li .word{border-top:1px solid #ececec;border-bottom:1px solid #ececec;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;cursor:pointer;background:url(../images/star4.png) no-repeat 98% 40px;background-size:42px 86px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.ab2b li:nth-child(2) .word{border-left:1px solid #ececec;border-right:1px solid #ececec}
.ab2b li .words{padding:32px 32px 0}
.ab2b span.tit{display:inline-block;font-size:16px;color:#fff;line-height:35px;padding:0 10px 0 20px;background:#ffc41c;position:relative;z-index:1;font-style:italic}
.ab2b span.tit:after{content:'';border-width:0 10px 35px 0;border-style:solid;border-color:transparent transparent #ffc41c transparent;position:absolute;right:-10px;top:0;z-index:2}
.ab2b h3{font-size:30px;color:#102b52;line-height:54px;margin-bottom:35px}
.ab2b p{font-size:14px;color:#333;line-height:24px;text-align:justify}
.ab2b li .word:hover{border-color:#16704a;background:#16704a url(../images/star5.png) no-repeat right 40px;background-size:42px 86px}
.ab2b li .word:hover h3,
.ab2b li .word:hover p{color: #fff}

.ab3{border-bottom: 1px solid #ececec}
.ab3t{padding:40px 0 }

.ab3bl,
.ab3br{float: left; width: 50%; }
.ab3br{background: url(../images/honr-bg.jpg) no-repeat center; background-size: cover; }
.ab3br img{max-width: 35%;display:block; margin: 0 auto; margin-top:12.5%; margin-bottom: 6.25%; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.5); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.5); -ms-box-shadow: 0 5px 10px rgba(0,0,0,.5); -o-box-shadow: 0 5px 10px rgba(0,0,0,.5); box-shadow: 0 5px 10px rgba(0,0,0,.5); }
.ab3br p{font-size: 16px; color: #102b52; text-align: center; }

.adshow .slick-arrow{position:absolute;top:50%;margin-top: -24px;z-index:99;width:48px;height:48px;font-size:0;cursor:pointer}
.adshow .slick-prev{left:40px;background:url(../images/left1.png) no-repeat center}
.adshow .slick-next{right:40px;left:auto;background:url(../images/right1.png) no-repeat center}
.adshow .slick-prev:hover{background:url(../images/left2.png) no-repeat center}
.adshow .slick-next:hover{background:url(../images/right2.png) no-repeat center}


/* 黑卡产品 */
.pro{margin-bottom: 5px;}
.pro img{display:block;margin:0 auto}

.pro1,
.pro2,
.pro3,
.pro4,
.pro5,
.pro6,
.pro7,
.pro8,
.pro9,
.pro10,
.pro11,
.pro13{
    position: relative;
    width: 100%;
    height: 848px;
    background: url(../images/p-bg1.jpg) no-repeat center;
    background-size: cover;
}

.pro12{position: relative; width: 100%; }


.pro1{overflow: hidden;}
.p1l{width:20.76%;position:absolute;left:18.875%;top:12.5%}
.p1l i{display:block}
.p1l h3{margin:45px auto}
.p1l p{font-size:14px;color:#312624;line-height:30px;text-align:center}

.p1r{position:absolute;top:13.58%;right:15%;width:42.7%}
.p1r .name{position:absolute;width:25.36%;top:0;left:0}
.p1r .pso{width:100%;top:0;left:0}

.pro1 a{font-size:12px;color:#102b52;padding-top:30px;background:url(../images/down2.png) no-repeat top center;background-size:15px 13px;position:absolute;left:50%;bottom:20px;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}
.pro1 a:hover{color:#ffc41c}

.pro1 .mz1{width:19.11%;position:absolute;left:0;bottom:9.89%}
.pro1 .mz2{width:16.3%;position:absolute;right:5.4%;top:-20%}
.pro1 .mz3{width:16.14%;position:absolute;right:-8%;bottom:0}

.pro2{overflow: hidden; background: url(../images/p-bg2.jpg) no-repeat center; background-size: cover; }

.p2l{width:29.94%;position:absolute;top:22.5%;left:20.31%;text-align:center}
.p2l h3{font-size:45px;color:#6b3528;margin:30px 0 25px}
.p2l p{font-size:16px;color:#796854;line-height:30px}
.p2r{width:38.28%;position:absolute;top:8.333%;right:12.4%}


.pro3{overflow: hidden; background: url(../images/p-bg3.jpg) no-repeat center; background-size: cover; }

.p3l{width:35.93%;position:absolute;top:14.89%;left:19.58%}
.p3r{width:30.2%;position:absolute;top:28.13%;right:16.35%;text-align:center}
.p3r h3{font-size:45px;color:#bb926c;margin:25px 0 20px}
.p3r p{font-size:16px;color:#a3815e;line-height:30px}

.pro3 .kf1{width:6.93%;position:absolute;left:11.45%;top:29.16%}
.pro3 .kf2{width:7.76%;position:absolute;right:8.85%;top:20.83%}


.pro4{overflow: hidden; background: none }

.p4l{width:28.7%;position:absolute;top:29.69%;left:16.67%;text-align:center}
.p4l h3{font-size:45px;color:#6b3528;margin:10px 0}
.p4l p{font-size:16px;line-height:30px;color:#796854}

.p4r{width:48.36%;position:absolute;top:20.69%;right:5.3%}
.p4r .name{position:absolute;left:0;top:0}


.pro5{background: url(../images/p-bg5.jpg) no-repeat center; background-size: cover; }

.pro5c{max-width:740px;height:100%;position:relative;margin:0 auto}
.p5t{width:69.46%;margin:0 auto;padding-top:13.5%}

.p5t .kf3{width:9.6%;position:absolute;right:27%;top:5.8%}
.p5t .kf4{width:14.86%;position:absolute;right:0;top:20%}

.p5b{position:absolute;left:0;bottom:6%;text-align:center}
.p5b h3{font-size:45px;color:#fff;margin-bottom:15px}
.p5b p{font-size:16px;color:#fff;line-height:30px}


.pro6{background: url(../images/p-bg6.jpg) no-repeat center; background-size: cover; margin-bottom: 0 }

.p6t{text-align:center;width:450px;position:absolute;top:11.97%;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}
.p6t h3{font-size:45px;color:#6b3528;line-height:60px}
.p6t p{font-size:16px;color:#796854;line-height:30px}
.p6b{width:65.625%;position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}


.pro7{background: url(../images/p-bg7.jpg) no-repeat center; background-size: cover; }

.pro7l{width: 32%; position: absolute; left: 21.72%; top: 23.8% }
.pro7l .word{margin-top: 50px;}

.pro7l .word p{font-size:16px;color:#000;line-height:24px;text-align:justify}
.pro7r{width:43.54%;height:36.3%;position:absolute;right:8%;top:3%}
.ren {height:100%;position:absolute;left:0;top:0}
.pro7 a{font-size:12px;color:#102b52;padding-top:30px;background:url(../images/down2.png) no-repeat top center;background-size:15px 13px;position:absolute;left:50%;bottom:20px;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}
.pro7 a:hover{color:#ffc41c}


.pro8{background: url(../images/p-bg8.jpg) no-repeat center; background-size: cover; z-index: 10; }

.pro8l{width: 31.6%; position: absolute; left: 22.18%; top:16.25% }

.pro8l h4{margin:20px 0}
.pro8l span{display:block;width:30px;height:2px;background:#ffc41c;margin:25px auto}
.pro8l p{font-size:16px;color:#666;line-height:24px;text-align:center}

.pro8r{width: 32.7%; position: absolute; right: 15.4%; top:11.45% }

.yz1{width:11.19%;position:absolute;left:0;top:0}
.yz2{width:22.34%;position:absolute;right:0;top:0}
.yz3{width:16.98%;position:absolute;right:0;bottom:0}
.yz4{width:10.1%;position:absolute;left:0;bottom:-5%}


.pro9{background: url(../images/p-bg9.jpg) no-repeat center; background-size: cover; z-index: 9; }

.pro9 .word{width: 28.38%; position: absolute; left:51.3%; top: 30.2% }
.pro9 .word h3{margin-bottom: 50px;}
.pro9 .word p{font-size:16px;color:#666;line-height:24px;text-align:center}


.pro10{background: url(../images/p-bg10.jpg) no-repeat center; background-size: cover; }

.pro10l{width:13.44%;position:absolute;top:34%;left:29.58%}
.pro10 .word{width:25.88%;position:absolute;top:31.25%;right:23.28%}
.pro10 .word h3{margin-bottom:20px}
.pro10 .word p{font-size:16px;color:#ac7a5d;line-height:24px;text-align:center}


.pro11{background: none; overflow: hidden; }

.pro11c{width:39.58%;max-width:760px;height:100%;margin:0 auto;position:relative}
.p11t{padding-top:18.94%}
.p11t h3{margin-bottom:40px}
.p11t p{font-size:16px;color:#666;line-height:24px;text-align:center;max-width:492px;margin:0 auto}
.p11b{position:absolute;bottom:0;z-index:1}

.pro11 .sg{position:absolute;bottom:0;opacity:1;filter:alpha(opacity=0);z-index:-1}
.pro11 .sg1{left:40%;top:80%;-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-ms-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease}
.pro11 .sg2{right:40%;top:80%;-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-ms-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease}
.pro11 .sg3{left:40%;top:80%;-webkit-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-ms-transition:all 1.5s ease;-o-transition:all 1.5s ease;transition:all 1.5s ease}
.pro11 .sg4{right:40%;top:80%;-webkit-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-ms-transition:all 1.5s ease;-o-transition:all 1.5s ease;transition:all 1.5s ease}
.pro11 .sg5{left:40%;top:80%;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.pro11 .sg6{right:40%;top:80%;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}

.pro11.on .sg{bottom: auto; opacity: 1;filter:alpha(opacity=100); z-index: -1; }
.pro11.on .sg1{width:6.25%;position:absolute;left:34%;top:44.79%}
.pro11.on .sg2{width:5.15%;position:absolute;right:36.4%;top:50.1%}
.pro11.on .sg3{width:7.03%;position:absolute;left:23.85%;top:20.62%}
.pro11.on .sg4{width:6.09%;position:absolute;right:24.53%;top:10.41%}
.pro11.on .sg5{width:8.17%;position:absolute;left:0;top:-15%}
.pro11.on .sg6{width:11.4%;position:absolute;right:-3%;top:-10%}


.pro12{background: none;z-index: 10;}

.pro12c{position:relative}
.pro12c .txt{width:16.61%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.pro12c .pd{width:16%;position:absolute;top:-55%;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}


.pro13{overflow: hidden;background: url(../images/p-bg13.jpg) no-repeat center; background-size: cover; margin-bottom: 0; z-index: 11; }

.p13t{width:27.29%;position:absolute;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}
.p13t .p13tl{width:66.98%;margin-top:20px}
.p13t .p13tr{width:33.02%;margin-top:53%}

.p13b{width:27.29%;position:absolute;left:50%;bottom:16%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);text-align:center}
.p13b h3{margin-bottom:20px}
.p13b p{font-size:16px;color:#003;line-height:24px;text-align:center}

.cd1{position:absolute;left:14.58%;top:-10%;width:20.13%}
.cd2{position:absolute;right:28.69%;top:8.33%;width:21.4%}

/* 2017.8.9 */

.nav-skip{font-size: 1.3rem; line-height: 1.9em; display: none; box-sizing: border-box; width: 2.4rem; height: 2.4rem; padding: .5em 0 .4em; text-align: center; text-indent: 2.1875em; position: absolute; right: 20px; top: 50%; margin-top:-1.2rem; cursor: pointer; }
.nav-skip span {position:relative; top:0.4em; margin:0 auto; -webkit-transition-duration:0s; transition-duration:0s; -webkit-transition-delay:0.2s; transition-delay:0.2s;}
.nav-skip span:before,
.nav-skip span:after {position:absolute; content:'';}
.nav-skip span,
.nav-skip span:before,
.nav-skip span:after {width:1.3em; height:2px; background-color:#000; display:block; -webkit-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-delay:0.2s, 0; transition-delay:0.2s, 0;}
.nav-skip span:before {top:-0.4em;}
.nav-skip span:after {top:0.4em;}

.nav-skip.toggled span {background-color:rgba(0,0,0,0.0)!important; -webkit-transition-delay:0s; transition-delay:0s;}
.nav-skip.toggled span:before,
.nav-skip.toggled span:after {top:0; -webkit-transition-delay:0, 0.2s; transition-delay:0, 0.2s;}
.nav-skip.toggled span:before {-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.nav-skip.toggled span:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}


/* 2107.8.28 */

.layout2{max-width:1400px;width:auto;margin:0 auto;clear:both;position:relative}

.abouts1{padding-top:60px;background:url(../images/ad4.jpg) no-repeat top left}

.abs1b{margin-top:70px}
.abs1b li{position:relative;margin-bottom:50px}
.abs1b .word{width:640px}
.abs1b .word h3{font-size:30px;color:#102b52;padding-bottom:35px;background:url(../images/down1.png) no-repeat left bottom;background-size:34px 13px;margin-bottom:50px}
.abs1b .word p{font-size:14px;color:#333;line-height:26px;text-align:justify}
.abs1b a{font-size:12px;color:#102b52;padding-top:30px;background:url(../images/down2.png) no-repeat top center;background-size:15px 13px;position:absolute;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);margin-top:90px}
.abs1b a.ad_left{left:0;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}

.abouts2{position:relative}
.abouts2_con{position:absolute;width:960px;top:200px;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);text-align:center;color:#fff}
.abouts2_con h3{font-size:30px;line-height:35px;text-transform:uppercase}
.abouts2_con h3 i{color:#ffc41c}
.abouts2_con h4{font-size:30px;line-height:45px;padding-bottom:40px;background:url(../images/down1.png) no-repeat bottom center;background-size:34px 13px}
.adout2_conb{margin-top:20px}
.abouts2_con p{font-size:14px;color:#fff;line-height:24px}


/* 2017.9.19 */

.adpro{display:none;position:fixed;top:74px;background:#fff;z-index:100;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; width:10%}

.adpro li{float:none;}
.adpro li i{display:block;width:160px;height:160px;margin:0 auto}
.adpro li p{font-size:14px;color:#666;text-align:center}
.adpro li:hover p{color:#102b52}

.adpro li a{padding: 0}
.adpro li a:after{display: none}

.i1l,
.i1r{float: left; width: 49.9% }
.i1r{float: right;}
.iconb a.play{height: 19.3%}


@media (max-width: 992px){
    .adpro {position: relative; top: auto; left: 0; padding: 0; width:100%}
    .adpro li i{display: none}
}
   
/* media */
@media (max-width: 1720px){
    .layout{padding: 0 10px; }

    .i2b li{width: 31%;margin:0 1%; margin-bottom:7%}

    .video li{width: 31%;margin:0 1% 0}

    .new li{width: 26.2%;margin-left: 10.7%}
    .new li:nth-child(2n){float: left;}
    .new li:nth-child(3n+1){margin-left: 0}


    .new li .pic,
    .new li .word{width: 100%; float: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

    .new li .word{height: auto; padding: 20px; }
    .new li .word p.zhushi{margin-top: 20px;}
 
}



@media (max-width: 1500px){
    .dzl{float: none; width: 100%; }

    .ewm {float: none;display: inline-block;}

    .pro1,
    .pro2,
    .pro3,
    .pro4,
    .pro5,
    .pro6,
    .pro7,
    .pro8,
    .pro9,
    .pro10,
    .pro11,
    .pro13{
        height: 648px;
    }

    .pro5c .p5t{width: 40%;}
}


@media (max-width: 1437px){
    .i3tl, 
    .i3tr {float: none; width: 100%; }

    .lx4 .con input[type=text],
    .lx4 .con textarea{width: 350px;}
    .lx4 .con{padding-left: 10%}
}

@media (max-width: 1300px){
    .i1tl .txt{width: 95%;}
    .i1tl .txt h3{font-size: 24px;}
    .i1tl .txt a{margin-top: 20px}

    .footer dl {margin-left: 30px; }
    .footerr .tel{margin-left: 15px;}

    .ab1t{padding: 20px 0}
    
    .p2l h3{font-size:28px;margin:18px 0}

    .p3r h3{font-size:28px;margin:18px 0}
    .p3r{width:391px; }

    .p6t h3{font-size: 28px;line-height: 40px;}

    /*  */

    .abs1b li{width: 50%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
    .abs1b li.word{padding:0 5% }

    .abouts2_con {position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
}

@media (max-width: 1212px){
    .mbx .ml{width: 65%; }
    .mbx .mr{width:25% ;}

    .mbx li{width: 25%;}
    .mbx li a{width: 100%;}

    .mr input[type=text]{width: 80%; }
    .mr input[type=submit]{width: 20%; }
}

@media (max-width: 1200px){
	.cp_nr{ width:100% !important ; padding:0 0px !important; }
    .i3b li .txt1 i{margin-bottom: 8px;}
    .i3b li .txt1 h4{padding-bottom: 13px;}
    
    .ndesc{padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

    .ndescc,
    .nback{width: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
    
    .ab1b h3,
    .ab1b p{width: auto;padding: 0 20px;}

    .pro1,
    .pro2,
    .pro3,
    .pro4,
    .pro5,
    .pro6,
    .pro7,
    .pro8,
    .pro9,
    .pro10,
    .pro11,
    .pro13{
        height: 548px;
    }

    .pro8l h4 img{max-width: 50%}
    .pro8l h3 img{max-width: 60%}

    .p1l{z-index: 10;}
    .p1l h3{margin: 10px 0}
    .p1l h3 img{max-width: 55%}

    .pro5c .p5t{width: 35%;}
    .p5b h3{font-size: 28px;margin-bottom: 10px;}
    
    /*  */
    .abs1b .word h3{font-size: 24px; padding-bottom: 20px; margin-bottom: 20px; }
    .abs1b .word p{line-height: 24px;}
	.i2b li .cover .cpd{ bottom:-31%; }
	.i2b li{ margin-bottom:8%}
}

@media (min-width:992px){
    .footer dl dd{display: block!important; }
	
}
@media (max-width: 1000px){
  
    .i2b li{width: 48%;margin:0 1%; margin-bottom:7%}
   .i2b li .cover .cpd{ bottom:-12%; padding:5px 0  }
     .i2b li .cover .cpd h5{ font-size:14px }
   .i2b li .cover .cpd p{ display:none }
}
@media (max-width: 992px){
    
    .header {line-height: 60px; height: 60px; }
    .header .logo img{max-width: 60%}
    
    .h{height: 60px;}

    .nav{position: fixed; top: 0; right: 0; /* display: none; */ float: none; width: 270px; background: #fff; z-index: 102; padding: 60px 3%; height: 100%; }
    .nav ul{float:none;display:block;/* width:100%; */min-height: 100%;overflow-x: hidden;}
    .nav .link,.nav li{float:none;margin-left:0}
    .nav li a{text-align:center}
    .nav .link a{width:50%;padding:0}
    .nav-skip{display:block}
    .nav li a:after{content:'';width:0;height:2px;background:#ffc41c;position:absolute;left:50%;bottom:0;transition:all .2s ease}
    
    .nav-bg{position: fixed; z-index: 101; top: 0; right: 0; bottom: 0; left: 0; display: none; background: rgba(0, 0, 0, .5); }
    .nav.close-nav{-webkit-transition: -webkit-transform 430ms cubic-bezier(.3, 0, 0, 1); transition:         transform 430ms cubic-bezier(.3, 0, 0, 1); -webkit-transform: translate(600px, 0); transform: translate(600px, 0); }
    .nav.open-nav{-webkit-transition: -webkit-transform 430ms cubic-bezier(.3, 0, 0, 1); transition:         transform 430ms cubic-bezier(.3, 0, 0, 1); -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; }
    .nav-skip.toggled{z-index: 102;}

    .footerl .flogo,
    .footer dl,
    .footerl,
    .footerr{float: none; width: 100%; }

    .footerl .flogo img{display: block; margin: 0 auto;margin-bottom: 20px;}

    .footer dl{margin:0; }
    .footer dt{margin: 0;line-height: 40px;border-bottom: 1px solid }
    .footer dt:after{content: '+'; width: 0; height: auto; background: none; position: absolute; bottom: 0; left:auto; right: 10px; }
    .footer dt.on:after{content: '-'; }
    .footer dl dd{display: none }
    
    .footerr{margin-top: 20px; }
    .footerr .tel{margin: 0; width: 50%; text-align: center;}
    .footerr .tel h5{display: inline-block; }
    .footerr .tel a{margin: 0 auto }
	.footerr .tel:nth-child(3){ width:100%; background:none; margin-top:20px;}
.footerr .tel:nth-child(3) img{ width:50%;}
.ewm{ display:none}
    .cl,
    .cr{float: none; width: 100%; text-align: center; }
    .cr ul{display: inline-block;}

    .index2{padding: 30px 0}
    
    .i3tl,
    .i3tr,
    .i3tr .images>div{height: 260px!important}
    .i3tl .txt i{margin-bottom: 0}
    .i3tl .txt i img{max-width: 65%}
    .i3tl .txt h2,
    .i3tl .txt h3{font-size: 26px}
    .i3tl .txt a{margin-top: 20px;}

    .page{text-align: center;}

    .banner1{height: 346px}

    .new li {width: 48.5%; margin-left: 0; margin-top: 20px; }
    .new li:nth-child(2n){float: right;}
    
    .lx1 .wordt h3{font-size: 24px; }
    .lx1 .wordt span{margin-top: 20px;}

    .ab1{background: #fcfcfc}

    .ab2b li .words{padding: 20px }
    .ab2b h3{font-size: 22px;line-height: 30px;margin: 10px 0;}
    
    .pro1,
    .pro2,
    .pro3,
    .pro4,
    .pro5,
    .pro6,
    .pro7,
    .pro8,
    .pro9,
    .pro10,
    .pro11,
    .pro13{
        height: 448px;
    }

    .p1l{width:40%;left: 10%;top: 5%}
    .p1l i img{max-width: 20%}
    .p1l h3 img{max-width: 30%}
    

    .p2l{width:37%;z-index:10}
    .p2l p{font-size:12px;line-height:24px;text-align: justify;}
    .p2r{width:45%}
    
    .p3l{width:45%;left: 11.5%}
    .p3r{width:40%;right: 10.5%;}
    .p3r p{font-size:12px;line-height:24px;text-align: justify;}
    
    .p4l{width: 40%;left: 8%;z-index: 10;}
    .p4l h3{font-size:28px;margin:10px 0}
    .p4l p{font-size:12px;line-height:24px;text-align: justify;}
    .p4r{top: 32%}

    .pro5c .p5t{padding-top: 5.5%}
    .p5b p{font-size: 12px;line-height: 24px;}
    
    .pro7l{width: 40%; left: 10%; top:20%; z-index: 10; }
    .pro7l img{max-width: 55%;margin: 0;}
    .pro7l .word{margin-top: 20px;}
    .pro7l .word p{font-size: 12px;}
    
    .pro8l{width: 40%;left: 15%;z-index: 10;}
    .pro8l h4 img{max-width: 40%}
    .pro8l h3 img{max-width: 50%}

    .pro8l h4{margin: 5px 0}
    .pro8l span{margin: 10px auto;}
    .pro8l p{font-size: 12px;}


    .abouts1{background: none}

    .abouts2_con {width: 90%; }

    .abouts2_con h3,
    .abouts2_con h4 {font-size: 20px; line-height: 22px; }
    .abouts2_con h4{padding-bottom: 20px}
    .abouts2_con p{line-height: 18px;}

}

@media (max-width: 960px){
    .i1l, 
    .i1r {float: none; width: 100%;  }
	.i1r { display:none }
    .i1l a.titles{font-size: 14px;right: 15px;top:15px;}
    
    .i3b li{width: 50%;}
    .i3b li:nth-child(1):hover:before, 
    .i3b li:nth-child(3):hover:before{display: none}
    
    .mbx li.m1 a i,
    .mbx li.m2 a i,
    .mbx li.m3 a i,
    .mbx li.m4 a i,
    .mbx li.m5 a i{padding-left: 0;background: none}

    .lx li{width: 100%;float: none;}
    .lx li:nth-child(2n){float: none;width: 100%;}

    .lx li:nth-child(1){height: auto; padding-bottom: 10px;}
    .lx1 .word{padding-top: 5%}

    .lx li:nth-child(2),
    .lx li:nth-child(3){height: 625px;}
    .lx li:nth-child(4){height: auto; padding-bottom: 10px;}

    .lx4 .con input[type=text], 
    .lx4 .con textarea{width: 80%; }
    
    .zg1,
    .gz2b{width: 100%; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
    
    .ab3bl, 
    .ab3br{width: 100%; float: none;}

}  

@media (max-width: 850px){
    .abs1b li{width: 100%!important; height: auto!important; margin-bottom: 20px; }

    .abouts2>img{display: none}

    .abouts2{padding: 20px 0;background: url(../images/ad3.jpg) no-repeat center;background-size: cover}
    .abouts2 .abouts2_con{left:auto;margin: 0 auto;position: relative;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
	
}   


@media (max-width: 768px){
	
    .video li{width: 100%;float: none;margin-left: 0}

    .footer{padding: 30px 0 15px}

    .banner1{height: 246px}
    .banner1 .word h3,
    .banner1 .word h4{font-size: 24px;line-height: 30px;}
    .banner1 .word span{margin-top: 20px;}
    
    .mbx{padding: 20px 0}
    .mbx .ml,
    .mbx .mr{float: none; width: 100%; }

    .mbx li a,
    .mbx li a i{font-size: 14px; line-height: 40px; height: 40px; }

    .mbx .mr{margin-top: 15px;height: 36px;}

    .mr input[type=text]{width: 90%;height: 36px;line-height: 36px;}
    .mr input[type=submit]{width: 10%;height:36px;}
    
    .newd{padding: 30px 0}
    .ndesct,
    .ndescc,
    .ndescb{padding: 20px 0;}
    .ndescc img{margin: 20px 0}

    .lx li:nth-child(2),
    .lx li:nth-child(3){height: 525px;}
    
    .zg1b{margin-top: 10px;}
    .zgt h4{font-size: 18px;line-height: 24px;}
    .zgt h3{font-size: 20px;line-height: 32px;}

    .zg1b h3{font-size: 20px;line-height: 32px;}
    .zg3 .zgt{padding: 25px 0}

    .ab1b h3{font-size: 18px;line-height: 26px;margin-bottom: 10px;}
    .ab1b p{text-align: justify;}

    .pro1,
    .pro2,
    .pro3,
    .pro4,
    .pro5,
    .pro6,
    .pro7,
    .pro8,
    .pro9,
    .pro10,
    .pro11,
    .pro13{
        height: 348px;
    }

    .p13b{width:50%;bottom:6%}
    .p13b h3{margin-bottom:10px}
    .p13b h3 img{max-width:55%}
    .p13b p{font-size:12px;text-align:justify}
    
    .p1l p{font-size: 12px;line-height: 24px;}

    .p4l,
    .p4r{top: 25%}
    .p4r img.name{max-width: 50%}

    .p5t .name{max-width: 40%; margin: 0 auto; }
    .p5t .pso{max-width: 60%; margin: 0 auto; }
    .p5b{width: 75%; left: 50%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); }
    .p5b h3{font-size: 18px; }
    .p5b p{font-size: 12px; line-height: 18px; }

    .p6t{width: 80%;z-index: 10;top:5%;margin: 0 auto;}
    .p6t h4 img{max-width: 15%}
    .p6t h3{font-size: 18px;}
    .p6t p{font-size: 12px;line-height: 24px;}

    .pro9 .word{width: 30%; }
    .pro9 .word h3{margin-bottom: 10px; }
    .pro9 .word h3 img{max-width: 50%}
    .pro9 .word p{font-size: 12px;text-align: justify;line-height: 18px;}
	.i2b li .cover .cpd {
    bottom: -18%;
}
.i2b li {
   margin-bottom:10%;
}

.products_text h2{ font-size:35px !important;}
.products_text span{ font-size:35px !important; }
} 
.ew{ background:#FFF; padding: 5px 10px; border-radius:5px}
@media (max-width: 760px){
    .pro11c{width:100%}
    .p11t{padding-top:3%}
    .p11t h3 img{max-width:55%}
    .p11t p{font-size:12px;padding:0 20px}
    .p11b img{max-width:55%}
    .pro12c .pd{top:-40%}
	
}

@media (max-width: 740px){
    .pro5c{width: 100%;}
}

@media (max-width: 680px){
    .anav{width:50%;margin: 0 auto;}
    .anav a{margin-bottom: 10px; font-size: 14px; }

    .nbackr,
    .nbackl{float: none; width: 100%; }
    .nbackr a{height: 36px; line-height: 36px; }

    .p2l{width:63%;}
    .p2l h4 img{max-width: 50%}
    .p2l h3{font-size:18px;margin:10px 0}
    .p2r{width:45%}
}

@media (max-width: 640px){
    .zg3b li{width: 100%; float: none; border-bottom:1px solid #ececec; height: auto }
    .zg3b li:nth-child(2){border: none; border-bottom:1px solid #ececec;}
    .zg3b li .cons{padding: 30px 40px;width: 100%;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
    .zg3b li i{width:53.5px;height:53.5px;margin-bottom: 20px;}
    .zg3b li i.z1,
    .zg3b li i.z2,
    .zg3b li i.z3,
    .zg3b li i.z1:hover,
    .zg3b li i.z2:hover,
    .zg3b li i.z3:hover{background-size: 45% }
    
    .mbx1{padding: 20px 0}
    .mbx1 .ml ul{width: 100%;}
    .mbx1 li{width: 33.333%;}
    .mbx1 li a{width: 100%; }

    .ab2b li{width: 100%;float: none;}
    .ab2b li:nth-child(2) .word{border-left: none; border-right: none; }

    .banner .swiper-pagination {bottom: 8px; } 
    .banner .swiper-pagination-bullet {width: 8px; height: 8px; }

    .pro1,
    .pro2,
    .pro3,
    .pro4,
    .pro5,
    .pro6,
    .pro7,
    .pro8,
    .pro9,
    .pro10,
    .pro11,
    .pro13{
        height: 248px;
    }

    .p1l{width: 80%;top:3%;left: 50%;
        transform: translate(-50%,0);
    }

    .p1l i img{max-width: 10%}
    .p1l h3 img{max-width: 10%}
    .p1l p{line-height: 18px;}
    .pro1 a{padding-top: 18px;bottom: 10px;}


    .p1r{right: 0;width: 27.5%;top:auto;bottom:-8%;}


    .p2r {display: none}
    
    .p3l{width:40%;left: 11.5%}
    .p3r{width:40%;right: 10.5%;top:15.5%;}
    .p3r h4 img{max-width: 55%}
    .p3r h3{font-size:18px;margin:10px 0}

    .p4l, 
    .p4r {top: 12%;}
    .p4l{width: 80%; left: 50%; -webkit-transform:translate(-50%,0); transform:translate(-50%,0); }
    .p4l h4 img{max-width: 20%}
    .p4l h3{font-size: 18px;}
    .p4r{display: none}

    .p5t .pso,
    .p5t .name{display: none}
    .p5b{bottom:auto;top:50%;-webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

    .pro7l{width: 80%;top:11%;}
    .pro7l img{max-width: 36%;margin: 0;}
    /* .pro7r{width: 32%;top: 40%} */
    .pro7 a{padding-top: 18px;}
    
    .pro7r{display: none}

    .pro8l{width: 80%;left: 50%;top: 10%; -webkit-transform:translate(-50%,0); transform:translate(-50%,0); }
    .pro8l h5 img{max-width: 18%}
    .pro8l h4 img{max-width: 22%}
    .pro8l h3 img{max-width: 25%}

    .pro8r{width: 32%;display: none}

    .pro9 .word{top:10%;width: 50%;left: 40%}

    .pro10 .word{width: 40%; right: 12%; top: 22%; z-index: 10; }
    .pro10 .word h3{margin-bottom: 10px;}
    .pro10 .word h3 img{max-width: 50% }
    .pro10 .word p{font-size: 12px; text-align: justify; }
	.i2b li .cover .cpd {
    bottom: -19%;
}
.i2b li  {
    margin-bottom:10%;
}
}

@media (max-width: 560px){
    .cr li a{padding: 0 8px}
    
    .new li{width: 100%;float: none;}
    .new li .pic img{width: 100%;}
    .new li:nth-child(2n){float: none;}

    .lx1 .word{padding: 20px; }
    .lx1 .wordt h3{font-size: 20px;}
    .lx1 .wordt small{font-size: 12px;}
    .lx1 .wordt span{margin-top: 10px;}
    .lx1 .wordb p{line-height: 24px;}

    .lx li:nth-child(2),
    .lx li:nth-child(3){height: 425px;}

    .lx4 .con h3{font-size: 20px; margin-bottom: 10px; }

    .lx4 .con p{margin-bottom: 10px;}
    .lx4 .con input[type=text]{height: 35px; line-height: 35px; }
    .lx4 .con span{ line-height: 35px}
    .lx4 .con input[type=submit] {height: 45px; line-height:45px; }
}

@media (max-width: 540px){
    .i2t{margin-bottom: 20px;}
    .i2t h4{font-size: 16px;line-height: 26px;}
    .i2t h3{font-size: 20px;line-height: 30px;}
    .i2b li{margin-bottom: 12%;}
	 .i2b li .cover .cpd{ bottom:-23%}

    .p13b{width:80%;}
}

@media (max-width: 520px){
    .pro10l{width: 18%; left: 25% }

    .p3l{width: 30%;left: 5.5%;top: 40.89%;}
    .p3r{width: 50%;}

    .p4r {top: 40%;}
}

@media (max-width: 496px){
    .i1tl, 
    .i1tr {float: none; width: 100%; }
    .iconb .txt{bottom: 10px;width: 80%;}
    .iconb .txt h5,
    .iconb .txt a{line-height: 20px;}
	 .i2b li{margin-bottom: 16%;}
	 .i2b li .cover .cpd{ bottom:-29%}
}

@media (max-width: 480px){
    .nav li a{line-height: 45px;}

    .nav li.on a:after,
    .nav li a:hover:after{width: 0; }

    .nav li.on a,
    .nav li a:hover{background: #ffc41c; color: #fff; }
    
   /* 2017.9.18 */
    .adpro li{padding:0}
    .nav li .adpro a{background:0 0; color:#333}
    .nav li .adpro a:hover{width:100%;background:#ffc41c}
    .nav li .adpro a:hover p{color:#fff}


    .cr li{float: none;display: inline-block;}
    .cr li.link{text-align: center;width: 100%;display: block;}
    .cr li.link a{display: inline-block;float: none;}

    .i3b li{width: 100%;float: none;}
.i3b li .img{ display:none}
    .ndesct h3{font-size: 20px;line-height: 36px;}
    .ndesct .bdsharebuttonbox{float: none; display: inline-block; vertical-align: top; }

    .lx4 .con{padding: 20px;}
    .lx4 .con small{margin-left: 0;line-height: 1}

    .gz2 .shows .slick-dots li{margin-right: 8px}

    .mbx1 li a{line-height: 35px;}
    .mbx1 li.m1 a i,
    .mbx1 li.m2 a i,
    .mbx1 li.m3 a i{padding-left: 0; background: none; height: 35px; line-height: 35px; }

    .ab3br{padding: 20px 0}
    .adshow .slick-prev{left: 20px;}
    .adshow .slick-next{right: 20px;}
    .ab3br p{width: 80%;margin: 0 auto;}

    .anav a {height: 40px; line-height: 40px; margin-bottom: 10px; }
    
    .p1r{width: 30%;}
    .pro8r{top: 35%}

    /* .p2l{left: 9.5%;top:9.5%;}
    .p2r{width: 53%;top: 10%} */
    
    .pro5c .p5t{width: auto;}
    .p5t .name{max-width: 20%; }
    .p5t .pso{max-width: 40%;}
  
}

@media (max-width: 420px){
    .i1l .txt i{margin-bottom: 0}
    .i1l .txt i img{max-width: 70%}
    .i1l .txt h2,
    .i1l .txt h3{font-size: 20px;line-height: 28px;}
    .i1l .txt a{width: 132px; height: 40px; line-height: 40px; }
    
    .backtop{line-height: 50px;}
    .backtop a{font-size: 14px;}
    
    .footerl .flogo img{max-width: 100%}
    .footerr .tel{margin: 0; text-align: center;margin-bottom: 15px;}
    .footerr .tel h5{font-size: 12px;}
    .footerr .tel h3{font-size: 18px;}
    .footerr .tel a{width: 120px;height: 40px;line-height: 40px;}
    
    .footerr .tel a:hover:hover:before{border-width: 40px 0 0 120px; }
    .footerr .tel a:hover:hover:after{border-width: 0 120px 40px 0;}

    .mbx li a i{font-size: 12px;}

    .pages a{width: 38px;}

    .p3l{left: 2.5%;top:55%;}
    .p3r{width:63%;right: 5.5%;}
    .p3r h4 img{max-width: 55%}
    .p3r h3{font-size:18px;margin:10px 0}
}

@media (max-width: 400px){
    .pro10l{width: 20%; left: 17%;top:45%; }
    /* .p1r{width: 50%;} */
}

@media (max-width: 380px){
    .p2r{top: 20%}
    /* .p3l{top:41%;} */
    .p4r {top: 60%;}
	 .i2b li{margin-bottom: 19%;}
	 .i2b li .cover .cpd{ bottom:-38%}
}	

.prdoucts_img{ text-align:center}
.products_text{ text-align:center; margin:35px 0;}
.products_text h2{ font-size:60px; font-weight:bold; color:#FFC419}
.products_text span{  font-size:50px; color:#999; height:60px; display:block ; overflow:hidden}

.cp_gs{ width:100%; background:url(../images/index4_3.jpg) repeat-x; height:52px;}
.cp_gs .cp_gshe{  color:#FFF; line-height:52px; width:198px; text-align:center; font-size:18px; content:""; background:url(../images/mbx-bg.jpg) no-repeat; display:block  }



.cp_nr{ padding: 0 10px; width:1200px; margin:0 auto}
.cp_gstext{ line-height:30px; font-size:16px; color:#4f4f4f; padding:30px 15px; border:1px dotted #999; margin-bottom:50px; border-radius:0 0 15px 15px; border-top:none; overflow:hidden}

.ew{ background:#FFF; padding: 5px 10px; border-radius:5px}
.ewm{ text-align:center; font-size:18px; color:#3f3c3c; margin-top:6px;}
.copyright p a{ color:#333}
.copyright p a:hover{ color:#102b52}