/*Generated by wjdhcms 3.0 */







@charset "utf-8";







/*-----------公用-----------*/







::-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;



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



}







body {



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



    color: #333;



    margin: 0;



    line-height: 1.5;



}







: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;



}











/**banner**/



.banner{



    width:100%;



    margin:0 auto;



    position:relative;



    height:724px;



    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%;}



.fullSlide .bd li{height:100%;overflow:hidden;text-align:center;background-position:center;background-repeat:no-repeat;}



.fullSlide .bd li a{display:block;height:100%;}



.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;}



.fullSlide .hd ul{text-align:center;margin-bottom:10px;}







.fullSlide .hd ul .on{background:#218d00;}



.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;*filter:alpha(opacity=50);*opacity:.5;display:none;}



.fullSlide .next{left:auto; right:15%; background-position:-6px -137px;}











/**search**/



.biaoyu_bg{



	background-color: #1a1a1a;



	height:84px;



}



.biaoyu_l h5{



	color: #fff;



	margin-top:14px;



	width: 430px;



	float: left;



}



.biaoyu_l h5 p{



	font-size:18px;



}



.biaoyu_l h5 p span{



	font-weight: bold;



	color: #fff;



}



.biaoyu_l h5 em{



	color: #4c4c4c;



	font-size: 18px;



	text-transform: uppercase;



}



.biaoyu_l h4{



	margin-top:18px;



	float: left;



	font-size: 24px;



	color: #fff;



	width:352px;



	height: 60px;



	padding-left: 46px;



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



	margin-left: 70px;



}



.biaoyu_r{



	height: 54px;



	margin-top: 14px;



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



	padding-left: 50px;



}



.biaoyu_r p{



	color: #808080;



	font-size: 14px;



}



.biaoyu_r em{



	display: block;



	color: #fff;



	font-size: 26px;



	line-height: 26px;



}



.biaoyu_rr{



	margin-top: 20px;



	margin-left: 26px;



}



.biaoyu_rr ul li a{



	color: #b2b2b2;



	font-size: 14px;



	margin:6px 0;



}



.biaoyu_rr ul li:hover a{



	color: #fff;



}











.title h3,.title h2{



	text-align: center;



	



	margin-top: 50px;



	margin-bottom: 40px;



}



.title h3 i,.title h2 i{



	width: 150px;



	height: 4px;



	display: block;



	background-color: #d92616;



	margin:0 auto 6px auto;



}



.title h3 a,.title h2 a{



	font-size: 28px;



	color: #4c4c4c;



	font-weight: bold;



}



.title h3 p,.title h2 p{



	font-size:14px;



	color: #808080;



	text-transform: uppercase;



}











.shous{



	height: 60px;



	width:948px;



	margin: 0 auto







}







.keytext{height: 50px;line-height: 50px; float:left; font-family:Microsoft YaHei; font-size: 14px;overflow: hidden;margin-top: 8px;}



.keytext span{line-height: 50px;color: #4c4c4c; }



.keytext a{margin: 0px 8px 0px 0px; line-height:50px; color:#4c4c4c;}



.rmgj-n-r{ float:right; margin-top: 12px;border-bottom: 1px solid #4c4c4c}



.text2{padding:0px 0px 0px 10px; float:left; height:29px; width:186px; font-size:14px; color:#808080;border-bottom: solid 1px #fff ; background:rgba(0,0,0,0);}



.submit{width:30px; height:30px; border:0; padding:0; background:url(../images/search_but.png) no-repeat 0px 6px; float:left;cursor: pointer;border-bottom: solid 1px #fff ;}







/*产品中心开始*/



.pro_fl{



	width: 953px;



	height: 50px;



	margin:0 auto 30px auto;



}



.pro_fl li{



	width: 228px;



	height: 50px;



	float: left;







text-align: center;



background-color: #4d4d4d;



margin:0 1px 0 1px;



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



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



  transition: all 0.35s ease-in-out;



}



.pro_fl li>a{



	color: #fff;



	font-size: 18px;



	font-weight: bold;



	display: block;



	width: 228px;



	height: 50px;



	line-height: 50px;



}



.pro_fl .on{



	background-color: #d92616;



}



.section_body>ul>li{



    margin:10px 15px 0 0;



    float:left;



       background-color: #f2f2f2;



}



.section_body .pro1>div{



	 width:626px;



    height:426px;



}



.section_body .pro1>div>a>img{



	 width:626px;



    height:426px;



    transition: 0.5s;



    -o-transition: 0.5s;



    -ms-transition: 0.5s;



    -moz-transition: 0.5s;



    -webkit-transition: 0.5s;



}



.section_body .pro1>div>a>img:hover{



	 width:636px;



    height:435px;



      transform: scale(1.2);



    -o-transform: scale(1.2);



    -ms-transform: scale(1.2);



    -moz-transform: scale(1.2);



    -webkit-transform: scale(1.2);



}



.section_body .pro1>a{



	 width:626px;



	    height:40px;



}



.section_body>ul>li.right_li{



    margin-right:0;



}



.section_body>ul>li>div{



    width:254px;



    height:188px;



   



    overflow:hidden;



}



.section_body>ul>li>div>a>img{



    width:254px;



    height:188px;



    transition: 0.5s;



    -o-transition: 0.5s;



    -ms-transition: 0.5s;



    -moz-transition: 0.5s;



    -webkit-transition: 0.5s;



}



.section_body>ul>li>div>a>img:hover{



    width:264px;



    height:198px;



    overflow: hidden;



    transform: scale(1.2);



    -o-transform: scale(1.2);



    -ms-transform: scale(1.2);



    -moz-transform: scale(1.2);



    -webkit-transform: scale(1.2);



}



.section_body>ul>li>a{



    width:254px;



    height:40px;



    display: block;



    color:#4c4c4c;



 	background-color: #f2f2f2;



	



    line-height:40px;



    text-align: center;



    overflow:hidden;



    font-size: 14px;











    	background: -webkit-linear-gradient(left, #d92616, #d92616) no-repeat;



background: linear-gradient(to right, #d92616, #d92616) no-repeat;



background-size: 100% 0%; 



-webkit-transition: all .5s; transition: all .5s;



}



.section_body>ul>li>a:hover{



  



    color: #fff;







     background: -webkit-linear-gradient(left, #d92616, #d92616) no-repeat;



background: linear-gradient(to right, #d92616, #d92616) no-repeat;



background-size: 100% 100%; 



}







/*产品结束*/











/*优势*/



.ys_bg_top{



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



	height: 400px;



}



.ys_bg_top ul li i,.ys_gs li i{



	width: 50px;height: 40px;



	display: block;



	text-align: center;



	line-height: 40px;



	color: #fff;



	font-size: 22px;



	background-color: #d92616;



	float: left;







}



.ys_bg_top ul li h5,.ys_gs li h5{



	width: 130px;height: 40px;



	display: block;



	text-align: center;



	line-height: 40px;



	color: #fff;



	font-size: 22px;



	background-color: #d92616;



	float: left;



	margin-left: 4px;



}



.ys_bg_top ul li b,.ys_gs li b{



	color: #d92616;



	font-size: 12px;



	text-transform: uppercase;



	font-weight: normal;



}



.ys_gs2{



	margin-top: 70px;



}



.ys_bg_top ul li p,.ys_gs li p{



	width: 484px;



	margin-top: 10px;



}



.ys_bg_top ul li,.ys_gs li{



	margin-top:50px;



}



/*优势*/







/*服务*/



.fw_bg{



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



	height: 400px;



}



.fw_box h3{



	float: left;



	margin-top: 60px;



}



.fw_box h3 a,.fw_box h3 p{



	color: #fff;



	font-weight: bold;



}



.fw_box h3 a{



	font-size: 28px;



}



.fw_box h3 p{



	font-size: 24px;



	text-transform: uppercase;



}



.fw_box ul{



	float: right;



	margin-left: 100px;



	margin-top: 50px;



	padding-bottom: 30px;



}



.fw_box ul li{



	width: 682px;



	height: 54px;



	background-color: #4c4c4c;



	margin:20px 0;



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







  transition: all 0.35s ease-in-out;







}



.fw_box ul li:hover{



		background-color: #d92616;



	cursor:pointer;



box-shadow:0px 8px 30px rgba(217,38,22,.6);



transform:translate3d(0,-2px,0);



}



.fw_box ul li p{



	color: #fff;



	font-size: 20px;



	line-height: 54px;



	padding-left: 20px;



}







/*服务*/



.pro_box{

  height:719px;

    overflow: hidden;

}



/*流程*/



.lc_box ul{



	width: 1180px;



	height: 216px;



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



	margin-bottom: 40px;



}



.lc_box ul li{



	float: left;



	width: 214px;



	height: 214px;



	text-align: center;



	margin:0 40px;



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







  transition: all 0.35s ease-in-out;







}



.lc_box ul li p{



	font-size: 16px;



	color: #fff;



}



.lc_box2 li p{



	margin-top: 156px;



}



.lc_box1 li p{



	



	margin-top: 162px;



}



.lc_box ul li:hover{



	 transform:rotateY(30deg);



}



.lc1{



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



}



.lc2{



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



}



.lc3{



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



}



.lc4{



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



}



.lc11{



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



}



.lc22{



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



}



.lc33{



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



}



.lc44{



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



}



/*流程*/











/*第一个小banenr*/



.s_banner1{



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



	height: 250px;



	margin-top: 50px;



}



.s_banner2{



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



	margin-top: 50px;



}



.s_banner3{



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



	margin-top: 50px;



	height:330px; 



}











.s_font1_r em,.s_font1_r p{



	color: #fff;



text-align: right;



}



.s_font1_r h5{



	color: #d92616;



	font-size: 22px;



	font-weight: bold;







text-align: right;



}



.s_font1_r h4{



	color: #fff;



	text-align: right;



	font-size: 12px;



	



	text-transform: uppercase;



}



.s_font1_r i{



	color: #fff;



	font-size: 22px;



	font-weight: bold;



}



.s_font1_r p{



	font-size: 24px;



	margin-top: 10px;



	color: #fff;



}



.s_font1_r p>span{



	font-size: 14px;



}



.s_phone1{



	text-align: right;



}







.s_font1_r a{



	width: 136px;



	height: 36px;



	color: #fff;



	display: block;



	font-size: 16px;



	text-align: center;



	line-height: 36px;



	float: right;



	background-color: #d92616;



		margin-top: 10px;



	



}



.s_font1_r a:hover{



	background-color: #4c4c4c;



	color: #fff;



}



.s_font1_r{



	margin-top: 38px;



	text-align: right;



}







.s_font2_r h5,.s_font2_r h4{



	font-size: 24px;



	color: #fff;



	font-weight: bold;



}















.s_banner3 h5{



	color: #999999;



	font-size: 24px;



	text-align: center;



	text-transform: uppercase;



	margin-top: 78px;



}



.s_banner3 h4{



	color: #fff;



	font-weight: bold;



	font-size: 24px;



	text-align: center;



}



.s_banner3 i{



		color: #fff;



	text-align: center;



	font-size: 24px;



	margin:0 auto;



	display: block;



}



.s_banner3 p{



		color: #fff;



text-align: center;



	font-size: 26px;



}



.s_banner3 a{



		width: 136px;



	height: 36px;



	color: #fff;



	display: block;



	font-size: 16px;



	text-align: center;



	line-height: 36px;



	



	background-color: #d92616;



		margin: 10px auto;



}



.s_banner3 a:hover{



		background-color: #4c4c4c;



	color: #fff;



}



/*第一个小banenr*/















/*案例*/



.anli_box{



	padding-bottom: 40px;



}



.anli_box ul li{



	float: left;



	width: 372px;



	height: 340px;



	background-color: #f5f5f5;



	text-align: center;



	margin:10px;



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







  transition: all 0.35s ease-in-out;



}



.anli_box ul li:hover{



	background-color: #d92616;



	cursor:pointer;



box-shadow:0px 8px 30px rgba(217,38,22,.6);



transform:translate3d(0,-2px,0);



}



.anli_box ul li:hover h4 a,.anli_box ul li:hover p{



	color: #fff;



}



.anli_box ul li>a>img{



	width: 334px;



	height: 196px;



	display: block;



	margin:18px;



}



.anli_box ul li h4>a{



	color: #4c4c4c;font-size:16px;



	text-overflow: ellipsis;



    white-space: nowrap;



    overflow: hidden;



    margin-bottom: 10px;



    display: block;



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







  transition: all 0.35s ease-in-out;



}



.anli_box ul li p{



	color: #999999;



	font-size: 14px;



	width: 304px;



	height: 40px;



	overflow: hidden;



	margin:0 auto;



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







  transition: all 0.35s ease-in-out;



}



/*案例*/



/*客户见证*/



.khjz {



	width: 1120px;



	margin:0 auto;



}



.khjz ul li{



	float:left; width:260px; margin:0px 20px 0px 0px; text-align:center;



	overflow: hidden;



	position: relative;



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



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



  transition: all 0.35s ease-in-out;







}



.khjz ul li img{



	width:260px; height:180px;



}



.khjz ul li div{



	position: absolute;



	bottom: -140px;



	width:260px; height:180px;



	background-color: rgba(217,38,22,.9);



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



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



  transition: all 0.35s ease-in-out;







}



.khjz ul li:hover div{



		bottom: 5px;



}



.khjz ul li:hover div a h4{



		margin-top: 40px;



}



.khjz ul li div a h4{



	color: #fff;



	font-size: 14px;



	margin-top: 10px;



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



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



  transition: all 0.35s ease-in-out;







}



.khjz ul li div a b{



	width: 18px;



	height: 1px;



	background-color: #fff;



	display: block;



	margin:14px auto 14px auto;



}



.khjz ul li div a p{



	width: 212px;



	height: 38px;



	margin:0 auto;



	overflow: hidden;



	color: #fff;



}



.khjz ul li div a em{



	margin-top: 10px;



	display: block;



	color: #fff;



}



/*客户见证*/







/*about*/



.about_bg{



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







	margin-top: 60px;



}



.about_box h3{



	text-align: center;



}



.about_box h3>p{



	color: #d92616;



	font-size: 30px;



	font-weight: bold;



	text-transform: uppercase;



	text-align: center;



	margin-top: 60px;



}



.about_box h3>a{



		font-size: 18px;



	font-weight: bold;



	color: #fff;



	text-align: center;



	



}



.about_box>p{



	width: 664px;



	height: 66px;



	overflow: hidden;



	color: #fff;



	margin:40px auto 20px auto;



}



.about_box>a{



	width: 21px;



	height:21px;



	border-radius: 100%;



	background-color: #d92616;



	display: block;



	margin:0 auto;



}



.about_box>a img{



	margin:7px 0 0 7px;



}



/*about*/



/*荣誉资质*/



.ryzz_box{



	width: 1084px;



	height: 220px;



	padding-top: 50px;



	background-color: #fff;



	margin:60px auto;



	box-shadow:0px 8px 30px rgba(231,231,231,.9);



transform:translate3d(0,-2px,0);



}



.box01{width:982px; position:relative; margin: auto;    height:195px;

    overflow: hidden;}



.box01 ul{margin:20px auto 0px;}



.box01 li{float:left; width:230px; margin:0px 20px 0px 0px; text-align:center;}



.box01 li img{width:230px; height:160px;   -webkit-transition: all 0.35s ease-in-out;



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



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



.box01 li span a:hover{



	



	color: #d92616;



}



.box01 li span a{display:block; overflow:hidden; text-overflow:ellipsis; line-height:30px; font-size:14px; 



	height:30px; text-align:center; width:100%; color:#4c4c4c;



}



.box01 .lefts2{ background: url(../images/left.png) no-repeat ; display: block; width: 20px; height:43px; position: absolute; left:-50px; top:76px;}



.box01 .rights2 { background: url(../images/right.png) no-repeat ; display: block; width:20px; height:43px; position: absolute; right:-50px; top:76px;}







/*荣誉资质*/







/*new*/



/* new开始*/



.new_box{



	width: 1080px;



	margin:0 auto;



}



.new_l_box{



	margin-left: 20px;



}



.new_l a img{



	width: 222px;



	height: 260px;



	float: left;



}

.new_r{

 height:260px;

    overflow: hidden;

}

.new_l{



	width: 646px;

 height:260px;

    overflow: hidden;

}



.new_l_box{



	width: 376px;



}



.new_top ul li{



	float: left;



}







.new_top ul li a{



	line-height: 36px;



	color: #4c4c4c;



	font-size: 16px;



	padding:16px;



}



.new_top ul li.on a{



	color: #d92616;



}



.new_top ul span a{



	line-height: 36px;



	float: right;



}



.new_top{



width: 378px;



height: 36px;



border-bottom: 6px #f5f5f5 solid;



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



margin-bottom: 14px;



}



.new_cont ul li{



	line-height: 50px;



	border-bottom: 1px dashed #e5e5e5;



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



	padding-left: 20px;height: 50px;



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



width: 376px;



  transition: all 0.35s ease-in-out;







}



.new_cont ul li a{

text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    width: 280px;

	color: #666666;

height: 50px;

    display: block;

line-height: 50px;

    float: left;

}



.new_cont ul li:hover{



	border-bottom: 1px dashed #d92616;



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



}



.new_cont ul li:hover a{



	color: #d92616;



}



.new_cont ul li i{



	float: right;



}



.ques_con li{



	background-color: #f5f5f5;



	width: 376px;



	height: 82px;



	margin:10px 0;



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







  transition: all 0.35s ease-in-out;







}



.ques_con li:hover{



	background-color: #d92616;



}



.ques_con li:hover a,.ques_con li:hover p{



	color: #fff;







}



.ques_con li a,.ques_con li p{



	color: #4c4c4c;







}



.ques_con li a{



	display: block;



	padding:20px 0 0 20px;



	text-overflow: ellipsis;



    white-space: nowrap;



    overflow: hidden;



}



.ques_con li p{



	text-overflow: ellipsis;



    white-space: nowrap;



    overflow: hidden;



	margin:6px 0 0 20px;



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







  transition: all 0.35s ease-in-out;







}