@charset "utf-8";
.wrap{max-width:1280px; width: 100%; margin:0 auto;}
.ddwrap{max-width:1680px; width: 100%; margin:0 auto;}
.wrap1875{width: 97.65625%;margin: 0 auto;}
.wrap1750{max-width:1200px; width: 90%; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.nowrap{white-space: nowrap;}
.fz0{font-size: 0;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.table{width: 100%;display: table;}
.table[height='100%']{height: 100%;}
.table-cell{display: table-cell;vertical-align: middle;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;}
.middle{vertical-align: middle;}
.middle-span{height: 100%;vertical-align: middle;display: inline-block;}
.nowrap{white-space: nowrap;}
.border-box{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box;}
.trans{-webkit-transition: all 300ms ease 0s;-moz-transition: all 300ms ease 0s;-ms-transition: all 300ms ease 0s;-o-transition: all 300ms ease 0s;transition: all 300ms ease 0s;}
.trans-internal::before, .trans-internal::after{-webkit-transition: all 300ms ease 0s;-moz-transition: all 300ms ease 0s;-ms-transition: all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.scale:hover .scale-img{-ms-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}
.grayscale .grayscale-img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.grayscale:hover .grayscale-img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: none;}
.bgf8{background-color: #f8f8f8;}
.bgf5{background-color: #f5f5f5;}
.bgff{background-color: #ffffff;}
.itcavant{font-family: 'itcavant';}
.AmerigoBT{font-family: 'AmerigoBT';}
.animate{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.show1300{display: none;}
.show1200{display: none;}
.show992{display: none;}
.show640{display: none;}
.show320{display: none;}
.btn-default{display:none;}
.wow{visibility: hidden;}
.ddzindTwo{z-index:2 !important;}

@font-face{font-family: 'itcavant';src: url(/skin/fonts/itcavantgardestd-bk.otf);}
@font-face{font-family: 'AmerigoBT';src: url(/skin/fonts/AmerigoBT-RomanA.otf);}

@keyframes show-dd{ 0% {opacity: 0;} 40% {opacity: 0;} 100% {opacity: 1;} }  
@-webkit-keyframes show-dd{ 0% {opacity: 0;} 40% {opacity: 0;} 100% {opacity: 1;} }

@-o-keyframes Up{50%{-o-transform: translateY(-5px);transform: translateY(-5px);}100%{-o-transform: translateY(0);transform: translateY(0);}}
@-ms-keyframes Up{50%{-ms-transform: translateY(-5px);transform: translateY(-5px);}100%{-ms-transform: translateY(0);transform: translateY(0);}}
@-moz-keyframes Up{50%{-moz-transform: translateY(-5px);transform: translateY(-5px);}100%{-moz-transform: translateY(0);transform: translateY(0);}}
@-webkit-keyframes Up{50%{-webkit-transform: translateY(-5px);transform: translateY(-5px);}100%{-webkit-transform: translateY(0);transform: translateY(0);}}
@keyframes Up{50%{-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}100%{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}}

@-o-keyframes WaveL{0%{-o-transform: translateX(0px);transform: translateX(0px);}100%{-o-transform: translateX(50%);transform: translateX(50%);}}
@-ms-keyframes WaveL{0%{-ms-transform: translateX(0px);transform: translateX(0px);}100%{-ms-transform: translateX(50%);transform: translateX(50%);}}
@-moz-keyframes WaveL{0%{-moz-transform: translateX(0px);transform: translateX(0px);}100%{-moz-transform: translateX(50%);transform: translateX(50%);}}
@-webkit-keyframes WaveL{0%{-webkit-transform: translateX(0px);transform: translateX(0px);}100%{-webkit-transform: translateX(50%);transform: translateX(50%);}}
@keyframes WaveL{0%{-o-transform: translateX(0px);-ms-transform: translateX(0px);-moz-transform: translateX(0px);-webkit-transform: translateX(0px);transform: translateX(0px);}100%{-o-transform: translateX(50%);-ms-transform: translateX(50%);-moz-transform: translateX(50%);-webkit-transform: translateX(50%);transform: translateX(50%);}}

@-o-keyframes WaveR{0%{-o-transform: translateX(0px);transform: translateX(0px);}100%{-o-transform: translateX(-50%);transform: translateX(-50%);}}
@-ms-keyframes WaveR{0%{-ms-transform: translateX(0px);transform: translateX(0px);}100%{-ms-transform: translateX(-50%);transform: translateX(-50%);}}
@-moz-keyframes WaveR{0%{-moz-transform: translateX(0px);transform: translateX(0px);}100%{-moz-transform: translateX(-50%);transform: translateX(-50%);}}
@-webkit-keyframes WaveR{0%{-webkit-transform: translateX(0px);transform: translateX(0px);}100%{-webkit-transform: translateX(-50%);transform: translateX(-50%);}}
@keyframes WaveR{0%{-o-transform: translateX(0px);-ms-transform: translateX(0px);-moz-transform: translateX(0px);-webkit-transform: translateX(0px);transform: translateX(0px);}100%{-o-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}}

body{position: relative;z-index: 1;}



/*--------新闻-------*/
.index-news{padding:0 0 70px;}
.index-news .index-news-title{padding:80px 0 20px; color:#333333; font-size:30px;text-align:center;}
.index-news .index-news-brief{line-height:30px; color:#666666; font-size:14px;}
.index-news .index-news-brief .news-more{margin-top:-5px; color:#333333; font-size:14px;}
.index-news .index-news-brief .news-more:after{content:''; width:260px; height:1px; background:#e3e3e3; position:absolute; right:138px; top:50%;}
.index-news .news-category{padding:28px 0;text-align:center;}
.index-news .news-category a{height:40px; margin:0 40px 0 16px; line-height:40px; font-size:14px; color:#666666;}
.index-news .news-category h3 {height: 40px;
	margin: 0 10px 0 16px;
	line-height: 40px;
	font-size: 14px;
	color: #666666;
	display: inline-block;}
.index-news .news-category a:hover{color:#6E81A9;}
.index-news .news-category a:after{content:''; width:10px; height:2px; background:#333333; position:absolute; left:-16px; top:50%; opacity:0;}
.index-news .news-category a:hover, .index-news .news-category a.on {color:#393939;}
.index-news .news-category a:hover, .index-news .news-category a.on:hover{color:#84b7e0;}
.index-news .news-category a:hover:after, .index-news .news-category a.on:after{opacity:1;}
.index-news .news-list{width:100%; display:none;}
.index-news .news-list.show{display:block;}
.index-news .news-list .news-item{width:32.4%; margin:0 15px 20px 0; border:1px solid #cccccc;}
.index-news .news-list .news-item .bg{width:100%; height:100%; background:url(/skin/images/news-bg.jpg); background-size:cover; left:0; top:0; z-index:-1; opacity:0;}
.index-news .news-list .news-item:nth-child(3n){margin-right:0;}
/*.index-news .news-list .news-item:hover{box-shadow: 0 2px 5px 2px #cccccc;}*/
.index-news .news-list .news-item .news-title{width:84.3%; margin:30px auto 5px; line-height:32px; color:#333333; font-size:16px;}
.index-news .news-list .news-item .news-brief{width:84.3%; height:40px; margin:0 auto 28px; line-height:20px; color:#999999;}
.index-news .news-list .news-item .news-time{width:84.3%; margin:0 auto 30px; line-height:20px; color:#888888; font-size:16px;}
.index-news .news-list .news-item .news-time span{font-size:28px;}
.index-news .news-list .news-item:hover .bg{background-position:center; opacity:1;}
.index-news .news-list .news-item:hover .news-title, .index-news .news-list .news-item:hover .news-brief, .index-news .news-list .news-item:hover .news-time{color:#ffffff;}
/*--------新闻-------*/

/*新版新闻页*/

.info-detail{padding: 0 20px;}
.info-detail .top{border-bottom: 1px solid #cfcfcf;visibility: hidden;}
.info-detail .title{font-size: 20px;color: #0279c3;margin-bottom: 10px;visibility: hidden;}
.info-detail .info{padding-bottom: 15px;line-height: 30px;color: #7b7b7b;}
.info-detail .info span{margin: 0 10px;}
.info-detail .info .bdsharebuttonbox{margin-left: 10px;}
.info-detail .info .bdsharebuttonbox > a{float: none;}
.info-detail .editor{min-height: 520px;visibility: hidden;}
.info-detail .pvnx{width: 30%;height: 36px;line-height: 36px;}
.info-detail .pvnx a{color: #999;text-decoration: none;font-size:15px;color: #0382db;}

.editor *{font-family: inherit;font-size: inherit;color: inherit;}
.editor img{max-width: 100%;}

#video{padding: 55px 0 100px;}
#video .ico-video{width: 8%;height: 190px;background-image: url(/skin/images/ico-video.png);background-repeat: no-repeat;background-position: left center;background-size: 100% auto;left: 0;top: 75px;}
#video .main{width: 91.25%;}
#video .video{width: 50.6849315%;max-width: 555px;min-height: 310px;}
#video .video .play{width: 100%;height: 100%;left: 0;top: 0;}
#video .video .play::after{width: 0;height: 0;padding: 0 0 9.189189% 9.189189%;left: 50%;top: 50%;margin: -4.5945945% 0 0 -4.5945945%;background-image: url(/skin/images/ico-play-1.png);background-repeat: no-repeat;background-position: center center;background-size: 100% auto; position: absolute;z-index: 1;content: '';}
#video .video .num{width: 27%;height: 60px;line-height: 60px;font-size: 20px;color: #a3a3a3;background-color: #fff;right: 0;bottom: 0;z-index: 2;}
#video .video .num span{font-size: inherit;color: #990000;}
#video .info{width: 43.8356164%;height: 100%;padding-right: 10px;right: 0;top: 0;}
#video .info .name{font-size: 24px;color: #393939;}
#video .info .title{font-size: 40px;color: #1583b6;}
#video .info .brief{line-height: 18px;color: #7e7e7e;margin-top: 40px;}
#video .info .play{margin-top: 70px;}
#video .info .play a{color: #990000;padding-left: 20px;background: url(/skin/images/ico-play-2.png) no-repeat left center;margin-left: 10px;}
#video .video-item{width: 10.502283%;margin: 1%;}
#video .video-item.on a::before{width: 100%;height: 100%;position: absolute;z-index: 1;left: 0;top: 0;background-color: #2098d4;opacity: .8;content: '';}
#video .video-item.on a::after{padding: 0 0 29.56521739% 29.56521739%;background-image: url(/skin/images/ico-play-1.png);background-repeat: no-repeat;background-position: center center;background-size: 100% auto;left: 50%;top: 50%;margin: -14.782608695% 0 0 -14.782608695%;position: absolute; z-index: 2;content: '';}
#video .video-line{height: 0;margin: 55px 20px 40px;border-top: 1px solid #ececec;}

#PlayVideo{width: 80%;height: 80%;left: 10%;top: 10%;position: fixed;z-index: 51;}
#PlayVideo .close-btn{width: 60px;height: 60px;left: 100%;top: 0;position: absolute;z-index: 1;}

#contact{background: url(/skin/images/contact-bg.jpg) no-repeat center center;}
#contact::after{width: 100%;height: 100%;left: 0;top: 0;position: absolute;z-index: 1;background-color: #fff;opacity: .8;content: '';}
#contact .main{z-index: 2;}
#contact .top{padding: 60px 0 45px;/*margin: 0 2.2916666666%;*/border-bottom: 1px solid #c5c5c5;}
#contact .top .title{font-size: 30px;color: #393939;}
#contact .top .brief{font-size: 20px;color: #393939;}
#contact .contact-info{/*padding: 0 2.08333333%;*/}
#contact .contact-info .item{width: 20.54794%;height: 140px;padding: 40px 0 0;margin: 0 2.19178%;border-bottom: 1px solid #c3c3c3;vertical-align: top;}
#contact .contact-info .ico{width: 17.33333%;min-width: 50px;margin-top: 5px;vertical-align: top;}
#contact .contact-info .info{max-width: 80%;}
#contact .contact-info .title{font-size: 20px;color: #3b3b3b;}
#contact .contact-info .desc{font-family: Arial;font-size: 20px;color: #3b3b3b;}
#contact .contact-address{margin: 40px 4.16666% 50px;}
#contact .contact-address .ico{width: 2.578796%;min-width: 30px;}
#contact .contact-address .info{width: 95%;line-height: 35px;font-size: 18px;color: #3b3b3b;padding-left: 10px;}
#contact .ddsub{border:1px solid #393939; width:196px; height:55px; line-height:55px; text-align:center; margin:15px auto 0px auto;}
#contact .ddsub a{font-size:16px;}
#contact .guide-title{font-size:30px; color:#393939;}
#contact .bus-guide{width:55%; height:400px; margin-bottom:1.7%; padding:50px 4.16666%; box-shadow:0 0px 15px rgba(0,0,0,0.1); background:#ffffff;}
#contact .bus-guide .bus-guide-title{padding-left:45px; font-size:24px; color:#333; background:url(/skin/images/lianxi_ico2.png) no-repeat left center;}
#contact .bus-guide .bus-guide-content{line-height:30px; color:#666;}
#contact .bus-guide .bus-guide-content .span-left{display:block; width:45px; font-size:14px;}
#contact .bus-guide .bus-guide-content .span-right{display:block; width:calc(100% - 45px); font-size:14px;}
#contact .rail-car-guide{width:44%;}
#contact .rail-car-guide .rail-guide{height:195px; margin-bottom:1.7%; padding:50px 6% 0 8%; box-shadow:0 0px 15px rgba(0,0,0,0.1); background:#ffffff;}
#contact .rail-car-guide .rail-guide .rail-guide-title{padding-left:45px; font-size:24px; color:#333; background:url(/skin/images/lianxi_ico3.png) no-repeat left center;}
#contact .rail-car-guide .rail-guide .rail-guide-content{line-height:30px; color:#666;}
#contact .rail-car-guide .rail-guide .rail-guide-content .span-left{display:block; width:45px; font-size:14px;}
#contact .rail-car-guide .rail-guide .rail-guide-content .span-right{display:block; width:calc(100% - 45px); font-size:14px;}
#contact .rail-car-guide .car-guide{height:195px; margin-bottom:1.7%; padding:50px 6% 0 8%; box-shadow:0 0px 15px rgba(0,0,0,0.1); background:#ffffff;}
#contact .rail-car-guide .car-guide .car-guide-title{padding-left:45px; font-size:24px; color:#333; background:url(/skin/images/lianxi_ico4.png) no-repeat left center;}
#contact .rail-car-guide .car-guide .car-guide-content{line-height:30px; color:#666;}
#contact .rail-car-guide .car-guide .car-guide-content .span-left{display:block; width:70px; font-size:14px;}
#contact .rail-car-guide .car-guide .car-guide-content .span-right{display:block; width:calc(100% - 70px); font-size:14px;}

#phone-advisory{width: 100%;background-color: #0282db;left: 0;bottom: 0;z-index: 4;}
#phone-advisory::after{width: 1px;height: 38px;background-color: #7bbbe8;position: absolute;z-index: 1;left: 50%;top: 30px;content: '';}
#phone-advisory .item{width: 50%;height: 38px;line-height: 38px;font-size: 26px;color: #fff;padding: 30px 0;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
#phone-advisory .item i{background-repeat: no-repeat;background-position: center center;background-size: 100% auto;margin-right: 15px;vertical-align: middle;display: inline-block;}
#phone-advisory .phone i{width: 25px;height: 31px;background-image: url(/skin/images/advisory-phone.png);}
#phone-advisory .service i{width: 33px;height: 33px;background-image: url(/skin/images/advisory-service.png);}
.phone-advisory-blank{height: 98px;}

/*--------底部-------*/
#footer{padding-top:50px; background:#333333;}
#footer .footer-item{width:26%; margin-right:80px;}
#footer .footer-item:nth-child(3){width:36%; margin-right:0;}
#footer .footer-item .footer-item-title{width:100%; height:34px; margin-bottom:28px; line-height:34px; color:#ffffff; font-size:16px; border-bottom:1px solid #4c4c4c;}
#footer .footer-item .footer-item-title a{color:#ffffff; font-size:12px;}
#footer .footer-item .footer-item-list{width:50%; height:30px; line-height:30px; color:#999999;}
#footer .footer-item .footer-item-list a{color:#999999;}
#footer .footer-item .footer-item-cont{width:100%; line-height:30px; color:#999999;}
#footer .links{margin:50px 0 0; padding:50px 0; line-height:24px; color:#4f4f4f; border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1);}
#footer .links .links-title{margin-bottom:20px; color:#fff; font-size:16px;}
#footer .links a{margin-right:24px; font-size:inherit; color:#666666;}
#footer .links a:hover{color:#fff;}
#footer .links span{margin:0 5px;}
#footer .copyright{/*height: 52px;*/line-height: 52px;}
#footer .copyright div{color: #999999;}
#footer .copyright a{color: inherit;}
#footer .copyright a:hover{color: #fff;}
#footer .qrcode{font-size: 14px;color: #fff;margin: 0 auto 30px;max-width: 130px;}
#footer .qrcode img{margin-bottom: 10px;}

#footer_alert{ width:100%; height:58px; position:fixed; left:0; bottom:-100px; background:#e9e9e9; background:rgba(233,233,233,0.9); z-index:999;}
#footer_alert .wrap{ position:relative; height:100%;}
#footer_alert .img{ width:96px; height:66px; position:absolute; left:240px; bottom:7px;}
#footer_alert .txt{ font-size:24px; color:#535353; line-height:58px; margin-left:380px; float:left;}
#footer_alert .txt span{ font-family:"Arial"; font-size:32px; color:#3eb3a0; margin:0 10px; vertical-align:bottom;}
#footer_alert .btn{ width:166px; height:38px; /*line-height:38px;*/ font-size:16px; color:#fff; float:right; margin-right:200px; margin-top:11px; background:#0382db; display:inline-block; text-decoration:none; text-align:center; -moz-border-radius:19px; -ms-border-radius:19px; -o-border-radius:19px; -webkit-border-radius:19px; border-radius:19px;}
#footer_alert .btn i{ width:27px; height:22px; left:15px; top:7px; background:url(/skin/images/icons.png) no-repeat; background-position:-37px -3px;}
#footer_alert .close{ width:25px; height:25px; float:right; cursor:pointer; margin-right:10px; margin-top:17px;}
#footer_alert .close i{ width:25px; height:25px; left:0; top:0; background:url(/skin/images/icons.png) no-repeat; background-position:-456px -398px;}
/*--------底部-------*/

#night_mod{width:100%; height:80px; background:url(/skin/images/htbg.png) no-repeat center; position:fixed; left:0px; bottom:-80px; z-index:9999;}
#night_mod .font{line-height:55px; color:#fff; font-size:24px; font-weight:bold;}
#night_mod .ngiht_qq_block{width:508px; height:27px; margin-left:50%; padding-top:27px; position:relative; z-index:9000;}
#night_mod .ngiht_qq_block .ngiht_qq{display:inline-block; width:98px; height:27px; float:left; margin-right:14px;}
#night_mod .ngiht_qq_block .night_cls{width:21px; height:21px; background:url(/skin/images/night_cls.png) no-repeat center; position:absolute; right:30px; top:27px; z-index:9001; cursor:pointer;}

/*#follow{right: 17px;bottom: 50%;position: fixed;z-index: 10;}
#follow .item{width: 60px;height: 60px;}
#follow .item .ico{width: 60px;height: 60px;line-height: 60px;color: #fff;background-color: rgba(30,30,30,.6);background-repeat: no-repeat;background-position: center center;background-size: 50% auto;text-align: center;left: 0;top: 0;}
#follow .item.QQ .ico{background:#4597EB;}
#follow .item .red{background-color: #ea493c;}
#follow .item .blue{background-color: #3da8e5;}
#follow .item .green{background-color: #24b727;}
#follow .item .orange{background-color: #ffbe33;}
#follow .totop{opacity: 0;}
#follow .totop.show{opacity: 1;}
#follow .item.open[row='1']{height: 90px;}
#follow .item.open[row='2']{height: 126px;}
#follow .item.open[row='3']{height: 162px;}
#follow .item.open[row='4']{height: 198px;}
#follow .item.open[row='5']{height: 234px;}
#follow .top{line-height: 24px;font-size: 14px;color: #fff;padding: 15px;}
#follow .top a{line-height: inherit;font-size: 16px;color: inherit;}
#follow .item [id]{width: 140px;background-color: #fff;left: 60px;position: relative;z-index: 1;-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 300ms; transition:all 300ms ease 0s;}
#follow .qq-list .list{line-height: 20px;padding: 8px 25px;}
#follow .qq-list .list span{margin-right: 10px;}
#follow .qq-list .list:hover{color: #fff;background-color: #3da8e5;}*/

/*#follow{right:0; top:25%; position:fixed; z-index:10; width:70px;}
#follow .follow-item{width:70px; min-height:70px;}
#follow .follow-item .short{width:70px; padding:12px 10px; font-size:12px; line-height:22px; color:#fff; left:0; top:0;}
#follow .follow-item .to-top{width:70px; padding:12px 10px; font-size:12px; line-height:22px; color:#fff; left:0; top:0;}
#follow .follow-item .long{width:240px; left:0; top:0;}
#follow .follow-item .long .i{width:70px; padding:12px 10px; font-size:12px; line-height:22px; color:#fff;}
#follow .follow-item .long .p{width:170px; height:100%; padding:12px 10px; line-height:48px; color:#fff; font-size:20px;}
#follow .follow-item .bg1{background:#ff4800;}
#follow .follow-item .bg2{background:#e54100;}
#follow .follow-item .short:hover{width:80px; left:-10px;}
#follow .follow-item .long:hover{left:-170px;}
#follow .follow-item.to-top div{border-bottom-left-radius:13px;}
#follow .follow-item span{width:25px; height:25px; line-height:25px; color:#fff; border:2px solid #fff; border-radius:100%;}
#follow .follow-item .to-top:hover{background:#efefef; color:#ff4800;}
#follow .follow-item .to-top:hover span{border-color:#ff4800;}
#follow .follow-item .to-top:hover *{color:#ff4800;}*/
#follow{left:0; top:25%; position:fixed; z-index:100000; width:70px;}
#follow .follow-item{width:70px; overflow:hidden;}
#follow .follow-item div{width:70px; padding:12px 10px; font-size:12px; line-height:22px; color:#fff;}
#follow .follow-item .phone{width:170px; height:100%; line-height:48px; color:#fff; font-size:18px; right:70px; top:0;}
#follow .follow-item.bg1{background:#ff4800;}
#follow .follow-item.bg2{background:#e54100;}
#follow .follow-item.short:hover{width:80px;}
#follow .follow-item.long:hover{width:240px;}
#follow .follow-item.to-top{border-bottom-right-radius:13px;}
#follow .follow-item span{width:25px; height:25px; line-height:25px; color:#fff; border:2px solid #fff; border-radius:100%;}
#follow .follow-item.to-top:hover{background:#efefef;}
#follow .follow-item.to-top:hover span{border-color:#ff4800;}
#follow .follow-item.to-top:hover *{color:#ff4800;}

#msg-mask{width: 100%; height: 100%;background: rgba(255, 255, 255, .6);left: 0;top: 0;z-index: 100000;}

#msg-box{width: 760px; height:758px;margin-left: -380px;margin-top: -379px;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .4);left: 50%;top: 50%; z-index: 100001;display: none;}
#msg-box .t{width: 680px;margin: 0 auto;color: #0382db;font-size: 16px;}
#msg-box .t:before{content: '';width: 200px;height: 1px;background: #e9e9e9;position: absolute;left: 0;top: 11px;}
#msg-box .t:after{content: '';width: 200px;height: 1px;background: #e9e9e9;position: absolute;right: 0;top: 11px;}
#msg-box .sub-t{color: #999999;font-size: 14px;}
#msg-box .msg-bottom{width: 100%;height: 170px;background: url(/skin/images/msg_btm_bg.jpg) no-repeat center top;}
#msg-box .msg-bottom .msg-submit{width: 136px;height: 36px;margin: 0 auto;line-height: 32px;color: #0382db;font-size: 16px;border: 2px solid #0382db;border-radius: 18px;background: #fff;outline:none;}
#msg-box .msg-bottom .msg-phone{line-height: 22px;color: #fff;font-size: 20px;font-weight: bold;}
#msg-box .cls{width: 20px;height: 20px;line-height: 20px;color: #999999;font-size: 26px;right: 10px;top: 10px;cursor: pointer; z-index:99999;}
#msgForm{width: 640px;margin: 0 auto;}
#msgForm .font{color: #333333;font-size: 22px;}
#msgForm .input{height: 44px;line-height: 44px;color: #999999;font-size: 14px;text-indent: 14px;border: 1px solid #dddddd;}
#msgForm .long-input{width: 640px;}
#msgForm .short-input{width: 208px;margin-right: 4px;}
#msgForm .short-input.right-blank{margin-right: 0;}
#msgForm .input-label{width: 150px;height: 44px;margin-right: 10px;line-height: 44px;color: #333333;font-size: 14px;border: 1px solid #dddddd;cursor: pointer;}
#msgForm .input-label:hover, #msgForm .input-label.checked{border-color: #0382db;}
#msgForm .input-label.checked:after{content: '';width: 12px;height: 12px;color: #fff;font-size: 10px;background: url(/skin/images/checked.png) #0382db no-repeat center;position: absolute;right: 0;bottom: 0;}
#msgForm .input-radio-label{font-size: 14px;}

#openHotline .ico{background: url(/skin/images/p-phone.png) no-repeat center center;}

#hotline .top{background-color: #ffbe33;}
#online .top{background-color: #3da8e5;}

/*#follow .item[id^='open'] .ico{left: 0;-webkit-transition:all 300ms ease 600ms; -moz-transition:all 300ms ease 600ms; -ms-transition:all 300ms ease 600ms; -o-transition:all 300ms ease 600ms; transition:all 300ms ease 600ms;}
#follow .item[id^='open']{-webkit-transition:all 300ms ease 300ms; -moz-transition:all 300ms ease 300ms; -ms-transition:all 300ms ease 300ms; -o-transition:all 300ms ease 300ms; transition:all 300ms ease 300ms;}
#follow .item.open{-webkit-transition:all 300ms ease 300ms; -moz-transition:all 300ms ease 300ms; -ms-transition:all 300ms ease 300ms; -o-transition:all 300ms ease 300ms; transition:all 300ms ease 300ms;}
#follow .item.open .ico{left: 100%;-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
#follow .item.open [id]{left:-100px;box-shadow: 0 5px 10px rgba(4, 0, 0, 0.2); -webkit-transition:all 300ms ease 600ms; -moz-transition:all 300ms ease 600ms; -ms-transition:all 300ms ease 600ms; -o-transition:all 300ms ease 600ms; transition:all 300ms ease 600ms;}
#follow #wechat-qrcode{width: auto;max-width: 200px;left: auto;right: 100%;bottom: 0;position: absolute;display: none;-webkit-transition:all 0s ease 0s; -moz-transition:all 0s ease 0s; -ms-transition:all 0s ease 0s; -o-transition:all 0s ease 0s; transition:all 0s ease 0s;}*/
#follow .item[id^='open'] .ico{left: 0;-webkit-transition:all 300ms ease 600ms; -moz-transition:all 300ms ease 600ms; -ms-transition:all 300ms ease 600ms; -o-transition:all 300ms ease 600ms; transition:all 300ms ease 600ms;}
#follow .item[id^='open']{-webkit-transition:all 300ms ease 300ms; -moz-transition:all 300ms ease 300ms; -ms-transition:all 300ms ease 300ms; -o-transition:all 300ms ease 300ms; transition:all 300ms ease 300ms;}
#follow .item.open{-webkit-transition:all 300ms ease 300ms; -moz-transition:all 300ms ease 300ms; -ms-transition:all 300ms ease 300ms; -o-transition:all 300ms ease 300ms; transition:all 300ms ease 300ms;}
#follow .item.open .ico{right: 100%;-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
#follow .item.open [id]{right:-100px;box-shadow: 0 5px 10px rgba(4, 0, 0, 0.2); -webkit-transition:all 300ms ease 600ms; -moz-transition:all 300ms ease 600ms; -ms-transition:all 300ms ease 600ms; -o-transition:all 300ms ease 600ms; transition:all 300ms ease 600ms;}
#follow #wechat-qrcode{width: auto;max-width: 200px;right: auto;left: 100%;bottom: 0;position: absolute;display: none;-webkit-transition:all 0s ease 0s; -moz-transition:all 0s ease 0s; -ms-transition:all 0s ease 0s; -o-transition:all 0s ease 0s; transition:all 0s ease 0s;}

.bdsharebuttonbox a{margin: 0 6px !important;float: none !important;}
.bdsharebuttonbox span{line-height: 16px;color: #999999;font-size: 14px;}

#openQrcode:hover #wechat-qrcode{display:block !important; animation:show-dd; animation-duration:.8s; -webkit-animation:show-dd .8s; }

#new-404{width:100%; height:100%; background:url(/skin/404.png) center top no-repeat;}
#new-404 .enter{text-align:center; width:100%; max-width:640px; margin:0px auto;}
#new-404 .enter .d-0{padding-top:63px;}
#new-404 .enter .d-1{padding-top:34px; padding-bottom:22px;}
#new-404 .enter .d-2{color:#333333; font-size:16px; height:16px; line-height:16px; margin-bottom:15px;}
#new-404 .enter .d-3{color:#8e8e8e; font-size:14px; line-height:20px;}
#new-404 .enter .d-4{width:100%; height:1px; background:#e5e5e5; margin:28px 0px;}
#new-404 .enter .d-5{color:#7f7f7f; font-size:16px; line-height:25px;}
#new-404 .enter .d-5 b{color:#0382db; font-size:16px;}
#new-404 .enter .d-6{color:#666666; font-size:16px; margin:28px 0px;}
#new-404 .enter .d-6 b{color:#0382db; font-size:24px;}
#new-404 .enter .d-7{text-align:center;}
#new-404 .enter .d-7 li{display:inline-block; width:120px; height:40px; line-height:38px; text-align:center; background:#0382db; border-radius:5px;}
#new-404 .enter .d-7 li a{color:#ffffff; font-size:14px;}
#new-404 .enter .d-7 li.on{margin:0px 15px;}
#new-404 .enter .d-8{color:#666666; font-size:16px; margin:28px 0px; display:none;}
#new-404 .enter .d-8 b{color:#0382db; font-size:24px;}
#new-404 .enter .d-9{display:none;}

@media only screen and (max-width: 1680px){
	.ddwrap{width: 90%;}
}

@media only screen and (max-width: 1600px){
	#header .nav{margin-right: 3.5%;}
	#header .nav .item{margin: 0 2.8%;}
	/*#header .tel-site{width:23%;}*/
	.index-service .index-service-list .service-item{width:22%; margin:0 1.5% !important;}
	
	.index-case .case-category a{margin-right:20px;}
	/*.index-case .case-list .item{margin-right:60px;}*/
	
	.index-solution .index-solution-list .solution-item .i{margin-bottom:15px;}
	
	.index-news .news-list .news-item{margin-right:10px;}
	
	.about-video .item .title{padding-left: 90px;letter-spacing: 90px;}

    .case-detail .main .name{font-size: 30px;}
}

@media only screen and (max-width: 1533px){
	#header .nav .item{margin: 0 2.5%;}
	#header .tel{line-height: normal;}
	
	#footer .footer-item{margin-right:70px;}
}

@media only screen and (max-width: 1440px){
	#notice{width:1200px; margin-left:-600px;}
	#header .nav{width:60%; margin-right: 3%;}
	#header .nav .item{margin:0 3%;}
	#header .nav .item a{font-size: 14px;}
	#header .tel-site{display:none;}
	#header .tel-site .tel{display:none;}
	
	.index-service .index-service-title{font-size:24px;}
	.index-service .index-service-brief{font-size:12px; line-height:24px;}
	.index-contact .map{height: 425px;max-width: none;margin-left: -moz-calc(50% - 720px);margin-left: -webkit-calc(50% - 720px);margin-left: calc(50% - 720px);}
    .index-contact .left{width: 720px;margin-left: -moz-calc(50% - 720px);margin-left: -webkit-calc(50% - 720px);margin-left: calc(50% - 720px);}
    .index-contact .map-logo{width: auto;height: 31.7647058%;}
    .index-contact .map-logo img{max-width: none;max-height: 100%;}

	.about-video .item .title{padding-left: 50px;letter-spacing: 50px;}
	
	/*.index-case .case-list .item{width:31%; margin-right:38px;}*/
	.index-case .case-list .item .case-mask .mask-name{margin-top:25px;}
	
	.index-solution .index-solution-title{font-size:24px;}
	.index-solution .index-solution-brief{font-size:12px; line-height:24px;}
	.index-solution .index-solution-list{margin-top:25px;}
	.index-solution .index-solution-list .solution-item .name{margin-bottom:15px; line-height:24px;}
	.index-solution .index-solution-list .solution-item .brief{font-size:12px;}
	
	.index-news .index-news-title{padding:30px 0 15px; font-size:24px;}
	.index-news .index-news-brief{font-size:12px; line-height:24px;}
	.index-news .news-list .news-item .news-time span{font-size:20px;}
	
	#global-form{padding:35px 0;}
	#global-form .global-form-title{margin-bottom:15px; font-size:24px;}
	#global-form .global-form-line .global-form-input{height:40px; line-height:40px; font-size:14px;}
	#global-form .global-form-line .global-form-submit{height:40px; line-height:40px; font-size:14px;}
	
    .service-category-1 .item{width: 48%;}
    .service-category-1 .item:nth-child(1) , .service-category-1 .item:nth-child(3) , .service-category-1 .item:nth-child(5){margin-left: 0;}
    .service-category-1 .item:nth-child(2) , .service-category-1 .item:nth-child(4) , .service-category-1 .item:nth-child(6){margin-left: 2%;}
    .service-category-3 .item{padding: 7%;margin: 0 3%;}

    #case .case-list .item{width: 25%;}

    #contact .contact-info .item{width: 40.5%;}
    #contact .contact-info .info{width: 75%;}
	
	#global-contact{padding:45px 0 32px;}
	#global-contact .left-item .d1{margin-bottom:15px; font-size:16px;}
	#global-contact .left-item .d1 span{font-size:16px;}
	#global-contact .left-item .d3{font-size:20px;}
	#global-contact .left-item .d4{font-size:12px;}
	#global-contact .left-item .d5{font-size:12px;}
	#global-contact .right-item .contact-icon{width:32px; height:32px; line-height:32px; font-size:16px;}
	
	#footer .footer-item{margin-right:60px;}
}

@media only screen and (max-width: 1312px){
    .show1300{display: block;}
    .hide1300{display: none;}
	
	#header .nav{width: 70%;margin-right: 0;}
	/*#header .nav .item{margin: 0 2.5%;}*/
	#header .tel{display:none;}

    .team-surroundings{padding-left: 3%;padding-right: 3%;padding-bottom: 3%;margin-bottom: 0;}
    .team-surroundings .rig{width: 100%;float: none;}
    .team-surroundings .box{margin-bottom: 20px;}
    .team-surroundings .left{left: 0;}
    .team-surroundings .buttons .i a{font-size: 18px;}
    .team-surroundings .desc{width: 75%;height: 420px;float: right;position: relative;z-index: 1;}
    .team-surroundings .desc .item{width: 100%;height: 100%;left: auto;right: 0;top: 0;padding: 5%;}
}

@media only screen and (max-width: 1280px){
	.wrap{width: 90%;}
	
	#notice{width:1000px; margin-left:-500px;}
	
	#header .nav .item > a{font-size: 14px;}
	#header .nav .item > a:after{top:52px;}
	
	.index-service .index-service-title{font-size:18px;}
	.index-service .index-service-brief .service-more{width:100%; float:none; font-size:12px;}
	.index-service .index-service-list{margin-top:15px;}
	.index-service .index-service-list .service-item{padding-bottom:42px;}
	.index-service .index-service-list .service-item .i{margin-bottom:25px;}
	.index-service .index-service-list .service-item .c-n{font-size:18px;}
	.index-service .index-service-list .service-item .e-n{margin-bottom:15px; font-size:14px;}
	.index-service .index-service-list .service-item .b{font-size:12px;}
	.index-service .index-service-list .service-item .hover-service .hover-i{margin:35px 0 20px;}
	.index-service .index-service-list .service-item .hover-service .hover-c-n{font-size:18px;}
	.index-service .index-service-list .service-item .hover-service .hover-e-n{margin-bottom:15px; font-size:14px;}
	.index-service .index-service-list .service-item .hover-service .hover-b{line-height:24px; font-size:12px;}
	.index-server .item .case a:nth-child(5), .index-server .item .case a:nth-child(6){display:none;}
	.index-server .item .bg{padding: 105% 70%;}
	
	.index-case .case-category{padding:20px 0;}
	.index-case .case-category a{line-height:24px; font-size:12px;}
	/*.index-case .case-list .item{width:30%; margin-right:5%; margin-bottom:15px;}
	.index-case .case-list .item:nth-child(3n){margin-right:0;}*/
	.index-case .case-list .item .main .name{margin:10px auto 0;}
	/*.index-case .case-list .item .main .brief{display:none;}*/
	.index-case .case-more{font-size:12px;}
	
	.index-solution .index-solution-title{font-size:18px;}
	.index-solution .solution-more{font-size:12px;}
	
	.index-client .index-client-title{font-size:18px;}
	
	.index-news .index-news-title{font-size:18px;}
	.index-news .index-news-brief .news-more{font-size:12px;}
	.index-news .news-category{padding:20px 0;}
	.index-news .news-category a{line-height:24px; font-size:12px;}
	
	#global-form .global-form-title{font-size:18px;}
	
	.solution-other ul{margin-top: 15px;}
	.solution-other .other-title{font-size: 16px;}
	
	.index-case .case-list .item .case-mask .mask-link{display:none;}
	
	#footer .footer-item{margin-right:50px;}
}

@media only screen and (max-width: 1200px){
	.show1200{display: block;}
    .hide1200{display: none;}
	
	#header .logo-font{display:none;}
	/*#header .nav{width:56%;}*/
	#header .nav .item{margin:0 2.5%;}
	#header .nav .item > a{font-size:14px;}
	#header .tel{font-size: 16px;}
	
	.index-server .item .title a{font-size: 14px;}
	.index-server .item .brief{height: 54px;}
	.index-server .item:hover .bg{display:none;}
	.index-server .item .case{padding-top: 14px;}
	
    .service-category-2 .item{width: 28%;}
    .service-category-2 .item.item0{background: url(/skin/images/service-box-arrow.png) no-repeat left 10px;padding-left: 5%;margin: 0 0 3% 3%;vertical-align: top;box-sizing: content-box;}
    .service-category-2 .item:nth-of-type(1) , .service-category-2 .item:nth-of-type(4) , .service-category-2 .item:nth-of-type(7){background: none;padding-left: 0;margin-left: 0;}

    .service-category-3 .item{padding: 9%;margin: 0 1%;}

    .case-detail .main .name{font-size: 22px;}

    #video .ico-video{display: none;}
    #video .main{width: 100%;}
    #video .info .title{font-size: 26px;}

    .info-list .item{width: 100%;}
}

@media only screen and (max-width: 1024px){
	#notice{width:800px; margin-left:-400px;}
	#header .nav .item{margin:0 2.5%;}
	.info-ext-list .item .tag_views, .info-ext-list .item .more{bottom: 0;}
}

@media only screen and (max-width: 992px){
	.wrap{width: 95%;}
	.ddwrap{width: 96%;}
	.wrap1750{width:92%;}
	.show992{display: block;}
	.hide992{display: none;}
	.btn-default{display:inline-block;}
	.btn{margin:12px 0;}
	
	.web-title{padding: 30px 0 20px;}
	
	.header-phone-blank .img{width: 50%;}
	#header{background-color: #fff;}
	#header .logo-on{opacity: 1;}
	#header.on{padding:15px 4%;}
	#header .tel-site{float:left !important; margin-left:28px;}
	#header .tel-site .sub-site{margin:6px 0;}
	#nav{position: absolute;z-index: 2;width: 100%;top:100%;left: 101%;background-color: rgba(0,0,0,.75);-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
	#nav.open-menu{left: 0;}
	#nav .item{width: 100%;border-bottom: 1px solid rgba(255,255,255,.2); text-align:center; line-height:35px;}
	#nav .item > a{font-size:14px; color: #fff !important;}
	#menu-btn{display: block;}

    #banner .evaluation , .banner .evaluation{width: 150px;height: 45px;line-height: 45px;margin-left: -75px;}

	.index-server{padding-left: 3%;padding-right: 3%;}
	.index-service .index-service-brief, .index-service .index-service-brief .service-more{font-size:14px;}
	.index-service .index-service-brief .service-more:after{display:none;}
	.index-service .index-service-list .service-item{width:47%; text-align:center;}
	.index-server .item{width: 50%;margin: 0 0 40px;float: none;display: inline-block;vertical-align: top;}
	.index-server .item:nth-of-type(1) , .index-server .item:nth-of-type(3){padding-right: 4%;}
	.index-server .item:nth-of-type(2) , .index-server .item:nth-of-type(4){padding-left: 4%;}

	/*.index-case{padding-left: 3%;padding-right: 3%;}*/
	.index-case .case-category a{font-size:14px;}
    .index-case .case-list{margin-top: 0;}
	.index-case .case-more{font-size:14px;}
    /*.index-case .case-list .item{width: 50%;}*/

	.index-news{padding-left: 3%;padding-right: 3%;}
	.index-news .index-news-brief, .index-news .index-news-brief .news-more{font-size:14px;}
	.index-news .news-category a{font-size:14px;}
	.index-news .news-list .news-item{width: calc(100% - 18px);width: -webkit-calc(100% - 18px);width: -moz-calc(100% - 18px);margin: 0 9px 20px;border: 1px solid #cccccc;}
	.index-news .news-list .news-item:nth-child(3n){margin-right:18px;}
	.index-news .news-list .news-item:nth-child(2n){margin-right:0;}
	.index-news .news-list .news-item:nth-child(5){display:block;}
	.index-news .news-list .news-item:nth-child(6){display:block;}
	.index-news .news-list .news-item:nth-child(7){display:block;}
	.index-news .news-list .news-item:nth-child(8){display:block;}
	.index-news .news-list .news-item:nth-child(9){display:block;}
	.index-news h2{text-align:center;}
	.index-solution .index-solution-brief, .index-solution .solution-more{font-size:14px;}
	
	.index-client .web-title{padding-left: 3%;padding-right: 3%;}
	.index-client .item{width: 25%;height: 100px;}
	
	.index-case .case-list .item .case-mask .mask-link{display:block;}
	
	.show-data{padding-left: 3%;padding-right: 3%;}
	.show-data .wrap{width: 100%;}
	.show-data .item{text-align: center;vertical-align: top;}
	.show-data .item p{height: 40px;font-size: 14px;}
	.show-data .item p.year{display:none;}
	.show-data .item span{font-size: 28px;}
	.show-data .item strong{font-size: 19px;}

	.index-contact .map{margin-left: -moz-calc(90% - 720px);margin-left: -webkit-calc(90% - 720px);margin-left: calc(90% - 720px);}
    .index-contact .left{width: 723.5px;left: -moz-calc(90% - 720px);left: -webkit-calc(90% - 720px);left: calc(90% - 720px);margin-left: 0;}
	.index-contact .contact{width: 100%;height: auto;padding: 20px;position: static;}
	
	#global-contact .contact-info .n{font-size: 26px;}
	#global-contact .left-item{width:60%;}
	#global-contact .right-item{width:40%;}
	#global-contact .left-item .d4, #global-contact .left-item .d5{font-size:14px;}
	#global-form .global-form-line{width:calc(33% - 10px); margin-bottom:10px;}
	#global-form .global-form-line .global-form-input, #global-form .global-form-line .get-code, #global-form .global-form-line .global-form-submit{font-size:14px;}
	
	#footer .contact-info .n{font-size: 26px;}

	.about-video .item{width: 100%;}
	.about-video .item .title{padding-left: 80px;letter-spacing: 80px;}

    .web-side{margin-top:3%;}
	.web-side .evaluation{width: 120px;height: 35px;line-height: 35px;}

	.team-list .item{width: 33.333333%;}

    .team-surroundings .buttons .i a{font-size: 14px;}
    .team-surroundings .desc .year{font-size: 34px;}

    #service .cate-name{width: 90%;margin-left: auto;margin-right: auto;}
    #service .cate-brief{width: 90%;margin-left: auto;margin-right: auto;}

    .service-category-1 .item{width: 100%;margin: 25px 0 !important;}
    .service-category-1 .item .img{width: 10%;max-width: 46px;}
    .service-category-1 .item .info{width: 90%;float: left;padding-left: 10px;}

    .service-category-2{padding-bottom: 95px;}
    .service-category-2 .box-list{width: 90.625%;}
    .service-category-2 .item{width: 100%;padding: 30px 0 0 !important;margin: 0 0 20px !important;background: url(/skin/images/service-box-arrow-1.png) no-repeat 2% top !important;}
    .service-category-2 .item:first-child{background: none !important;}
    .service-category-2 .item .img{width: 10%;max-width: 44px;}
    .service-category-2 .item .info{width: 90%;float: left;padding-left: 10px;margin: 0;}

    .service-category-3{min-height: 700px;height: auto;}
    .service-category-3 .item{padding: 12%;margin: 0 3%;}
	
	.service-category-4{height:550px;}
	
    .service-category-5 .box-list{width: 90.625%;}
    .service-category-5 .item{width: 33.33333%;height: 150px;}
	
	#case .case-category a{width:30%; margin:15px 1% 0 1%;}
    #case .case-list .item{width: 50%;}
	#case .case-list .item:hover .more{opacity:0;}

    .case-detail .main{width: 100%;position: static;}
    .case-detail .main .chain{padding: 4%;}
    .case-detail .cover-img{width: 100%;min-height: 0;margin-top: 20px;float: none;}

    .web-page{padding: 0 7%;}
    .web-page > a{margin-right: 5%;}

    #info{width: 100%;}
    .info-list{padding: 0;}
    .info-list .item{padding: 30px 3%;margin: 0;}
    .info-list .item .img{width: 100%;min-height: 0;margin: 0 auto;float: none;}
    .info-list .item .info{width: 100%;padding: 0;margin: 10px 0 0;position: static;}
    .info-list .item .brief{margin-bottom: 3%;margin-left: 0;}
	
	.info-ext-list .item .title{margin-bottom: 5px;height: 26px;line-height: 26px;font-size:14px;}
	.info-ext-list .item .time{height: 26px;line-height: 26px;font-size:14px;}
	.info-ext-list .item .brief{height: 26px;font-size:12px;}
	.info-ext-list .item .tag_views, .info-ext-list .item .more{line-height: 24px;font-size: 12px;}
	.info-ext-list .item .tag_views{bottom: 20px;}

	.video-list{padding-left: 3%;padding-right: 3%;}
	.video-list .bd{max-width: 800px;}
	.video-list .item{width: 50%;}

    #video .video{width: 100%;min-height: 0;margin: 0 auto 20px;float: none;}
    #video .info{width: 100%;height: auto;position: static;}

    #contact .top{margin: 0;padding-left: 7.8125%;padding-right: 7.8125%;}
    #contact .top .title{margin-bottom: 10px;}
    #contact .contact-info{padding: 0 4.6875%;}
    #contact .contact-info .item{width: 100%;height: auto;padding: 20px 0;margin: 0;}
    #contact .contact-address .info{width: 85%;line-height: 24px;font-size: 16px;padding-left: 5px;margin-top: -5px;}
	#contact iframe{display:none;}
	#contact .guide-title{font-size:20px;}
	#contact .bus-guide{width:100% !important; float:none !important;}
	#contact .rail-car-guide{width:100% !important; float:none !important;}

	#footer{padding-bottom:48px;}
	#footer .footer-item:nth-child(1), #footer .footer-item:nth-child(2){width:calc(50% - 30px); margin-bottom:20px;}
	#footer .footer-item:nth-child(2){float:right; margin-right:0;}
	#footer .footer-item:nth-child(3){width:100%;}
	#footer .links{font-size: 14px;color: #fff;}
	#footer .copyright{font-size: 14px;color: #a5a5a5; border-top:none;}
	#footer .btm-item{width: 100%;margin-left: 0;margin-bottom: 15px;}
	#global-contact .btm-item{width: 100%;margin-left: 0;margin-bottom: 15px;}
	
	#footer_alert{background:rgba(3,130,219,0.9);}
	#footer_alert .ddol{}
	#footer_alert .ddol div{width:33.3%; text-align:center; float:left; line-height:50px;}
	#footer_alert .ddol div a{font-size:20px; color:#FFF;}
	#footer_alert .ddol div img{margin-right:5px;}

	#follow{right:0; display:none;}
    #follow .item{/*margin-bottom: 1px;*/}
    #follow .item .ico.phone{border-top-left-radius: 10px;}
    #follow .item:last-child .ico{border-bottom-left-radius: 10px;}
    #follow .item .ico{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: 50% auto;}
    #follow .item .ico .fa{display: none;}
    #follow .item .ico.phone{background-image: url(/skin/images/m-phone.png);}
    #follow .item .ico.sina{background-image: url(/skin/images/m-sina.png);}
    #follow .item .ico.wechat{background-image: url(/skin/images/m-wechat.png);}
    #follow .item .totop .fa{font-size: 25px;display: inline-block;}
	
	#solution .solution-item{width: calc(50% - 20px);width: -webkit-calc(50% - 20px);width: -moz-calc(50% - 20px);}
	.solution-detail{width: 100%;float: none;}
	
	.case-detail .info{width: 95%;margin: 0 auto;padding: 0;border-right: none;}
	.case-detail .icon{width: 100%;margin: 15px 0;padding: 0;text-align: center;}
	.case-detail .icon .a-icon{width: 150px;margin: 5px 10px;display: inline-block;}
}

@media only screen and (max-width:860px){
	#notice{width:100%; margin-left:0; left:0;}
	#footer_alert .img{left:160px;}
	#footer_alert .txt{margin-left:300px;}
}

@media only screen and (max-width:768px){
	#footer_alert .img{left:140px;}
	#footer_alert .txt{margin-left:250px;}
	
	#msg-box{width:95%; height:auto; margin:0; left:2.5%; top:10%;}
	#msg-box .blank30{height:5px;}
	#msg-box .t{width: 100%;}
	#msg-box .t:before{display:none;}
	#msg-box .t:after{display:none;}
	#msg-box .msg-bottom{height:auto; background:none;}
	#msg-box .msg-bottom .msg-phone{display:none;}
	#msgForm{width:98%; margin:0 auto;}
	#msgForm .font{font-size:14px;}
	#msgForm .blank20, #msgForm .blank9, .msg-bottom .blank20{height:5px;}
	#msgForm .long-input{width:100%; height:28px; line-height:28px; font-size:12px;}
	#msgForm .short-input{width:100%; height:28px; margin-bottom:9px; line-height:28px; font-size:12px;}
	#msgForm .input-label{width:45%; height:24px; line-height:24px; font-size:12px; font-weight:normal;}
	#msgForm .input-radio-label{font-size:12px; font-weight:normal;}
	#msg-box .msg-bottom .msg-submit{width:120px; height:28px; line-height:28px; font-size:14px;}
	
	#turn_page .page_button{width:24px; height:24px; line-height:24px; font-size:12px;}
	#turn_page .page_item{width:24px; height:24px; line-height:24px; font-size:12px;}
	#turn_page .page_item_current{width:24px; height:24px; line-height:24px; font-size:12px;}
}

@media only screen and (max-width: 640px){
	.ddwrap{width: 100%;}
	
	.show640{display: block;}
	.hide640{display: none;}

	#header , #header.on{height: auto;}
    .header-phone-blank{height: auto;}
	#logo{width: 50%;}
	#header .logo img{width:195px;}
	#menu-btn{width: 9%;}
	
	.web-side.wrap{width: 97.65625%;}
    /*.index-case{padding-left: 0;padding-right: 0;}*/
    .index-case .case-list .item{width: 100%;float: none;margin: 0 auto 10px;}

	.index-server{padding-bottom: 50px;}
	.index-solution .solution-list-wrap{min-height: auto;}
	.index-solution .solution-item .brief{display: none;}
	.index-solution .solution-item .name{width: 96%; margin-left:2%;}
	.index-solution .solution-item .relative-case{width: 96%; min-height: 33px; margin: 0; margin-left:2%;}
	
	.index-news .news-list .news-item .news-title{font-size:14px;}
	.index-news .index-news-brief .news-more:after{display:none;}
	
	.index-client .client-list .client-item{width:33.33%;}
	
	#global-contact .contact-qrcode{width:100px;}
	#global-contact .contact-info .n{font-size:20px;}
	#footer .contact-qrcode{width:100px;}
	#footer .contact-info .n{font-size:20px;}

	.show-data .item .p1{height:28px; font-size:12px;}
	.show-data .item span{font-size: 20px;}

    .index-contact .contact{padding: 10px;}

    .about-description .title-0{font-size: 32px;}
    .about-description .title-0 span{font-size: 100px;}
	
	.about-video .item .ico{height: 16px;}
	.about-video .item .ico img{max-height: 100%;}
	.about-video .item .title{padding-left: 55px;letter-spacing: 55px;}

    #service .cate-name{font-size: 24px;}
    #service .cate-brief{font-size: 18px;}

    .service-category-3 .box-list{text-align: left;}
    .service-category-3 .item{padding: 22%;margin: 2%;text-align: center;}

    .service-category-4 .img{padding-top: 5%;padding-bottom: 5%;}

    #case .case-list .item .info{padding: 10px;}
    #case .case-list .item .name{font-size: 16px;}

	.video-list .bd{max-width: 400px;}
	.video-list .item{width: 100%;}

    #video .video .num{font-size: 16px;}
    #PlayVideo .close-btn{width: 24px;height: 24px;}

	.info-ext-list .item .img{width: 100%;max-width: none;float: none;margin-bottom: 5px;}
	.info-ext-list .item .info{width: 100%;float: none;position: inherit;left: 0;}
	.info-ext-list .item .time{display: none;}
	.info-ext-list .item .more, .info-ext-list .item .tag_views{position: static;}
	.info-ext-list .item .more{float:left;}
	.info-ext-list .item .tag_views{float: right;}
	.info-ext-list .item:hover .info{left: calc(0px);left: -webkit-calc(0px);left: -moz-calc(0px);}
	
    #contact .contact-info .desc{font-size: 16px;}

    #phone-advisory::after{top: 15px;}
    #phone-advisory .item{font-size: 20px;padding: 15px 0;}
    .phone-advisory-blank{height: 68px;}
	
	.info-detail .info{padding-bottom: 5px;line-height: 24px;}
	.info-detail .pvnx{width: 100%;float: none;text-align: left;}
	.info-detail .pvnx a{font-size: 12px;}
	
	.solution-item .name a{font-size:14px;}
		
	#new-404 .enter{width:98%; margin:0% 1%;}
	#new-404 .enter .d-6{display:none;}
	#new-404 .enter .d-8{display:block;}
	
	#footer_alert .img{left:75px;}
	#footer_alert .txt{margin-left:185px;}
}

@media only screen and (max-width: 560px){
	.solution-item .name{margin:15px auto 10px auto; line-height:inherit;}
	.solution-item .name a{font-size:12px; font-weight:bold;}
	
	.service-category-4{height:500px;}
	
	#global-contact{padding:25px 0 15px;}
	#global-contact .left-item, #global-contact .right-item{width:100%; float:none; text-align:center;}
	#global-contact .right-item{padding-top:10px;}
	#global-contact .right-item .contact-icon{float:none !important; display:inline-block;}
	#global-contact .left-item .d5{margin:0 auto;}
	
	#footer .copyright{line-height:30px; margin:10px 0px;}
	#footer .copyright .dd{width:100%;}	
}

@media only screen and (max-width: 480px){
	#header{padding:0 4%;}
	#menu-btn{width:7%; margin-top:10px;}
	
	.web-title .title-0{font-size: 24px;}
	.web-title .title-1{font-size: 16px;}
	
	.index-service .index-service-title{padding:34px 0 12px; text-align:center;}
	.index-service .index-service-brief{display:none;}
	.index-service .index-service-list .service-item{padding:45px 0 42px;}
	
	.index-server .server-brief{margin-bottom: 40px;}
	.index-server .item{width: 100%;padding: 0 !important;}
	.index-server .item .img-box{height: auto;margin-bottom: 10px;}
	
	.index-solution{padding-bottom:22px;}
	.index-solution .index-solution-title{padding:34px 0 12px;}
	.index-solution .index-solution-list .solution-item{margin-bottom:10px;}
	.index-solution .index-solution-list .solution-item .name{height:24px;}
	
	.index-client{padding-bottom:40px;}
	.index-client .index-client-title{padding:34px 0 12px;}
	
	.show-data .item{width:50%; display:block !important; margin:12px 0; padding:0; float:left;}
	.show-data .item .p1{height:auto; font-size:14px;}
	.show-data .item span{font-size:28px;}
	
	.index-contact .map{margin-left: -moz-calc(110% - 720px);margin-left: -webkit-calc(110% - 720px);margin-left: calc(110% - 720px);}
    .index-contact .left{margin-left: -moz-calc(110% - 720px);margin-left: -webkit-calc(110% - 720px);margin-left: calc(110% - 720px);left: 0;}
	.index-contact .company{font-size: 20px;}

	.about-video .item .title{padding-left: 30px;letter-spacing: 30px;}
    .about-video .item .ico{top: 45%;}
    .about-video .item .brief{top: 55%;}
    .about-video .item .name{font-size: 16px;bottom: 15%;}

	.about-development .item.left .year{left: -47%;}
	.about-development .item.right .year{right: -47%;}

    .team-surroundings .desc{width: 65%;height: 500px;}

    .service-category-5 .item{height: 100px;}

    #contact .top .title{font-size: 20px;}
    #contact .top .brief{font-size: 18px;}

    #phone-advisory::after{top: 10px;}
    #phone-advisory .item{font-size: 16px;padding: 10px 0;}
    #phone-advisory .phone i{width: 16px;}
    #phone-advisory .service i{width: 22px;}
    .phone-advisory-blank{height: 58px;}
	
	.info-ext-list .item .tag_views{text-align: right;}
	
	.solution-item .name{margin:15px auto 0px auto; height:40px; line-height:20px;}
	.solution-item .brief{height:100px;}
	.solution-btm-icon .icon{width:120px; height:30px; margin:0 5px; line-height:30px; font-size:12px;}
	
	#global-form .global-form-line{width:100%;}
	
	#footer .footer-item{width:100% !important; margin-right:0;}
	
	#footer_alert .img{left:10px;}
	#footer_alert .txt{margin-left:160px; font-size:16px;}
	#footer_alert .ddol div{width:33.3%; text-align:center; float:left; line-height:50px;}
	#footer_alert .ddol div a{font-size:16px;}
	#footer_alert .ddol div img{width:25px;}
}

@media only screen and (max-width: 479px){
	.solution-item .name{margin:15px auto 10px auto;}	
	
	#new-404 .enter .d-1 img{width:80%;}
	#new-404 .enter .d-7 li{width:95px;}
}

@media only screen and (max-width: 450px){
	.solution-item .brief{height:120px;}
}

@media only screen and (max-width: 420px){
	.solution-item .relative-case{height:110px;}
	
	#contact .top{padding-top:28px; padding-bottom:28px;}
}

@media only screen and (max-width: 380px){
    .team-surroundings .desc{width: 65%;height: 550px;}
    .team-surroundings .desc img{display: none;}
	.info-ext-list .item .tag_views{width: 100%;float:none;text-align: left;}
	
	#footer_alert{height:50px;}
	#footer_alert .img{left:0px;}
	#footer_alert .txt{margin-left:110px;}
}

@media only screen and (max-width: 360px){
	.web-title{padding: 45px 0 10px;}
	.web-title .title-0.gray{font-size:24px;}
	
	.index-case .case-list .item .case-mask .mask-name{margin-top:15px;}
	
	.service-category-4{height:450px;}
	
	.solution-item .brief{height:140px; margin-bottom:15px;}
	
	#contact .contact-info .title{font-size:16px;}
	#contact .contact-info .desc{font-size:14px;}
	
	#new-404 .enter .d-0{padding-top:28px;}
	#new-404 .enter .d-3{height:80px;}
	#new-404 .enter .d-4 , #new-404 .enter .d-8{margin:15px 0px;}
	#new-404 .enter .d-5 , #new-404 .enter .d-5 b{font-size:14px;}
	#new-404 .enter .d-7 li.on{margin:0px 10px;}
	#new-404 .enter .d-8 , #new-404 .enter .d-8 b{font-size:16px;}
	#new-404 .enter .d-9{display:block;}
}

@media only screen and (max-width: 320px){
	.solution-item .brief{height:160px;}
	
	#case .case-category a{font-size:12px; margin-top:7px; height:28px; line-height:28px;}
}

/*
     FILE ARCHIVED ON 14:29:53 May 31, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:17:31 Apr 17, 2020.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  esindex: 0.018
  exclusion.robots.policy: 0.355
  CDXLines.iter: 10.64 (3)
  load_resource: 66.194
  exclusion.robots: 0.374
  captures_list: 852.686
  LoadShardBlock: 828.745 (3)
  PetaboxLoader3.resolve: 24.196
  RedisCDXSource: 9.905
  PetaboxLoader3.datanode: 839.571 (4)
*/