@import url("../../css/header.css");

/* ----------------------------------------------------
	1. SKELETON
------------------------------------------------------- */
body {
	/*
	font-family: 'Lato',sans-serif;
	*/
	font-family:'Microsoft YaHei'!important;
	font-size:14px;
	-webkit-font-smoothing: antialiased !important;
	color:#6d7274;
	width:100%;
	line-height:175%;
	background-color:#fff;
	background-repeat:repeat;
}





.overlay {
	padding: 60px 0;
	background-color:rgba(0, 0, 0, 0.7);
}


.m50{ margin-bottom:50px; margin-top:50px;}

.messagebox h2 {
	text-align:center; font-size:54px; color:#fff;
}

.messagebox h3 {
	text-align:center; font-size:28px; color:#fff;
}

.index_cons{float:left;margin-bottom:30px;}
.index_cons .grid_3 {WIDTH:23%;DISPLAY: inline;MARGIN-BOTTOM:25px; FLOAT: left;margin:0 1%;height:304px;overflow-y:hidden;min-width:160px;}
.index_cons .icon {POSITION: relative; MARGIN: 0px auto; WIDTH:69px; DISPLAY: table; BACKGROUND:url(../images/index.png) no-repeat center 0px; HEIGHT:69px; background-position:0px -75px;}
.index_cons li .services-home{PADDING-BOTTOM: 20px; PADDING-LEFT: 10px;PADDING-RIGHT:10px;BACKGROUND: #f2f2f2;MARGIN-TOP: -45px;PADDING-TOP: 50px;transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;-webkit-transition:all 0.5s linear;}
.index_cons li:hover .services-home{BACKGROUND:#296AFF}
.index_cons li H4,.index_cons li p {COLOR: #464646;text-align:center;transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;-webkit-transition:all 0.5s linear;}
.index_cons li p{ min-height:120px;}
.index_cons li:hover H4 {COLOR: #fff}
.index_cons li:hover P {COLOR: #fff}
.index_cons li .icon_all{TEXT-INDENT: -9999px; WIDTH:69px; DISPLAY: block; BACKGROUND:url(../images/index.png) no-repeat center center; HEIGHT:69px;-webkit-transition:-webkit-transform 0.5s ease-out;-moz-transition:-moz-transform 0.5s ease-out;-ms-transform:-ms-transform 0.5s ease-out;-o-transform:-o-transform 0.5s ease-out;transition:transform 0.5s ease-out;}
.index_cons li .icon1{background-position:-70px -75px;}
.index_cons li .icon2{background-position:-140px -75px;}
.index_cons li .icon3{background-position:-210px -75px;}
.index_cons li .icon4{background-position:0px -145px;}
.index_cons li .icon5{background-position:-70px -145px;}
.index_cons li .icon6{background-position:-140px -145px;}
.index_cons li .icon7{background-position:-210px -145px;}
.index_cons li .icon8{background-position:0px -215px;}
.index_cons li .icon9{background-position:-70px -215px;}
.index_cons li .icon10{background-position:-140px -215px;}
.index_cons li .icon11{background-position:-210px -215px;}
.index_cons li .icon12{background-position:0px -285px;}
.index_cons li:hover .icon_all{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform: rotate(360deg)}
.index_cons li .btn-small {FLOAT: left; MARGIN-LEFT: 28%; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;MARGIN-TOP: 14px;BACKGROUND: #296AFF; -moz-box-shadow: 1px 1px 2px #aaa; -webkit-box-shadow: 1px 1px 2px #aaa; box-shadow: 1px 1px 2px #aaa;transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;-webkit-transition:all 0.5s linear;}
.index_cons li:hover .btn-small {BACKGROUND: #ffffff;}
.index_cons li .btn-small SPAN {TEXT-ALIGN: center; PADDING-BOTTOM:3px;PADDING-LEFT: 12px; PADDING-RIGHT: 12px; DISPLAY: block;PADDING-TOP:3px;COLOR: #ffffff;transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;-webkit-transition:all 0.5s linear;}
.index_cons li:hover .btn-small SPAN {COLOR: #296AFF}












	
	#messages {
	width:100%;
    background-color: rgb(70,126,255);
    border-left: 0px solid rgb(126, 126, 126);
    border-right: 0px solid rgb(126, 126, 126);
    border-top: 0px solid rgb(126, 126, 126);
    border-bottom: 0px solid rgb(126, 126, 126);
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
}
  #messagecontain {
    width: 1200px;
	margin:0 auto;
  }
  
  #messagecontain h1{ line-height:30px; text-align:center; font-size:30px; color:#fff;}
  
.mesbot{ width:880px; height:100px; margin:0 auto; padding-top:40px;}

.mesbotname{ width:340px; padding-left:60px; height:57px; border-radius:5px; background:url(../images/name.png) no-repeat left; border:none; background-color:#fff; float:left; margin-right:10px; color:#686868; font-size:18px;}

.mesbottel{ width:340px; padding-left:60px; height:57px; border-radius:5px; background:url(../images/tel.png) no-repeat left; border:none; background-color:#fff; float:left; margin-right:10px; color:#686868; font-size:18px;}

	
input::-webkit-input-placeholder { 
color:#686868;
-webkit-transition: color.5s; 
} 
input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder { 
color: #c2c2c2; 
-webkit-transition: color.5s; 
} 

.quick-submit-btn{ width:178px; float:right; height:55px;text-align:center;border-radius:5px;font-size:18px;background-color:#f9d052;color:#876e21;border:0;font-family:Helvetica,Arial,Tahoma,"Microsoft YaHei","微软雅黑","华文细黑",sans-serif}

.mestel{ text-align:center; height:64px; background:url(../images/mestel.png) no-repeat center; margin-top:30px;}



#h5foot{ width:100%; height:50px; background:#000; text-align:center; line-height:50px;}



@import url("../../css/header.css");

/* ----------------------------------------------------
	1. SKELETON
------------------------------------------------------- */
body {
	/*
	font-family: 'Lato',sans-serif;
	*/
	font-family:'Microsoft YaHei'!important;
	font-size:14px;
	-webkit-font-smoothing: antialiased !important;
	color:#6d7274;
	width:100%;
	line-height:175%;
	background-color:#fff;
	background-repeat:repeat;
}

*{margin:0;padding:0;}
ul,li,dl,ol{list-style:none;}








/*banner样式*/

.banner{width:1903px;overflow:hidden;position:relative;}
.banner_inner{position:relative;height:500px;width:1121px;margin:0 auto}

.banner_img{width:20000px}
.banner_img li{float:left;width:1920px;position:relative}
.banner_img li.bgli01{ background:#2a95bb url(../images/1-0.png) center no-repeat;}
.banner_img li.bgli02{ background:#E8E8E8 url(../images/2-0.png) center no-repeat;}
.banner_img li.bgli03{ background:#d63356 url(../images/3-0.png) center no-repeat;}
.banner_img li.bgli04{ background:#0a7ba4 url(../images/4-0.png) center no-repeat;}

.banner .child1{position:absolute;width:436px;height:500px;left:66px;top:0}
.banner .child2{position:absolute;width:646px;height:500px;left:500px;top:0}
.banner .child3{position:absolute;width:800px;height:203px;left:166px;top:0}
.banner .child4{position:absolute;width:910px;height:305px;left:60px;top:203px;}
.banner_common{position:relative;width:990px;margin:0 auto}
.banner_pre{position:absolute;top:50%;left:0;margin-top:180px;width:60px;height:60px;cursor:pointer;background:url(../images/banner_btn_l_24.png) no-repeat;opacity:.5;filter:alpha(opacity=50)}
.banner_next{position:absolute;top:50%;right:0;margin-top:180px;width:60px;height:60px;cursor:pointer;background:url(../images/banner_btn_r_24.png) no-repeat;opacity:.5;filter:alpha(opacity=50)}
.banner_pre:hover, .banner_next:hover{opacity:1;filter:alpha(opacity=100)}
.banner .control{width:130px;position:absolute;top:450px;left:50%;margin-left:-40px}
.banner .control li{float:left;margin-left:10px;width:18px;height:18px;border-radius:50%;cursor:pointer;background:#fff}
.banner .control li a{display:none}
.banner .control li.current{background:#002496}








/*服务*/



.overlay {
	padding: 60px 0;
	background-color:rgba(0, 0, 0, 0.7);
}


.m50{ margin-bottom:50px; margin-top:50px;}

.messagebox h2 {
	text-align:center; font-size:54px; color:#fff;
}

.messagebox h3 {
	text-align:center; font-size:28px; color:#fff;
}

.index_cons{float:left;margin-bottom:30px;}
.index_cons .grid_3 {WIDTH:23%;DISPLAY: inline;MARGIN-BOTTOM:25px; FLOAT: left;margin:0 1%;height:304px;overflow-y:hidden;min-width:160px;}
.index_cons .icon {POSITION: relative; MARGIN: 0px auto; WIDTH:69px; DISPLAY: table; BACKGROUND:url(../images/index.png) no-repeat center 0px; HEIGHT:69px; background-position:0px -75px;}
.index_cons li .services-home{PADDING-BOTTOM: 20px; PADDING-LEFT: 10px;PADDING-RIGHT:10px;BACKGROUND: #f2f2f2;MARGIN-TOP: -45px;PADDING-TOP: 50px;transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;-webkit-transition:all 0.5s linear;}
.index_cons li:hover .services-home{BACKGROUND:#296AFF}
.index_cons li H4,.index_cons li p {COLOR: #464646;text-align:center;transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;-webkit-transition:all 0.5s linear;}
.index_cons li p{ min-height:120px;}
.index_cons li:hover H4 {COLOR: #fff}
.index_cons li:hover P {COLOR: #fff}
.index_cons li .icon_all{TEXT-INDENT: -9999px; WIDTH:69px; DISPLAY: block; BACKGROUND:url(../images/index.png) no-repeat center center; HEIGHT:69px;-webkit-transition:-webkit-transform 0.5s ease-out;-moz-transition:-moz-transform 0.5s ease-out;-ms-transform:-ms-transform 0.5s ease-out;-o-transform:-o-transform 0.5s ease-out;transition:transform 0.5s ease-out;}
.index_cons li .icon1{background-position:-70px -75px;}
.index_cons li .icon2{background-position:-140px -75px;}
.index_cons li .icon3{background-position:-210px -75px;}
.index_cons li .icon4{background-position:0px -145px;}
.index_cons li .icon5{background-position:-70px -145px;}
.index_cons li .icon6{background-position:-140px -145px;}
.index_cons li .icon7{background-position:-210px -145px;}
.index_cons li .icon8{background-position:0px -215px;}
.index_cons li .icon9{background-position:-70px -215px;}
.index_cons li .icon10{background-position:-140px -215px;}
.index_cons li .icon11{background-position:-210px -215px;}
.index_cons li .icon12{background-position:0px -285px;}
.index_cons li:hover .icon_all{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform: rotate(360deg)}
.index_cons li .btn-small {FLOAT: left; MARGIN-LEFT: 28%; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;MARGIN-TOP: 14px;BACKGROUND: #296AFF; -moz-box-shadow: 1px 1px 2px #aaa; -webkit-box-shadow: 1px 1px 2px #aaa; box-shadow: 1px 1px 2px #aaa;transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;-webkit-transition:all 0.5s linear;}
.index_cons li:hover .btn-small {BACKGROUND: #ffffff;}
.index_cons li .btn-small SPAN {TEXT-ALIGN: center; PADDING-BOTTOM:3px;PADDING-LEFT: 12px; PADDING-RIGHT: 12px; DISPLAY: block;PADDING-TOP:3px;COLOR: #ffffff;transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;-webkit-transition:all 0.5s linear;}
.index_cons li:hover .btn-small SPAN {COLOR: #296AFF}









/*留言*/


	
#message{width:100%;
    background-color: rgb(70,126,255);
    border-left: 0px solid rgb(126, 126, 126);
    border-right: 0px solid rgb(126, 126, 126);
    border-top: 0px solid rgb(126, 126, 126);
    border-bottom: 0px solid rgb(126, 126, 126);
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
	}
	
	
	
  #messagecontain {
    width: 1200px;
	margin:0 auto;
  }
  
  #messagecontain h1{ line-height:30px; text-align:center; font-size:30px; color:#fff;}
  
.mesbot{ width:880px; height:100px; margin:0 auto; padding-top:40px;}

.mesbotname{ width:340px; padding-left:60px; height:57px; border-radius:5px; background:url(../images/name.png) no-repeat left; border:none; background-color:#fff; float:left; margin-right:10px; color:#686868; font-size:18px;}

.mesbottel{ width:340px; padding-left:60px; height:57px; border-radius:5px; background:url(../images/tel.png) no-repeat left; border:none; background-color:#fff; float:left; margin-right:10px; color:#686868; font-size:18px;}

	
input::-webkit-input-placeholder { 
color:#686868;
-webkit-transition: color.5s; 
} 
input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder { 
color: #c2c2c2; 
-webkit-transition: color.5s; 
} 

.quick-submit-btn{ width:178px; float:right; height:55px;text-align:center;border-radius:5px;font-size:18px;background-color:#f9d052;color:#876e21;border:0;font-family:Helvetica,Arial,Tahoma,"Microsoft YaHei","微软雅黑","华文细黑",sans-serif}

.mestel{ text-align:center; height:64px; background:url(../images/mestel.png) no-repeat center; margin-top:30px;}



#h5foot{ width:100%; height:50px; background:#000; text-align:center; line-height:50px;}















/*定义*/
#dingyi{ width:100%; height:628px; margin:0 auto; background:url(../images/s2.jpg) no-repeat center top;}
.dy_contain{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.dyleft{ width:502px; float:left;}
.dyright{ width:698px; float:left; padding-top:100px;}
.dyright p{ font-size:16px; line-height:32px; padding-top:45px;}



/*烦恼*/
#fannao{ width:100%; height:644px; margin:0 auto; background:url(../images/s3.jpg) no-repeat center top;}
.fannaobg{ width:100%; height:644px; margin:0 auto; background:url(../images/s31.png) no-repeat center top;}
.fannaocontain{ width:1200px; height:644px; margin:0 auto;}
.fannaoright{ width:536px; height:644px; background:url(../images/s32.png) no-repeat; float:right;}
.fannaoright .fannao1{ width:536px; height:202px; padding-top:73px; }
.fannaoright .fannao2{ width:536px; height:120px; }
.fannaoright .fannao3{ width:536px; height:128px; }
.fannaoright .fannao4{ width:536px; height:82px; }
.fannaoleft{ width:214px; height:536px; float:left; padding-top:37px; padding-left:40px; float:left;}
.fannaomid{ width:410px; height:220px; float:left; padding-top:169px; }
.fannaomidtop{ width:410px; height:90px; color:#30cb9d; font-size:41px;  }
.fannaomidbot{ width:410px; height:130px; color:#fe5c2d; font-size:126px; text-align:right;  }





/*做什么*/

#doing{ width:1200px; height:694px; margin:0 auto;}
.doingtop{ width:673px; height:258px; margin:0 auto; padding-top:97px;}
.doingbot{ width:1200px; height:346px;}
.doingchild1 { background:url(../images/s42.jpg) no-repeat;width:265px; height:346px; margin:0 17px; float:left; }
.doingbott{ width:190px; height:150px;  margin-left:74px; padding-top:37px; }
.doingbotm{ width:265px; height:50px; line-height:50px; color:#fff; font-size:24px; text-align:center;}	
.doingbotb{ width:255px; height:95px; line-height:26px; padding:0 10px; color:#fff; font-size:14px;}

.doingchild2 { background:url(../images/s43.jpg) no-repeat;width:265px; height:346px; margin:0 17px;float:left; }
.doingchild3 { background:url(../images/s44.jpg) no-repeat;width:265px; height:346px; margin:0 17px;float:left; }
.doingchild4 { background:url(../images/s45.jpg) no-repeat;width:265px; height:346px; margin:0 17px;float:left; }






/*优势*/


.youshi1{ width:913px; height:850px;  margin:0 auto; background:url(../images/youshi.png) no-repeat center;position:relative; z-index:-1;}


.youshi{ width:913px; height:850px;  margin:0 auto; background:url(../images/youshi.png) no-repeat center; position:relative; z-index:-1;}
.ysnum1{ width:174px; height:165px; position:relative; top:120px; left:98px; z-index:1;}
.ysnum2{ width:174px; height:165px; position:relative; top:-125px; left:352px; z-index:1;}
.ysnum3{ width:174px; height:165px; position:relative; top:-215px; left:610px; z-index:1;}
.ysnum4{ width:174px; height:165px; position:relative; top:-105px; left:710px; z-index:1;}
.ysnum5{ width:174px; height:165px; position:relative; top:-45px; left:630px; z-index:1;}
.ysnum6{ width:174px; height:165px; position:relative; top:-195px; left:112px; z-index:1;}
.ysnum7{ width:174px; height:165px; position:relative; top:-585px; left:0px; z-index:1;}




/*合作*/

.hezuo{ width:100%; height:1013px;position:relative; z-index:-2; top:-200px;}
.hezuo1{ width:100%; height:100%;   margin:0 auto; background:url(../images/s611.png) no-repeat left; position:relative; z-index:-1; background-size:100%}
.hezuo2{ width:100%; height:100%; margin:0 auto; background:url(../images/s612.png) no-repeat right;position:relative; top:-1013px; z-index:1; background-size:100% ;}
.hezuo3{ width:736px; height:127px; margin:0 auto; position:relative; top:250px; z-index:2; background:url(../images/s61.jpg) no-repeat;background-size:100% ; }



/*项目*/
.xiangmu{ width:1208px; height:406px; margin:0 auto;}
.xiangmut{ width:1208px; height:130px;}
.xiangmu1{ width:148px; height:130px; float:left;}
.xiangmujia{ width:62px; height:130px; float:left;}
.xiangmub{ width:1208px; height:180px;}