@charset "utf-8";
/* CSS Document */
html, body {font-size: 12px;margin: 0px;padding: 0px;text-decoration: none; background: #fff;text-align: left;-webkit-text-size-adjust: none;}
a {	color: #666666;text-decoration: none;outline: 0px none; star:expression(this.onFocus=this.blur());}
a:hover, a:active { color: #fff;}
* { margin: 0px;padding: 0px;list-style: none;}
table {	border-collapse: collapse;}
ul, li {list-style: none;border: 0 none;padding: 0px;margin:0;}
form {margin: 0px;}
img {border: 0px none;text-align-last: center;vertical-align: middle;_azimuth:expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true);}
center {text-align: left;	color: #999;height: 50px;}
#clear, .clear {clear: both;float: none!important;background: none;width: 0 !important;	height: 0 !important; margin:0 !important; padding:0 !important;}
#noData, .noData {color: #ccc;font-size: 14px;text-align: left;padding: 50px 0px;}
.fl-left, .fl{ float:left;}
.fl-right, .fr{ float:right;}
input, textarea, input:focus, textarea:focus, button{outline: none;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.container{width:96%; max-width: 1200px; margin:0 auto;}

#header{position:fixed; z-index:1000; left:0; top:-1px; width:100%; height:90px; background:#313131; border-bottom:1px solid #262626; box-shadow: 0px 1px 3px 0px #262626; transition:all .35s;}
#header .header-logo{position:relative; width:20%; line-height:90px;overflow:hidden; transition:all .35s; float:left;}
#header .header-logo>a{display:block;}
#header .header-logo>a>img{ width:100%; height:auto; max-width:164px;}

#header .header-nav{float:right;}
#header .header-nav>ul>li{float:left; position: relative; text-align:right; padding-left: 42px; line-height: 90px; font-size: 14px; color:#b9b9b9;}
#header .header-nav>ul>li a{color:#b9b9b9;}

#header .header-nav .subnav{position:absolute;width:100%;top:89px;left:20px;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);opacity: 0;visibility: hidden;-webkit-transform: translate3d(0, 10px, 0); text-align:center;overflow: hidden;z-index: 199; background: url(../images/navdownbg.jpg) top center; border-radius: 0px 0px 6px 6px;}
#header .header-nav>ul>li:hover .subnav{opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); text-align: center;}
#header .header-nav .subnav>ul{width:100%; box-shadow: 10px 10px 5px #888888;}
#header .header-nav .subnav>ul li{display:block;width:100%;font-size:14px;line-height:40px;background:none; height:40px; padding:0; border-bottom:#dddddd solid 1px;}
#header .header-nav .subnav>ul li a{display:block;width:100%;height:40px;font-size:13px;line-height:40px;color:#333;padding:0;}
#header .header-nav .subnav>ul li:hover{border-bottom: #d8262c solid 1px}
#header .header-nav .subnav>ul li:hover a{color:#fff; background: #d8262c;}



.main_kefu {top:50%; width: 61px; position:fixed; right:0; height: 244px; margin-top: -120px; z-index:9999; background-color: #fff;}
.main_kefu dl{ float: left; width: 100%; height: 60px; border-bottom: solid 1px #eee; border-left: solid 1px #eee; position: relative; z-index: 2;}
.main_kefu dl:first-child{ border-top: solid 1px #eee; }
.main_kefu dl dt{ width: 60px; height: 60px; cursor: pointer; position: relative; z-index: 5;}
.main_kefu dl dt a{ display: block; width: 60px; height: 60px;}
.main_kefu dl.icon1 dt{background:url(../icon/kefu.png) no-repeat 6px;}
.main_kefu dl.icon2 dt{background:url(../icon/weixin.png) no-repeat 6px;}
.main_kefu dl.icon3 dt{ background:#d8262c url(../images/kefuIcon.png) no-repeat; background-position: -120px -60px; }
.main_kefu dl.icon4 dt{background:url(../icon/tel.png) no-repeat 6px;}
.main_kefu dl.icon5 dt{ background-position: -240px 0; }
.main_kefu dl.icon6 dt{background:url(../icon/back.png) no-repeat 6px;}
.main_kefu dl:hover dt{ background:#d8262c url(../images/kefuIcon.png) no-repeat;}
.main_kefu dl.icon1:hover dt{background:#d8262c url(../icon/kefuh.png) no-repeat 6px;}
.main_kefu dl.icon2:hover dt{background:#d8262c url(../icon/weixinh.png) no-repeat 6px;}
.main_kefu dl.icon3:hover dt{ background-position: -120px -60px; }
.main_kefu dl.icon4:hover dt{background:#d8262c url(../icon/telh.png) no-repeat 6px;}
.main_kefu dl.icon5:hover dt{ background-position: -240px -60px; }
.main_kefu dl.icon6:hover dt{background:#d8262c url(../icon/backh.png) no-repeat 6px;}

.main_kefu dl.icon2 dd{ width: 150px; height: 150px; transition: all 0.5s ease; position: absolute; top: 0; right: -213px; z-index: 1;}
.main_kefu dl.icon2 dd img{ width: 150px; height: 150px; border: solid 1px #eee;}
.main_kefu dl.icon2:hover dd,.main_kefu dl.icon3:hover dd,.main_kefu dl.icon4:hover dd{ right: 61px;}
.main_kefu dl.icon3 dd{ width: 130px; border: solid 1px #eee; transition: all 0.5s ease; height: 245px;  position: absolute; top: 0; right: -193px; z-index: 1;}
.main_kefu dl.icon3 dd a{ float: left;display: block; width: 100%; height: 40px; text-align: center; line-height: 40px; border-top: solid 1px #eee; background-color: #fff;}
.main_kefu dl.icon3 dd a:hover{ background-color: #d8262c; color: #fff;}
.main_kefu dl.icon3 dd a:first-child{ border-top: 0;}
.main_kefu dl.icon4 dd{ height: 48px; padding: 6px 15px; background-color:rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: -261px; color: #fff; font-size: 14px; line-height: 24px; z-index: 1; width: 190px;transition: all 0.5s ease;}




/*banner*/
#banner{background:#fff; height:auto; overflow:hidden; padding-top:90px; transition:all .35s;}
#banner.active {transform: translateX(-220px);}
#banner .swiper-container{ position:relative; width:100%; height:100%;}
#banner .swiper-slide{ width:100%; height:100%; overflow:hidden; text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#banner .swiper-slide img{width:100%; height:auto;}
#banner .swiper-container-horizontal>.swiper-pagination-bullets, #banner .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 20px!important;}
#banner .swiper-pagination-bullet {width:40px !important;height:4px !important;border-radius:0!important; transition:all .35s;background: #fff;}
#banner .swiper-pagination-bullet-active { width:80px !important; opacity: 1;background: #d8262c;}
#banner .inside-container{ position:relative; margin:0 auto;}
#banner .inside-container>.wrap{ display:none; position:absolute;z-index:9; left:50%; bottom:40%; width:80%; margin-left:-40%;}
#banner .inside-container .txt{ text-align:left;}
#banner .inside-container .txt>h3{ display:block; font-size:40px; font-weight:700; color:#333;}
#banner .inside-container .txt>span{display:block;padding:10px 0; font-size:22px; font-family:Arial; color:rgba(0,0,0,.5);}
#banner .inside-container img{width:100%; height:auto; margin:0 auto;}
#banner  .mob{display:none;}

@media only screen and (max-width: 1080px){
  #banner{padding-top:80px;}

}
@media only screen and (max-width: 960px){
  #banner{padding-top:96px;}
  #banner .inside-container .txt>h3{font-size:28px;}
  #banner .inside-container .txt>span{padding:0; font-size:17px;}
  }

@media only screen and (max-width: 780px){
  #banner .pc{display:none;}
  #banner .mob{display:block;}

}
@media only screen and (max-width: 540px){
  #banner .inside-container .txt>h3{font-size:20px;}
  #banner .inside-container .txt>span{padding:0; font-size:14px;}

}
@media only screen and (max-width: 420px){
  #banner .inside-container .txt>h3{font-size:14px;}
  #banner .inside-container .txt>span{padding:0; font-size:12px;}

}


.tit{text-align:center;}
.tit h2{font-size: 40px; font-weight: 300; color:#4e4f53; line-height: 72px;}
.tit span{display: block; font-size:14px; line-height: 24px; color:#b7b7b7;}

#server{margin-top:60px;}

#server .server-box{min-height: 300px; margin-top: 60px; margin-bottom: 60px;}
#server .server-box .server-item{width:33.333333333%; float:left;min-height: 300px; line-height: 300px; box-shadow: 3px 3px 3px 3px #f0f0f0; }
#server .server-box .server-itemactiver{margin-top: -20px; margin-bottom: -20px; background:#fff;}

#certify {
	position: relative;
	width: 100%;
	margin: 0 auto
}

#certify .swiper-container {
	padding-bottom: 0px;
}

#certify .swiper-slide {
	width: 400px;
	height: 502px;
	background: #f0f0f0;
	margin:15px 0px;
	box-shadow: 0 3px 3px #f0f0f0;
  box-shadow: 0px 0px 2px 1px #f0f0f0 inset;
  text-align: center;
  position: relative;
  cursor: pointer;
}
#certify  .swiper-slide .swiper-slide-con{ position:absolute; top:50%;transform: translateY(-50%); width:100%; text-align: center;}
#certify  .swiper-slide .swiper-slide-con h3{font-size: 26px; line-height: 42px; font-weight: 300;}
#certify  .swiper-slide .swiper-slide-con span{display: block;text-transform: uppercase; letter-spacing: 2px; margin-bottom: 36px; color:#a9a9a9;}
#certify  .swiper-slide p {
	line-height: 28px;
	padding-top: 0;
	text-align: center;
	color: #a9a9a9;
	font-size: 1.1em;
	margin: 0;
} 
#certify  .swiper-slide .xz{display:none; width:40px; height: 40px; border-radius: 20px; background: #313131; margin:48px auto 0px;}
#certify  .swiper-slide .xz img{display: block; padding:13px;}
#certify  .swiper-slide-active{margin:0px 0px; height: 532px; background: #fff;  box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1) inset;}
#certify  .swiper-slide-active .xz{display:block;}
.serverqq{text-align: center; height: 64px; position: relative; top: 60px;}


.button {
  display: block;
  vertical-align: middle;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale
}
.button:focus {
  outline: 0
}
.button > span {
  vertical-align: middle
}
.button--nina {
  box-sizing: border-box;
  background: transparent;
  overflow: hidden;
  -webkit-transition: background-color .3s;
  transition: background-color .3s
}
.button--nina > span {
  display: inline-block;
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition: -webkit-transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s
}
.button--nina::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s
}
.button--nina:hover::before {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0)
}
.button--nina:hover > span {
  line-height: 46px;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.button--nina:hover > span:nth-child(1) {
  -webkit-transition-delay: .045s;
  transition-delay: .045s
}
.button--nina:hover > span:nth-child(2) {
  -webkit-transition-delay: .09s;
  transition-delay: .09s
}
.button--nina:hover > span:nth-child(3) {
  -webkit-transition-delay: .135s;
  transition-delay: .135s
}
.button--nina:hover > span:nth-child(4) {
  -webkit-transition-delay: .18s;
  transition-delay: .18s
}

.fk-freeModel {
  position: absolute;
  width: 184px;
  height: 54px;
  border: 1px solid #d8262c;
  color: #d8262c;
  border-radius: 40px;
  text-align: center;
  line-height: 54px;
  font-size: 16px;
  left: 50%;
  bottom: 60px;
  margin-left: -92px
}
.fk-freeModel:hover {
  color: #fff;
  background: #d8262c;
  line-height: 46px
}


#case{margin-top: 60px; padding:60px 0px; background: #ebebeb; overflow: hidden;}
#case .casebox{margin-top: 40px;}
#case .casebox .caseitem{float:left; width:396px; margin-right: 6px; margin-bottom:6px; background: #fff;}
#case .casebox .caseitem:nth-child(3n){margin-right: 0px;}
#case .casebox .caseitem .img{width:100%; height:204px; overflow: hidden;}
#case .casebox .caseitem .img img{}
#case .casebox .caseitem .info{padding:28px 28px; height:40px;}
#case .casebox .caseitem .info .infol{float:left; height:40px;}
#case .casebox .caseitem .info .infol h3{font-size:18px; line-height: 28px; font-weight: 300;}
#case .casebox .caseitem .info .infol p{font-size:12px;}
#case .casebox .caseitem .info a{display: block; float:right; background: #202020; width:40px; height: 40px; border-radius:20px;}
#case .casebox .caseitem .info a img{display: block; margin:10px 0px 0px 10px;}
#case .casebox .caseitem:hover .img img{-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15); transition: all 1s;}
#case .casebox .caseitem:hover .info a{background: #d8262c;}


#xingxiang{background: url(../images/aboutbg.jpg) center no-repeat; min-height: 300px; padding:160px 0px; text-align: center; color:#fff;}
#xingxiang h2{font-size:36px; font-weight: 300; line-height: 50px;}
#xingxiang h2 span{color:#d8262c;}
.aboutnum{width:720px; margin:100px auto 0px;}
.aboutnum-box{float:left; text-align:center; padding: 0px 72px; border-right:0px solid #fff;}
.aboutnum-box:nth-child(2){border-left:1px solid #505153; border-right: 1px solid #505153;}
.aboutnum-box span{text-align: center; display:block;}
.aboutnum-box b{font-size:46px; width:80%; font-weight: 500;}

.NewsL .NewsLb li{}
.NewsL .NewsLb li:hover .line{ background-color: #d8262c; width: 100%;}

#news{position: relative; margin:72px 0px; overflow: hidden;}
#news .newsbox{margin-top:60px; position: relative;}
#news .newsbox .newsitem{width:592px; margin-right:16px; padding-right:0px; float:left; padding-bottom: 0px; margin-bottom:42px; border-bottom: 1px solid #ccc;}
#news .newsbox .newsitem:nth-child(2n){margin-right: 0px;}
#news .newsbox .newsitem .data{width:100%; height:13px; font-size: 13px; margin-bottom: 24px;}
#news .newsbox .newsitem .data span{display: block; float:right; background: url(../images/icon-trib.png); width:16px; height:13px; margin-right:32px;}
#news .newsbox .newsitem h3{font-size:16px; font-weight: 400; color:#000; margin-bottom:24px; padding-right:32px;}
#news .newsbox .newsitem p{line-height: 24px; font-size:12.5px; letter-spacing: 1px; font-weight: 300; padding-right:32px;}
#news .newsbox .newsitem a{color:#a2a2a2; cursor: pointer;}
#news .newsbox .newsitem:hover .data span{background: url(../images/icon-trir.png);}

#news .newsbox .newsitem .line{margin-top: 38px; width:0px; height:5px; background-color: #fff; transition: all 0.8s ease;}
#news .newsbox .newsitem:hover .line{ background-color: #d8262c; width: 100%;}


#liucheng{background: url(../images/liuchengbg.jpg) no-repeat; margin-top: 60px; padding:60px 0px;}
#liucheng .tit h2{color:#fff}

#liucheng .liuchengbox{margin-top:40px;}
#liucheng .liuchengbox .liucheng-item{width:12.5%; float:left; color:#fff; text-align: center; cursor: pointer;}
#liucheng .liuchengbox .liucheng-item i{width:98px; height: 98px; border:1px solid #6d6e70; display: block; border-radius: 50%; margin:0 auto 24px;     -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
#liucheng .liuchengbox .liucheng-item:nth-child(1) i{background:url(../images/icon-lc1.png) no-repeat 22px;}
#liucheng .liuchengbox .liucheng-item:nth-child(2) i{background:url(../images/icon-lc2.png) no-repeat 22px;}
#liucheng .liuchengbox .liucheng-item:nth-child(3) i{background:url(../images/icon-lc3.png) no-repeat 22px;}
#liucheng .liuchengbox .liucheng-item:nth-child(4) i{background:url(../images/icon-lc4.png) no-repeat 22px;}
#liucheng .liuchengbox .liucheng-item:nth-child(5) i{background:url(../images/icon-lc5.png) no-repeat 22px;}
#liucheng .liuchengbox .liucheng-item:nth-child(6) i{background:url(../images/icon-lc6.png) no-repeat 22px;}
#liucheng .liuchengbox .liucheng-item:nth-child(7) i{background:url(../images/icon-lc7.png) no-repeat 22px;}
#liucheng .liuchengbox .liucheng-item:nth-child(8) i{background:url(../images/icon-lc8.png) no-repeat 22px;}
#liucheng .liuchengbox .liucheng-item:hover i{border:1px solid #d8262c;}
#liucheng .liuchengbox .liucheng-item:nth-child(1):hover i{background:#d8262c url(../images/icon-lc1.png) no-repeat 22px;}
#liucheng .liuchengbox .liucheng-item:nth-child(2):hover i{background:#d8262c url(../images/icon-lc2.png) no-repeat 22px;}
#liucheng .liuchengbox .liucheng-item:nth-child(3):hover i{background:#d8262c url(../images/icon-lc3.png) no-repeat 22px;}
#liucheng .liuchengbox .liucheng-item:nth-child(4):hover i{background:#d8262c url(../images/icon-lc4.png) no-repeat 22px;}
#liucheng .liuchengbox .liucheng-item:nth-child(5):hover i{background:#d8262c url(../images/icon-lc5.png) no-repeat 22px;}
#liucheng .liuchengbox .liucheng-item:nth-child(6):hover i{background:#d8262c url(../images/icon-lc6.png) no-repeat 22px;}
#liucheng .liuchengbox .liucheng-item:nth-child(7):hover i{background:#d8262c url(../images/icon-lc7.png) no-repeat 22px;}
#liucheng .liuchengbox .liucheng-item:nth-child(8):hover i{background:#d8262c url(../images/icon-lc8.png) no-repeat 22px;}


#footer{margin:46px 0px 0px; min-height: 240px;}
#footer .container{position: relative;}
#footer .footer-contact{position: absolute; left:0px;  top: 50px;}
#footer .footer-contact dt{font-size:18px; color:#585858; margin-bottom: 24px;}
#footer .footer-contact dd{font-size:14px; line-height: 26px; color:#969696;}
#footer .footer-logo{position: absolute; left:50%; transform: translateX(-50%); text-align: center;  top: 50px;}
#footer .footer-logo img{padding-bottom: 30px;}
#footer .footer-logo p{font-size:28px; font-weight:600; color:#3a3a3a; line-height: 26px;}
#footer .footer-logo span{font-size: 14px; color:#969696; line-height: 42px;}
#footer .footer-ewm{position: absolute; right: 0px;}

#footer .footer-ewm div{float:left;}
#footer .footer-ewm div dt{font-size:18px; color:#585858; margin-bottom: 24px;}
#footer .footer-ewm div dd{font-size:14px; line-height: 26px; color:#969696;}

.link{line-height: 32px;}
.link a:hover{color:#d8262c;}

#copyright{background: #313131;}
#copyright .copyright{float:left; line-height: 42px; color:#7a7a7a;}
#copyright .beianhao{float:right; line-height: 42px; }
#copyright .beianhao a{color:#7a7a7a;}



#webbanner{background:url(../images/webbanner.jpg) center center; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; width:100%; margin-top: 90px;}
#webbanner .container{padding: 112px 0px 106px;}
#webbanner .webbannerimg{float:left; width:40%; color:#fff;}
#webbanner .webbannerimg p{width:272px; text-align: center; margin-top: 24px; font-size:14px; font-weight: 600; line-height: 32px;}
#webbanner .webbannerimg span{display: block; width:272px; text-align: center; font-size: 10px;}
#webbanner .webbannerinfo{float:right; width:50%; color:#fff;}
#webbanner .webbannerinfo h2{font-size:36px; color:#fff; margin-top: 24px; margin-bottom: 18px;}
#webbanner .webbannerinfo h2 span{color:#31e6dd; font-size: 32px; font-weight: 300; line-height: 64px;}
#webbanner .webbannerinfo p{font-size: 16px; line-height: 32px;}


#webbox{margin:92px 0px 0px;}
#webbox .tit{text-align: center; max-width:820px; margin:0 auto;}
#webbox .tit h2{margin:18px 0px 2px;}
#webbox .tit p{color:#000; font-size: 16px; line-height: 28px;}
#webbox .con{margin-top: 64px;}
#webbox .con img{display: block; margin:0 auto;}

#webboxmoban{background: #f3f3f3; height: 580px;  overflow: hidden; width:100%;}
#webboxmoban .container{height: 100%}
#webboxmoban .webmoban{position: relative; width:100%; height: 100%;}
#webboxmoban .webmoban .webmobanwz{position: absolute; top:50%; transform: translateY(-50%); max-width: 532px;}
#webboxmoban .webmoban .webmobanwz h2{font-size: 42px; font-weight: 300; color:#424b5a;}
#webboxmoban .webmoban .webmobanwz p{font-size: 14px; color:#424b5a; line-height: 28px; margin-top: 20px;}
#webboxmoban .webmoban .img{position: absolute; right: 0px;  top:50%; transform: translateY(-50%); }

#webboxdinzhi{background: #fff; height: 580px; overflow: hidden; width:100%;}
#webboxdinzhi .container{height: 100%}
#webboxdinzhi .webdinzhi{position: relative; width:100%; height: 100%;}
#webboxdinzhi .webdinzhi .webdinzhiwz{position: absolute; right:0px; top:50%; transform: translateY(-50%); max-width: 532px;}
#webboxdinzhi .webdinzhi .webdinzhiwz h2{font-size: 42px; font-weight: 300; color:#424b5a;}
#webboxdinzhi .webdinzhi .webdinzhiwz p{font-size: 14px; color:#424b5a; line-height: 28px; margin-top: 20px;}
#webboxdinzhi .webdinzhi .img{position: absolute; left: 0px;  top:50%; transform: translateY(-50%); }

#webad{background:#f3f3f3; padding:102px 0px 88px;}
#webad .tit p{font-size:24px;font-family: -webkit-pictograph; color:#000;}
#webad .webadbox{width:100%; margin-top: 48px;}
#webad .webadbox .webaditem{float:left; width:390px; margin-right:15px; height: 240px; background:#fff; margin-bottom: 15px;}
#webad .webadbox .webaditem:nth-child(3n){margin-right: 0px;}
#webad .webadbox .webaditem:nth-child(2n+1){background: #31e6dd;}
#webad .webadbox .webaditem p{text-align: center; font-size: 13px; color:#b3b3b3;}
#webad .webadbox .webaditem:nth-child(2n+1) p{color:#fff;}
#webad .webadbox .webaditem i{display: block; margin:60px auto 30px; height:72px; width:72px;}
#webad .webadbox .webaditem1 i{background: url(../images/icon-webad1w.png) no-repeat}
#webad .webadbox .webaditem2 i{background: url(../images/icon-webad2.png) no-repeat}
#webad .webadbox .webaditem3 i{background: url(../images/icon-webad3w.png) no-repeat}
#webad .webadbox .webaditem4 i{background: url(../images/icon-webad4.png) no-repeat}
#webad .webadbox .webaditem5 i{background: url(../images/icon-webad5w.png) no-repeat}
#webad .webadbox .webaditem6 i{background: url(../images/icon-webad6.png) no-repeat}



#liucheng.webliucheng{margin-top: 0px;}



#tuiguangbanner{background:url(../images/tuiguangbanner.jpg) center center; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; width:100%; margin-top: 90px;}
#tuiguangbanner .container{padding: 112px 0px 106px;}
#tuiguangbanner .webbannerimg{float:left; width:40%; color:#fff;}
#tuiguangbanner .webbannerimg p{width:272px; text-align: center; margin-top: 24px; font-size:14px; font-weight: 600; line-height: 32px;}
#tuiguangbanner .webbannerimg span{display: block; width:272px; text-align: center; font-size: 10px;}
#tuiguangbanner .webbannerinfo{float:right; width:50%; color:#fff;}
#tuiguangbanner .webbannerinfo h2{font-size:36px; color:#fff; margin-top: 24px; margin-bottom: 18px;}
#tuiguangbanner .webbannerinfo h2 span{color:#31e6dd; font-size: 32px; font-weight: 300; line-height: 64px;}
#tuiguangbanner .webbannerinfo p{font-size: 16px; line-height: 32px;}


#tgquestion{margin:92px 0px 0px;}
#tgquestion .tit{text-align: center; max-width:740px; margin:0 auto;}
#tgquestion .tit h5{font-size: 14px}
#tgquestion .tit h2{margin:10px 0px 2px;}
#tgquestion .tit p{color:#000; font-size: 16px; line-height: 28px;}
#tgquestion .con{margin-top: 64px;}
#tgquestion .tgquestionbox{width:100%; margin-top: 72px; height: 290px;}
#tgquestion .tgquestionbox .tgquestion-item{width:560px; float:left; margin-right:80px; position:relative; height:89px; margin-bottom: 56px;}
#tgquestion .tgquestionbox .tgquestion-item:nth-child(2n){margin-right: 0px;}
#tgquestion .tgquestionbox .tgquestion-item .tqimg{position:absolute; width:89px; height: 89px; left:0px;}
#tgquestion .tgquestionbox .tgquestion-item .info{position:absolute; margin-left:120px; color:#a3a3a3;}
#tgquestion .tgquestionbox .tgquestion-item .info h3{line-height: 32px; font-size: 17px; font-weight: 300;}
#tgquestion .tgquestionbox .tgquestion-item .info p{font-size: 12px; line-height: 20px;}


#tuiguangcase{margin-top: 40px; background: url(../images/tgcase.jpg) no-repeat; width:100%; padding-top:72px; padding-bottom: 72px;}
#tuiguangcase .tit h2{text-align: center; color:#fff;  font-weight: 300;}
.keycase{width:100%; margin:60px 0px 32px;}
.keycase .keycase-item{width: 390px; float:left; margin-right: 15px;}
.keycase .keycase-item:nth-child(3n){margin-right: 0px;}
.keycase .keycase-item p{line-height: 48px; color:#fff; text-align: center;}


#tuiguangdif{width:100%; margin:72px 0px;}
#tuiguangdif .tit{font-size: 36px; font-weight: bold; color:#424b5a;}
.tuiguangdifbox{width:100%;}
.tuiguangdifbox .tgdif{width:100%; height:423px; position: relative;}
.tuiguangdifbox .tgdif .tgdifwz{position: absolute; top:50%; transform: translateY(-50%); max-width: 532px;}
.tuiguangdifbox .tgdif .tgdifwz h2{font-size: 42px; font-weight:bold; color:#424b5a;}
.tuiguangdifbox .tgdif .tgdifwz p{font-size: 14px; color:#424b5a; line-height: 28px; margin-top: 20px;}
.tuiguangdifbox .tgdif .img{position: absolute; right: 0px;  top:50%; transform: translateY(-50%); }
.tuiguangdifbox .tgdif2 .tgdifwz{position: absolute; top:50%; transform: translateY(-50%); max-width: 532px; right:0px;}
.tuiguangdifbox .tgdif2 .tgdifwz h2{font-size: 42px; font-weight: bold; margin-bottom: 10px; color:#424b5a;}
.tuiguangdifbox .tgdif2 .tgdifwz p{font-size: 14px; color:#424b5a; line-height: 28px; margin-top: 20px;}
.tuiguangdifbox .tgdif2 .img{position: absolute; left: 0px;  top:50%; transform: translateY(-50%); }
.shadow{width:100%; height: 30px; background: url(../images/shadow.jpg) center no-repeat;}


#tgquestion.tgquestion2{background: #f3f3f3; padding: 92px 0px;}
#tgquestion.tgquestion2 .tgquestionbox{height: 380px;}
#tgquestion.tgquestion2 .tgquestionbox .tgquestion-item .tqimg{position:absolute; width:28px; height: 89px; left:0px;}
#tgquestion.tgquestion2 .tgquestionbox .tgquestion-item .tqimg img{margin-top: 5px}
#tgquestion.tgquestion2 .tgquestionbox .tgquestion-item .info{position:absolute; margin-left:56px; color:#a3a3a3;}


#mobilebanner{background:url(../images/mobilebanner.jpg) center center; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; width:100%; margin-top: 90px;}
#mobilebanner .container{padding: 112px 0px 106px;}
#mobilebanner .webbannerimg{float:left; width:272px; color:#fff; text-align: center;}
#mobilebanner .webbannerimg p{width:272px; text-align: center; margin-top: 24px; font-size:14px; font-weight: 600; line-height: 32px;}
#mobilebanner .webbannerimg span{display: block; width:272px; text-align: center; font-size: 10px;}
#mobilebanner .webbannerinfo{float:right; width:50%; color:#fff;}
#mobilebanner .webbannerinfo h2{font-size:36px; color:#73cb17; margin-top: 24px; margin-bottom: 18px;}
#mobilebanner .webbannerinfo h2 span{color:#73cb17; font-size: 32px; font-weight: 300; line-height: 64px;}
#mobilebanner .webbannerinfo p{font-size: 16px; line-height: 32px;}



#mobileeight{margin:92px 0px 0px;}
#mobileeight .tit{text-align: center; max-width:740px; margin:0 auto;}
#mobileeight .tit h2{margin:18px 0px 2px;}
#mobileeight .tit span{display: inline-block; font-size: unset; color:#73cb17; padding-right: 5px;}
#mobileeight .eightbox{margin-top: 44px;}
#mobileeight .eightbox .eight-item{width:291px; height:200px; border-radius:16px; background: #f2f2f2; margin-right:12px; margin-bottom: 12px; float:left; text-align: center;}
#mobileeight .eightbox .eight-item:nth-child(4n){margin-right: 0px;}
#mobileeight .eightbox .eight-item i{width:50px; height: 50px; margin:60px auto 20px; display: block;}
#mobileeight .eightbox .eight-item p{font-size:14px; color:#909090;}
#mobileeight .eightbox .eight-item:hover{background: #73cb17;}
#mobileeight .eightbox .eight-item:hover p{color:#fff;}

#mobileeight .eightbox .eight-item:nth-child(1) i{background: url(../images/icon-eight1.png) no-repeat 0px 0px;}
#mobileeight .eightbox .eight-item:nth-child(1):hover i{background-position:left bottom;}

#mobileeight .eightbox .eight-item:nth-child(2) i{background: url(../images/icon-eight2.png) no-repeat 0px 0px;}
#mobileeight .eightbox .eight-item:nth-child(2):hover i{background-position:left bottom;}

#mobileeight .eightbox .eight-item:nth-child(3) i{background: url(../images/icon-eight3.png) no-repeat 0px 0px;}
#mobileeight .eightbox .eight-item:nth-child(3):hover i{background-position:left bottom;}


#mobileeight .eightbox .eight-item:nth-child(4) i{background: url(../images/icon-eight4.png) no-repeat 0px 0px;}
#mobileeight .eightbox .eight-item:nth-child(4):hover i{background-position:left bottom;}

#mobileeight .eightbox .eight-item:nth-child(5) i{background: url(../images/icon-eight5.png) no-repeat 0px 0px;}
#mobileeight .eightbox .eight-item:nth-child(5):hover i{background-position:left bottom;}

#mobileeight .eightbox .eight-item:nth-child(6) i{background: url(../images/icon-eight6.png) no-repeat 0px 0px;}
#mobileeight .eightbox .eight-item:nth-child(6):hover i{background-position:left bottom;}

#mobileeight .eightbox .eight-item:nth-child(7) i{background: url(../images/icon-eight7.png) no-repeat 0px 0px;}
#mobileeight .eightbox .eight-item:nth-child(7):hover i{background-position:left bottom;}

#mobileeight .eightbox .eight-item:nth-child(8) i{background: url(../images/icon-eight8.png) no-repeat 0px 0px;}
#mobileeight .eightbox .eight-item:nth-child(8):hover i{background-position:left bottom;}

.animation {
  transition: all 0.3s ease-in;   
    -webkit-transition: all 0.3s ease-in;  
    -moz-transition: all 0.3s ease-in;}
.animation:hover {
    transition: all 0.3s ease-out;   
    -webkit-transition: all 0.3s ease-out;  
    -moz-transition: all 0.3s ease-out;}



#mobilead{background: #313131; margin: 64px 0px 0px; padding:72px 0px;}
#mobilead .tit h2{color:#73cb17;}
#mobilead .tit p{color:#a4a4a4;}
#mobilead .adbox{width:100%; margin-top:56px;}
#mobilead .adbox .ad-item{float:left; width:50%; height:82px; margin-bottom: 56px;}
#mobilead .adbox .ad-item .icon{background: #3b3b3b; width:82px; height: 82px; border-radius: 50%; display: block; float:left;}
#mobilead .adbox .ad-item .icon i{width:34px; height: 34px; margin:24px; display: block;}
#mobilead .adbox .ad-item:nth-child(1) .icon i{background: url(../images/icon-a.png) no-repeat}
#mobilead .adbox .ad-item:nth-child(1):hover .icon i{background-position:left bottom;}
#mobilead .adbox .ad-item:nth-child(2) .icon i{background: url(../images/icon-b.png) no-repeat}
#mobilead .adbox .ad-item:nth-child(2):hover .icon i{background-position:left bottom;}
#mobilead .adbox .ad-item:nth-child(3) .icon i{background: url(../images/icon-c.png) no-repeat}
#mobilead .adbox .ad-item:nth-child(3):hover .icon i{background-position:left bottom;}
#mobilead .adbox .ad-item:nth-child(4) .icon i{background: url(../images/icon-d.png) no-repeat}
#mobilead .adbox .ad-item:nth-child(4):hover .icon i{background-position:left bottom;}
#mobilead .adbox .ad-item:hover .icon{background: #73cb17}
#mobilead .adbox .ad-item .info{margin-left: 40px; float:left;}
#mobilead .adbox .ad-item .info h3{color:#73cb17; font-size:18px; font-weight: 300; line-height: 48px;}
#mobilead .adbox .ad-item .info p{color:#a4a4a4; font-size:14px;}
#mobilead .adbox .ad-item:nth-child(2n){padding-left: 60px; width:540px}


#mobileliucheng{margin:72px 0px;}
#mobileliucheng h5{font-size: 16px;}

#develop{background: #313131; padding: 62px 0px;}
#develop h5{font-size: 16px; color:#a4a4a4;}
#develop h2{color:#fff;}


#develop .liuchengbox{margin-top:40px;}
#develop .liuchengbox .liucheng-item{width:16.666%; float:left; color:#fff; text-align: center;}
#develop .liuchengbox .liucheng-item i{width:60px; height: 60px; display: block;  margin:0 auto 24px;     -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
#develop .liuchengbox .liucheng-item:nth-child(1) i{background:url(../images/s1.png) no-repeat;}
#develop .liuchengbox .liucheng-item:nth-child(2) i{background:url(../images/s2.png) no-repeat;}
#develop .liuchengbox .liucheng-item:nth-child(3) i{background:url(../images/s3.png) no-repeat;}
#develop .liuchengbox .liucheng-item:nth-child(4) i{background:url(../images/s4.png) no-repeat;}
#develop .liuchengbox .liucheng-item:nth-child(5) i{background:url(../images/s5.png) no-repeat;}
#develop .liuchengbox .liucheng-item:nth-child(6) i{background:url(../images/s6.png) no-repeat;}



#newsbanner{background:url(../images/newsbanner.jpg) center center; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; width:100%; margin-top: 90px;}
#newsbanner .container{padding: 112px 0px 106px; text-align: center; color:#fff;}
#newsbanner .newsbannerinfo p{font-size: 14px;}
#newsbanner .newsbannerinfo h2{font-size: 40px; line-height: 80px; margin-top: 12px;}
#newsbanner .newsbannerinfo span{font-size: 16px;}
#newsbanner .newsbannerinfo .line{height: 2px; width:60px; margin: 30px auto 0px; background: #fff;}

.newsfl{width:70%; border-right:1px solid #f2f2f2; float:left; box-sizing: border-box; margin-top: 30px;}
.newsfr{width:30%; float:right; margin-top: 30px;}

.newslist{padding-right:40px;margin-bottom: 44px;}
.newslist ul li{margin-top: 36px; padding-bottom: 0px; border-bottom: 1px solid #ccc;}
.newslist ul li h3{margin-bottom: 10px;}
.newslist ul li h3 a{color: #54595f; font-family: "Roboto", Sans-serif; font-weight: 600; font-size: 18px;}
.newslist ul li span{display: block; font-size: 14px; margin-bottom: 18px; font-weight: 400;}
.newslist ul li .line{margin-top: 32px; width:0px; height:5px; background-color: #fff; transition: all 0.8s ease;}
.newslist ul li:hover .line{ background-color: #d8262c; width: 100%;}

.newsdetail{padding-right: 40px; padding-top: 30px}
.newsdetail h1{margin-bottom: 20px; font-size: 32px; font-weight: 600;}
.newsdetail p{text-indent: 2em; font-size: 14px; line-height: 32px;}
.time{display: block; font-size: 12px; color:#676767;}
.content{margin:30px 0px; line-height:32px; font-size: 16px;}
.newsdesc{padding-left: 40px; margin-top: 32px;}
.newsdesc p{margin-bottom: 10px;
    font-weight: 600;
    font-size: 24px; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px;}
.newsdesc a{line-height: 32px; font-size: 14px; cursor: pointer; height: 32px; overflow: hidden; display: block;}    

#path{ position:relative;z-index:99; width:100%;height:60px; line-height:60px; background:#f7f7f7; border-bottom:1px solid #e6e6e6;}
#path>.container{width:96%;max-width:1200px; margin:0 auto; font-size:14px; color:#999;}
#path a{display:inline-block; color:#999; transition:all .35s;}
#path a:hover{ color:#e30212;}#path a.A{ color:#e30212 !important;}
#path.active {transform: translateX(-200px);}




iframe {
  width: 100%;
  min-height: 420px;
  border: none;
}

.ditucontent iframe {
  width: 100%;
  height: 100%;
  top: 0;
}

.aboutcon{width:100%; margin: 120px 0px 100px; border-bottom: 1px solid #f2f2f2; padding-bottom: 100px;}
.aboutcon .aboutimg{float:left;}
.aboutcon .aboutinfo{width:650px; float:right; padding-top: 40px;}
.aboutcon .aboutinfo h3{font-size:42px; color:#000; font-weight: 300; line-height: 56px;}
.aboutcon .aboutinfo .con{text-indent: 2em; line-height: 32px; font-size: 14px; margin-top: 32px;}


.contactbox{width:100%;}
.contactbox .contact-item{float:left; width: 400px; height: 84px; margin-bottom: 72px;}
.contactbox .contact-item i{display: block; width:80px; border:2px solid #d8d8d8; height: 80px; border-radius: 50%; float:left;}
.contact-tel i{background: url(../images/icon-tel.png) no-repeat 14px;}
.contact-fax i{background: url(../images/icon-fax.png) no-repeat 14px;}
.contact-email i{background: url(../images/icon-mail.png) no-repeat 14px;}
.contact-qq i{background: url(../images/icon-qq.png) no-repeat 14px;}
.contactbox .contact-add{width:800px;}
.contact-add i{background: url(../images/icon-address.png) no-repeat 14px;}
.contactbox .contact-item .con{float:left; margin-left: 32px; width:280px;}
.contactbox .contact-add .con{width:640px;}
.contactbox .contact-item .con p{font-size: 14px; margin-top: 14px; line-height: 32px;}
.contactbox .contact-item .con span{font-size:18px; font-weight: bold;}

#contact{    background-color: #f3f3f3;
    border-top: 100px solid #fff;
    padding: 1px;
    font-size: 16px;
    position: relative;
    z-index: 1;
    margin: -110px 0 0; z-index: -1;}


#header .header-nav .wap{width: 0px;}

#headwap {background:#d8262c;color: #fff;position: fixed;right: -300px;top: 0px;width: 220px;height: 100%;z-index: 9999;transition: all 0.35s;transform-origin: left center;transform: perspective(800px) rotateY(90deg);}
#headwap.active {right:0px;transform: rotateY(0deg);}
#headwap>.menu{padding:20% 0 10px 0;}
#headwap>.menu>ul{display:block;}
#headwap>.menu>ul>li{display:block;}
#headwap>.menu>ul>li>a{display:block; font-size:16px; color:#fff;padding:8px 20px; transition:all .35s;}
#headwap>.menu>ul>li.A>a{ background:rgba(0,0,0,.2);}
#headwap>.menu>ul>li>div{display:none;padding:0 20px;}
#headwap>.menu>ul>li>div>a{display:block;padding:8px 0; font-size:13px; color:rgba(255,255,255,.9); border-bottom:1px solid rgba(255,255,255,.2);}
#header.active {transform: translateX(-220px);}
@media only screen and (max-width: 960px){  
  #path{display:none;}

  #header{height: 60px;}
#banner{padding-top: 60px;}
#webbanner{margin-top: 60px;}
  #header .header-logo{width:60%; line-height: 60px;}

  #header .header-nav>.wap{ display:block; position:absolute; right:0;top:0; width:80px; height:100%; cursor:pointer;}
  #header .header-nav>.wap>.btn {position: absolute;top:50%; left:50%; z-index: 9; margin-top:-16px; margin-left:-16px; display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:32px;height:32px;-webkit-tap-highlight-color: transparent;-ms-touch-action: manipulation;touch-action: manipulation;}
  #header .header-nav>.wap>.btn>span { position: relative; display:block; margin-top:16px;}
  #header .header-nav>.wap>.btn>span,#header .header-nav>.wap>.btn>span:after,#header .header-nav>.wap>.btn>span:before { display: block;width:32px;height: 2px;background-color: #fff;transition-duration: .4s;-webkit-transition-property: background-color,-webkit-transform;-moz-transition-property: background-color,-moz-transform; -o-transition-property: background-color,-o-transform; transition-property: background-color,transform;}
  #header .header-nav>.wap>.btn>span:after,#header .header-nav>.wap>.btn>span:before { position: absolute; content: "";}
  #header .header-nav>.wap>.btn>span:before {top: -10px;}
  #header .header-nav>.wap>.btn>span:after {top: 10px;}
  #header .header-nav>.wap>.btn.active span { background-color: transparent;}
  #header .header-nav>.wap>.btn.active span:after,#header .header-nav>.wap>.btn.active span:before {background-color:#fff;}
  #header .header-nav>.wap>.btn.active span:before {-webkit-transform: translateY(10px)rotate(45deg);-moz-transform: translateY(10px)rotate(45deg);transform: translateY(10px)rotate(45deg);-ms-transform: translateY(10px)rotate(45deg);}
  #header .header-nav>.wap>.btn.active span:after {-webkit-transform: translateY(-10px)rotate(-45deg);-moz-transform: translateY(-10px)rotate(-45deg);transform: translateY(-10px)rotate(-45deg);-ms-transform: translateY(-10px)rotate(-45deg);}
  #header .header-nav>ul{display:none;}
  #headwap{display: block;}

  #main_kefu{display: none;}
  #server{margin-top: 32px;}
  .tit h2{font-size: 24px; line-height: 64px;}
  .tit span{font-size:12px;}
  #server .server-box{margin: 30px 0px;}
  .serverqq{height:48px; top:60px;}

  #case{margin-top: 30px; padding: 30px 0px;}
  #xingxiang{padding: 30px 0px;}
  #xingxiang h2{font-size: 24px;}
  .aboutnum{margin-top: 32px;}
  .aboutnum-box{padding:0px 16px;}
  #news{margin:30px 0px;}
  #news .newsbox{margin-top: 24px;}
  #news .newsbox .newsitem{width:100%; margin-bottom: 18px;}
  #news .newsbox .newsitem .data span{margin-right: 10px;}
  #news .newsbox .newsitem h3{padding-right: 0px;}
  #news .newsbox .newsitem p{padding-right: 0px;}
  #news .newsbox .newsitem .line{margin-top: 12px;}
  #liucheng{margin-top: 30px; padding: 30px 0px;}
  #liucheng .liuchengbox .liucheng-item{width:25%; margin-bottom: 12px;}
  #liucheng .liuchengbox .liucheng-item i{width:72px; height: 72px; margin-bottom: 12px;}
  #liucheng .liuchengbox .liucheng-item:nth-child(1) i{background:url(../images/icon-lc1.png) no-repeat 8px;}
#liucheng .liuchengbox .liucheng-item:nth-child(2) i{background:url(../images/icon-lc2.png) no-repeat 8px;}
#liucheng .liuchengbox .liucheng-item:nth-child(3) i{background:url(../images/icon-lc3.png) no-repeat 8px;}
#liucheng .liuchengbox .liucheng-item:nth-child(4) i{background:url(../images/icon-lc4.png) no-repeat 8px;}
#liucheng .liuchengbox .liucheng-item:nth-child(5) i{background:url(../images/icon-lc5.png) no-repeat 8px;}
#liucheng .liuchengbox .liucheng-item:nth-child(6) i{background:url(../images/icon-lc6.png) no-repeat 8px;}
#liucheng .liuchengbox .liucheng-item:nth-child(7) i{background:url(../images/icon-lc7.png) no-repeat 8px;}
#liucheng .liuchengbox .liucheng-item:nth-child(8) i{background:url(../images/icon-lc8.png) no-repeat 8px;}
#liucheng .liuchengbox .liucheng-item:hover i{border:1px solid #d8262c;}
#liucheng .liuchengbox .liucheng-item:nth-child(1):hover i{background:#d8262c url(../images/icon-lc1.png) no-repeat 8px;}
#liucheng .liuchengbox .liucheng-item:nth-child(2):hover i{background:#d8262c url(../images/icon-lc2.png) no-repeat 8px;}
#liucheng .liuchengbox .liucheng-item:nth-child(3):hover i{background:#d8262c url(../images/icon-lc3.png) no-repeat 8px;}
#liucheng .liuchengbox .liucheng-item:nth-child(4):hover i{background:#d8262c url(../images/icon-lc4.png) no-repeat 8px;}
#liucheng .liuchengbox .liucheng-item:nth-child(5):hover i{background:#d8262c url(../images/icon-lc5.png) no-repeat 8px;}
#liucheng .liuchengbox .liucheng-item:nth-child(6):hover i{background:#d8262c url(../images/icon-lc6.png) no-repeat 8px;}
#liucheng .liuchengbox .liucheng-item:nth-child(7):hover i{background:#d8262c url(../images/icon-lc7.png) no-repeat 8px;}
#liucheng .liuchengbox .liucheng-item:nth-child(8):hover i{background:#d8262c url(../images/icon-lc8.png) no-repeat 8px;}

#footer{display: none}
#copyright .copyright{width:100%; text-align: center;}
#copyright .beianhao{width:100%; text-align: center;}

#case .casebox .caseitem{width:100%;}
.aboutnum{width:300px}
.aboutnum-box b{font-size: 32px;}



#webbanner .container{padding: 32px 0px;}
#webbanner .webbannerimg{width:100%; text-align: center;}
#webbanner .webbannerimg p{width:100%;}
#webbanner .webbannerimg span{width:100%;}
#webbanner .webbannerinfo h2{margin:0px;}
#webbanner .webbannerinfo p{font-size: 12px;}
#webbox{margin: 32px 0px 0px;}
#webbox .tit h2{font-size: 24px; line-height:48px; margin-top: 8px;}
#webbox .tit p{font-size: 12px;}
#webbox .con{margin-top: 24px;}
#webbox .con img{max-width: 100%}
#webbanner .webbannerinfo{width:100%;}
#webboxmoban{height: auto;}
#webboxmoban .webmoban .webmobanwz{top:20px; width: 100%; 
    transform: translateY(0%); position: inherit;}
#webboxmoban .webmoban .webmobanwz h2{text-align: center; font-size: 24px;}
#webboxmoban .webmoban .webmobanwz p{font-size: 12px; margin-top: 12px; margin-bottom: 12px;}
#webboxmoban .webmoban .img{top:0px; transform: translateY(0%); position: inherit;}
#webboxmoban .webmoban .img img{max-width: 100%}
#webboxdinzhi{height: auto;}
#webboxdinzhi .webdinzhi .img{width:100%;}
#webboxdinzhi .webdinzhi .img{position: inherit; float:right; top:0px; transform: translateY(0%); }
#webboxdinzhi .webdinzhi .img img{max-width: 100%}
#webboxdinzhi .webdinzhi .webdinzhiwz{position: inherit; float:left; top:0px; transform: translateY(0%); }
#webboxdinzhi .webdinzhi .webdinzhiwz h2{text-align: center; font-size: 24px; margin-top: 10px;}
#webboxdinzhi .webdinzhi .webdinzhiwz p{font-size: 12px; margin-bottom: 24px;}

#webad{padding: 32px 0px;}
#webad .webadbox{margin-top: 24px;}
#webad .webadbox .webaditem{width:100%;}

#tuiguangbanner{margin-top: 60px;}
#tuiguangbanner .container{padding: 32px 0px;}
#tuiguangbanner .webbannerimg{width:100%; text-align: center;}
#tuiguangbanner .webbannerimg p{width:100%;}
#tuiguangbanner .webbannerimg span{width:100%;}
#tuiguangbanner .webbannerinfo{width:100%;}
#tuiguangbanner .webbannerinfo h2{margin:0px;}
#tuiguangbanner .webbannerinfo p{font-size: 12px;}

#tgquestion{margin:32px 0px;}
#tgquestion .tgquestionbox{margin-top: 0px; height: auto; display: flow-root;}
#tgquestion .tgquestionbox .tgquestion-item{width:100%; height: 144px; margin-bottom: 16px;}
#tgquestion .tgquestionbox .tgquestion-item .tqimg{width:72px; float:left; position: inherit;}
#tgquestion .tgquestionbox .tgquestion-item .tqimg img{max-width: 100%;}
#tgquestion .tgquestionbox .tgquestion-item .info{margin-left: 80px;}
#tgquestion .tgquestionbox .tgquestion-item .info h3{font-size: 15px;}
#tgquestion .tgquestionbox .tgquestion-item{height: auto;}
#tgquestion .tgquestionbox .tgquestion-item .info{position: relative;}

#tuiguangcase{margin-top: 24px; padding: 32px 0px 0px; background: url(../images/tgcase.jpg) repeat-y;}
.keycase{margin: 24px 0px; }
.keycase .keycase-item{width:100%;}
#tuiguangdif{margin: 32px 0px;}
#tuiguangdif .tit{font-size: 24px;}
.tuiguangdifbox .tgdif{height: auto;}
.keycase .keycase-item img{max-width: 100%}

.tuiguangdifbox .tgdif .tgdifwz { position:inherit; top: 0%; transform: translateY(-0%); max-width: 532px;}
.tuiguangdifbox .tgdif .tgdifwz{}
.tuiguangdifbox .tgdif .img{position:inherit; top: 0%; transform: translateY(-0%); max-width: 532px;}
.tuiguangdifbox .tgdif .img img{max-width: 100%}
#tgquestion.tgquestion2{padding: 32px 0px; margin-bottom: 0px;}
#tgquestion.tgquestion2 .tgquestionbox .tgquestion-item .tqimg{position: relative;}
#tgquestion.tgquestion2 .tgquestionbox{height: auto;}

#mobilebanner{margin-top: 60px;}
#mobilebanner .container{padding: 32px 0px;}
#mobilebanner .webbannerimg{width:100%; text-align: center;}
#mobilebanner .webbannerimg p{width:100%;}
#mobilebanner .webbannerimg span{width:100%;}
#mobilebanner .webbannerinfo{width:100%;}
#mobilebanner .webbannerinfo h2{margin:0px;}
#mobilebanner .webbannerinfo p{font-size: 12px;}

#mobileeight{margin-top: 32px;}
#mobileeight .tit span{display: block;}
#mobileeight .eightbox{margin-top: 18px;}
#mobileeight .eightbox .eight-item{width:49%; margin-right: 2%; height: auto; padding-bottom: 16px;}
#mobileeight .eightbox .eight-item:nth-child(2n){margin-right: 0px;}
#mobileeight .eightbox .eight-item i{margin-top: 24px;}
#mobilead{margin-top: 24px; padding: 32px 0px;}
#mobilead .adbox{margin-top: 24px;}
#mobilead .adbox .ad-item{width:100%; position: relative; margin-bottom: 18px;}
#mobilead .adbox .ad-item .icon{position: relative;}
#mobilead .adbox .ad-item .info{position: relative; float:none; margin-left: 92px;}
#mobilead .adbox .ad-item .info h3{line-height: 32px;}
#mobilead .adbox .ad-item:nth-child(2n){padding-left:0px; width:100%;}

#mobileliucheng{margin:32px 0px;}
#mobileliucheng img{max-width: 100%}

#develop{padding: 32px 0px;}
#develop .liuchengbox .liucheng-item{width:33.3333%;}
#develop .liuchengbox .liucheng-item i{margin-bottom: 12px;}
#develop .liuchengbox .liucheng-item p{margin-bottom: 12px;}


#newsbanner{margin-top: 60px;}
#newsbanner .container{padding: 48px 0px;}
#newsbanner .newsbannerinfo h2{font-size: 20px; line-height: 48px;}
.newsfl{width:100%; border-right: 0px;}
.newslist{padding-right: 0px;}
.newslist ul li{margin-top: 0px; margin-bottom: 18px;}
.newslist ul li .line{margin-top: 18px;}
.newsfr{width:100%; margin-top: 0px; margin-bottom: 24px;}
.newsdesc{margin-top: 0px; padding-left: 0px;}
.newsdetail{padding-right: 0px; padding-top: 0px;}
.newsdetail h1{font-size: 24px;}
.newspage{line-height:28px;}
.content{margin:12px 0px;}
.aboutcon{margin: 32px 0px; padding-bottom: 32px;}
.aboutcon .aboutimg{width:100%;}
.aboutcon .aboutimg img{max-width: 100%}
.aboutcon .aboutinfo{width:100%;}
.contactbox .contact-item{margin-bottom: 18px;}
.contactbox .contact-add p{display: none;}
.contactbox .contact-add .con{width:60%;}
.contactbox .contact-add{width:100%;}
}