@charset "utf-8";

body,div,td,th,input,textarea,select{font-family: "Microsoft YaHei", 微软雅黑, "Open Sans", Economica, sans-serif; color:#777177; outline:none; letter-spacing:0.05rem;}
html,body{background:#fff; height:100%; font-size:62.5%;}
html,body,form{margin:0;}
img{border:0px none; vertical-align:middle; outline:none; width:auto; max-width:100%; height:auto;}
ul,dl{display:block; margin:0; padding:0;}
dd{margin:0; padding:0;}
li{list-style:none;}
p{display:block; margin:0; padding:0;}
a{text-decoration:none; color:#777177; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
a:hover{color:#ee1c25;}
.wrap{width:1220px; margin:auto;}
.block{padding:0 50px; overflow:hidden;}
.wrap:after,.block:after,.after:after{clear:both; float:none; content:''; display:block; height:0; visibility:hidden;}
div:after,ul:after{content:''; display:block; height:0; font-size:0; overflow:hidden; clear:both; float:none;}
.searHeight{font-style:normal; color:#d8282a !important;}
.white{color:#fff !important;}
.clear{display:block; margin:0; padding:0; clear:both; float:none; min-height:30px;}

@media (max-width:1080px){
  .hidden-s{display:none !important;}
}
#head{width:100%; height:75px; background:rgba(27,39,48,.8); position:fixed; left:0; top:0; z-index:9999;-moz-transition: ease-in-out 0.1s;-webkit-transition: ease-in-out 0.1s;-o-transition: ease-in-out 0.1s;-ms-transition: ease-in-out 0.1s;transition: ease-in-out 0.1s;}
#head.small .lan>a{height:55px;line-height: 55px;margin-top: 0px;-moz-transition: ease-in-out 0.1s;-webkit-transition: ease-in-out 0.1s;-o-transition: ease-in-out 0.1s;-ms-transition: ease-in-out 0.1s;transition: ease-in-out 0.1s;}
#head.small{height:56px;}
#logo{height:100%; width:380px; background:#ee1c25; text-align:center; line-height:64px; float:left;-moz-transition: ease-in-out 0.1s;-webkit-transition: ease-in-out 0.1s;-o-transition: ease-in-out 0.1s;-ms-transition: ease-in-out 0.1s;transition: ease-in-out 0.1s;}
#head.small #logo{line-height:50px; width: 350px;}
#logo img{height:52px;margin-top: 6px;-moz-transition: ease-in-out 0.1s;-webkit-transition: ease-in-out 0.1s;-o-transition: ease-in-out 0.1s;-ms-transition: ease-in-out 0.1s;transition: ease-in-out 0.1s;}
.small #logo img {max-width: initial;height: 46px;margin-top: 0px;-moz-transition: ease-in-out 0.1s;-webkit-transition: ease-in-out 0.1s;-o-transition: ease-in-out 0.1s;-ms-transition: ease-in-out 0.1s;transition: ease-in-out 0.1s;}


#menu{width:650px; height:100%; float:left; margin-left:20px;}
#menu>li{float:left; height:100%; display:table;}
#menu>li>a{display:block; height:100%; display:table-cell; vertical-align:middle; color:#fff; font-size:1.8rem; padding:0 20px; position:relative; transition:all .2s;}
#menu>li>a:after{content:''; display:block; width:0; height:2px; background:#5d92fe; position:absolute; left:50%; bottom:16px; margin-left:0; transition:all .25s; opacity:0;}
#head.small #menu>li>a:after{bottom:0;}
#menu>li>a:hover{color:#5d92fe;}
#menu>li>a:hover:after{width:80%; margin-left:-40%; opacity:1;}

#head .right{width:266px; height:100%; float:right; position:relative;}

#nav{display:block; width:75px; height:75px; float:right; text-align:center; line-height:70px; background:rgba(0,0,0,.4);font-size:0; position:relative;-moz-transition: ease-in-out 0.1s;-webkit-transition: ease-in-out 0.1s;-o-transition: ease-in-out 0.1s;-ms-transition: ease-in-out 0.1s;transition: ease-in-out 0.1s;}
#head.small #nav{height:56px; line-height:50px;}
#nav:hover{background:#000;}
#nav>span{display:block; width:30px; height:3px; background:#fff; position:absolute; left:50%; top:50%; margin:-2px auto auto -15px; transition:background 0s .3s;}
#nav>span:before{content:''; display:block; position:absolute; left:0; top:-8px; width:100%; height:3px; background:#fff; transition:top .3s .3s, transform .3s;}
#nav>span:after{content:''; display:block; position:absolute; left:0; top:8px; width:100%; height:3px; background:#fff; transition:top .3s .3s, transform .3s;}
#nav.active{background:#991a1a;}
#nav.active>span{background:none;}
#nav.active>span:before{top:0; transform:rotate(45deg); transition:top .3s 0s, transform .3s .3s;}
#nav.active>span:after{top:0; transform:rotate(-45deg); transition:top .3s 0s, transform .3s .3s;}

#lan{float:right; height:75px; line-height:73px; display:block; width:165px; color:#fff; font-size:1.8rem; transition:all .25s;}
#head.small #lan{height:56px; line-height:54px;}
#lan .world{width:32px; height:32px; margin-right:12px;}
#lan .down{width:12px; height:12px; margin-left:8px; margin-top:-2px; transition:transform .3s;}
#lan .down.active{transform:rotate(180deg);}
#head .lan{width:190px; transition:top .25s;}
#head.small .lan{top:57px;}
#head .lan>a{display:block; width:100%; background:rgba(0,0,0,.8);height: 75px;line-height: 75px; vertical-align:middle; font-size:1.7rem; color:#fff; font-weight:300;margin-top: 0px;-moz-transition: ease-in-out 0.1s;-webkit-transition: ease-in-out 0.1s;-o-transition: ease-in-out 0.1s;-ms-transition: ease-in-out 0.1s;transition: ease-in-out 0.1s;}
#head .lan>a img {height: 28px;margin: -3px 10px 0 13px;}
#head .lan>a:hover{background:#ee1c25;}

#sub{position:absolute; top:75px; width:0; height:460px; background:#fff; right:0; box-shadow:0 16px 30px rgba(0,0,0,.07); transition:top .25s, width .7s;}
#sub.open{width:1080px;}
#head.small #sub{top:56px;}
#sub:before{content:''; display:block; width:100%; height:1px; background:#e8e8e8; position:absolute; left:0; top:106px;}
#sub .container{padding:50px 60px; width:1080px; box-sizing:border-box;}
#sub .container dl{float:left; margin-right:80px;}
#sub .container dl:last-child{margin-right:0;}
#sub .container dt>a{display:block; font-size:2rem; color:#ee1c25; padding:10px;}
#sub .container dt>a img{height:36px; margin:-2px 10px 0 0;}
#sub .container dt{margin-bottom:30px;}
#sub .container dt>a:hover{color:#333;}
#sub .container dd>a{display:block; font-size:1.7rem; font-weight:300; padding:8px 10px 8px 55px; background:url('../images/ico.arr.sub.png') no-repeat 26px center; background-size:16px; transition:all .2s;}
#sub .container dd>a:hover{background-position:32px center;}
#sub .close{height:66px; position:absolute; left:0; bottom:0; display:table; width:1080px; box-sizing:border-box;}
#sub .close>a{width:100%; background:#ee1c25; display:block; height:100%; display:table-cell; vertical-align:middle; text-align:center; color:#fff; font-size:2rem; font-weight:300; transition:all .3s;}
#sub .close>a img{height:32px; margin:-2px 10px 0 0;}
#sub .close>a:hover{background:#991a1a;}

@media (max-width:1500px){
  #head .lan{display:none !important;}
  #head .right {width: 80px;}
}

#banner{width:100%; height:100%; min-height:720px; position:relative; z-index:1;}
#banner .swiper-container{height:100%; height:100%;}
#banner .swiper-slide{position:relative; z-index:1; overflow:hidden; background-size:cover; background-position:center;}
#banner .swiper-slide img{max-width:none;}
#banner .swiper-slide div{position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; display:table;}
#banner .swiper-slide div>p{color:#fff; font-size:10.8rem; font-weight:300; display:table-cell; vertical-align:middle; padding-left:9.375%; line-height:1.1;}
#banner .swiper-button-next, #banner .swiper-button-prev{z-index:3;top: 51%;}
#banner .swiper-button-prev{
  left:4.125%;
  width:46px; height:46px;
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAACWklEQVR4Xu3c7U0DMQwGYL8TABvABMAGMAEwAXQDRoARmIAyAWwAG8AIsEE3MLKUShVq4S7Ox+uI/Gml5q6Xp076w5YhwYeq7ovItYiciYi9/xSRJwBvJZaGEjfpdQ9VPRGRZxE53PIMSwAL77OFBUo4rylqdjncA7jzIIUEmohjLisROQJgr1kjHNAMnDXIuec8CgWUgWNIVwBessJHRMIAZeKYyymAj6GBHDhfALb9w032oo8gB44huM4fuwE1kBNnAWA5OVR2TKQFYsChjSAWHEogJhw6IDYcKiBGHBogVhwKIGac7kDsOF2BIuB0A4qC0wUoEk5zoGg4TYEi4jQDiorTBCgyTnWg6DhVgUbAqQY0Ck4VoJFwigONhlMUaEScYkCj4hQBUlVLzL3/UWWxK/tSJDXjTe38dr077aOqVoJixUtzBz2OO4LS1rLomTtC4JQAuhGRx5k6YXD+gSb8sq4z6H+LTRBWVStOupgw9eeUEFvNFUG24lSGa6W3eyMiuYESkpXjWl3ycEhFgEZGKgY0KlJRoBGRigONhlQFaCSkakCjIFUFGgGpOlB0pCZAkZGaAUVFagoUEak5UDSkLkCRkLoBRUHqChQBqTsQOxIFEDMSDRArEhUQIxIdEBsSJRATEi0QCxI1UAEkV9cFd24+I1GYdUlKcefk3VYADrK+NF1EH0HrxTmQXM0FwgA5tpurh1AooEwkV5FEOKAMJGuwZMUVWSMk0AykBwC3WTLRDulti0wVtlafdLzlc+uEZyWCrhE2gjZXraoGcbnRJtA64BVpE/gNG+9rWE2fHK0AAAAASUVORK5CYII=') no-repeat center center; background-size:100%; margin-top:-22px;
}
#banner .swiper-button-next{
   right:4.125%;
   width:46px; height:46px;
   background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjJJREFUeNrs3O1xwjAMBmCbCdigjMAI6QbdoHSTrtAJoBuwAYyQDWCD0glcmYaWHy1JLMd6JaM7n/MjH+fn7HzYuvgQgksN7/3PNp2noeqZyoLKicqeyjvtc3LCwWnj+eDUcnWOdfg7DlSWCEDJbeQCUf0abseHNBKnjZ7V/ZybUzl09a2Iw+yRhlurbYjNmNdeDsC5QO4QhltpoPnIfdUhcYGOCaCqkDz3MU/HR6SHkYcWvSdJ3oNirBKHpoqexAaiXhBfCF/MIuV4UezOswppMfl7kuiLogYkGCBUJCggRCQ4IDQkSCAkJFggFCRoIAQkeCBpJBVAkkhqgKSQVAFJIKkDKo2kEqgkklqgUkiqgUogqQeaGskE0JRIZoCmQjIFNAWSOaDcSCaBciKZBcqAtDAPxETaVQHERFpy2jhzSsJ7v0lcwWVNtqkBUrs2X3KIUbVOOLTlXtjyTXrLbSM7Pwi453xSWcQ0ZOn8IFScJkuOtsFPjZP5T42cOPfpjh6c+4RZD859yrUHp/ZJ+16cmpd9BuHUunA4GKfGpedROLUlL4zGqSn9JQlHFZAEjhogKRwVQJI48EDSONBACDiwQCg4kEBIOHBAaDhQQIg4MECoOBBAyDjiQFQ/IeOILxzGPBw37hcV1+tWtn8sEL5/qgSNI5280FjGyQF0tIyTA2hvGYcNRA2OPejNKk625AXa3vzzKG8vmaZa25gtP6h7oq3c728Ct11eIUQnSI0vAQYA8KH0YrmxKmAAAAAASUVORK5CYII=') no-repeat center center; background-size:100%; margin-top:-22px;
 }
#banner .swiper-button-next:hover, #banner .swiper-button-prev:hover{opacity:.6;}

#m1>a, #m2>a{display:block; float:left; width:50%;}
#m1 .txt, #m1 .img, #m2 .txt, #m2 .img{width:50%; float:left; height:400px; box-sizing:border-box; position:relative;}
#m1 .img, #m2 .img{background-repeat:none; background-position:center center; background-size:cover;}
#m2 .img{float:left;}
#m1 .txt{background:#5a646f; padding:70px 50px; color:#fff;}
#m2 .txt{background:#1a4499; padding:70px 50px; color:#fff;}
#m2 .txt{float:right;}
#m1 .txt .tit, #m2 .txt .tit{font-size:4.2rem;}
#m1 .txt .con, #m2 .txt .con{font-size:1.6rem; line-height:1.6; margin-top:20px; font-weight:300;}
#m1 .txt .more, #m2 .txt .more{position:absolute; right:50px; bottom:50px; font-size:1.8rem;}
#m1 .txt .more>span, #m2 .txt .more>span{display:inline-block; width:35px; height:35px; content:''; background:url('img/ico.more.png') no-repeat center center; background-size:35px; vertical-align:middle; margin:-5px 0 0 16px; transition:margin .3s;}
#m1>a:hover .txt .tit, #m1>a:hover .txt .con, #m2>a:hover .txt .tit, #m2>a:hover .txt .con{color:#78b9ff;}
#m1>a:hover .txt .more>span, #m2>a:hover .txt .more>span{margin:-5px 0 0 10px;}
#m1 .img:after, #m2 .img:after{content:''; display:block; width:0; height:0; background:#1a4499; position:absolute; left:50%; top:50%; opacity:0.6; transition:all .35s;}
#m1>a:hover .img:after, #m2>a:hover .img:after{width:100%; height:100%; left:0; top:0;}

@media (max-width:1440px){
  #m1 .txt, #m1 .img, #m2 .txt, #m2 .img{height:360px;}
}
@media (max-width:1280px){
  #banner .swiper-slide div>p{font-size:9.6rem;}
  #m1 .txt, #m1 .img, #m2 .txt, #m2 .img{height:320px;}
  #m1 .txt{padding:50px 40px;}
  #m2 .txt{padding:50px 40px;}
}
@media (max-width:1080px){
  #head{height:68px;}
  #menu{display:none;}
  #logo{width:130px; line-height:60px;}
  #logo img{height:26px;}

  #lan{height:68px; line-height:66px; width:130px; font-size:1.5rem;}
  #lan .world{width:24px; height:24px; margin-right:10px;}
  #head .lan{position:absolute; left:19px; top:69px; width:154px; transition:top .25s; display:none;}
  #head .lan>a{height:48px; line-height:46px; font-size:1.5rem;}
  #head .lan>a img{height:24px; margin:-2px 10px 0 23px;}

  #nav{width:68px; height:68px; line-height:66px;}
  #nav>span{width:24px; margin:-2px auto auto -12px; height:2px;}
  #nav>span:before{top:-6px; height:2px;}
  #nav>span:after{top:6px; height:2px;}

  #m1>a, #m2>a{width:100%;}
  #m1>a .img, #m1>a .txt, #m2>a .img, #m2>a .txt{width:100%; height:280px; position:relative;}
  #m1>a .txt .tit, #m2>a .txt .tit{font-size:3.6rem;}
  #m1>a .txt .con, #m2>a .txt .con{font-size:1.5rem;}
  #m1 .txt .more, #m2 .txt .more{font-size:1.6rem;}
  #m1 .txt .more>span, #m2 .txt .more>span{width:32px; height:32px; background-size:32px;}
  #m1 .img:before{position:absolute; width:42px; height:42px; background:#5a646f; content:''; display:block; right:50px; top:-24px; transform:rotate(45deg);}
  #m2 .img:before{position:absolute; width:42px; height:42px; background:#1a4499; content:''; display:block; right:50px; top:-24px; transform:rotate(45deg);}

  #sub{top:68px; width:100%; position:fixed; right:-100%; height:auto; transition:right .5s;}
  #sub.open{width:100%; height:auto; right:0;}
  #sub:before{display:none;}
  #sub .container dl{width:100%; float:none; margin-right:0;}
  #sub .close{height:60px; position:relative; display:table; width:100%;}
  #sub .container{padding:30px 40px 50px 40px; width:100%;}
  #sub .container dl dt{border-bottom:1px solid #e8e8e8; position:relative;}
  #sub .container dl dt span{background:url('img/ico.down.blue.png') no-repeat; width:24px; height:24px; background-size:100%; content:''; display:block; position:absolute; right:0; top:12px; padding:10px; background-origin:content-box; transition:transform .3s;}
  #sub .container dl dt span.up{transform:rotate(180deg);}
  #sub .container dl dt a{font-size:1.8rem; padding-top:18px; padding-bottom:18px;}
  #sub .container dl dd{display:none;}
  #sub .container dl dd:nth-of-type(1){margin-top:16px;}
  #sub .container dt>a img{height:32px;}
  #sub .container dt{margin-bottom:0;}
  #sub .close>a{font-size:1.8rem;}

  #banner{height:65%; min-height:auto;}
  #banner .swiper-slide div>p{font-size:4.2rem; padding:0 60px;}
  #banner .swiper-button-next, #banner .swiper-button-prev{width:36px; height:36px;}
}

#m3{ margin-bottom: 50px; box-sizing:border-box; padding:0 108px 0 108px;background-origin:content-box; border:1px solid transparent;}
#m3 .swiper-container{background:rgba(255,255,255,.8);margin-top:10px;}
#m3 .tit{font-size:6.8rem; color:#464646;}
#m3 .con{font-size:1.8rem; font-weight:300; width:660px; line-height:1.6; margin-top:50px;}
#m3 .more{display:inline-block; margin-top:40px; font-size:2rem; color:#ff252f;}
#m3 .more:hover {color: #991a1a}
#m3 .more img{width:36px; height:36px; margin:-3px 0 0 8px;}
#m3 .slide-content-wrapper {width: 50%;float: left;}
#m3 .product-slide-image {width: 100%;float: right;text-align: right;}
#m3 .swiper-pagination {position: initial;margin-top: 0px;}


@media (max-width:1280px){
  #m3 .tit{font-size:6rem;}
}
@media (max-width:1080px){
  #m3{height:auto; background-size:96%; padding:0 0 100% 0;}
  #m3>div{width:100%; padding:30px 40px; margin-top:150px; box-sizing:border-box; margin-top:0;}
  #m3 .tit{font-size:5.2rem; padding-top:30px;}
  #m3 .con{width:100%; line-height:1.6; margin-top:40px; font-size:1.6rem;}
  #m3 .more{font-size:1.8rem;}
  #m3 .more img{width:32px; height:32px;}
}

#m4>a{height:680px; float:left; width:50%; display:block; position:relative;}
#m4 .img{width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:100% 100%; position:absolute; left:0; top:0; z-index:1; transition:all .6s;}
#m4 .txt{position:relative; width:100%; height:100%; z-index:2;}
#m4 .txt .en{font-family:'Oxygen', sans-serif; color:#fff; font-size:4.6rem; padding:12% 15% 0 15%; line-height:1.12; text-transform:uppercase;}
#m4 .txt .cn{color:#fff; font-size:4.8rem; padding:0 15% 0 15%; line-height:1.1; margin-top:1.5%; line-height:1;}
#m4 p.arrow{position:absolute; width:100px; height:100px; left:50%; bottom:13%; margin-left:-50px; text-align:center; z-index:2; background-size:100%; transition:all .4s; opacity:0;}
#m4>a:hover p.arrow{bottom:8%; opacity:1;}
#m4>a:hover .img{background-size:110% 110%;}

#m5{height:300px; text-align:center; vertical-align:middle; overflow:hidden;}
#m5 a{display:block; width:100%; height:100%; padding-top:22px; background:#1a4499; transition:background .3s;}
#m5 a img{margin-top:-30px;}
#m5 .cn{font-size:7.6rem; color:#fff; padding-right:30px; letter-spacing:4px;}
#m5 .en{font-size:7.6rem; color:#fff; font-family:'Do Hyeon', sans-serif;}
#m5 a:hover{background:#1847a7;}

@media (max-width:1280px){
  #m4>a{height:600px;}
  #m4 .txt .en{font-size:3.0rem;}
  #m4 .txt .cn{font-size:4.2rem; margin-top:2%;}
  #m5 .cn{font-size:6.6rem;}
  #m5 .en{font-size:6.8rem;}
}
@media (max-width:1080px){
  #m4>a{height:400px; width:100%; float:none;}
  #m4 .txt .en{font-size:2.6rem; padding-top:80px;}
  #m4 .txt .cn{font-size:2.6rem; margin-top:20px;}

  #m5{height:auto;}
  #m5 a{padding:40px 0;}
  #m5 .cn{font-size:4.6rem; padding-right:0; display:block; line-height:1;}
  #m5 a img{margin-top:0;}
  #m5 img{height:150px;}
  #m5 .en{font-size:4.4rem; display:block; line-height:1;}
}
/*background: url(../images/cwb-world-map.png) no-repeat right 40px center;*/
#m7{height:450px; box-sizing:border-box; padding:0 108px 0 108px;margin: 150px 0;border:1px solid transparent; background-size:auto 100%;}
#m7 .z{display: block;vertical-align: middle;width: 45%;direction: ltr;}
#m7 .y{display: block;vertical-align: middle;width: 45%;direction: ltr;position: relative}
.locations-image {display: block;float: right;width: 55%;text-align: center;vertical-align: middle;position: relative;padding: 0 3.6458333333%;margin: 0;direction: ltr;}
#m7 .tit{font-size:6.8rem; color:#464646;}
#m7 .con{font-size:1.8rem; font-weight:300; width:660px; line-height:1.6; margin-top:20px;}
#m7 .more{display:inline-block; margin-top:80px; font-size:2rem; color:#ff252f;}
#m7 .more:hover {color:#991a1a;}
#m7 .more img{width:36px; height:36px; margin:-3px 0 0 8px;}
#m7 .item{margin-top:50px;}
#m7 .item a{width:148px; float:left; text-align:center; display:block;}
#m7 .item a .img{width:80px; height:80px; margin:auto; vertical-align:middle; text-align:center; line-height:80px;}
#m7 .item a .tit{font-size:2rem; text-align:center; padding-top:10px; font-family:'Oxygen', sans-serif;}
#m7 .m7-a {margin-right: 65px;}
#m7 .item .m7-b {width: 204px;}
@media (max-width:1600px){
  #m7 .y {margin-top: 4%;}
}
@media (max-width:1366px){
  #m7{padding:0 50px 0 50px;margin: 100px 0;height: 399px;}
  #m7 .con {font-size: 15px;width: 550px;}
  #m7 .item {margin-top: 20px;}
  #m7 .item a .img{width:60px; height:60px;}
  #m7 .more {margin-top: 60px;}
}


@media (max-width:1280px){
  #m7 .tit{font-size:6rem;}
}
@media (max-width:1080px){
  #m7{height:auto; padding:0 0 0 0; background:url('img/m7_bg.jpg') no-repeat center bottom; background-size:100%;}
  #m7>div{width:100%; padding:60px 40px; margin:0; box-sizing:border-box;}
  #m7 .tit{font-size:5rem;}
  #m7 .con{font-size:1.6rem; font-weight:300; width:100%; line-height:1.6;}
  #m7 .item a{width:100%; float:none; text-align:center; margin-bottom:40px;}
  #m7 .more{margin-top:60px; display:block; text-align:right;}
}

#foot{padding:80px; background:#0e253c; position:relative; z-index:9;}
#foot .item{padding-bottom:50px; border-bottom:1px solid rgba(255,255,255,.1);}
#foot .left{width:52%; float:left;}
#foot .left li{float:left; padding-right:20px; margin-right:17px; border-right:1px solid #fff;}
#foot .left li:last-child{border-right:0px none; margin-right:0;}
#foot .left li>a{display:block; font-size:1.8rem; color:#fff; transition:color .3s;}
#foot .left li>a:hover{color:#ff252f;}
#foot .right{width:48%; float:left;margin-top: 22px; text-align:right; color:#fff; font-size:1.8rem; position:relative;}
#foot .right .wx, #foot .right .mp{display:inline-block; width:42px; height:42px; border-radius:100px; background:#ff252f; line-height:38px; text-align:center; margin-left:12px; transition:background .25s; position:relative; vertical-align:middle; margin-top:-5px;}
#foot .right .wx>img, #foot .right .mp>img{width:20px; position:absolute; left:50%; top:50%; margin:-10px 0 0 -10px; transition:opacity .3s;}
#foot .right .wx .blue, #foot .right .mp .blue{opacity:0;}
#foot .right .wx:hover, #foot .right .mp:hover, #foot .right .wx.active, #foot .right .mp.active{background:#fff;}
#foot .right .wx:hover .white, #foot .right .mp:hover .white, #foot .right .wx.active .white,#foot .right .mp.active .white{opacity:0;}
#foot .right .wx:hover .blue, #foot .right .mp:hover .blue, #foot .right .wx.active .blue,#foot .right .mp.active .blue{opacity:1;}
#foot .btm{margin-top:50px; text-align:center;}
#foot .btm .top{display:inline-block; width:45px; height:45px; transition:all .2s;}
#foot .btm .top:hover{opacity:.8;}
#foot .btm .copyright{margin-top:30px; font-size:1.6rem; opacity:.6;}
#foot .btm .copyright p {color: #fff;}
#foot .btm .beian{margin-left:10px;color: #fff;}
#foot .wx_qr{background:#fff; width:178px; height:178px; position:absolute; right:30px; top:-240px; box-shadow:10px 10px 20px rgba(0,0,0,.07); padding:13px; display:none;}
#foot .wx_qr:before{content:''; display:block; width:24px; height:24px; background:#fff; transform:rotate(45deg); position:absolute; right:37px; bottom:-10px;}
#foot .mp_qr{background:#fff; width:178px; height:178px; position:absolute; right:-28px; top:-240px; box-shadow:10px 10px 20px rgba(0,0,0,.07); padding:13px; display:none;}
#foot .mp_qr:before{content:''; display:block; width:24px; height:24px; background:#fff; transform:rotate(45deg); position:absolute; right:37px; bottom:-10px;}

@media (max-width:1080px){
  #foot{padding:60px 40px;}
  #foot .left{width:100%; float:none;}
  #foot .left li{float:left; padding-right:15px; margin-right:12px;}
  #foot .left li>a{font-size:1.5rem;}
  #foot .right{width:100%; float:none; font-size:1.5rem; text-align:left; margin-top:16px;}
  #foot .right .wx, #foot .right .mp{width:32px; height:32px;}
  #foot .btm .copyright{font-size:1.4rem;}
  #foot .btm .copyright span{display:block;}
  #foot .btm .beian{margin-left:0; display:block;}
}


#customer{height:250px; background:#3b7adb; position:relative; z-index:1;}
#customer .swiper-container{margin:0 150px;}
#customer .swiper-wrapper{height:100%; width:100%;}
#customer .swiper-slide{height:250px; line-height:245px; text-align:center;}
#customer .swiper-slide img{height:120px;}
#customer .swiper-button-next, #customer .swiper-button-prev{z-index:3;}
#customer .swiper-button-prev{
  left:70px;
  width:46px; height:46px;
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAACWklEQVR4Xu3c7U0DMQwGYL8TABvABMAGMAEwAXQDRoARmIAyAWwAG8AIsEE3MLKUShVq4S7Ox+uI/Gml5q6Xp076w5YhwYeq7ovItYiciYi9/xSRJwBvJZaGEjfpdQ9VPRGRZxE53PIMSwAL77OFBUo4rylqdjncA7jzIIUEmohjLisROQJgr1kjHNAMnDXIuec8CgWUgWNIVwBessJHRMIAZeKYyymAj6GBHDhfALb9w032oo8gB44huM4fuwE1kBNnAWA5OVR2TKQFYsChjSAWHEogJhw6IDYcKiBGHBogVhwKIGac7kDsOF2BIuB0A4qC0wUoEk5zoGg4TYEi4jQDiorTBCgyTnWg6DhVgUbAqQY0Ck4VoJFwigONhlMUaEScYkCj4hQBUlVLzL3/UWWxK/tSJDXjTe38dr077aOqVoJixUtzBz2OO4LS1rLomTtC4JQAuhGRx5k6YXD+gSb8sq4z6H+LTRBWVStOupgw9eeUEFvNFUG24lSGa6W3eyMiuYESkpXjWl3ycEhFgEZGKgY0KlJRoBGRigONhlQFaCSkakCjIFUFGgGpOlB0pCZAkZGaAUVFagoUEak5UDSkLkCRkLoBRUHqChQBqTsQOxIFEDMSDRArEhUQIxIdEBsSJRATEi0QCxI1UAEkV9cFd24+I1GYdUlKcefk3VYADrK+NF1EH0HrxTmQXM0FwgA5tpurh1AooEwkV5FEOKAMJGuwZMUVWSMk0AykBwC3WTLRDulti0wVtlafdLzlc+uEZyWCrhE2gjZXraoGcbnRJtA64BVpE/gNG+9rWE2fHK0AAAAASUVORK5CYII=') no-repeat center center; background-size:100%; margin-top:-22px;
}
#customer .swiper-button-next{
  right:70px;
  width:46px; height:46px;
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjJJREFUeNrs3O1xwjAMBmCbCdigjMAI6QbdoHSTrtAJoBuwAYyQDWCD0glcmYaWHy1JLMd6JaM7n/MjH+fn7HzYuvgQgksN7/3PNp2noeqZyoLKicqeyjvtc3LCwWnj+eDUcnWOdfg7DlSWCEDJbeQCUf0abseHNBKnjZ7V/ZybUzl09a2Iw+yRhlurbYjNmNdeDsC5QO4QhltpoPnIfdUhcYGOCaCqkDz3MU/HR6SHkYcWvSdJ3oNirBKHpoqexAaiXhBfCF/MIuV4UezOswppMfl7kuiLogYkGCBUJCggRCQ4IDQkSCAkJFggFCRoIAQkeCBpJBVAkkhqgKSQVAFJIKkDKo2kEqgkklqgUkiqgUogqQeaGskE0JRIZoCmQjIFNAWSOaDcSCaBciKZBcqAtDAPxETaVQHERFpy2jhzSsJ7v0lcwWVNtqkBUrs2X3KIUbVOOLTlXtjyTXrLbSM7Pwi453xSWcQ0ZOn8IFScJkuOtsFPjZP5T42cOPfpjh6c+4RZD859yrUHp/ZJ+16cmpd9BuHUunA4GKfGpedROLUlL4zGqSn9JQlHFZAEjhogKRwVQJI48EDSONBACDiwQCg4kEBIOHBAaDhQQIg4MECoOBBAyDjiQFQ/IeOILxzGPBw37hcV1+tWtn8sEL5/qgSNI5280FjGyQF0tIyTA2hvGYcNRA2OPejNKk625AXa3vzzKG8vmaZa25gtP6h7oq3c728Ct11eIUQnSI0vAQYA8KH0YrmxKmAAAAAASUVORK5CYII=') no-repeat center center; background-size:100%; margin-top:-22px;
}
#customer .swiper-button-next:hover, #customer .swiper-button-prev:hover{opacity:.6;}

@media (max-width:1080px){
  #customer{height:150px;}
  #customer .swiper-container{margin:0 50px;}
  #customer .swiper-slide{height:150px; line-height:145px;}
  #customer .swiper-slide img{height:60px; width:auto; max-width:none;}
  #customer .swiper-button-prev{left:10px; width:32px; height:32px; margin-top:-18px;}
  #customer .swiper-button-next{right:10px; width:32px; height:32px; margin-top:-18px;}
}



#b-sub{height:350px; background-repeat:no-repeat; background-size:cover; background-position:center; overflow:hidden;}
#b-sub>div{display:table; height:113%; width:100%;}
#b-sub>div>span{display:table-cell; vertical-align:middle; font-size:8rem; color:#fff; animation:b-sub_tit 1s both;}
@keyframes b-sub_tit{
  from{opacity:0; padding-left:0px;}
  to{opacity:1; padding-left:80px;}
}

#m-sub{height:60px; border-bottom:1px solid #e8e8e8; position:relative;}
#m-sub .nav{width:320px; background:#5d92fe; color:#fff; height:61px; line-height:58px; position:absolute; left:0; z-index:2; text-align:center; font-size:2rem;}
#m-sub .nav>a{display:block; color:#fff;}
#m-sub ul{padding-left:320px; position:relative; z-index:2;}
#m-sub ul>li{float:left; height:100%;}
#m-sub ul>li>a{display:block; height:100%; line-height:58px; font-size:1.8rem; padding:0 20px; transition:color .3s;}
#m-sub ul>li>a:hover, #m-sub ul>li.active>a{color:#5d92fe;}
#m-sub ul>li:first-child>a{padding:0 20px 0 25px;}
#m-sub ul>li>a img{height:24px; margin:-2px 10px auto auto;}
#m-sub .bg{position:absolute; height:100%; width:0; background:#eee; left:320px; top:0; z-index:1;}

#above{padding:70px 80px;}
#above>div{width:80%; margin:auto; display:table; direction:rtl;}
#above .left{display:table-cell; vertical-align:middle; padding:0 30px; width:360px;}
#above .left img{height:360px; max-width:none;}
#above .right{display:table-cell; vertical-align:middle; padding:0 30px 0 60px; text-align:left; direction:ltr;}
#above .right .tit{font-size:8rem; color:#464646;}
#above .right .txt{font-size:1.8rem; margin-top:30px; line-height:1.8; font-weight:300;}

@media (max-width:1080px){
  #b-sub{height:260px;}
  #b-sub>div{height:120%;}
  #b-sub>div>span{font-size:5rem; text-align:center;}
  @keyframes b-sub_tit{
    from{opacity:0; padding-left:0;}
    to{opacity:1; padding-left:0;}
  }

  #m-sub{height:50px;}
  #m-sub .nav{height:51px; width:100%; line-height:49px; font-size:1.8rem;}
  #m-sub .nav p{width:50px; height:50px; position:absolute; right:0; top:0;}
  #m-sub .nav span{display:block; width:20px; height:2px; background:#fff; position:absolute; right:20px; top:50%; margin:-2px auto auto auto; transition:background 0s .3s;}
  #m-sub .nav span:before{content:''; display:block; position:absolute; left:0; top:-6px; width:100%; height:2px; background:#fff; transition:top .3s .3s, transform .3s;}
  #m-sub .nav span:after{content:''; display:block; position:absolute; left:0; top:6px; width:100%; height:2px; background:#fff; transition:top .3s .3s, transform .3s;}
  #m-sub ul{position:absolute; width:100%; left:0; top:50px; padding:0; background:#fff; display:none;}
  #m-sub ul>li{display:block; float:none; border-bottom:1px solid #eee; height:auto;}
  #m-sub ul>li>a{line-height:50px; font-size:1.6rem; text-align:center;}
  #m-sub ul>li>a img{width:24px;}

  #above{padding:50px 0;}
  #above>div{display:block; width:100%;}
  #above .left{display:block; padding:0 30px; width:100%; box-sizing:border-box; text-align:center;}
  #above .left img{width:70%; height:auto; max-width:300px;}
  #above .right{display:block; padding:0 30px; width:100%; box-sizing:border-box; text-align:center;}
  #above .right .tit{font-size:4.8rem;}
  #above .right .tit-s{font-size:4rem;}
  #above .right .txt{font-size:1.7rem;}
}



.area .item{width:100%; display:block; height:480px;}
.area .history{height:560px;}
.area .item .txt{height:100%; background:#f5f5f5; width:50%; float:left; box-sizing:border-box; padding:80px; position:relative;}
.area .item.white .txt{background:none;}
.area .item.bline .txt{border-bottom:1px solid #e8e8e8;}
.area .item .txt .tit{font-size:4.6rem; color:#464646;}
.area .item .txt .tit .number{font-family:'Oxygen', sans-serif; font-size:10rem; margin:auto 10px auto auto; display:inline-block;}
.area .item .txt .con{font-size:1.7rem; margin-top:20px; line-height:1.6; margin-bottom:20px;}
.area .item .img{height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; width:50%; float:left; position:relative;}
.area .item .txt .more{position:absolute; right:80px; bottom:60px; font-size:1.8rem; color:#5d92fe;}
.area .item .txt .more>span{display:inline-block; width:35px; height:35px; content:''; background:url('img/ico.arr.right.png') no-repeat center center; background-size:35px; vertical-align:middle; margin:-5px 0 0 16px; transition:margin .3s;}
.area .img:after{content:''; display:block; width:0; height:0; background:#1a4499; position:absolute; left:50%; top:50%; opacity:0; transition:all .35s;}
.area a:hover .img:after{width:100%; height:100%; left:0; top:0; opacity:.6}
.area .item.bluegray .txt, .area .item.lr .txt{background:#5a646f; float:right;}
.area .item.lr .txt{background:none;}
.area .item.bluegray .img, .area .item.lr .img{float:left;}
.area .item.bluegray .txt .tit, .area .item.bluegray .txt .con{color:#fff;}
.area .item.bluegray .txt .more{color:#fff;}
.area .item.bluegray .txt .more>span{background:url('img/ico.more.png') no-repeat center center; background-size:35px;}
.area .item .con p{margin-bottom:1.7rem;}
.area .item.blue .txt{background:#1a4499;}
.area .item.blue .txt *{color:#fff;}
.area .item.blue .txt .more{color:#fff;}
.area .item.blue .txt .more>span{background:url('img/ico.more.png') no-repeat center center; background-size:35px;}

.area .list{font-size:1.7rem; margin-top:30px;}
.area .list>p{margin:11px 0; padding-left:28px; position:relative;}
.area .list>p:before{content:''; display:block; width:16px; height:1px; background:#999; position:absolute; left:0; top:11px;}
.area .bluegray .list>p{color:#fff;}
.area .bluegray .list>p:before{background:#fff;}

.space{clear:both;}

@media (max-width:1080px){
  .area .item .txt{width:100%; height:auto; padding:50px 30px 80px 30px; right:0;}
  .area .item .txt .tit{font-size:4rem;}
  .area .inside .txt{padding:50px 30px 30px 30px;}
  .area .item .txt .con{font-size:1.5rem;}
  .area .item .img{width:100%; height:320px;}
  .area .item .txt .more{right:30px; bottom:30px; font-size:1.6rem;}
  .area .item .txt .tit .number{font-size:4.8rem;}
}


#b-sub-sub{width:100%; height:600px; background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; display:table;}
#b-sub-sub>div{text-align:center; display:table-cell; width:100%; height:100%; vertical-align:middle;}
#b-sub-sub .tit{color:#fff; font-size:6rem; margin-top:20px;}
#b-sub-sub .con{color:#fff; font-size:1.8rem; margin-top:40px; font-weight:300;}


#b-sub-sub-sub{background:url('img/b_pro.jpg') no-repeat center center; background-size:cover; background-attachment:fixed; height:250px; border-bottom:6px solid #5d92fe;}
#b-sub-sub-sub .tit{color:#fff; font-size:4.6rem; text-align:center; padding-top:125px;}

.prolist{max-width:1270px; margin:80px auto;}
.prolist .tit{color:#464646; font-size:3rem; font-weight:300;}
.prolist .con a{float:left; width:30%; padding-top:21.6%; margin-right:3.333333%; border:1px solid #ddd; box-sizing:border-box; border-radius:3px; margin-top:3.333333%; position:relative; display:table;}
.prolist .con a .img{position:absolute; box-sizing:border-box; width:100%; height:100%; padding:10px; left:0; top:0;}
.prolist .con a .img:after{content:''; display:block; width:0; height:0; position:absolute; left:50%; top:50%; background:rgba(0,0,0,.5); transition:all .35s;}
.prolist .con a:hover .img:after{width:100%; height:100%; left:0; top:0;}
.prolist .con a .tit{position:absolute; box-sizing:border-box; width:100%; height:100%; padding:10px; left:0; top:0; text-align:center;}
.prolist .con a .tit>p{display:table; width:100%; height:50%; transition:all .35s; margin-top:50%; opacity:0;}
.prolist .con a:hover .tit>p{height:100%; margin-top:0; opacity:1;}
.prolist .con a .tit>p>span{display:table-cell; vertical-align:middle; color:#fff; font-size:2rem; font-weight:300;}
.prolist .con a:nth-child(3n+0){margin-right:0;}

.proback{border-bottom:1px solid #e8e8e8; padding:50px 0 120px 0; text-align:center;}
.proback a{display:inline-block; width:150px; height:60px; border:1px solid #5d92fe; font-size:1.8rem; color:#5d92fe; line-height:60px; position:relative;}
.proback a span{position:relative; z-index:2; transition:all .3s;}
.proback a:before{content:''; display:block; width:0; height:0; position:absolute; left:50%; top:50%; background:#5d92fe; transition:all .35s; z-index:1;}
.proback a:hover>span{color:#fff;}
.proback a:hover:before{left:0; top:0; width:100%; height:100%;}

@media (max-width:1080px){
  #b-sub-sub{height:300px;}
  #b-sub-sub .tit{color:#fff; font-size:5rem; margin-top:50px;}
  #b-sub-sub .con{font-size:1.6rem; padding:0 30px; margin-top:20px;}

  .prolist{max-width:100%; padding:0 30px; box-sizing:border-box; margin:50px auto;}
  .prolist .tit{font-size:2.6rem;}
  .prolist .con a{width:100%; margin-right:0; padding-top:73.3%;}
}


#downlist{max-width:1270px; margin:80px auto;}
#downlist .tit{color:#464646; font-size:3rem; font-weight:300;}
#downlist .list{margin-top:50px;}
#downlist a{display:table; width:100%; table-layout:fixed; margin-bottom:30px;}
#downlist a .img{width:64px; height:64px; display:table-cell; vertical-align:top;}
#downlist a .con{display:table-cell; padding-left:20px; vertical-align:top; padding-top:8px;}
#downlist a .con .title{width:100%; display:block; font-size:1.7rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#downlist a .con .size{font-size:1.6rem; color:#999; padding-top:6px; display:block;}

@media (max-width:1280px){
  #downlist{max-width:980px;}
}
@media (max-width:1080px){
  #downlist{max-width:100%; margin:60px auto; padding:0 30px; box-sizing:border-box;}
  #downlist .list{margin-top:30px;}
  #downlist a{margin-bottom:20px;}
  #downlist a .img{width:52px; height:52px;}
  #downlist a .con{padding-left:12px; padding-top:3px;}
  #downlist a .con .title{overflow:visible; white-space:normal;}
}



#map{width:100%; height:100%; position:fixed; z-index:7; left:0; top:0;}


#contact{width:560px; height:auto; padding:80px 70px; background:rgba(0,0,0,.5); position:absolute; left:10%; top:26%; z-index:8;}
#contact h1{font-size:4.2rem; color:#fff; font-weight:normal; line-height:1; display:block; margin:0;}
#contact .con{margin-top:50px; color:#fff; font-size:1.7rem; font-weight:300;}
#contact .con p{margin-bottom:12px;}

@media (max-width:1080px){
  #map{height:400px; position:relative;}
  #contact{width:100%; position:relative; left:0; top:0; box-sizing:border-box; padding:60px 30px;}
  #contact h1{font-size:3.6rem; line-height:1.1;}
}



#vip{min-height:100%; background:url('img/vip.jpg') no-repeat center center; position:relative; border:1px solid transparent; background-size:cover;}
#vip .container{width:860px; padding:50px 80px; background:rgba(0,0,0,.5); margin:160px auto; color:#fff; box-sizing:border-box;}
#vip .container .tit{text-align:center; font-size:4.8rem; border-bottom:1px solid rgba(255,255,255,.2); padding-bottom:30px; color:#fff;}


.formcls{padding:30px 0;}
.formcls dt{color:#fff; font-size:1.7rem; font-weight:300; line-height:1; margin-bottom:5px;}
.formcls dt>span{color:#ec0000; font-size:2.6rem; line-height:1;}
.formcls>div{margin:25px 0; font-size:1.4rem;}
.formcls .double>dl{width:335px; float:left; margin-left:30px;}
.formcls .double>dl:first-child{margin-left:0;}
.formcls .double>dl>dt,.formcls .single>dl>dt{padding-left:1px;}
.formcls .double>dl>dd,.formcls .single>dl>dd{padding:10px 0;}
.formcls .single{width:100%;}
.formcls .single a{color:#ccc;}
.formcls input, .formcls textarea{border:0px none; font-size:1.4rem;}


@media (max-width:1080px){
  #vip .container{width:100%; margin:auto; padding-top:120px; padding-left:30px; padding-right:30px;}

  .formcls .double>dl{width:100%; float:none; margin-left:0;}
}



.page-header {
  height: 399px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  display: table;
  width: 100%;
  position: relative;
  z-index: 0;
}
.page-header .entry-title {
  display: table-cell;
  vertical-align: middle;
  text-transform: uppercase;
  color: #fff;
  font-size: 80px;
  font-size: 5rem;
  padding-top: 200px;
}
@media screen and (max-width: 1450px) {
  .page-header .entry-title {
    font-size: 72px;
    font-size: 4.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .page-header .entry-title {
    font-size: 64px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 600px) {
  .page-header .entry-title {
    font-size: 52px;
    font-size: 3.25rem;
  }
}
.page-header.absolute {
  margin-bottom: 110px;
}
.page-header.absolute .entry-title {
  background: #fff;
  color: #465156;
  display: block;
  position: absolute;
  bottom: 0;
  width: auto;
  margin: 0;
  border-top: 6px solid #ee1c25;
  left: 0;
  bottom: 0;
  padding-left: 11.4583333333%;
  padding-right: 11.4583333333%;
  padding-top: 30px;
  line-height: 1.1;
}
@media screen and (max-width: 960px) {
  .page-header.absolute .entry-title {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .page-header.absolute {
    margin-bottom: 70px;
  }
}





.products-intro {
  padding: 100px 8.3333333333% 0;
  display: table;
  direction: rtl;
  text-align: left;
  table-layout: fixed;
  width: 100%;
}
.products-intro.product-lp img {
  width: 100%;
}
.products-intro-outer {
  border-bottom: 5px solid #2979d8;
  padding-bottom: 100px;
}
.products-intro:last-of-type .products-intro-outer {
  border: 0;
}
.products-intro-teaser-content {
  width: 50%;
  display: table-cell;
  padding-left: 8.3333333333%;
  vertical-align: middle;
  direction: ltr;
}
.products-intro-teaser-content .entry-header h2 {
  color: #465156;
  font-size: 68px;
  margin: 0 0 40px;
  line-height: 1;
  font-weight: normal;
}
@media screen and (max-width: 840px) {
  .products-intro-teaser-content .entry-header h2 {
    font-size: 60px;
    font-size: 3.75rem;
  }
}
@media screen and (max-width: 440px) {
  .products-intro-teaser-content .entry-header h2 {
    font-size: 48px;
    font-size: 3rem;
  }
}
.products-intro-teaser-content .entry-content-teaser p {
  font-size: 20px;
  line-height: 1.75;
}
body.tax-jobcat .products-intro-teaser-content .entry-content-teaser p {
  font-size: 23.008px;
}
.products-intro-teaser-content .more-link {
  margin-right: 72px;
  margin-top: 30px;
}
.product-intro-graphic-wrapper {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}
.product-intro-graphic {
  position: relative;
  margin: 0;
}

.products-intro:nth-of-type(even) {
  direction: ltr;
}
.products-intro:nth-of-type(even) .products-intro-teaser-content {
  padding-left: 0;
  padding-right: 8.3333333333%;
}
.products-intro.small {
  max-width: 1500px;
  margin: 0 auto;
  padding: 100px 50px;
}
.products-intro.small .products-intro-teaser-content {
    width: 64.6666666667%;
    padding-left: 8.333333%;
}
.products-intro.small .product-intro-graphic-wrapper {
      width: 53.333333%;
  max-width: 530px;
}
@media screen and (max-width: 1320px) {
  .products-intro.product-lp {
    padding: 100px 8.33333% 0;
    display: block;
    max-width: 950px;
    margin: 0 auto;
    text-align: center;
  }
  .products-intro.product-lp .products-intro-teaser-content {
    width: 100%;
    padding-left: 0;
    display: block;
  }
  .products-intro.product-lp .product-intro-graphic-wrapper {
    width: 100%;
    display: block;
    margin-top: 80px;
  }
}
@media screen and (max-width: 920px) {
  .products-intro.small {
    max-width: 1050px;
    margin: 0 auto;
    text-align: center;
    display: block;
  }
  .products-intro.small .products-intro-teaser-content {
    width: auto;
    padding-left: 0;
    display: block;
  }
  .products-intro.small .product-intro-graphic-wrapper {
    width: auto;
    max-width: 350px;
    margin: 60px auto 10px;
    display: block;
  }
}
@media screen and (max-width: 650px) {
  .products-intro.small {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.containers.cta {
  background: #ee1c25;
}
.cta-content {
  display: inline-block;
  position: relative;
  padding-left: 82px;
  width: calc(100% - 280px);
}
.cta-content:before {
  background: url("../images/chilun.png") no-repeat;
  font-size: 58px;
  position: absolute;
  color: #2979d8;
  left: -5px;
  content: "";
  top: -5px;
  color: #fff;
  width: 68px;
  height: 68px;
  margin-top: 22px;
}
.cta-wrapper {
  max-width: 1500px;
  margin: 0 auto;
  color: #fff;
  padding: 60px 34px;
  position: relative;
  font-family: 'Economica-Regular', sans-serif;
}
.cta-content .cta-headline {
  text-transform: uppercase;
  font-size: 40px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 5px;
  color: #fff;
}
.cta-content .cta-desc {
  font-size: 25.6px;
  margin: 0;
  line-height: 1.2;
  color: #fff;
}
.about .home-teaser a * {
  color: #444;
}
.about .home-teaser:nth-of-type(4n+3), .about .home-teaser:nth-of-type(4n+4) {
  background: #ffffff;
}
.about .home-teaser1 a *, .about .home-teaser2 a * {
  color: #ffffff;
}


.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cta-link {
  border: 1px solid #fff;
  color: #fff;
  text-transform: uppercase;
  font-size: 22.4px;
  font-size: 1.4rem;
  padding: 0 30px;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 34px;
  font-weight: 300;
  line-height: 50px;
  margin-top: -25px;
  background: transparent;
}
.cta-link:hover {
  color: #fff;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.cta-link:before {
  background: #fff;
}

.page-header {
  height: 450px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  display: table;
  width: 100%;
  position: relative;
  z-index: 0;
}

.page-header.news-archive {
  z-index: 0;
}

.news-header-wrapper {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}
.news-header h1, .news-header .cat-title {
  position: absolute;
  background: #ee1c25;
  color: #fff;
  padding: 3px 0;
  text-transform: uppercase;
  font-size: 36px;
  width: 250px;
  text-align: center;
  margin-left: -125px;
  margin-bottom: 0;
  bottom: 100%;
  left: 50%;
  height: 60px;
  line-height: 55px;
}
.news-wrapper {
  max-width: 1400px;
  margin: 0 auto;
}
.news-listing {
  padding-left: 5.2083333333%;
  padding-right: 5.2083333333%;
  position: relative;
}
.news-header {
  height: 86px;
  border-top: 6px solid #ee1c25;
  background: #fff;
  position: relative;
}

.news-teaser-overview {
  float: left;
  width: 45.8333333333%;
  margin: 0 8.3333333333% 7.1428571429% 0;
}
.news-teaser-overview .entry-meta {
  border-top: 6px solid #ee1c25;
  position: relative;
  height: 40px;
}
.news-teaser-overview .entry-meta .posted-on {
  position: absolute;
  line-height: 30px;
  display: block;
  top: -19px;
  left: 0px;
  background: #fff;
  padding-right: 30px;
  font-size: 24px;
  z-index: 9;
}
.news-teaser-overview h2.entry-title a {
  font-size: 35px;
  margin: 44px 0;
  color: #8998a4;
  line-height: 1.1;
  display: block;
  font-weight: normal;
}
.news-teaser-overview h2.entry-title a:hover {
  color: #ee1c25;
}
.news-teaser-overview .post-image {
  position: relative;
  margin: 0;
}
.news-teaser-overview .post-image img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 770px) and (max-width: 950px) {
  .news-teaser-overview h2.entry-title a {
    font-size: 33.6px;
  }
}
@media screen and (max-width: 769px) {
  .news-listing {
    padding-left: 30px;
    padding-right: 30px;
  }
  .news-teaser-overview {
    float: none;
    width: auto;
    margin: 0 auto 80px;
    max-width: 550px;
  }
}
.layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.layer.hvr-rectangle-out {
  background: transparent;
}
.layer.hvr-rectangle-out:before {
  background: rgba(41, 121, 216, .5);
}
.news-teaser-overview:nth-of-type(2n) {
  margin-right: 0;
}
a.more-link.blue, p.more-link.blue {
  color: #ee1c25;
}
a.more-link::before, p.more-link::before {
  content: '';
  background: url(../images/right.png) center 5px no-repeat;
  position: absolute;
  right: -54px;
  top: 50%;
  margin-top: -19px;
  height: 38px;
  width: 38px;
  color: #fff;
  font-size: 18px;
  line-height: 31px;
  text-align: center;
  border-radius: 50%;
  border: 2px solid #fff;
}
.news a.more-link::before, .news p.more-link::before {
  content: '';
  background: url("../images/rjiantou.png");
  position: absolute;
  right: -54px;
  top: 50%;
  margin-top: -21px;
  height: 38px;
  width: 38px;
  color: #fff;
  font-size: 18px;
  line-height: 34px;
  text-align: center;
  border-radius: 50%;
  border: 2px solid #fff;
}

.contact .locations-sub-headline {
  color: #465156;
  font-size: 40px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 60px;
}






.contact .elementor-element.elementor-element-927d157 {
  padding: 25px 0px 0px 0px;
}
.contact .elementor-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.elementor-column {
  position: relative;
  min-height: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contact .elementor-element.elementor-element-5b4696b {
  width: 62.1%;
}
.elementor-column-wrap {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contact .elementor-element.elementor-element-5b4696b > .elementor-element-populated {
  padding: 0% 10% 0% 0%;
}

.elementor-widget-wrap {
  position: relative;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contact .elementor-element.elementor-element-927d157 > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap > .elementor-widget-wrap {
  align-content: center;
  align-items: center;
}
.elementor-widget-wrap>.elementor-element {
  width: 100%;
}
.rongyu .elementor-element .elementor-widget-container {
  -webkit-transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
  transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
  -o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
  transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
  transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
  margin-bottom: 70px;
}
.elementor-form-fields-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.elementor-field-group {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.elementor-column.elementor-col-50, .elementor-column[data-col="50"] {
  width: 48.5%;
  margin-right: 3%;
}
.contact .elementor-element.elementor-element-8798ef5 .elementor-form-fields-wrapper {
  padding-right: calc( 0px/2 );
  padding-left: calc( 0px/2 );
  margin-bottom: 15px;
}
.contact .elementor-element.elementor-element-8798ef5 .elementor-field-group {
  padding-right: calc( 0px/2 );
  padding-left: calc( 0px/2 );
  margin-bottom: 15px;
}
.contact .elementor-element.elementor-element-8798ef5 .elementor-field-group:nth-child(2n+2) {
  margin-right: 0;
}
.elementor-field-textual {
  line-height: 1.4;
  font-size: 15px;
  min-height: 40px;
  padding: 5px 14px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.elementor-field-group .elementor-field-textual {
  width: 100%;
  max-width: 100%;
  border: 1px solid #818a91;
  background-color: transparent;
  color: #373a3c;
  vertical-align: middle;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.elementor-column.elementor-col-100, .elementor-column[data-col="100"] {
  width: 100%;
}
.contact .elementor-element.elementor-element-8798ef5 .elementor-field-group .elementor-field {
  color: #000000;
}
.contact .elementor-element.elementor-element-8798ef5 .elementor-field-group .elementor-field, .contact .elementor-element.elementor-element-8798ef5 .elementor-field-subgroup label {
  font-size: 15px;
  font-weight: normal;
}
.contact .elementor-element.elementor-element-8798ef5 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper) {
  background-color: #ffffff;
  border-color: #000000;
  border-width: 0px 0px 1px 0px;
  border-radius: 0px 0px 0px 0px;
}
.elementor-button-align-end .elementor-field-type-submit {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.contact .elementor-element.elementor-element-8798ef5 .elementor-button {
  background-color: #000000;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 0px 0px 0px 0px;
  padding: 15px 45px 15px 45px;
  border: none;
}
.contact .elementor-column.elementor-col-30 {
  width: 35%;
}
.contact .elementor-element.elementor-element-4214b6a > .elementor-element-populated {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 40px 30px 40px 30px;
}
.contact .elementor-element.elementor-element-4214b6a:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap, .contact .elementor-element.elementor-element-4214b6a > .elementor-column-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: #E90000;
}
.fa-phone-alt {
  background: url(../images/phonect.png) no-repeat;
  width: 50px;
  height: 50px;
  display: block;
  background-size: 100%;
  margin: 0 auto;
}
.elementor-widget-icon-box .elementor-icon-box-content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}
.contact .elementor-element.elementor-element-0d38fc3 .elementor-icon-box-content .elementor-icon-box-title {
  color: #FFFFFF;
  font-size: 36px;
  font-weight: 900;
}
.elementor-widget-icon-box .elementor-icon-box-title a {
  color: #fff;
  font-size: 36px;
  font-weight: 900;
  font-family: "Roboto", Sans-serif;
}
.elementor-widget-wrap>.elementor-element {
  width: 100%;
}
.contact .elementor-element.elementor-element-5fffb16 {
  color: #ffffff;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.6em;
  letter-spacing: 0.5px;
}
.contact .elementor-element.elementor-element-5fffb16 p {
  color: #ffffff;
}
.contact .elementor-element.elementor-element-5fffb16 .elementor-text-editor {
  text-align: center;
}
.map {
  height: 600px;
  position: relative;
  margin-top: 80px;
  margin-bottom: 80px;
}







.fzlc *{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.fzlc .history-teaser {
  background: #fff;
  color: #8998a4;
  border-bottom: 1px solid #d7d7d7;
  position: relative;
}
.fzlc .history-teaser:first-of-type {
  border-top: 1px solid #d7d7d7;
}
.fzlc .history-teaser .teaser-content-wrapper {
  float: left;
  width: 50%;
  padding: 5.2083333333%;
  min-height: 450px;
}
.fzlc .history-teaser .teaser-content-wrapper::after {
  border-left-color: #fff;
}
.fzlc .history-teaser .entry-header {
  width: 33%;
  float: left;
  text-align: left;
}
.fzlc .history-teaser .entry-header h3 {
  font-size: 104px;
  line-height: 1;
  font-weight: normal;
}
.fzlc .history-teaser .entry-content-teaser {
  float: right;
  text-align: left;
  width: 55%;
  padding-top: 100px;
}
.fzlc .history-teaser .entry-content-teaser p {
  font-size: 27.008px;
}
.fzlc .history-teaser .teaser-image {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  background-position: center;
  background-size: cover;
}
.fzlc h1, .fzlc h2, .fzlc h3, .fzlc h4, .fzlc h5, .fzlc h6 {
  font-family: 'OpenSans-Light', 'Microsoft YaHei', '微软雅黑', 'Open Sans', 'Economica', sans-serif;
}
@media screen and (max-width: 1650px) {
  .fzlc .history-teaser .entry-header h3 {
    font-size: 96px;
  }
  .fzlc .history-teaser .entry-content-teaser p {
    font-size: 24px;
  }
}
.fzlc .history-teaser:nth-of-type(even) .teaser-content-wrapper {
  float: right;
}
.fzlc .history-teaser:nth-of-type(even) .teaser-content-wrapper::after {
  border-right-color: #fff;
  border-left-color: transparent;
}
.fzlc .history-teaser:nth-of-type(even) .entry-header {
  float: right;
  text-align: right;
}
.fzlc .history-teaser:nth-of-type(even) .entry-content-teaser {
  float: left;
}
.fzlc .history-teaser:nth-of-type(even) .teaser-image {
  right: inherit;
  left: 0;
}
@media screen and (min-width: 700px) and (max-width: 1319px) {
  .fzlc .history-teaser .entry-header, .fzlc .history-teaser:nth-of-type(even) .entry-header {
    float: none;
    width: auto;
    margin-bottom: 30px;
    text-align: left;
  }
  .fzlc .history-teaser .entry-content-teaser, .fzlc .history-teaser:nth-of-type(even) .entry-content-teaser {
    float: none;
    width: auto;
  }
}
@media screen and (max-width: 1024px) {
  .fzlc .history-teaser .entry-content-teaser p, .fzlc .history-teaser:nth-of-type(even) .entry-content-teaser p {
    font-size: 20px;
  }
}
@media screen and (max-width: 699px) {
  .fzlc .history-teaser .teaser-content-wrapper, .fzlc .history-teaser:nth-of-type(even) .teaser-content-wrapper {
    float: none;
    width: auto;
    padding: 80px 40px;
    overflow: hidden;
    min-height: 1px;
  }
  .fzlc .history-teaser .teaser-image, .fzlc .history-teaser:nth-of-type(even) .teaser-image {
    position: relative;
    width: 100%;
    min-height: 350px;
  }
}
@media screen and (max-width: 610px) {
  .fzlc .history-teaser .entry-header h3, .fzlc .history-teaser:nth-of-type(even) .entry-header h3 {
    font-size: 72px;
  }
}
@media screen and (max-width: 480px) {
  .fzlc .history-teaser .entry-header, .fzlc .history-teaser:nth-of-type(even) .entry-header {
    float: none;
    width: auto;
    margin-bottom: 30px;
    text-align: left;
  }
  .fzlc .history-teaser .entry-content-teaser, .fzlc .history-teaser:nth-of-type(even) .entry-content-teaser {
    float: none;
    width: auto;
  }
}






.elementor-element .elementor-widget-container {
  -webkit-transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
  transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
  -o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
  transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
  transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
}
.rongyu .elementor-element.elementor-element-3c75606 .elementor-posts-container {
  grid-column-gap: 30px;
  grid-row-gap: 35px;
}

.elementor-posts-container:not(.elementor-posts-masonry) {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.elementor-grid-3 .elementor-grid {
  grid-template-columns: repeat(4,1fr);
  display: grid;
}
.elementor-posts--thumbnail-top .elementor-post {
  display: block;
}
.elementor-posts .elementor-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: background,border,-webkit-box-shadow;
  transition-property: background,border,-webkit-box-shadow;
  -o-transition-property: background,border,box-shadow;
  transition-property: background,border,box-shadow;
  transition-property: background,border,box-shadow,-webkit-box-shadow;
  -webkit-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
}
.container.rongyu {
    margin: 0 5.5%;
    margin-top: 80px;
    max-width: initial;
}
.elementor-posts-container .elementor-post {
  padding: 0;
  margin: 0;
}
.elementor-posts .elementor-post__card {
  overflow: hidden;
  position: relative;
  background-color: #fff;
  width: 100%;
  min-height: 100%;
  border-radius: 3px;
  border: 0 solid #818a91;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.elementor-card-shadow-yes .elementor-post__card {
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
  box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
}
.elementor-posts--thumbnail-top .elementor-posts--skin-cards:not(.elementor-posts-masonry) .elementor-post__card, .elementor-posts .elementor-posts--skin-cards:not(.elementor-posts-masonry) .elementor-post__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.rongyu .elementor-element.elementor-element-3c75606 .elementor-post__card {
  border-width: 0px;
  border-radius: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.elementor-posts--thumbnail-top .elementor-post__thumbnail__link {
  margin-bottom: 20px;
}
.elementor-posts-container .elementor-post__thumbnail__link {
  position: relative;
  display: block;
  width: 100%;
}
.elementor-posts .elementor-post__card .elementor-post__thumbnail {
  position: relative;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  background-image: url(https://www.yhidea.com/wp-content/uploads/2018/12/stripes-light.png);
  background-repeat: repeat;
  background-position: 0 0;
  background-size: inherit;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: left;
}

.rongyu .elementor-element.elementor-element-3c75606 .elementor-posts-container .elementor-post__thumbnail {
  padding-bottom: calc( 0.66 * 100% );
}
.elementor img {
  height: auto;
  max-width: 100%;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.elementor-posts-container .elementor-post__thumbnail img {
  display: block;
  width: 100%;
  max-height: none;
  max-width: none;
  -webkit-transition: -webkit-filter .3s;
  transition: -webkit-filter .3s;
  -o-transition: filter .3s;
  transition: filter .3s;
  transition: filter .3s,-webkit-filter .3s;
}
.elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img {
  height: auto;
  position: absolute;
  top: calc(50% + 1px);
  left: calc(50% + 1px);
  -webkit-transform: scale(1.01) translate(-50%,-50%);
  -ms-transform: scale(1.01) translate(-50%,-50%);
  transform: scale(1.01) translate(-50%,-50%);
}
.elementor-posts .elementor-post__card .elementor-post__thumbnail img {
  width: calc(100% + 1px);
  height: 100%;
  object-fit: cover;
}

.rongyu .elementor-posts .elementor-post__card .elementor-post__thumbnail img{
  width: initial;
}
.elementor-posts--thumbnail-top .elementor-post__text {
  width: 100%;
}
.rongyu .elementor-element.elementor-element-3c75606 .elementor-post__text {
  padding: 0 17px;
  margin-top: 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.elementor-posts .elementor-post__card .elementor-post__excerpt, .elementor-posts .elementor-post__card .elementor-post__title {
  margin-bottom: 25px;
}
.rongyu .elementor-element.elementor-element-3c75606 .elementor-post__title, .rongyu .elementor-element.elementor-element-3c75606 .elementor-post__title a {
  color: #000000;
  font-size: 20px;
  font-weight: normal;
}
.rongyu .elementor-element.elementor-element-3c75606 .elementor-post__title, .rongyu .elementor-element.elementor-element-3c75606 .elementor-post__title a {
  color: #000000;
  font-size: 20px;
  font-weight: normal;
}
.rongyu .elementor-element.elementor-element-3c75606 .elementor-post__excerpt {
  margin-bottom: 37px;
  line-height: 1.7;
}


.news-single-view .entry-meta {
  display: block;
  margin: -30px auto 45px;
  max-width: 300px;
  font-size: 24px;
  text-align: center;
}
.news-single-view h1.entry-title {
  font-size: 52px;
  margin: 0 0 60px;
  line-height: 1.1;
  font-weight: normal;
}
.news-single-view .entry-content {
  text-indent: 30px;
  font-weight: 300;
  font-size: 20px;
}
.news-single-view .entry-content p{
  text-indent: 30px;
}
.news-single-view .entry-content * {
  font-weight: 300;
  font-size: 20px;
}



.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}
.tab-product .tab-pane {
  padding: 25px;
}



.listWrapper {
  margin-bottom: 80px;
}
.list-inline-item, .col {
  display: inline-block;
  font-size: 15px;
}
#productSeries .product-title {
  background-color: #f0f0f0;
  border-top: 1px solid #c8c8c8;
  padding: 15px;
  font-size: 18px;
}
#productSeries .list-product .list-item h5 {
  font-size: 15px;
  font-weight: bolder;
  margin: 0;
  color: #000;
}
#productSeries .list-product .list-item .pic {
  width: 19%;
}
#productSeries .list-product .list-item .txt {
  padding: 0 15px;
  width: 39%;
}
#productSeries .list-product .list-item .col {
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dl-horizontal {
  overflow: hidden;
  zoom: 1;
}
#productSeries .list-product .list-item dl {
  margin-bottom: 10px;
}
#productSeries .list-product .line-b {
  color: #000;
  font-weight: bolder;
}
#productSeries .list-product .list-item dl dt {
  margin-right: 10px;
  margin-bottom: 10px;
  line-height: 1.8rem;
}
.m-a-0 {
  margin: 0 !important;
}
#productSeries .list-product .list-item dl.list p {
  line-height: 2em;
  padding-left: 20px;
  position: relative;
  margin: 0;
}
#productSeries .list-product .list-item dl.list p:before {
  content: '';
  border-radius: 50%;
  width: 4px;
  height: 4px;
  background-color: #000;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 10px;
}
#productSeries .list-product .list-item h4 {
  border-bottom: 1px solid #c8c8c8;
  line-height: 3em;
  font-size: 16px;
}
#productSeries .list-product .list-item h4:before {
  background: url(../images/product_right.png);
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  height: 13px;
  width: 13px;
  background-size: 100%;
  margin-right: 5px;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '';
}
.dl-horizontal dt {
  float: left;
}
.dl-horizontal dd {
  overflow: hidden;
  zoom: 1;
}
.dl-horizontal::after {
  content: "";
  display: table;
  clear: both;
}
.tab-product .snav-tabs {
  margin: 0;
  min-width: 300px;
}

.tab-product .snav-tabs li {
  display: inline-block;
  margin: 0 5px 0 0;
}

.tab-product .snav-tabs li a {
  border-radius: 5px 5px 0 0;
  text-decoration: none;
  display: block;
  color: #fff;
  text-align: center;
  padding: 10px 25px;
  transition: background 0.35s ease-out;
}

.max-sm-size .tab-product .snav-tabs li a {
  padding: 7px 10px;
}

.tab-product .snav-tabs li:nth-child(1) a {
  background-color: #8bb0db;
}

.tab-product .snav-tabs li:nth-child(1):hover a,
.tab-product .snav-tabs li:nth-child(1):focus a,
.tab-product .snav-tabs li:nth-child(1) a.active {
  background-color: #97abc3;
}

.tab-product .snav-tabs li:nth-child(2) a {
  background-color: #aaa7ce;
}

.tab-product .snav-tabs li:nth-child(2):hover a,
.tab-product .snav-tabs li:nth-child(2):focus a,
.tab-product .snav-tabs li:nth-child(2) a.active {
  background-color: #9895b8;
}

.tab-product .snav-tabs li:nth-child(3) a {
  background-color: #6ec3dc;
}

.tab-product .snav-tabs li:nth-child(3):hover a,
.tab-product .snav-tabs li:nth-child(3):focus a,
.tab-product .snav-tabs li:nth-child(3) a.active {
  background-color: #7cafbe;
}

/*Quick Search*/
.tab-product .nav-tabs li:nth-child(1) a {
  background-color: #919090;
}

.tab-product .nav-tabs li:nth-child(1):hover a,
.tab-product .nav-tabs li:nth-child(1):focus a,
.tab-product .nav-tabs li:nth-child(1) a.active {
  background-color: #E72E25;
}

.tab-product .nav-tabs li:nth-child(2) a {
  background-color: #919090;
}

.tab-product .nav-tabs li:nth-child(2):hover a,
.tab-product .nav-tabs li:nth-child(2):focus a,
.tab-product .nav-tabs li:nth-child(2) a.active {
  background-color: #E72E25;
}

.tab-product .nav-tabs li:nth-child(3) a {
  background-color: #919090;
}

.tab-product .nav-tabs li:nth-child(3):hover a,
.tab-product .nav-tabs li:nth-child(3):focus a,
.tab-product .nav-tabs li:nth-child(3) a.active {
  background-color: #E72E25;
}

.tab-product .nav-tabs li:nth-child(4) a {
  background-color: #919090;
}

.tab-product .nav-tabs li:nth-child(4):hover a,
.tab-product .nav-tabs li:nth-child(4):focus a,
.tab-product .nav-tabs li:nth-child(4) a.active {
  background-color: #E72E25;
}

.tab-product .nav-tabs li:nth-child(5) a {
  background-color: #919090;
}

.tab-product .nav-tabs li:nth-child(5):hover a,
.tab-product .nav-tabs li:nth-child(5):focus a,
.tab-product .nav-tabs li:nth-child(5) a.active {
  background-color: #E72E25;
}

.tab-product .nav-tabs li:nth-child(6) a {
  background-color: #919090;
}

.tab-product .nav-tabs li:nth-child(6):hover a,
.tab-product .nav-tabs li:nth-child(6):focus a,
.tab-product .nav-tabs li:nth-child(6) a.active {
  background-color: #E72E25;
}

.tab-product .tab-pane {
  padding: 25px;
}

.tab-product .tab-pane:nth-child(1) {
  background-color: #97abc3;
}

.tab-product .tab-pane:nth-child(2) {
  background-color: #9895b8;
}

.tab-product .tab-pane:nth-child(3) {
  background-color: #7cafbe;
}

.tab-product .tab-pane:nth-child(4) {
  background-color: #7EB634;
}

.tab-product .tab-pane:nth-child(5) {
  background-color: #504e4f;
}

.tab-product .tab-pane:nth-child(6) {
  background-color: #009B88;
}

.max-md-size .tab-product .tab-pane {
  padding: 15px;
}

.tab-product .label {
  background-color: #eaeef3;
  display: inline-block;
  margin: 0 15px 15px 0;
  text-decoration: none;
  padding: 5px 20px;
  border-radius: 5px;
  min-width: 85px;
  text-align: center;
  transition: color 0.35s, background 0.35s ease-out;
}

.tab-product .label:hover,
.tab-product .label:focus,
.tab-product .label.active {
  background-color: #5b7492;
  color: #fff;
}











.yyly *{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.yyly .history-teaser {
  background: #fff;
  color: #8998a4;
  border-bottom: 1px solid #d7d7d7;
  position: relative;
}
.yyly .history-teaser:first-of-type {
  border-top: 1px solid #d7d7d7;
}
.yyly .history-teaser .teaser-content-wrapper {
  float: left;
  width: 50%;
  padding: 5.2083333333%;
  min-height: 450px;
}
.yyly .history-teaser .teaser-content-wrapper::after {
  border-left-color: #fff;
}
.yyly .history-teaser .entry-header {
  width: 100%;
  float: left;
  text-align: left;
}
.yyly .history-teaser .entry-header h3 {
  font-size: 80px;
  line-height: 1.1;
  font-weight: normal;
  margin: 0;
}
.yyly .history-teaser .entry-content-teaser {
  float: right;
  text-align: left;
  width: 100%;
  padding-top: 80px;
}
.yyly .history-teaser .entry-content-teaser p {
    font-size: 25px;
    text-indent: 2em;
    line-height: 40px;
}
.yyly .history-teaser .teaser-image {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  background-position: center;
  background-size: cover;
}
.yyly h1, .yyly h2, .yyly h3, .yyly h4, .yyly h5, .yyly h6 {
  font-family: 'OpenSans-Light', 'Microsoft YaHei', '微软雅黑', 'Open Sans', 'Economica', sans-serif;
}
@media screen and (max-width: 1650px) {
  .yyly .history-teaser .entry-header h3 {
    font-size: 96px;
  }
  .yyly .history-teaser .entry-content-teaser p {
    font-size: 24px;
  }
}
.yyly .history-teaser:nth-of-type(even) .teaser-content-wrapper {
  float: right;
}
.yyly .history-teaser:nth-of-type(even) .teaser-content-wrapper::after {
  border-right-color: #fff;
  border-left-color: transparent;
}
.yyly .history-teaser:nth-of-type(even) .entry-header {
  float: right;
  text-align: right;
}
.yyly .history-teaser:nth-of-type(even) .entry-content-teaser {
  float: left;
}
.yyly .history-teaser:nth-of-type(even) .teaser-image {
  right: inherit;
  left: 0;
}
@media screen and (min-width: 700px) and (max-width: 1319px) {
  .yyly .history-teaser .entry-header, .yyly .history-teaser:nth-of-type(even) .entry-header {
    float: none;
    width: auto;
    margin-bottom: 30px;
    text-align: left;
  }
  .yyly .history-teaser .entry-content-teaser, .yyly .history-teaser:nth-of-type(even) .entry-content-teaser {
    float: none;
    width: auto;
  }
}
@media screen and (max-width: 1024px) {
  .yyly .history-teaser .entry-content-teaser p, .yyly .history-teaser:nth-of-type(even) .entry-content-teaser p {
    font-size: 20px;
  }
}
@media screen and (max-width: 699px) {
  .yyly .history-teaser .teaser-content-wrapper, .yyly .history-teaser:nth-of-type(even) .teaser-content-wrapper {
    float: none;
    width: auto;
    padding: 80px 40px;
    overflow: hidden;
    min-height: 1px;
  }
  .yyly .history-teaser .teaser-image, .yyly .history-teaser:nth-of-type(even) .teaser-image {
    position: relative;
    width: 100%;
    min-height: 350px;
  }
}
@media screen and (max-width: 610px) {
  .yyly .history-teaser .entry-header h3, .yyly .history-teaser:nth-of-type(even) .entry-header h3 {
    font-size: 72px;
  }
}
@media screen and (max-width: 480px) {
  .yyly .history-teaser .entry-header, .yyly .history-teaser:nth-of-type(even) .entry-header {
    float: none;
    width: auto;
    margin-bottom: 30px;
    text-align: left;
  }
  .yyly .history-teaser .entry-content-teaser, .fzlc .history-teaser:nth-of-type(even) .entry-content-teaser {
    float: none;
    width: auto;
  }
}





.qyjs *{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.qyjs .history-teaser {
  background: #fff;
  color: #8998a4;
  border-bottom: 1px solid #d7d7d7;
  position: relative;
}
.qyjs .history-teaser:first-of-type {
  border-top: 1px solid #d7d7d7;
}
.qyjs .history-teaser .teaser-content-wrapper {
  float: left;
  width: 50%;
  padding: 5.2083333333%;
  min-height: 450px;
}
.qyjs .history-teaser .teaser-content-wrapper::after {
  border-left-color: #fff;
}
.qyjs .history-teaser .entry-header {
  width: 100%;
  float: left;
  text-align: left;
}
.qyjs .history-teaser .entry-header h3 {
  font-size: 80px;
  line-height: 1.1;
  font-weight: normal;
  margin: 0;
}
.qyjs .history-teaser .entry-content-teaser {
  float: right;
  text-align: left;
  width: 100%;
  padding-top: 80px;
}
.qyjs .history-teaser .entry-content-teaser p {
    font-size: 25px;
    line-height: 40px;
}
.qyjs .history-teaser .teaser-image {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  background-position: center;
  background-size: cover;
}
.qyjs h1, .qyjs h2, .qyjs h3, .qyjs h4, .qyjs h5, .qyjs h6 {
  font-family: 'OpenSans-Light', 'Microsoft YaHei', '微软雅黑', 'Open Sans', 'Economica', sans-serif;
}
@media screen and (max-width: 1650px) {
  .qyjs .history-teaser .entry-header h3 {
    font-size: 96px;
  }
  .qyjs .history-teaser .entry-content-teaser p {
    font-size: 24px;
  }
}
.qyjs .history-teaser:nth-of-type(even) .teaser-content-wrapper {
  float: right;
}
.qyjs .history-teaser:nth-of-type(even) .teaser-content-wrapper::after {
  border-right-color: #fff;
  border-left-color: transparent;
}
.qyjs .history-teaser:nth-of-type(even) .entry-header {
  float: right;
  text-align: left;
}
.qyjs .history-teaser:nth-of-type(even) .entry-content-teaser {
  float: left;
}
.qyjs .history-teaser:nth-of-type(even) .teaser-image {
  right: inherit;
  left: 0;
}
@media screen and (min-width: 700px) and (max-width: 1319px) {
  .qyjs .history-teaser .entry-header, .qyjs .history-teaser:nth-of-type(even) .entry-header {
    float: none;
    width: auto;
    margin-bottom: 30px;
    text-align: left;
  }
  .qyjs .history-teaser .entry-content-teaser, .qyjs .history-teaser:nth-of-type(even) .entry-content-teaser {
    float: none;
    width: auto;
  }
}
@media screen and (max-width: 1024px) {
  .qyjs .history-teaser .entry-content-teaser p, .qyjs .history-teaser:nth-of-type(even) .entry-content-teaser p {
    font-size: 20px;
  }
}
@media screen and (max-width: 699px) {
  .qyjs .history-teaser .teaser-content-wrapper, .qyjs .history-teaser:nth-of-type(even) .teaser-content-wrapper {
    float: none;
    width: auto;
    padding: 80px 40px;
    overflow: hidden;
    min-height: 1px;
  }
  .qyjs .history-teaser .teaser-image, .qyjs .history-teaser:nth-of-type(even) .teaser-image {
    position: relative;
    width: 100%;
    min-height: 350px;
  }
}
@media screen and (max-width: 610px) {
  .qyjs .history-teaser .entry-header h3, .qyjs .history-teaser:nth-of-type(even) .entry-header h3 {
    font-size: 72px;
  }
}
@media screen and (max-width: 480px) {
  .qyjs .history-teaser .entry-header, .qyjs .history-teaser:nth-of-type(even) .entry-header {
    float: none;
    width: auto;
    margin-bottom: 30px;
    text-align: left;
  }
  .qyjs .history-teaser .entry-content-teaser, .fzlc .history-teaser:nth-of-type(even) .entry-content-teaser {
    float: none;
    width: auto;
  }
}



.nmian-left {
  height: 425px;
        margin-bottom: 50px;
        background: #fff;
    }
    .nmian-left-t {
      background: #fff
    }
    .tets {margin-bottom: 50px;}
    #main .nchan-lant {
        height: 80px;
        background: #e72e25;
        color: #fff;
        margin-bottom: 5px;
    }
    #main .nchan-lant ._cn {
        padding-left: 25px;
        font-size: 22px;
        font-weight: normal;
        padding-top: 0px;
        line-height: 80px;
    }
    #main .nchan-lant ._en {
        padding-left: 25px;
        color: #f6c3c1;
        font-size: 12px;
        font-family: arial;
    }
    dl#SortNavList {
        height: auto;
        z-index: 88558;
    }
    dl#SortNavList dd {
        position: relative;
        z-index: 12;
    }
    dl#SortNavList dd dl dt {
        display: block;
        position: relative;
        color: #6f6f6f;
        background: url(../images/youjian2.png) 230px center no-repeat;
        background-size: 10px;
        line-height: 48px;
        font-size: 15px;
        border-bottom: 1px solid #eaeaea;
    }
    dl#SortNavList dd dl dt a {
        display: block;
        width: 100%;
        padding-left: 20px;
        background-repeat: no-repeat;
        background-position: 26px center;
        color: #6f6f6f;
        font-weight: normal;
    }
    dl#SortNavList dd dl dd {
        position: absolute;
        width: 729px;
        top: 0px;
        left: 250px;
        padding: 7px;
        background: #fff;
        border: 1px #dddddd solid;
        display: none;
    }
    dl#SortNavList dd dl dd ul li {
        line-height: 28px;
    }
    dl#SortNavList dd dl dd ul li a {
        border-bottom: 1px solid #e7463c;
        text-indent: 5px;
        font-size: 13px;
        display: block;
        color: #424242;
        font-weight: bold;
        white-space: nowrap;
    }
    dl#SortNavList dd dl dd ul li ul li {
        float: left;
        line-height: 22px;
    }
    dl#SortNavList dd dl dd ul li ul {
        height: auto;
        overflow: hidden;
        margin-bottom: 30px;
        padding-top: 10px;
    }
    dl#SortNavList dd dl dd ul li ul li a {
        display: inline-block;
        border: 0;
        padding: 0px 5px 0px 0px;
        font-weight: normal;
    }
    .listWrapper .list-product {
        margin-bottom: 30px;
    }
    .list-product > ul > li {
        float: left;
        width: 20%;
        height: auto;
        display: block;
        margin-top: 20px;
    }

    .list-product > ul > li > a {
        text-align: center;
        line-height: 25px;
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .list-product > ul > li > a .proimg {
        display: block;
        width: 204px;
        height: 204px;
        position: relative;
        margin: 0 auto;
    }
    .list-product > ul > li > a .proimg img {
        margin: 0 auto;
        display: block;
        max-width: 100%;
        border: 1px solid #e8e8e8;
    }
    .list-product > ul > li > a .name {
        display: block;
        text-align: center;
        height: 25px;
        font-size: 14px;
        line-height: 25px;
        color: #333333;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        overflow: hidden;
        white-space: nowrap;
        margin-top: 10px;
        margin-bottom: 10px;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        text-overflow: ellipsis;
    }

.proview_l .widget-search {
    padding: 10px 15px;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    position: relative;
    margin-top: 15px;
}
.proview_l .widget-search input {
    border: 0;
    background-color: transparent;
    width: 100%;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.proview_l .nav-aside .btn {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    position: relative;
    border: 1px solid transparent;
    padding: 0.375rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    text-decoration: none;
}
.proview_l .widget-search .btn {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0;
    text-align: center;
    width: 50px;
    color: #fff;
    font-size: 18px;
    border-radius: 0 4px 4px 0;
    font-weight: normal;
    border: 0;
    background: #c6c6c6;
    background: -moz-linear-gradient(top, #c6c6c6 0%, #a8a8a8 100%);
    background: -webkit-linear-gradient(top, #c6c6c6 0%, #a8a8a8 100%);
    background: linear-gradient(to bottom, #c6c6c6 0%, #a8a8a8 100%);
}