@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-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:#6f6f6f;}

.rmgj-n-r{ float:right; margin-top:11px;border-bottom: 1px solid #097dc9;}

.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,.title2>h2{

	margin:50px 0 40px 0;



}

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

	color: #808080;

	font-size: 24px;

	text-transform: uppercase;

}

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

	color: #4c4c4c;

	font-size: 24px;



	display: block;



}

.title>h3>em{

	color: #808080;

	font-size: 14px;

}

/*公共标题*/



/*案例*/

/*第一个小banner开始*/



.s_banner1{

	width: 100%;

	height: 250px;

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



}

.s_banner2{

	width: 100%;

	height: 323px;

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



}

.s_banner3{

	width: 100%;

	height: 250px;

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



}

.s_font1{



	margin-top:60px;



}

.s_font1 span{

	float: left;

	color: #fff;

	font-size: 14px;

	margin-top: 10px;

}



.s_font2{

	width:730px;

	margin-top:126px;

	text-align:left;

}

.s_font1 h4{

	color: #fff;

	font-size: 22px;

	margin-bottom: 10px;



}



.s_font2 h4{

	color: #fff;

	font-size: 22px;



}

.s_font2 em{

	font-size: 12px;

	color: #fff;

	text-transform: uppercase;

}

.s_font2 h4>span{

	color: #ec7b1a;

	font-weight: bold;



}

.ys_box {

  height:578px;

    overflow: hidden;

}



.s_font2>p{

	font-size: 26px;

	color: #fff;

	margin-top: 6px;

}

.s_font2>p>span{

	font-size: 14px;

}

.s_font1>p{

	font-size: 26px;

	color: #fff;



}

.s_font1>a{

	width: 100px;

	height:28px;

	background-color: #253459;

	display: block;

	line-height:28px;

	text-align: center;

	color: #fff;



}

.s_font1>a:hover{



	background-color: #fff;

	color: #097dc9;

}

.s_font2>a{

	width: 100px;

	height:28px;

	background-color: #253459;

	display: block;

	line-height:28px;

	text-align: center;

	color: #fff;



margin-top: 6px;

}

.s_font2>a:hover{

	background-color: #fff;

	color: #097dc9;

}

/*第一个小banner结束*/



/*案例*/

/*图片滚动*/

#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(9,125,201,0.7); 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/left.png) no-repeat center; left:10px;}

#focus_Box .next{background:url(../images/right.png) no-repeat center; right:10px;}



/*案例*/



/*产品*/

.pro_bg{

	background-color: #f5f5f5;

	margin-top: 40px;

	padding-bottom:50px;

}



.pro_fl ul{

	width: 1180px;

	display: block;

	height: 44px;

	border-bottom: 1px solid #d2d2d2;

}

.pro_fl ul li{

	float: left;

}



.pro_fl ul li>p>a{

	width: 134px;

	height: 120px;

	background-color: #097dc9;

	color: #fff;

	display: block;

	line-height: 120px;

	margin-right: 10px;

	margin-bottom: 2px;

	font-size: 18px;

}

.pro_fl ul li>a{

	padding: 0 10px 0 10px;

	line-height: 44px;

	color: #4c4c4c;

	font-size: 14px;

}

.pro_fl ul li>a:hover{

	color: #097dc9;

}





.section_body>ul>li{

    margin:20px 10px 0 0;

    float:left;

   position: relative;

width:275px;

height:200px;

}



.section_body>ul>li>div{

    width:275px;

height:200px;



    overflow:hidden;

}

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

    width:275px;

height:200px;

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

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

    display: block;

    color:#fff;

 	position: absolute;

 	bottom: 0px;

	background:rgba(9,125,201,.9);

    line-height:30px;

    text-align: center;

    overflow:hidden;

    font-size: 14px;







}

.section_body>ul>li>a:hover{

  background:#253459;



}



/*产品优势*/

.cpys_cont{

	position: relative;

}

.cpys1 li{

	position: absolute;

	font-size: 18px;

	color: #fff;

}

.cpys1 .xn1{

	top: 130px;

	left: 57px;

}

.cpys1 .xn2{

	top:50px;

	left: 163px;

}

.cpys1 .xn3{

	top:32px;

	left:296px;

}

.cpys1 .xn4{

	top:82px;

	left:420px;

}

.cpys1 .xn5{

	top:490px;

	left:92px;

}

.cpys1 .xn6{

	top:550px;

	left:252px;

}

.cpys1 .xn7{

	top:490px;

	left:455px;

}

.cpys2{

	width: 520px;

	height: 390px;

	margin-top: 82px;

}

.cpys2 li>h4{

	color: #097dc9;

	font-size: 20px;

	padding-left: 56px;

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

	margin-bottom: 30px;

}

.cpys2 li{

	text-align: left;

	color: #464646;

	font-size: 18px;

	margin-bottom: 30px;

}

.cpys2 li:hover{

	color: #097dc9;

}

/*产品优势*/



/*优势*/

.ys_bg{
	background-color: #f5f5f5;
	/*height:992px;*/
	height:600px;
}

.service_bg{
	background-color: #f5f5f5;
	/*height:992px;*/
	height:400px;
}

.ys_box h3{

	text-align: center;

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

	color: #fff;

	margin-top: 50px;

	margin-bottom: 40px;

}

.ys_box h3 p{

	font-size: 16px;

	color: #097dc9;

	text-transform: uppercase;



}

.ys_box h3 a{

	font-size: 24px;

	color: #4c4c4c;

	font-weight: bold;

}

.ys_cont ul{

	margin:0 auto;

	height: 70px;

	width: 1180px;



}

.ys_cont ul>li{

	text-align: center;

	width: 190px;

	height: 70px;

	background-color: #e6e6e6;

	float: left;

	margin:0px 15px 0 15px;

}

.ys_cont ul>li>h4{

	color: #333333;

	font-size: 16px;

	margin-top: 14px;



}

.ys_cont ul>li>p{

	color: #333333;

	font-size: 12px;

	text-transform: uppercase;

}

.ys_cont ul>li.on{

	background-color: #097dc9;

	cursor:pointer;

	box-shadow:0px 0px 16px rgba(9,125,201,.4);

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

}

.ys_cont ul>li.on h4,.ys_cont ul>li.on p{

	color: #fff;

}

.ys_qh{

	margin-top: 40px;

}

.ys_qh>div>img{

	float: left;

}

.ys_qh .ys_font{

	float: left;

	margin-left: 50px;

}

.ys_qh .ys_font em{

	width: 40px;

	height: 1px;

	background-color: #097dc9;

	display: block;

	margin:30px 0 30px 0;

}

.ys_qh .ys_font h4{

	color: #097dc9;

	font-size: 20px;

	font-weight: bold;

}

.ys_qh .ys_font p{

	font-size: 12px;

	text-transform: uppercase;

	color: #969696;

}

.ys_qh .ys_font h5{

	color: #4c4c4c;

	margin-top: 20px;

	line-height: 25px;

	margin-bottom: 30px;

	font-size: 14px;

	width: 546px;

}

.ys_qh .ys_font img{

	position: absolute;



}



/*优势*/

/*服务*/

.fw_box h3{

	text-align: center;

	margin:50px 0 40px 0;

}

.fw_box h3 a{

	color: #4c4c4c;

	font-size: 24px;

	font-weight: bold;

}

.fw_box h3 p{

	color: #097dc9;

	font-size: 16px;

	text-transform: uppercase;

}

.fw_box ul li{

	width: 374px;

	height: 218px;

	background-color: #e6e6e6;

	text-align: center;

	float: left;

	margin:0 9px 0 9px;

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

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

  transition: all 0.35s ease-in-out;

  margin-bottom: 10px;

}

.fw_box ul li>h4{

	color: #4c4c4c;

	font-size: 20px;

	font-weight: bold;

	text-transform: uppercase;

	margin-bottom:12px;

	margin-top: 94px;

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

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

  transition: all 0.35s ease-in-out;

}

.fw_box ul li>p{

	color: #4c4c4c;

	font-size: 14px;

	width: 280px;

	margin:0 auto;

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

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

  transition: all 0.35s ease-in-out;

}

.fu1{

	background: url(../images/fw1.png) no-repeat center 30px;

}

.fu1:hover{

	background: url(../images/fw11.png) no-repeat center 30px;

}

.fu2{

	background: url(../images/fw2.png) no-repeat center 30px;

}

.fu2:hover{

	background: url(../images/fw22.png) no-repeat center 30px;

}

.fu3{

	background: url(../images/fw3.png) no-repeat center 30px;

}

.fu3:hover{

	background: url(../images/fw33.png) no-repeat center 30px;

}

.fw_box ul li:hover{

	background-color: #097dc9;

	box-shadow:0px 0px 16px #097dc9;



	cursor: pointer;

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

}

.fw_box ul li:hover h4,.fw_box ul li:hover p{

	color: #fff;

}

/*服务*/



/*客户见证开始*/

.kh_box{

	margin-bottom: 40px;

}

.kh_box h3{

	text-align: center;

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

	color: #fff;

	margin-top: 50px;

	margin-bottom: 40px;

}

.kh_box h3 p{

	font-size: 16px;

	color: #097dc9;

	text-transform: uppercase;



}

.kh_box h3 a{

	font-size: 24px;

	color: #4c4c4c;

	font-weight: bold;

}

.sec7_con{

	width: 1180px;

	overflow: hidden;

}

.sec7_con ul li{

	float: left;

	width:480px;

	height: 200px;

	margin: 20px 22px 20px 22px;

	  -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:hover{

		box-shadow:0px 0px 16px rgba(9,125,201,.4);

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



}

.sec7_con ul li>a{



	padding-bottom: 8px;

	float: left;

}

.sec7_con ul li img{

	width: 166px;

	height: 202px;



}

.sec7_con>div{

	width: 1050px;

	margin:0 auto;

}

.sec7_txt{

	text-align: left;

}

.sec7_txt h4 a{

	font-size: 16px;

	line-height: 28px;

	color: #4c4c4c;



}

.sec7_txt b{

	color: #342c2a;

	font-weight: normal;





}

.sec7_txt h4 a:hover{



	color: #ddaf64;

}

.sec7_txt{

	margin-top: 14px;

	width: 280px;

	height: 188px;

	margin-left: 25px;

	float: left;

}

.sec7_txt p{

	font-size: 14px;

	color: #4c4c4c;



	height: 40px;

	overflow: hidden;

	width: 250px;

}

.sec7_txt i{

	background-color: #cccccc;

	margin:20px 0 20px 0;

	width: 26px;

	height: 1px;

	display: block;

}



.sec7_txt>a{

	width: 85px;

	height:24px;

	display: block;

	line-height: 24px;

	text-align: center;

	border:1px solid #808080;

	color: #808080;

	text-transform: uppercase;

	margin-top: 20px;

	border-radius: 12px;

}

.sec7_txt>a:hover{



	background-color: #097dc9;

	color:#fff;

}



.kh_b1{

	width: 540px;

	height: 1px;

	display: block;

	background-color: #808080;

	position: absolute;

	bottom:12px;

}

.kh_b2{

	width: 540px;

	height: 1px;

	display: block;

	background-color: #808080;

		position: absolute;

	bottom: 12px;

	right: 0px;

}

/*客户见证结束*/





/*about*/

.about_bg{

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

	height: 615px;

}

.about_box{

	padding-top: 50px;

}

.about_box>a>img{

	width: 312px;

	height: 436px;

	margin-left: 24px;

}

.about_font{

	width: 810px;

height:470px;

    overflow: hidden;

}

.about_font>h3{

	margin-top: 46px;

}

.about_font>h3>p{

	color: #097dc9;

	font-size: 30px;

	text-transform: uppercase;

	font-weight: bold;

}

.about_font>h3>a{

	color: #4c4c4c;

	font-size: 18px;

}

.about_font>p{

	color: #666666;

	font-size: 16px;

	width: 774px;

	/*height: 84px;*/
	height: 278px;

	overflow: hidden;

	margin-top: 40px;

    line-height: 36px;
}

.tab4_box{

	margin-top:20px;

}

.box01,.box02 {width:845px; position:relative;float:left;}

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

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

.box01 li img{width:180px; height:120px; 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/left2.png) no-repeat ; display: block; width: 25px; height: 25px; position: absolute; right:34px; top:40px;}

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

.box01 li span a:hover{color: #125fd5;}

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

#tab4 .tab4_menu{z-index:1;width: 240px;margin-top:30px;

height: 26px;}

#tab4 .tab4_menu li{width:100px;height:26px;line-height:26px;cursor:pointer;text-align:center ;font-size: 16px;

					 display:inline-block;border:1px solid #4c4c4c;color: #4c4c4c;margin-right: 10px;}



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



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

#tab4 .tab4_menu .on{cursor:pointer;border:1px solid #097dc9;}

#tab4 .tab4_menu .on a{

	color: #097dc9

}



/*about*/

/* new开始*/



/*新闻中心*/



.tab3_box5{width:1180px;clear:both;margin-left: 18px; height:418px;

    overflow: hidden;}

.tab3_menu5{width:344px;height: 38px;margin:0 auto 30px auto;}

.tab3_menu5 li{float:left;width:102px;height:30px;line-height:30px;border-bottom:0px;cursor:pointer;text-align:center;margin:0 10px 0 0px;

	border: 1px solid #097dc9;

	border-radius: 4px;

}

.tab3_menu5 li a{

	color: #097dc9;

}

.tab3_menu5 li.on{

	background-color: #097dc9;

}

.tab3_menu5 li.on a{

	color: #fff;

}



.new_con {

	width: 1180px;

	height: 350px;

	overflow: hidden;

}

.new_con_l {

	width: 360px;

	height: 324px;

	background: #fafafa;

	float: left;

	position: relative;

}

.new_con_l a img{

	width: 332px;

	height: 164px;

	padding: 14px;



}

.new_con_l em{

	width: 79px;

	height: 69px;

	font-size: 12px;

	color: #fff;

	line-height: 35px;

	text-align: center;

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

	position: absolute;

	right: 14px;

	top: 14px;

}

.new_con_l em span{

	display: block;

	font-size: 30px;

}

.new_txt1 h4{

	overflow: hidden;

	width: 352px;

}

.new_txt1 h4 a{

	width: 330px;

	height: 30px;

	font-size: 14px;

	color: #313131;

	line-height: 28px;

	margin-left: 14px;

	margin-right: 14px;

	white-space: nowrap;

	overflow: hidden;

	display: block;

	text-overflow: ellipsis;

}

.new_txt1 h4 a:hover{

	color: #097dc9;

}

.new_txt1 p{

	width: 332px;

	margin-left: 14px;

	font-size: 12px;

	line-height: 28px;

	color: #969393;

	height: 84px;

	overflow: hidden;

}

.new_con_r {

	width: 815px;

	height: 325px;

	float: right;

}

.new_con_r ul li{

	width: 360px;

	height: 92px;

	background: #fafafa;

	margin-left: 32px;

	float: left;

	margin-bottom: 24px;

	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;

}

.new_con_r ul li .new_txt2_l em{

	display: block;

	margin: 12px;

	width: 79px;

	height: 69px;

	font-size: 14px;

	color: #fff;

	line-height: 26px;

	text-align: center;

	background: #969393;

	float: left;

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

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

  transition: all 0.35s ease-in-out;

}

.new_txt2_r a{

	position: absolute;

	bottom: 0;

	right: 0;

	display: none;

}

.new_con_r ul li .new_txt2_l em span{

	display: block;

	font-size: 24px;

	margin-top: 10px;

}

.new_txt2_r h4 a{

	width:250px;

	height: 30px;

	display: inherit;

	position: inherit;

	margin-top: 10px;

	float: left;

	font-size: 16px;

	color: #252525;

	line-height: 28px;

	white-space: normal;

	overflow: hidden;

	text-overflow: ellipsis;

}

.new_txt2_r p{

	float: left;

	width: 250px;

	height: 36px;

	overflow: hidden;

	font-size: 14px;

	line-height: 18px;

	color: #909090;

}

.new_con_r ul li:hover{

	 box-shadow: 0px 5px 5px 0px rgba(9, 125, 201, 0.28);

}

.new_con_r ul li:hover .new_txt2_r a{

	display: block;

}

.new_con_r ul li:hover em{

	background: #097dc9;

}

.new_con_r ul li:hover a{

	color:  #097dc9;

}

/*新闻中心*/