/* CSS Document */

body { margin:0; padding:0; line-height:24px; font-family:'Microsoft YaHei'; font-size:14px; background:#fff;}
div,ul,li,dt,dl,dd,h1,h2,h3,h4,h5,h6,h7,img,p,span{ border-style: none;
	border-color: inherit;
	border-width: 0px;
	padding: 0;
	list-style-type:none;  
	margin: 0;
}

img{display:block;}

/* Link */
a:link { text-decoration:none;}
a:visited {text-decoration:none;}
a:hover { text-decoration:none;}
a:active { border:0px; background-color:Transparent;}

a{blr:expression(this.onFocus=this.blur()); outline:none;} 

.blank5{ width:100%; height:5px; clear:both;}
.blank10{ width:100%; height:10px; clear:both;}
.blank15{ width:100%; height:15px; clear:both;}
.blank20{ width:100%; height:20px; clear:both;}
.blank30{ width:100%; height:30px; clear:both;}
.blank40{ width:100%; height:40px; clear:both;}
.blank50{ width:100%; height:50px; clear:both;}
.blank60{ width:100%; height:60px; clear:both;}
.blank70{ width:100%; height:70px; clear:both;}
.blank80{ width:100%; height:80px; clear:both;}

/*Clear*/
.clear{ clear:both; font-size:0px; height:0px; line-height:0px; overflow:hidden;}/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

/*针对1920的宽屏*/

.max{ position:relative; overflow:hidden;}


.m_headbox{ position:relative;  }

.m_headtop{ height:90px; }

.m_logo{width:364px; height:50px; float:left; margin:20px 0 0 0;}

.m_phone{float:right; max-width:280px; margin:20px 0 0 0;}

.m_phone img{float:left; margin:4px 10px;}


.m_phone h3{width:210px; float:left; font-family:'Microsoft YaHei',Arial; font-size:28px; color:#ff9c00; line-height:30px; text-align:left; font-weight:normal;}

.m_phone h3 font{width:100%; float:left; font-family:'Microsoft YaHei',Arial; font-size:13px; color:#5f5f5f; line-height:20px; text-align:left; font-weight:normal;}


.m_navibox{ height:45px;  background:#005dad;}

.m_navi { width:1200px;  float:left; }

.m_navi ul{width:1210px;   float:left;}

.m_navi ul li{width:171px; height:45px; float:left; background:url(../images/line01.jpg) no-repeat right 15px;}
.m_navi ul li:last-child{
	background: none;
}

.m_navi ul li a{width:171px; height:45px; float:left; font-family:'Microsoft YaHei',Arial; font-size:16px; color:#fff; line-height:45px; text-align:center; font-weight:normal;}


.m_navi ul li a:hover,.m_navi ul li.on a{color:#ffd836;}
.m_banner
{
     width:1920px; *width:1920px; _width:1920px; height:603px;
    position:relative;
    z-index:9;
    margin:0;
	top:0;
    float:left;
	left:50%;
	margin-left:-962px;
	*margin-left:-962px;
	_margin-left:-962px;
    overflow:hidden;
}


.m_index{ width:1200px; margin:0 auto; }


.m_project{width:100%; float:left; padding:50px 0; background:#fff; overflow:hidden;}


.m_cokkbg{width:100%; height:60px; background: url(../images/cokkbgc.png) no-repeat left center; float:left; padding:5px 0; font-family:'Microsoft YaHei'; font-size:26px; color:#333333; line-height:30px; text-align:center; font-weight:normal;}

.m_cokkbg font{width:100%; float:left; font-family:'Microsoft YaHei'; font-size:16px; color:#666; line-height:30px; text-align:center; font-weight:normal;}



.m_projlist {width:1200px; float:left;}

.m_projlist ul{width:1230px; float:left; margin-left:-20px;}


.m_projlist ul li{width:224px; height:80px; float:left; margin:20px 0 0 20px; background:#fff; box-shadow:0 0 10px 6px rgba(34,34,34,0.15); transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear;}


.m_projlist ul li a{width:100%; float:left; font-family:'Microsoft YaHei'; font-size:19px; color:#333333; line-height:80px; text-align:left; font-weight:normal;}

.m_projlist ul li a img{float:left; margin:26px 30px 0 24px;}

.m_projlist ul li a font{width:100px;  height:80px; float:left;  font-family:'Microsoft YaHei'; font-size:19px; color:#333333; line-height:80px; text-align:center; font-weight:normal;}


.m_projlist ul li:hover{width:224px; height:80px; float:left; margin:20px 0 0 20px; background:rgba(21,117,225,0.3); box-shadow:0 0 10px 6px rgba(34,34,34,0.15); transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear;}


.m_projlist ul li:hover a font{color:#333;}



.m_proj_more{width:120px; display:block; margin:10px auto;}


.m_proj_more a{width:120px; height:40px; float:left; background:#1575e1; border:none;  font-family:'Microsoft YaHei'; font-size:16px; color:#fff; line-height:40px; text-align:center; font-weight:normal; position:relative; z-index:12; overflow:hidden;}
 




.m_indexcase{width:100%; padding:50px 0; background:#ededed; overflow:hidden;  visibility:initial;}

.m_caselist {width:1200px; float:left;margin-bottom: 35px;}

.m_caselist ul{width:1230px; float:left; margin-left:-16px;}


.m_caselist ul li{width:158px; height:50px; float:left; margin:20px 0 0 16px;text-align: center; background:#005dad;font-size:16px; color:#fff; line-height:50px;cursor: pointer;}


.m_caselist ul li a{width:158px; height:50px; float:left;  background:#005dad;  font-family:'Microsoft YaHei'; font-size:16px; color:#fff; line-height:50px; text-align:center; font-weight:normal;}
.m_caselist ul li:hover{background:#ff9c00;}
.m_caselist ul li.on{background:#ff9c00;}
.m_caselist ul li a:hover{background:#ff9c00;}

.case-show{
	width:1200px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 20px;
}
.case-list{
	width: 100%;
	overflow: hidden;
}
.case-list li{
	width: 386px;
	float: left;
	overflow: hidden;
	margin-bottom: 20px;
	margin-right:21px ;
}
.case-list li:nth-child(3n){
	margin-right: 0px;
}
.case-list li img{
	width: 100%;
	height: 230px;
	overflow: hidden;
}
.case-list li h3{
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: #333333;
	line-height: 55px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-color: #fff;
}
.case-more{
	width:122px ;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	background-color: #1575e1;
}
.guanggao{
	width: 100%;
	overflow: hidden;
	margin-top: -20px;
}
.guanggao img{
	width: 100%;
	overflow: hidden;
}
.why{
	width: 100%;
	overflow: hidden;
	background: url('../images/s1.jpg') no-repeat;
	background-size: 100% 100%;
}
.why-fw{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top:40px;
	padding-bottom: 60px;
	box-sizing: border-box;
}
.why-list{
	width: 100%;
	overflow: hidden;
}
.why-list li{
	width: 25%;
	float: left;
	overflow: hidden;
}
.why-list li img{
	width: 130px;
	height: 130px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 5px;
}
.why-list li h4{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 24px;
	color: #474747;
	font-weight: bold;
	text-align: center;
}
.about{
	width: 100%;
	overflow: hidden;
	background: url('../images/s2.jpg') no-repeat;
	background-size: 100% 100%;
}
.about-fw{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top:40px;
	padding-bottom: 100px;
	box-sizing: border-box;
}
.m_cokkbg22{
	width:100%;
	 height:60px;
	  background: url(../images/s3.png) no-repeat left center; 
	  float:left; padding:5px 0; font-family:'Microsoft YaHei'; 
	  font-size:26px; color:#fff; 
	  line-height:30px; text-align:center; 
	  font-weight:normal;
	  overflow: hidden;
	  margin-bottom: 50px;
}

.m_cokkbg22 font{
	width:100%; 
	float:left; 
	font-family:'Microsoft YaHei'; 
	font-size:16px;
	 color:#fff;
	 line-height:30px; 
	 text-align:center; 
	 font-weight:normal;
}
.about-nr{
	width: 100%;
	overflow: hidden;
	background-color: #fff;
}
.about-left{
	width: 655px;
	height: 410px;
	float: left;
	overflow: hidden;
	padding:55px 60px;
	box-sizing: border-box;
}
.about-p{
	width: 100%;
	font-size: 16px;
	line-height: 36px;
	color: #333333;
	height: 252px;
	overflow: hidden;
	margin-bottom: 20px;
}
.abou-more{
	width: 120px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background-color: #005dad;
}
.about-right{
	width: 545px;
	height: 410px;
	float: right;
	overflow: hidden;
}
.about-right img{
	width: 100%;
	height: 100%;
}
.news{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top:60px;
	padding-bottom: 65px;
	box-sizing: border-box;
}
.news-tab{
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin-bottom: 30px;
}
.news-tab li{
	display: inline-block;
	background-color: #005dad;
	width: 160px;
	line-height: 46px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	margin: 0 8px;
	cursor: pointer;
}
.news-tab li.on{
	background-color: #ff9c00;
}
.news-tab li:hover{
	background-color: #ff9c00;
}
.news-show{
	width: 100%;
	overflow: hidden;
}
.news-list{
	width: 100%;
	overflow: hidden;
}
.news-list li{
	width: 380px;
	border:1px solid #dddddd;
	padding:40px 20px 20px 20px;
	box-sizing: border-box;
	overflow: hidden;
	float: left;
	margin-right: 30px;
}
.news-list li:nth-child(3n){
	margin-right: 0px;
}
.news-top{
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
.news-top h5{
	width: 250px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 20px;
	color: #333;
}
.time{
	width: 85px;
	float: right;
	overflow: hidden;
	text-align: right;
	font-size: 16px;
	color: #666;
}
.news-p{
	width: 100%;
	overflow: hidden;
	font-size: 16px;
	line-height: 30px;
	color: #666;
	height: 120px;
	margin-bottom: 12px;
}
.news-more{
	width: 80px;
	overflow: hidden;
	font-size: 16px;
	color: #005dad;
	position: relative;
}
.news-more::after{
	content: '';
	position: absolute;
	right: 0px;
	top:50%;
	width: 14px;
	height: 6px;
	margin-top: -3px;
	background: url('../images/jt01.png') no-repeat;
	background-size: 100% 100%;
}
.bottom{
	width: 100%;
	overflow: hidden;
	background-color: #1e1e1e;
}
.bottom-fw{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top:35px;
	box-sizing: border-box;
}
.bottom-top{
	width: 100%;
	overflow: hidden;
	padding:0 20px 35px 20px;
	box-sizing: border-box;
}
.one{
	width: 400px;
	float: left;
	overflow: hidden;
}
.bt{
	width: 154px;
	padding-bottom: 10px;
	box-sizing: border-box;
	font-size: 18px;
	color: #909090;
	border-bottom: 1px solid #909090;
	margin-bottom: 15px;
	position: relative;
}
.bt::after{
	content: '';
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 70px;
	height: 1px;
	background-color: #909090;
}
.one-p{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	line-height: 25px;
	color: #909090;
}
.two{
	width: 290px;
	float: left;
}
.nav-tab{
	width: 100%;
	overflow: hidden;
}
.nav-tab li{
	font-size: 14px;
	color: #909090;
	line-height: 25px;
	float: left;
	display: block;
	margin-right: 14px;
}
.nav-tab li a{
	color: #909090;
}
.tel{
	width: 280px;
	float: right;
	overflow: hidden;
}
.tel-bt{
	width: 100%;
	overflow: hidden;
	font-size: 16px;
	color: #d3d3d3;
	margin-bottom: 20px;
}
.tel-nr{
	width: 100%;
	overflow: hidden;
	font-size: 32px;
	color: #f1f1f1;
	line-height: 34px;
}
.tel-nr img{
	width: 30px;
	height: 30px;
	float: left;
	margin-top: 2px;
	margin-right: 8px;
}
.bot{
	width: 100%;
	border-top:1px solid #2b2b2b;
	font-size: 14px;
	text-align: center;
	color: #555555;
	line-height: 42px;
	overflow: hidden;
}
.ys{
	display: none;
}
.service{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top:50px;
	padding-bottom: 110px;
	box-sizing: border-box;
}
.left{
	width: 240px;
	float: left;
	overflow: hidden;
}
.left-bt{
	width: 100%;
	overflow: hidden;
	background-color: #005dad;
	padding:10px 0;
	box-sizing: border-box;
}
.china{
	width: 100%;
	font-size: 26px;
	text-align: center;
	color: #fff;
	margin-bottom: 8px;
}
.eng{
	width: 100%;
	text-transform: uppercase;
	text-align: center;
	font-size: 12px;
	color: #fff;
}
.sercise-list{
	width: 100%;
	border:1px solid #e6e6e6;
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 25px;
}
.sercise-list li{
	width: 100%;
	overflow: hidden;
	padding-left: 60px;
	box-sizing: border-box;
	font-size: 18px;
	color: #333333;
	line-height: 50px;
	cursor: pointer;
	position: relative;
}
.sercise-list li::before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0px;
	width: 220px;
	height: 1px;
	background-color: #e6e6e6;
	margin-left: -110px;
}
.sercise-list li:last-child::before{
	display: none;
}
.sercise-list li a{
	color: #333333;
	position: relative;
}
.sercise-list li a::after{
	content: '';
	position: absolute;
	right: -50px;
	top:50%;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background: url('../images/s4.png') no-repeat;
	background-size: 100% 100%;
}
.sercise-list li.on a::after{
	background: url('../images/s5.png') no-repeat;
	background-size: 100% 100%;
}
.sercise-list li.on{
	background-color: #e5e5e5;
}
.sercise-list li.on a{
	background-color: #e5e5e5;
	color: #005dad;
}
.sercise-list li:hover a::after{
	background: url('../images/s5.png') no-repeat;
	background-size: 100% 100%;
}
.sercise-list li:hover{
	background-color: #e5e5e5;
}
.sercise-list li:hover a{
	background-color: #e5e5e5;
	color: #005dad;
}
.left-bot{
	width: 100%;
	border:1px solid #e6e6e6;
	box-sizing: border-box;
	overflow: hidden;
}
.l-pic{
	width: 100%;
	overflow: hidden;
}
.l-pic img{
	width: 100%;
}
.left-tel{
	width: 100%;
	padding:18px;
	box-sizing: border-box;
	overflow: hidden;
}
.tel-h1{
	width: 100%;
	overflow: hidden;
	font-size: 16px;
	color: #222222;
	line-height: 20px;
	margin-bottom: 10px;
}
.tel-h1 img{
	width:20px ;
	height: 20px;
	float: left;
	overflow: hidden;
	margin-right: 7px;
}
.tel-mun{
	width: 100%;
	overflow: hidden;
	font-size: 25px;
	color: #222222;
	font-weight: bold;
}
.right{
	width: 930px;
	min-height: 435px;
	float: right;
	overflow: hidden;
	border:1px solid #e6e6e6;
	box-sizing: border-box;
}
.right-bt{
	width: 100%;
	overflow: hidden;
	background-color: #eaeaea;
	line-height: 52px;
	padding:0 30px;
	box-sizing: border-box;
	font-size: 18px;
	color: #333;
	position: relative;
	margin-bottom: 20px;
}
.right-bt::before{
	content: '';
	position: absolute;
	left: 20px;
	top:50%;
	width: 4px;
	height: 18px;
	margin-top: -9px;
	background-color: #005dad;
}
.right-p{
	width: 100%;
	overflow: hidden;
	padding:30px;
	box-sizing: border-box;
	font-size: 20px;
	color: #333333;
	line-height: 38px;
}
.right-p img{
max-width: 100%;
}
.right-pp{
	width: 100%;
	overflow: hidden;
	padding:20px;
	box-sizing: border-box;
	font-size: 16px;
	color: #333333;
	line-height: 36px;
}
.right-pp img{
	max-width: 100%;
}
.right-pic{
	width: 896px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 20px;
}
.right-pic img{
	width: 100%;
}
.con-fw{
	width: 100%;
	padding:0 45px;
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 20px;
}
.con-h1{
	width: 100%;
	font-size: 24px;
	color: #333;
	margin-bottom: 26px;
	overflow: hidden;
}
.con-p{
	width: 100%;
	overflow: hidden;
	font-size: 16px;
	color: #333;
	line-height: 30px;
}
.con-p img{
	max-width: 100%;
}
.pro-fw{
	width: 886px;
	margin: 0 auto;
	overflow: hidden;
}
.pro-list{
	width: 100%;
	overflow: hidden;
	margin-bottom: 25px;
}
.pro-list li{
	width: 286px;
	float: left;
	overflow: hidden;
	margin-bottom: 25px;
	margin-right: 14px;
}
.pro-list li:nth-child(3n){
	margin-right: 0px;
}
.pro-pic{
	width: 100%;
	height: 170px;
	border:1px solid #cccccc;
	overflow: hidden;
	margin-bottom: 12px;
}
.pro-pic img{
	width: 100%;
	height: 100%;
}
.pro-pic22{
	width: 100%;
	height:218px;
	border:1px solid #cccccc;
	overflow: hidden;
	margin-bottom: 12px;
}
.pro-pic22 img{
	width: 100%;
	height: 100%;
}
.pro-h1{
	width: 100%;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 18px;
	color: #333;
}
.page{
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin-bottom: 35px;
}
.page a{
	display: inline-block;
	font-size: 14px;
	color: #333;
	padding:0 12px;
	box-sizing: border-box;
	line-height: 30px;
	border:1px solid #dddddd;
	margin: 0 6px;
}
.page a.on{
	background-color: #005dad;
	color: #fff;
}
.page a:hover{
	background-color: #005dad;
	color: #fff;
}
.xx-list{
	width: 100%;
	overflow: hidden;
	margin-bottom: 50px;
}
.xx-list li{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #e8e8e8;
}
.xx-h1{
	width: 740px;
	float: left;
	overflow: hidden;
	line-height: 50px;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 18px;
	color: #333;
	padding-left: 20px;
	box-sizing: border-box;
	position: relative;
}
.xx-list li:hover .xx-h1{
	color: #005dad;
}
.xx-h1::before{
	content: '';
	position: absolute;
	left: 0px;
	top:50%;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #005dad;
	margin-top: -2px;
}
.xx-h2{
	width: 115px;
	float: right;
	text-align: right;
	overflow: hidden;
	line-height:50px ;
	font-size: 16px;
	color: #949494;
}

.right-pp img{

    display: block;
    margin: 0 auto;
}