﻿@charset "utf-8";

/*全局*/

body,div,ul,li,a,img,dl,dd,video,h3,p,h4,h5{

	margin:0;

	padding:0;



}

body{

	font-family:"Helvetica Neue",微软雅黑,Tohoma;

	background: #fff;

	font-size: 12px;

}

a{

	text-decoration: none;

	color:#333;

	outline: none;

}

.clear{

	clear:both;

}

ul,li{

	list-style-type: none;

}





/*首页*/

#header{

	width: 100%;

}

.header1{

	width: 100%;

	border-bottom: 1px solid #ccc;

}

.header1-1{

	width: 1200px;

	height: 32px;

	margin:0 auto;

	line-height: 32px;

	position: relative;

}

.header1-1 img{

	float: left;

	margin-top: 6px;

}

.ssk{

	width: 163px;

	height: 22px;

	background: #ccc;

	border:0;

	color: #707070;

	float: right;

	margin-top: -30px;

}

.header1-1 button{

	width: 16px;

	height: 16px;

	background:#ccc url(../img/search.png);

	border:0;

	position: absolute;

	right:5px;

	top:8px;

	cursor: pointer;

}

.header2{

	width: 100%;

}

.header2-1{

	width: 1200px;

	height: 68px;

	margin:0 auto;

	line-height:68px;

}

.header2-1 ul{

	float: right;

}

.header2-1 ul li{

	float: left;

	height: 60px;

	line-height: 60px;

	position: relative;

}	

.a1{

	display: block;

	width: auto;

	height: 60px;

	color:#707070;

	font-size: 14px;

	padding-left: 15px;

	padding-right: 15px;

	box-sizing:border-box;

}

.bian{

	width:86px;

	height:0px;

	background:#007cc3;

	position: absolute;

	bottom:0;

	z-index: -1;

}

.xiahua{

	border-bottom: 2px solid #007cc3;

	color:#007cc3;

}

.act{

	color:#e9e9e9;

	border:0;

}

.chux{

	padding-top: 5px;

	width: 86px;

	position: absolute;

	z-index: 2;

	background: rgba(255,255,255,0.7);

	filter: alpha(opacity=70);

	display: none;

}

.chux dd{

	width: 86px;

	height: 55px;

	line-height: 55px;

	font-size: 14px;

	text-align: center;

	overflow: hidden;

}

.chux dd a{

	color:#707070;

	display: block;

}

.chux dd a:hover{

	background: #007cc3;

	color:#e9e9e9;

}







/*中间部分*/

/*首页*/

#center{

	width: 100%;

}

.line1{

	width: 100%;

	position: relative;

}

.imgRoll{

	width: 100%;

	height: 480px;

	overflow: hidden;

	position: relative;

}

.imgRoll li{

	position: absolute;

	width:100%;

}

.imgRoll img{

	width:100%;

	height: 480px;

}

.numRun{

	position: absolute;

	bottom: 15px;

	left: 45%;



}

.numRun ul li{

	display: inline-block;

	width: 15px;

	height: 15px;

	line-height: 15px;

	margin-right: 5px;

	border-radius: 50%;

	background: rgba(233,233,233,0.7);

	filter: alpha(opacity=70);

	text-align: center;

	cursor: pointer;

}

.numRun ul li.b1{

	background: rgba(19,54,122,0.9);

	filter: alpha(opacity=90);



}



.line2{

	width: 1185px;

	margin:0 auto;

	margin-top:35px;

	padding-left: 15px;

}

.line2-1{

	width: 305px;

	height: 335px;

	border:1px solid #999;

	border-radius: 10px;

	padding:15px 25px;

	float: left;

	margin-left: 25px;

	text-align: center;

}

.line2-1 h3{

	font-size: 22px;

	color:#333;

	font-weight: normal;

	margin-bottom: 10px;

	position: relative;

}

.line2-1 .jiahao2{

	width: 22px;

	height: 22px;

	position: absolute;

	top:5px;

	right:50px;

	display: none;

}

.line2-1 .jiahao{

	width: 22px;

	height: 22px;

	position: absolute;

	top:5px;

	right:50px;

}

.yw{

	font-size: 14px;

	font-family: 'Arial';

	color:#ff6600;

	margin-bottom: 15px;

	letter-spacing: 1px;

}

.line2-1 img{

	width: 300px;

	height: 190px;

	margin-bottom: 10px;

}

.zw{

	font-size: 14px;

	color:#666;

	height: 70px;

	margin-left: 4px;

	text-align: left;

	overflow: hidden;

}

.line2-1:hover{

	border:1px solid #13367a;

	background: #13367a;

	-moz-transition:ease-in-out 0.2s;

	-ms-transition:ease-in-out 0.2s;

	-webkit-transition:ease-in-out 0.2s;

}

.line2-1:hover .zw{

	color:#e9e9e9;

}

.line2-1:hover .yw{

	color:#e9e9e9;

}

.line2-1:hover h3{

	color:#e9e9e9;

}

.line3{

	width: 100%;

	background: #b6dffd;

	margin-top:35px;

	text-align: center;

	padding-top: 30px;

	padding-bottom: 25px;

}

.line3-1{

	width: 960px;

	height: 50px;

	background: url(../img/xian.png) center no-repeat;

	margin:0 auto;

}

.line3-1 h3{

	width: 205px;

	font-size: 22px;

	margin:0 auto;

	color:#333;

	font-weight: normal;

	margin-bottom: 10px;

	background: #b6dffd;

}

.line3-1 img.jiahao{

	width: 22px;

	height: 22px;

	float: right;

	margin-top: 5px;

	margin-right:30px;

}

.line3-2{

	width: 1120px;

	margin:0 auto;

	margin-top: 30px;

	text-align: left;

	padding:0 40px;

}

.line3-2-1{

	width:540px;

	float: left;

}

.line3-2-1 p{

	font-size: 14px;

	color: #666;

	margin-bottom: 20px;

	line-height: 25px;

}

.line3-2-2{

	float:right;

}

.line3-2-2 img{

	width: 555px;

	height: 300px;

	

}

.line3-2-2 img:hover{

	transform: scale(1.05);

	transition: all 0.5s ease 0s;

	-webkit-transform: scale(1.05);

	-webkit-transform: all 0.5s ease 0s;

}



.line4{

	width: 100%;

	margin-top:35px;

	text-align: center;

	padding-bottom: 25px;

}

.line4-1{

	width: 960px;

	height: 50px;

	background: url(../img/xian.png) center no-repeat;

	margin:0 auto;

}

.line4-1 h3{

	width: 205px;

	font-size: 22px;

	margin:0 auto;

	color:#333;

	font-weight: normal;

	margin-bottom: 10px;

	background: #fff;

}

.line4-1 img.jiahao{

	width: 22px;

	height: 22px;

	float: right;

	margin-top: 5px;

	margin-right:30px;

}

.line4-2{

	width: 1130px;

	padding: 0 35px;

	margin:0 auto;

	margin-top:30px;

	margin-bottom: 20px;

}

.df{

	display: block;

	box-shadow:0px 0px 6px 0px #666;

	padding-top:10px;

	padding-left:10px;

	padding-bottom:10px;

	border-radius: 6px;



}

.line4-2-1{

	width: 370px;

	height:440px;

	float: left;

	position: relative;

}

.ty{

	width: 370px;

	height:220px;

}

.sp1{

	display: block;

	color:#2b98e8;

	font-size: 14px;

	margin-left: 190px;

}



.line4-2-1 p{

	text-align: left;

	font-size: 14px;

	color:#666;

	overflow: hidden;

	height: 60px;

	padding:10px 40px 0 40px;

}

.xx{

	width: 370px;

	height: 210px;

	padding-top: 10px;

}

.line4-2 a:hover p{

	color:#2b98e8;

}

.line4-2 a:hover img{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;} 

.line4-2-2{

	height: 220px;

	float: left;

	position: relative;

}

.line4-2-2 img{

	width: 370px

	height:220px;

}

.line4-2-2 p{

	text-align: left;

	font-size: 14px;

	color:#666;

	overflow: hidden;

	height: 60px;

	padding:10px 40px 0 40px;

}

.xx2{

	width: 370px;

	height: 220px;

	padding-top: 10px;

	float: left;

}

.xx3{

	width: 370px;

	height: 220px;

	float: right;

}

.sp2{

	display: block;

	color:#2b98e8;

	font-size: 14px;

	margin-top: 50px;

	margin-left: 290px;

}

.sp3{

	display: block;

	color:#2b98e8;

	font-size: 14px;

	margin-right: 290px;

	margin-top: 70px;

}

/*关于我们*/

.BG{

	width: 100%;

	height: 300px;

}

.BG img{

	width: 100%;

	height: 300px;

}

.ct{

	width: 1200px;

	margin:0 auto;

}

.nav{

	float: left;

	margin-top: 40px;

}

.nav1-1{

	background: #043881;

	color:#e9e9e9;

	width: 180px;

	height: 50px;

	padding:20px;

}

.nav1-2{

	width: 220px;

	background: #e9e9e9;

	border:2px solid #e9e9e9;

	box-sizing: border-box;

	

}

.nav1-2 ul{

	padding:5px 0;

}

.nav1-2 ul li{

	height: 51px;

	line-height: 51px;

	padding:2px 8px;

}

.nav1-2 ul li a em{float:left; width:10px; height:10px; background:url(../img/zhank.png) top center no-repeat; margin-top:20px; margin-right:30px;}

.nav1-2 ul li a{

	display: block;

	padding-left: 15px;

	height: 100%;

	border-bottom: 1px solid #e9e9e9;

	border-top: 1px solid #e9e9e9;

	box-sizing: border-box;

	font-size: 16px;

}

.nav1-2 img{

	

	margin-left:7px;

	margin-right: 35px;

	border:0;              /*不加的话IE有问题，图片会有边框*/



}

.active{

	background: #fff;



}

.nav1-2 ul li a:hover{

	background: #fff;

	color:#666;

}

.contain{

	width: 900px;

	float: right;

	margin-bottom: 40px;

}

.top{

	text-align: right;

	width: 100%;

	height: 35px;

	line-height: 35px;

	border-bottom: 1px solid #ccc;

	font-size:14px;

}

.top a:hover{

	color:#666;

}

.bottom{

	/*text-align: center;*/

	width: 100%;

}

.bottom h3{

	margin-top: 20px;

	margin-bottom: 20px;

	font-size: 20px;



	color:#444;

}

.bottom p{

	font-size: 15px;

	color:#444;

	text-align: left;

	margin-bottom: 15px;

	line-height: 2;

}





.bottom-x{

	/*text-align: center;*/

	width: 100%;

}

.xw{

	width: 100%;

	height: 110px;

	margin-top: 40px;

	margin-bottom: 55px;

	padding-left: 10px;

	padding-right: 10px;

	

}

.xw a{

	display: block;

	padding-bottom:4px;

	padding-top: 3px;



}

.time{

	width: 90px;

	height: 100px;

	padding-top: 10px;

	background: #e9e9e9;

	float: left;

}

.time h4{

	font-size: 45px;

	font-family: 'Novecento Normal';

	color:#007cc3;

}

.time h5{

	font-size: 14px;

	font-family: 'Novecento Normal';

}

.dl{

	margin-left:20px;

	width: 770px;

	height: 100%;

	float: left;

	text-align: left;

	overflow: hidden;



}

.dl h3{

	font-size: 16px;

	letter-spacing: 1px;

	color:#333;

}

.dl div{

	height: 30px;

	line-height: 30px;

	color:#999;

}

.dl p{

	color:#888;

}

.xw:hover .time h5{

	color:#007cc3;

}

.xw:hover a{

	box-shadow:0px 0px 15px 0px #888;

}

#pages {

    padding: 14px 0 10px;

    font-family: '宋体';

    text-align: center;

    font-size: 12px;

}

#pages a.ax {

    width: 56px;

    padding: 0;

}

#pages a {

    display: inline-block;

    height: 22px;

    line-height: 22px;

    background: #fff;

    border: 1px solid #CCC;

    text-align: center;

    color: #333;

    padding: 0 10px;

}

#pages span {

    display: inline-block;

    height: 22px;

    line-height: 22px;

    background: #007cc3;

    border: 1px solid #007cc3;

    color: #fff;

    text-align: center;

    padding: 0 10px;

}



/*合作品牌*/

.ppx{

	

	width: 880px;

	padding:0 10px;

	text-align: left;

}

.ppx1{

	margin-top: 30px;

	margin-bottom:30px;

	width: 200px;height:220px;

	float: left;

	font-size: 14px;

	margin-right: 20px;

}

.ppx1-1{

	padding:2px 8px;

	color:#e9e9e9;

	border-radius: 4px;

	background: #007cc3;

	display: inline-block;

	margin-top: 5px;

}

.ppx1:hover img{

	box-shadow:0px 0px 12px 0px #666;

}

.bottom hr{

	border:0;

	border-bottom: 1px dotted #666;

}

.dz1{

	width: 440px;

	height: 300px;

	float: right;

	margin-left:10px;

}





/*工程案例*/

.xiangy{

	display: none;

}

.xiangy dd{

	width: 200px;

	height: 51px;

	margin:0 auto;

	text-align: center;

	line-height: 51px;

	font-size: 14px;

	cursor: pointer;

	margin-bottom: 2px;

	overflow: hidden;



}

.xiangy dd:hover{

	color:#666;

	background: #fff;

}

.nav1-2 ul li a{

	cursor: pointer;

}

/*联系我们*/

.contact_rig {

    width: 500px;

    text-align: left;



}

.pull-right {

    margin-top: 40px;

}

.contact_rig p {

    color: #222222;

    font-size: 14px;

    line-height: 36px;

    font-weight: bold;

    margin-bottom: 20px;

}

.contact_rig div {

    margin-bottom: 15px;

}

.col-md-6 {

	width: 48%;

	position: relative;

	min-height: 1px;

	display: inline-block;

	

}

.col-md-6 input{

	width: 200px;

}

.contact_rig div input {

    border-radius: 0;

}

.form-control {

    display: block;

    width: 100%;

    height: 25px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}

.col-md-6 input, button, select, textarea {

    font-family: inherit;

    font-size: inherit;

    line-height: inherit;

}

.col-md-12 {

    	width: 445px;

    	position: relative;

	min-height: 1px;



	

}

.contact_rig div textarea {

    border-radius: 0;

}

textarea.form-control {

    height: auto;

}

textarea {

    overflow: auto;

}

.contact_rig div .contact_sub {

    width: 130px;

    height: 30px;

    line-height: 20px;

    padding: 0;

    border: 2px solid #00bfc1;

    color: #00bfc1;

    font-size: 14px;

    background: url(../img/contact_subbg.png) 100px 10px no-repeat;

}

.zuobian{

	width: 380px;

	height: 200px;

	margin-top: 10px;

	text-align: left;

}

.zuobian h3{

	color: #222222;

	font-size: 20px;

	line-height: 24px;

	font-weight: normal;

}

.zuobian p{

	color: #666666;

	font-size: 14px;

	line-height: 32px;

}

/*门店形象*/

.mdxx{

	width: 100%;

}

.mdxx h4{

	font-size: 20px;

	font-weight: normal;

	color: #333;

	margin-top: 20px;

	margin-bottom: 30px;

}

.mdxx ul{

	margin-left:35px;

}

.mdxx ul li{

	float: left;

	margin-right:30px;

	margin-bottom: 35px;

	transition:all 0.3s ease-in-out;

	-ms-transition:all 0.3s ease-in-out;       /* IE */

	-webkit-transition:all 0.3s ease-in-out;      /* Firefox */

	-moz-transition:all 0.3s ease-in-out;	    /* Safari 和 Chrome */

	-o-transition:all 0.3s ease-in-out;      /* Opera */



}

.mdxx ul li:hover{

	transform:rotate(5deg);

	-webkit-transform:rotate(5deg);

	-moz-transform:rotate(5deg);

	-o-transform:rotate(5deg);

	-ms-transform:rotate(5deg);

}

.mdxx ul li a{

	width: 255px;

	display: block;

	height: 205px;

	overflow: hidden;

	box-shadow:0px 0px 12px 0px #666;

}

.mdxx ul li a img{

	width: 255px;

	height: 170px;

}

.mdxx ul li a p{

	text-align: center;

}

.ckgd{

	

	width: 140px;

	height: 40px;

	line-height: 40px;

	font-size: 16px;

	color:#ccc;

	background: #007cc3;

	border-radius: 8px;

	cursor: pointer;

	margin:0 auto;

	box-shadow:0px 0px 8px 0px #666;



}

.ckgd:hover{

	box-shadow:0px 0px 10px 0px #007cc3;

}



/*新闻详情页*/

.nrong{

	min-height: 300px;

}

.nrong h3{

	text-align: center;

	font-weight: normal;

	color:#555;

	line-height: 2;

	font-size: 22px;

	margin-top: 20px;

}

.nrong h4{

	text-align: center;

	padding: .5em 0;

	border-bottom: solid 1px #ddd;

	margin: 1.5em 0;

	color: #888;

	font-size: 14px;

	font-weight: normal;

}

.nrong p{

	font-size: 14px;

	color:#555;

	line-height: 2;

	text-align: left;

	margin-bottom: 15px;

}













/*尾部*/

#footer{

	width: 100%;

}

.footer1{

	width: 100%;

	background: #646c72;

}

.footer1-1{

	width: 1200px;

	margin:0 auto;

	padding:35px 0px;

}

.footer1-1 ul li{

	font-size: 15px;

	color:#ccc;

	margin-bottom: 15px;

}

.footer1-1 ul{

	float: left;

	margin-left:100px;

}

.lxy{

	float: right;

	width: 100px;

	height: 45px;

	margin-top: 40px;

	margin-right: 300px;

	position: relative;

}

.lxy img{

	margin-left:5px;

}

.footer2{

	width: 100%;

	text-align: center;

	background: #333;

	padding: 12px 0;

	border-top: 1px solid #fff;

}

.footer2 div{

	font-size: 14px;

	color:#ccc;

}

.ewm{

	position: absolute;

	top:-30px;

	left:-140px;

	display: none;

}

.wx{

	cursor: pointer;

}



.neiFl{ width:200px; float:left;  position:relative; margin-top:20px;}

.neiFl img{ margin:15px 0 5px; border:#CCC solid 1px;}

.titel{ width:214px; height:50px; background:url(../images/Cbg.png); position:absolute; top:0; left:-8px; z-index:99;}

.titel h5{ color:#FFF; font-size:16px; text-align:center; margin-top:10px;}

.neiF{ background:#e9e9e9;  }



.menu_list{width:auto;}

.menu_head{

	height: 47px;

	line-height: 47px;

	padding-left: 20px;

	font-size: 16px;

	color: #525252;

	cursor: pointer;

	border-left: 1px solid #e1e1e1;

	border-right: 1px solid #e1e1e1;

	border-bottom: 1px solid #e1e1e1;

	border-top: 1px solid #F1F1F1;

	position: relative;

	margin: 0px;



	background: #f1f1f1 url(../img/zhank.png)190px 20px no-repeat;

}

.menu_list .current{background:#f1f1f1 url(../img/shoul.png)190px 20px no-repeat;}

.menu_body{

	line-height: 38px; display:none;

	border-left: 1px solid #e1e1e1;

	backguound: #fff;

	border-right: 1px solid #e1e1e1;

}

.menu_body a{display:block;height:38px;line-height:38px;padding-left:30px;color:#777777;background:#fff;text-decoration:none;border-bottom:1px solid #e1e1e1; 

background:#FFF url(/static/images/dian.png) no-repeat left;}

.menu_body a:hover{text-decoration:none; color:#043881;}

.dang{ color:#043881!important; }
.ppx1 img{width:145px; height:145px;}