/*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:600px;}

.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: url(../images/search_bg.jpg) no-repeat center; }

.search{width: 1180px; margin:auto; height:50px;}

.keytext{width: 770px;height: 50px;line-height: 50px; float: left; font-family:Microsoft YaHei; font-size: 14px;margin-left: 24px;}

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

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

.rmgj-n-r{ float:right; margin-top:11px;}

.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.jpg) no-repeat 0px 5px; float:left;cursor: pointer;}



/*公共标题*/

.title,.title2{

	text-align: center;

}

.title>h3,.title2>h2{

	margin:50px 0 40px 0;

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

	height: 80px;

}

.title>h3>p,.title2>h2>p{

	color: #808080;

	font-size: 14px;

	text-transform: uppercase;

	line-height: 14px;

}

.title>h3>a,.title2>h2>a{

	color: #1253bb;

	font-size: 24px;

	font-weight: bold;

}

.title>h3>a>span,.title2>h2>a>span{

	color: #f27000;

	

}

/*公共标题*/



/*保驾护航*/

.bjhh_box{

	position: relative;

	height: 770px;

}

.bjhh_box img{

	display: block;

	margin:0 auto;

}

.bjhh_box ul li{

	text-align: center;

	width: 280px;

	height: 80px;

	position: absolute;

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

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

  transition: all 0.35s ease-in-out;

}

.bjhh_box ul li:hover{

	margin-top: 10px;

}

.bjhh_box ul li h4{

	color: #1253bb;

	font-size: 20px;

	font-weight: bold;

	margin-bottom: 6px;

}

.bjhh_box ul li p{

	color:#4c4c4c;

}

.bjhh1{

	left: 0;

	top: 227px;

}

.bjhh2{

	left: 0;

	top: 362px;

}

.bjhh3{

	right: 0;

	top: 227px;

}

.bjhh4{

	right: 0;

	top: 362px;

}

.bjhh5{

	right: 425px;

	bottom: 50px;

}

/*保驾护航*/

/*产品中心开始*/

.pro_bg{

	background-color: #fafafa;

	height: 838px;



	overflow:hidden;

}



.aside{

    width:228px;

  

    

}



.aside ul li{

   width:228px;

    

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

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

  transition: all 0.35s ease-in-out;

    font-size:16px;

    margin:5px 5px 5px 0px;

   display: block;

  background-color: #fff;

    height: 72px;

}

.aside ul li:hover{

 background-color: #f27000;



}

.aside ul li a{

	color: #666666;

	text-align: center;

	display: block;

	line-height: 72px;

}



.aside ul li a:hover{

   	



    color: #fff;

}



/**pro content**/



#tab3{width:952px;position:relative;margin-top: 5px;}

#tab3 .tab3_menu{width:320px;z-index:1;}

#tab3 .tab3_menu li{float:left;width:120px;height:40px;line-height:40px;border-bottom:0px;cursor:pointer;text-align:center;margin:0 10px 0 14px;background-color: #1253bb; color: white;}

#tab3 .tab3_box{width:960px;height:600px;clear:both;top:20px;position:relative;}

#tab3 .tab3_menu li>a{color: #fff;font-size: 16px;}

#tab3 .tab3_menu>.tab-li-r{margin-right: 0;}

#tab3 .tab3_menu .on{background-color: #f37e19;cursor:pointer;}

#tab3 .hide{display:none;}



#tab3 .tab3_box>ul{

	width: 942px;

	height:388px;

	float: left;

	margin-left: 14px;

}



#tab3 .tab3_box ul li{

	width: 304px;

	height: 180px;

	float: left;

	margin:5px 5px 5px 5px;

	position: relative;

	overflow: hidden;

	cursor: pointer;

}

#tab3 .tab3_box>div ul li:nth-child(1){

	margin-left: 0px;

}

#tab3 .tab3_box>div ul li:nth-child(4){

	margin-left: 0px;

}

#tab3 .tab3_box>div ul li:nth-child(7){

	margin-left: 0px;

}

#tab3 .tab3_box ul li a img{

	width:306px;

	height: 180px;

}

.txt-four{

	position: absolute;

	left: -315px;

	top: 0;

	width: 100%;

	height: 138px;

	padding-top: 60px;

	line-height: 45px;

	text-align: center;

	color: #fff;

	background: url(../images/ico1.png);

	/*display: none;*/

}

.txt-four a{

	font-weight: normal;

	color: #fff;

}



/*第一个小banner开始*/



.s_banner1{

	width: 100%;

	height: 239px;

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

}

.s_banner2{

	width: 100%;

	height: 239px;

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

}

.s_font1{

	float: right;

	margin-top:84px;

	text-align: right;

}

.s_font2{

	float: left;

	margin-top:84px;

	text-align: left;

}

.s_font1 h4{

	color: #fff;

	font-size: 24px;

	font-weight: bold;

}

.s_font1 h4>em{

	color: #f27000;

	font-weight: bold;

}

.s_font1 span{

	color: #fff;

	font-size: 14px;



	display: block;

}

.s_font1 p{

	font-size: 26px;

	color: #fff;



}



.s_font1>a{

	margin-top: 18px;

	display: block;

	font-size: 20px;

	color: #fff;

	float: right;



}

.s_font2>a{

	margin-top: 18px;

	display: block;

	font-size: 20px;

	color: #fff;

	float: left;



}

.s_font1>a:hover{

	color: #1253bb;

}

/*第一个小banner结束*/









/*优势开始*/

.tab5_box{

	float: right;

	height: 472px;

	background: url(../images/ys_font_bg.jpg) no-repeat right 0px;

	width: 916px;

}

.advantage>span{

	position: absolute;

	right: 130px;

	bottom: 0;

	width: 194px;

	height: 114px;

	display: block;

	background-color: #f27000;

	text-align: center;

}

.advantage>span>i{

	color: #fff;

	font-size: 14px;

	text-transform: uppercase;

	font-family: "Times New Roman";

	margin-top: 20px;

	display: block;

}

.advantage>span>p{

	color: #1253bb;

	font-size: 24px;

}

.advantage>span>a{

	width: 104px;

	height: 24px;

	display: block;

	text-align: center;

	line-height: 24px;

	color: #fff;

	text-transform: uppercase;

	border: 1px solid #fff;

	margin:0 auto;

}

.advantage>span>a:hover{

	border: 1px solid #21191a;

	color: #21191a;

}

.advantage{

	height: 472px;

	position: relative;

overflow:hidden;

	margin-bottom: 50px;

}

#tab5{width:1180px;position:relative; }

#tab5 .tab5_menu{width:266px;z-index:1;text-align: center;height: 472px;position: absolute;left: 0;top: 0;background-color: #eeeeee}

#tab5 .tab5_menu li{width:196px;height:56px;line-height:56px;cursor:pointer;text-align:center;color: #21191a;font-size: 18px;

	margin:20px auto 20px auto;border:#21191a 1px solid; }

#tab5 .tab5_menu li:first-child{

	margin-top: 100px;

}



#tab5 .tab5_menu>.tab-li-r{margin-right: 0;}

#tab5 .tab5_menu .on{background-color: #f27000;cursor:pointer;transition: all .3s ease-out;color: #fff;border:none;}





.ys_l{

	width: 590px;

	height: 425px;

}

.ys_l img{

	width:618px;

	height: 405px;

	margin-top: 54px;

}

.ys_r{

	width: 250px;

	height: 270px;

margin-top: 10px;

}





.ys_r p{

	color: #fff;

	font-size: 14px;

	margin-top:142px;

	margin-right:16px;

}









/*优势结束*/





/*案例*/

.anli_bg{

	background-color: #fafafa;

	padding-bottom: 40px;

}

.anli_box ul li{

	float: left;

	width: 384px;

	height: 240px;

	position: relative;

	margin:3px 3px 3px 3px;

}

.anli_box ul li img{

	width: 384px;

	height: 240px;

}

.anli_box ul li div{

width: 384px;

	height: 240px;

	display: none;

background-color: rgba(0,0,0,.7);



}

.anli_box ul li:hover div{

	display: block;

	text-align: center;

	line-height: 240px;

	

	position: absolute;

	top: 0px;

}

.anli_box ul li:hover div a{

	color: #fff;

	font-size: 16px;

width: 384px;

	height: 240px;

	display: block;



}



/*案例*/





/*客户见证开始*/

.sec7_con{

	width: 1180px;

	overflow: hidden;

}

.sec7_con ul li{

	float: left;

	width: 570px;

	height: 200px;

	margin: 10px 10px 0 10px;



	padding:10px 0 10px 0;

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

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

  transition: all 0.35s ease-in-out;

}



.sec7_con ul li>a{



	padding-bottom: 8px;

	float: left;

}

.sec7_con ul li img{

	width: 253px;

	height: 186px;

	padding: 5px;

	border: solid #c1c1c1 1px;

}

.sec7_con ul li img:hover{

	border: solid #1253bb 1px;

	transition: all .3s ease-out;

}

.sec7_txt{

	text-align: left;

}

.sec7_txt h4 a{

	font-size: 16px;

	line-height: 28px;

	color: #342c2a;

	

}

.sec7_txt b{

	color: #342c2a;

	font-weight: normal;





}

.sec7_txt h4 a:hover{



	color: #1253bb;

}

.sec7_txt{

	margin-top: 14px;

	width: 280px;

	height: 200px;

	margin-left: 25px;

	float: left;

}

.sec7_txt p{

	font-size: 14px;

	color: #666;

	letter-spacing: 1px;

	line-height: 24px;

	margin-top: 10px;

	height: 72px;

	overflow: hidden;

	width: 260px;

}





.sec7_txt>a{

	width: 120px;

	height:29px;

	display: block;

	line-height: 29px;

	text-align: center;

	border:1px solid #1253bb;

	color: #1253bb;

	text-transform: uppercase;

	margin-top: 20px;

}

.sec7_txt>a:hover{

	border:1px solid #1253bb;

	background-color: #1253bb;

	color:#fff;

}



/*客户见证结束*/

.about_bg{

	background-color: #fafafa;

	margin-top: 40px;

}

/*about开始*/

.about_box{

	padding-top: 50px;

}

.about_font{

	float: left;

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

	width: 590px;

	height: 340px;

}

.about_font h3{

	margin-top: 120px;

	margin-bottom: 30px;

	margin-left: 30px;

}

.about_font h3 a{

	color: #fff;

	font-size: 16px; 

}

.about_font p{

	color: #ebebeb;

	font-size: 14px;

	width: 520px;

	height: 88px;overflow: hidden;

	margin-left: 30px;

display: -webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:4;

	

}

.about_font>a {

	width: 120px;

	height: 30px;

	line-height: 30px;

	border: 1px solid #fff;

	color: #fff;

	text-align: center;

	display: block;

	text-transform: uppercase;

	font-size: 14px;

	margin-top: 30px;

	margin-left: 30px;

}

.about_font>a:hover{

	border: 1px solid #f27000;

	color: #f27000;

}

.about_box>a>img{

	width: 590px;

	height: 340px;

	float: left;

}

/*about结束*/





/*荣誉*/

.ryzz_bg{

	width: 100%;

	height: 252px;

	overflow:hidden;

}

.tab4_box{

	margin-top: 45px;

}

.box01,.box02 {width:1000px; position:relative; margin:auto;}

.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; border:1px solid #cfdbeb;}

.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:#666666;}

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

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



#tab4{width:1180px;position:relative; }

#tab4 .tab4_menu{z-index:1;height: 150px;width: 104px;float:left;margin-top: 50px;}

#tab4 .tab4_menu li{width:104px;height:75px;line-height:75px;cursor:pointer;text-align:center ;font-size: 14px;

					 display:inline-block;background-color: #1253bb;}

#tab4 .tab4_menu li:nth-child(1){

	border-bottom: 1px solid #fff;

}

#tab4 .tab4_menu li>a{color: #fff;}



#tab4 .tab4_menu>.tab-li-r{margin-right: 0;}

#tab4 .tab4_menu .on{cursor:pointer;color: #fff;background-color: #ff6c00;}

#tab4 .tab4_menu .on a{

	color: #fff;

}



#tab4 .tab4_box{overflow: hidden;}





/* new开始*/



/*新闻开始*/

.new_box{

	height: 354px;

	margin-top: 20px;

}

.new_l{

	width: 800px;

	height: 356px;

overflow:hidden;

}

.new_l>ul>li{

	float: left;

	margin:10px 20px 10px 20px;

	padding-left: 30px;

}

.new_l>ul>li>a{

	color: #4c4c4c;

	font-size: 16px;

}

.new_l>ul>li.on{

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

}

.new_l>ul>li.on>a{

	color: #1253bb;

}

.new_l_cont div>em{

	float: left;

	width: 350px;

	height: 284px;



}

.new_l_cont div>em>a>img{

	width:350px;

	height: 194px;

}



.new_l_cont div>em>span>a{

	color: #4c4c4c;

	font-size: 14px;

	display: block;

	

	text-align: center;

	overflow: hidden;

	width: 330px;

	height: 20px;

	margin:10px auto 10px auto;

}

.new_l_cont div>em>span>a:hover{

	color: #1253bb;

}

.new_l_cont div>em>p{

	color: #4c4c4c;

	width: 320px;

	height: 60px;

	overflow: hidden;

	margin:0 auto;

}

.new_l_cont div ul{

	float: right;

	width: 420px;

	height: 280px;

}

.new_l_cont div ul>li{

	margin:10px 0 45px 0;

}

.new_l_cont div ul>li>em{

	width: 50px;

	height: 55px;

	display: block;

	border-bottom: 1px solid #1253bb;

	text-align: center;

	float: left;

	margin-top: 6px;

}

.new_l_cont div ul>li>em>span{

	color: #1253bb;

	font-size: 30px;

	line-height: 30px;

}

.new_l_cont div ul>li>em>p{

	color: #1253bb;

	font-size: 12px;

}

.new_l_cont div ul>li>h4{

	overflow: hidden;

	width: 350px;

	height: 20px;

	margin-bottom: 6px;

	margin-left:60px;

}

.new_l_cont div ul>li>h4>a{

	color: #1253bb;

	font-size: 14px;

}

.new_l_cont div ul>li>p{

	width: 345px;

	height: 40px;

	overflow: hidden;

	margin-left:60px;

	color: #666666;

}

.ques_box{

	width: 370px;

	height: 356px;

overflow:hidden;

}

.ques_box .ques_nav{

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

	height: 28px;

	width: 340px;

	margin-bottom: 20px;



}

.ques_nav h3 a{

	font-size: 16px;

	color: #4c4c4c;

	



	display: block;

	padding-left:30px; 

	float: left;

}



.ques_box .ques_con{

	width: 340px;

}

.ques_box .ques_con ul{

	width: 340px;

}

.ques_con ul li{

	width: 340px;

	height: 80px;

	margin-top: 20px;

}

.ques_con ul li .que_top{

	width: 340px;

	height: 30px;

}

.que_top span{

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

	width: 30px;

	height: 30px;

	float: left;

}

.que_top a{

	font-size: 14px;

	float: right;

	line-height: 30px;

	color: #241b08;

	width: 295px;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	display: block;

}

.que_top a:hover{

	color: #1253bb;

}

.ques_box ul li .que_bot{

	width: 340px;

	margin-top: 5px;

	height: 50px;

}

.que_bot span{

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

	width: 30px;

	height: 30px;

	float: left;

}

.que_bot p{

	font-size: 14px;

	float: right;

	color: #241b08;

	width: 295px;

	height: 48px;

	line-height: 24px;

	overflow: hidden;

}