/*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:500px;}

.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**/

.search_box{width: 100%; height:50px;background-color: #fafafa;}

.search{width: 1180px; margin:auto; height:50px;}

.keytext{width: 770px;height: 50px;line-height: 50px; float: left; font-family:Microsoft YaHei; font-size: 14px;}

.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:11px;border-bottom: 1px solid #0976ec;}

.text2{padding:0px 0px 0px 10px; float:left; height:26px; width:150px; font-size:14px; color:#666;background:rgba(0,0,0,0);}

.submit{width:30px; height:28px; border:0; padding:0; background:url(../images/search_but.png) no-repeat 0px 5px; float:left;cursor: pointer;}





/*公共标题*/





.title>h3{

	text-align: center;

	margin:50px auto 40px auto;

	background:url(../images/titile_icon.png) no-repeat center;

}



.title h3 b{

	color: #0976ec;

	font-size: 26px;

	font-weight: bold;

}

.title h3 p{

	color: #4c4c4c;

	font-size: 16px;



	text-transform: uppercase;

	

}



/*公共标题*/



/*产品中心*/

.pro_box{

	margin-top:70px;

	height: 990px;

}

.pro_title{

	margin-bottom: 30px;
	margin-top: 50px;
}

.pro_title h3{

	float: left;

}

.pro_title h3>b{

	color: #0976ec;

	font-size: 26px;

	font-weight: bold;

}

.pro_title h3>p{

	color: #808080;

	font-size: 16px;

	text-transform: uppercase;

}

.pro_title>a{

	color: #808080;

	font-size: 16px;

	float: right;

	margin-top: 20px;

}

.pro_fl ul li{

	float: left;

	margin:14px 38px;

}

.pro_fl ul{

	border-bottom: 1px solid #e5e5e5;

	padding-bottom: 20px;

	margin-bottom: 20px;

}

.pro_fl ul li a{

	color: #4c4c4c;

	font-size: 16px;



}

.pro_fl ul li a:hover{

	color: #fa812b;



}

.section_body>ul>li{

    margin:20px 10px 0 10px;

    float:left;



width:275px;

height:228px;

}



.section_body>ul>li>div{

    width:275px;

height:187px;

   

    overflow:hidden;

}

.section_body>ul>li>div>a>img{

    width:275px;

height:187px;

    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:285px;

    height:197px;

    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:275px;

    height:40px;

    display: block;

    color:#4c4c4c;

 	

	background-color: #f5f5f5;

    line-height:40px;

    text-align: center;

    overflow:hidden;

    font-size: 14px;





   

}

.section_body>ul>li>a:hover{

  background:#0976ec;

   color:#fff;



}



/*产品中心*/



/*第一个小banner开始*/

.s_banner1{

	background: url(../images/s_banner1.jpg) no-repeat center;

	height: 216px;
	margin-bottom: 48px;


}

.font1{

	text-align: center;



}

.font1 h4{

	font-size: 23px;

	color: #fff;

	margin-top: 19px;

	font-weight: bold;

}

.font1 h5{

	font-size: 16px;

	color: #fff;

	text-transform: uppercase;

	margin-bottom: 4px;

}

.font1 b{

	font-size: 15px;

	color: #fff;

	font-weight: normal;



}

.font1 i{

	display: block;

	font-size: 22px;

	color: #fff;

	margin-top: 10px;

}

.font1 a{



	width: 146px;

    height:34px;

    line-height:34px;

    color: #0976ec;

    font-size: 14px;

    display: inline-block;

    background-color: #fff;

    text-align: center;

    display: block;

    font-size: 16px;

 	margin:10px auto;

   

}

.font1:hover a{

	color: #fff;

	 background-color: #fa812b;

}

.s_banner2{

	margin-top: 50px;

	height: 310px;

	background: url(../images/s_banner2.jpg) no-repeat center;

	

}



.s_banner2 h5{

	color: #fff;

	font-size: 16px;

	text-transform: uppercase;

}

.s_banner2 h4{

	

	color: #fff;

	font-size: 24px;

	font-weight: bold;

	

}

.s_banner2 b{

	font-size: 20px;

	color: #fff;

	font-weight: normal;

}

.s_banner2 p{

	color: #fff;

	font-size: 20px;

}



.font2{

	margin-top:48px;

}

.s_banner2 span{

	font-size: 24px;

	color: #fff;



	margin-top: 10px;

	display: block;

}

.s_banner2 span>i{

	font-size: 14px;

}

.s_banner2 a{

	    width: 146px;

    height: 40px;

    line-height: 40px;

    color: #0976ec;

    font-size: 14px;

    display: inline-block;

    background-color: #fff;

    text-align: center;

    display: block;

    font-size: 16px;

    margin: 10px 0;

    border-radius: 20px;

}

.s_banner2 a:hover{

	color: #fff;

	 background-color: #fa812b;

}



/*第一个小banner结束*/



/*案例*/

.anli_bg{

	background-color: #f5f5f5;

	padding-bottom: 70px;

}

.anli_box{
 overflow: hidden;
	height: 1028px;

}

.ly_box{

	height: 840px;

}

.jjfa_fl>ul{

	margin:0 auto;

	width:944px;height: 44px;

}

.jjfa_fl>ul li a{

	width:130px;

	height:44px;

	border:1px solid #808080;

	color: #4c4c4c;

	

	float: left;

	margin:0px 15px 28px 15px;

	text-align: center;

	line-height: 44px;

	display: block;

}

.jjfa_fl>ul li.on a{

	color: #fff;

	background-color: #0976ec;

	border:1px solid #0976ec;

}

.anli_cont ul li{

	width: 570px;

	height: 370px;

}

.anli_cont ul li div{

	width: 570px;

	height: 334px;

}

.anli_cont ul li div a img{

	width: 548px;

	height: 334px;

}



.anli_cont>ul>li>div>a>img{

   width: 548px;

	height: 334px;

    transition: 0.5s;

    -o-transition: 0.5s;

    -ms-transition: 0.5s;

    -moz-transition: 0.5s;

    -webkit-transition: 0.5s;

}

.anli_cont>ul>li>div>a>img:hover{

  width: 558px;

	height: 344px;

    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);

}



.anli_cont>ul>li>a{

   width: 548px;

    height:40px;

    display: block;

    color:#fff;

 	

	background-color: #0976ec;

    line-height:40px;

    text-align: center;

    overflow:hidden;

    font-size: 14px;





   

}

.anli_cont>ul>li>a:hover{

  background:#fa812b;

   color:#fff;



}







/*案例*/

.anli ul{

	width: 1180px;



}

.anli ul li a{

	width: 124px;

}

.anli_cont ul li{

	float: left;

	width: 548px;

	height: 372px;



}



.anli_cont ul li a img{

	width: 548px;

	height: 330px;

}

.anli_cont ul li div>a{

	width: 548px;

	height: 330px;

	line-height: 330px;

}

.anli_cont ul li div{

	width: 548px;

	height: 330px;

}

/*案例*/



/*优势*/

.ys_bg{

	background:url(../images/ys_bg.jpg) no-repeat center;

	height: 550px;

	margin-top: 70px;

}

.ys_l h3{

	width: 220px;

	height: 368px;

	text-align: center;

	margin:136px 0 0 58px;

}

.ys_l h3 i{

	color: #fff;

	font-size: 14px;

}

.ys_l h3 b{

	width: 34px;

	display: block;

	height: 2px;

	background-color: #fff;

	margin:20px auto;

}

.ys_l h3 p{

	color: #fff;

	font-size: 18px;

	font-weight: bold;

}

.ys_l h3 span{
	display: block;
	color: #fff;

	font-size: 42px;

	font-weight: bold;

}

.ys_qh ul{

	width: 120px;



}

.ys_r{
 overflow: hidden;

	width: 770px;

	height: 604px;

	background-color: #f4f4f4;

}

.ys_nr div{

	float: right;

	width: 560px;

}

.ys_nr{

	margin:52px 52px 0 0;

}

.ys_nr div h4{

	color: #0976ec;

	font-size: 24px;

	font-weight: bold;

	margin-top: 50px;

}

.ys_nr div b{

	width: 30px;

	height: 1px;

	background-color: #828282;

	display: block;

	margin:22px 0 ;

}

.ys_qh ul li{

	width: 108px;

	height: 108px;

	background-color: #777777;

	

	margin-top: 2px;

}

.ys_qh ul li.on{



	background-color: #0976ec;

}

.ys_qh ul li p{

	color: #fff;

	font-size: 24px;

	font-weight: bold;

	border-bottom: 1px solid #fff;

	display: block;

	width: 50px;

	height: 40px;

	padding-top: 22px;

	margin:0px 0 0 30px;

}

.ys_qh ul li i{

	color: #fff;

	font-size: 14px;

	margin-left: 30px;

	display: block;

	margin-top: 6px;

}

/*优势*/

/*about*/



/*about开始*/

.about_bg{

	background:url(../images/about_bg.png) no-repeat center bottom;

	height: 490px;

	padding-bottom: 35px;

}

.about_box>a>img{

	width: 380px;

	height: 450px;

	margin-top: 40px;

}

.about_cont {

	margin-top: 180px;

	float: right;

	width: 720px;

}

.about_cont h3 {

	height: 55px;

	border-bottom: 1px solid #949494;

	padding-bottom: 18px;

	line-height: 55px;

}

.about_cont h3 span{

	font-weight: bold;

	color: #fff;

	float: left;

	font-size: 42px;

	text-transform: uppercase;

}

.about_cont h3 b{

	font-size: 18px;

	font-weight: bold;

	color: #fff;

	line-height: 55px;

	height: 55px;

	display: block;

	float: left;

	margin:4px 0px 0 20px;

}

.about_cont p{

	width: 716px;

	height: 66px;

	color: #fff;

	overflow: hidden;

	margin-top: 30px;

	margin-bottom: 30px;

}

.about_cont>a{

	color: #fff;



}

.box01{width:1078px; position:relative; margin:50px auto;}

.box01 ul{margin:20px auto 0px;}

.box01 li{float:left; width:254px; margin:0px 15px 0px 0px; text-align:center;}

.box01 li img{width:254px; 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{

	background-color: #0976ec;

	color: #fff;

}

.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:62px;}

.box01 .rights2 { background: url(../images/right.png) no-repeat ; display: block; width:20px; height:43px; position: absolute; right:-50px; top:62px;}

.cfzs{
 height:290px;
    overflow: hidden;
}

/*about结束*/





/* 客户见证*/

.khjz_box ul li{

	float: left;

	width: 260px;

	height: 362px;

	margin:0 15px 30px 15px;

	background-color: #f5f5f5;

	  -webkit-transition: all 0.35s ease-in-out;

	  position: relative;



  transition: all 0.35s ease-in-out;

}

.khjz_box ul li:hover{

	cursor:pointer;



box-shadow:0px 0px 16px rgba(0,0,0,.1);

transform:translate3d(0,-2px,0);

}

.khjz_box ul li>a img{

	width: 260px;

	height: 184px;

}

.khjz_box ul li>div>h4{

	margin-left: 84px;

}

.khjz_box ul li>div>h4>a{

	color: #4c4c4c;

	font-size: 16px;

	margin:20px 0 30px 0;

	display: block;

	text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}

.khjz_box ul li>div p{

	width: 220px;

	height: 40px;

	overflow: hidden;

	margin:0 auto;

}

.khjz_box ul li>div>a{

	color: #808080;

	font-size: 12px;

	display: block;

	margin-top: 30px;

	float: left;

	margin-left: 20px;

}

.khjz_box ul li>div>a:hover{

	color: #0976ec;

}

.khjz_box ul li i{

	width: 50px;

	height: 74px;

	display: block;

	background-color: #535353;

	text-align: center;

	color: #fff;

	position: absolute;

	left: 20px;

	top: 160px;

	  -webkit-transition: all 0.35s ease-in-out;



  transition: all 0.35s ease-in-out;

}

.khjz_box ul li:hover i{

	background-color: #0976ec;

}

.khjz_box ul li i b{

	display: block;

	font-weight: normal;

	font-size: 24px;

	color: #fff;

	margin-top: 8px;

}

.khjz_box ul li i span{

	font-size: 12px;

}

/* 客户见证*/

/*新闻中心*/



.new_box{

	width: 1180px;

	margin:60px auto 50px auto;

}
.new_r{
	 width:376px;
  
    overflow: hidden;
}
.new_l_box{

    overflow: hidden;

	margin-left: 20px;

}



.new_l{

	width: 718px;

}

.new_l_box{

	width: 718px;

}

.new_top ul li{

	float: left;
line-height: 36px;

	color: #4c4c4c;

	font-size: 16px;

	padding:0 16px;
}




.new_top ul li.on {

	color: #0976ec;

}

.new_top ul span a{

	line-height: 36px;

	float: right;

}

.new_top{

width: 718px;

height: 36px;

border-bottom: 6px #f5f5f5 solid;

background:url(../images/new_title.png) no-repeat center left;

margin-bottom: 14px;

}

.new_top2{

	width: 375px;

}

.new_cont ul div{

	width: 718px;

height:152px;

background-color: #f5f5f5;

}

.new_cont ul div>a>img{

	width: 182px;

	height:112px;

	margin:20px;

	float: left;

}

.new_cont ul div>i{

	float: left;

	margin-left: 10px;

}

.new_cont ul div>i>a{

	color: #4c4c4c;

	margin-top: 40px;

text-overflow: ellipsis;

display: block;

margin-bottom: 20px;

    white-space: nowrap;

    overflow: hidden;

}

.new_cont ul div>i>a:hover{

	color: #0976ec;

}

.new_cont ul div>i p{

	color: #808080;

	width: 408px;

	height: 40px;

	overflow: hidden;

}

.new_cont ul li{

	line-height: 50px;

	border-bottom: 1px dashed #e5e5e5;

	background:url(../images/new_icon.png) no-repeat center left;

	padding-left: 20px;

	  -webkit-transition: all 0.35s ease-in-out;



  transition: all 0.35s ease-in-out;



}

.new_cont ul li a{

	color: #666666;

}

.new_cont ul li:hover{

	border-bottom: 1px dashed #0976ec;

	background:url(../images/new_icon2.png) no-repeat center left;

}

.new_cont ul li:hover a{

	color: #0976ec;

}

.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: #0976ec;

}

.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;



}

/*新闻中心*/