@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2017-09-22 15:16:31
 * @version $Id$
 */
 /* css 初始化样式 */  
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0;box-sizing: border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}   
body {color:#333; font-size:14px; font-family:'Microsoft YaHei',Verdana, Arial, Helvetica, sans-serif; }   
td,th,caption { font-size:14px; }   
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }   
address, caption, cite, code, dfn, em, strong, th, var,span,i,b { font-style:normal; font-weight:normal;}   
a {text-decoration:none;color:#333;}   
img { border:none;}   
ol,ul,li { list-style:none;}
input, textarea, select, button { font:14px 'Microsoft YaHei',Verdana,Helvetica,Arial,sans-serif; }   
table { border-collapse:collapse; } 
html {overflow-y: scroll;}  
 * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 body {
 	background-color: #ffffff;
 }
/* css common */  
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}   
.clearfix { *zoom:1; } 

.container-fluid{ width:100%}

.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
@media ( min-width : 768px) {
	.container {width: 750px}
}
@media ( min-width : 992px) {
	.container {width: 970px}
}
@media ( min-width : 1200px) {
	.container {width: 1170px}
}
@media ( min-width : 1300px) {
	.container {width: 1270px}
}
/* @media ( min-width : 1400px) {
	.container {width: 95%}
} */

/* @media print{
	.container{width:auto}
} */

.row{
    margin-right: -15px;
    margin-left: -15px;
}
.row:after, .row:before {
    content: "."; display: block; height:0; clear:both; visibility: hidden;
}

.col-10-2,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	min-height: 1px;
	position: relative;
	padding-left:15px;
	padding-right:15px; 
	box-sizing:border-box;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left}
.col-xs-12 {width: 100%}
.col-xs-11 {width: 91.66666667%}
.col-xs-10 {width: 83.33333333%}
.col-xs-9 {width: 75%}
.col-xs-8 {width: 66.66666667%}
.col-xs-7 {width: 58.33333333%}
.col-xs-6 {width: 50%}
.col-xs-5 {width: 41.66666667%}
.col-xs-4 {width: 33.33333333%}
.col-xs-3 {width: 25%}
.col-xs-2 {width: 16.66666667%}
.col-xs-1 {width: 8.33333333%}
@media(min-width:768px){
	.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
	.col-sm-12{width:100%}
	.col-sm-11{width:91.66666666666666%}
	.col-sm-10{width:83.33333333333334%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.66666666666666%}
	.col-sm-7{width:58.333333333333336%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.66666666666667%}
	.col-sm-4{width:33.33333333333333%}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.666666666666664%}
	.col-sm-1{width:8.333333333333332%}
}
@media(min-width:992px){
	.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
	.col-md-12{width:100%}
	.col-md-11{width:91.66666666666666%}
	.col-md-10{width:83.33333333333334%}
	.col-md-9{width:75%}
	.col-md-8{width:66.66666666666666%}
	.col-md-7{width:58.333333333333336%}
	.col-md-6{width:50%}
	.col-md-5{width:41.66666666666667%}
	.col-md-4{width:33.33333333333333%}
	.col-md-3{width:25%}
	.col-md-2{width:16.666666666666664%}
	.col-md-1{width:8.333333333333332%}

}
@media(min-width:1200px){
	.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left;}
	.col-lg-12{width:100%}
	.col-lg-11{width:91.66666666666666%}
	.col-lg-10{width:83.33333333333334%}
	.col-lg-9{width:75%}
	.col-lg-8{width:66.66666666666666%}
	.col-lg-7{width:58.333333333333336%}
	.col-lg-6{width:50%}
	.col-lg-5{width:41.66666666666667%}
	.col-lg-4{width:33.33333333333333%}
	.col-lg-3{width:25%}
	.col-lg-2{width:16.666666666666664%}
	.col-lg-1{width:8.333333333333332%}
}



/*主体*/
.banner {
	max-width: 1920px;
	width: 100%;
	margin:0 auto;
	background-color: #01b0f9;
	margin-bottom: 50px;
}
.banner .banner_con {
	display: block;
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
	position: relative;
}
.banner .banner_con img{
	width: 100%;
	display: block;
}

.banner .banner_con .con_left {
	position: absolute;
	left: 0;
	top: 32%;
	color: #fff;
}
.banner .banner_con .con_left h1 {
	font-size: 28px;
	line-height: 180%;
	border-bottom: 1px solid #fff;
	padding-bottom: 18px;
	margin-bottom: 10px;
}
.banner .banner_con .con_left h1 p {
	font-size: 18px;
}

@media ( max-width : 768px) {
	.banner .banner_con .con_left {
		top: 18%;
		left: 5%;
	}
	.banner .banner_con .con_left h1 {
		font-size: 16px;
		padding-bottom: 10px;
	}
}
.service {
	margin-bottom: 50px;
}
.title {
	font-size: 1.5rem;
	text-align: center;
	margin-bottom: 30px;
}

.service .col-10-2{
	text-align: center;
	float: left;
	width: 20%;
}
.service .col-10-2 img{
	max-width: 90%;
}
.service .col-10-2 p {
	margin-top: 15px;
	font-size: 1rem;
}

@media(max-width:768px){
	.service .col-10-2{
		width: 50%;
		margin-bottom: 15px;
	}
}

.modal {
	background-color: #f9f9f9;
	padding: 20px 0;
	margin-bottom: 50px;
}
.modal-con {
	text-align: center;
	background-color: #ffffff;
	padding-bottom: 20px;
}

.modal-con img {
	max-width: 100%;
}
.modal-con p {
	font-size: 1.3rem;
	margin-top: 20px;
}

.ces_head {
	color: #ffffff;
	padding: 10px;
	background-color: #0f6fbe;
	font-size: 1.2rem;
}
.ces_head a {
	color: #ffffff;
	float: right;
	font-size: 14px;
}

.resources {
	margin-bottom: 80px;
}
.resources .col-md-10-15{
	text-align: center;
	float: left;
	width: 14.2857%;
}
.resources .col-md-10-15 img{
	max-width: 90%;
}

.resources .col-md-10-15 p {
	margin-top: 15px;
	font-size: 1rem;
	height: 30px;
	line-height: 30px;
}
.resources .row {
	margin-bottom: 50px;
}
@media(max-width:768px){
	.resources .col-md-10-15{
		width: 50%;
		margin-bottom: 15px;
	}
}

.scene {
	text-align: center;
	margin-bottom: 50px;
}
.scene img{
	width: 100%;
}

.scene  p{
	font-size: 1rem;
	margin-bottom: 15px;
}

.scene .col-md-6 {
	margin-bottom: 40px;
}
.advantage {
	margin-bottom: 60px;
}
.advantage h1 img {
	vertical-align: middle;
	margin-right: 10px;
}
.advantage h1 {
	font-size: 1.3rem;
	margin-top: 30px;
}
.advantage p {
	padding-left: 50px;
	font-size: 1rem;
}
.advantage .cheng {
	padding-top: 100px;
}

.case img {
	width: 100%;
	display: block;
}
.case a {
	display: block;
	font-size: 1.3rem;
	color: #d7050a;
	margin: 15px 0;
}

.case .col-md-6 {
	margin-bottom: 30px;
}









/*原头部*/
/*---------------------bar-----------------*/
#bar{ height:30px; background:#f5f5f5; border-bottom:1px solid #ebebeb;}
.bar_in{ width:1200px; height:30px; margin:0 auto;}
.bar_in a:link,.bar_in a:visited{ color:#686868;}
.bar_in a:hover{ color:#ff8305;}
.bar_in p{ height:30px; line-height:30px; width:685px; float:right;}  
.bar_in a,.bar_in span{ float:left;}
.bar_in p span{color:#cbcbcb; margin:0 10px;}
/*---------------------header-----------------*/
#header{ height:103px; background:#FFF; position: relative;z-index: 1000;} 
.header_in{ width:1280px; height:103px; margin:0 auto;}
.logo{ margin-left:12px; margin-top:24px; float:left;}  
.nav{ width:1000px; height:28px; float:right; margin-top:40px;} 
.nav ul{ width:1000px; height:28px;}
.nav ul li{ font-size:16px; float:left; position: relative;}
.nav ul li a{display:inline-block !important; padding:0 15px; height:28px !important; line-height:28px !important;}  /*  padding:0 21px; */
.nav ul li a:link,.nav ul li a:visited{ color:#383838;}
.nav ul>li a:hover{ background-color: #ff8307; color:#FFF; text-decoration:none;}

.nav>ul>li:hover{ height: 40px;}
.nav>ul>li:hover>a{ background-color: #ff8307;color:#FFF; text-decoration:none;}
.nav ul .current a:link,.nav ul .current a:visited{ background:url(../a01.jpg) no-repeat top center; color:#fff;}
.sub_out01{ background: url(../images/a15.jpg) no-repeat; display: none; padding-top: 23px; overflow:hidden;position: absolute; left: 0; top:28px; width:108px; height: auto;  z-index: 1000;}
.sub_out02{ background: url(../images/a205.png) no-repeat bottom; padding-bottom: 9px; overflow: hidden;}
.nav .sub li{ float: none; text-align: center;  margin: 0;}

.nav .sub{ width:108px; height: auto; padding: 0; overflow: hidden; background: url(../images/a16.jpg) repeat-y; font-size: 14px; text-align: center; display: block !important; position:static; }
.nav .sub li a:hover{ background: none; color: #ff8307;}
.nav .sub li a{ font-size: 14px; padding: 0;  border-bottom:1px dashed #cccccc; line-height: 18px;}

 .pic {
    height: 4em;
    margin: 0 auto;
    position: fixed;
    left: 0;
    top:0px;
    width: 100%;
    background: rgba(255,255,255,0.8);
    box-shadow: 0px 1px 2px #ccc;
    z-index: 999;
    text-align: center;
    display: none;
}
 .pic img{
	width: 120px;
    margin-top: 1em;
}
@media(max-width:768px){
	#bar,#header {
		display: none;
	}
	.pic {
		display: block;
	}
	body {
		padding-top: 56px;
	}
}



/*底部*/
/*-----------------footer----------------------*/
#footer01{ background:#f3f3f3; height:240px;border-top:#d2d2d2 solid 1px;}  /*height:270px;*/
.footer_in{width:1280px; height:205px; margin:0 auto; padding-top:35px; font-size:12px;}  /*height:235px; */
.footer_in ul{ background:url(../images/a05.jpg) no-repeat left top; padding-left:40px; width:160px; height:180px; float:left;margin-left:60px;}  /*height:230px; */
.footer_in li{width:110px; line-height:24px; }
.footer_in .li01{ font-size:14px; font-weight:bold; color:#4c4c4c; height:28px; width:110px; border-bottom:1px solid #d2d2d2;}
.footer_in .li01 a:link,.footer_in .li01 a:visited{ color:#4c4c4c; #909090}
.footer_in ul li a:link,.footer_in ul li a:visited{ color:#909090;}
.footer_in ul li a:hover{text-decoration:underline;}

.footer_in .ul02{background:url(../images/a06.jpg) no-repeat left top; }
.footer_in .ul03{background:url(../images/a07.jpg) no-repeat left top; }
.footer_in .ul04{background:url(../images/a08.jpg) no-repeat left top; }
.footer_in .ul05{background:url(../images/a09.jpg) no-repeat left top; text-align:center}
.footer_in .ul04{ width:220px;} /*width:170px*/
.footer_in .ul04 li{ width:221px;}  /*width:160px*/
.footer_in .ul05{ width:280px;} /*width:170px*/
.footer_in .ul05 .li01{ width:260px;text-align:left;padding-left:10px}
.footer_in .ul05 .li02{ margin-top:15px;width:105px; float:left; margin-left:5px}
.footer_in .ul05 .li03{ margin-top:15px;width:110px; float:left; margin-left:20px}
#footer02{background:#f3f3f3 none repeat scroll 0 0; line-height:24px; text-align:center; color:#4c4c4c;padding-bottom:5px;/*height:90px; background:#3c3c3c; color:#fff; line-height:24px; text-align:center;*/}
.footer02_in{ width:1280px; margin:0 auto; padding-top:5px;}
.footer02_in span{ margin:0 8px;}
.footer02_in  a { color:#4c4c4c; }


@media(max-width:768px){
	#footer01,#footer02 {
		display: none;
	}
}


.contact1 h2 {
    font-weight: normal;
    color: #11b7f3;
    font-size: 1.75em;
    line-height: 4em;
    text-align: center;
    clear: both;
}
.contact1{max-width:40em;display: none;}
.contact1 .txt{ width:85%; margin:0 auto; text-align:left; margin-bottom:1em}
.contact1 .txt a{color:#999; font-size:1.5em;}
.contact1 .txt a:hover{color:#28afe4;}

.contact1 .txt a.call{background:url(../images/call.png) no-repeat top left; background-size:contain; padding-left:8%;}
.contact1 .txt a.qq{background:url(../images/qq.png) no-repeat top left; background-size:contain; padding-left:8%;}
.contact1 .txt a.add1{background:url(../images/add.png) no-repeat top left; background-size:contain; padding-left:8%;}
.contact1 .txt a.add1 span{padding-left:8%;}
.contact1 .txt a.add2{background:url(../images/add.png) no-repeat top left; background-size:contain; padding-left:8%;}
.contact1 .wxcode{max-width:80%; margin:0 auto;display: block;}
@media(max-width:768px){
	.contact1 {
		display: block;
	}


	.hide {
		display: none;
	}
}