@charset "UTF-8";
*{margin: 0;padding: 0;box-sizing: border-box;-webkit-border: border-color;-moz-box-sizing: border-box;outline: none;}
html {font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight: 400;line-height: 1;color: inherit;}
ul{list-style: none;}
a{text-decoration: none;color: #333;}
img{vertical-align: middle;outline: none;border: 0;}
body {font-family: "微软雅黑","Helvetica", "Arial", "sans-serif";font-size: 14px;line-height: 1.5;font-weight: normal;color: #333;background-color: #fff;min-width:1230px;}
input,button,textarea{outline: none;font-family:inherit;}

.container {margin:0 auto!important;}
.container-small{width:1200px;margin:0 auto;}
@media (min-width: 1230px){.container {width:1200px!important;}
}
@media (min-width: 1430px){.container {width:1400px!important;}
}
.clear{clear: both;}
.clearfix:before,.clearfix:after,
.container:before,.container:after,
.container-small:before,.container-small:after{content: " ";display: table;}
.clearfix:after,.container:after,.container-small:after{clear: both;}
.section{width: 100%;overflow: hidden;}
.pull-left{float: left;}
.pull-right{float: right;}
.scrollbar::-webkit-scrollbar {width: 4px;background-color: #eee;}
.scrollbar::-webkit-scrollbar-thumb {background-color: #D2232A;border-radius: 10px;}
.icom{display: inline-block;  vertical-align: top;  width:100%;  height: 100%;  cursor: pointer;  position: relative;}
.icom .icom-img{transition: all .3s ease-out 0s;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  position: absolute;  left:50%;background: url(../images/icom.png) no-repeat center;width: 16px;height:100%;display: inline-block;margin-left: -8px;}
.icom:after {position: absolute;  content: '';  left:50%;  top:50%;  margin-top: -0.5px;  margin-left:-19px;  width: 30px;  height: 1px;  background-color: #fff;  transform: scale(0,1);  -webkit-transform: scale(0,1);  -moz-transform: scale(0,1);  transition: all .3s ease-out 0s;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;}
.icom:hover .icom-img {margin-left:1px ;}
.icom:hover:after {transform: scale(1,1);  -webkit-transform: scale(1,1);  -moz-transform: scale(1,1);}
.icom.le .icom-img{background: url(../images/icom.png) no-repeat left center;left:20px;margin:0;}
.icom.le:after{left:0;margin-left:0;}
.icom.le:hover .icom-img{left:25px;}
.header{width: 100%;background: #f4f4f4;position: relative;}
.header .brand{padding-left:3.2%;padding-right:2.3%;float: left;border-right: 1px solid #e8e8e8;}
.header .brand a{display: block;}
.header .brand a img{}
.header .navbar{float: left;padding:0 15px;}
.header .navbar li{float: left;}
.header .navbar li .category-a{display: block;font-size: 18px;line-height:36px;color: #333;transition: all .3s;-webkit-transition: all .3s; padding:32px 30px;}
.header .navbar li.active .category-a,.header .navbar li:hover .category-a{color: #D2232A;}
.header-right{float: right;padding-right:3.2%;}
.language{margin-top: 39px;float: left;border-left: 1px solid #e2e2e2;padding-left: 23px;margin-left: 20px;}
.language a{display:block;float: left;width:43px;height: 22px;font-size:14px;text-align: center;line-height: 22px;color: #999;border-radius: 10px;background: transparent;font-family: arial;}
.language a.on{color: #fffefe;background: #D2232A;}
.header .user{border: none;background: none;float: left;width:36px;height: 36px;margin-top:32px;cursor: pointer;background:url(../images/icon-user.png) no-repeat center;margin-left: 10px;}
.header .tuichus{border: none;  background: none;  float: left;  width: 36px;  height: 36px;  margin-top: 32px;  cursor: pointer; margin-left: 10px;  text-align: center;  line-height: 36px;}
.header .butt-search{border: none;background: none;float: left;width:36px;line-height: 36px;margin-top:32px;cursor: pointer;overflow: hidden;position: relative;-webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;  z-index: 10;}
.header .sub-bot {display: block;  width: 36px;  height: 36px;  line-height: 36px;  background: transparent;  border: none;  position: absolute;  right: 0;  top: 0;  z-index: 3;  cursor: pointer;  background:url(../images/icon-search.png) no-repeat center transparent;}
.header .sub-txt {display: block;  margin-left: 26px;  line-height: 36px;  color: #909090;  font-weight: lighter;  background: transparent;  border: none;  padding: 0 30px 0 0px;  box-sizing: border-box;  width: 130px;  font-size: 0;}
.header .butt-search:hover {background: #fff;  border-radius: 20px;  width: 180px;}
.header .butt-search:hover .sub-txt{font-size: 14px;} 
.header .dropdown-menu{position: absolute;  top: 100%;  z-index: 1100;  background-color: #fff;  border-top: 1px solid #cdcdcd;  transition: none;  height: auto;  display: none;  overflow: hidden;  width: 100%;  min-width: 1200px;  left: 0;  margin-top: 0;  -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);  -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);  box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);}
.dropdown-warp{padding:46px 28px;}
.dropdown-menu .product-img {float: left;  width: 300px;  height:225px;  overflow: hidden;}
.dropdown-menu .product-img img{width:100%;height:100%;}
.column-item{float: left;padding:0 96px;border-left:1px solid #e3e3e4;min-height:225px;}
.column-item.column-first{border-left: 0;}
.column-item .ga-data{display: block;font-size:18px;line-height: 1;color: #333;margin-bottom:20px;transition: all .3s;-webkit-transition: all .3s;padding:0 8px;}
.column-item .ga-data:hover{color: #D2232A;}
.column-item .nav-item{display: block;font-size:16px;line-height: 22px;color: #666;transition: all .3s;-webkit-transition: all .3s;padding:0 8px;margin-bottom: 7px;}
.column-item .nav-item:hover{background: #D2232A;border-radius:10px;color: #fff;}
.header .navbar li:hover .dropdown-menu{display: block;  visibility: visible;}
.header .navbar:hover li:hover .dropdown-menu{opacity: 1;  visibility: visible;}
@media (max-width: 1800px){
    .header .navbar li .category-a{padding:32px 15px;}
}
@media (max-width: 1600px){
    .header .brand a img{}
	.header .navbar li .category-a{font-size: 16px;}
}
@media (max-width: 1440px){
    .header .navbar{padding:0;}
	.header .brand{padding-left:20px;padding-right: 20px;}
	.header-right{padding-right: 20px;}
	.header .navbar li .category-a{padding:32px 10px;}
	.language{padding-left: 10px;margin-left: 10px;}
	.column-item{padding: 0 70px;}
}
.sec-first{width:100%;max-height: 900px;position:relative;min-width: 1230px;}
#homeBanner{width: 100%;height: 100%;position: absolute;top:0;left:0;background: #000;}
#homeBanner ul li {position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  overflow: hidden;  transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0.2s;  -webkit-transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0.2s;  -moz-transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0.2s;}
#homeBanner ul li.curs {width: 0%;}
#homeBanner ul li.visb {width: 100%;}
#homeBanner ul li .figure {display: block;  width: 100% !important; height: 100%;  position: relative;  z-index: 5;  left: 0;  top: 0;  background-repeat: no-repeat;  background-position: center center;  background-size: cover;  background-color: rgba(0,0,0,0.4);}
#homeBanner .control{position: absolute;left: 0;bottom: 16%;width: 100%;text-align: center;z-index: 10;}
#homeBanner .control .dot{display: inline-block;width:18px;height: 18px;border:1px solid transparent;border-radius: 50%;background: transparent;padding:2px;margin: 0 10px;cursor: pointer;}
#homeBanner .control .dot i{display: block;width: 100%;height: 100%;background: #ccc;border-radius: 50%;transition: all .3s;-webkit-transition:all .3s;}
#homeBanner .control .dot.on{border-color: #D2232A;}
#homeBanner .control .dot.on i,#homeBanner .control .dot:hover i{background: #D2232A;}
#homeBanner .cont{position: absolute;left:10.9375%;bottom:30%;background: url(../images/article_bg.png) no-repeat left center;color: #fff;padding:40px 24px;opacity: 0;  transform: matrix(1, 0, 0, 1, 0, -80);  -webkit-transform: matrix(1, 0, 0, 1, 0, -80);  -moz-transform: matrix(1, 0, 0, 1, 0, -80); transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;  -webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;  -moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;}
#homeBanner .article{background:rgba(210,35,42,.5);width:660px;height:180px;border-left:8px solid rgba(149,18,14,0.5);padding:14px 18px;}
#homeBanner .cont .ban-tit{font-size: 40px;line-height:62px;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;  _zoom: 1;}
#homeBanner .cont .ban-text{font-size: 23px;line-height:24px;font-family: "helvetica,arial, sans-serif";font-weight: lighter;
height:48px;
display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
#homeBanner .cont .more-box {margin-top: 10px;  font-size: 13px;  line-height: 30px;  transition: all .3s;  cursor: pointer;  transition: all .3s;}
#homeBanner .cont .more-box i {display: inline-block;  margin-right: 6px;  width: 30px;  height: 30px;  border-radius: 50%;  text-align: center;  line-height: 30px;  background: url(../images/icon-de_2.png) no-repeat center #fff;  vertical-align: middle;}
#homeBanner .cont .more-box span {vertical-align: middle;}
#homeBanner .cont .more-box:hover{transform: translateX(20px);}
#homeBanner ul li.visb .cont{opacity: 1;  transform: matrix(1, 0, 0, 1, 0, 0);  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);  -moz-transform: matrix(1, 0, 0, 1, 0, 0);}
.index-waper-box {position: absolute;  bottom: 0;  width: 100%;  height: 120px;  overflow: hidden;  z-index: 9;  perspective: 800px;  -webkit-perspective: 800px;  -moz-perspective: 800px;  transform-style: preserve-3d;  -webkit-transform-style: preserve-3d;  -moz-transform-style: preserve-3d;}
.index-back-box {width:78.125%;  height: 120px;  background-color: #fff;  position: absolute;  bottom: 0;  margin: 0 10.9375%;  overflow: hidden;  transform-origin: bottom;  -webkit-transform-origin: bottom;  -moz-transform-origin: bottom;  transform: rotateX(0deg) translate3d(0,0,0);  -webkit-transform: rotateX(0deg) translate3d(0,0,0);  -moz-transform: rotateX(0deg) translate3d(0,0,0);  transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;  -webkit-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;  -moz-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;}
.index-back-box.pass {transform: rotateX(100deg) translate3d(0,0,0);  -webkit-transform: rotateX(100deg) translate3d(0,0,0);  -moz-transform: rotateX(100deg) translate3d(0,0,0);}
@media (max-width: 1440px){
    .index-waper-box{height: 100px;}
}
.single-box{padding:0 34px;}
.col-4{width:25%;float: left;text-align: center;border-left:1px solid #e8e8e8;margin-top:40px;}
.col-4.first{border-left:none;}
.single-item{display: inline-block;}
.single-info{display: inline-block;padding-left: 12px;vertical-align: middle;}
.single-info .cont{line-height: 50px;height: 50px;}
.single-info p{font-size: 16px;line-height: 24px;color: #666;}
.single-num{font-size: 40px;line-height: 50px;font-family: "AG";display: inline-block;}
.single-info i{font-size: 50px;font-family: "AG";font-style: normal;}
.single-info span{font-size: 14px;color: #666;}
.sec-project{}
.section-title{width:100%;text-align: center;padding-top:90px;padding-bottom: 60px;position: relative;}
.section-title h3{font-size: 30px;}
.section-title .line{width:40px;height:2px;background: #D2232A;margin:26px auto 0 auto;}
.section-title .en{font-family: "AG";font-weight: bold;color:rgba(68,68,68,0.08);font-size:70px;position: absolute;top:60px;left:0;width:100%;line-height: 1;text-transform: uppercase;letter-spacing:5px;z-index: 0;}
.home-project{margin-left:-40px;}
.h-proj{float: left;}
.h-project-item{overflow: hidden;margin-left:40px;margin-bottom:40px;display: block;position: relative;}
.h-project-item.it-01{width:980px;height:500px;}
.h-project-item img{width:100%;height:100%;
transition: all 0.4s;  -moz-transition: all 0.4s;  -o-transition: all 0.4s;  -webkit-transition: all 0.4s;  transition: all 0.4s;}
.h-project-item .tit{position: absolute;bottom:30px;left:0;padding:0 12px;font-size:24px;color: #fff;line-height: 1;border-left:3px solid #D2232A;margin:0 100px 0 40px;
text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;  _zoom: 1;}
.h-project-item .more{position: absolute;bottom: 0;right: 0;width: 90px;height:90px;background:#D2232A;transform: translateY(180px);-webkit-transform: translateY(180px);transition: all .5s;-webkit-transition: all .5s;}
.h-project-item:hover img{-moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1);  -webkit-transform: scale(1.1);  transform: scale(1.1);}
.h-project-item:hover .more{transform: translateY(0);-webkit-transform: translateY(0);}
.h-project-item.it-02{width:380px;height:500px;}
.h-project-item.it-03{width:580px;height:400px;}
.h-project-item.it-04{width:780px;height:400px;}
.h-project-item.it-05{width:580px;height:400px;}
.h-project-item.it-06,.h-project-item.it-07{width:370px;height:400px;}
.sec-news{background: #f4f4f4;padding-bottom:58px;}
.news-warp{position: relative;}
.arrow-left,.arrow-right{position: absolute;top:50%;z-index:10;width:55px;height:55px;margin-top:-27px;border-radius:50%;background:url(../images/icon-left02.png) no-repeat center center #fff;-webkit-transition: all .2s linear;transition: all .2s linear;cursor: pointer;}
.arrow-left{left:0;-webkit-box-shadow: 0px 6px 15px rgba(204,204,204,0.5);box-shadow: 0px 6px 15px rgba(204,204,204,0.5);}
.arrow-right{right:0;-webkit-box-shadow: 0px -6px 15px rgba(204,204,204,0.5);box-shadow: 0px -6px 15px rgba(204,204,204,0.5);transform: rotate(180deg);}
.news-warp .arrow-left{left:-125px;}
.news-warp .arrow-right{right:-125px;}
.arrow-left:hover{-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}
.arrow-right:hover{-webkit-transform: translate3d(0, -2px, 0) rotate(180deg);transform: translate3d(0, -2px, 0) rotate(180deg);}
.sec-news .look-more{text-align: center;margin-top: 68px;}
.sec-news .btn-look{display: inline-block;font-size: 16px;color: #999;padding-bottom:6px;border-bottom:1px solid #999;transition: all .3s;-webkit-transition: all .3s;}
.sec-news .btn-look:hover{color: #D2232A;border-color: #D2232A;}
.h-news .news-box{margin:0 -10px;}
.h-news .news-item{width: 25%;background: transparent;margin: 0;padding: 8px 10px;}
.h-news .news-item .pic{width: 100%;height: auto;border-bottom: 1px dashed #ccc}
.h-news .news-item .cont{background: #fff;}
.section-title03{padding-top:65px;}
.section-title03 h3{font-size: 30px;}
.section-title03 .line {width: 40px;  height: 2px;  background: #D2232A;  margin-top: 26px;}
.h-partner{margin:40px 0 66px;position:relative;}
.partner-slide{position: relative;overflow: hidden;}
.partner-slide ul{position: relative;}
.partner-slide ul li{float: left;margin-left:24px;width:176px;height:76px;text-align:center;line-height:76px;overflow: hidden;}
.partner-slide ul li:first-child {margin-left: 0 !important;}
.partner-slide li a{display: block;width: 100%;height:100%;line-height: 76px;}
.partner-slide li a img{max-width: 100%;max-height: 100%;}
.h-partner .arrow-left,.h-partner .arrow-right{position: absolute;top:50%;width:55px;height:55px;margin-top:-27px;border-radius:50%;background:url(../images/icon-left03.png) no-repeat center center #fff;-webkit-transition: all .2s linear;transition: all .2s linear;cursor: pointer;}
.h-partner .arrow-left{left:-125px;}
.h-partner .arrow-right{right:-125px;transform: rotate(180deg);}
.h-partner .arrow-left:hover{-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}
.h-partner .arrow-right:hover{-webkit-transform: translate3d(0, -2px, 0) rotate(180deg);transform: translate3d(0, -2px, 0) rotate(180deg);}
.partner-slide ul > * {transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms; }
.partner-slide ul:hover > * { opacity: 0.4; transform: scale(0.9); }
.partner-slide ul > *:hover { opacity: 1; transform: scale(1); transition-delay: 0ms, 0ms; }
@media (max-width: 1660px){
    .h-partner .arrow-left,.news-warp .arrow-left{left:0;}
	.h-partner .arrow-right,.news-warp .arrow-right{right:0;}
}
@media (max-width:1230px){
    .news-slide ul li{margin-left: 151.5px;}
}
.footer{width: 100%;overflow: hidden;background:#111;border-top:3px solid #D2232A;color: #999;}
.footer-top{padding:50px 0 20px;}
.footer-le{float: left;}
.footer-ri{float: right;width:470px;}
.footer-ri .dz{width:100%;height:50px;}
.footer-ri .dz .txt{float: left;width:380px;height:50px;border:1px solid #292929;font-size:14px;line-height: 30px;color: rgba(255,255,255,.4);background:transparent;padding:0 15px;}
.footer-ri .dz .butt{float: left;border:none;width:90px;line-height: 50px;background: #D2232A;color: #fff;text-align: center;cursor: pointer;}
.footer-ri-ri{padding-top: 0px;}
.footer-ri-ri .i-tel{font-size:26px;line-height: 40px;font-family: "AG";font-weight:lighter;background: url(../images/icon-tel.png) no-repeat left center;padding-left:36px;}
.footer-ri-ri p{font-size:14px;line-height: 24px;}
.footer-ri-ri .ewm-t{font-size: 14px;text-align: center;line-height: 24px;margin-top:8px;}
.footer-ri-ri .bdshare-button-style1-16 a{width:40px;height:40px;border:1px solid rgba(255,255,255,.1);border-radius: 50%;background-color: transparent;background-position: center;background-repeat: no-repeat;margin:0 20px 0 0;padding:0;transition: all .3s;-webkit-transition: all .3s;}
.footer-ri-ri .bdshare-button-style1-16{margin-top: 20px;}
.footer-ri-ri .bdshare-button-style1-16 a:hover{background-color: #D2232A;border-color: #D2232A;}
.footer-ri-ri .bdshare-button-style1-16 .bds_sqq{background-image:url(../images/qq.png);}
.footer-ri-ri .bdshare-button-style1-16 .bds_sqq:hover{background-image:url(../images/qq-h.png);}
.footer-ri-ri .bdshare-button-style1-16 .bds_tsina{background-image: url(../images/weibo.png);}
.footer-ri-ri .bdshare-button-style1-16 .bds_tsina:hover{background-image: url(../images/weibo-h.png);}
.footer-ri-ri .bdshare-button-style1-16 .bds_weixin{background-image: url(../images/weixin.png);}
.footer-ri-ri .bdshare-button-style1-16 .bds_weixin:hover{background-image: url(../images/weixin-h.png);}
.footer-item{float:left;padding-right: 60px;}
.footer-item:last-child{padding-right: 0;}
.footer-item dt{margin-bottom: 20px;}
.footer-item dt a{font-size:16px;line-height:1;color: rgba(255,255,255,.7);border-left:2px solid rgba(210,35,42,.4);padding-left:6px;}
.footer-item dd a{color: rgba(255,255,255,.4);font-size:14px;line-height: 30px;padding-left:8px;transition: all .3s;-webkit-transition: all .3s;}
.footer-le .friend-link{margin-top:90px;/*display: none;*/ width:700px;}
.footer-le .friend-link a{float: left;line-height: 24px;color: rgba(255,255,255,.4);padding-right:8px;margin-right:16px;transition: all .3s;-webkit-transition: all .3s;}
.footer-item dd a:hover,.footer-le .friend-link a:hover{color: #D2232A;}
.footer-bottom{border-top:1px solid rgba(52,52,52,.3);line-height: 24px;padding:20px 0;}
.footer-bottom .copyright{color: rgba(255,255,255,.5);    height: 34px;  float: left;}
.footer-bottom .gongan_img img{
width:25px;
height:34px;}
.footer-bottom .build{color: rgba(255,255,255,.5);text-align: center;margin:0 auto;display: inline-block;/*display: none;*/}
.footer-bottom .build a{transition: all .3s;-webkit-transition: all .3s;font-family: arial;color: rgba(255,255,255,.5);}
.footer-bottom .build a:hover{color: #D2232A;}
.footer-bottom .address{color: #999;background:url(../images/icon-address.png) no-repeat left center;padding-left: 30px;}
@media (max-width: 1430px){
    .home-project{margin-left: -33px;}
	.h-project-item{margin-left: 33px;margin-bottom: 33px;}
	.h-project-item.it-01{width:840px;height:428px;}
	.h-project-item.it-02{width:327px;height:428px;}
	.h-project-item.it-03{width:492px;height:343px;}
	.h-project-item.it-04{width:668px;height:343px;}
	.h-project-item.it-05{width:497px;height:343px;}
	.h-project-item.it-06,.h-project-item.it-07{width:317px;height:343px;}
	.h-project-item .more{width:78px;height:78px;}
	.footer-item{padding-right:35px;}
}
.sub-banner{height:600px;background-repeat: no-repeat;background-position: center;background-size: cover;background-color: #333;}
.sub-banner .container-small{position: relative;height:100%;}
.sub-banner .sub-bt{position: absolute;bottom: 0;left:0;width:100%;background:#fff;height:50px;border-bottom:1px solid #e9e9e9;}
.breadcrumb{font-size: 14px;  line-height: 50px;  padding:0 28px!important;  color: #D2232A;  background: #fff!important;}
.breadcrumb a {display: block;  color: #666;  float: left;  transition: color .3s;  -webkit-transition: color .3s;}
.breadcrumb .nvhm {width: 30px;  height: 49px;  background: url(../images/icon-home.png) no-repeat left center;  overflow: hidden;}
.breadcrumb em {margin: 0 10px;  float: left;  color: #666;}
.breadcrumb a:hover{color: #D2232A;}
.sub-banner .sub-title{position: absolute;top:50%;left:0;margin-top:-80px;min-width:128px;height:160px;background: url(../images/sub_bg.png) no-repeat left center transparent;}
.sub-banner .sub-title p{border-left:3px solid #D2232A;line-height:72px;padding:0 22px;font-size:40px;color: #fff;margin-top:44px;}
.sub-banner .sub-title p.tit-2{line-height: 1;}
.sub-banner .sub-title span{font-size:18px;line-height: 26px;color: rgba(255,255,255,.8);padding-left:25px;display: inline-block;border-left:3px solid #D2232A;padding:6px 35px 6px 20px;background: rgba(0,0,0,0.7);}
.sec-cooperation{padding:50px 0 20px;background: #f5f5f5;}
.coop-item{background: #fff;color: #666;margin-bottom:30px;}
.coop-item.it-1 .coop-info,.coop-item.it-2 .coop-pic{float: left;}
.coop-item.it-1 .coop-pic,.coop-item.it-2 .coop-info{float: right;}
.coop-item .coop-info{padding:35px 50px;width:650px;height:440px;}
.coop-item .tit{font-size: 27px;color: #D2232A;}
.coop-item .company{font-size: 18px;line-height: 22px;color: #444;padding:14px 0 12px;}
.coop-item .en{font-family: arial;margin-bottom:22px;}
.coop-item p{font-size:14px;line-height: 22px;font-family: '宋体';}
.coop-item .coop-pic{overflow: hidden;width:550px;height:440px;background: #999;}
.coop-item .coop-pic img{width:100%;height: 100%;transition: all .3s;-webkit-transition: all .3s;}
.coop-item .coop-pic img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}

.kf {transition: .8s;  -o-transition: .8s;  -moz-transition: .8s;  -webkit-transition: .8s;  z-index: 999999;  background-color: #fff;  position: fixed;  bottom: 100px;  right: 20px;  width: 62px;  border-radius: 5px;}
.kf span {z-index: 1000001;  transition: .5s;  cursor: pointer;  position: relative;  display: block;  width: 62px;  height: 62px;  border-bottom: 1px solid #e3e3e3;}
.kf .zx {border-radius: 5px 5px 0 0;  background: url("../images/kefu_03.png") no-repeat center #fff;}
.kf .zx:hover {background: url("../images/kefu1_03.png") no-repeat center #D2232A;}
.kf .freetel {background: url("../images/kefu1_07.png") no-repeat center #fff;}
.kf .act {background: url("../images/w_index_07.png") no-repeat center #fff;}
.kf .freetel:hover {background: url("../images/kefu_07.png") no-repeat center #D2232A;}
.kf .zxlya {background: url("../images/kefu_14.png") no-repeat center #fff;}
.kf .act:hover{background: url("../images/w_index_03.png") no-repeat center #D2232A;}
.kf .zxlya:hover {background: url("../images/kefu1_14.png") no-repeat center #D2232A;}
.kf .back_top {border-radius: 0 0 5px 5px;  border: none;  background: url("../images/kefu_18.png") no-repeat center #fff;}
.kf .back_top:hover {background: url("../images/kefu1_18.png") no-repeat center #D2232A;}
.kf span div {display: none;  background-color: #fff;  border-radius: 5px;  position: absolute;  right: 75px;  padding: 20px;  font-size: 14px;  color: #D2232A;  bottom:2px;}
.kf span div input {text-indent: .5em;  display: block;  margin: 15px 0;  line-height: 28px;  color: #696969;  font-size: 12px;  width: 140px;  border: 1px solid #d1d1d1;  border-radius: 2px;  height: 28px;}
.kf span div a {transition: .5s;  -webkit-transition: .5s;  display: block;  background: #D2232A;  border-radius: 2px;  color: #fff;  line-height: 26px;  font-size: 12px;  text-align: center;  width: 79px;  height: 26px;}
.kf span div a:hover {background: #D2232A;}
.kfimgr{position: absolute;  bottom:23px;  right: -9px;}
.kf span div i {display: block;  position: absolute;  width: 15px;  height: 200px;  right: -15px;  top: 0;}
.kf .zx div, .kf .freetel div,
.kf .zxlya div, .kf span:nth-child(4) div {text-align: center;  min-width: 148px;  font-size: 14px;  color: #666;}
.kf span:nth-child(4) div {white-space: nowrap;}
.kf a{display:block;height: 68px;position:absolute;top:0;right:0;width: 100%}
.kf span div, .kf {-webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);  -moz-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);  box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);}
.nav_center div, .index_nav_center div, .shou, .zhan {-webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);  -moz-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);}
.shou {z-index: 1000000;  cursor: pointer;  width: 30px;  height: 40px;  top: 50%;  margin-top: -15px;  border-radius: 5px 0 0 5px;  right: 62px;  background: url("../images/kefq.png") no-repeat center #fff;  position: absolute;}
.shou.on {background-image: url("../images/kefq1.png");}
.sec-services{background: #F5F5F5;padding-bottom:90px;}
.sec-services .container-small{background: #fff;}
.sec-services .title{font-size:30px;text-align: center;padding:66px 0 25px;}
.sec-services .content{padding:0 105px 32px 105px;color: #666;}
.sec-services p{line-height: 24px;}
.sec-services .ser-mt{font-size: 22px;padding-left:15px;border-left:4px solid #D2232A;line-height: 1;color: #333;margin-bottom:24px;}
.sec-services .ser-m{padding:32px 0;}
.sec-services .ser-img{margin-top:44px;}
.sec-services .ser-img .pic-1{width: 360px;height:320px;overflow: hidden;}
.sec-services .ser-img .pic-2{width: 250px;height:155px;overflow: hidden;margin:0 10px 10px 10px;}
.sec-services .ser-img img{width:100%;height:100%;}
.sec-services .ser-img img{transition: all .5s;-webkit-transition: all .5;}
.sec-services .ser-img img:hover{transform: scale(1.1);}
.ny_box {margin-top: 25px;margin-bottom: 5px;}
.banner_gc{width: 100%;height: 350px;margin: auto;}
.banner_gc img{width: 100%;height: 350px;}
.about {width: 100%;margin: auto;}
.about_top {width: 100%;height: 24px;line-height: 24px;font-size: 24px;text-align: center;}
.about_top h1{font-size: 26px;}
.about_foot {width: 100%;margin-top: 15px;font-size: 14px;line-height: 24px;overflow: hidden;}
.about_foot2 {text-align: left;width: 100%;margin-top: 20px;font-size: 14px;line-height: 24px;overflow: hidden;}
.about_foot2 p img{width: 100%;}
.title {margin-bottom: 24px;font-weight: 700;font-size: 24px;line-height: 24px;text-align: center;}
.scence_img {line-height: 0;overflow: hidden;margin-bottom: 35px;}
.scence_img div {float: left;width: 30%;height: 180px;display: inline-block;position: relative;text-align: center;margin-top: 15px;margin:8px 15px;}
.scence_img div img {max-width: 100%;height: 100%;}
.scence_img div span {display: inline-block;position: absolute;bottom: 5px;left: 5px;line-height: 32px;text-align: center;padding: 0 11px;border-radius: 5px;border:1px solid #eee;background-color: rgba(0,0,0,.4);color: #fff;font-size: 12px;}
.scence_img div.event {}

/*---------  图片点击弹出遮罩大图 ----------*/
#picmain{margin:0 auto;padding: 0 20px;}
/* 弹出层样式 */
#pbOverlay, #pbImage, #pbBottom, #pbCloseBtn{position:fixed;z-index:9999;}
#pbOverlay{left:0;top:0;width:100%;height:100%;background:#000;cursor:pointer;}
#pbCloseBtn{top:0;right:0;display:block;width:50px;height:50px;background:url(../images/closebutton.png) no-repeat top left;background-size: 50px;}
.pbLoading{background:#000 url(../images/loading.gif) no-repeat center !important;}
#pbImage{border:none;background:#000 no-repeat;-moz-box-shadow:0 0 40px #000;-webkit-box-shadow:0 0 40px #000;box-shadow:0 0 40px #000;cursor:move;}
#pbBottom{font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:10px;text-align:center;color:#EEE;line-height:1.4em;left:50%;bottom:10px;width:400px;margin-left:-200px;}
#pbCaption{font-weight:bold;padding:4px;display:inline-block;*display:inline;background-color:rgba(0, 0, 0, 0.7);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#B0000000, EndColorStr=#B0000000);zoom:1;}
#pbNav{display:block;width:282px;height:70px;margin:auto;margin-top:5px;}
#pbPrevBtn, #pbNextBtn, #pbZoomBtn, #pbLeftBtn, #pbRightBtn{display:inline-block;height:70px;outline:none;text-indent:-9000px;background:url(../images/navbtns.png) no-repeat;}
#pbPrevBtn{background-position:-223px 0;width:40px;float:left;}
#pbPrevBtn.pbgreyed{background-position:-521px 0;}
#pbNextBtn{background-position:-337px 0;width:40px;float:right;}
#pbNextBtn.pbgreyed{background-position:-560px;}
#pbZoomBtn{width:74px;background-position:-263px 0;float:left;}
#pbZoomBtn.pbgreyed{background-position:-74px 0;}
#pbZoomBtn.pbzoomed{background-position:0 0;}
#pbLeftBtn{background-position:-159px 0;width:64px;float:left;}
#pbRightBtn{background-position:-377px 0;width:64px;float:right;}
/*---------  图片点击弹出遮罩大图 ----------*/
.sec-culture{width: 100%;height:650px;background: url(../images/culture.jpg) no-repeat center center #ccc;background-size:cover;}
.culture-box{margin-left:-30px;}
.culture-box li{float: left;margin-left:30px;color:#fff;text-align: center;width:175px;overflow: hidden;}
.culture-box li .icon{width:175px;height:175px;background-repeat: no-repeat;background-size:1100px 360px;background-image: url(../images/culture_02.png);transition: all .5s;}
.culture-box li .tit{font-size:20px;line-height: 24px;padding:16px 0 12px;}
.culture-box .it_1 .icon{background-position:0 0;}
.culture-box .it_1:hover .icon{background-position:0 -185px;}
.culture-box .it_2 .icon{background-position:-185px 0;}
.culture-box .it_2:hover .icon{background-position:-185px -185px;}
.culture-box .it_3 .icon{background-position:-370px 0;}
.culture-box .it_3:hover .icon{background-position:-370px -185px;}
.culture-box .it_4 .icon{background-position:-555px 0;}
.culture-box .it_4:hover .icon{background-position:-555px -185px;}
.culture-box .it_5 .icon{background-position:-740px 0;}
.culture-box .it_5:hover .icon{background-position:-740px -185px;}
.culture-box .it_6 .icon{background-position:-925px 0;}
.culture-box .it_6:hover .icon{background-position:-925px -185px;}
.sec-awards{padding-bottom:80px;}
.morePic{position:relative ;}
.parM-slide ul{margin-left: -20px;}
.parM-slide ul li{float: left;margin-left:20px;margin-top:20px;}
.parM-slide ul li a{display: block;border: 1px solid #e0e0e0;overflow: hidden;width:224px;height:90px;text-align: center;line-height:90px;}
.parM-slide ul li img{max-width:100%;max-height: 100%;}
.morePic .arrow-left{left: -145px;}
.morePic .arrow-right{right: -145px;}
@media (max-width: 1510px){
    .morePic .arrow-left{left:0;}
	.morePic .arrow-right{right:0;}
}
.parM-slide ul > * { transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms; }
.parM-slide ul:hover > * { opacity: 0.4; transform: scale(0.9); }
.parM-slide ul > *:hover { opacity: 1; transform: scale(1); transition-delay: 0ms, 0ms; }
.sec-download{background: #f5f5f5;padding:86px 0 60px;}
.download-cent{padding:0 21px 28px 21px;}
.sec-download li{background: #fff;width: 370px;height:220px;margin:0 8px 30px 8px;padding:26px 37px;float: left;}
.sec-download li .tit{font-size:20px;line-height:26px;color: #444;padding:24px 0;border-bottom:1px solid #d6d6d6;}
.sec-download .btn-download{display: block;width:120px;height:40px;background: #D2232A;color: #fff;font-size:14px;line-height:40px;text-align:center;border-radius:3px;margin-top:28px;position: relative;overflow: hidden;transition: all .3s ease-out;}
.sec-download .btn-download img{width:20px;height:20px;vertical-align:middle;margin-right:8px;}
.sec-download .btn-download span{display: inline-block;z-index: 2;position: relative;z-index: 1;}
.btn-download:hover{box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.225);background:#dc3e44;}
.loading{width:100%;text-align: center;padding:20px 0;}
.loadingmore{float: left;width: 100%;height: 50px;background: #D2232A;color: #fff;font-size: 16px;text-align: center;line-height: 50px;cursor:pointer;display: none;}
.sec-news{padding:42px 0 60px;}
.news-box{padding:0 15px 56px 15px;}
.news-item{background: #fff;display: block;float: left;margin:8px 10px;width:370px;}
.news-item .pic{width:370px;height:200px;overflow: hidden;}
.news-item .pic img{width:100%;height:100%;transition: all .5s;-webkit-transition: all .5s;}
.news-item .pic img:hover{transform:scale(1.1);-webkit-transform: scale(1.1);}
.news-item .cont{padding:18px 24px 27px 24px;}
.news-item .tit{font-size: 20px;text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;  _zoom: 1;}
.news-item .des{font-size: 14px;line-height: 24px;color: #666;margin:12px 0 23px;
height:48px;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2;  overflow: hidden;}
.news-item .more-box{font-size:13px;line-height: 22px;transition: all .3s;cursor: pointer;transition: all .3s;}
.news-item .more-box i{display:inline-block;margin-right:6px;width:22px;height:22px;border-radius:50%;text-align: center;line-height: 22px;background: url(../images/icon-de.png) no-repeat center #999;vertical-align: middle;}
.news-item .more-box span{vertical-align: middle;}
.news-item:hover .more-box i{background-color: #D2232A;}
.news-item:hover .more-box{transform: translateX(10px);color: #D2232A;}
.sec-news-de{background:#f5f5f5;}
.sec-news-de .container-small{padding:0 110px 90px 110px;background: #fff;margin-bottom:60px;}
.sec-news-de .title{font-size: 28px;margin-top:72px;}
.news-detail-t{background: url(../images/icon-time.png) no-repeat left center;padding-left:28px;font-size:14px;color: #999;line-height: 24px;margin:24px 0 36px;}
.news-detail-c{border-top:1px solid #e7e7e7;padding:27px 0;}
.news-detail-c p{font-size:16px;line-height: 30px;color: #666;}
.news-detail-c p span{white-space: normal!important;}
.news-detail-c p img{width: 100%}
.news-de-b .share{float: left;background: url(../images/icon-share.png) no-repeat right center;font-size:16px;line-height:36px;color: #666;padding-right:30px;}
.news-de-b .bdsharebuttonbox{float: right;margin-left:16px;}
.news-de-b .bdshare-button-style1-16 a{width:36px;  height: 36px;  border-radius: 50%;  background-color: transparent;  background-position: center;  background-repeat: no-repeat;  margin: 0 0 0 8px;  padding: 0;  transition: all .3s;  -webkit-transition: all .3s;}
.news-de-b .bdshare-button-style1-16 .bds_sqq {background-image: url(../images/qq-h.png);  background-color: #3e91ee;}
.news-de-b .bdshare-button-style1-16 .bds_tsina{background-image: url(../images/weibo-h.png);  background-color: #d2232a;}
.news-de-b .bdshare-button-style1-16 .bds_weixin{background-image: url(../images/weixin-h.png);  background-color: #21ba41;}
.news-de-b .bdshare-button-style1-16 .bds_linkedin{background-image: url(../images/bds_linkedin.png);  background-color: #234980;}
.news-de-b .bdshare-button-style1-16 .bds_qzone{background-image: url(../images/bds_qzone.png);  background-color: #f4c50b;}
.news-de-bt{border-bottom:1px solid #e7e7e7;padding:12px 0;}
.news-de-bt .page-prev,.news-de-b .page-next{color:#666;font-size:16px;line-height: 30px;transition: all .3s;-webkit-transition:all .3s;}
.news-de-bt .page-prev:hover span,.news-de-b .page-next:hover span{color: #D2232A;}
.news-de-b .page-next{margin-top:17px;display: block;}
.sec-development{background: #F5F5F5;padding-bottom:100px;}
.sec-development .container-small{padding:0 22px;}
.devolo-des{font-size:14px;line-height: 26px;color: #666;}
.develo-top{margin:58px 0 58px -18.5px;}
.develo-top-i{float: left;width:275px;height:180px;overflow: hidden;margin-left:18.5px;position: relative;}
.develo-top-i img{width:100%;height:100%;transition:all .5s;-webkit-transition:all .5s;}
.develo-top-i .tit{position: absolute;bottom:0;left:0;text-align: center;font-size:18px;line-height: 26px;padding:15px;width:100%;color: #fff;
text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;  _zoom: 1;}
.develo-top-i img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
.develo-bott-i{background-color: #fff;}
.develo-bott-i.it-1 .pic,.develo-bott-i.it-2 .cont{float: left;}
.develo-bott-i.it-1 .cont,.develo-bott-i.it-2 .pic{float: right;}
.develo-bott-i .pic{width:578px;height:350px;overflow: hidden;}
.develo-bott-i .pic img{width:100%;height:100%;transition:all .5s;-webkit-transition:all .5s;}
.develo-bott-i .pic img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
.develo-bott-i .cont{width: 578px;height:350px;padding:58px 68px;}
.develo-bott-i .cont .tit{font-size: 24px;line-height:26px;}
.develo-bott-i .cont .line{width:30px;height:2px;background:#D2232A;margin:26px 0;}
.develo-bott-i .cont .des{font-size:14px;line-height: 26px;color: #666;max-height:152px;overflow-y: auto;}
.sec-make,.sec-equipment{background:#F5F5F5;}
.sec-make .container-small {padding: 0 22px 58px 22px;}
.make-box{margin-left: -18.5px;}
.make-itme{float: left;display:block;width:275px;margin-left: 18.5px;background: #fff;margin-bottom: 30px;}
.make-itme .cont{border:1px solid #e2e2e2;border-bottom: none;line-height: 79px;padding:0 18px;height:80px;overflow: hidden;}
.make-itme .cont .num{color:#D2232A;font-size:26px;font-family: "AG";}
.make-itme .cont .name{font-size:20px;}
.make-itme .pic{width:275px;height:220px;overflow: hidden;}
.make-itme .pic img{width:100%;height:100%;transition:all .5s;-webkit-transition:all .5s;}
.make-itme .pic img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
.sec-equipment{border-top:1px solid #d6d6d6;padding-bottom:100px;}
.sec-equipment .container-small{padding:0 22px;}
.h-equipment{position: relative;}
.equipment-slide{position: relative;overflow: hidden;}
.equipment-slide ul{position: relative;}
.equipment-slide ul li{float: left;margin-left:18.5px;width:275px;overflow: hidden;}
.equipment-slide ul li:first-child {margin-left: 0 !important;}
.equipment-slide li a{display: block;width: 100%;height:100%;}
.equipment-slide li .pic{width:275px;height:220px;overflow: hidden;}
.equipment-slide li .pic img{width:100%;height:100%;transition:all .5s;-webkit-transition:all .5s;}
.equipment-slide li .pic img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
.equipment-slide .cur .tit{font-size:20px;height:60px;border-bottom:1px solid #e2e2e2;line-height:60px;}
.equipment-slide .cur .tit i{width:4px;height:4px;display: inline-block;background: #D2232A;border-radius:50%;vertical-align: middle;margin-right:10px;}
.h-equipment .arrow-left{left:-26px;}
.h-equipment .arrow-right{right:-26px;}
.sec-quality{background: #F5F5F5;padding-bottom:96px;}
.sec-quality .container-small{padding:0 22px;}
.quality-c-t{font-size:24px;line-height: 30px;text-align: center;}
.quality-c-b{margin-left:-14px;padding-top:108px;}
.quality-item{padding:85px 26px 26px 26px;margin-left:14px;float: left;width:220px;height:300px;background: #fff;text-align: center;position: relative;transition: all .5s;-webkit-transition: all .5s;}
.quality-item .tit{font-size:22px;line-height: 30px;}
.quality-item .line{width: 25px;height:2px;background: #D2232A;margin:15px auto;}
.quality-item .des{font-size:14px;line-height: 26px;color: #666;max-height:130px;overflow-y: auto;}
.quality-item .icon{position:absolute;width:117px;height:117px;background-repeat: no-repeat;background-size:625px 117px;background-image: url(../images/quality_j.png);top:-58px;left:51px;}
.quality-item:hover{transform: translateY(-20px);-webkit-transform: translateY(-20px);box-shadow: 0 10px 30px rgba(0,0,0,0.08);}
.sec-measure{height:670px;background:url(../images/quality_02.jpg) no-repeat center;background-size: cover;color: #fff;}
.sec-measure .container-small{padding:0 22px;}
.sec-title{text-align: center;}
.sec-title .tit{font-size:24px;line-height:26px;text-align: center;}
.sec-title .line{width:30px;height:2px;background: #D2232A;margin:24px auto 0 auto;}
.sec-measure .sec-title{padding:87px 0 96px;}
.h-measure{position: relative;}
.measure-slide{position: relative;overflow: hidden;}
.measure-slide ul{position: relative;}
.measure-slide ul li{float: left;margin-left:70px;width:236.5px;overflow: hidden;text-align: center;}
.measure-slide ul li:first-child {margin-left: 0 !important;}
.measure-slide ul li a{color: #fff;}
.measure-slide .icon{width:106px;height:106px;border-radius: 50%;margin:0 auto;border:1px solid #fff;background-repeat: no-repeat;background-size:420px 105px;background-image: url(../images/measure.png);}
.measure-slide .tit{font-size:18px;line-height: 33px;font-weight:600;margin:24px 0 14px;}
.measure-slide .line{width:22px;height:2px;background: #fff;margin:0 auto;}
.measure-slide .des{font-size: 14px;line-height:20px;margin-top:22px;}
.h-measure .BoxSwitch{margin-top:80px;text-align: center;}
.h-measure .BoxSwitch span{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width:24px;height:24px;margin: 0 10px;cursor: pointer;background: transparent;text-align: center;line-height: 24px;border-radius:50%;position: relative;transition:background .3s;-webkit-transition:background .3s;}
.h-measure .BoxSwitch span:after{content: '';position:absolute;top:8px;left:8px;width:8px;height:8px;display:block;border-radius: 50%;background: #d9d7d8;transition: all .3s;-webkit-transition: all .3s;}
.h-measure .BoxSwitch span.cur{background:url(../images/dot.png) no-repeat center;}
.h-measure .BoxSwitch span.cur:after,.h-measure .BoxSwitch span:hover:after{background:#D2232A;}
.qua-service{background: #fff;}
.qua-service .pic{width:578px;height:435px;float: left;overflow: hidden;}
.qua-service .pic img{width:100%;height:100%;transition:all .5s;-webkit-transition:all .5s;}
.qua-service .pic img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
.qua-service .cont{padding:46px 36px 46px 638px;height:435px;}
.qua-service .qua-ser-l{min-height:60px;margin-bottom:30px;}
.qua-service .qua-ser-l i{display: block;float: left;width:60px;height:60px;border-radius:50%;background-repeat: no-repeat;background-size:240px 60px;background-color: #D2232A;background-image: url(../images/qua-service02.png);margin-right:20px;}
.qua-service .qua-ser-l p{font-size:14px;line-height: 22px;color: #666;}
.sec-qua-service{background: #F5F5F5;padding:80px 0 100px;}
.sec-qua-service .container-small{padding:0 22px;}
.sec-qua-service .sec-title{padding-bottom:60px;}
.qua-service .qua-ser-l i:hover{-webkit-animation-name: bounce;  animation-name: bounce;  -webkit-transform-origin: center bottom;  transform-origin: center bottom;}
.sec-serPro .quality-item .icon{background-image: url(../images/serPro_j.png);}
.serpro-box{background-color: #fff;margin-top:70px;}
.serpro-box.it-1 .pic,.serpro-box.it-2 .cont{float: left;}
.serpro-box.it-1 .cont,.serpro-box.it-2 .pic{float: right;}
.serpro-box .pic{width:578px;height:450px;overflow: hidden;}
.serpro-box .pic img{width:100%;height:100%;transition:all .5s;-webkit-transition:all .5s;}
.serpro-box .pic img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
.serpro-box .cont{width: 578px;height:450px;padding:50px 60px;}
.serpro-box .cont .tit{font-size: 24px;line-height:26px;}
.serpro-box .cont .line{width:30px;height:2px;background:#D2232A;margin:26px 0;}
.serpro-box .cont .des{font-size:14px;line-height: 26px;color: #666;max-height:295px;overflow-y: auto;}
.sec-design-f{background: #f5f5f5;padding-bottom: 78px;}
.sec-design-f .container-small{padding:0 22px;}
.design-f-tit{font-size: 30px;text-align: center;margin:70px 0 53px;}
.design-f-c{position: relative;padding-top: 17px;}
.design-f-c .info{background: #fff;margin-left:477px;padding:25px 70px 25px 100px;height: 360px;}
.design-f-c .line{width: 40px;height:2px;background: #D2232A;margin:26px 0;}
.design-f-c p{font-size:14px;line-height: 24px;color: #666;margin-bottom: 24px;}
.design-f-c .pic{width: 530px;height: 350px;position: absolute;left: 0;top: 0;z-index: 2;overflow: hidden;}
.design-f-c .pic img{width:100%;height:100%;transition:all .5s;-webkit-transition:all .5s;}
.design-f-c .pic img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
.design-f-c .scrollbar{overflow-y: auto;max-height: 254px;}
.sec-design-s{background: #fff;text-align: center;padding:80px 0 68px 0;}
.sec-design-s .container-small{padding: 0 22px;}
.design-s-t{font-size:22px;line-height:30px;}
.design-s-d{font-size: 14px;line-height: 24px;color: #666;margin:40px 0 80px;}
.design-s-b{position: relative;}
.design-s-b li{float: left;margin:0 76px;text-align: center;}
.design-s-b .icon{width:135px;height: 135px;border:1px solid #D2232A;border-radius: 50%;background-repeat: no-repeat;background-color: #fff;background-image:url(../images/design_j.png);transition: all .5s;-webkit-transition: all .5s;}
.design-s-b .li-1 .icon{background-position: 0 0;}
.design-s-b li p{font-size: 20px;line-height: 30x;padding-top: 22px;}
.design-s-b .li-2 .icon{background-position:-133px 0;}
.design-s-b .li-3 .icon{background-position:-266px 0;}
.design-s-b .li-4 .icon{background-position:-399px 0;}
.design-s-b .container-small{padding:0 26px;}
.design-s-b .icon:hover{background-image: url(../images/design_jh.png);background-color: #D2232A;}
.sec-design-th{background:#F5F5F5;padding-bottom: 20px;}
.sec-design-th .container-small{padding:0 22px;}
.design-th-c{padding:0 42px;}
.design-th-t{font-size: 26px;line-height: 30px;text-align: center;margin:86px 0 100px;}
.design-item{margin-bottom: 80px;}
.design-item.it-1 .pic,.design-item.it-2 .cont{float: left;}
.design-item.it-1 .cont,.design-item.it-2 .pic{float: right;}
.design-item .pic{width:550px;height: 360px;overflow: hidden;}
.design-item .pic img{width:100%;height:100%;transition:all .5s;-webkit-transition:all .5s;}
.design-item .pic img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
.design-item .cont{width:522px;height: 360px;}
.design-item .tit{display: inline-block;font-size: 22px;line-height: 30x;position: relative;}
.design-item .des{font-size: 14px;line-height: 26px;color:#666;margin-top: 20px;overflow-y: auto;max-height:99px;}
.design-item .tit:before{content:'';position: absolute;top:50%;height: 1px;background:#D2232A;}
.design-item.it-1 .cont{padding:88px 0 88px 76px;}
.design-item.it-2 .cont{padding:88px 76px 88px 20px;}
.design-item.it-1 .tit:before{right:100%;margin-right: 10px;width:166px;}
.design-item.it-2 .tit:before{left:100%;margin-left: 10px;width:350px;}
.sec-deepen{padding:50px 0 80px 0;background:#F5F5F5;}
.sec-deepen .container-small{padding:0 22px;}
.deepen-box{position:relative;margin-bottom:40px;}
.deepen-box li{background:#fff;float: left;top:0;left: 0;width:370px;height: 269.03px;margin:0 10px 20px 10px;}
.deepen-box li a{display: block;}
.deepen-box li .pic{width:100%;height: 192.03px;overflow: hidden;text-align: center;}
.deepen-box li .pic img{height: 192px}
.deepen-box .cont{padding:0 66px 0 26px;text-align: center;transition: all .5s;-webkit-transition: all .5s;}
.deepen-box .info{border-top: 1px solid #e5e5e5;padding:13px 0 16px 0;transition: border .5s;-webkit-transition: border .5s;}
.deepen-box .tit{font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.deepen-box .des{color: #666;transition: color .5s;-webkit-transition: color .5s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.deepen-box .w_v{width:285px!important;height: 362px!important;}
.deepen-box li:hover{box-shadow: 0 5px 15px 0 rgba(0,0,0,.06);transform: translateY(-5px);}
.deepen-box li:hover .cont{background: #D2232A;color: #fff;}
.deepen-box li:hover .des{color: #fff;}
.deepen-box li:hover .info{border-color: #D2232A;}
.sub-bt-r{position: absolute;right: 0;bottom: 0;line-height:50px;}
.sub-bt-r .line2{width: 128px;height: 1px;background: #cbcbcb;display: inline-block;vertical-align: middle;}
.sub-bt-r .bdsharebuttonbox{display: inline-block;padding:0 22px 0 20px;vertical-align: middle;}
.sub-bt-r .bdsharebuttonbox .bds_more{margin: 0;padding:0;background: url(../images/icon-share.png) no-repeat right center;padding-right: 30px;font-size: 16px;color: #666;height:50px;line-height: 50px;}
.sub-bt-r .bdsharebuttonbox a:hover{color: #D2232A;}
.sec-deepen-detail{background:#f5f5f5;padding:82px 0;}
.sec-deepen-detail .container-small{padding:0 22px;}
.sec-deepen-detail .title{font-size: 30px;}
.deepen-detail-t .time{background: url(../images/icon-time2.png) no-repeat left center;  padding-left: 28px;  font-size: 14px;  color: #666;  line-height: 26px;  display:inline-block ;  margin-top: 10px;}
.deepen-detail-t{padding:40px 0;text-align: center;}
.deepen-detail-c img{width:100%;margin-bottom: 30px;}
.sec-solution{position: relative;background: #F5F5F5;padding: 50px 0 74px;}
.sec-solution .container-small{padding:0 28px;}
.solution-box{margin-left: -16px;}
.solution-box li{float: left;margin-left: 16px;margin-bottom: 16px;}
.solution-box li .pic{height: 240px;overflow: hidden;}
.solution-box li .pic img{width: 100%;height: 100%;ransition: all .5s;-webkit-transition: all .5s;}
.solution-box li:hover .pic img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.solution-box li .cont{background: #fff;width: 100%;height:60px;color: #444;border-bottom:1px solid #e2e2e2;padding:0 55px 0 15px;
transition: all .5s;-webkit-transition: all .5s;position: relative;}
.solution-box li .tit{font-size: 16px;line-height: 60px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;max-width: 442px;}
.solution-box li .more{position: absolute;  top: 50%;  right: 26px;  margin-top: -20px;  width:40px;  height:40px;  opacity: 0;  transition: all .5s;  -webkit-transition: all .5s;}
.solution-box li:hover .more{opacity: 1;}
.solution-box li:hover .cont{background: #D2232A;color: #fff;border-color: #D2232A;}
.solution-box li a{display: block;}
.solution-box li.li-1 .pic{width:300px;}
.solution-box li.li-2 .pic{width:511px;}
.solution-box li.li-3{position: relative;width:300px;}
.solution-box li.li-3 .pic{width:300px;height: 555px;position: absolute;top:0;}
.solution-box li.li-3 .cont{position: absolute;top:555px;left: 0;}
.sec-scene{background:#f5f5f5;padding:50px 0;position: relative;min-height:800px;}
.sec-scene .container-small{padding:0 15px;}
.sec-scene .deepen-box .cont{text-align: left;position: relative;}
.sec-scene .deepen-box .info{border: none;}
.sec-scene .deepen-box .more{position: absolute;  top: 50%;  right: 26px;  margin-top: -20px;  width:40px;  height:40px;  opacity: 0;  transition: all .5s;  -webkit-transition: all .5s;}
.deepen-box li:hover .more{opacity: 1;}
.menu{position: absolute;top:50px;left: 8%;width:110px;z-index: 110;-webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);  -moz-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);  box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);transition: .8s;  -o-transition: .8s;  -moz-transition: .8s;  -webkit-transition: .8s;}
.menu.fiex{position: fixed;top: 50px;}
.menu-item .menu-p{display:block;background:#D2232A;color: #fff;text-align: center;padding:20px 0;}
.menu-item .menu-p p{font-size: 16px;line-height: 26px;}
.menu-item .menu-p i{display:inline-block;width:15px;height:15px;background:url(../images/icon-left02-h.png) no-repeat center bottom;transform: rotate(90deg);transition: all .3s;}
.menu-item .menu-child{display: block;color: #444;font-size: 14px;line-height: 50px;border-bottom: 1px solid #f5f5f5;background: #fff;text-align: center;line-height: 50px;transition: all .3s;-webkit-transition: all .3s;}
.menu-item .menu-child:hover{color: #D2232A;}
.menu-item .menu-c{display: none;}
.menu-item.first .menu-c{display: block;}
.menu-item.in .menu-p i{transform: rotate(-90deg);}
.menu-shrink{position: absolute;top: 50%;left: 110px;z-index: 100;width: 30px;height: 40px;margin-top:-20px;cursor: pointer;background: url(../images/kefq1.png) no-repeat center #fff;border-radius: 0 5px 5px 0;-webkit-box-shadow:4px 0 18px rgba(0, 0, 0, 0.08);  -moz-box-shadow:4px 0 18px rgba(0, 0, 0, 0.08);  box-shadow: 4px 0 18px rgba(0, 0, 0, 0.08); display: none;}
.menu-shrink.on {background-image: url(../images/kefq.png);}
@media (max-width: 1680px) {.menu{left: 20px;}
}
@media (max-width: 1480px) {
    .menu-shrink{display: block;}
}
.sec-detail{height:50px;}
.sec-detail .container-small{position: relative;}
.sec-prject-detail{background: #F5F5F5;padding-top: 52px;}
.sec-prject-detail .container-small{padding:0 22px;}
#projectSlide{width:1156px;position: relative;}
#projectSlide .bigImg{height:600px;position: relative;}
#projectSlide .bigImg li{height:600px;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
#projectSlide .bigImg li .cont{width:100%;height:80px;position: absolute;bottom:0;left:0;background: rgba(0,0,0,0.7);padding:16px 35px;}
#projectSlide .bigImg li .des{line-height:24px;color: #f5f5f5;font-size: 14px;margin: 0 auto;max-height:48px;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2;  overflow: hidden;}
#projectSlide .smallBg{width:1156px;background: #fff;padding:48px 28px;}
#projectSlide .smallScroll{width:100%;margin:0 auto;position: relative;}
#projectSlide .smallImg{overflow: hidden;}
#projectSlide .smallImg li{float: left;width:241px;height: 127px;margin:0 17px;cursor: pointer;overflow: hidden;}
#projectSlide .smallImg li a{display: block;border:2px solid transparent;overflow: hidden;transition: all .3s;-webkit-transition: all .3s;}
#projectSlide .smallImg li img{width:100%;height: 123px;transition: all .5s;-webkit-transition: all .5s;}
#projectSlide .smallImg li.on a,#projectSlide .smallImg li:hover a{border-color:#D2232A;}
#projectSlide .smallImg li:hover img{transform:scale(1.1);-webkit-transform: scale(1.1);}
#projectSlide .arrow-left{display: block;left:47px;}
#projectSlide .arrow-right{display: block;right: 47px;}
.sec-case{background: #f5f5f5;padding:34px 0 90px;}
.sec-case .container-small{padding:0 22px;}
.case-tit{font-size: 22px;line-height: 75px;border-bottom: 1px solid #dbd9d9;margin-bottom: 50px;}
.case-box{margin-left: -23px;}
.case-item{display: block;width:370px;height: 192px;float: left;overflow: hidden;margin-left:23px;position: relative;}
.case-item img{width:100%;height: 100%;transition: all .5s;-webkit-transition: all .5s;}
.case-item .cont{position: absolute;bottom: 0;left: 0;width: 100%;background:rgba(0,0,0,0.6);height:38px;color: #fff;padding:0 38px 0 15px;}
.case-item .tit{font-size:16px;line-height: 38px;}
.case-item .more{position: absolute;right:15px;bottom: 0;width:38px;height:38px;}
.case-item:hover img{transform:scale(1.1);-webkit-transform: scale(1.1);}
/*产品页淘宝引导CSS样式开始*/
.tbsbox{padding: 30px;background: #fff;margin-top: 10px}
.tbsbox p{}
.tbsbox p span{white-space: normal!important;}
.tbsbox p img{width: 100%}
.tbs{border: 1px solid #e4e4e4;border-radius: 5px;padding: 10px;margin-top: 20px;}
.tbs span{position: relative;top: -23px;padding: 0 10px;margin-left: 10px;background-color: #fff;font-size: 16px;font-weight: 700;color: red;}
.tbs p{position: relative;top: -20px;font-size: 16px;padding: 0 10px;}
.tbs a{position:relative;padding: 6px 20px;background-color: #e28e12;color: #fff;border-radius: 5px;top: -10px;margin-left: 20px;}
.tbs a:hover{background-color: #D27E00;}
/*产品页淘宝引导CSS样式开始*/
.sec-solution-detail{background:#F5F5F5;padding-top: 40px;}
.solution-d-c{background:#fff;padding:110px 0 25px 0;}
.solution-d-c .container-small{padding:0 22px;}
.solution-d-i{position: relative;padding:40px 0;margin-bottom: 100px;}
.solution-d-i .cont{border:1px solid #dbdbdb;padding:120px 778px 120px 40px;}
.solution-d-i .tit{font-size: 26px;line-height: 1;}
.solution-d-i .line{width: 30px;height:2px;background: #D2232A;margin: 24px 0;}
.solution-d-i .des{font-size: 14px;line-height: 26px;color: #666;height:162px;overflow-y: auto;}
.solution-d-i .img-box{position: absolute;top:0;right:30px;}
.solDSlide .bigImg li{width:700px;height:460px;overflow: hidden;}
.solDSlide .bigImg li img{width: 100%;height: 100%;}
.solDSlide .smallBg{margin-top: 20px;}
.solDSlide .smallImg li{width:136px;height:92px;margin-right: 5px;cursor: pointer;float: left;}
.solDSlide .smallImg li a{border:2px solid transparent;display: block;transition: all .5s;overflow: hidden;}
.solDSlide .smallImg li img{width:100%;height:100%;transition: all .5s;}
.solDSlide .smallImg li.on a{border-color: #D2232A;}
.solDSlide .smallImg li:hover img{transform: scale(1.1);}
.sec-capacity{padding:50px 0 74px;background: #F5F5F5;}
.sec-capacity .container-small{padding: 0 22px;}
.sec-capacity .solution-box li .pic{height: 246px;}
.sec-capacity .solution-box li.it-1 .pic{width:320px;}
.sec-capacity .solution-box li.it-2 .pic{width:480px;}
.sec-capacity .solution-box li.it-3{width:322px;position: relative;}
.sec-capacity .solution-box li.it-3 .pic {width: 322px;height: 562px;position: absolute;top: 0;left:0;}
.sec-capacity .solution-box li.it-3 .cont{position: absolute;top:562px;left: 0;}
.modal {position: fixed;  top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 1050;  display: none;  overflow: hidden;  outline: 0;}
.fade {opacity: 0;  -webkit-transition: opacity .15s linear;  -o-transition: opacity .15s linear;  transition: opacity .15s linear;}
.fade.in {opacity: 1;}
.modal-dialog {position: fixed;  top: 50%;  left: 50%;  z-index: 1060;  width: 800px;  height: 496px;}
.modal.fade .modal-dialog {-webkit-transition: -webkit-transform .3s ease-out;  -o-transition: -o-transform .3s ease-out;  transition: transform .3s ease-out;  -webkit-transform: translate(-50%,-75%);  -ms-transform: translate(-50%,-75%);  -o-transform: translate(-50%,-75%);  transform: translate(-50%,-75%);}
.modal.in .modal-dialog {-webkit-transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%);  -o-transform: translate(-50%,-50%);  transform: translate(-50%,-50%);}
.modal-content {position: relative;  background-color: #fff;  -webkit-background-clip: padding-box;  background-clip: padding-box;  outline: 0;  -webkit-box-shadow: 0 12px 30px rgba(0,0,0,.2);  box-shadow: 0 12px 30px rgba(0,0,0,.2);}
.modal-header {padding: 15px;  border-bottom: 1px solid #e5e5e5;}
.modal-header .close {float: right;  width: 32px;  height: 32px;  background: 0 0;  border: 0;  color: #ccc;  cursor: pointer;  background: url(../images/close.png) no-repeat center;  -webkit-transition: all .3s;  transition: all .3s;}
.modal-header .close:hover{background: url(../images/close_h.png) no-repeat center;}
.modal-title {font-size: 20px;  line-height: 32px;}
.modal-body {position: relative;  padding: 15px 30px;}
.modal-body textarea {border: 1px solid #d3d3d3;  width: 100%;  height:146px;  font-size: 14px;  color: #666;  padding: 15px 10px;  overflow-y: auto;  resize: none;  margin-bottom: 20px;  transition: all .3s;}
.modal-body input[type=text] {border: 1px solid #d3d3d3;  font-size: 14px;  color: #666;  width:360px;  height: 52px;  line-height: 50px;  padding: 0 20px;  margin-bottom:20px;  margin-left: 20px;  float: left;  transition: all .3s;}
.modal-body .row{margin-left:-20px;}
.modal-footer {padding: 20px 15px;  text-align:center;  border-top: 1px solid #e5e5e5;}
.modal-footer .btn-send{background: #d2232a;border: none;border-radius: 22px;font-size: 16px;line-height: 46px;padding:0 70px;color: #fff;box-shadow: 0 5px 20px 0 rgba(210,35,42,.2);cursor: pointer;transition: all .3s;}
.modal-footer .btn-send:hover{background:#bb191f;}
.modal-backdrop {position: fixed;  top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 1040;  background-color: #000;}
.modal-backdrop.fade {filter: alpha(opacity=0);  opacity: 0;}
.modal-backdrop.in {filter: alpha(opacity=50);  opacity: .5;}
.news-tj{margin-top:60px;}
.tj-tit {font-size: 22px;  line-height: 26px;  margin: 30px 0 20px;}
.news-tj-i {margin-left: -40px;  background: #fff;}
.tj-item-i {line-height: 37px;  border-bottom: 1px dashed #cbcbcb;  display: block;  margin-left: 40px;  width: 470px;  float: left;}
.tj-item-i .tit {float: left;  transition: all .3s;  width: 340px;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;  _zoom: 1;}
.tj-item-i .time {float: right;  color: #999;}
.tj-item-i:hover .tit {color: #D2232A;  text-decoration: underline;}
.classify{text-align: center;margin-bottom:30px;}
.classify li{display: inline-block;}
.classify li a{display:block;  font-size: 16px;  line-height: 38px;  text-align: center;  padding: 0 36px;  border: 1px solid #dedede;  border-radius: 20px;  position: relative;  margin: 0 10px;  transition: all .4s;}
.classify li a:hover,
.classify li.active a{background: #D2232A;  border-color:#D2232A;  color:#fff;}
.news-tabs .news-box{display:none}
.news-tabs .news-box.active{display:block}
.newstag a{padding: 4px 7px 3px;  margin: 0 4px 4px 0;  color: #fff;  font-size: 12px;  background-color: rgba(255, 0, 0, 0.76);}