@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
*{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
body{
	font-family: Arial, "微软雅黑";
	font-size: 14px;
	color:#525252;
}
ul, ol { list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
address,cite,code,em,th { font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% Lao UI, sans-serif, "微软雅黑"; vertical-align:middle;}
a{ color:#525252; text-decoration:none;}
.w1200{
	width: 1200px;
	margin: 0 auto;
}
.top{
	width: 100%;
}

.top .top_zy{
	background: url(../img/bj.jpg);
	overflow: hidden;
	padding: 8px;
	text-transform: uppercase;
	
}
.top .top_zy p{
	float: left;
	margin-top: 5px;
}

.top .top_zy h5{
	float: right;
	color: #ff6600;
	margin-right: 40px;
	margin-top: 5px;
}
.top .top_zy h5 a{
	color: #ff6600;
	padding: 5px;
}



/* reset webkit search input browser style */
input {
	outline: none;
	float: right;
	clear: right;

}
input[type=text] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

/* search input field */
input[type=text] {
	background: url(../img/2.png) no-repeat 175px center;
	border: solid 1px #ccc;
	padding: 5px 10px 5px 0px;
	width: 55px;
	
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=text]:focus {
	width: 100px;
	background-color:none ;
	border-color: #6dcff6;
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

/* placeholder */
 input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}

/* demo B */
#demo-b input[type=text] {
	width: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
#demo-b input[type=text]:hover {
	background-color: none;
}
#demo-b input[type=text] {
	width: 180px;
	padding-left: 12px;
	color: #000;
	background-color:  none;
	cursor: auto;
	border: 1px solid #888888;
	color: #484848
}
#demo-b input:-moz-placeholder {
	color: transparent;
}
#demo-b input::-webkit-input-placeholder {
	color: transparent;
}

.top_dh{
	
}
.top_dh h1{
	float: left;
	margin-top: 11px;
	width: 267px;
	
}
.top_dh h1 img{
	width: 100%;
}
.top_dh ul {
float: right;
		
}
.top_dh ul li{
	float: left;
	font-size: 16px;
	position: relative;
	padding: 30px 0;
		
}
.top_dh ul li .top_pf{
	position: absolute;
	top: 78px;
	left: 0;
	z-index: 9999;
	width: 350px;
	height: 0;
	overflow: hidden;
	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
	opacity: 0;	
	
}
.top_dh ul li .top_pf p{
	width: 50%;
	float: left;
	background: #787878;
	padding: 15px 0px;
	font-size: 14px;
}
.top_dh ul li .top_pf p a{
	color: #f1f1f1;
	width: 50%;
	padding: 15px 10px;
}
.top_dh ul li .top_pf p:hover{
	background: #ff803a;
}
.top_dh ul li:hover .top_pf{
	display: block;
	opacity: 1;
	height: auto;
}
.top_dh ul li>a{
	padding: 30px 24px;
}
.top_dh ul li:hover {
	background: #787878;
}
.top_dh ul .s {
	background: #787878 !important;
}
.top_dh ul .s a{
	color: #fff !important;
}
.top_dh ul li:hover>a{
	color: #f1f1f1;
}
.top_dh .zh{
	float: right;
	margin-top: 23px;
}
.top_dh .zh .zh_kj{
	width: 31px;
	height: 31px;
	
	float: left;
	margin-left: 10px;
	
}


/*banner*/

.js-silder{
	position: relative;	
	min-width: 320px;
	text-align: center;
    overflow: hidden;
    width: 100%;
}
.js-silder .banner-pf{
	position: absolute;
	bottom:0px; ;
	width: 100%;
	z-index:9999;
	font-size: 18px;
	font-weight: 900;
	color: #f1f1f1;
	background: url(../images/t/1.png);
}
.js-silder .banner-pf p{
	padding:5px 0; 
	
}


.silder-scroll{
	width: 100%;
	overflow: hidden;
}
.silder-main{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.silder-main-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.silder-main-img img{
	width: 100%;
}
.js-silder-ctrl{
	width: 100%;
	text-align: center;
}
.silder-ctrl-prev,
.silder-ctrl-next{
	position: absolute;
	top: 0;
	width: 8%;
	height: 100%;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	font-family: "宋体";
	font-size: 52px;
	font-weight: 600;
	text-shadow: #666 2px 2px 5px;
}
.silder-ctrl-prev{
	left: 0;
	text-align: left;
}
.silder-ctrl-next{
	right: 0;
	text-align: right;
}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{
	position: absolute;
	top: 50%;
	margin-top: -40px;
}
.silder-ctrl-prev>span{
	left: 0;
}
.silder-ctrl-next>span{
	right: 0;
}
.silder-ctrl-con{
	display: inline-block;
	width: 4%;
	padding: 10px 0;
	margin: 0 10px;
	cursor: pointer;
	display: none;
}
.silder-ctrl-con>span{
	display: none;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	padding: 5px 0;
	cursor: pointer;
	background-color: #e4e4e4;
}
.silder-ctrl-con.active>span{
	background-color: #7bbedf;
}

@media (max-width: 768px){
	.silder-ctrl-prev,
	.silder-ctrl-next{
		width: 10%;
		font-size: 26px;
		margin-top: -25px;
	}
	.silder-ctrl-con{
		width: 14px;
		height: 14px;
		padding: 0;
		margin: 0 5px;
	}
	.silder-ctrl-con>span{
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		padding: 0;
        display: none;
	}
    
}




/*cp*/
.sy_cp{
	padding:50px 0px 30px 0;
	overflow: hidden;
}
.sy_cp h3{
	font-size: 28px;
	font-weight: 600;
	color: #ff803a;
}
.sy_cp h3 a{
	color: #555555;
}
.sy_cp h3 p{
	font-size: 14px;
	font-weight: 300;
	color: #808080;
	margin-top: 5px;
}
.sy_cp ul {
	margin-left:-2%;
	margin-top: 33px;
}
.sy_cp ul li{
	width: 18%;
	float: left;
	margin-left: 2%;
	border: 1px solid #f1f1f1;
	position: relative;
	margin-bottom: 2%;
	min-height: 224px;
	text-align: center;
	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
	
}
.sy_cpbt{
	border: 0!important;
}
.sy_cp ul li h2{
	font-size:50px;
	font-weight: 600;
	color: #ff803a;
	margin-top: 61px;
}
.sy_cp ul li img{
	width: 100%;
}
.sy_cp ul li .cp_pf{
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	padding: 7px;
	background: #ff803a;
	opacity: 0;
	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
	
}
.sy_cp ul li a{
	color: #f1f1f1;
}
.sy_cp ul li:hover{
	border: 1px solid #ff803a;
}
.sy_cp ul li:hover .cp_pf{
	opacity: 1;
	
}



.sy_xw{
	padding: 51px 0;
	background: url(../img/bj.jpg);
	overflow: hidden;
}
.sy_xw h3{
	font-size: 28px;
	font-weight: 600;
	color: #ff803a;
}
.sy_xw h3 a{
	color: #555555;
}
.sy_xw h3 p{
	font-size: 14px;
	font-weight: 300;
	color: #808080;
	margin-top: 5px;
}
.xw_z{
	width: 523px;
	float: left;
	position: relative;
}
.xw_tu{
	margin-top: 30px;
}


    .box{width:100%;height:378px;text-align:center;font-size:50px;position:relative;margin:0px auto;overflow:hidden;}
.box ul{height:337px;width:100%;position:relative;}
.box ul li{width:100%;height:337px;left:300px;top:0;position:absolute;}
.box ol{position:absolute;bottom:1px;width:100%;margin-left:-130px;left:28%;z-index:20;text-align:center;}
.box ol a{width:12px;height:12px;margin-right:10px;background:#666666;border-radius:50%;display:inline-block;}
.box ol a.active{background:#ff803a;z-index:18;}
   

/*新闻*/
.xw_y{
	width: 651px;
	float: right;
}
.scrollbox{width:651px; position: relative;margin-top: 30px;}
#scrollDiv{width:651px;height:378px; overflow:hidden; display: block;}
#scrollDiv ul{ width: 651px;}
#scrollDiv li{width:100%;height:127px;padding:10px;margin-right:11px; background: #fff;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;border:1px solid #dedede;}
.scroltit{ position: absolute; right:20px; top:10px;width:18px;}
.scroltit small{float:right; font-size:12px; line-height:18px; text-align: center;;color: #fff;font-family: "宋体"; margin:2px 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;}
.scroltit small img{margin-top:6px;}
#but_down{
	margin-top: 310px;
}

.xw_nr{
	width: 522px;
	float: right;
	margin-top: 15px;
}

#scrollDiv ul li h4{
	float: left;
	color: #ff803a;
	font-size: 16px;
	margin-top: 45px;
	margin-left: 7px;
}
/*新闻结束*/
.xw_nr h5{
	font-size: 19px;
	color: #282828;
	margin-bottom: 10px;
	
}
.xw_nr p{
	line-height: 24px;
	color: #808080;
	
}
#scrollDiv ul li:hover {
}
#scrollDiv ul li .xw_nr h5:hover{
	color: #ff803a;
}
#scrollDiv ul li .xw_nr p:hover{
	color: #ff803a;
	
}
 #scrollDiv ul li  h4:hover{
	line-height: 24px;
	color: #ff803a;
	
}


		.my-map { margin: 0 auto; width: 100%; height: 100%; }
		.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
		.my-map .icon-cir { height: 31px; width: 28px; }
		.my-map .icon-cir-red { background-position: -11px -5px; }
		.amap-container{height: 100%;}

.sy_dt{
	height: 400px;
	width:100%;
	
}



/*di*/
.di{
	padding-top: 51px;
	background: url(../img/bj.jpg);
	overflow: hidden;
	width: 100%;
}
.di ul{
	
}
.di ul li{
	float: left;
	margin-right: 50px;
	width: 158px;
}	

.di ul li h3{
	padding-bottom: 17px;
	margin-bottom: 17px;
	border-bottom:1px solid #8e8e8e;
	font-size: 19px;
	color: #282828;
}
.di ul li  p{
	font-size: 16px;
	color: #686868;
	margin-bottom: 11px;
}

.di_lx{
	width: 360px;
	float: right;
}
.di_lx img{
	margin-bottom: 24px;
}
.di_lx p{
	line-height: 24px;
	color: #484848;
}

.di_an{
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
	float: left;
	padding: 20px 0;
	border-top: 1px solid #aaaaaa;
}
.di_an p{
	float: left;
	text-transform: uppercase;
	font-size: 16px;
}
.di_an .zh{
	float: right;
	margin-top: -8px;
}
.di_an .zh .zh_kj{
	width: 31px;
	height: 31px;
	
	float: left;
	margin-left: 10px;
	
}



.menu dl{position:absolute;top:78px;left:0px;z-index:999;width:150px;overflow:hidden;background:#787878;display:none;padding:5px;font-family:Arial, Helvetica, sans-serif; }
.menu dl dd{ font-weight:normal;}
.menu dl dd>a{line-height:30px; height:30px;text-align:left;padding-left:10px; padding-right:0;display:inline-block;color:#fff;font-size:13px;float:left; display:block; width:140px;}
.menu dl dd:hover a{text-decoration:underline; background:none;}
.menu li:hover dl{
	display: block;
}

.tu_news{ height:164px; padding-bottom:12px; min-height:154px; margin-bottom:12px; border-bottom:dotted 1px #ddd;text-align: left;}
.tu_da_n{ float:left;width: 232px;margin-right: 25px;}
.tu1_zi_n{ line-height:28px; }
.tu_da_more{width:100px;height:28px;line-height:28px;display:block;margin-top:5px;border-radius:2px;color:#fff;font-size:12px;background:#4b4b4b;text-align: center;}
.tu_da_more:hover{background:#ff803a; color:#fff;}
.news_z{
	float: left;max-width:623px;text-align:left;
}
.tu_news img{
}
.news_nr{
	    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;	

}

	
/*ny*/
.container{ min-width:1200px; width:1200px; margin:0px auto; padding:0px; text-align:left; position:relative; clear:both;text-align: left;}
.path{ background:#f6f6f6; height:42px; line-height:42px; color:#24282b; font-size:14px;width: 100%;overflow: hidden;text-align: left!important;}


/*index end*/

#content{ margin:0 auto 20px auto; width:1200px; min-width:1200px; clear:both; height:auto; padding:25px 0;overflow: hidden}
.path{ background:#f6f6f6; height:42px; line-height:42px; color:#24282b; font-size:14px;}
#left{ width:265px; float:left; background:#787878; margin-bottom:20px;}
.left_t{ height:70px; font-size:28px;color:#fff; font-weight:bold; background:url(../images/left_top_jt.jpg) no-repeat 230px #787878; line-height:70px; padding-left:20px; text-transform:uppercase; border-bottom:solid 1px #fff;}
.left_list{ width:265px;}
.left_list ul li{ height:auto; font-size:15px; }
.left_list ul li a{ color:#fff; height:45px; line-height:45px; display:block; padding-left:20px;  border-bottom:solid 1px #555555;}
.left_list ul li a:hover,.left_list ul li a.shover{ color:#f1f1f1; background:#787878; font-weight:bold; border-bottom:solid 1px #fff;}
.left_list ul .xuan{ color:#f1f1f1; background:#787878; font-weight:bold; border-bottom:solid 1px #fff;}
.left_list ul li a:hover.sp,.left_list ul li a.thover{background:url(../images/left_jt.png) no-repeat 235px #787878; color:#2a2a2a;}
.left_list ul ul{ display:none; padding:10px 0;}
.left_list ul ul li{ font-size:13px;}
.left_list ul ul li a{ height:30px ; line-height:30px; border:none; padding-left:20px;}
.left_list ul ul li a:hover,.left_list ul ul li a.shover{ color:#ff803a; background:none; border-bottom:none;}

#right{ float:right; width:890px; margin-bottom:10px;}
.right-head{ height:30px; line-height:30px;}
.right-head .path{ float:right; color:#666666; font-size:14px;}
.content-inner{ min-height:400px;  height:auto; _height:400px; clear:both; font-size:14px; line-height:26px;text-align:justify;text-justify:inter-ideograph}

.content-inner img{ max-width:100%;}




/*cnews_content*/
.cnews_content{width:100%;margin:0 auto;}
.cnews_type{font-weight:bold;height:28px;line-height:28px;position:relative; padding-bottom:5px;}
.cnews_type a{position:absolute;top:0;right:0;line-height:28px;}
.ntype_pic{float:left;width:27%;border:1px solid #ccc; margin-top:5px;}
ul.cnews_list{min-height:180px;_height:110px;padding-bottom:10px;}
ul.cnews_list li{position:relative;height:33px; line-height:33px;border-bottom:1px dotted #ccc;float:right;width:70%;}
.news_type{line-height:23px;font-weight:bold;clear:both;}
.news_more{line-height:23px;font-weight:bold;clear:both;text-align:right;}
ul.list_news{min-height:200px;_height:200px;}
ul.list_news li{position:relative;height:25px;padding-top:2px;border-bottom:1px dotted #ccc;}
span.date{position:absolute;right:5px;top:5px;}
.tu_news{ height:154px; padding-bottom:12px; text-align:center; min-height:154px; margin-bottom:12px; border-bottom:dotted 1px #ddd;}
.tu_da_n{ float:left;}
.tu1_zi_n{ line-height:28px; text-align:center;}
.tu_da_more{width:100px;height:28px;line-height:28px;text-align:center;display:block;margin-top:5px;border-radius:2px;color:#fff;font-size:12px;background:#4b4b4b;}
.tu_da_more:hover{background:#ff803a; color:#fff;}

/*dis_news*/
#dis_news{}
#dis_news .dnews_title{font-weight:bold;font-size:16px;_height:30px;min-height:30px;line-height:30px;text-align:center;}
#dis_news .dnews_line{text-align:center;_height:25px; line-height:25px; border-top:1px dashed #ccc;}
#dis_news .dnews_content{padding:5px;_height:200px;min-height:200px;line-height:23px;}

.ct_con{width:100%;position:relative;}
.ct_map{width:100%;position:relative;margin-bottom:10px;}
.ct_map img{}
.ct_con p{font-size:13px;line-height:22px;margin:0 0 15px 0;color:#999;}
.ct_con .left{width:470px;padding-right:10px;background:url(../images/ct_shadow.png) no-repeat right top;min-height:450px;float:left; padding-top:20px}
.ct_con .left .cts{width:100%;position:relative;margin-bottom:12px;}
.ct_con .left .cts img{float:left;width:28px;height:28px;margin-right:10px;}
.ct_con .left .cts span{float:left;width:410px;display:block;}
.ct_con .right{width:395px;float:right; padding-top:10px;}

.ct_con .ipu{width:100%;height:30px;margin-bottom:10px;}
.ct_con .ipu img{float:left;}
.ct_con .ipu span{float:left;width:110px;height:30px;line-height:30px;display:block;height:100%; text-align:left;}
.ct_con .ipu input{width:245px;padding-left:10px;float:left;border:1px solid #5ba00b;line-height:30px;height:30px;}
.ct_con .ipu textarea{width:245px;padding:5px 0 5px 10px;height:80px;border:none;float:left;border:1px solid #5ba00b;font-family:Arial, Helvetica, sans-serif;}
.proName{line-height:30px;margin-bottom:10px;font-size:16px;font-weight:bold;}


.list_pro{ height:auto; min-height:300px; _height:300px; }
.list_pro ul li{ width:274px; height:335px; float:left; margin-left:30px; position:relative; z-index:9;}
.list_pro ul li:nth-child(3n+1){margin-left:0px}
.list_pro ul li .h_list_pro_box{ width:274px; height:306px; transform: scale(1, 1);transition: all 0.2s ease-in-out 0s;}
.list_pro ul li .h_list_pro_box:hover{ -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}
.list_pro ul li img{ width:272px; height:272px; border:solid 1px #f2f2f2;}
.list_pro ul li p{ font-size:12px; display:block; color:#fff; width:274px; background:#9f9fa0; text-align:left; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; height:32px; line-height:32px;}
.list_pro ul li:hover p{ background:#ff803a;}

.share_list{ margin:0 auto;width:100%;}
.share_list ul li{ width:272px;float:left;margin-left:35px; height:245px;}
.share_list ul li h3{ text-align:center; padding-top:8px; line-height:18px; display: block; font-size:14px;}
.share_list ul li h3 a{ color:#4b4b4b;}
.share_img_box{height:181px;display: table-cell;vertical-align: middle;text-align: center;width:270px;*display: block;border:1px solid #dddddd; overflow:hidden; background:#ffffff;}
.share_img_box img{ max-width:270px; max-height:181px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.share_list ul li:hover img{transform: scale(1.08);transition: all 0.5s ease 0s;-webkit-transform: scale(1.08);-webkit-transform: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;}


#dis_pro{ width:100%; margin:0 auto; min-height:502px; position:relative;}
.dis_l{ float:left; width:462px;}
.dis_pic{ margin:0 auto; width:402px; min-height:402px; position:relative;}
.dis_pic{position: relative; width: 402px; height: 402px;}
.dis_pic ul li{width:402px; height:402px; position:relative; border:solid 1px #f2f2f2;}
.dis_pic img{
	width: 400px;
	height: 400px;
}
.list_pic{ position:relative; height:100px; margin-top:15px; clear:both;}
.list_pic span{ position:absolute; top:35px; cursor:pointer; display:block; width:20px; height:88px; }
.list_pic span.p_prev{ background:url( ../img/5.png) no-repeat; left:0px;}
.list_pic span.p_next{ background:url( ../img/6.png) no-repeat; right:0px;}
.dis_list{ width:410px; margin:0 auto; height:100px; overflow:hidden;}
.list_pic {}
.list_pic li{ float:left; display:block; height:94px; width:94px; cursor:pointer; margin-right:10px;}
.list_pic li img{  height:90px; width:90px;  cursor:pointer; border:1px solid #f2f2f2;}
.list_pic li img:hover{ border:1px solid #6fb51e;}
.dis_pic{
	
}
.dis_r{ float:right; width:400px;}
.d_name{ color:#000000; font-size:20px; min-height:45px; line-height:35px; border-bottom:solid 1px #ddd; font-weight:bold;}
.d_name20{ font-size:14px; line-height:28px; min-height:320px; color:#2e2e2e; padding:20px 0;}
.d_btn{ width:100%; clear:both; font-size:14px; margin-top:20px;}
.d_btn a{ display:block; float:left; width:150px; background:#2a2a2a; height:36px; line-height:36px; text-align:center; color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; margin-right:20px;}
.d_btn a:hover{ color:#ff803a; }
.d_btn a.d_down{ background:url(../images/down_jt.jpg) no-repeat 20px center #2a2a2a; padding-left:20px;}
.d_partner{ margin-top:40px; clear:both;}

.tab_title{ clear:both; height:35px; font-size:14px; margin-top:30px; background:#787878;}
.tab_title div{ float:left; width:165px; height:35px; line-height:35px; text-align:center; cursor:pointer; color:#fff;}
.tab_title div.thover{ background:#ff803a; color:#fff;}
.tab_note{ min-height:320px; height:auto; _height:320px; clear:both; padding:15px 10px;}
.content-inner {
	
}

.content-inner:after {
	content: " "; display: inline-block; width: 100%;
}



/*手機*/
/*手机导航*/
.container {
  text-align: center;
}

/**
* iPhone
* Credits: Flat, Scaleable CSS iPhone Illustration by Tom Hergenreter
* http://codepen.io/TomHergenreter/details/qDywF/
*/
.iphone__screen {
  width: 100%;
  height: 100%;
  overflow: hidden;background: #000;
}
.iphone__content {
  position: relative;
  background-color: #D2527F;
  width: 100%;
  height: 100%;
}
/**
* Navigation Defaults
*/
.nav {
  position: absolute;
  z-index: 100;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav--active .nav {
  opacity: 1;
  background-color: #333;
}
.nav__list {
  margin: 0;
  padding: 10px;
}
.nav__item {
  list-style-type: none;
  text-align: left;
	padding: 10px 0;
	border-bottom: 1px solid #484848;
	width: 100%;
	margin-bottom: 1%;
}
.nav__link {
  font-size: 14px;
  text-decoration: none;
  color: #f1f1f1!important;
  opacity: 1;
	padding: 5px 0;
	width: 100%;
	
}
.nav__link a{
	color: #f1f1f1!important;
}
/* Default navigation icon */
.nav__trigger {
  display: block;
  position: absolute;
  width: 30px;
  height: 25px;
  right: 30px;
  top: 70px;
  z-index: 200;
}
.nav--active .nav__trigger {
  opacity: 0.5;
}
.nav__icon {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 5px;
  background-color: #484848;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before,
.nav__icon:after {
  content: '';
  display: block;
  width: 30px;
  height: 5px;
  position: absolute;
  background: #484848;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before {
  margin-top: -10px;
}
.nav__icon:after {
  margin-top: 10px;
}
/* Don't nest if you don't have to. */
/**
* Style #1
*/
.style-1 .nav {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 100%;
}
.style-1 .nav__link {
  opacity: 0;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
.style-1 .nav--active .nav__link {
  opacity: 1;
}
.style-1 .nav--active .nav {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.style-1 .nav--active .nav__icon {
  background: rgba(0, 0, 0, 0);
}
.style-1 .nav--active .nav__icon:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.style-1 .nav--active .nav__icon:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.sho-ji{
	height: 100px;
	width: 100%;
	display: none;
}
.AP_foot {position:fixed;bottom:0;width:100%;box-sizing:border-box;background:repeating-linear-gradient(#222222,#222222);opacity:0.9; z-index:99;display:none;}
.AP_foot:after {content:"";display:block;visibility:hidden;clear:both;}
.AP_foot a {width:25%;text-align:center;box-sizing:border-box;float:left;color:#fff;font-size:1.1em;padding:5px 0;}
.tel:before {content:"";display:block;margin:0 auto;width:20px;height:20px;background:url(../img/main_icon.png) no-repeat left top;background-size:20px auto;}
.signup:before {content:"" ;display:block;margin:0 auto;width:20px;height:20px;background:url(../img/main_icon.png) no-repeat left -20px;background-size:20px auto;} 
.ask:before {content:"";display:block;margin:0 auto;width:20px;height:20px;background:url(../img/main_icon.png) no-repeat left -40px;background-size:20px auto;}
.query:before {content:"";display:block;margin:0 auto;width:20px;height:20px;background:url(../img/main_icon.png) no-repeat left -80px;background-size:20px auto;}

.iphone {
	display: none
	
}
.header{
	display: none;
}

/* header */
.header{position:relative;height:50px;background:#ff5e00;z-index: 999}
.header .logo{display:block;width:190px;height:30px;padding:10px 0 0 10px;font-size: 24px;color: #f1f1f1}
.header .logo img{display:block;width:100%;}
.header .search{position:absolute;top:0;right:35px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(  ../images/ad_ctr.png) no-repeat center center;background-size:40%;}
.header .search:hover{background-color:#0067d2;}
.header .search span{display:none;}
.header .user-icon{position:absolute;top:0;right:70px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url( ../images/ad_ctr.png) no-repeat center center;background-size:40%;}
.header .user-icon span{display:none;}
.header .user-icon:hover{background-color:#0067d2;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}


.toponf{position: relative}
.toponf .toponf{position: absolute;right: 0;width: 38px;height: 28px;background: none;border: 0;cursor: pointer}

/*分页*/
		.yema{text-align:center; padding:30px 0 0; overflow:hidden;  margin-bottom:50px;clear:both;}
		.yema a,.yema span{ padding:3px 10px; border:#ccc 1px solid; margin:0 2px; font-size:17px; display:inline-block; color:#333; font-family:"宋体"; margin-bottom:10px; border-radius:4px;}
		.current{background:#ff803a;color:#fff !important;border:#ff803a 1px solid !important;}
		.yema a:hover{  background:#ff803a; color:#fff; text-decoration:none; border:1px solid #ff803a;}

		a.yema_on{color:#fff !important; border:#ff803a 1px solid !important; background:#ff803a;}
		a.yema_on:hover{color:#fff !important; border:#ff803a 1px solid !important; }
		a.ok{color:#fff !important; border:#ff803a 1px solid !important; background:#ff803a;}
		a.ok:hover{color:#fff !important; border:#ff803a 1px solid !important; }
		



        html, body, #container {
            height: 100%;
            width: 100%;
        }

        .content-window-card {
            position: relative;
            box-shadow: none;
            bottom: 0;
            left: 0;
            width: auto;
            padding: 0;
        }

        .content-window-card p {
            height: 2rem;
        }

        .custom-info {
            border: solid 1px silver;
        }

        div.info-top {
            position: relative;
            background: none repeat scroll 0 0 #F9F9F9;
            border-bottom: 1px solid #CCC;
            border-radius: 5px 5px 0 0;
        }

        div.info-top div {
            display: inline-block;
            color: #333333;
            font-size: 14px;
            font-weight: bold;
            line-height: 31px;
            padding: 0 10px;
        }

        div.info-top img {
            position: absolute;
            top: 10px;
            right: 10px;
            transition-duration: 0.25s;
        }

        div.info-top img:hover {
            box-shadow: 0px 0px 5px #000;
        }

        div.info-middle {
            font-size: 12px;
            padding: 10px 6px;
            line-height: 20px;
        }

        div.info-bottom {
            height: 0px;
            width: 100%;
            clear: both;
            text-align: center;
        }

        div.info-bottom img {
            position: relative;
            z-index: 104;
        }

        span {
            margin-left: 5px;
            font-size: 11px;
        }

        .info-middle img {
            float: left;
            margin-right: 6px;
        }



/*lx*/
.sy_lx{
	padding: 51px 0 51px 0;
	background:#787878;
	overflow: hidden;
}
.sy_lx h3{
	font-size: 30px;
	text-transform: uppercase;
	color: #f1f1f1;
	font-weight: 600;
	margin-bottom: 30px;
}
.sy_lx .inqyirespp{
margin-bottom: 30px;
	line-height: 24px;
	font-size: 16px;
	color: #f1f1f1;
}
.ls_z{
	width: 522px;
	float: left;
	text-align: center;
}
.ls_z input{
	width: 100%;
	padding: 5px;
	font-family: "微软雅黑";
	margin-bottom: 11px;
}
.ls_z textarea{
	width: 100%;
	padding: 10px;
	font-size: 14px;
	font-family: "微软雅黑";
	margin-bottom: 11px;
	
}
.ls_z input:nth-child(7) {
	font-size: 24px;
	color: #ff611b;
	background: #fff;
}
.lx_y{
	width: 422px;
	float: right;
	text-align: center;
}
.lx_y ul{
	margin-bottom: 0px;
}
.lx_y ul li{
	line-height: 25px;
	color: #f1f1f1;
}
.lx_y .yw_ys{
	
}
	
.lx_y  h1{
	margin-bottom: 19px;
}
.lx_y  h1 span{
	font-size: 30px !important ;
	text-transform: uppercase;
	color: #f1f1f1 !important;
	font-weight: 600 !important;
	margin-bottom: 30px !important;
	    font-family: '微软雅黑'!important;
}
.lx_y  p{
margin-bottom: 0px ;
	font-size: 16px;
	color: #f1f1f1;
}
.yw_ys p{
margin-bottom:0px;
	line-height: 24px;
	font-size: 16px;
	color: #f1f1f1;
}

.di_yc{
	display: none;
}


/*2019.5.14*/
.left_list img{
	width: 12px;
	margin-top: 12px;
	float: right;
	margin-right: 8px;
	display: none;
}
.left_list li a.thover img{
	display: block !important;
} 

.left_list li a:hover img{
	display: block;
} 

.erji a{
	border: 0;
}


.video_list{ margin:0 auto;width:100%; }
.video_list ul{ margin-left:-3%;}

.video_list ul li{ width:30.33%  !important;float:left;margin-left:3%;margin-bottom: 3%;}
.video_list ul li h3{ text-align:left; padding:8px 0; line-height:18px; display: block; font-size:16px;}
.video_list ul li h3 a{ color:#4b4b4b;}
.video_list ul li .video_des{ text-align:left; font-size:12px; line-height:20px; color:#787878; max-height:40px; overflow:hidden;}
.video_list ul li .video_more a{width:100px;height:28px;line-height:28px;text-align:center;display:block;margin-top:8px;border-radius:2px;color:#fff;font-size:12px;background:#4b4b4b; color:#fff;}
.video_list ul li .video_more a:hover{background:#ff5e00;}

.video_img_box{display: table-cell;vertical-align: middle;text-align: center;*display: block;border:1px solid #dddddd; overflow:hidden; background:#ffffff; position:relative;}
.video_img_box img{ width:100%; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.video_img_box span{ display:block; position:absolute; width:55px; height:55px; background:url( ../img/12.png) no-repeat center; width: 100%;text-align: center;height: 100%;top: 0;}
.video_list ul li:hover img{transform: scale(1.08);transition: all 0.5s ease 0s;-webkit-transform: scale(1.08);-webkit-transform: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;}


.disxs{display:none}


#home{ min-width:1200px; width:100%; margin:0px auto;}
.h_pro_bg{    min-height:682px; width:100%; min-width:1200px; margin:0 auto; padding:40px 0 20px 0;}
.h_pro_title{ font-size:33px; font-weight:bold; color:#0079c3; line-height:45px; text-transform:uppercase; min-height:95px;}
.h_pro_title span{ color:#555; padding-left:10px;}
.h_pro_title p{ color:#888; font-size:16px; line-height:24px; text-transform:capitalize; font-weight:normal;}
.h_pro_title h3{
	font-weight: 600;
}

.h_pro_title h3{
	color: #ff803a;
}
/*首页图片滚动*/
.hh_con{ position:relative; width:995px; height:222px;margin:0 auto;float: left;}
.hh_con span{ position:absolute; width:40px; height:30px; cursor:pointer; top:130px; z-index:999;}
.hh_con span.pleft{ left:-60px; background:url(../images/left_button.png?v=1) no-repeat;}
.hh_con span.pright{ right:-60px; background:url(../images/right_button.png?v=1) no-repeat;}
.h_list_pro{ height:222px; overflow:hidden; width:995px; margin:0 auto;}
.h_list_pro ul {
	margin-right:-28px;
}
.h_list_pro{margin-right:-28px;}
.h_list_pro ul li{float:left;width:221px; height:222px; text-align:center; margin-right:28px; position:relative;}
.h_list_pro ul li .h_type_pic{ width:221px; height:222px; overflow:hidden; border:solid 1px #ddd;}
.h_list_pro ul li img{ width:221px; height:222px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.h_list_pro ul li img:hover{ -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}
.h_list_pro ul li .h_pname{ width:100%; font-size:18px; color:#fff;text-align:center;  position: absolute;bottom: 0;background: #ff803a;padding: 5px;opacity: 0;}
.h_list_pro ul li .h_pname a{ color:#f1f1f1;}
.h_list_pro ul li:hover{border:solid 1px #ff803a;}
.h_list_pro ul li:hover .h_pname{ opacity: 1;}

.hh_con{
	margin-left: -28px;
	position: relative;
	
}
.right{
	float: right;
	margin-top: 28px;
	margin-right: -16px;
	
}
/*首页图片滚动*/
.hh_con .pf_left{
	position: absolute;
	top: 0;
	right:  -249px;;
	width: 221px;
	height: 222px;
	text-align: center;
	
}
.hh_con .pf_ringht{
	position: absolute;
	top: 0;
	left: -221px;
	width: 221px;
	height: 222px;
	text-align: center;
}

.hh_con  h2{
	font-size:50px;
	font-weight: 600;
	color: #ff803a;
	margin-top: 61px;
}
.sy_cp{
display: none;
}

/*2019.5.16*/
.sy_xw h3  a{
	float: right;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: -18px;
	color: #ff803a;
	
}
.sy_xw h3  a:hover{
	color: #ff803a;
}
.en{height:62px;}