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









.pro_box{

    height:734px;

    overflow: hidden;

}





/**search**/



.search_box{width: 100%; height:50px;background-color: #f5f5f5; }



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



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



.rmgj-n-r{ float:right; margin-top:11px;background-color: #fff;}



.text2{padding:0px 0px 0px 10px; float:left; height:26px; width:150px; font-size:14px; color:#999999;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{



	text-align: center;



}



.title>h3,.title>h2{



	margin:50px 0 40px 0;



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



}



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



	color: #808080;



	font-size: 28px;



	text-transform: uppercase;



	font-weight: bold;



	line-height: 30px;



}



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



	color: #1368ea;



	font-size: 28px;



font-weight: bold;



}



/*公共标题*/







/*产品中心开始*/







.pro_fl>ul li{



	width: 172px;



	height:60px;



	background-color: #1368ea;



	float: left;



	margin:12px;



	border-radius: 4px;



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







  transition: all 0.35s ease-in-out;







}



.pro_fl>ul li.on a{



	



	background-color: #f87a0f;







}



.pro_fl>ul li.on{



		cursor:pointer;



box-shadow:0px 8px 16px rgba(248,122,15,.4);



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



}



.pro_fl>ul li a{



	width: 172px;



	height:60px;



	text-align: center;



	line-height:60px;



	color: #fff;



	font-size: 18px;



	display: block;



	border-radius: 4px;



	font-weight: bold;



}



.pro_cont ul li{



	float: left;



	width: 372px;



	height:224px;



	overflow: hidden;



	position: relative;



	margin:10px;



}



.pro_cont ul li>div>a{



	width: 372px;



	height: 30px;



	background-color: rgba(19,104,234,.9);



	position: absolute;



	bottom: 0px;



	text-align: center;



	display: block;



	margin: 0 auto;



	line-height: 30px;



	color: #fff;



}



.pro_cont ul li>a>img{



	width: 372px;



	height:224px;



	   transition: 0.5s;



    -o-transition: 0.5s;



    -ms-transition: 0.5s;



    -moz-transition: 0.5s;



    -webkit-transition: 0.5s;



}



.pro_cont ul li:hover>a>img{



	width: 382px;



	height:234px;



	  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);



}



.pro_cont ul li:hover>div>a{



	background-color: rgba(248,122,15,.9);



}



/*产品结束*/







/*about开始*/



.about_bg{



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



	height: 346px;



	margin-top: 60px;



}



.about_l>a>img{



	width: 590px;



	height: 346px;



}



.about_l{



	width: 590px;



	height: 346px;



	position: relative;



}



.about_l>div{



	width: 590px;



	height: 45px;



	background-color: rgba(248,122,15,.8);



	line-height: 45px;



	text-align: center;



	position: absolute;



	bottom: 0px;



}



.about_l>div>p{



	color: #fff;



	font-size: 14px;



}



.about_l>div>p>span{



	font-size: 24px;



}



.about_r{



	margin:70px 0 0 40px;



}



.about_r>h3>p{



	font-size: 16px;



	color: #fff;



	text-transform: uppercase;



}



.about_r>h3>a{



	color: #fff;



	font-size: 20px;



	font-weight: bold;



	margin-bottom: 30px;



	display: block;



}



.about_r>p{



	width: 550px;



	height: 66px;



	overflow: hidden;



	color: #fff;



	margin-bottom: 30px;



}



.about_r>a{



	color: #fff;



	font-size: 14px;



}











.box01{width:1078px; position:relative; margin:auto;}



.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:hover span a{



	background-color: #1368ea;



	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;background-color: #e5e5e5;



}



.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;}







.cfzs{width:1180px;position:relative;     height:290px;

    overflow: hidden;}



.cfzs .tab4_menu{z-index:1;height: 30px;width:326px;margin-top: 30px;margin:30px auto 40px auto;}



.cfzs .tab4_menu li{width:140px;height:38px;line-height:38px;cursor:pointer;text-align:center ;font-size: 14px;



					 display:inline-block;background-color: #1368ea;margin:0 10px 0 10px;border-radius: 4px;  -webkit-transition: all 0.35s ease-in-out;







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







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











.cfzs .tab4_menu .on{	cursor:pointer;



box-shadow:0px 8px 16px rgba(248,122,15,.4);



background-color: #f87a0f;







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







.cfzs .tab4_menu .on a{



color: #fff;



}



/*about开始*/



/*第一个小banner开始*/







.s_banner1{



	width: 100%;



	height: 260px;



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



	



	margin-top: 60px;



}



.s_banner2{



	width: 100%;



	height: 322px;



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







}



.s_banner3{



	width: 100%;



	height: 250px;



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



	margin-top: 50px;



}











.s_banner1 h4{



	color: #f87a0f;



	font-size: 24px;



	font-weight: bold;



	margin-top: 46px;



}



.s_banner2 h4{



	margin-top: 80px;



}



.s_banner1 i{



	font-size: 14px;



	color: #fff;



	text-transform: uppercase;



}



.s_banner1 h5{



	color: #fff;



	font-size: 20px;



	font-weight: bold;



}



.s_banner1 p{



		color: #fff;



	font-size: 24px;



	font-weight: bold;



}



.s_banner1 a{



	width: 100px;



    height: 28px;



    background-color: #1368ea;



    display: block;



    line-height: 28px;



    text-align: center;



    color: #fff;



   



    margin-top: 6px;



}



.s_banner1 a:hover{



	background-color: #f87a0f;



}



.s_banner2 {



	margin-top: 0px;



}



.s_banner2 a{



	width: 100px;



    height: 28px;



    background-color: #f87a0f;



    display: block;



    line-height: 28px;



    text-align: center;



    color: #fff;



   



    margin-top: 6px;



}



.s_banner2 a:hover{



	background-color: #fff;



	color: #1368ea;



}







/*第一个小banner结束*/







/*优势*/



.ys_bg{



	background-color: #f5f5f5;



	padding-top: 50px;



	padding-bottom: 60px;



}



.ys_box ul li {



	height: 360px;



}



.ys_box ul li div div{



	width: 518px;



}



.ys_box ul li div div h5{



	color: #808080;



	font-size: 50px;



	text-transform: uppercase;



	font-family: "Arial";



	margin-top: 10px;



}



.ys_box ul li div div h4{



	color: #1368ea;



	font-size: 24px;



	font-weight: bold;



	margin-bottom: 10px;



}



.ys_box ul li div div p{



	color: #4c4c4c;



	font-size: 14px;



}



.ys11{



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



}



.ys22{



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



}



.ys33{



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



}



.ys44{



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



}



.ys1,.ys3{



	text-align: left;



	margin-top: 40px;



}



.ys3{



	margin-top: 60px;



}



.ys2{



	text-align: left;



	float: right;



	margin-top: 60px;



}



.ys4{



	text-align: left;



	float: right;



	margin-top: 70px;



}







/*优势*/







/*案例开始*/



#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(19,104,234,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;} 











/*案例结束*/











/*客户见证*/



.kh_bg{



	background-color: #f5f5f5;



	margin-top: 50px;



	padding-bottom: 40px;



}



.sec7_con{



	width: 1180px;



	



}







.sec7_con ul li{



	float: left;



	width:475px;



	height: 200px;



	margin: 20px 25px 30px 25px;



	background-color: #fff;



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



	cursor:pointer;



box-shadow:0px 15px 30px rgba(0,0,0,.1);



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: #1368ea;



}



.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: #1368ea;



	color:#fff;



}



.sec7_con{



	position: relative;



	height: 270px;



}











/*客户见证结束*/



/* new开始*/







.new_box {



	width: 100%;



	



	



	height: 540px;



	



}







.new{



	width: 1180px;



	height: 566px;



	margin: 0 auto;



	overflow: hidden;



}



.new_top ul{



	overflow: hidden;



	margin:0 auto 0px auto;



	width: 380px;



}



.new_top ul li{



	float: left;



}



.new_top ul li a{



	float: left;



	font-size: 14px;



	line-height: 36px;



	text-align: center;



	margin:0 11px 16px 11px;



	border-radius: 4px;



	



	width: 104px;



	height: 36px;



	background-color: #1368ea;



	text-align: center;



	color: #fff;







}



.new_top ul .on a{







	background-color: #ec7b1a;



	cursor: pointer;



    box-shadow: 0px 8px 16px rgba(248,122,15,.4);



    background-color: #f87a0f;



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



}



.new_con {



	width: 1180px;



	height: 350px;



	overflow: hidden;



}



.box11 {width:1180px;padding:20px;position:relative;height: 338px;margin:0 auto;}



.box11 div a img{



	float: left;



	width: 310px;



	height: 286px;



	margin-top: 10px;



	margin-right: 10px;



}



.box11 div ul li{



	float: left;



	width: 376px;



	height: 82px;



	margin:10px;



	background-color: #f5f5f5;



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







  transition: all 0.35s ease-in-out;







}

.box11 div ul li span{display:block;overflow:hidden;}
.box11 div ul li span a{float:left;width:260px;
	color: #4c4c4c;



	text-overflow: ellipsis;



    white-space: nowrap;



    overflow: hidden;



    display: block;



    margin:20px 0 0 20px;}


.box11 div ul li span i{display:block;float:right;	color: #4c4c4c;

font-size:14px;margin:20px 10px 0 0;}

.box11 div ul li:hover span i{color:#fff;}

.box11 div ul li p{



	color: #808080;



	 margin:6px 0 0 20px;



	 text-overflow: ellipsis;



    white-space: nowrap;



    overflow: hidden;



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







  transition: all 0.35s ease-in-out;







}



.box11 div ul li:hover{



	



	background-color: #1368ea;



	cursor:pointer;



box-shadow:0px 10px 30px rgba(19,104,234,.6);



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



}



.box11 div ul li:hover a,.box11 div ul li:hover p{



	color: #fff;



}



.box11 .lefts ,.rights {display: block;width:22px;height:38px; position: absolute;top:36%; background: url(../images/p_n.png) no-repeat;z-index: 9999;}



.box11 .lefts {background-position: 0 0;left: 0px;}



.box11 .rights {background-position: 0px 0;right: 110px;background: url(../images/p_n.png) no-repeat -25px 0px;}



/* 常见问题文字向上滚动结束*/



/* 新闻选项卡横向滑动门开始 */







.tab_menu{



    width:100%;



   color: #333333;



   line-height: 42px;



}



.tab_menu>a{



    color:#666;



    float: right;



    line-height: 42px;



    padding-right: 32px;



    text-transform: uppercase;



}



.tab_menu>a:hover{



	color: #ff9502;



}



.tab_menu li{



    float:left;



    width:150px;



    height:42px;



    border-bottom:0px;



    cursor:pointer;



    text-align:center; 



  



    font-size: 16px;



    padding-left: 16px;



}



#tab .tab_menu li>i{



	color: #666666;



	font-size: 10px;



}



#tab .tab_menu li>a>p{



	font-size: 12px;



	margin: 0;



}



.new_left{



	float: left;



}







.tab_box{



    width:790px;



    height:400px;



    clear:both;







}



.tab_menu .on{



  background-color: #f27000;



    cursor:pointer;



    



    padding-left: 16px;



}