/*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; }
.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; }
.keytext a{margin: 0px 8px 0px 0px; line-height:50px; color:#666666;}
.rmgj-n-r{ float:right; margin-top:11px;margin-right: 24px}
.text2{padding:0px 0px 0px 10px; float:left; height:28px; width:200px; font-size:14px; color:#666;border-bottom: solid 1px #007fde ; border-left:solid 1px #007fde ;border-top:solid 1px #007fde ;background:rgba(0,0,0,0);}
.submit{width:30px; height:30px; border:0; padding:0; background:url(../images/search_but.jpg) no-repeat 0px 0px; float:left;cursor: pointer;border-bottom: solid 1px #007fde ; border-right:solid 1px #007fde ;border-top:solid 1px #007fde ;}



/**********************************************图片滚动********************************************/
.gd_01{ position:relative; width:1180px; height:160px; margin:25px auto 0px;}
.gd_01 em{ position:absolute; top:35px;}
.gd_01 .t_l1{ left:0px;}
.gd_01 .t_r1{ right:0px;}
.gd_01 #simgs{ margin:0px 50px;}
.gd_01 li{ float:left; width:210px; padding:0 20px 0 0; text-align:center;}
.gd_01 li img{ display:block; width:200px; height:110px; padding:4px; border:1px solid #ddd;}
.gd_01 li a span{ display:block; height:40px; color:#303030; font-size:14px; line-height:40px; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/*pro开始*/


#tab2{width:1180px;position:relative; height:500px;
	overflow:hidden;}
#tab2 .tab2_menu{width:1180px;z-index:1;height: 48px;margin: 40px auto 40px auto;text-align: center;}
#tab2 .tab2_menu li{width:204px;height:57px;line-height:57px;cursor:pointer;text-align:center;display:inline-block;background-color: #f4f4f4;margin: 0 10px 0 10px;}
#tab2 .tab2_menu li>a{color: #4c4c4c;font-size: 18px;}

#tab2 .tab2_menu>.tab-li-r{margin-right: 0;}
#tab2 .tab2_menu .selected{background-color: #007fde;cursor:pointer;transition: all .3s ease-out;}
#tab2 .tab2_menu .selected>a{
	color: #fff;
}
#tab2 .hide{display:none;}

.tab2_box div .pro_nav{
	width: 252px;
	height: 372px;
}
.tab2_box div .pro_nav>a{
	width: 252px;
	height: 72px;
	display: block;
	background-color: #007fde;
	line-height: 72px;
	text-align: center;
	color: #fff;
	font-size: 20px;
}
.tab2_box div .pro_nav ul li a{
	width: 252px;
	height: 40px;
	background-color: #f7f7f7;
	line-height: 40px;
	text-align: center;
	color: #4c4c4c;
	font-size:14px;
	display: block;
	margin-top:1px;
}
.tab2_box div .pro_nav ul li a:hover{
	background-color: #007fde;
	color: #fff;
}
.pro_cont{
	width: 910px;
	height: 372px;
}
.border_animation2:hover .txt-two2{
	display: block;
	transition: all .3s ease-out;
}
.txt-two2{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 118px;
	padding-top: 64px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: url(../images/ico1.png);
	display: none;
	font-size: 14px;

}
.txt-two2 h4{
	font-weight: normal;
}
.border_animation2{width:296px;height:182px;margin: 5px 3px 5px 4px;position:relative;float:left;}



.border_animation2:hover .txt-two{
	display: block;
	transition: all .3s ease-out;
}

/*第一个小banner开始*/

.s_banner1{
	width: 100%;
	height: 256px;
	background: url(../images/s_banner1.jpg) no-repeat center;
	
	margin-top: 30px;
}
.s_font1{
	float: right;
	margin-top:46px;
	text-align: center;
}
.s_font1 h4{
	color: #007fde;
	font-size: 24px;
	
}
.s_font1 h5{
	color: #787a7b;
	font-size: 14px;

	text-transform: uppercase;
}
.s_font1>span{
	color: #007fde;
	font-size: 24px;

	display: block;
}
.s_font1 p{
	font-size: 14px;
	color: #fff;

}
.s_font1 p>span{
	font-size: 24px;
}
.s_font1>a{
	width: 104px;
	height:30px;
	background-color: #007fde;
	display: block;
	line-height: 30px;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	margin:0 auto;
}
.s_font1>a:hover{
	background-color: #143888;
}
/*第一个小banner结束*/



/*合作客户*/

/* 滑动门通用按钮 */
.lefts ,.rights {display: block;width: 40px;height: 76px;margin-top:-32px; position: absolute;top:35%; background: url(../images/par_btn.png) no-repeat;}
.lefts {background-position: 0 0;left: 10px;}
.rights {background-position: -40px 0;right: 10px;}

.par_con {width:1180px;position:relative; overflow: hidden;height:180px;}
.par_con ul {    margin: 0px 70px auto; overflow: hidden;}
.par_con li {float:left;width:240px; height: 180px; margin-right:20px;text-align:center;}
.par_con li img {width:240px;height:130px; border: solid #e1e1e1 1px;}
.par_con li a {display:block;line-height:25px;font-size:14px;}
.par_con li span{
	display: block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis; 
	color: #333;
}
.par_con li a:hover span{
	color: #00276c;
}
.par_con li a:hover img{
	border:solid #00276c 1px;
	transition: all .3s ease-out;
}
.par_btn a{
	font-size: 18px;
	color: #3786c7;
	display: block;
	text-align: center;
	line-height: 40px;
	font-weight: 500;
	margin-top: 60px;
    margin-left: 46%;
	width: 140px;
	height: 40px;
	
}
.par_btn a:hover{
	background: #00276c;
	border:  #00276c;
	color: #fff;
}


/*优势开始*/

.advantage{
	background:url(../images/ys_bg.jpg) no-repeat center; 
	height: 481px;
	width: 100%;
overflow:hidden;
}

#tab3{width:1180px;position:relative; }
#tab3 .tab3_menu{width:1180px;z-index:1;height: 48px;text-align: center;}
#tab3 .tab3_menu li{width:295px;height:50px;line-height:50px;cursor:pointer;text-align:center;color: #4c4c4c;font-size: 18px;background-color: #f4f4f4;float: left;}


#tab3 .tab3_menu>.tab-li-r{margin-right: 0;}
#tab3 .tab3_menu .selected{background-color: #007fde;cursor:pointer;transition: all .3s ease-out;color: #fff;}

#tab3 .hide{display:none;}

.ys_font{
	background:rgba(255,255,255,0.9);
	text-align: center;
	width: 443px;
	height: 431px;
}
.ys_font h5{
	color: #007fde;
	font-size: 18px;
	text-transform: uppercase;
	padding-top: 50px;

}
.ys_font b{
	color: #333;
	font-weight: normal;
	margin:10px 0 10px 0;
	display: block;
}
.ys_font p{
	color: #4c4c4c;
	font-size: 16px;
	width: 370px;
	margin:0 auto 40px auto;
}

.ys_font i{
	color: #007fde;
	font-size: 14px;

	
}
.ys_font em{
	color: #007fde;
	font-size: 24px;

}
.ys_font>a{
	width: 443px;
	height: 40px;
	display: block;
	color: #fff;
	background-color: #007fde;
	line-height: 40px;
	margin-top: 20px;
}
.ys_font>a:hover{
	background-color: #113a83;
}
/*优势结束*/

/*案例开始*/

.tab2_box>div>a>img{
	float: left;
	width: 634px;
	height: 318px;
}
.anli_font{
	width: 546px;
	height: 318px;
	background-color: #f5f5f5;
	float: right;
}
.anli_font>h4{
	margin-left: 40px;
	margin-top:40px;
	margin-bottom: 20px;
}
.anli_font>h4>a{
	color: #4c4c4c;
	font-size: 16px;
}
.anli_font b{
	color: #1551d7;
	font-weight: normal;
	margin-left: 40px;


}
.anli_font p{
	width: 468px;
	height: 84px;
	overflow: hidden;
	margin-left: 40px;
	margin-top:30px;
	margin-bottom: 30px;
}
.anli_font>a{
	width: 104px;
	height:30px;
	border:1px solid #007fde;
	
	display: block;
	line-height: 30px;
	text-align: center;
	color: #007fde;
	margin-left: 40px;
	border-radius: 4px;
}
.anli_font>a:hover{
	background-color: #113a83;
	color: #fff;
}
#tab5{width:1180px;position:relative; height:401px;
	overflow:hidden;}
#tab5 .tab5_menu{width:1180px;z-index:1;height: 48px;margin: 20px auto 15px auto;text-align: center;background-color:#f2f2f2; }
#tab5 .tab5_menu li{width:143px;height:48px;line-height:48px;border-bottom:0px;cursor:pointer;text-align:center ;font-size: 16px; color: white;display:inline-block;float: left;}
#tab5 .tab5_menu li>a{color: #4c4c4c;font-size: 16px;}

#tab5 .tab5_menu>.tab-li-r{margin-right: 0;}
#tab5 .tab5_menu .selected{background-color: #007fde;cursor:pointer;transition: all .3s ease-out;}
#tab5 .tab5_menu .selected>a{
	color: #fff;
}
#tab5 .hide{display:none;}
#tab5 .tab5_box div>a>img{
	width: 634px;
	height: 318px;
}
/*案例end*/
/*第二个小banenr开始*/
.s_banner2{
	width: 100%;
	height: 300px;
	background: url(../images/s_banner2.jpg) no-repeat center;
	margin-top: 30px;
	
}
.s_font2{
	text-align: center;
	margin-top:90px;
	width: 508px;
	float: right;
}
.s_font2 h5{
	color: #fff;
	font-size: 24px;

}
.s_font2 h4{
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
}
.s_font2 p{
	color: #fff;
	font-size: 14px;
	
}
.s_font2 p span{
	font-size: 26px;
}
.s_font2 a{
width: 104px;
	height:30px;
	background-color: #007fde;
	display: block;
	line-height: 30px;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	margin:10px auto 0 auto;
}
.s_font2 a:hover{
	background-color: #1551d7;
}
/*第二个小banenr结束*/

/*客户见证开始*/
.jz_box li{
	float: left;
	margin: 0 7px 0 7px;
}
.jz_box li a{
	width: 280px;
	height: 400px;
	background-color: #007fde;
	color: #fff;
	
	text-align: center;
	display: block;
}
.jz_box li a span{
	text-transform: uppercase;
}
.jz_box li a:hover{
	background-color: #113a83;
}
.jz_box li a img{
	
	
	width: 280px;
	height: 212px;
	
}
.jz_box li a h5{
	font-weight: normal;
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.jz_box li a p{
	width: 250px;
	height: 60px;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 30px;
}

/*客户见证结束*/

/*荣誉*/
.tab4_box{
	margin-top: 10px;
}
.box01,.box02 {width:1000px; position:relative; margin:auto;}
.box01 ul,.box02 ul {margin:20px auto 0px;}
.box01 li,.box02 li {float:left; width:190px; margin:0px 20px 0px 0px; text-align:center;}
.box01 li img,.box02 li img {width:200px; height:160px; border:1px solid #cfdbeb;}
.box01 li span a,.box02 li span a {display:block; overflow:hidden; text-overflow:ellipsis; line-height:30px; font-size:14px; height:30px; text-align:center; width:100%; color:#636363;}
.box01 .lefts2,.box02 .lefts2{ background: url(../images/left.jpg) no-repeat ; display: block; width: 20px; height: 43px; position: absolute; right:-34px; top:40px;}
.box01 .rights2 ,.box02 .rights2 { background: url(../images/right.jpg) no-repeat ; display: block; width: 20px; height: 43px; position: absolute; right:-34px; top:94px;}

#tab4{width:1180px;position:relative; height:222px;
	overflow:hidden;}
#tab4 .tab4_menu{z-index:1;height: 150px;width: 104px;float:left;margin-top: 36px;}
#tab4 .tab4_menu li{width:104px;height:75px;line-height:75px;cursor:pointer;text-align:center ;font-size: 14px;
					 display:inline-block;background-color: #007fde;}
#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 .selected{cursor:pointer;color: #fff;background-color: #113a83;}
#tab4 .tab4_menu .selected a{
	color: #fff;
}
#tab4 .hide{display:none;}
#tab4 .tab4_box{overflow: hidden;}

/*about开始*/
.about_box{

	margin-top:50px;
}
.about_box>h3{
	margin-top: 50px;
	margin-bottom:40px;
	text-align: center;
}

.about_box h3 a{
	color: #007fde;
	font-size: 24px;
}
.about_box h3 p{
	
	font-size: 14px;
	text-transform: uppercase;
	color: #808080;
}
.about_b{
	position: relative;
}
.about_b>a{
	float: left;
}
.about_b>a img{
	width: 590px;
	height: 330px;
}
.about_font{
	float: right;
	width: 560px;
	height:330px;
}
.about_font h3{
	margin-top: 30px;
}
.about_font h3 a{
	color: #007fde;
	font-size: 14px;
}
.about_font h3 p{
	color: #007fde;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
}
.about_font b{
	display: block;
	height: 1px;
	width: 40px;
	background-color: #007fde;
	margin-top: 20px;
	margin-bottom: 30px;
}
.about_font>p{
	width: 560px;
	height: 120px;
	overflow: hidden;
	margin-bottom:30px;
	line-height: 24px;
	color: #666666;
}
.about_font>a{
	width: 120px;
	height:29px;
	display: block;
	line-height: 29px;
	text-align: center;
	border:1px solid #007fde;
	color: #007fde;
	text-transform: uppercase;
}
.about_font>a:hover{
	background-color: #007fde;
	color:#fff;
}


/*新闻开始*/

/* new开始*/


.new_b{
height:383px;
	overflow:hidden;
	position: relative;
}
.new_b>ul{
	width:102px;
	height: 30px;
	
	position: absolute;
	top: 100px;
	left: 540px;
}
.new_b>ul li{
	
	margin: 15px 0px 15px 0px;
	width: 102px;
	height: 30px;

	text-align: center;
	border:1px solid #007fde ;
}
.new_b>ul li>a{
	
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	color: #007fde;	
}
.new_b>ul>li.selecte{cursor:pointer;background-color: #007fde;}
.new_b>ul>li.selecte a{
	color: #fff;
}

.hide{
    display:none;
}
.new_l{
	width: 1180px;

}
.new_l>a>img{
	width: 390px;
	height: 158px;
}
.new_l>a:first-child{
	float: left;
}
.new_l>a:nth-child(2){
	float: right;
}
.new_l ul{

	margin-top:30px;

		width: 1180px;
}
.new_l ul li{
	border-bottom: 1px solid #565656;
	line-height: 64px;
	height: 64px;
	color: #a0a0a0;
	width: 472px;
}
.new_l ul li>a{
	color: #a0a0a0;
	width: 290px;
text-overflow: ellipsis;
    white-space: nowrap;
	overflow: hidden;
}
.new_l ul li>a:hover{
	color: #007fde;
}
.new_l ul li>span{
	float: right;
}
.new_t:nth-child(2){
	float:right;
}
.new_t:nth-child(1){
	float:left;
}
.new_l ul li:nth-child(odd){
	float: right;
}
