@charset "utf-8";



/* CSS Document */



::selection {



	color:#fff;



    background-color: #0099e6;



}







::-moz-selection {



	color:#fff;



    background-color: #0099e6;



}







::-webkit-selection {



	color:#fff;



    background-color: #0099e6;



}







::-webkit-scrollbar {



    width: 8px;



    height: 8px;



    background-color: #F5F5F5;



}







::-webkit-scrollbar-track {



    border-radius: 10px;



    background-color: #E2E2E2;



}







::-webkit-scrollbar-thumb {



    border-radius: 10px;



    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);



    background-color: #555;



}







* {



    padding: 0;



    margin: 0;



}







body {



    font: 14px/1.231  'Microsoft YaHei', arial, helvetica, clean, sans-serif;



    color: #333;



    margin: 0;



    line-height: 1.5;

	font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



}







:focus {



    outline: 1;



}







article,



aside,



canvas,



details,



figcaption,



figure,



footer,



header,



hgroup,



menu,



nav,



section,



summary {



    display: block;



}







a {



    margin: 0;



    padding: 0;



    border: 0;



    font-size: 100%;



    vertical-align: baseline;



    background: transparent;



}







ins {



    background-color: #ff9;



    color: #000;



    text-decoration: none;



}







mark {



    background-color: #ff9;



    color: #000;



    font-style: italic;



    font-weight: bold;



}







del {



    text-decoration: line-through;



}







table {



    border-collapse: collapse;



    border-spacing: 0;



}







hr {



    display: block;



    height: 1px;



    border: 0;



    border-top: 1px solid #cccccc;



    margin: 1em 0;



    padding: 0;



}







input,



select {



    vertical-align: middle;



}











li,



ul {



    list-style-type: none;



}







img {



    border: none;



}







a {



    color: #333;



    text-decoration: none;



    -webkit-transition: all .3s ease-out;



    transition: all .3s ease-out;



}







a:link,



a:hover,



a:active,



a:visited {



    text-decoration: none;



}







input,



textarea {



    outline: 0;



    border: 0;



}







textarea {



    resize: none;



}







h1,



h2,



h3,



h4,



h5,



h6,



dl,



dd,



dt,



i,



em {



    font-weight: normal;



    font-style: normal;



}



.title_nav{



	width: 1020px;



	height: 36px;



	margin: 0 auto;



}



.title_nav h3{



	background: url(../images/title_nav.png) no-repeat left center;



	width: 1020px;



	height: 36px;



}



.title_nav h3 a{



	display: block;



	color: #0099e6;



	font-size: 24px;



	text-align: center;



}



.title_nav span{



	display: block;



	font-size: 14px;



	color: #808080;



	text-align: center;



	margin-top: -6px;



	text-transform: uppercase;



}







.clearfix{clear:both;}























/**banner**/



.banner {



  width: 100%;



  height: 500px;



	overflow: hidden;



}



.fullSlide {



  width: 100%;



  position: relative;



  height: 100%;



  background: transparent;



}



.fullSlide .bd {



  margin: 0 auto;



  height: 100%;



  position: relative;



  z-index: 0;



  overflow: hidden;



}



.fullSlide .bd ul {



  height: 100%;



  width: 100%!important;



}



.fullSlide .bd li {



  height: 100%;



	width: 100%!important;



  overflow: hidden;



  text-align: center;



  background-position: center;



  background-repeat: no-repeat;



  width: 100%;



}



.fullSlide .bd li a {



  display: block;



  height: 100%;



  width: 100%;



}



.fullSlide .hd {



  width: 100%;



  position: absolute;



  z-index: 1;



  bottom: 0;



  left: 0;



}



.fullSlide .hd ul {



  text-align: center;



  margin-bottom: 20px;



}



.fullSlide .hd ul li {



  background: #0099e6;



  cursor: pointer;



  display: inline-block;



  *display: inline;



  zoom: 1;



  width: 42px;



  height: 11px;



  margin: 1px;



  overflow: hidden;



  *filter: alpha(opacity=50);



  *opacity: .5;



  line-height: 999px;



}



.fullSlide .hd ul .on {



  background: #f04623;



}



.fullSlide .prev,



.fullSlide .next {



  display: block;



  position: absolute;



  top: 50%;



  margin-top: -30px;



  left: 15%;



  z-index: 1;



  width: 40px;



  height: 60px;



  background: url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;



  cursor: pointer;



  *filter: alpha(opacity=50);



  *opacity: .5;



  display: none;



}



.fullSlide .next {



  left: auto;



  right: 15%;



  background-position: -6px -137px;



}



/*banner结束*/



/* search栏开始 */



.search{



	width: 100%;



	height:40px;



}



.sear_box{



	width: 1180px;



	margin:0 auto;



	height:40px;



}



.keytext{



	width: 700px;



	height: 40px;



	line-height: 40px;



	font-family:Microsoft YaHei;



	font-size: 14px;



	color: #8a8a8a;



	overflow: hidden;



	float: left;



	margin-left: 20px;



}



.keytext span{



	line-height: 40px;



	color:#4c4c4c;



	font-size:14px;



}



.keytext a{



	margin: 0px 8px 0px 0px;



	line-height:40px;



	font-size:14px;



	color:#595959;



}



.keytext a:hover{



	color:#0099e6;



}



.rmgj-n-r{



	width:281px;



	height: 30px;



	margin-top: 6px;



	overflow: hidden;



	float: right;



	margin-right: 20px;



	background: url(../images/search.jpg) no-repeat left center;



}



.text2{



	padding:0px 0px 0px 10px;



	float:left;



	width: 230px;



	height: 30px;



	margin-left: 1px;



	line-height: 28px;



	font-size:12px;



	color:#e5e5e5;



	background: #0099e6;



}

        input::-webkit-input-placeholder{

            color:#fff;

        }

.submit{



	width:24px;



	height:30px;



	float:right;



	font-size: 14px;



	color: #fff;



	cursor: pointer;



	margin-right: 10px;



	background:url(../images/ico1.png) no-repeat;



}



/* search栏结束 */











/* 合作伙伴开始 */







.part{



	width: 100%;



	margin-top: 50px;



}



.part .part_box{



	width: 1180px;



	margin:0 auto;



}



.part_box .par_con{



	width: 1180px;



	height: 130px;



	margin-top: 45px;



	position: relative;



}



.par_con > a{



	width: 30px;



	height: 50px;



	display: block;



	position: absolute;



}



.par_con .lefts{



	top:24px;



	left: 0;



	background: url(../images/par_jt.jpg) no-repeat left center;



}



.par_con .rights{



	top:24px;



	right: 0;



	background: url(../images/par_jt.jpg) no-repeat right center;



}



.par_con .par_nr{



	width: 1069px;



	height: 130px;



	margin:0 auto;



	overflow: hidden;



}



.par_nr ul{



	width: 1069px;



	height: 130px;



}



.par_nr ul li{



	width:240px;



	height: 130px;



	float: left;



	margin-right: 36px;



}



.par_nr ul li >a{



	width: 238px;



	height: 98px;



	overflow: hidden;



	display: block;



	border: 1px solid #999999;



}



.par_nr ul li >a img{



	width: 238px;



	height: 98px;



	overflow: hidden;



	-webkit-transition:all 1s;



	transition:all 1s;



}



.par_nr ul li >a img:hover{



	-webkit-transform:scale(1.2,1.2);



	transform:scale(1.2,1.2);



}



.par_nr ul li >a:hover{



	border-color: #0099e6;



}



.par_nr ul li h4{



	width: 240px;



	margin-top: 10px;



}



.par_nr ul li h4 a{



	font-size: 14px;



	color: #333;



	width: 240px;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



	display: block;



	text-align: center;



}



.par_nr ul li h4 a:hover{



	color: #0099e6;



}



/* 合作伙伴结束 */







/* 四大困惑开始 */







.prob{



	width: 100%;



	background: #fafafa;



	height: 510px;



	padding-top: 30px;



	margin-top: 50px;



}



.prob .prob_box{



	width: 1180px;



	margin:0 auto;



}



.prob_box ul{



	width: 1180px;



	background:url(../images/prob_bg.jpg) no-repeat center;



	margin-top: 65px;



	height: 368px;



	position: relative;



}



.prob_box ul li{



	position: absolute;



	font-size: 16px;



	color: #4c4c4c;



}



.prob_box ul .prob_1{



	left: 160px;



	top: 5px;



}



.prob_box ul .prob_2{



	right: 163px;



	top: 5px;



}



.prob_box ul .prob_3{



	left: 160px;



	bottom: 83px;



}



.prob_box ul .prob_4{



	right: 138px;



	bottom: 83px;



}



/* 四大困惑结束 */







/* 解决方案开始 */



.proj{



	width: 100%;



	margin-top: 50px;



	background: url(../images/project_bg.jpg) no-repeat center;



	height: 824px;



}



.proj .proj_box{



	width: 1180px;



	height: 824px;



	margin:0 auto;



}



.proj_box .proj_nav{



	width: 605px;



	margin:0 auto;



}



.proj_nav h3 a{



	font-size: 22px;



	color:#404040;



}



.proj_nav h3 a span{



	font-size: 28px;



	color: #0099e6;



}



.proj_nav p{



	background: url(../images/proj_nav.png) no-repeat center;



	width: 604px;



	height: 35px;



	font-size: 20px;



	color: #fff;



	line-height: 35px;



	text-align: right;



	padding-right: 19px;



	margin-top: 3px;



}



.proj_box .proj_con{



	width: 1180px;



	height: 664px;



	margin-top: 38px;



	position: relative;



}



.proj_con .proj_t{



	position: absolute;



	top: 63px;



	left: 30px;



}



.proj_t h4{



	font-size:18px;



	color: #404040;



}



.proj_t h4 i{



	font-size: 16px;



	color: #4c4c4c;



	font-weight: normal;



}



.proj_t h4 span{



	font-size: 36px;



	color: #f14724;



	margin-right: 16px;



}



.proj_t .proj_tw{



	margin-left: 88px;



}



.proj_tw p{



	font-size: 14px;



	color: #4c4c4c;



	width: 520px;



	line-height: 24px;



	margin-top: 20px;



}



.proj_tw p span{



	font-size: 16px;



	color: #0099e6;



}



.proj_con .proj_b{



	position: absolute;



	right: 20px;



	bottom: 35px;



}



.proj_b h4{



	font-size:18px;



	color: #404040;



}



.proj_b h4 i{



	font-size: 16px;



	color: #4c4c4c;



	font-weight: normal;



}



.proj_b h4 span{



	font-size: 36px;



	color: #f14724;



	margin-right: 16px;



}



.proj_b .proj_bw{



	margin-left: 88px;



}



.proj_bw p{



	font-size: 14px;



	color: #4c4c4c;



	width: 520px;



	line-height: 24px;



	margin-top: 20px;



}



.proj_bw p span{



	font-size: 16px;



	color: #0099e6;



}



.proj_con .proj_tr{



	position: absolute;



	right: 76px;



	top: 0;



	width: 359px;



	height: 363px;



}



.proj_con .proj_tl{



	position: absolute;



	left: 14px;



	bottom: 0;



	width: 496px;



	height: 316px;



}



/* 解决方案结束 */







/* 综合实力开始 */



.power{



	width: 100%;



	margin-top: 50px;



}



.power .pow_box{



	width: 1180px;



	margin:0 auto;



}



.pow_box .pow_con{



	width: 1180px;



	height: 260px;

	overflow: hidden;

	margin-top: 45px;



}



.pow_con > ul{



	width:640px;



	height: 45px;



	margin:0 auto;



}



.pow_con > ul li{



	width: 180px;



	height: 45px;



	float: left;



	margin-left:50px;



	background: #0099e6;



}



.pow_con > ul li:first-child{



	margin-left: 0;



}



.pow_con > ul .on{



	background: #f04623;



}



.pow_con > ul li a{



	font-size: 16px;



	color: #fff;



	text-align: center;



	line-height: 45px;



	display: block;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



.pow_con .pow_cont{



	width: 1180px;



	height: 180px;

	overflow: hidden;

	margin-top: 35px;



	position: relative;



}



.pow_cont .lefts1{



	position: absolute;



	left: 0;



	top: 55px;



	width: 36px;



	height: 71px;



	display: block;



	background: url(../images/pow_jt.jpg) no-repeat left center;



}



.pow_cont .rights1{



	position: absolute;



	right: 0;



	top: 55px;



	width: 36px;



	height: 71px;



	display: block;



	background: url(../images/pow_jt.jpg) no-repeat right center;



}



.pow_cont .pow_nr{



	width: 1020px;



	height: 180px;



	overflow: hidden;



	margin:0 auto;



}



.pow_nr ul{



	width: 1020px;



	height: 180px;



	overflow: hidden;



}



.pow_nr ul li{



	width: 238px;



	height: 178px;



	border: 1px solid #ccc;



	float: left;



	margin-right: 20px;



	position: relative;



}



.pow_nr ul li:hover{



	border-color: #0099e6;



}



.pow_nr ul li a{



	width: 238px;



	height: 178px;



	overflow: hidden;



	display: block;



}



.pow_nr ul li a img{



	width: 238px;



	height: 178px;



	overflow: hidden;



	-webkit-transition:all 1s;



	transition:all 1s;



}



.pow_nr ul li a img:hover{



	-webkit-transform:scale(1.2,1.2);



	transform: scale(1.2,1.2);



}



.pow_nr ul li h4{



	width: 100%;



	height: 30px;



	background: rgba(0,153,230,0.5);



	position: absolute;



	bottom: 0;



	left: 0;



}



.pow_nr ul li h4:hover{



	background: rgb(0,153,230);



}



.pow_nr ul li h4 a{



	font-size: 14px;



	color: #fff;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



	display: block;



	line-height: 30px;



	text-align: center;



}



/* 综合实力结束 */







/*小banner1开始*/



.xb1{



	width: 100%;



	height: 200px;



	background: url(../images/xb1_bg.jpg) no-repeat center;



	margin-top: 50px;



}



.xb1 .xb1_box{



	width: 1180px;



	margin:0 auto;



}



.xb1_box .xb1_w{



	width: 534px;



	margin-left: 80px;



}



.xb1_box .xb1_w h4{



	font-size: 16px;



	color: #fff;



	line-height: 50px;



	text-align: center;



}



.xb1_box .xb1_w h4 span{



	font-size: 22px;



	color: #fff;



}



.xb1_box .xb1_w h5{



	font-size: 16px;



	color: #0099e6;



	width: 534px;



	height: 60px;



	background: #fff;



	margin-top: 15px;



	text-align: center;



	line-height: 28px;



}



.xb1 .xb1_box .xb1_dh{



	width: 534px;



	height: 40px;



	margin-left: 80px;



	margin-top: 20px;



}



.xb1_box .xb1_dh h4{



	font-size: 18px;



	color: #fff;



	float: left;



}



.xb1_box .xb1_dh h4 span{



	font-size: 26px;



	font-weight: bold;



}



.xb1_box .xb1_dh a{



	width: 140px;



	height: 40px;



	background-color: #f04623;



	color: #fff;



	font-size: 16px;



	line-height: 40px;



	text-align: center;



	display: block;



	position: relative;



	-webkit-transition:all .5s;



	transition:all .5s;



	float: right;



}



.xb1_box .xb1_dh a > span{



	position: relative;



	z-index: 9;



}



.xb1_box .xb1_dh a i{



	position: absolute;



	left: 0;



	top: 0;



	display: block;



	width: 100%;



	height: 100%;



	background-color: #f04623;



	-webkit-transition: all .6s ease-out;



	transition: all .6s ease-out;



	-webkit-transform: scale(0.6, 1);



	transform: scale(0.6, 1);



	z-index: 8;



}



.xb1_box .xb1_dh a:hover{



	background-color: #fff;



}



.xb1_box .xb1_dh a:hover i{



	transform: scale(1, 1);



	-webkit-transform:scale(1,1,);



}











/*小banner1结束*/







/* procduct结束 */



.product{



	width: 100%;



	height: 476px;



	margin-top: 50px;



}



.product .pro_box{



	width: 1180px;



	height: 476px;



	margin:0 auto;



}



.pro_box .pro_left{



	float: left;



	width: 290px;



	height: 476px;



}



.pro_left .pro_nav{



	width: 290px;



	height: 80px;



	background: #0099e6;



}



.pro_nav h2 a{



	font-size:20px;



	color: #fff;



	text-align: center;



	line-height: 60px;



	display: block;



}



.pro_nav span{



	font-size: 14px;



	text-align: center;



	display: block;



	margin-top: -16px;



	color: #fff;



	text-transform: uppercase;



}



.pro_box dl{



	width: 290px;



	height: 385px;



	padding-top: 11px;



	background: #f2f2f2;



	-webkit-transition:all .5s;



	transition:all .5s;



}



.pro_box dl dt{



	width: 290px;



	height: 49px;



	margin-top: 6px;



	-webkit-transition:all .5s;



	transition:all .5s;



	border-bottom: 1px solid #ccc;



}



.pro_box dl dt a{



	font-size: 18px;



	color: #0099e6;



	text-align: center;



	line-height: 50px;



	display: block;



}



.pro_box dl dt:hover{



	background: #0099e6;



	border-color: #0099e6;



}



.pro_box dl dt:hover a{



	color: #fff;



}



.pro_box dl dt:first-child{



	margin-top:0;



}



.pro_box dl dd{



	width: 175px;



	margin-left: 83px;



	padding-left: 27px;



	margin-top: 9px;



	background: url(../images/pro_zb.png) no-repeat left 6px;



}



.pro_box dl dd a{



	font-size: 14px;



	color: #0099e6;



	display: block;



}



.pro_box dl dd:hover a{



	color: #f04623;



}



.pro_con{



	width: 845px;



	height: 476px;

	overflow: hidden;

	float: right;



}



.pro_con .hd{



	width: 845px;



	height: 29px;



	border-bottom: 1px solid #0099e6;



}



.pro_con .hd li{



	float: left;



	margin-right: 30px;



}



.pro_con .hd li a{



	display: block;



	font-size: 16px;



	color: #404040;



	background: url(../images/pro_tb.png) no-repeat left 5px;



	padding-left: 24px;



}



.pro_con .hd .on a{



	background: url(../images/pro_tbx.png) no-repeat left 5px;



	color: #0099e6;



}



.pro_con .hd > a{



	float: right;



	font-size: 14px;



	margin-right: 10px;



	text-transform: uppercase;



	color: #4c4c4c;



}



.pro_con .hd > a:hover{



	color: #0099e6;



}



.pro_con .bd{



	width: 845px;



	height: 426px;



	margin-top: 20px;



}



.pro_con .bd > ul{



	width: 845px;



	height: 426px;



}



.pro_con .bd > ul li{



	float: left;



	width: 263px;



	height: 198px;



	margin-top: 28px;



	overflow: hidden;



	margin-left: 25px;



	margin-top: 25px;



	border: 1px solid #cdcdcd;



	position: relative;



}



.pro_con .bd > ul li:hover{



	border-color: #0099e6;



}



.pro_con .bd > ul .pro_t1,.pro_con .bd > ul .pro_t4,.pro_con .bd > ul .pro_t7{



	margin-left: 0;



}



.pro_con .bd > ul .pro_t1,.pro_con .bd > ul .pro_t2,.pro_con .bd > ul .pro_t3{



	margin-top: 0;



}



.pro_con .bd > ul li > a{



	width: 263px;



	height: 198px;



	overflow: hidden;



	display: block;



}



.pro_con .bd > ul li > a img{



	width: 263px;



	height: 198px;



	overflow: hidden;



	-webkit-transition:all 1s;



	transition: all 1s;



}



.pro_con .bd > ul li > a img:hover{



	transform: scale(1.2,1.2);



	-webkit-transform:scale(1.2,1.2);



}



.pro_con .bd > ul li > a:hover{



	border-color: #0099e6;



}



.pro_con .bd > ul li h4{



	position: absolute;



	left: 0;



	bottom: 0;



	width: 100%;



	height: 30px;



	background: rgba(0,153,230,0.5);



	-webkit-transition:all .5s;



	transition:all .5s;



}



.pro_con .bd > ul li h4:hover{



	background: rgb(0,153,230);



}



.pro_con .bd > ul li h4 a{



	font-size: 14px;



	color: #fff;



	line-height: 30px;



	width: 100%;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



	text-align: center;



	display: block;



}



.pro_con .bd > ul li h4:hover{



	background: #0099e6;



}



.pro_con .bd > ul li h4:hover a{



	color: #fff;



}



/** procduct结束**/























/*案例开始*/



.case{



	width: 100%;



	margin-top: 50px;



}



.case .case_box{



	width: 1180px;



	margin: 0 auto;



}



.case_box .case_con{



	width: 1180px;



	margin-top:36px;



	height: 350px;



}



.case_box .case_con > ul{



	width: 1125px;



	margin:0 auto;



	height: 350px;



}



.case_con > ul li{



	width: 180px;



	height: 350px;



	overflow: hidden;



	float: left;



	position: relative;



	-webkit-transition:all 1.5s;



	transition:all 1.5s;



}



.case_con > ul li > a{



	width: 405px;



	height: 350px;



	overflow: hidden;



	display: block;



}



.case_con > ul li > a img{



	width: 405px;



	height: 350px;



	overflow: hidden;



}



.case_con > ul li > div{



	position: absolute;



	top: 105px;



	left: 0;



	width: 323px;



	height: 140px;



	padding-left: 17px;



	background: rgba(0,153,230,0.5);



	display: none;



}



.case_con > ul li > div:hover{



	background: rgb(0,153,230);



}



.case_con > ul li > div h4 a{



	text-align: center;



	font-size: 16px;



	color: #fff;



	width: 310px;



	line-height: 40px;



	display: block;



}



.case_con > ul li > div p{



	width: 310px;



	font-size: 14px;



	color: #fff;



	line-height: 24px;



}



.case_con > ul .on{



	width: 405px;



	height: 350px;



}



.case_con > ul .on > div{



	display: block;



}



.case_con > ul .on > div h4 a:hover{



	color: #f04623;



}



/*案例结束*/







/* 小banner2开始 */



.xb2{



	width: 100%;



	height: 200px;



	margin-top: 50px;



	background: url(../images/xb2_bg.jpg) no-repeat center;



}



.xb2 .xb2_box{



	width: 1180px;



	margin:0 auto;



	position: relative;



}



.xb2_box h4{



	width: 580px;



	text-align: center;



	line-height: 80px;



	font-size: 23px;



	color: #fff;



	text-shadow: 2px 2px 2px #0099e6;



}



.xb2_box > h5{



	width: 580px;



	font-size: 18px;



	color: #fff;



	text-align: center;



	margin-top: -15px;



}



.xb2_box > span{



	background: url(../images/xb2_jt.png) no-repeat center;



	width: 61px;



	height: 51px;



	position: absolute;



	top: 90px;



	left: 130px;



	display: block;



}



.xb2_box .xb2_dh{



	margin-left: 215px;



	margin-top: 9px;



}



.xb2_dh h5{



	font-size: 18px;



	color: #fff;



}



.xb2_dh h5 span{



	font-size: 24px;



	font-weight: bold;



}



.xb2_dh > a{



	width: 140px;



	height: 35px;



	display: block;



	font-size: 16px;



	line-height: 35px;



	text-align: center;



	color: #fff;



	background: #f04623;



	position: relative;



	-webkit-transition:all .5s;



	transition:all .5s;



	margin-top: 10px;



	margin-left: 80px;



}



.xb2_dh > a span{



	position: relative;



	z-index: 9;



}



.xb2_dh > a i{



	position: absolute;



	left: 0;



	top: 0;



	display: block;



	width: 100%;



	height: 100%;



	background: #f04623;



	-webkit-transition: all .6s ease-out;



	transition:all .6s ease-out;



	-webkit-transform:scale(0.6,1);



	transform:scale(0.6,1);



}



.xb2_dh > a:hover{



	background: #fff;



}



.xb2_dh > a:hover i{



	transform: scale(1,1);



	-webkit-transform:scale(1,1);



}



/* 小banner2结束 */



/*4大优势开始*/



.advantage{



	width: 100%;



	height: 690px;



	margin-top: 50px;



}



.advantage .advant_box{



	width: 1180px;



	margin: 0 auto;



	height: 690px;



}



.advant_box .adv_nav{



	width: 600px;



	margin:0 auto;



}



.adv_nav h3 a{



	font-size: 14px;



	color:#c8c8c8;



	text-transform: uppercase;



}



.adv_nav h3 a span{



	font-size: 28px;



	color: #0099e6;



}



.adv_nav p{



	background: url(../images/adv_nav.png) no-repeat right center;



	width: 428px;



	height: 35px;



	font-size: 20px;



	color: #fff;



	line-height: 35px;



	text-align: right;



	padding-right: 34px;



	margin-top: 3px;



}



.advant_box ul{



	width: 1092px;



	margin-left: 21px;



	height: 600px;



	margin-top: 10px;



}



.advant_box ul li{



	width: 500px;



	height: 280px;



	margin-top: 20px;



	margin-left: 46px;



	overflow: hidden;



	float: left;



	position: relative;



}



.advant_box ul li img{



	width: 500px;



	height: 280px;



	overflow: hidden;



}



.advant_box ul li .txt_b{



	position: absolute;



	left: 0;



	bottom: 0;



	width: 485px;



	height: 53px;



	background-color: #f5f5f5;



	padding-top: 7px;



	padding-left: 15px;



	overflow: hidden;



}



.advant_box ul li .txt_b h4{



	font-size: 16px;



	color: #333;



	-webkit-transition: all 0.45s ease-in-out;



  -moz-transition: all 0.45s ease-in-out;



  transition: all 0.45s ease-in-out;



}



.advant_box ul li .txt_b p{



	color: #808080;



	font-size: 14px;



	line-height: 24px;



	width: 470px;



	-webkit-transition: all 0.45s ease-in-out;



  -moz-transition: all 0.45s ease-in-out;



  transition: all 0.45s ease-in-out;



}



.advant_box ul li:hover .txt_b{



	position: absolute;



	left: 0;



	bottom: 0;



	width: 500px;



	height: 240px;



	background:rgba(0,0,0,0.5);



	padding-top: 40px;



	padding-left: 0;



	overflow: hidden;



	-webkit-transition: all 0.35s ease-in-out;



  -moz-transition: all 0.35s ease-in-out;



  transition: all 0.35s ease-in-out;



}



.advant_box ul li:hover .txt_b h4{



	color: #f14724;



	font-size: 20px;



	text-align: center;



	margin-bottom: 20px;



}



.advant_box ul li:hover .txt_b p{



	color: #fff;



	font-size: 16px;



	text-align: center;



	width: 360px;



	line-height: 24px;



	height: 110px;



	margin: 0 auto;



}



.advant_box ul li:hover .txt_b a{



	color: #fff;



	font-size: 14px;



	text-align: center;



	line-height: 36px;



	width: 150px;



	height: 36px;



	border-radius: 18px;



	border: 1px solid #fff;



	margin: 0 auto;



	display: block;



	-webkit-transition: all 0.35s ease-in-out;



  -moz-transition: all 0.35s ease-in-out;



  transition: all 0.35s ease-in-out;



}



.advant_box ul li:hover .txt_b a:hover{



	background-color: #fff;



	color: #0099e6;



}







/*4大优势结束*/











/* 服务流程开始 */



.proc{



	width: 100%;



	margin-top: 50px;



	background: url(../images/proc_bg.jpg) no-repeat center;



	padding-top: 50px;



	height: 270px;



}



.proc .proc_box{



	width: 1180px;



	margin:0 auto;



}



.proc_box .pro_nav h3 a{



	color: #fff;



}



.proc_box ul{



	background: url(../images/proc_l.png) no-repeat center 47px;



	width: 1180px;



	margin-top:50px;



	height: 130px;



}



.proc_box ul li{



	width:108px;



	height: 130px;



	float: left;



	margin-left: 26px;



	font-size: 16px;



	color: #fff;



	line-height: 230px;



	text-align: center;



	-webkit-transition:all .5s;



	transition:all .5s;



}



.proc_box ul .proc_1{



	margin-left: 0;



	background: url(../images/proc_1.png) no-repeat left top;



}



.proc_box ul .proc_1:hover{



	background: url(../images/proc_1x.png) no-repeat left top;



}



.proc_box ul .proc_2{



	background: url(../images/proc_2.png) no-repeat left top;



}



.proc_box ul .proc_2:hover{



	background: url(../images/proc_2x.png) no-repeat left top;



}



.proc_box ul .proc_3{



	background: url(../images/proc_3.png) no-repeat left top;



}



.proc_box ul .proc_3:hover{



	background: url(../images/proc_3x.png) no-repeat left top;



}



.proc_box ul .proc_4{



	background: url(../images/proc_4.png) no-repeat left top;



}



.proc_box ul .proc_4:hover{



	background: url(../images/proc_4x.png) no-repeat left top;



}



.proc_box ul .proc_5{



	background: url(../images/proc_5.png) no-repeat left top;



}



.proc_box ul .proc_5:hover{



	background: url(../images/proc_5x.png) no-repeat left top;



}



.proc_box ul .proc_6{



	background: url(../images/proc_6.png) no-repeat left top;



}



.proc_box ul .proc_6:hover{



	background: url(../images/proc_6x.png) no-repeat left top;



}



.proc_box ul .proc_7{



	background: url(../images/proc_7.png) no-repeat left top;



}



.proc_box ul .proc_7:hover{



	background: url(../images/proc_7x.png) no-repeat left top;



}



.proc_box ul .proc_8{



	background: url(../images/proc_8.png) no-repeat left top;



}



.proc_box ul .proc_8:hover{



	background: url(../images/proc_8x.png) no-repeat left top;



}



.proc_box ul .proc_9{



	background: url(../images/proc_9.png) no-repeat left top;



}



.proc_box ul .proc_9:hover{



	background: url(../images/proc_9x.png) no-repeat left top;



}







/* 服务流程结束 */











/*客户见证开始*/



.khjz{



	width: 100%;



	height: 390px;



	margin-top: 50px;



}



.khjz .khjz_box{



	width: 1180px;



	height: 390px;



	margin:0 auto;



}



.khjz .khjz_box ul{



	width: 1180px;



	height: 340px;



	margin-top: 10px;



}



.khjz .khjz_box ul li{



	width: 520px;



	height:140px;



	margin-left: 140px;



	margin-top: 30px;



	float: left;



	overflow: hidden;



}



.khjz .khjz_box ul .khtu1,.khjz .khjz_box ul .khtu3{



	margin-left: 0;



}



.khjz .khjz_box ul li > a{



	width: 178px;



	height: 138px;



	border: 1px solid #ccc;



	overflow: hidden;



	display: block;



	float: left;



}



.khjz .khjz_box ul li > a img{



	width: 100%;



	height:  100%;



	overflow: hidden;



	-webkit-transition: all 1s;



  	transition: all 01s;







}



.khjz .khjz_box ul li > a:hover{



	border-color: #0099e6;



}



 .khjz .khjz_box ul li > a:hover img{



 	-webkit-transform:scale(1.2,1.2);



 	transform:scale(1.2,1.2);



}



.khjz .khjz_box ul li div{



	width: 320px;



	height: 140px;



	float: left;



	padding-left: 20px;



	background: #f2f2f2;



	-webkit-transition:all 1s;



	transition:all 1s;



}



.khjz .khjz_box ul li div h4 a{



	font-size: 16px;



	font-weight: bold;



	display: block;



	line-height: 50px;



	width: 280px;



	color: #4c4c4c;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



	display: block;



}



.khjz .khjz_box ul li div p{



	font-size: 14px;



	line-height: 24px;



	width: 280px;



	height: 72px;



	overflow: hidden;



	color: #595959;



}



.khjz .khjz_box ul li div > a{



	width: 20px;



	height: 20px;



	display: block;



	float: right;



	background: #0099e6;



	color: #fff;



	font-size: 24px;



	line-height: 15px;



	text-align: center;



}



.khjz .khjz_box ul li:hover div{



	background: #0099e6;



}



.khjz .khjz_box ul li:hover div h4 a{



	color: #fff;



}



.khjz .khjz_box ul li:hover div h4 a:hover{



	color: #f04623;



}



.khjz .khjz_box ul li:hover div p{



	color: #fff;



}



.khjz .khjz_box ul li:hover div > a{



	background: #f04623;



}



.khjz .khjz_box ul li:hover div > a:hover{



	margin-right: 8px;



}















/*客户见证结束*/























/*小banner3开始*/



.xb3{



	width: 100%;



	margin-top: 50px;



	background: url(../images/xb3_bg.jpg) no-repeat center;



	height: 145px;



	padding-top: 55px;



}



.xb3 .xb3_box{



	width: 1180px;



	margin: 0 auto;



}



.xb3_box .xb3_w{



	float: left;



	margin-top: 8px;



	margin-left: 50px;



	width: 500px;



}



.xb3_w  h4{



	font-size: 20px;



	color: #fff;



	width: 500px;



	text-align: center;



}



.xb3_w ul{



	width: 500px;



	margin-top: 30px;



}



.xb3_w ul li{



	background: url(../images/xb3_zb.png) no-repeat left center;



	font-size: 16px;



	color: #fff;



	padding-left: 26px;



	float: left;



	margin-left: 34px;



}



.xb3_w ul li:first-child{



	margin-left: 0;



}



.xb3_box .xb3_dh{



	float: right;



	margin-right: 145px;



	width: 300px;



}



.xb3_box .xb3_dh h4{



	font-size: 18px;



	color: #fff;



}



.xb3_box .xb3_dh h4 span{



	font-size: 24px;



	font-weight: bold;



}



.xb3_dh a{



	width: 180px;



	height: 40px;



	background: #0099e6;



	display: block;



	font-size: 16px;



	color: #fff;



	text-align: center;



	line-height: 40px;



	position: relative;



	-webkit-transition:all .5s;



	transition:all .5s;



	margin-left: 60px;



	margin-top: 20px;



}



.xb3_dh a span{



	position: relative;



	z-index: 9;



}



.xb3_dh a i{



	position: absolute;



	left: 0;



	top: 0;



	width: 100%;



	height: 100%;



	display: block;



	background: #0099e6;



	-webkit-transition:all .6s ease-out;



	transition:all .6s ease-out;



	-webkit-transform:scale(0.6,1);



	transform:scale(0.6,1);



	z-index: 8;



}



.xb3_dh a:hover{



	background: #fff;



}



.xb3_dh a:hover i{



	-webkit-transform:scale(1,1);



	transform:scale(1,1);



}







/*小banner3结束*/











/*公司简介开始*/



.gsjj{



	width: 100%;



	margin-top: 50px;



	height: 350px;



}



.gsjj .gs_box{



	width: 1180px;



	margin:0 auto;



}



.gs_box .com_left{



	width: 854px;



	height: 344px;



	float: left;



}



.com_left .com_nav{



	width: 854px;



	height: 30px;



	border-bottom: 1px dashed #808080;



}



.com_left .com_nav h3{



	float: left;



}



.com_left .com_nav h3 a{



	font-size: 16px;



	color: #0099e6;



}



.com_left .com_nav > a{



	float: right;



	font-size: 14px;



	color: #333;



	text-transform: uppercase;



	display: block;



}



.com_left .com_nav > a:hover{



	color: #0099e6;



}



.com_left .com_con{



	width: 854px;



	margin-top: 13px;



}



.com_con .com_tu{



	width: 400px;



	height: 300px;



	overflow: hidden;



	float: left;



	position: relative;



}



.com_con .com_tu > a{



	width: 398px;



	height: 298px;



	border: 1px solid #0099e6;



	overflow: hidden;



	display: block;



}



.com_con .com_tu > a img{



	width: 398px;



	height: 298px;



	overflow: hidden;



}



.com_con .com_tu h4{



	position: absolute;



	left: 0;



	top: 0;



	width: 100%;



	height: 100%;



	background: rgba(0,0,0,0.5);



	display: none;



}



.com_con .com_tu h4 a{



	font-size: 16px;



	color: #fff;



	line-height: 298px;



	text-align: center;



	display: block;



}



.com_con .com_tu:hover h4{



	display: block;



}







.com_left .com_con .com_w{



	float: right;



	width: 432px;



	height: 265px;



	padding-top: 35px;



	padding-left: 22px;



}



.com_left .com_con .com_w h3 a{



	font-size: 16px;



	font-weight: bold;



	color: #333;



	width: 400px;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



.com_left .com_con .com_w span{



	width: 60px;



	height: 2px;



	background: #0099e6;



	margin-top: 10px;



	display: block;



}



.com_left .com_con .com_w p{



	width: 415px;



	line-height: 24px;



	font-size: 14px;



	color: #4c4c4c;



	height: 168px;



	overflow: hidden;



	margin-top: 10px;



}



.com_left .com_con .com_w > a{



	margin-top: 10px;



	font-size: 14px;



	color: #4c4c4c;



	display: block;



	width: 100px;



	height: 20px;



	-webkit-transition:all .5s;



	transition:all .5s;



}



.com_left .com_con .com_w > a:hover{



	background-color: #0099e6;



	color: #fff;



	text-align: center;



	line-height: 20px;



}



.gs_box .honor{



	float: right;



	width: 300px;



	height: 344px;



}



.honor .honor_nav{



	height: 30px;



	width: 300px;



	border-bottom: 1px dashed #808080;



}



.honor_nav h3 a{



	font-size: 16px;



	color: #0099e6;



	display: block;



}



.honor_pic{



	width: 300px;



	margin-top:13px;



	position: relative;



}



.honor_pic .lefts2{



	background: url(../images/honor_arrow.jpg) no-repeat left center;



	display: block;



	width: 40px;



	height: 20px;



	position: absolute;



	right:50px;



	top: -42px;



}



.honor_pic .rights2{



	background: url(../images/honor_arrow.jpg) no-repeat right center;



	display: block;



	width: 40px;



	height: 20px;



	position: absolute;



	right: 0;



	top: -42px;



}



.honor_pic .honor_con{



	width: 300px;



	height: 300px;

	overflow: hidden;



}



.honor_con ul{



	width: 300px;



	height: 300px;



	overflow: hidden;



}



.honor_con ul li{



	width: 223px;



	height: 298px;



	border: 1px solid #ccc;



	margin-left: 42px;



	margin-bottom: 15px;



	position: relative;



}



.honor_con ul li > a{



	width: 223px;



	height: 298px;



	overflow: hidden;



	display: block;



}



.honor_con ul li > a img{



	width: 223px;



	height: 298px;



	overflow: hidden;



	-webkit-transition:all 1s ;



	transition:all 1s ;



}



.honor_con ul li:hover{



	border-color: #0099e6;



}



.honor_con ul li > a:hover img{



	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */



	transform:scale(1.2, 1.2);



}



.honor_con ul li h4{



	position: absolute;



	left: 0;



	bottom: 0;



	width: 100%;



	height: 30px;



	background: rgba(0,0,0,0.5);



	-webkit-transition:all 1s;



	transition:all 1s;



}



.honor_con ul li h4 > a{



	font-size: 14px;



	color: #fff;



	line-height: 30px;



	text-align: center;



	display: block;



}



.honor_con ul li h4:hover{



	background: #0099e6;



}







/*公司简介结束*/







/*新闻版块开始*/







.new{



	width: 100%;



	margin-top: 50px;



	height: 508px;



}



.new .new_box{



	width: 1180px;



	margin: 0 auto;



}



.new_box .new_con{



	width: 1180px;



	height: 510px;

	overflow: hidden;



}



.new_con .hd{



	width: 510px;



	height: 50px;



	margin:0 auto;



}



.new_con .hd li{



	width: 150px;



	height: 50px;



	background: #0099e6;



	margin-left:30px;



	float: left;



}



.new_con .hd li:first-child{



	margin-left: 0;



}



.new_con .hd li a{



	font-size: 18px;



	color: #fff;



	line-height: 50px;



	text-align: center;



	display: block;



}



.new_con .hd .on{



	background: #f04623;



}







.new_con .bd{



	width: 1180px;



	margin-top: 44px;



}



.new_con .bd > ul{



	width: 1180px;



	height: 320px;



}



.new_con .bd > ul .new_l{



	width: 420px;



	height: 415px;



	float: left;



}







.new_l > a{



	width: 420px;



	height: 315px;



	overflow: hidden;



	display: block;



}



.new_l > a img{



	width: 420px;



	height: 315px;



	overflow: hidden;



	-webkit-transition:all 1s;



	transition:all 1s;



}



.new_l > a img:hover{



	transform:scale(1.2,1.2);



	-webkit-transform:scale(1.2,1.2);



}



.new_l .new_lw{



	width: 400px;



	height: 100px;



	padding-left: 20px;



	background: #f2f2f2;



}



.new_lw h4 a{



	font-size: 16px;



	color: #333;



	width: 380px;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



	display: block;



	line-height: 30px;



}



.new_lw h4 a:hover{



	color: #0099e6;



}



.new_lw p{



	width: 380px;



	font-size: 14px;



	color: #4c4c4c;



	line-height: 24px;



	height: 46px;



	margin-top: 5px;



	overflow: hidden;



}



.new_con .bd  > ul .new_yw{



	float: right;



	width: 690px;



	height: 415px;



	overflow: hidden;



}



.new_yw  ul{



	width: 690px;



	height: 415px;



	overflow: hidden;



}



.new_yw  ul li{



	width: 664px;



	background: url(../images/new_zb.png) no-repeat left 21px;



	padding-left: 26px;



	height: 49px;



	border-bottom: 1px solid #ccc;



	margin-top: 10px;



}



.new_yw  ul li:first-child{



	margin-top: 0;



}



.new_con .bd ul li a{



	font-size: 14px;



	color: #333;



	width: 560px;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



	display: block;



	line-height: 49px;



	float: left;



}



.new_con .bd ul li a:hover{



	color: #0099e6;



}



.new_con .bd ul li span{



	font-size: 14px;



	color: #4c4c4c;



	float: right;



	line-height: 49px;



}



/*新闻版块结束*/



















/*友情链接开始*/







.link{



	width: 100%;



	height: 40px;



	margin-top: 30px;



	margin-bottom: 30px;



}



.link .link_box{



	width: 1180px;



	margin:0 auto;



}



.link_box h4{



	border-left: 2px solid #0099e6;



	height: 40px;



	line-height: 40px;



	font-size: 16px;



	color: #0099e6;



	padding-left: 12px;



	float: left;



	margin-right: 20px;







}



.link_box h4 span{



	font-size: 14px;



	color: #4c4c4c;



	text-transform: uppercase;



}



.link_box a{



	float: left;



	font-size: 14px;



	color: #333;



	line-height: 40px;



	margin-right: 20px;



}



.link_box a:hover{



	color: #0099e6;



}



/*友情链接结束*/