/*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/serch_bg.png) 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.png) no-repeat 0px 5px; float:left;cursor: pointer;}



/*公共标题*/

.title,.title2{

	text-align: center;

}



.title>h3{

	margin:70px 0 50px 0;

	background: url(../images/title_bg.png) no-repeat center;

}

.title2>h3{

	margin:70px 0 50px 0;

	background: url(../images/title_bg.png) no-repeat center 10px;

}



.title>h3>p,.title2>h3>p{

	color: #005dbb;

	font-size: 14px;

	text-transform: uppercase;

	

}

.title>h3>a,.title2>h3>a{

	color: #005dbb;

	font-size: 26px;

	font-weight: bold;

	display: block;

}

.title2>h3 i{

	color: #666666;

	font-size: 16px;

}

/*公共标题*/


.pro_box{
height:775px;
    overflow: hidden;
}


/*合作客户*/



.box01{width:1076px; position:relative; margin:auto;height:190px;
    overflow: hidden;}

.box01 ul{margin:20px auto 0px;}

.box01 li{float:left; width:254px; margin:0px 20px 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: #1e50ae;

	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:76px;}

.box01 .rights2 { background: url(../images/right.png) no-repeat ; display: block; width:20px; height:43px; position: absolute; right:-50px; top:76px;}



/*合作客户*/

/*第一个小banner开始*/



.s_banner1{

	width: 100%;

	height: 89px;

	background: url(../images/s_banner1.png) no-repeat center;

	

	margin-top: 30px;

}

.s_banner2{

	width: 100%;

	height: 224px;

	background: url(../images/s_banner2.jpg) no-repeat center;

	text-align: center;

	margin-top: 70px;

}

.s_banner2 i{

	font-size: 14px;

	color: #fff;

	text-transform: uppercase;

	margin-top: 46px;

	display: block;

}

.s_banner2 h5{

	font-size: 24px;

	color: #fff;

	font-weight: bold;

}

.s_banner2 p{

	color: #fff;

	font-size: 24px;

	font-weight: bold;

}

.s_banner2 span{

	font-size: 14px;

	font-weight: normal;

}

.s_banner2 a{

		width: 100px;

	height:28px;

	background-color: #f42434;

	display: block;

	line-height:28px;

	text-align: center;

	color: #fff;

	margin:10px auto;



}

.s_banner2 a:hover{

	background-color: #fff;

	color: #005dbb;

}

.s_font1{

	

	margin-top:28px;

	

}

.s_font1 span{

	float: left;

	color: #fff;

	font-size: 14px;

	margin-top: 10px;

}

.s_font1 p{

	float: left;

}



.s_font1 h4{

	color: #fff;

	font-size: 20px;

	font-weight: bold;

	text-transform: uppercase;

}





.s_font1>p{

	font-size: 26px;

	color: #fff;



}

.s_font1>a{

	width: 100px;

	height:28px;

	background-color: #f42434;

	display: block;

	line-height:28px;

	text-align: center;

	color: #fff;

	float: left;

	margin-left: 20px;

	margin-top: 4px;

}

.s_font1>a:hover{

	background-color: #fff;

	color: #005dbb;

}



/*第一个小banner结束*/







/*产品中心开始*/

.pro_bg{

	background-color: #f5f5f5;

	padding-top: 70px;

	padding-bottom: 70px;

}

.aside{

    width:253px;

  

}



.sideMenu{width: 253px;float: left;}

.sideMenu>h2{

	width: 200px;

	height: 78px;

	background-color: #005dbb;

	font-weight: normal;

	padding-left: 52px;

}

.sideMenu>h2 a{

	color: #fff;

	font-size: 24px;

	font-weight: normal;

	display: block;

	padding-top: 10px;

}

.sideMenu>h2 p{

	color: #fff;

	font-size: 12px;

	font-weight: normal;

	text-transform: uppercase;

}

.sideMenu ul{ padding-bottom: 4px; }

.sideMenu ul li>a{

	width: 201px;



	background-color:#fff;

	line-height: 72px;

	font-size: 16px;

	display: block;

	color: #666666;

	text-align: center;

text-align: left;

padding-left:52px;

}

.sideMenu ul li{

	width: 253px;

	height: 72px;

	

	margin: 30px auto 30px auto;

	 -webkit-transition: all 0.35s ease-in-out;

  -moz-transition: all 0.35s ease-in-out;

  transition: all 0.35s ease-in-out;

}

.sideMenu ul li>a:hover{

	background-color: #005dbb;

	color: #fff;

}

/**pro content**/

.pro_right{

	width: 920px;

}



.tab3_menu{width: 940px;height: 57px;margin:0 0 10px 10px;}

.tab3_menu li{float:left;width:170px;height:50px;line-height:50px;border-bottom:0px;cursor:pointer;text-align:center;margin:0 10px 0 0px;background-color: #1e50ae}

.tab3_menu li a{

	color: #fff;

	font-size: 16px;

}

.tab3_menu p{

	float: right;

	line-height: 38px;

	height: 38px;

}

.tab3_menu p a{

	color: #666;

	padding-right: 10px;

}

.tab3_menu p a:hover{

	color: #1e50ae;

}

.tab3_menu .on{

	background-color:#f42434;

	box-shadow:0px 15px 30px rgba(244,36,52,.2);

transform:translate3d(0,-2px,0);

}

.tab3_menu .on a{

	color: #fff;

}



.section_body .pro1,.section_body .pro2{

	width: 440px;



}

.section_body .pro1>div,.section_body .pro2>div{

width: 434px;

	height:285px;



}

.section_body .pro1>div>a>img,.section_body .pro2>div>a>img{

	width: 434px;

	height:285px;

    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,.section_body .pro2>div>a>img:hover{

	  width: 444px;

	height:295px;

    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 .pro1>a,.section_body .pro2>a{

	width: 434px;

}





.section_body>ul>li{

    margin:10px 10px;

    float:left;

   position: relative;

width:286px;



}



.section_body>ul>li>div{

   width:288px;

height:182px;

   

    overflow:hidden;

}

.section_body>ul>li>div>a>img{

   width:288px;

height:182px;

    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:298px;

height:192px;

    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:288px;

    height:30px;

    display: block;

    color:#4c4c4c;

	background-color: #fff;

    line-height:30px;

    text-align: center;

    overflow:hidden;

    font-size: 14px;

    margin-top: 1px;



   

}

.section_body>ul>li>a:hover{

 background-color: #1e50ae;

 color: #fff;

}

/*产品结束*/



/*案例*/



/*案例开始*/

#focus_Box{position:relative; width:1180px; height:410px; margin:0 auto; margin-top:10px; overflow:hidden;}



#focus_Box ul{position:relative; width:980px; height:390px; margin:auto;}



#focus_Box li{z-index:0; position:absolute; width:0px; height:0px; top:146px; cursor:pointer; left:377px; border:2px solid #FFF; border-radius:4px; box-shadow:1px 1px 12px rgba(200, 200, 200, 1); }

#focus_Box li img{width:100%; height:100%; }



#focus_Box li p{position:absolute; right:0; bottom:0px; width:100%; height:40px; line-height:40px; background-color:rgba(0,93,187,0.8); text-align:center;}

#focus_Box li p a{ color:#fff; font-size:14px;}



#focus_Box .prev,#focus_Box .next{display:block; z-index:100; overflow:hidden; cursor:pointer; position:absolute; width:50px; height:50px; top:175px;}

#focus_Box .prev{background:url(../images/left2.png) no-repeat center; left:10px;}

#focus_Box .next{background:url(../images/right2.png) no-repeat center; right:10px;} 





/*案例结束*/

/*案例*/

/*优势*/

.ys_bg{

	background:url(../images/ys_bg.jpg) no-repeat center;

	height: 1352px;

	margin-top: 70px;

}

.ys_box ul li {

	height: 530px;

}

.ys_box ul li div {

	text-align: left;

	margin-top: 50px;

}

.ys_box ul li div h5{

	color: #005dbb;

	font-size: 24px;

	font-weight: bold;

	text-transform: uppercase;

	margin-bottom: 20px;

}

.ys_box ul li div h4{

	color: #005dbb;

	font-size: 20px;

	font-weight: bold;

	margin-bottom: 20px;

}

.ys_box ul li div p{

	width: 586px;

	color: #4c4c4c;

}

.ys_box ul li div i{

	background-color: #005dbb;

	width: 586px;

	height: 1px;

	display: block;

	margin:30px 0;



}

.ys_box .ys_d{

	margin-top:68px;

}

.ys_box .ys_d  li div h4,.ys_box .ys_d li div h5{

	color: #fff;

}

.ys_box .ys_d  li div p{

	color: #e5e5e5;

}

.ys_box .ys_d  li div i{

	background-color: #e5e5e5;

}

/*优势结束*/





/*客户评价*/

.khpj_box {
 overflow: hidden;

	margin-top: 85px;

}

.khpj_box h3{

	

	z-index: 999;

	right: 0;

	top: 0;

	text-align: right;

	position: absolute;

}

.khpj_box h3 a{

	color: #4c4c4c;

	font-size: 24px;

}

.khpj_box h3 p{

	color: #cccbca;

	font-size: 30px;

	text-transform: uppercase;

	line-height: 32px;



}

.khpj_cont ul li{

	float: left;

}

.khpj_cont ul li>a>img{

	width: 678px;

	height: 560px;

}

.khpj_cont ul li{

	position: relative;

	width: 1180px;

}

.khpj_cont ul li>div{

	width: 502px;

	height: 278px;

	background-color: #f5f5f5;

	position: absolute;

	right: 0px;

	top: 138px;

	padding: 50px 0 0 100px;

}

.khpj_cont ul li>div>img{

	display: block;

}

.khpj_cont ul li>div>a{

	color: #4c4c4c;

	font-size: 20px;

	display: block;

	margin-top: 30px;

}

.khpj_cont ul li>div>a:hover{

	color: #005dbb;

}

.khpj_cont ul li>div>em{

	color: #807f7e;

	font-size: 14px;

	text-transform: uppercase;

	margin-bottom: 30px;

	display: block;

}

.khpj_cont ul li>div>p{

	width: 420px;

	height: 50px;

	overflow: hidden;

	font-size: 16px;

	color: #807f7e;

	padding-top: 30px;

	border-top: 1px solid #005dbb;

}

.kh_fl{

	position: absolute;

	right: 0px;

	bottom: 0px;

}

.kh_fl ul li{

	float: left;

	width: 150px;

	height: 152px;

	margin:6px;

	border:2px solid #fff;

}

.kh_fl ul li.on{

	border:2px solid #005dbb;

}

.kh_fl ul li:last-child{

	margin-right: 0px;

}

.kh_fl ul li a img{

	width: 150px;

	height: 152px;

}

.khpj_box{

	position: relative;

	height: 642px;

}

.kh_more{

	width: 620px;

	margin-top: 20px;

}

.kh_more em{

	width: 530px;

	height: 1px;

	background-color: #005dbb;

	display: block;

	float: left;

	margin-top: 20px;

}

.kh_more a{

	color: #807f7e;

	font-size: 24px;

	display: block;

	float: right;

}

.kh_more a:hover{

	color: #005dbb;

}

/*客户评价*/



/*公司简介*/

.gsjj_bg{

	background-color: #005dbb;

	height: 512px;

	margin-top: 70px;

}

.gsjj_box>a>img{

	width: 666px;

	height: 372px;

	display: block;

	margin-top: 70px;

	float: left;

}

.gsjj_box{

	height: 512px;

	position: relative;

}

.gsjj_box>div{

	width: 514px;

	height: 300px;

	background-color: #fff;

	border-radius: 24px;

	float: right;

	padding-left: 60px;

	box-shadow:0px 15px 30px rgba(255,255,255,.4);

	position: absolute;

	right: 0;top: 106px;

}

.gsjj_box>div>h3 p{

	color: #808080;

	font-size: 14px;

	text-transform: uppercase;

	margin-top: 50px;



}

.gsjj_box>div>h3 a{

	color: #005dbb;

	font-size: 18px;

}

.gsjj_box>div>h3 i{

	width: 16px;

	height: 1px;

	background-color: #005dbb;

	margin:20px 0;

	display: block;

}

.gsjj_box>div>p{

	width: 466px;

	height: 66px;

	overflow: hidden;

	color: #666666;

	margin-bottom: 30px;



}

.gsjj_box>div>a{

	color: #808080;

	font-size: 16px;

}
.new_box{
  height:481px;
    overflow: hidden;
}
/*公司简介*/



/*资质证书*/



.box011{width:1076px; position:relative; margin:auto;  height:330px;
    overflow: hidden;}

.box011 ul{margin:20px auto 0px;}

.box011 li{float:left; width:254px; margin:0px 20px 0px 0px; text-align:center;}

.box011 li img{width:254px; height:300px;   -webkit-transition: all 0.35s ease-in-out;

  -moz-transition: all 0.35s ease-in-out;

  transition: all 0.35s ease-in-out;}

.box011 li span a:hover{

	background-color: #1e50ae;

	color: #fff;

}

.box011 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;

}



/*新闻中心*/

.new_bg{

	background:url(../images/new_bg.jpg)no-repeat center top;

	height: 530px;

	padding-top: 4px;

	margin-top: 50px;

}

.new_box h3 a,.new_box h3 p{

	color: #fff;



}



.new_fl ul{

	width: 264px;

	margin:0 auto;

}

.new_fl ul li{

	float: left;

}

.new_fl ul li a{

	color: #fff;

	padding: 10px 16px;

}

.new_fl ul li.on a{

	color: #f42434;

	border-bottom: 1px solid #f42434;

}

.new_cont{

	margin:50px auto;



	width: 1180px;

	height: 300px;

	cursor:pointer;

	background-color: #fff;

box-shadow:0px 15px 30px rgba(231,231,231,.4);

transform:translate3d(0,-2px,0);



}

.new_cont div a img{

	width: 250px;

	height: 232px;

	display: block;

	margin:24px 0 0 24px;

}

.box_new{

	width: 850px;

}

.box_new ul li {

	width: 236px;

	height: 260px;

	margin:0 25px;

	text-align: left;

	float:left;

}

.box_new ul li i{

	margin:40px 0 40px 0;

	display: block;

}

.box_new ul li i b{

	color: #4c4c4c;

	font-size: 24px;

}

.box_new ul li i span{

	color: #4c4c4c;

	font-size: 12px;

}

.box_new ul li h4 a{

	color: #4c4c4c;

	text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    margin-bottom: 20px;

    display: block;

}

.box_new ul li p{

	color: #999999;

	font-size: 12px;

	width: 230px;

	height: 56px;

	overflow: hidden;

}

.box_new ul li>a{

	color: #999999;

	font-size: 12px;

	display: block;

	margin-top:26px;

}

.box_new ul li:hover  a{

color: #f42434;

}