/* Generated by wjdhcms 3.0 */







@charset "utf-8";







/*-----------CSS Reset-----------*/







::selection {



	color:#fff;



    background-color: #f00;



}







::-moz-selection {



	color:#fff;



    background-color: #f00;



}







::-webkit-selection {



	color:#fff;



    background-color: #f00;



}







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



}







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%; height: 660px; margin:0 auto; clear: both;}



.banner img{display:block; width:100%; height: 660px;}



.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 li{background:#d5d5d5;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;*filter:alpha(opacity=50);*opacity:.5;line-height:600px;}



.fullSlide .hd ul .on{background:#e49703;}



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



.keytext span{line-height:50px; color: #333; font-weight:bold;}



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



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



.rmgj-n-r .text{padding:0px 0px 0px 10px; float:left; height:32px; width:210px; margin-right: 5px;border: solid #e1e1e1 1px; font-size:14px; color:#666; font-family:"微软雅黑";}



.submit{width:50px; height:34px; border:0; padding:0; background:url(../images/sea.jpg); float:left;}







/*product*/



.pro_box{



	width: 100%;



	height: 590px;



	clear: both;



}



.pro{



	width: 1180px;



	height: 590px;



	margin: 0 auto;



	overflow: hidden;



}



.pro_l{



	margin-top: 30px;



	width: 228px;



	height: 505px;



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



	float: left;



}



.pro_l h2 a{



	display: block;



	font-weight: bold;



	font-size: 24px;



	color: #fff;



	line-height: 40px;



	margin-top: 40px;



	text-align: center;



}



.pro_l ul li{



	width: 190px;



	height: 40px;



	border: solid #fff 1px;



	margin: 18px;



}



.pro_l ul li a{



	display: block;



	font-size: 16px;



	color: #fff;



	line-height: 40px;



	text-align: center;



}



.pro_l ul li:hover{



	background: #fff;



}



.pro_l ul li:hover a{



	color: #015198;



}



.pro_r{



	float: left;



	width: 952px;



	height: 500px;

	overflow: hidden;

	margin-top: 40px;



}



.pro_r_title{



	width: 930px;



	height: 48px;



	overflow: hidden;



	background: #f1f1f1;



	margin-left: 18px;



}



.pro_r_title ul{



	float: left;



}



.pro_r_title ul li{



	float: left;



}



.pro_r_title ul li a{



	display: block;



	width: 100px;



	height: 48px;



	font-size: 16px;



	font-weight: bold;



	color: #333;



	line-height: 48px;



	text-align: center;



}



.pro_r_title ul li:hover,.pro_r_title ul .seleceted a{



	background: #015198;



	color: #fff;



}



.pro_r_title span a{



	display: block;



	float: right;



	font-size: 14px;



	color: #666;



	line-height: 48px;



}



.pro_r_title span a:hover{



	color: #e49703;



}



.pro_r_con{



	width: 960px;



}



.pro_r_con ul{



	overflow: hidden;



}



.pro_r_con ul li{



	float: left;



	margin-left: 18px;



	margin-top: 20px;



}



.pro_r_con ul li a{



	width: 218px;



}



.pro_r_con ul li img{



	width: 208px;



	height: 160px;



	padding: 5px;



	background: #fff;



	border: solid #e1e1e1 1px;



}



.pro_r_con ul li span{



	display: block;



	line-height: 24px;



	font-size: 14px;



	color: #333;



	text-align: center;



	white-space: nowrap;



	overflow: hidden;



	text-overflow: ellipsis;



}



.pro_r_con ul li:hover img{



	border: solid #e49703 1px;



}



.pro_r_con ul li:hover span{



	color: #e49703;



}



.hide{



	display: none;



}











/*partner*/



.partner {



	width: 100%;



	height: 426px;



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



}



.par{



	width: 1180px;



	height: 426px;



	margin: 0 auto;



	overflow: hidden;



}



.par h3{



	padding-left: 30px;



	margin-top: 27px;



	text-align: center;



	line-height: 40px;



}



.par h3 a{



	display: block;



	font-size: 24px;



	color: #015198;



	font-weight: bold;



}



.par h3 span{



	display: block;



	font-weight: normal;



	font-size: 16px;



	color: #333;



	padding-top: -8px;



}



/* 滑动门通用按钮 */



.lefts1 ,.rights1 {display: block;width: 40px;height: 76px;margin-top:-32px; position: absolute;top:50%; background: url(../images/par_btn.png) no-repeat;}



.lefts1 {background-position: 0 0;left: 10px;}



.rights1 {background-position: -40px 0;right: 10px;}







.par_con {width:1180px;height:224px;position:relative; overflow: hidden;}



.par_con ul {    margin: 44px 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; padding: 5px;}



.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: #1990e6;



}



.par_btn a{



	font-size: 16px;



	color: #e49703;



	display: block;



	text-align: center;



	line-height: 36px;



	font-weight: 500;



	margin-top: 20px;



    margin-left: 46%;



	width: 130px;



	height: 36px;



	border: solid #e49703 1px;



}



.par_btn a:hover{



	background: #e49703;



	color: #fff;



}







/*x_banner1*/



.sm_box1{



	width: 100%;



	height: 194px;



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



	clear: both;



}



.sm_con1{



	width: 1180px;



	height: 194px;



	margin: 0 auto;



	position: relative;



}



.sm_con1 h4{



	font-size: 24px;



	font-weight: bold;



	color: #fff;



	position: absolute;



	top:30px;



	left: 42%;



}



.sm_con1 h5{



	width: 300px;



	height: 36px;



	border: solid #e49703 1px;



	color: #e49703;



	font-size: 16px;



	text-align: center;



	line-height: 36px;



	background: #fff;



	position: absolute;



	top:73px;



	left: 50%;



}



.sm_con1 p{



	font-size: 14px;



	color: #fff;



	position: absolute;



    bottom: 30px;



    left: 44%;



}



.sm_con1 p span{



	font-weight: bold;



	font-size: 24px;



}



.sm_con1 a{



	display: block;



	width: 108px;



	height: 38px;



	background: #e49703;



	color: #fff;



	text-align: center;



	line-height: 38px;



	position: absolute;



	bottom:30px;



	left: 72%;



}







/*ys*/



.ys_box{



	width: 100%;



	height: 700px;

	overflow: hidden;

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



	clear: both;



}



.ys{



	width: 1180px;



	height: 700px;



	margin: 0 auto;



	overflow: hidden;



}



.ys h3 a{



	font-weight: bold;



	font-size: 26px;



	color: #015198;



	display: block;



	text-align: center;



	line-height: 40px;



	margin-top: 43px;



}



.ys_menu{



	overflow: hidden;



}



.ys_menu ul{



	overflow: hidden;



    margin-left: 329px;



    margin-top: 50px;



}



.ys_menu ul li{



	width: 100px;



	height: 173px;



	background: #cdcdcd;



	float: left;



	margin-left: 3px;



}



.ys_menu ul li span{



	width: 86px;



	height: 40px;



	border: #eeeeee solid 1px;



	margin: 7px;



	text-align: center;



	line-height: 40px;



	color: #1a1a1a;



	display: block;



	font-size: 28px;



}



.ys_menu ul li p{



	font-size: 20px;



	width: 20px;



	line-height: 22px;



	margin-left: 39px;



	margin-top: 15px;



}



.ys_menu ul li:hover,.ys_menu ul .selet{



	background: #015198;



	color: #fff;



}



.ys_menu ul li:hover span,.ys_menu ul .selet span{



	color: #fff;



}



.ys_con{



	margin-top: 60px;



	overflow: hidden;



	width: 1180px;



	height: 303px;



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



}



.ys_con img{



	float: left;



	margin: 21px;



}



.ys_txt{



	overflow: hidden;



	float: left;



	width: 620px;



	position: relative;



	margin-left: 8px;



	margin-top: 40px;



}



.ys_txt h4{



	font-size: 20px;



	font-weight: bold;



	color: #015198;



	padding-left: 10px;



	position: absolute;



	top:15px;



	left: 80px;



}



.ys_txt span{



    width: 65px;



    height: 60px;



    background: #e49703;



    color: #fff;



    display: block;



    font-size: 18px;



    letter-spacing: 3px;



    text-align: center;



    padding-top: 5px;



	position: absolute;



	top:0;



	left: 0;



}



.ys_txt p{



	margin-top: 80px;



	font-size: 14px;



	color: #666;



	line-height: 26px;



}



.ys_txt p em{



	color: #e49703;



}







/*客户见证*/



.kh_box{



	width: 100%;



	height: 578px;



	clear: both;



}



.kh{



	width: 1180px;



	height: 578px;



	margin: 0 auto;



	overflow: hidden;



}



.kh h3 a{



	width: 1180px;



	height: 70px;



	display: block;



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



	text-align: center;



    font-size: 18px;



    font-weight: bold;



    color: #333;



    padding-top: 58px;



}



.kh_con{



	width: 1180px;



	overflow: hidden;



}



.kh_l{



	float: left;



	margin-left: 30px;



}



.kh_l img{



	width: 435px;



	height: 270px;



	display: block;



}



.kh_txt_l{



	width: 435px;



	height: 128px;



	box-shadow: 1px 1.732px 2px 0px rgba(0, 0, 0, 0.27);



	overflow: hidden;



}



.kh_txt_l h4 a{



	width: 395px;



	white-space: nowrap;



	overflow: hidden;



	text-overflow: ellipsis;



	font-size: 16px;



	color: #1a1a1a;



	display: block;



	line-height: 40px;



	margin-left: 20px;



	margin-top: 15px;



}



.kh_txt_l p{



	width: 395px;



	height: 48px;



	line-height: 24px;



	overflow: hidden;



	color: #4c4c4c;



	font-size: 14px;



	margin-left: 20px;



}



.kh_r{



	width: 670px;



	float: left;



	margin-left: 40px;



}



.kh_r ul{



	overflow: hidden;



}



.kh_r ul li{



	overflow: hidden;



	margin-bottom: 20px;



	height: 122px;



}



.kh_r ul li img{



	width: 158px;



	height: 120px;



	float: left;



}



.kh_txt_r{



	float: left;



	width: 485px;



	height: 120px;



	box-shadow: 1px 1.732px 2px 0px rgba(0, 0, 0, 0.27);



	margin-left: 20px;



}



.kh_txt_r h4 a{



	width: 395px;



	white-space: nowrap;



	overflow: hidden;



	text-overflow: ellipsis;



	font-size: 16px;



	color: #1a1a1a;



	display: block;



	line-height: 40px;



	margin-left: 20px;



	margin-top: 15px;



}



.kh_txt_r p{



	width: 395px;



	height: 48px;



	line-height: 24px;



	overflow: hidden;



	color: #4c4c4c;



	font-size: 14px;



	margin-left: 20px;



}







/*x_banner2*/



.sm_box2{



	width: 100%;



	height: 203px;



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



}



.sm_con2{



	width: 1180px;



	height: 203px;



	margin: 0 auto;



	position: relative;



}



.sm_con2 h4{



	font-size: 24px;



	color: #fff;



	font-weight: bold;



	position: absolute;



	bottom: 50px;



	left:0;



}



.sm_con2 p{



	font-size: 16px;



    color: #4c4c4c;



    position: absolute;



    left: 61%;



    top: 50px;



    line-height: 30px;



    text-align: center;



}



.sm_con2 p span{



	font-size: 26px;



	color: #0b85da;



	line-height: 30px;



	font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black," sans-serif";



}



.sm_con2 a{



	display: block;



	width: 136px;



	height: 36px;



	background: #e49703;



	border-radius: 5px;



	color: #fff;



	text-align: center;



	line-height: 36px;



	position: absolute;



    left: 61.5%;



    bottom: 43px;



}







/*about us*/



.us_box{



	width: 100%;



	height: 730px;



	clear: both;



}



.us{



	width: 1180px;



	height: 806px;



	margin: 0 auto;



	overflow: hidden;



}



.us_ti{



	width: 433px;



	height: 126px;



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



	margin: 0px auto;



	overflow: hidden;



}



.us_ti h3 a{



	display: block;



	text-align: center;



	font-size: 24px;



	color: #015198;



	margin-top: 24px;



}



.us_con{



	width: 806px;



	float: left;



}



.us_con img{



	float: left;



	width: 380px;



	height: 259px;



}



.us_con .us_txt{



	float: left;



	margin-left: 20px;



}



.us_con .us_txt h4 a{



	font-size: 22px;



	color: #000;



	font-weight: bold;



	line-height: 40px;



	display: block;



	margin-bottom: 10px;



}



.us_con .us_txt p{



	width: 405px;



	height: 150px;



	overflow: hidden;



	font-size: 14px;



	line-height: 30px;



	color: #666;



}



.us_con .us_txt span a{



	display: block;



	width: 154px;



	height: 40px;



	background: #e49703;



	border-radius: 20px;



	text-align: center;



	line-height: 40px;



	font-size: 16px;



	color: #fff;



	margin-top: 10px;



}



.ry{float: right;width: 374px;  margin-top: -24px;}



.ry_ti{



	width: 374px;



	height: 50px;



	overflow: hidden;



}



.ry_ti h3 a{



	margin-left: 10px;



	display: block;



	font-size: 18px;



	font-weight: bold;



	color: #000;



	line-height: 50px;



	float: left;



}



.ry_ti h3 a em{



	font-size: 14px;



	font-weight: 500;



	color: #666;



}



.ry_ti span a{



	float: right;



	margin-right: 10px;



	color: #666;



	line-height: 50px;



}



.tab_box2 {



	width:360px;



	overflow: hidden;



	padding:8px;



	float: right;



	position:relative;



}



.box3 {



	width:250px;



	height: 260px;



	margin:0 auto;



	overflow: hidden;



}



.box3 ul{



	width: 1920px;



	height:270px;

	overflow: hidden;

	margin:0;



}



.box3 li {



	float: left;



	width: 250px;



	margin-bottom: 20px;



}



.box3 li img {



	width: 180px;



	height:  215px;



	margin-top: 20px;

	

	display: block;



	margin: auto;



}



.box3 li span a {



	display: block;



	width:250px;



	height: 40px;



	background: #e49703;



	color: #fff;



	text-align: center;



	white-space: nowrap;



	overflow: hidden;



	text-overflow: ellipsis;



	font-size: 14px;



	line-height: 40px;



}



/* 滑动门通用按钮 */



.lefts ,.rights {



	display: block;



	width: 32px;



	height: 40px;



	margin-top:-32px;



	position: absolute;



	top:50%;



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



}



.lefts {



	background-position: 0 0;



	left: 10px;



}



.rights {



	background-position: -32px 0;



	right: 10px;



}



.us_qy_m{



	width: 1180px;



	height: 45px;



	background: #e6e6e6;



	float: left;



}



.us_qy_m ul{



	overflow: hidden;



}



.us_qy_m ul li{



	float: left;



	width: 120px;



	height: 45px;



}



.us_qy_m ul li a{



	font-size: 16px;



	line-height: 45px;



	color: #333;



	text-align: center;



	display: block;



}



.us_qy_m ul li:hover,.us_qy_m ul .after{



	background: #015198;



}



.us_qy_m ul li:hover a,.us_qy_m ul .after a{



	color: #fff;



}



.us_qy{



	width: 1180px;

	height:231px;

	overflow: hidden;



}



.us_qy ul{



	overflow: hidden;



}



.us_qy ul li{



	float: left;



	margin:20px 6px;



}



.us_qy ul li img{



	width: 220px;



	height: 150px;



	padding: 5px;



	background: #fff;



	border: solid #e1e1e1 1px;



}



.us_qy ul li span{



	display: block;



	text-align: center;



	line-height: 24px;



	color: #333;



}



.us_qy ul li:hover img{



	border: solid #e49703 1px;



}



.us_qy ul li:hover span{



	color: #e49703;



}







/*new*/



.new_box{



	width: 100%;



	height: 390px;



	clear: both;



}



.new{



	width: 1180px;



	height: 390px;



	margin: 0 auto;



	overflow: hidden;



}



.new_l{



	width: 632px;



	float: left;



}



.new_l_ti{



	width: 632px;



	height: 40px;



	border-bottom: double 3px #e1e1e1;



}



.new_l_ti h3 a{



	font-size: 18px;



	color: #000;



	line-height: 40px;



	float: left;



}



.new_l_ti span a{



	float: right;



	line-height: 40px;



	color: #999;



}



.new_l_ti span a:hover{



	color: #ff7200;



}



.new_l_con {



	overflow: hidden;



	width: 632px;



}



.new_l_con ul{



	overflow: hidden;



}



.new_l_con ul li{



	width: 316px;



	height: 150px;



	border-bottom: dashed 1px #333;



	float: left;



}



.new_l_con ul li span{



	margin-top: 30px;



	font-size: 14px;



	color: #ff7200;



	line-height: 30px;



	margin-right: 10px;



	float: left;



}



.new_l_con ul li h4 a{



	margin-top: 30px;



	width: 258px;



	float: left;



	color: #666;



	line-height: 30px;



	white-space: nowrap;



	overflow: hidden;



	text-overflow: ellipsis;



	margin-right: 20px;



}



.new_l_con ul li em{



	display: block;



	float: left;



	color: #333;



	line-height: 26px;



	margin-right: 10px;



}



.new_l_con ul li p{



	width: 258px;



	height: 52px;



	overflow: hidden;



	color: #333;



	line-height: 26px;



	float: left;



	margin-right: 20px;



}



.new_r{



	width: 510px;

	height:353px;

	overflow: hidden;

	float: right;



}



.new_r_ti{



	width: 510px;



	height: 40px;



	border-bottom: double 3px #e1e1e1;



	overflow: hidden;



}



.new_r_ti ul{



	float: left;



}



.new_r_ti ul li{



	font-size: 18px;



	color: #000;



	line-height: 40px;



	float: left;



}



.new_r_ti ul li:hover a,.new_r_ti ul .selecet a{



	color: #ff7200;



}



.new_r_ti span a{



	float: right;



	line-height: 40px;



	color: #999;



}



.new_r_ti span:hover a{



	color: #ff7200;



}



.new_tuij{



	overflow: hidden;



}



.new_tuij img{



	float: left;



	width: 170px;



	height: 135px;



	margin-right: 20px;



}



.new_tuij .new_tui_txt{



	float: left;



	width: 320px;



}



.new_tuij .new_tui_txt h4 a{



	font-size: 16px;



	color: #333;



	line-height: 40px;



	width: 310px;



	white-space: nowrap;



	overflow: hidden;



	text-overflow: ellipsis;



	display: block;



	margin-top: 20px;



}



.new_tuij .new_tui_txt p{



	width: 310px;



	height: 52px;



	overflow: hidden;



	color: #666;



	line-height: 26px;



}



.new_r_con ul{



	width: 510px;



	margin-top: 25px;



}



.new_r_con ul li{



	overflow: hidden;



}



.new_r_con ul li a{



	width: 426px;



	display: block;



	white-space: nowrap;



	overflow: hidden;



	text-overflow: ellipsis;



	color: #666;



	line-height: 30px;



	float: left;



}



.new_r_con ul li a span{



	margin-right: 10px;



}



.new_r_con ul li em{



	display: block;



	width: 84px;



	float: left;



	line-height: 30px;



}



.new_r_con ul li:hover a{



	color: #ff7200;



}







/*link*/



.link{



	clear: both;



	width: 1180px;



	height: 100px;



	margin: 0 auto;



	overflow: hidden;



	border: solid #e5e5e5 5px;



}



.link span img{



	float: left;



	margin: 32px 32px 20px;



}



.link ul {



	float: left;



}



.link ul li{



	float: left;



	font-size: 16px;



	line-height: 100px;



}



.link ul li a{



	line-height:100px;



	padding: 0 10px;



	font-size: 16px;



	color: #333;



}



.link ul li a:hover{



	color: #ff7200;



}