@charset "utf-8";
/* CSS Document */
*{ margin: 0 auto; padding: 0; border: 0;  font-size: 14px;outline:medium;box-sizing: border-box;font-family: "Noto Sans SC","PingFang SC","Microsoft YaHei","Arial",sans-serif;}
a{ text-decoration: none; color: #000; }
img{ display:block; max-width: 100%; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; }
.big img:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
ul{ margin: 0; padding: 0; }
li{ list-style: none; }
pre{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
i{ font-style: normal;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
body{padding-top: 120px;}
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color : #999;
  font-size: 18px;
  font-weight: 500;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color : #999;
  font-size: 18px;
  font-weight: 500;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color : #999;
  font-size: 18px;
  font-weight: 500;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color : #999;
  font-size: 18px;
  font-weight: 500;
}
input::-ms-input-placeholder { /* Microsoft Edge */
  color : #999;
  font-size: 18px;
  font-weight: 500;
}
.search2 input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  font-size: 14px;
}
.search2 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-size: 14px;
}

.search2 ::-moz-placeholder { /* Mozilla Firefox 19+ */
  font-size: 14px;
}
.search2 input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 14px;
}
.search2 input::-ms-input-placeholder { /* Microsoft Edge */
  font-size: 14px;
}
table{border-spacing: 0;border-collapse: collapse;width: 100% !important;}
table td{border:1px solid #aaa !important;padding: 10px 15px;}
tr.firstRow{background: #ccc;}
.class table td{border: none !important;padding: 0;}
.noborder td{border: none !important;padding: 1px;}
.noborder tr.firstRow{background:none;}
@font-face {
    font-family: 'PillGothic';
    src: url('../fonts/PillGothic300mgBold.eot');
    src: url('../fonts/PillGothic300mgBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PillGothic300mgBold.woff') format('woff'),
         url('../fonts/PillGothic300mgBold.ttf') format('truetype'),
         url('../fonts/PillGothic300mgBold.svg#Sri-TSCRegular') format('svg');
    font-style: normal;
   }
@font-face {
    font-family: 'PillGothicThin';
    src: url('../fonts/PillGothic300mgThin.eot');
    src: url('../fonts/PillGothic300mgThin.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PillGothic300mgThin.woff') format('woff'),
         url('../fonts/PillGothic300mgThin.ttf') format('truetype'),
         url('../fonts/PillGothic300mgThin.svg#Sri-TSCRegular') format('svg');
    font-style: normal;
   }
@font-face {
    font-family: 'HelveticaLTLight';
    src: url('../fonts/HelveticaLTLight.eot');
    src: url('../fonts/HelveticaLTLight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaLTLight.woff') format('woff'),
         url('../fonts/HelveticaLTLight.ttf') format('truetype'),
         url('../fonts/HelveticaLTLight.svg#Sri-TSCRegular') format('svg');
    font-style: normal;
   }
/*common*/
.fl, .l{ float: left; }
.fr, .r{ float: right; }
.c{ clear: both; }
.w{width: 1500px;position: relative;}
.w2{width: 1380px;position: relative;}
.w3{width: 1230px;position: relative;}
.w4{width: calc(100% - 200px);}
.slow{transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.pc{display: block;}
.m{display: none !important;}
.list-paddingleft-2{padding-left: 20px;}
.list-paddingleft-2 li{list-style: unset;}
/*head*/
.head{border-bottom: 10px solid #ff0000;background: #fff;width: 100%;position: fixed;top: 0;z-index: 100000;}
.nav{width: 850px;margin-top: 20px;}
.nav ul li{float: left;margin-right: 4%;}
.nav ul li a{font-size: 20px;display: inline-block;line-height:90px;letter-spacing:1px;}
.nav ul li a.sub{background: url("../images/arr-down.jpg") no-repeat right 52%;padding-right: 18px;}
.nav ul li .sub-nav{display: none;border-top: 10px solid #ff0000;top: 110px;position: absolute;right: 0;width: 1155px;padding:40px 0 35px 160px; background: #fff;z-index: 100;border: 1px solid #eee;}
.nav ul li .sub-nav a{text-transform: uppercase;width: 32%;font-size: 18px;line-height: 36px;color: #6b6b6b;}
.nav ul li .sub-nav a:hover,.nav ul li .sub-nav a.on{font-family: 'SourceHanSansCN-Bold-Alphabetic';font-weight: bold;}
.nav ul li:hover .sub-nav{display: block;}
.nav ul li .sub-nav dl dt{width:25%;float: left;}
.nav ul li .sub-nav dl dt a{width:100%;font-size: 20px;font-family: 'SourceHanSansCN-Bold-Alphabetic';font-weight: bold;display: block;background: url("../images/arr.png") no-repeat right 50px center;background-size: auto 30px;margin-bottom: 10px;}
.nav ul li .sub-nav dl dd{width:75%;float: left;position: relative;}
.nav ul li .sub-nav dl dd .con{position: absolute;opacity: 0;z-index: 0; width: 100%;}
.nav ul li .sub-nav dl dt a:hover,.nav ul li .sub-nav dl dt a.on{color: #000;}
.menuBtn{display: none;position: absolute;top: 50%;right: 0;transform: translateY(-50%);z-index: 9;width: 40px;/*height: 26px;*/cursor: pointer;transition: .3s;}
.menuBtn b {display: block;height: 2px;background-color: #8f8f8f;margin: 8px 0;transition: .3s;}
.menuBtn.open b { display: none; margin: 0; position: absolute; left: 0px; top: 50%; width: 40px;}
.menuBtn.open b:first-child { display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.menuBtn.open b:last-child { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
.search{margin-top: 50px;border: 2px solid #3e3a39;border-radius: 18px;position: relative;right: 0; padding: 0 40px 0 25px;background: #fff;width: 200px;}
.search input{line-height: 28px;margin: 2px auto;color: #909090;font-size: 16px;width: 100%;}
.search button{background: url("../images/ico_search.jpg") no-repeat center #3e3a39;width: 36px;height: 35px;position: absolute;right: -1px;top:-2px;border-radius: 50%;}

.search2{border: 1px solid #3e3a39;margin-top: 40px;position: relative;}
.search2 input{line-height: 24px;padding: 0 10px;}
.search2 button{background: url("../images/ico_search.jpg") no-repeat center #3e3a39;width: 24px;height: 24px;position: absolute;right: 0;top:0;}

.lang{position: absolute;right: 0;top:10px;}
.lang span{display: block;padding-right: 20px;background: url("../images/arr-lang.png") no-repeat center right;background-size: 15px; }
.lang a{font-size: 14px;line-height: 200%;}
.lang a:hover{color: #f00;}
.lang .lang-list{background: #f1f1f1;padding: 10px;display: none;position: absolute;right: 0;}
.lang:hover .lang-list{display: block;}
.banner{height: 850px;}
.banner .slide{height: 100%;}
.banner .slide li{background-size: auto 100%;background-position: center;background-repeat: no-repeat;}
.banner .slick-dots{position: absolute;left: 0;bottom: 30px;width: 100%;text-align: center;z-index: 99;}
.banner .slick-dots li{display: inline-block;margin: 0 10px; border: 2px solid #fff; border-radius: 50%;}
.banner .slick-dots li a{display: block;width: 15px;height: 15px;font-size: 0;line-height: 0;text-indent: 999px;background-color: none;border-radius: 50%;margin: 4px;}
.banner .slick-dots li.slick-active a{background-color: #fff;}
.banner video{width: 100%;height: 100%;object-fit: cover;}

.i-tit{letter-spacing: 2px;overflow: auto;margin: 20px auto;}
.i-tit h2{font-size: 28px;display: inline-block;font-weight: bold;}
.i-tit a{float: right;color: #fff;background: #ff0000;display: inline-block;line-height: 38px;padding: 0 50px;font-size: 16px;font-weight: bold;}
.i-news{padding: 50px 0 100px;overflow: auto;}
.i-news .i-con .l{width: 445px;}
.i-news .r{width: calc(98% - 445px);}
.i-news .i-con .item{background: #f4f4f4;padding: 20px 30px;min-height: 510px;position: relative;}
.i-news .i-con .item i{color: #fff;background: #545454;line-height: 22px;border-radius: 11px;padding: 0 10px;}
.i-news .i-con .item h2{font-size: 40px;font-weight: bold;margin: 15px auto;}
.i-news .i-con .item span{font-size: 18px;line-height: 180%;display: block;max-width: 365px;font-weight: 300;}
.i-news .i-con .item i,.i-news .i-con .item h2,.i-news .i-con .item span{margin-left: 0;position: relative;}
.i-news .i-con .item.r{color: #fff;background-color: #000;background-repeat: no-repeat;background-size: cover; background-position: bottom;}
.i-news .i-con .item.r .bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: linear-gradient(to bottom right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));}
.i-news .i-con .item.r h2{max-width: 600px;}
.i-news .i-con .item.r span{max-width: 690px;}
.i-news .i-con .item a.more{position: absolute;bottom: 65px;left: 30px; font-size: 18px; background: url("../images/more1.png") no-repeat right center;color:#000;font-weight: bold;padding-right: 35px;background-size: auto 100%;}
.i-news .i-con .item.r a.more{color: #fff;background-image: url("../images/more3.png");}
.i-news .i-con .item a.more:hover{background-image: url("../images/more2.png");}


.i-pro{background: #252525;padding: 50px 0 100px;}
.i-pro .i-tit{color: #fff;}
.i-pro .slick-prev,.i-pro .slick-next{position: absolute;top: 50%;transform: translateY(-50%);width: 71px;height: 71px;font-size: 0;}
.i-pro .slick-prev{background: url("../images/arr-l.png") no-repeat center center;left: -90px;}
.i-pro .slick-next{background: url("../images/arr-r.png") no-repeat center center;right: -90px;}
.i-pro .i-con .i-prolist{width: calc(100% + 20px);margin-left: -10px;}
.i-pro .i-con .i-prolist .item{margin: 20px 10.5px;background: #fff;width: 30%; max-width: 450px;display: inline-block;text-align: center;padding:40px 20px;}
.i-pro .i-con .i-prolist .item .big{overflow: hidden;height: 240px;}
.i-pro .i-con .i-prolist .item h2{font-size: 34px;font-weight: bold;line-height: 180%;}
.i-pro .i-con .i-prolist .item p{font-size: 18px;min-height: 70px;}
.i-pro .i-con .i-prolist .item b{font-size: 20px;font-weight: bold;}
.i-pro .i-con .i-prolist .item b i{font-size: 18px;color: #fff;background: #f00;line-height:20px;border-radius: 10px;padding: 0 18px;font-weight: normal;display: inline-block;margin-left: 40px;}
.i-pro .i-con .i-prolist .item:hover{background: #f00;}
.i-pro .i-con .i-prolist .item:hover h2,.i-pro .i-con .i-prolist .item:hover p,.i-pro .i-con .i-prolist .item:hover b{color: #fff;}
.i-pro .i-con .i-prolist .item:hover b i{background: #fff;color: #f00;}


.map{background: #89898b;overflow: auto;padding: 50px 0;}
.map .i-tit h2{color: #c2c2c2;line-height: 30px;overflow: hidden;}
.map .i-tit h2:last-child{border-left: 2px solid #c3c3c3;padding-left: 20px;margin-left: 13px;}
.map .i-tit h2.on{color: #fff;}
.map .tab-con{position: relative;min-height: 862px;}
.map .box{width: 100%;height: 100%; position:relative;display: none}
.map .i-con{margin-top: 25px;}
.map .i-con .info{background: #646464;font-size: 18px;color: #fff;width: 32%;min-height: 112px;padding: 15px 25px;}
.map .tab{margin-right: 0; width:66%;box-sizing: border-box;}
.map .tab span{display: inline-block;line-height: 55px;width: 33.333333%;text-align: center;font-weight: bold;font-size: 18px;cursor:pointer;padding: 0 20px;text-align: left;color: #ff0000;letter-spacing: 5px;background: url("../images/ar1.jpg") no-repeat right 15px center #fff;transition: .5s; border-bottom: 1px solid #89898b;border-right: 1px solid #89898b;}
.map .tab span:nth-child(3n){border-right: none;}
.map .tab span.on{background:url("../images/ar2.jpg") no-repeat right 15px center #ff0000;color: #fff;}
.map .con{background: url("../images/imap0.jpg") no-repeat center top;height: 700px;margin-top: 25px;position: relative;background-size: 100% auto;}
.map .cn .con{background-image: url("../images/map0.jpg");background-size: 100% auto;height: 800px;}
.map .con img{opacity: 0;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.brand{background:#cbcbcb;}
.brand ul{max-width:1380px;margin:0 auto;display:flex;}
.brand ul li{width:33.33%;}
.brand ul li img{transition: 0s; -ms-transition: 0s; -moz-transition: 0s; -webkit-transition: 0s; -o-transition: 0s;}
.brand ul li:hover{background:#ff0000;}
.brand ul li:nth-child(2):hover{background:#ffe100;overflow: hidden;}
.brand ul li:nth-child(3):hover{background:#22ac39;}
.brand ul li:nth-child(2):hover img{transform: translateX(-360px);filter: drop-shadow(360px 0 #000);}



/* 内页 */
.nbanner{height: 360px;background-position: center;background-repeat: no-repeat;}
.container{}
.container .wp{overflow: visible;max-width: 1230px;}
.position{line-height: 30px;color: #909090;margin: 30px auto;}
.position .home{background: url("../images/ico_home.jpg") no-repeat center;display: inline-block;width: 14px;height: 12px;}
.position a,.position span{margin:0 7px;color: #909090;font-weight: 500;}
.position a:first-child{margin-left: 0;}
.position a:last-child{font-weight: 600;}

.container .title{margin: 4% auto 5%; text-align: left;}
.container .title h2{font-size: 42px;font-weight: 900;line-height: 120%;}
.container .title h3{font-size: 30px;line-height: 200%;}
.container .title span{font-size: 30px;line-height: 80px;}
.container .title p{font-size: 18px;line-height: 150%;max-width: 885px;margin-top: 4%;margin-left: 0;}
.container .content{font-weight: 300;}
.container .content *{font-size: 18px;line-height: 180%;}
.container.about .content .l{width: 48%;}
.container.about .content  .r{width: 49%;}
.container .content h2{font-size: 30px;}
.container .wp.a1 .num{margin: 7% auto;}
.container .wp.a1 .num dl{border-radius: 50%;overflow: auto;display: inline-block; width: 212px;height: 212px;text-align: center;padding-top: 50px;border: 2px solid #000;margin-right:70px;color: #f00;}
.container .wp.a1 .num dl dt{font-size: 90px;font-weight: 500;font-family: 'PillGothic';}
.container .wp.a1 .num dl dt i{font-size: 18px;}
.container .wp.a1 .num dl:nth-child(2n) dt i{font-size: 60px;font-family: 'PillGothic';}
.container .wp.a1 .num dl dd{font-size: 18px;font-weight: 500;}
.container .wp.a1 .num dl:last-child{background: url("../images/bg_about.jpg") no-repeat center;}
.container .wp.a1 .num dl:last-child dt,.container .wp.a1 .num dl:last-child dd{color: #fff;}
.container .wp.a2,.container .wp.a5{background: #f1f1f1;padding: 3% 0 8%;max-width: none;}
.container .wp.a3{padding: 4% 0;}
.container .wp.a3 .con{overflow: auto;}
.container .wp.a3 .con dl{ width: 29.5%;display: inline-block;margin-right: 5%;counter-increment: section;padding-left: 50px;padding-top: 50px;margin-bottom: 5%;}
.container .wp.a3 .con dl:nth-child(3){margin-right: 0}
.container .wp.a3 .con dl dt::before{content: counter(section);font-size: 90px;font-weight: bold;font-family: 'PillGothic';position: absolute;left: -50px;bottom: 13px;font-style: italic;color: #f00;}
.container .wp.a3 .con dl:first-child dt::before{left: -45px;}
.container .wp.a3 .con dl dt{font-size: 18px;font-weight: bold;line-height: 200%;position: relative;}
.container .wp.a3 .con dl dd{font-size: 18px;line-height: 150%;font-weight: 300;}

.container .wp.a4{margin: 5% auto;}
.container .wp.a4 .con{position: relative;}
.container .wp .structure dl{position: absolute;left: 0;top: 0;}
.container .wp .structure dl dt{font-size: 36px;font-weight: bold; line-height: 250%;position: relative;padding-top: 15px;}
.container .wp .structure dl dt::before{content: '';width: 75px;height: 5px;background: #000;top: 0;left: 0;position: absolute;}
.container .wp .structure dl dd{font-size: 18px;line-height: 200%;counter-increment: mycounter;}
.container .wp .structure dl dd::before{content: counter(mycounter,lower-alpha);width: 20px;height: 20px;color: #fff;background: #000;font-size: 18px;margin-right: 15px;border-radius: 50%;display: inline-block;line-height: 18px;font-family: 'HelveticaLTLight';text-align: center;}

.container .wp.a5 .structure dl{left: 55%;top: 12%;}
.container .wp.a5{padding-bottom: 0;}

.container .wp.a6{padding: 5% 0 10%;}
.container .wp.a6 .l .num dl{display: inline-block;border-left: 5px solid #f00;padding:10px 0 5px 30px;width: 49%;margin-bottom: 10%;}
.container .wp.a6 .l .num dl dt{font-size: 90px;font-family: 'PillGothic';color: #f00;line-height: normal;margin-bottom: -10px;}
.container .wp.a6 .l .num dl dt i{font-size:30px;font-weight: bold;}
.container .wp.a6 .l .num dl dd{font-size: 18px;font-weight: bold;line-height: 150%;}
.container .wp.a6 .r .num{background:url("../images/bg_about2.png") no-repeat center top;background-size: 100% auto;min-height: 150px;}
.container .wp.a6 .r .num{overflow: auto;}
.container .wp.a6 .r .num dl{padding: 8px 30px;margin-bottom: 10%;}
.container .wp.a6 .r .num dl dt{font-size: 90px;font-family: 'PillGothic';color: #fff;line-height: normal;margin-bottom: -10px;}
.container .wp.a6 .r .num dl dt i{font-size:30px;font-weight: bold;}
.container .wp.a6 .r .num dl dd{font-size: 18px;color: #fff;line-height: 150%;}

.history{overflow: auto;position: relative;margin-bottom: 12%;}
.timeline{width: 1px;background: #cdcdcd;height: 100%;position:absolute;left: 50%;}
.history .box{margin-top: 88px;position: relative;width: 50%;z-index: 10;}
.history .box::after{content: '';width: 15px;height: 15px;border-radius: 50%;top: 30px;right: -8px;position: absolute;background: #cdcdcd;}
.history .box:first-child{margin-top: 0;}
.history .box.fr::after{left: -7px;right: auto;}
.history .box img{/*-webkit-filter: grayscale(100%);filter: grayscale(100%);*/}
.history .box.fl dl{float: left;}
.history .box.fr dl{float: right;}
.history .box:hover::after{background: #fff;border: 2px solid #cdcdcd;right: -10px;top:28px}
.history .box.fr:hover::after{left: -9px;right: auto;}
.history .box:hover img{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
.history .box dl{background: #f0f0f0;max-width: 454px;}
.history .box dl dt{font-size: 30px;line-height: 180%;}
.history .box dl dd{border-bottom: 10px solid #fff;}
.history .box dl dd p{font-size: 18px;line-height: 180%;}
.history .box dl dt{padding: 15px 20px 0 20px}
.history .box dl dd{padding: 0px 20px 20px 20px;}
.history .box dl dd:nth-child(3){padding: 0;}


.culture .row .l,.culture .row .r{width: 48.5%;margin-bottom: 10%;}
.culture .row .tit{background: #f0f0f0;line-height: 50px;font-size: 30px;font-weight: bold;}
.culture .row .tit font{font-size: 30px;}
.culture .row .tit,.culture .row .con{padding: 0 20px;}
.culture .row .con{padding: 30px 20px;font-size: 20px;overflow: auto;}
.culture .row .con *{font-size: 18px;}
.culture .row .con li{width: 48%;display: inline-block;vertical-align: top;margin-right: 3.5%;line-height: 180%;margin-bottom: 8%;}
.culture .row .con li:nth-child(2n){margin-right: 0;}

.honor,.class,.media,.contact{margin-bottom: 15%;}
.honor ul{overflow: auto;margin-bottom: 8%;}
.honor ul li{line-height: 150%;float: left;width: 48%; border-top: 1px solid #ccc;font-size: 20px;padding: 16px 0;}
.honor ul li.two{height:120px;}
.honor ul li:nth-child(2n){float: right;}
.honor ul li:nth-last-child(3){border-bottom: 1px solid #ccc;}
.honor ul li:last-child{border-bottom: 1px solid #ccc;float: left;}


.left-menu{width:200px;}
.left-menu dl dt{font-size: 24px;font-weight: bold;margin: 5% auto;}
.left-menu dl dd a{font-size: 16px;line-height: 200%;display: block;}
.left-menu dl dd a.on{color: #f00;}

.prolist,.newslist,.left-menu{overflow: auto;margin-bottom: 8%;}
.prolist ul{overflow: auto;}
.prolist ul li{background: #f0f0f0;width: 19.2%;margin-right:1%;float: left;margin-bottom: 0.5%;margin-top: 0.5%;text-align: center;padding: 0 25px;}
.prolist ul li:nth-child(5n){margin-right: 0;}
.prolist ul li .pic{padding: 30px 0 15px; background: url("../images/shadow.png") no-repeat bottom center;height: 0;padding-bottom: 147%;overflow: hidden;position: relative;background-size: 100%;}
.prolist ul li .pic img{position: absolute;bottom: 5%;}
.prolist ul li h2{font-size: 22px;font-weight: bold;line-height: 180%;}
.prolist ul li p{font-size: 14px;min-height: 65px;}
.prolist ul li b{font-size: 16px;font-weight: bold;}
.prolist ul li b i{font-size: 18px;color: #fff;background: #f00;line-height:20px;border-radius: 10px;padding: 0 18px;font-weight: normal;display: inline-block;margin-left: 40px;}
.prolist ul li label{display: block;line-height: 60px;position: relative;}
.prolist ul li label a{border-bottom: 2px solid #b2b0b1;display: inline-block;line-height: 20px;}
.prolist ul li input{width: 16px;height: 15px;opacity: 0;}
.prolist ul li .spot{display:inline-block;width:16px;height:15px;background:url("../images/checkbox.png") no-repeat;  /*默认的样式图片*/background-size:16px;position: absolute;top:50%;z-index:5;transition:all .1s;transform: translate(-40px,-45%);}
.prolist ul li input:checked + .spot{background:url("../images/ico_select.png") no-repeat;  /*选中后的样式图片*/background-size:16px;}
.tips{margin-right: 0;}
.tips p{font-size: 14px;color: #999;text-align: right;}

.class .bg{background: #f0f0f0;padding: 13px 0 13px 20px; }
.class .bg b{font-size: 24px;line-height: 100%;font-weight: 500;}
.class .con .l,.class .con .r{width: 50%;}

.media .tit{border-bottom: 2px solid #000;padding: 15px 0;margin: 50px auto 30px;}
.media .tit h2{font-size: 30px;display: inline-block;}
.media .tit a{display: block;width: 38px;height: 38px;border: 2px solid #bfbfbf;border-radius: 50%;position: relative;float: right;}
.media .tit a img{position: absolute;top: 50%;left: 50%; transform: translate(-50%,-35%);width: 50%;}
.media .con{}
.media .con ul {margin: 30px auto;overflow:visible;}
.media .con ul li{position: relative;box-shadow: 0px 0px 9px #b1b1b1; margin: 0px;color: #fff; width: 30%;margin: 10px 5% 10px auto;float: left;}
.media .con ul li:nth-child(3n){margin-right: 0;}
.media .con ul li .pic{margin: 5px;}
.media .con ul li .text{display: none;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 2;padding: 30px 35px;}
.media .con ul li .text::before{content: ''; position: absolute; background: #000;opacity: 0.8;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;}
.media .con ul li .text h2{font-size: 48px;font-weight: bold;}
.media .con ul li .text h3{font-size: 18px;margin-bottom: 10px;}
.media .con ul li .text span{font-size: 24px;margin-bottom: 60px;display: block;}
.media .con ul li .text p{position: absolute;bottom: 15%;width: 200px;display: flex;justify-content: space-between;flex-wrap:wrap;left: 50%;transform: translateX(-50%);}
.media .con ul li .text p a{margin: 0;}
.media .con ul li:hover .text{display: block;}
.media .con.poster ul li{width: 23.5%;margin-right:2%;}
.media .con.poster ul li:nth-child(3n){margin-right:2%;}
.media .con.poster ul li:nth-child(4n){margin-right:0;}
.media .con.poster ul li .pic{margin: 0;height:0;padding-bottom: 150%;}
.media .con.case ul li .pic{height: 0;overflow: hidden;padding-bottom: 60%;}
.media .con.case ul li .text h2{font-size: 16px;}
.media .con.case ul li .text span{margin-bottom: 0;font-size: 14px;}

.newslist{margin-top: -3%;}
.newslist ul{overflow: auto;}
.newslist ul li{overflow: auto;display: flex;margin:0 auto 50px;justify-content: space-between;flex-wrap:wrap;}
.newslist ul li .pic{width: 400px;overflow: hidden;margin: 0;height: 250px;}
.newslist ul li .pic img{object-fit: cover;width: 100%;height: 100%;}
.newslist ul li .text{width: calc(100% - 440px);position: relative;margin: 0;}
.newslist ul li .text i{color: #fff;background: #888;line-height: 20px;border-radius: 10px;padding: 0 10px;font-family: 'HelveticaLTLight';font-size: 16px;display: inline-block;}
.newslist ul li .text h2 a{font-size: 30px;font-weight: bold;margin: 15px auto;display: block;}
.newslist ul li .text span{font-size: 18px;line-height: 180%;display: block;color: #4a4a4a;font-weight: 300;}
.newslist ul li .text h2,.newslist ul li .text span{margin-left: 0;}
.newslist ul li .text a.more{position: absolute;bottom: 10px;left: 0px; font-size: 18px; background: url("../images/more1.png") no-repeat right center;color:#000;font-weight: bold;padding-right: 35px;background-size: auto 100%;}
.newslist ul li .text a.more:hover{background-image: url("../images/more2.png");}
.container.news .title,.container.news .content{max-width: 930px;margin-left: 0;}
.container.news .content img{/*margin-left: 0;*/height: auto !important;max-width: 100% !important;}

.next{margin: 8% auto 10%;}
.next .title{border-bottom: 2px solid #000;margin-bottom: 20px;max-width: none !important;}
.next .title span{line-height: 60px;}
.next .title .share{float: right;font-size: 18px;margin-top: 15px;}
.next .title .share a{float: right;margin: 0 10px;}
.next .title .share .qrcode{box-shadow: 0px 0px 9px #b1b1b1;}
.next .title .share .qrcode::after{border-right: 1px solid #ccc; border-top: 1px solid #ccc;box-shadow: 0px 0px 9px #b1b1b1;bottom: -10px;box-shadow: 3px -3px 4px -3px #b1b1b1;}
.next a img{margin-left: 0;}
.next .con{margin-bottom: 3%;}
.next .con .l,.next .con .r{width: 48%;}
.next .con .l{max-width: 500px;}
.next .con .l a{font-size: 42px;font-weight: bold;}
.next .con .r{font-size: 18px;line-height: 180%; font-weight: 300;}

.contact .bg{background: #f0f0f0;padding: 20px 60px; overflow: auto;}
.contact .bg dl{overflow: auto;width: 40%;float: left;margin: 30px auto;}
.contact .bg dl:nth-child(3n){width: 20%;}
.contact .bg dl dt{font-size: 18px;font-weight: bold;}
.contact .bg dl dd{font-size: 24px;font-family: 'PillGothicThin';font-weight:bold;}

.gbook{max-width: 760px;margin-left: 0;padding-top: 120px;}
.gbook  .title{margin-bottom: 3%;}
.gbook  .title span{font-size: 36px;}
.gbook .row{overflow: auto;margin: 10px auto;}
.gbook .row label{width: 45%;}
.gbook .row p{font-size: 18px; text-align: left;font-weight: bold;line-height: 250%;}
.gbook .row input,.gbook .row textarea{ width: 100%;line-height: 52px; border: 2px solid #bfbfbf;outline: none; padding-left: 15px;font-size: 16px;}
.gbook .row textarea{min-height: 150px; padding: 15px;line-height: 30px;}
.gbook .row .btn{ background: #e60012; color: #fff; font-size: 24px; padding: 4px 20px;margin: 30px auto;border: none;}
.gbook .row .fr img{width: 150px;height: 50px;border: 1px solid #ccc;margin-left: 0;}

.proinfo{margin-top: 8%;}
.proinfo .pic{width: 400px;background:url("../images/shadow2.png") no-repeat center bottom 10px;padding-bottom: 40px;position: relative;}
.proinfo .pic p{position: absolute;bottom: 0;font-size: 12px;color: #999;width: 100%;text-align: center;}
.proinfo .text{width: 750px;}
.proinfo .text h2{font-weight: bold;font-size: 42px;line-height: 150%;}
.proinfo .text .con{background: #f00;border-radius: 10px;padding: 15px 20px;margin: 20px auto;}
.proinfo .text .con,.proinfo .text .con *{font-size: 18px;color: #fff;line-height: 150%;}
.proinfo .text .ico{margin: 30px auto;}
.proinfo .text .ico img{display: inline-block;margin-right: 30px;height: 90px;opacity: 0.5;}
.proinfo .text dl{overflow: auto;border-bottom: 1px solid #8a8a8a;margin: 20px auto;}
.proinfo .text dl dt,.proinfo .text dl dd,.proinfo .text dl dd *{display: inline-block;font-size: 24px;line-height: 60px;font-weight: lighter;float: left;}
.proinfo .text dl dt{font-weight: bold;width: 120px;}
.proinfo .text dl dd{width: calc(100% - 120px);}
.proinfo .text dl dd em{font-style: normal;position: relative;padding-right: 55px;}
.proinfo .text dl dd em::after{content: '';position: absolute;width: 28px;height: 4px;display: block;background: #f00;right: 20px;top: 25px;}
.proinfo .text dl dd em:nth-child(2)::after{background-color: #9d9d9d;}
.proinfo .text dl dd .wheel{float: right;margin-top: 10px;}
.proinfo .text dl dd .wheel img{margin-left: 10px;height: 35px;}


.trait{padding: 5% 0;position: relative;}
.trait .tit{font-size: 36px;color: #000;line-height: 120%;position: absolute;z-index: 10;}
.trait .slick-prev{display: none !important;}
.trait .slick-next{font-size:0;background: url("../images/arr.png") no-repeat center center;width: 65px;height: 65px; display: inline-block !important;position: absolute;bottom: -5px;background-size: 100%;}

.techlist{min-height: 300px;}
.techlist .item .l{max-width: 450px;width: 37%; background: #fff;}
.techlist .item .l h2{font-size: 42px;font-weight: bold;line-height: 300%;}
.techlist .item .l span{font-size: 18px;line-height: 150%;font-weight: bold;}
.techlist .item .r{width:57%;max-width:695px;}
.techlist .item .r img{max-height: 308px;}

.parameter .tit{font-weight: bold;font-size: 24px;line-height: 80px;}
.parameter .con{overflow-x: scroll;}
.parameter .con table{border-bottom: 2px solid #747474;min-width: 1200px;}
.parameter .con table tr:first-child{border-top: 5px solid #f00;}
.parameter .con table tr:nth-child(2n){background-color:#f6f6f6;}
.parameter .con table tr:first-child,.parameter .con table tr:nth-child(2){background: none;font-weight: bold;font-size: 14px;}
.parameter .con table tr:nth-child(2){border-bottom: #747474 2px solid;}
.parameter .con table tr td{border: none !important;text-align: center;font-size: 14px !important;}
/*.parameter .con table tr:first-child td{padding-bottom: 0;}*/
.parameter .con table tr:nth-child(2) td{padding-top: 0;}
.parameter .con table tr:last-child td{padding-bottom: 20px;}
/*.parameter .con::-webkit-scrollbar{width:3px;height:3px;background-color:rgba(0,0,0,.1);}
.parameter .con::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:none;}
.parameter .con::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(255,0,0,1);-webkit-box-shadow:inset 0 0 6px rgba(255,0,0,1);background-color:#fff;}*/

.more-pro{padding: 3% 0;}
.more-pro .tit{font-size: 36px;font-weight: bold;line-height: 300%;}
.more-pro .prolist ul li{background: #fff;padding-bottom: 30px;}

.consult .title{margin-bottom: 10%;}
.consult .title a.btn{line-height: 35px;color: #fff;background: #f00;padding:0 33px; display: inline-block;}
.consult .title .share{float: right;font-size: 18px;}
.consult .title .share a{float: right;margin: 0 10px;}
.consult .title .share .qrcode{box-shadow: 0px 0px 9px #b1b1b1;}
.consult .title .share .qrcode::after{border-right: 1px solid #ccc; border-top: 1px solid #ccc;box-shadow: 0px 0px 9px #b1b1b1;bottom: -10px;box-shadow: 3px -3px 4px -3px #b1b1b1;}

.pages{margin: 5% auto;text-align: center;}
.pages .addto{background: #f00;font-size: 18px;color: #fff;padding: 0 40px;line-height: 50px;margin-right: 5%;}
.pages a{display: inline-block;padding: 0 20px;line-height: 48px;border: 1px solid #000;font-size: 18px;margin: 0 10px;}
.pages a:hover,.pages a.page-num-current{border-color: #f00;background: #f00;color: #fff;}


.joblist{margin-top: -3%;margin-bottom: 8%;}
.joblist dl{margin: 0 auto 50px;}
.joblist dl dt{line-height: 460%;font-size: 30px;border-left: 8px solid #9d9d9d;padding-left: 75px;background: #f0f0f0;position: relative}
.joblist dl dt span{position: absolute;width: 55px;height: 100%;display: block;right:0;background: #e60012;}
.joblist dl dt span::after{content: '';position: absolute;top: 50%;left:50%;width: 21px;height: 21px;background: url("../images/jia.jpg") no-repeat center center;    transform: translate(-50%,-50%);transition: .5s;}
.joblist dl dt.op span::after{background: url("../images/jian.jpg") no-repeat center center;transform: translate(-50%,-50%) rotate(180deg);}
.joblist dl dd{display: none;padding: 40px 83px;}
.joblist dl dd .con{margin-bottom: 35px;position: relative;margin-left: 0;}
.joblist dl dd .con h2{font-size: 30px;font-weight: bold;line-height: 200%;}
.joblist dl dd .con p{font-size: 24px;color: #4a4a4a;line-height: 200%;}
.joblist dl dd .con img{position: absolute;right: 0;bottom: 0;}
.joblist dl dd .con:last-child{max-width: 620px;}


/* 底部 */

.foot{background: #1c1c1c;overflow: auto;}
.foot .foot-nav{padding: 30px 0 90px;}
.foot .foot-nav dl{width: 20%;overflow: auto;float: left;}
.foot .foot-nav dl dt{font-size: 18px;/*font-weight: bold;*/color:#fff;line-height: 60px;}
.foot .foot-nav dl dd a,.foot .foot-nav dl dd span{font-size: 14px;color: #b0b0b0;line-height:180%;display: block;/*white-space:nowrap;*/}
.share{float: right;}
.share a{display: inline-block;margin:10px;position: relative;width: 25px;height: 25px;}
.share a .ico{width: 25px;overflow: hidden;}
.share a .ico img{transform: translateX(-26px);filter: drop-shadow(26px 0 #8e8e8e);transition: 0s; -ms-transition: 0s; -moz-transition: 0s; -webkit-transition: 0s; -o-transition: 0s;}
.share .qrcode{position: absolute;bottom: 36px;background: #fff;font-size: 14px;color: #000;text-align: center;width: 200px;padding: 15px 15px 10px;left: 50%;transform: translateX(-50%);display: none;}
.share .qrcode::after {content: "";width: 18px;height: 18px;background: #fff;position: absolute;left: 0;right: 0;margin: auto;bottom: -9px;transform: rotate(135deg);-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.share a:hover .qrcode{display: block;}
.share a:hover .ico img{transform: translateX(0px);}
.foot .copyright{border-top: 1px solid #fff;line-height: 50px;margin: 10px auto;}
.foot .copyright p{font-size: 14px;color: #fff;}
.foot .copyright a{color: #666;margin-left: 10px;}
.foot .copyright .design{color: #666;float: right;}


.float{position: fixed;right: 0;bottom: 200px;z-index: 100;}
.float .inquire{width: 186px;height: 46px;background-color: #ff0000;transition: .6s;-ms-transition: .6s;-moz-transition: .6s;-webkit-transition: .6s;-o-transition: .6s;line-height: 46px;background-repeat: no-repeat;display: block;position: relative;right: -140px;background-position: 10px center;color: #fff;font-weight: bold;font-size: 18px;padding-left: 30px;box-sizing: border-box;}
.float:hover .inquire{right: 0;}
.float img{position: absolute;right: 0;bottom: 0;}