@charset "utf-8";
html,body{ font-family: "Helvetica Neue", Helvetica, Arial,"Microsoft YaHei","微软雅黑";}
.h10{width: 100%;height: 10px;clear: both;}
.section{ width: 100%; height: auto; float: left; padding: 10px 0px;}
a{text-decoration:none;color:#337ab7;}
a:hover{color:#428bca;text-decoration:none;}

h2{ font-size:20px; font-weight:bold;}

.gblue{color: #4285f4;}
.gred{color: #ea4335;}
.gyellow{color: #fbbc05;}
.ggreen{color: #34a853;}
.top{padding: 0px;z-index: 9999;}
.top .navbar-brand{padding: 0px;}
.top .navbar-brand>img{height: 40px;margin-top: 5px;}
.top .navdiv .col-xs-4{padding-left: 20px;}
.top .navdiv h2{margin-top: 0px;font-size: 40px;color: #fff;}
.top .navdiv p{font-size: 16px;}

.index h1{text-align: center;}

.banner{padding:0;background:#000;width:100%;height:auto}
.carousel-indicators{bottom:0}
.carousel-indicators .active,.carousel-indicators li{background-color:#fff;border:#fff 1px solid;margin:0 5px}
.carousel-indicators .active{background-color:#69c2ca;border:#fff 1px solid}
.carousel-control,.carousel-control.left,.carousel-control.right{background-image:none}
.carousel-fade .carousel-inner .item{opacity:0;transition-property:opacity}
.carousel-fade .carousel-inner .active{opacity:1}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;opacity:0;z-index:1}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1}
.carousel-fade .carousel-control{z-index:2}

.thumbnail{overflow: hidden;}
.thumbnail a img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.thumbnail a:hover img{transform: scale(1.05, 1.05);}

.thumbnail h2{font-size:20px; font-weight:bold;}

.cases .container-fluid{padding: 0px;}
.cases .nav-pills{display: inline-block;margin:0 auto;}
.cases .col-sm-3{padding: 0px;position: relative;overflow: hidden;}
.cases .col-sm-3 img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.cases .col-sm-3 a .txtbox{width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: absolute;bottom: -100%;left: 0px; transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;color: #fff; padding: 10px;}
.cases .col-sm-3 a:hover .txtbox{bottom: 0px;}
.cases .col-sm-3 a:hover img{transform: scale(1.2, 1.2);}
.caseindx{background-color: #ddd;}

.partner .row{border:#ddd 1px solid;border-radius: 5px;}
.partner .row .col-sm-4{border:#ddd 1px solid;padding: 0px;position: relative;overflow: hidden;}
.partner .row .col-sm-4 a{display: block;width: 100%;height: 100%;}
.partner .row .col-sm-4 a .maskp{width: 100%;height: 100%;background-color: #eee;position: absolute; top: 0px;left: 0px;transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.partner .row .col-sm-4 a:hover .maskp{top:100%;}
.partner .row .col-sm-4 a h3{margin:0px;position: absolute;width: 100%;height: auto; top: 50%;left: 0px; margin-top: -13px; text-align: center;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.partner .row .col-sm-4 a:hover h3{top:30%;}
.partner .row .col-sm-4 a img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transform: scale(1.2, 1.2);}
.partner .row .col-sm-4 a:hover img{transform: scale(1, 1);}
.ico-google .fa-google{background: linear-gradient(330deg, #ea473a 0%, #34a853 25%, #fbbc05 50%, #ea473a 75%, #4285f4 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.ico-facebook a{color: #3b5998;}
.ico-facebook .fa-facebook{background-color: #3b5998;padding: 2px 2px 0px 10px;color: #fff;border-radius: 4px;}
.ico-bing a{color: #01bcf3;}
.ico-yandex a{color: #000;}
.ico-yandex .fa-yahoo{color: #e52620;}
.ico-linkedin a{color: #000;}
.ico-linkedin .fa-linkedin{background-color: #0177b5;color: #fff;padding: 5px;border-radius: 5px;}
.ico-youtube a{color: #b50304}
.partner .row .col-sm-4 a:hover{color: #fff;text-shadow: 1px 2px 4px #000;}

.surpport .nav-pills{display: inline-block;margin:0 auto;}
.surpport .capdate{display: inline-block;width: 100px;height: 80px;background-color: #eee;margin:10px;}
.surpport .capdate img{width: 100px;height: 80px;}
.surpport .caption p{font-size: 13px;margin-bottom: 0px;}

.inner .panel-default .panel-heading{background:linear-gradient(#f5f5f5, #ddd);}
.calist a.thumbnail img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.calist a.thumbnail h4{color: #555;border-bottom: #ddd 1px solid;margin-bottom: 5px;padding-bottom: 5px;white-space: nowrap;overflow: hidden;height: 25px;}
.calist a.thumbnail p{line-height: 1.5em;max-height: 100px;overflow: hidden;margin-bottom: 0px;color: #666;}
.calist a:hover.thumbnail h4{color: #337ab7;border-color: #337ab7;}
.calist a:hover.thumbnail p{color: #222;}
.calist a:hover.thumbnail img{transform:scale(1.1, 1.1);}

.foot{background-color: #3b92c2;color:rgba(255, 255, 255, 0.7);}
.foot a{color: #fff;}
.foot a:hover{color: #DFDFDF;}
.foot h4{color: #fff;}
.foot .t400 h2{margin: 0px; line-height: 37px;}
.foot .col-sm-4 p{display: block;clear: both;margin-bottom: 7px;}
.foot dl{display: block;margin-bottom: 0px;clear: both;}
.foot dl dd{padding: 10px 0px; float: left;}
.copy{background-color:#3c4e56;color:rgba(255, 255, 255, 0.7);}
.ytpage{width: 100%;min-height: 700px;overflow: hidden;position: relative;text-shadow: 2px 3px 5px #fff;}
.yt1{display: inline-block;width: 955px;height: 596px;background:url(../images/yt1.png) no-repeat;position: absolute;right: 0px;top: 0px;}
.yt2{display: inline-block;width: 950px;height: 554px;background:url(../images/yt2.jpg) no-repeat;position: absolute;right: 0px;bottom: 0px;}
.ytpage h1{margin-top: 100px;font-size: 60px;}
.ytpage h3{font-size: 24px; line-height: 1.5em;margin: 20px 0px;}
.ytpage h4{font-size: 20px; line-height: 1.5em;}
.ytpage1{background-color: ##f2f2f2;padding: 50px 0px;overflow: hidden;}
.ytpage2{background:url(/images/page/yt3.jpg) top center;position: relative;height: 639px;overflow: hidden;}
.ytpage2 .txtbox{background-color: #fff;width: 40%;height: auto;position: absolute;right: 0px;top: 100px;padding: 30px;box-shadow: 1px 2px 5px #333;}
.ytpage3{position: relative;margin: 0px;padding: 0px;margin-top: -150px;overflow: hidden;}
.ytpage3 .svgbg{fill: #f2f2f2;float: left;}
.ytpage4{background-color: #f2f2f2;margin: 0px;padding: 50px 0px;overflow: hidden;height: 600px;}
.ytpage5{position: relative;margin: 0px;padding: 0px;margin-top: -150px;overflow: hidden;}
.ytpage5 .svgbg{fill: #fff;float: left;}
.ytpage6{overflow: hidden;background-color: #fff;padding: 50px 0px;}
#caroyt .item{padding: 50px 0px;font-size: 20px;line-height: 1.5em;}
#caroyt .carousel-indicators li{background-color: #ddd;}
#caroyt .carousel-indicators li.active{background-color: red;}
.sicos{background: url(../images/sico.jpg) no-repeat top center;}
.sico{display: inline-block;width: 200px;height: 200px;border-radius: 100px;text-align: center;}
.sico .fa{font-size: 100px;width: 100px;height: 100px;margin-top: 60px;}
.sico1{background-color: #06a25f;}
.sico2{background-color: #136efa;}
.sico3{background-color: #db4936;}
.sico4{background-color: #ffb700;}
.sico2 .fa{margin-top: 50px;}
.sitebuid .nav-tabs,.sitebuid .nav-tabs li,.sitebuid .nav-tabs li a,.sitebuid .nav-tabs>li.active>a, .sitebuid .nav-tabs>li.active>a:focus, .sitebuid .nav-tabs>li.active>a:hover{border-color: transparent;}
.advantg{}
.advantg .nav-tabs{display: inline-block;margin: 0 auto;border: none;}
.advantg .nav-tabs li.active a,.advantg .nav-tabs li a{background: transparent;border:#333 1px solid;color: #333;}
.advantg .nav-tabs li a:hover{border:#000 1px solid;background: rgba(0,0,0,0.3);color: #000;}
.advantg .tab-content{background-color: #fafafa;border-radius: 10px;}
.advantg .tab-content .tab-pane{padding: 20px;}
.advantgys .media{height: 25%;min-height: 165px; width: 100%;display: inline-block;}
.buildstep{background: url(../images/coline.jpg) repeat;}
.buildstep .col-sm-4{margin:20px 0px;}
.howseo{background: #f2f2f2;}
.service4{background-color: #ededed;}
.service5{background-color: #444444;color: #fff;}
.ywsec .col-sm-2{text-align: center;}
.ywsec .col-sm-2 .lichart{display: inline-block;width: 180px;height: 180px;text-align: center;margin: 0 auto;background: url(../images/ywcog.png) no-repeat;}
.ywsec .col-sm-2 .lichart .fa{color: #eee;font-size: 5em;display: inline-block;margin: 55px auto;width: 70px;height: 70px;}
.ywsec .col-sm-2:nth-of-type(even){padding-top: 50px;}
.ywsec1{background: url(../images/ywsec1.jpg) no-repeat;background-size:cover;color: #fff;padding: 50px 0px;}
.ywsec1 .col-sm-3{padding: 10px; background-color: rgba(255,255,255,0.3);border-radius: 4px;}
.ywsec1 .thumbnail{color: #222;margin-bottom: 0px;text-align: center;}
.ywsec1 .thumbnail .fa{color: #297cbf;margin: 20px 0px;}
.ywsec1 .thumbnail h3{font-weight: bold;}
.ywsec1 .thumbnail p{line-height: 25px;}
.ywsec2 .col-sm-7 img{float: left; margin-right: 5px;}
.ywsec3{background: url(../images/ywsec3.jpg) no-repeat;background-size:cover;color: #fff;padding: 50px 0px;color: #000;}
.ywsec3 .col-sm-6{background-color: rgba(255,255,255,0.3);border-radius: 4px;padding: 10px;margin-bottom: 1%;}
.ywsec3 .col-sm-6 .thumbnail{margin-bottom: 0px;}
.ywsec3 .col-sm-6 .thumbnail .fa{color: #297cbf;float: left;margin: 5px 5px 5px 10px;}
.ywsec3 .col-sm-6 .thumbnail h4{font-weight: bold;}
.ywsec4 .col-sm-12{background-color: rgba(41,124,191,0.5);margin-bottom: 10px;padding: 10px;border-radius: 4px;}
.ywsec4 .col-sm-12 .thumbnail{background-color: #297cbf;margin-bottom: 0px;color: #fff;}
.ywsec4 .col-sm-12 .thumbnail .fa{float: left;margin: 5px 5px 5px 10px;}
.ywsec4 .col-sm-12 .thumbnail h4{font-weight: bold;}
.ywsec4 .col-sm-2{padding: 0px;}
.getdata .carousel .carousel-indicators li{width: 20px;height: 20px;border:#333 1px solid;background-color: #333;}
.getdata .carousel .carousel-indicators li.active{border-color: #4285f4;background-color: #4285f4;}
.getdata .carousel .carousel-caption,.getdata .carousel .glyphicon{text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;}
.getdata .carousel .carousel-caption{font-size: 18px;color: #fff;left: 0px;right: 0px;}

.shiro{display: none;}
.dial-div{display:none;position:fixed;bottom:0;left:0;z-index:99999;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.dial-menu{-webkit-appearance:button;display:inline-block;width:36px !important;height:36px !important;border-radius:36px;position:absolute;bottom:17px;left:17px;z-index:999;-moz-box-shadow:0 0 0 4px #fff,0 2px 5px 4px rgba(0,0,0,0.25);-webkit-box-shadow:0 0 0 4px #fff,0 2px 5px 4px rgba(0,0,0,0.25);box-shadow:0 0 0 4px #fff,0 2px 5px 4px rgba(0,0,0,0.25);background-color:#337ab7;-webkit-transition:-webkit-transform 200ms;-webkit-transform:rotate(1deg);color:#fff;background-image:url("../images/dialmenu.png");background-repeat:no-repeat;-webkit-background-size:80% auto;background-size:80% auto;background-position:center center;outline: none;}
.dial-menu:before{font-size:20px;margin:9px 0 0 9px}
.dial-menu:checked{-webkit-transform:rotate(135deg)}
.dial-phone>div{width:32px;height:32px;border-radius:32px;-moz-box-shadow:0 0 0 3px #fff,0 2px 5px 3px rgba(0,0,0,0.25);-webkit-box-shadow:0 0 0 3px #fff,0 2px 5px 3px rgba(0,0,0,0.25);box-shadow:0 0 0 3px #fff,0 2px 5px 3px rgba(0,0,0,0.25);background:#337ab7;position:absolute;bottom:0;left:0;margin-bottom:20px;margin-left:20px;z-index:900;-webkit-transition:-webkit-transform 200ms}
.dial-phone>div a{color:#fff;font-size:20px;display:block;height:100%;line-height:33px;text-align:center;text-decoration:none}
.dial-phone>div.on:nth-of-type(1){-webkit-transform:translate(0,-100px) rotate(720deg)}
.dial-phone>div.on:nth-of-type(2){-webkit-transform:translate(47px,-81px) rotate(720deg)}
.dial-phone>div.on:nth-of-type(3){-webkit-transform:translate(81px,-45px) rotate(720deg)}
.dial-phone>div.on:nth-of-type(4){-webkit-transform:translate(100px,0) rotate(720deg)}
@media (min-width: 768px){
	.top{position: fixed;left: 0px;top: 0px;}
	.navbar-collapse.collapse{padding: 0px;}
	.top ul.nav li{/*position: relative;*/z-index: 999;}
	.top ul.nav{margin-left: 10px;}
	.top ul.nav li a.na{color: #fff; font-size: 16px;padding: 15px 30px;}
	.top ul.nav li a:hover.na,.top ul.nav li.ac a.na{ background-color: rgba(255,255,255,0.2); color: #fff;}	
	.top .hvr-icon-spin:before{margin-left: 10px;}
	.top ul.nav li .navdiv{display: none;position: absolute;background-color: rgba(0,0,0,0.6); top: 50px;left:0px; width: 100%;}
	.top ul.nav li.navli1 .navdiv{width: 500%;}
	.top ul.nav li.navli1 .navdiv .col-sm-4{padding: 0px;}
	.top ul.nav li.navli1 .navdiv .col-sm-4:hover{background-color: rgba(0,0,0,0.2);}
	.top ul.nav li.ac .navdiv{display: block;}
	.top ul.nav li .navdiv .container-fluid{padding: 0px;}
	.top .navdiv dl{margin-bottom: 0px;}
	.top .navdiv dl dt a{font-size: 18px; display: inline-block; width: 100%; padding: 20px 15px;color: #fff;}
	.top .navdiv dl dt a:hover{background-color:rgba(0,0,0,0.2);color: #fff; text-decoration: none; border-top-left-radius: 5px; border-top-right-radius: 5px;}
	.top .navdiv dl p{margin:0px;}
	.top .navdiv dl dd{overflow: hidden;}
	.top .navdiv dl dd a{ display: inline-block; width: 100%; font-size: 14px; color: #fff; padding: 15px;}
	.top ul.nav li dl dd a:hover{background-color: rgba(0,0,0,0.2);text-decoration: none;color: #fff;}
	.top .navbar-right li a{color: #fff;}
	.top .navbar-right li a:hover{background-color: transparent;}
	.top .navbar-right li h3{margin: 10px 0px 0px 0px;color: #fff;}
	.top ul.navbar-right li .navdiv{left: auto;right: 0px; width: 200px;height: 200px;padding: 0px;}
	.topbg,.inner .top{background-color: rgba(0,0,0,0.7);}
	.surpport .col-sm-4 .caption h3{max-height: 52px;overflow: hidden;}
	.surpport .col-sm-4 .caption p{max-height: 60px;line-height: 20px;overflow: hidden;}
	.surpport .col-sm-8 .caption strong{display: block; height: 36px;line-height: 18px;overflow: hidden;}
	.surpport .col-sm-8 .caption p{max-height: 48px;line-height: 16px;overflow: hidden;}
	.page{margin-top: 50px;}
	.page>.container>.row>.col-sm-3{display: block;}
	.ywsec .col-sm-2{width: 20%;}
	.ywsec1 .col-sm-3{width: 24%;margin-right: 1%;}
	.ywsec3 .col-sm-6{width: 48%;margin-right: 1%;}
}

@media (max-width: 768px){
	.img-responsive{width: 100%;}
	.top{margin: 0px;background-color: rgba(0,0,0,0.7);}
	.top ul.nav{background: #fff;}
	.top .navbar-toggle{margin: 0px;color: #fff;}
	.top ul.nav li a{ color: #4d4d4d; border-bottom: #f5f5f5 1px solid;}
	.top ul.nav li a.na{font-size: 18px;}
	.top ul.nav li .navdiv{/*display: none;*/}
	.top .navdiv dl{margin-bottom: 0px;padding-left: 5px; padding-right: 5px;}
	.top .navdiv dl dt a{padding: 5px 0px;display: inline-block;}
	.top .navdiv dl dd{float: left;width: 50%;white-space: nowrap;overflow: hidden;}
	.top .navdiv dl dd a{font-size: 14px;display: block; padding:5px;}
	.top ul.nav dl dd a:hover, ul.nav dl dd a:focus,.top .navdiv dl dt a:hover {text-decoration: none;background-color: #ddd;}
	.top .navbar-right li{float: left;}
	.dial-div{display: block;}
	.page>.container>.row>.col-sm-3,.ec_cl_box{display:none;}
	.copy .col-sm-6{text-align: center;}
}

.List_page{text-align:center;margin:8px;font-family:"宋体";clear:both;}
.List_page a{background:#fff;margin:1px;padding:4px 6px;border:1px solid #ccc;color:#333;font-family:"宋体"; font-size:12px;}
.List_page span{background:#ccc;color:#fff;margin:1px;padding:4px 6px;border:1px solid #ccc;font-family:"宋体";font-size:12px;}