body{background: #fff;font-size:14px;
 /*font-family: -apple-system,"SF UI Text",Roboto,Noto,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;*/
 font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;
 color:#333;max-width: 1920px;margin:0 auto;}
*{margin:0;padding:0;box-sizing: border-box;}
ul,dl,dd,dt,h2,p,h3,h4,h1{margin:0;}
ul,li{list-style: none;}
i{font-style: normal;}
a{cursor: pointer;color:inherit;}
a:hover,a:focus{text-decoration: none;color:inherit;}

.fs0{font-size:0;}
.fs120{font-size: 120px;line-height: 1;}
.fs70{font-size: 66px;line-height: 1;}
.fs52{font-size: 52px;line-height: 1;}
.fs50{font-size: 46px;line-height: 1;}
.fs42{font-size: 42px;}
.fs45{font-size: 40px;line-height: 1;}
.fs40{font-size: 34px;}
.fs36{font-size: 36px;}
.fs30{font-size: 30px;}
.fs34{font-size: 28px;}
.fs30{font-size: 26px;}
.fs27{font-size: 27px;}
.fs28{font-size: 24px;}
.fs26{font-size: 22px;}
.fs24{font-size: 20px;}
.fs22{font-size: 18px;}
.fs20{font-size: 17px;}
.fs18{font-size: 16px;}
.fs15{font-size: 15px;}
.fs16{font-size: 14px;}

@font-face{font-family: "iconfont";
 src: url('../fonts/iconfont.eot'); /* IE9*/
 src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
 url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
 url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
 font-family:"iconfont" !important;
 display:inline-block;
 vertical-align: middle;
 margin:0 .3em;
 font-size: 1.1em;
 font-style:normal;
 -webkit-font-smoothing: antialiased;
 -webkit-text-stroke-width: 0px;
 -moz-osx-font-smoothing: grayscale; 
}
 
.c0{color:#000;}
.c3{color:#333;}
.c6{color:#666;}
.fl{float:left;}
.fr{float:right!important;}
.mb10{margin-bottom: 10px;}
.mt10{margin-top: 10px;}
.mt5{margin-top: 5px;}
.pr{position: relative;}
.bold{font-weight: bold;}
.img-responsive{display: block;margin:0 auto;max-width: 100%;}
.flex,.flexC{ display: -webkit-box;display: -webkit-flex; display: -ms-flexbox; display: flex;}
.flex>.sub,.flexC>.sub{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden;}
.flexC{-webkit-flex-direction: column; flex-direction: column;}
.sb{justify-content: space-between;}
.jc{justify-content: center;}
.ta{ text-align:center}
.ai{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.wrap{flex-wrap: wrap;}
.oneLine{white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.twoLine{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.no-padding{padding-left:0;padding-right: 0;}
.padding{padding:0 3%;}
.bg{background: #f8f8f8;}
.text-center { text-align: center;}
.navbar{margin:0;border:none;background: none;color:#fff;}
.navbar-brand{height: auto;padding:20px 15px;display: inline-block;}
/*.navbar-collapse{padding:20px 0;}*/
.logo-m{display: none!important;}
.navbar-brand>img{max-height: 55px;}
.imghover{transition: all linear .6s;}
.imghover:hover{transform: scale(1.08);}
.imghover .img{transition: all .5s ease 0s;}
.imghover:hover .img{transform: scale(1.08);}
.mix{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.w1400{width: 85%;max-width: 1470px;margin-left:auto;margin-right: auto;}
.css3{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.css3l{-webkit-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s;}
.full_img{ width:100%;height:100%;object-fit:cover;object-position:center; left:0;top:0;}
.gray {-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.gray:hover {-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);filter:gray;}

.common_btn{position: relative;overflow: hidden;}
.common_btn>span{display:inline-block;vertical-align:middle;opacity:0;filter: alpha(opacity=0);color:#fff;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);vertical-align:0}
.common_btn::before{content:attr(c-text);position:absolute;top:0;left:10%;width:80%;height:100%;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);display: none\0;}
.common_btn:hover .iconfont{color:#fff;}
/*.common_btn:hover{background:#d20319;}*/
.common_btn:hover::before{opacity:0;filter: alpha(opacity=0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.common_btn:hover>span{opacity:1;filter: alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display: inline-block;}
.common_btn>span.sep{width: 5px;height: 5px;display: inline-block;}
.common_btn:hover>span:nth-child(1){-webkit-transition-delay:45ms;transition-delay:45ms}
.common_btn:hover>span:nth-child(2){-webkit-transition-delay:.09s;transition-delay:.09s}
.common_btn:hover>span:nth-child(3){-webkit-transition-delay:.135s;transition-delay:.135s}
.common_btn:hover>span:nth-child(4){-webkit-transition-delay:.18s;transition-delay:.18s}
.common_btn:hover>span:nth-child(5){-webkit-transition-delay:.225s;transition-delay:.225s}
.common_btn:hover>span:nth-child(6){-webkit-transition-delay:.27s;transition-delay:.27s}
.common_btn:hover>span:nth-child(7){-webkit-transition-delay:.315s;transition-delay:.315s}
.common_btn:hover>span:nth-child(8){-webkit-transition-delay:.36s;transition-delay:.36s}
.common_btn:hover>span:nth-child(9){-webkit-transition-delay:.405s;transition-delay:.405s}
.common_btn:hover>span:nth-child(10){-webkit-transition-delay:.45s;transition-delay:.45s}
.common_btn:hover>span:nth-child(11){-webkit-transition-delay:.495s;transition-delay:.495s}
.common_btn:hover>span:nth-child(12){-webkit-transition-delay:.54s;transition-delay:.54s}
.common_btn:hover>span:nth-child(13){-webkit-transition-delay:.585s;transition-delay:.585s}
.common_btn:hover>span:nth-child(14){-webkit-transition-delay:.63s;transition-delay:.63s}
.common_btn:hover>span:nth-child(15){-webkit-transition-delay:.675s;transition-delay:.675s}
.common_btn:hover>span:nth-child(16){-webkit-transition-delay:.72s;transition-delay:.72s}
.common_btn:hover>span:nth-child(17){-webkit-transition-delay:.765s;transition-delay:.765s}
.common_btn:hover>span:nth-child(18){-webkit-transition-delay:.81s;transition-delay:.81s}
.common_btn:hover>span:nth-child(19){-webkit-transition-delay:.855s;transition-delay:.855s}
.common_btn:hover>span:nth-child(20){-webkit-transition-delay:.9s;transition-delay:.9s}
.common_btn.static_btn:hover{background:none;}
.common_btn.static_btn>span{color:#d20319;}
.common_btn.static_btn::before{left:0;}

.common-btn{border-radius:999px;width:310px;text-align: center;max-width: 60%;margin-left:auto;margin-right: auto;display: block;line-height: 58px;border:3px solid #313131;}
.common-btn:hover{border-color:#0084e9;background: #0084e9;color:#fff;}

@media (min-width: 767px){
 .container{width:90%;max-width: 1440px;}
}
@media (min-width: 1300px){
 .container{width:85%;}
 /*.container{width:1440px;}*/
}
/*@media (min-width: 1600px){
 .container{width: 1400px;}
}
*/

/* 导航部分 */
.header{position: fixed;top:0; left:0; right:0; z-index: 99;transition: top .5s ease;-webkit-transition:top .5s ease; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;color:#fff;}
.header.fixed{top:0;box-shadow: 0 6px 10px 0 rgba(7,0,2,.15); background:#050505;}
.header_box{ position:sticky;top:0;left:0;width:100%;z-index:10;}
.header .header_logo{position: absolute;left:0;top:0;bottom:0;max-width: 30%;}
.header .header_logo .flexC{height: 100%;}
.header .header_logo img{max-height:90%;margin:0;}
.header .header_nav{text-align: right;font-size:16px;}
.header .header_nav .nav_container>ul>li{display: inline-block;text-align: center;margin-left:2.3%;}
.header .header_nav li{position: relative;}
.header .header_nav .nav_container>ul>li>a{display: block;padding:40px 20px;position: relative;}
.header .header_nav .nav_container>ul>li>a.hasChild{background: url(../images/arrow-down.png) no-repeat right center;background-size: auto 8px;}
.header .header_nav .nav_container>ul>li>a.hasChild:hover{ color:#fcd006;background: url(../images/arrow-downon.png) no-repeat right center;background-size: auto 8px;}
.header .header_nav .nav_container>ul>li>a.active,.header .header_nav .nav_container>ul>li>a:hover{color:#fcd006;}
.header .header_nav .nav_container .dropdown-menu{margin:0;padding:0;border:none;left:50%;transform: translateX(-50%);text-align: center;border-radius:0;background: rgba(255,255,255,.7);font-size:15px;}
.header .header_nav .nav_container .dropdown-menu li a{display: block;white-space: nowrap;padding:16px 10px;color:#010000;position: relative;transition: all .3s;}
.header .header_nav .nav_container .dropdown-menu li a:hover, .dropdown-menu li a:focus,.dropdown-menu li a.active{background: #fcd006;color:#fff;}

.header .header_tools{position: absolute;right:0;top:50%;margin-top:-30px;width: 100%;}
.header .header_tools>ul{}
.header .header_tools li{float: right;text-align: center; cursor: pointer;line-height: 60px;position: relative;margin-left:3%;cursor: pointer;}
.header .header_tools li:last-child{margin-left:0;}
.header .header_tools li .icon-lang{float:right;margin-left:12px;}
.header .header_tools .nav-lang{text-transform: uppercase;}
.header .header_tools .nav-lang .lang{display: block;padding:0 24px 0 38px;position: relative;background: url(../images/icon-earth.png) no-repeat left center;}
.header .header_tools .nav-lang .lang i{position: absolute;right:0;top:0;width:12px;height: 100%;background: url(../images/icon-down.png) no-repeat center;}
.header .header_tools .quick_box{position: absolute;top: 100%;left:0;width:500px; background-color:#fff; background-repeat: no-repeat;background-position: right top;text-align: left;font-size: 16px;padding: 25px 0 35px;display: none;}
.header .header_tools .quick_box a{padding-left:20px;display: block;height: 50px;line-height: 50px;opacity: 0;filter: alpha(opacity=0);transform: translateX(30px);transition: all .6s ease-in-out;-webkit-transition:all .6s ease-in-out; color:#313131;}
.header .header_tools .quick_box a .lin{padding-right: 30px;color:#313131;vertical-align: 2px;}
.header .header_tools .quick_box.show a{opacity: 1;filter: alpha(opacity=100);transform: translateX(0);transition-delay: .3s;}
.header .header_tools .quick_box.show a:nth-child(1){transition-delay: .3s;}
.header .header_tools .quick_box.show a:nth-child(2){transition-delay: .5s;}
.header .header_tools .quick_box.show a:nth-child(3){transition-delay: .7s;}
.header .header_tools .quick_box.show a:nth-child(4){transition-delay: .9s;}
.header .header_tools .quick_box.show a:nth-child(5){transition-delay: 1.1s;}
.header .header_tools .quick_box.show a:nth-child(6){transition-delay: 1.3s;}
.header .header_tools .quick_box.show a:nth-child(7){transition-delay: 1.5s;}
.header .header_tools .quick_box.show a:nth-child(8){transition-delay: 1.7s;}
.header .header_tools .quick_box.show a:nth-child(9){transition-delay: 1.9s;}
.header .header_tools .quick_box.show a:nth-child(10){transition-delay: 2.1s;}
.header .header_tools .quick_box.show a:nth-child(11){transition-delay: 2.3s;}

.mobile_key {display: none;width:28px;height:25px;position: relative;border:none!important;cursor: pointer;padding:0;}
/*.button_menu{width: 30px;height: 25px;position: absolute;top:7px;left:0;}*/
.button_menu span {display:block;width:100%;height:3px;background-color:#fff;position:absolute;left:0;-moz-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;transition:all .36s ease;}
.button_menu span:nth-child(1) {top:0}
.button_menu span:nth-child(2) {top:50%;transform: translateY(-50%);}
.button_menu span:nth-child(3) {bottom:0}
.header.fixed .button_menu span{background: #333;}
 
.index_header{top:-80px; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; background:#050505;}
.index_header.ani{top:0;}
.header-container{position: relative;z-index:10;}

.ibanner{text-align: center; margin-top:80px;}
.ibanner .slide-item{position: relative;overflow: hidden;color:#fff;}
.ibanner .slide-item .slide-item-img{max-width: 100%;}
.ibanner .slide-item .slide-item-img.mix{min-width: 100%;min-height: 100%;max-width: none;}
.ibanner .item-mask{position: absolute;top:0;left:0;right:0;bottom:0;color:#fff; text-align: right;}
.ibanner .item-mask .title{transform: translateY(30px);opacity: 0;filter: alpha(opacity=0);transition: all .6s;transition-delay: .1s; font-weight:bold; letter-spacing:2px;}
.ibanner .item-mask .subtitle{transform: translateY(30px);opacity: 0;filter: alpha(opacity=0);transition: all .6s;transition-delay: .2s; margin-top:30px;color: #999;}
.ibanner .ani-slide .title{transform: translateY(0);opacity: 1;filter: alpha(opacity=100);}
.ibanner .ani-slide .subtitle{transform: translateY(0);opacity: 1;filter: alpha(opacity=100);}

.ibanner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:4.6%;font-size:0;}
.ibanner .swiper-pagination-bullet{width: 3%;height:4px;background:#fff;opacity:0.5 ;border-radius:2px;transition: all .2s;}
.ibanner .swiper-pagination-bullet-active{opacity: 0.9;width:5.2%;}
.ibanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px;}

.ibanner .item-mask .tit{transform: translateY(30px);opacity: 0;filter: alpha(opacity=0);transition: all .6s;transition-delay: .2s;}
.ibanner .ani-slide .tit{transform: translateY(0);opacity: 1;filter: alpha(opacity=100);}
 
.xuanzhun{-webkit-transition-property: -webkit-transform;animation: rotate 5s linear infinite;}
@keyframes rotate{
 from{transform: rotate(0deg)}
 to{transform: rotate(359deg)}
}

.banner_mouse{position:absolute; width: 23px;height: 37px;cursor:pointer;background:url(../images/banner_mouse_ico.png) no-repeat -23px 0px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite; bottom:5.44%; left:50%;margin-left:-12px;z-index:1;}
.banner_mouse:after,.banner_mouse:before{content: "";position: absolute;}
.banner_mouse:before{width:24px;height:40px;background:url(../images/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: colorSlide 1.6s linear infinite;animation: colorSlide 1.6s linear infinite;top:0;left:0;}
.banner_mouse:after{background-color: #ffffff;width: 4px;height: 8px;border-radius: 2px;-webkit-animation: trackBallSlide 1.6s linear infinite;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
@-webkit-keyframes colorSlide {0% {height:0;}
90% {height:40px;}
}
@keyframes colorSlide {0% {height:0;}
90% {height:40px;}
}
@-webkit-keyframes trackBallSlide {0% {opacity:1;-webkit-transform:scale(1) translateY(-8px);transform:scale(1) translateY(-8px);}
34% {opacity:1;-webkit-transform:scale(0.9) translateY(4px);transform:scale(0.9) translateY(4px);}
68% {opacity:0;-webkit-transform:scale(0.4) translateY(16px);transform:scale(0.4) translateY(16px);}
100% {opacity:0;-webkit-transform:scale(0.4) translateY(-8px);transform:scale(0.4) translateY(-8px);}
}
@keyframes trackBallSlide {0% {opacity:1;-webkit-transform:scale(1) translateY(-8px);transform:scale(1) translateY(-8px);}
34% {opacity:1;-webkit-transform:scale(0.9) translateY(4px);transform:scale(0.9) translateY(4px);}
68% {opacity:0;-webkit-transform:scale(0.4) translateY(16px);transform:scale(0.4) translateY(16px);}
100% {opacity:0;-webkit-transform:scale(0.4) translateY(-8px);transform:scale(0.4) translateY(-8px);}
}
@-webkit-keyframes nudgeMouse {0% {-webkit-transform:translateY(0);transform:translateY(0);}
50% {-webkit-transform:translateY(8px);transform:translateY(8px);}
100% {-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes nudgeMouse {0% {-webkit-transform:translateY(0);transform:translateY(0);}
50% {-webkit-transform:translateY(8px);transform:translateY(8px);}
100% {-webkit-transform:translateY(0);transform:translateY(0);}
}
.footer{ background: #0c0c0c;color:#fff;padding:140px 0 35px;}
.footer-info p{word-break: break-all;}
.footer .copyright{margin-top:88px; border: 1px solid #cbc9c9; border-left: none; border-right: none; border-bottom:none; }
.footer .copyright p{ margin-top:40px;}
.footer-company .f-box{margin-top:55px;}
.footer-company .f-logo{float:left;width: 100%;margin-right:9%;}
.footer-company .f-logo img{ margin-left:0;margin-top: -50px;}
.footer-nav li{text-align: left;}
.footer-nav li .footer-submenu{margin-top:16px;}
.footer-nav li .footer-submenu p{margin-bottom: 10px; font-size:14px; margin-top:18px; color: #999;}
.footer-info { text-align:right}
.footer-info .co-name{margin:24px 0; letter-spacing: 1px;font-size:24px; text-align: right;}
.footer-info .co-tel{letter-spacing: 1px;}
.footer-info .info .code img{ margin-right:0}
.footer-info p,.footer-info>*{margin-bottom: 12px; text-align:right}
.footer-info .address{margin-bottom: 18px;}

.part{padding:75px 0;}
.part-1{ padding:100px 0 0;}
.part-title{text-align: center; }
.part-title h2{font-weight: bold;line-height: 1;color:#000000;margin-bottom: 20px;letter-spacing: 3px; margin-bottom:52px;}
.part-title p{letter-spacing: 1px; color:#808080; font-size:21px; line-height:35px;}
.part-1 .num-box{ text-align: center;}
.part-1 .num-box .num{color:#000;line-height: 1;margin-top:26px; font-weight:bold; font-size:16px;}
.part-1 .num-box .num .counter{color:#000; font-weight:bold; font-size:42px;}
.part-1 .num-box p{margin-top: 15px;line-height: 25px; color:#999999;}
.part-1 .num-box li:hover .item-icon{transform: rotateY(180deg);}
.part-1 .part-img { margin-top:80px; position: relative; overflow: hidden;}
.part-1 .part-img .img{padding-bottom: 44.9%; background-repeat: no-repeat; background-size: cover; background-position: center;}
.part-1 .part-img:hover .img{transform: scale(1.04);}
.part-1 .bhz .bhz-l{ padding-left:62px; color:#000;}
.part-1 .bhz .bhz-l h2{ font-weight:bold; margin-bottom:38px; margin-top:40px;}
.part-1 .bhz .bhz-l p{ line-height:25px; color: #999;}
.part-1 .bhz .bhz-l span{ display:block; margin-top:30px; font-size:14px; font-weight:bold; display: none;}
.part-1 .bhz .bhz-l .fs{ font-size:14px; line-height:25px;}
.part-1 .bhz .bhz-y{ position: relative;margin-top: -74px;z-index: 10; padding-right:100px; color:#fff}
.part-1 .bhz .bhz-y .hkj{ background:url(../images/p1-s1.png) no-repeat center; background-size: cover; background-position: top center; padding: 0; padding-bottom:70px}
.part-1 .bhz .bhz-y .hkj h2{ margin-top:243px; margin-left:40px; margin-bottom:18px;font-weight:bold}
.part-1 .bhz .bhz-y .hkj img{display: block; width: 100%; margin-bottom: 20px;}
.part-1 .bhz .bhz-y .hkj p{padding: 0 20px;}
.part-1 .bhz .bhz-y .hkj:hover{ color:#08080a;}
.part-1 .bhz .bhz-y .lpz{ background:url(../images/p1-s2.png) no-repeat center; background-size: cover; background-position: top center; padding: 0; padding-bottom:70px}
.part-1 .bhz .bhz-y .lpz h2{ margin-top:243px; margin-left:40px; margin-bottom:18px; font-weight:bold}
.part-1 .bhz .bhz-y .lpz img{display: block; width: 100%; margin-bottom: 20px;}
.part-1 .bhz .bhz-y .lpz p{padding: 0 20px;}
.part-1 .bhz .bhz-y .lpz:hover{ color:#c29139;}
.part-2{ margin-top:100px;}
.index-pro{ margin-top:20px;}
.index-pro-swiper{position: relative;}
.index-pro-swiper .swiper-container{height: 100%;position: absolute;left:0;right:0;}
.index-pro .swiper-slide{ width:33.3%;transition: all linear .3s;}
.index-pro .pro-item{min-height:200px;position: relative;height: 400px;overflow: hidden;background-repeat: no-repeat;background-size: cover;background-position: center;transition: all linear .3s;}
.index-pro .pro-item:hover{transform: scale(1.03);}
.index-pro .pro-item .item-mask{position: absolute;left:0;top:0;width: 100%;height: 100%;background: url(../images/pro-mask.png) no-repeat top center;background-size: cover;opacity: 0.65;}
 .index-pro .swiper-slide:hover{width: 33.3%;}
.index-pro .swiper-slide:hover .item-mask{display: none;}
 .vision-title{color:#666;}
.vision-title .item-logo{margin-bottom: 50px;}
.vision-title p{margin-bottom: 7px;}
.part-3{color:#000;overflow: hidden; margin-top:15px}
.part-3 .vision-item{flex-direction: row-reverse;}
.part-3 .vision-item .col-xs-12{padding:0;}
.part-3 .vision-item .item-left .item-title{ font-weight:bold}
.part-3 .vision-item .item-title span{display: inline-block;padding-bottom: 25px;position: relative; }
.part-3 .vision-item .item-title span sup{ font-size:25px;}
.part-3 .vision-item .item-left{ padding-left:40px;}
.part-3 .vision-item .item-left .item-desc{ margin-bottom:38px; color: #999;}
.part-3 .vision-item .item-right{overflow: hidden;}
.part-3 .vision-item .img{padding-bottom: 64%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.part-3 .vision-item .imghover .img{transition: all .8s ease 0s;}
.part-3 .vision-item .item-left .num-box{ text-align: center;}
.part-3 .vision-item .item-left .num-box .num{color:#000;line-height: 1;margin-top:26px; font-weight:bold; text-align:left; font-size:16px;}
.part-3 .vision-item .item-left .num-box .num .counter{color:#000; font-weight:bold; font-size:42px; }
.part-3 .vision-item .item-left .num-box p{margin-top: 18px;line-height: 25px; color:#999999; text-align:left;}
.part-3 .vision-item .item-left .num-box li:hover .item-icon{transform: rotateY(180deg);}
@media (max-width:767px){
 .part-3 .vision-item{margin-bottom: 20px;}
 .part-3 .vision-item .item-left{padding:30px 0;}
 .part-3 .vision-item .item-title{margin-bottom: 16px;}
 .part-3 .vision-item .item-title span{padding-bottom: 16px;}
}
.part-4{background:url(../images/part4bg.jpg) no-repeat center; background-size: cover; padding:200px 0; margin-top:170px; }
.part-4 h2{ font-weight:bold; margin-bottom:52px; margin-left:42px; color:#fff; letter-spacing:4px;}
.part-4 p{ margin-left:42px; color:#fff; line-height:32px;}
.part-4 .more{ margin-left:42px;margin-top:45px; color:#fff; display:block}
.part-4 .more:hover{ color:#fcd006;}

.inner-banner{color:#fff; margin-top:100px; position: relative;}
.inner-banner .nav_now{position: absolute;top:50%;left:0;width:100%;transform: translateY(-50%);color:#fff;z-index:10;text-align: left;line-height: 1;}
.inner-banner .nav_now .tit{ line-height:85px; font-weight:bold; letter-spacing:2px;}
.inner-banner .nav_nowi{position: absolute;top:50%;left:0;width:100%;transform: translateY(-50%);color:#fff;z-index:10;text-align: center;line-height: 1;}
.inner-banner .nav_nowi .tit{ line-height:70px; font-weight:bold; letter-spacing:2px;}
.inner-banner .nav_nowi p{ margin-top:26px;}
.inner-banner .nav_nowii{position: absolute;top:35%;left:0;width:100%;transform: translateY(-50%);color:#fff;z-index:10;text-align: right;line-height: 1;}
.inner-banner .nav_nowii .tit{ line-height:85px; font-weight:bold; letter-spacing:2px;}
.inner-banner .nav_nowii p{ margin-top:26px;}
.inner-banner .nav_nowp{position: absolute;top:48%;left:0;width:100%;transform: translateY(-50%);color:#fff;z-index:10;text-align: center;line-height: 1;}
.inner-banner .nav_nowp .tit{ line-height:85px; font-weight:bold; letter-spacing:2px}
.inner-banner .nav_nowpb{text-align: right;}
.inner-banner .nav_nowpb img{display: inline-block;}
.contactUs{ position:relative;margin: 0 auto; width: 1200px;}
.contactUs .t{color:#fff;line-height: 1;margin-bottom: 60px; margin-top:80px; font-weight:bold;}
.contactUs .con-left{float:left;width:43%;padding-right: 30px;background-image: url(../images/contactbg.jpg);padding-left: 30px; padding-bottom:90px;}
.contactUs .con-right{float:left;width:57%; margin-top:-80px;overflow: hidden;max-width: 754px; z-index:99999}
.contactUs .con-right .left-img{ position:absolute; z-index:99; overflow:hidden}
.contactUs .con-right .left-img .img{background-repeat: no-repeat;background-size: cover;background-position: center;/*height: 640px;*/height:100%;}
.contactUs .con-left .info{font-size:18px;color:#fff;}
.contactUs .con-left .info-item{margin-bottom: 20px;position: relative;padding-left: 13%;line-height: 1.67;line-height: 30px;border-bottom: 1px solid #c39b55; padding-bottom: 30px;}
.contactUs .con-left .info-item .icon{position: absolute;left:0;top:0;width:6.6%;max-width:32px;height: 35px;background: url(../images/c1.svg) no-repeat top center;background-size: 100% auto;}
.contactUs .con-left .info-item .icon-tel{background-image: url(../images/c1.svg);}
.contactUs .con-left .info-item .icon-mail{background-image: url(../images/c2.svg);}
.contactUs .con-left .info-item .icon-address{background-image: url(../images/c3.svg);}
.iabout{ width:100%; margin:140px auto 0;}
.iabout .zhan{height: 80px;}
.iabout img{display: block; max-width: 100%;}
.iabout h2{ font-weight:bold; margin-bottom:18px; color: #000;}
.iabout h2.aline{position: relative;}
.iabout h2.aline::before{content: ""; width: 56px; height: 3px; background: #fcd006; position: absolute; left: 0; top: -20px;}
.iabout h2.aline span{color: #fcd006;}
.iabout p{ line-height:32px; color:#808080; font-size:15px;}
.iabout p strong{color: #000;}
.contactUs-box .img{ width:93%; max-height:600px;overflow: hidden; margin:80px auto; }
.contactUs-box .img img{ width:100%; height:100%;}
.iaboutb{ margin-top:100px;}
.iaboutb h2{ font-weight:bold; margin-bottom:48px; line-height:56px;} 
.iaboutb p{ color:#808080; line-height:30px; font-size:14px;}
.ibimg{width: 100%; height: 400px; margin: 120px 0 70px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}
.ibimg p{width: 100%; color: #fff; line-height: 1; font-weight: bold; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.ihistory{overflow: hidden; position: relative;}
.ihistory-img{width: 190px; height: 100%; position: absolute; left: 0; top: 0;}
.ihistory-img img{display: block; width: 100%;}
.ihistory-list{width: calc(100% - 190px); float: right; padding-left: 70px; padding-top: 4px; position: relative;}
.ihistory-list::before{content: ""; width: 1px; height: 100%; background: #666; position: absolute; left: 32px; top: 4px; z-index: 1;}
.ihistory-list li{width: 100%; min-height: 130px;}
.ihistory-list li:first-child{margin-top: -4px;}
.ihistory-list li h3{font-size: 24px; color: #333; line-height: 1; font-weight: bold; margin-bottom: 10px; position: relative;}
.ihistory-list li h3::before{content: ""; width: 16px; height: 16px; border-radius: 50%; border: 3px solid #666; position: absolute; top: 4px; left: -45px; z-index: 2; background: #fff;}
.ihistory-list li p{font-size: 15px; color: #666; line-height: 25px;}
.ihis-hidden li:nth-of-type(n+10){display: none;}
.ihis-more{width: 70px; font-size: 15px; color: #666; text-align: center; line-height: 25px; margin-top: 20px; margin-left: 190px; cursor: pointer;}
.ihonor{width: 100%; padding: 300px 0 120px; background-position: center top; background-repeat: no-repeat; background-size: 100% auto; margin-top: 90px;}

.video-box{padding:0 0 145px;}
.video{ position:relative;margin: 0 auto; }
.video .t{color:#fff;line-height: 1;margin-bottom: 60px; margin-top:80px; font-weight:bold;}
.video .video-left{float:left;width:50%;padding-right: 230px; padding-left: 130px; margin-top:102px;}
.video .video-right{float:left;width:50%; margin-top:-80px;overflow: hidden;max-width: 754px; z-index:99999}
.video .video-left .tit{ font-weight:bold; color:#000; letter-spacing:5px; margin-bottom:44px; font-size:40px}
.video .video-left .des{ color:#808080; margin-bottom:15px; font-size:15px;}
.video .video-right .left-img{ position:absolute; z-index:99; overflow:hidden}
.video .video-right .left-img .img{background-repeat: no-repeat;background-size: cover;background-position: center;/*height: 640px;*/height:100%;}

.video .video-right .item-img{position: relative; overflow: hidden; cursor: pointer;}
.video .video-right .item-img img{transition: all ease .6s;}
.video .video-right .item-name{line-height: 1;text-align: center;letter-spacing: 2px;color:#666;padding-top:20px;}
.video .video-right .cul-item{margin-top: -80px; z-index: 90;position: relative;}
.video .video-right .cul-item:hover .item-img img{transform: scale(1.1);}
.video .video-right .cul-item .item-icon{width: 62px;height: 62px;background: url(../images/icon-play.png) no-repeat center;z-index:10;opacity: 1;transition: all .3s; top:55%;}
.video .video-right .cul-item:hover .item-icon{opacity: 1;}

.video-fixed {position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:99999999;top:0;left:0;cursor:pointer;display:none;}
.video-fixed .videoboxs {max-width:100%;height:500px;position:absolute;top:50%;left:50%;transform: translateX(-50%);margin:auto;margin-top:-250px;background:#000;width: 800px;}
.video-fixed .videoboxs .box {height: 100%;}
.video-fixed .cha {width:40px;height:40px;background:url(../images/close-vid2.png) no-repeat center/100% auto;position:absolute;top:30px;right:30px;cursor:pointer;}

@media (max-width:767px){
 .video-fixed .cha {width: 25px;height: 25px;}
}
.video-li{ max-width:1120px; margin:0 auto;margin-top:150px; }
.video-li .item-icon{ text-align:left; margin-bottom:30px;}
.video-li .item-icon img{transition: all .5s;}
.video-li .item-icon:hover img{transform: rotateY(180deg);}
.video-li li h2{ margin-bottom:24px; font-weight:bold}
.video-li li p{ line-height:28px; max-width:400px; color:#808080;}
.video-li li:nth-child(3){ margin-top:92px;max-width:960px; width:100%;}
.video-li li:nth-child(3) p{ max-width:960px;}

.pro-box{ margin:60px auto 120px; }
.pro-box .part-title h2{line-height: 60px; margin-bottom: 25px;}
.pro-box .pro-tab{font-weight: bold;margin-top:100px; line-height: 50px;}
.pro-box .pro-tab .tab-item{ font-weight:bold; letter-spacing:2px; float: left;}
.pro-box .pro-tab img{height: 26px; margin-left: 20px;}
.pro-box .pro-tab .more{background: url(../images/url.png)no-repeat 25px #000;float:right;width:145px;line-height: 50px;color:#fff;text-align: center;letter-spacing: 1px; padding:2px 0;padding-left: 25px;}
.pro-box .p-list{ max-width:1215px; margin:0 auto;}
.pro-box .pro-list{margin-top:45px;}
.pro-box .pro-list ul li{margin-bottom: 24px;}
.pro-box .pro-item .item-img{width:100%; overflow:hidden }
.pro-box .pro-item .item-img .img{ width:100%;}

.pro-da{background: #f7f7f7;overflow: hidden;}
.pro-da .box{ padding-top:100px;}
.pro-da .left-img{width: 50%; padding-bottom: 39%; position: relative; overflow: hidden;}
.pro-da .left-img .img{width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-repeat: no-repeat;background-size: cover;background-position: center;}
.pro-da .left-img img{max-width: 80%; max-height: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10;}
.pro-da .right-img{width: 50%; padding-bottom: 39%; background-color: #cecece; position: relative; overflow: hidden;}
.pro-da .right-img img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.pro-da .right-con{width: 50%;color:#000;padding: 13% 0 0; background:#f8f8f8}
.pro-da .right-con h2{ line-height:64px;font-weight: bolder;}
.pro-da .right-con .desc{line-height: 2.25;letter-spacing: 1px;text-align: justify; padding-right:25px;margin-top:57px; }
.vision-ititle{color:#808080; text-align:center; margin-top:120px;}
.vision-ititle .item-logo{margin-bottom:15px;}
.vision-ititle h2{ font-weight:bold; color:#000; margin-bottom:38px; }
.vision-ititle p{margin-bottom: 7px;}
.vision-ititle p.btit{font-size: 20px; line-height: 30px; color: #000;}

.pro-da .box{ padding:2px 1px;margin-top:55px;}
.pro-da .box ul{display: none;}
.pro-da .box ul:first-child{display: block;}
.pro-da .box li{float:left; position: relative;transition: all .4s;overflow: hidden;}
.pro-da .box .img0{ height:400px; position: relative;overflow: hidden;background-repeat: no-repeat;background-size: cover;background-position: center;transition: all linear .3s;}
.pro-da .box .img0:hover{transform: scale(1.03);}
.pro-da .box .img0 .item-mask{position: absolute;left:0;top:0;width: 100%;height: 100%;background: url(../images/zzz.png) no-repeat top center;background-size: cover;opacity: 0.65;}
.pro-da .box li:hover .item-mask{display: none;}

.p-num .num-box{margin-top:80px; max-width:1060px; margin:0 auto;}
.p-num .num-box li{ margin-bottom: 10px;text-align: center; color: #999;}
.p-num .num-box li:last-child{margin-right:0;}
.p-num .num-box .num{font-family: Impact;color:#000;}
.pd { margin-top:100px;background-repeat: no-repeat;background-size: cover;background-position: center; overflow: hidden; padding-bottom: 43.75%; position: relative;}
.pd img{width: 20%; position: absolute; left: 13.5%; top: 40px;}
.ztr img:nth-of-type(1){left: 0%;}
.ztr img:nth-of-type(2){left: 20%;}
.ztr img:nth-of-type(3){left: 40%;}
.ztr img:nth-of-type(4){left: 60%;}
.ztr img:nth-of-type(5){left: 80%;}
@media (max-width:1500px){
 
}

@media (min-width:1200px){
 .header .header_nav .nav_container>ul>li>a{padding:40px 16px;}
 .header .header_nav .nav_container>ul>li{margin-left: 2%;}
 .footer-info .co-name{font-size:20px;}
 .index-pro-swiper .swiper-container{left:0;right:0;}
 .part-4{margin-top: 70px;}
 .video .video-left{ padding-right: 100px; padding-left: 100px; margin-top: 72px;}
 .video-box {padding: 0 0 85px;}
 
 .pd { margin-top:60px;}
 .vision-ititle{margin-top: 70px;}
}
@media only screen and (min-width: 920px) and (max-width:1200px){ 
.video .video-left { padding-right: 10px; padding-left: 130px; margin-top: 32px;}

}
@media (max-width:992px){
 .fs42{ font-size:32px;}
 .fs52{ font-size:28px;}
 .fs50{font-size: 30px;}
 .fs45{font-size: 26px;}
 .header_box{ display:block}
 .inner-banner .nav_nowii .tit { letter-spacing: 2px;}
 .inner-banner .nav_nowii p{ margin-top:0}
 .footer{padding:50px 0 18px;}
 .footer-nav{margin-top:25px;}
 .footer .copyright{margin-top:40px;}
 .part-1{padding: 60px 0 0;}
 .part-title p{ font-size:15px;}
 .part-title h2{ margin-bottom:30px;}
 .part-1 .num-box .num .counter { font-size:30px;}
 .part-1 .part-img{ margin-top:40px;}
.part-2{ margin-top:0;}
.part-3 .vision-item .item-left .num-box .num .counter { font-size:30px;}
.part-4{ margin-top:50px;}
.video .video-left { padding-right: 40px; padding-left: 40px; margin-top: 32px; width:100%;}
.video .video-left .tit{ margin-bottom:25px;}
.video .video-right { margin-top:0;width: 100%;}
.video-li { margin-top:70px;}
.video-li li:nth-child(3) { margin-top:48px;}
.pro-box {margin: 90px auto;}
.pro-box .pro-tab .more { line-height:40px;}
.vision-ititle { margin-top:60px;}
.pro-da .box .img0 { height: 256px;}
.pd{ margin-top:60px; }
}
 

@media (max-width:767px){
 .fs52{font-size: 22px;line-height: 1;}
 .fs50{font-size: 22px;}
 .fs45{font-size: 20px;}
 .fs42{font-size: 22px;}
 .fs36 { font-size:20px;}
 .fs30{ font-size:18px;}
 .fs24{font-size: 15px;}
 .fs26{ font-size:15px;}
 .fs22{ font-size:14px}
 .header_box{overflow: hidden;padding:12px 0;}
 .mobile_key{display: block;float:right;}
 .header .header_logo{max-width: 70%;}
 .header .header_nav{text-align: left;font-size:14px;}
 .no-padding{padding-left:15px;padding-right: 15px;}
 .ibanner{margin-top:48px;}
 .inner-banner{margin-top:48px; position:relative;}
 .inner-banner .nav_now { top:10%;transform: translateY(-2%);}
 .inner-banner .nav_now .tit{ line-height:40px}
 .inner-banner .nav_nowi .tit {line-height: 30px; letter-spacing: 2px;}
 .inner-banner .nav_nowi p{ margin-top:0}
 .inner-banner .nav_nowii .tit {line-height: 30px; letter-spacing: 2px;}
 .inner-banner .nav_nowii p{ margin-top:0}
 .inner-banner .nav_nowp .tit {line-height: 30px; letter-spacing: 2px;}
 .inner-banner .nav_nowpb img{height: 30px; margin-top: 5px;}
 
 .footer{margin-top:0;padding-top:40px;}
 .footer-nav{display: none;}
 .footer-info{margin-top:30px;}
 .footer-info .co-name{margin:18px 0; text-align:center}
 .footer-info p{ text-align:center}
 .footer-info .info .code img{ margin: 0 auto;}
 .footer .copyright{margin-top:20px;}
 .footer-company h2{font-size:26px;letter-spacing: 1px;}
 .footer-company>p{font-size:22px;}
 .footer-company .f-box{margin-top:35px;}
 .footer-company .f-logo{width: 100%;margin:0; float:none}
 .footer .copyright p{ margin-top:20px;}
 .footer-company .f-logo img { margin-left:auto;}
 .part-1 { padding: 30px 0 0;}
 .part-title h2{ margin-bottom:0px; line-height:35px;}
 .part-title p { font-size:14px; line-height:25px; text-align:justify}
 .part-1 .num-box .num .counter { font-size:22px;}
 .part-1 .part-img{ margin-top:25px;}
 .part-1 .bhz .bhz-l{ padding-left: 0; padding-right:0;}
 .part-1 .bhz .bhz-l h2 {margin-bottom: 18px;margin-top: 20px;}
 .part-1 .bhz .bhz-y {margin-top: 15px;padding-right:0;padding-left: 0;}
 .part-1 .bhz .bhz-y .hkj{padding-bottom: 40px;}
 .part-1 .bhz .bhz-y .lpz{padding-bottom: 40px;}
.part-2{ margin-top:0}
.part{ padding:35px 0;}
.part-3{ margin-top:0}
.part-3 .vision-item .item-left .item-desc{ margin-bottom:0}
.part-3 .vision-item .item-left .num-box .num .counter { font-size:22px;}
.part-4{ margin-top:20px;padding: 100px 0;}
.part-4 p{ line-height:20px;}
.contactUs{ width:100%;height: 100%; overflow: hidden;}
.contactUs .con-left{ width:100%}
.contactUs .con-right{ width:100%;height: 270px;}
.iabout{ width:100%; padding-left:0; padding-right:0; margin: 0 auto 0;}
.iabout img{margin-top: 30px;}
.iabout .zhan{height: 30px;}
.iabout h2{ margin-top:40px;}
.iaboutb{ margin-top:0}
.iaboutb img{ margin-left:0}
.iaboutb h2 { line-height:35px;margin-bottom: 18px; margin-top:30px;}
.contactUs-box .img { width:100%; margin: 40px auto;padding-top:30px;}
.contactUs .t { margin-top:40px;margin-bottom: 30px;}
.contactUs .con-left .info-item {margin-bottom: 10px; padding-bottom: 10px;}
.contactUs .con-left .info-item .icon { top: 7px;}
.contactUs .con-right .left-img{z-index:0; }
.ibimg{height: 200px; margin: 40px 0;}
.ihistory-img{width: 120px;}
.ihistory-list{width: calc(100% - 120px); padding-left: 30px;}
.ihistory-list::before{left: 13px;}
.ihistory-list li{margin-bottom: 4px; min-height: unset;}
.ihistory-list li h3::before{width: 12px; height: 12px; border-width: 2px; left: -22px;}
.ihistory-list li h3{font-size: 16px; margin-bottom: 2px;}
.ihistory-list li div{height: 60px; overflow-y: auto; padding-right: 8px;}
.ihistory-list li p{font-size: 13px; line-height: 20px;}
.ihis-more{margin-left: 70px;}
.ihonor{padding: 100px 0 50px; margin-top: 50px; background-size: auto 200px;}

.video-box{padding: 0 0 45px;}
.video .video-left{ margin-top:50px;}
.video .video-left{ padding-left:0; padding-right:0; width: 100%;}
.video .video-left .tit { margin-bottom:20px; font-size:24px}
.video .video-left .dsc{ font-size:12px;}
.video .video-right{ margin-top:15px; width:100%;}
.video .video-right .cul-item .item-icon {top: 65%;}
.video .video-right .cul-item{ z-index:0}
.video-li { margin-top:35px;}
.video-li li:nth-child(2) { margin-top:30px;text-align: justify;}
.video-li li:nth-child(3) { margin-top:30px;text-align: justify;}
.pro-box{margin:40px auto;}
.pro-box .part-title h2{line-height: 30px;}
.pro-box .pro-tab{margin-top:25px; line-height: 30px;}
.pro-box .pro-tab .tab-item{float: unset; display: block;}
.pro-box .pro-tab img{height: 20px; margin-left: 0;}
.pro-box .pro-tab .more { width:100px;background: url(../images/url.png)no-repeat 10px #000;line-height:30px;}
.pro-box .pro-list{ margin-top:25px;}
.vision-ititle { margin-top:40px;}
.vision-ititle .item-logo{margin-bottom: 10px;}
.vision-ititle .item-logo img{max-width: 60%;}
.pro-da .left-img{ width:100%; padding-bottom: 78%;}
.pro-da .right-con{ width:100%;}
.pro-da .right-con h2 { line-height:35px;}
.pro-da .right-con{ padding-top:0; padding-left:15px;}
.pro-da .right-con .desc { margin-top:18px;}
.pro-da .right-img{ width:100%; padding-bottom: 78%;}
.vision-ititle h2 { margin-bottom:18px;}
.pd { margin-top:25px; padding: 40px 0 20px;}
.pd img{position: unset; width: auto; max-width: 80%; margin-bottom: 30px;}
.pro-da .box li{ margin:2% 0;}
.pro-da .box{ margin-top:0}
}


.subcolumn-nav{position: absolute;z-index:12;bottom:7.5%;left:0;width:100%;color:#fff;text-align: center;font-size:0;}
.subcolumn-nav li{display: inline-block;padding:0 5.55%;position: relative;}
.subcolumn-nav li::after{content:'';position: absolute;right:0;width: 1px;height: 20px;top:50%;margin-top:-10px;background: rgba(255,255,255,.7);}
.subcolumn-nav li:last-child::after{display: none;}
.subcolumn-nav a{display: inline-block;line-height: 1;padding:14px 0 15px;position: relative;}
.subcolumn-nav a::after{position: absolute;content:'';height: 2px;opacity: 0;transition: all .3s;background: #fff;left:4px;right:4px;bottom:0;}
.subcolumn-nav a:hover::after,.subcolumn-nav a.active::after{opacity: 1;}





.location{padding-top:35px;color:#555555;text-align: right;}
.location a{display: inline-block;}
.location a::after{content:'/';margin:0 5px;}
.location a:last-child::after{content:'';}

.news-list .list .news-item{display: block;padding: 40px 0;border-bottom:1px solid #eeeeee;}
.news-list .news-item .item-img{position: relative;width: 31.25%;float:left;height: 260px;overflow: hidden;}
.news-list .news-item .item-con{float:right;width: 64.6%;max-width:930px;padding-top:24px;}
.news-list .news-item .item-date{line-height: 1;color:#999;}
.news-list .news-item .item-title{line-height: 1;margin-top:20px;}
.news-list .news-item .item-desc{line-height: 24px;height:48px;color:#666;margin-top:22px;}
.news-list .news-item .item-more{float:left;transition: all .3s;width: 160px;line-height: 44px;border:1px solid #ebebeb;text-align: center;margin-top:35px;}
.news-list .news-item .item-more:hover{color:#fff;background: #fcd006;border-color:#fcd006;}

@media (max-width: 1500px){
 .news-list .news-item .item-title{margin-top:18px;}
 .news-list .news-item .item-desc{margin-top:20px;}
 .news-list .news-item .item-more{margin-top:30px;}
 .news-list .news-item .item-img{height: 240px;}
}
@media (max-width: 1200px){
 .news-list .news-item .item-con{padding-top:16px;}
 .news-list .news-item .item-title{margin-top:15px;}
 .news-list .news-item .item-desc{margin-top:16px;}
 .news-list .news-item .item-more{margin-top:25px;}
 .news-list .news-item .item-img{height: 210px;}
 .news-list .news-item .item-more{width: 150px;line-height: 40px;}
 .news-list .list .news-item{padding:35px 0;}
}
@media (max-width: 992px){
 .news-list .news-item .item-img{width: 33%;}
 .news-list .list .news-item{padding:30px 0;}
 .news-list .news-item .item-desc{margin-top:12px;}
 .news-list .news-item .item-more{margin-top:20px;font-size:12px;width: 140px;line-height: 38px;}
 .news-list .news-item .item-img{height: 190px;}
}
@media (max-width: 750px){
 .news-list .news-item .item-img,.news-list .news-item .item-con{width: 100%;float:none;}
 .news-list .news-item .item-title{font-weight: bold;}
 .news-list .news-item .item-img{height: auto;padding-bottom: 57.7778%;}
}
.news-detail{margin:50px 0; overflow: hidden;}
.news-detail h1{text-align: center; letter-spacing: 2px;}
.news-detail .dtinfo{margin: 20px 0; text-align: center;}
.news-detail .dtinfo span{margin: 0 10px;}
.news-detail .caseimg{margin-bottom: 30px;}
.news-detail .caseimg img{display: block; max-width: 100%; margin: auto;}
.news-detail .content{font-size: 15px; line-height: 1.8;}
.news-detail .content img{max-width: 100%;}
.news-detail .news-epx{margin: 30px auto 0; overflow: hidden;}
.news-detail .news-epx li{width: 49%; float: left; padding: 0 15px; line-height: 40px; background: #ccc; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-detail .news-epx li:first-child{margin-right: 2%;}
@media (max-width: 992px){
 .news-detail .news-epx li{width: 100%; margin: 5px 0;}
 .news-detail .news-epx li:first-child{margin-right: 0;}
}
@media (max-width: 767px){
 .news-detail{margin:30px 0;}
 .news-detail .dtinfo{margin: 15px 0;}
 .news-detail .dtinfo span{margin: 0 5px;}
 .news-detail .caseimg{margin-bottom: 20px;}
 .news-detail .news-epx{margin: 20px auto 0;}
}