@charset "utf-8";
/* Style Reset */
*{ margin:0; padding:0}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;color:#666}
img{ border:0;max-width: 100%;}
.ccsl{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.clear {clear:both;}
body{ width:100%;max-width:512px; margin:0 auto;  font-size:12px; line-height:24px; color:#333;background: #FFF;}
.mainWarp{width:100%;max-width:512px; margin:0 auto; background:#fff;}



/*导航*/
.navBox{width:100%; max-width:521px; margin:0 auto;}
.navBox .navimg{ position:fixed; bottom:70px; margin-left:20px; width:46px; height:46px; background:#fff; border-radius:100%; border:2px solid #EAEAEA;z-index:999}
.navBox .navimg img{ width:43px; margin-left:2px; margin-top:1px}
.navBox .navdiv{position:fixed; bottom:95px; margin-left:25px; width:124px; padding-top:5px; height:auto;padding-bottom: 30px; overflow-y:scroll; background:rgba(255,255,255,0.9); z-index:998;border: 1px solid #e5e5e5; display:none}
.navBox .navdiv .navbb{ width:100%; height:42px; line-height:42px; overflow:hidden}
.navBox .navdiv .navbb .tit{ font-size:14px;height:42px; color:#666; line-height:45px; padding-left:30px}


.h5nav{width:100%; max-width:512px; margin:0 auto;}
.h5navBox{padding-top:2px;padding-bottom:4px;position:fixed;width:100%;max-width:512px;bottom:0;height:54px;z-index:999;background: #1b375e;}
.h5navBox .h5navitem{ width:25%; height:54px; float:left; overflow:hidden}
.h5navBox .h5navitem a{ display:block}
.h5navBox .h5navitem img{ margin:3px auto; height:30px;display:block;width: 30px;}
.h5navBox .h5navitem p{ text-align:center; height:18px; line-height:18px; color:#fff}


.part4{width:100%;height:40px;background:#1b375e;color:#fff;float: left;margin-top:10px;}
.part4 .tit{ float:right; padding-right:5px; font-size:14px; height:40px; line-height:40px; color:#fff}
.part4 .img{ float:right; padding-right:10px;width:10px; height:32px; }
.part4 .img img{width:10px; height:10px; margin-top:18px}

.footer{padding: 20px;/* float: left; */}
.footer .con{text-align:center;color: rgb(153, 153, 153);font-size: 13px;line-height: 30px;}
.ewm
{
	width:100%;
	float:left;
	text-align:center;
	margin-top:10px;
}
.yq
{
	width:100%;
	/* float:left; */
	text-align:center;
	margin-top:10px;
}
.kbox{ background:#F2F2F2; width:100%; height:5px}

.header{width:100%;max-width:512px;background:#fff;height: 75px;overflow:hidden;border-top: 5px solid #1b375e;position:relative;margin-bottom: 10px;}
.header p{ text-align:center; color:#1b375e; height:50px; line-height:50px; font-size:18px;}

.contitbox{/* background:#F2F2F2; */height: 50px;overflow:hidden;margin: auto;text-align: center;width: 100%;}
.contitbox .line{ margin-left:10px; height:14px; margin-top:16px; width:8px; background:#fff; border-left:8px solid #1b375e; float:left}
.contitbox p{height: 60px;line-height: 60px;float:left;color:#000;font-size: 24px;/* padding-left:10px; *//* max-width:60%; */text-align: center;margin: auto;width: 100%;}

.part6{ padding:0 10px; border-top:1px solid #ececec; margin-top:10px}
.part6 ul{ overflow:hidden}
.part6 ul li{ border-bottom:1px solid #F0F2F5; padding-bottom:10px; background:url(../../images/20/jt4.png) right top 19px no-repeat}
.part6 ul li a{ background:url(../../images/20/dian.png) center left no-repeat; color:#333;font-size: 16px; height:50px; line-height:50px; padding-left:20px; padding-right:20px}
.part6 ul li span{color: #ababab; font-size:14px; padding-left:20px;}


.part1{}
.part1 img{ display:block; width:100%}
.part1 .con{ padding:15px;line-height:26px; font-size:14px; color:#666}

.part2{ background:#f6f6f6; padding:20px 10px}
.part2 img{ float:left; width:50%; padding-right:10px}
.part2 .con{line-height:26px; font-size:14px; color:#666;}


.part3{ overflow:hidden}
.part3 ul{ overflow:hidden; padding:5px}
.part3 ul li{ float:left; width:48%; margin:1%}
.part3 ul li img{ width:100%;}
.part3 ul li p{ text-align:center; padding:0 10px; font-size:14px; color:#333}
.fwxm
{

}
.fwxm ul li
{
	
width: 30%;
	
border: 1px solid #f1f1f1;
	
position: relative;
}



.part5{ overflow:hidden}
.part5 a{ display:block; width:100%; position:relative}
.part5 img{ width:100%; display:block}
.part5 p{ background:rgba(0,0,0,0.7); color:#fff; height:37px; line-height:37px; position:absolute; bottom:0; font-size:16px; width:94%; padding:0 3%}



.detailbox{ padding:10px 20px 20px; font-size:14px; line-height:30px;}
.detailbox .xq{}
.detailbox .xq h1{ color:#333; font-size:20px; line-height:30px; font-weight:normal}
.detailbox .xq .date{ font-size:12px; color:#999; line-height:30px}
.detailbox .xq .con{ color:#666}
.detailbox .xq .prroimg{ display:block; margin:0 auto; padding:10px 0}




.zhezhaobox ul{ overflow:hidden; padding:0 20px}
.zhezhaobox ul li{ }
.zhezhaobox ul li .typeboxOne{width:100%; background:#f9fafbe3; height:30px; line-height:30px;margin-bottom: 10px;}
.zhezhaobox ul li .typeboxOne a{ color:#333; font-size:14px; padding-left:30px; background:url(../../images/20/type3.png) center left 10px no-repeat}
.zhezhaobox ul li .typeboxTwo{}
.zhezhaobox ul li .typeboxTwo a{ color:#666; font-size:14px; line-height:30px; border-bottom:1px dashed #eee; display:block; padding-left:50px; padding-top:5px;background:url(../../images/20/type2.png) center left 35px no-repeat}
.zhezhaobox ul li .typeboxTwo a:last-child{ border-bottom:0}




.pagebox{text-align:center;padding-top:10px;padding-bottom:50px;width: 100%;float: left;}
.pagebox a{ border:1px solid #ccc; padding:5px 10px; display:inline-block; color:#333; margin:3px}
.pagebox a:hover{ border:1px solid #02b2b5; color:#02b2b5}






.more
{
	width:100%;
	text-align: center;
	margin-bottom: 10px;
	background: #f1f1f1;
	padding-top: 15px;
	padding-bottom: 15px;
}
.more a
{
	font-size:16px;
}
.icon_p
{
	
position: absolute;
	
bottom: 5px;
	
width: 100%;
	
padding: 0 !important;
	
line-height: 20px;
}

.jz
{
	display: table-cell;
    vertical-align: middle;
	text-align:center;

}
.part3_1
{
	
}
.part3_1 li
{
	    width: 46%;
	    float: left;
	    border: 1px solid #f1f1f1;
	    /* height: 274px; */
	    text-align: center;
	    /* margin-bottom: 20px; */
	    margin-left: 2%;
	    margin-top: 6%;
}
.part3_1 li .con_c
{width: 100%;height: 250px;display: table;text-align: center;}
.part3_1 li .con_c .pic_c
{

display: table-cell;

vertical-align: middle;

text-align: center;

width: 100%;
}

.part3_1 li .con_c .pic_c span img
{
	
width: 100%;
}

.part3_1 li .con_c .pic_c p
{
	
line-height: 24px;
}

.pro_xq
{
	
width: 100%;
	
float: left;
}
.pro_xq_1
{
	
width: 85%;
	
margin: auto;
}
.pro_xq_t
{
	
margin-top: 20px;
}
.pro_xq_t img
{
	
}
.pro_xq_b
{
	
}
.pro_xq_b h1
{
	
font-size: 20px;
	
line-height: 28px;
	
margin-top: 10px;
}
.pro_xq_b p
{
	
font-size: 18px;
	
color: #1b375e;
	
margin-top: 10px;
}

.pro_xq_c
{

width: 100%;

float: left;
}
.pro_xq_c h1
{

font-size: 16px;

font-weight: 100;

background: #1b375e;

color: #fff;

padding: 10px;

margin-top: 10px;
}
.pro_xq_c p
{

font-size: 16px;

line-height: 35px;
}


.page_box .imgbox .flw{position:absolute;z-index:300;width:100%;height:460px;background:url(../../../images/20/20/flw.png);opacity:0;filter:alpha(opacity=0);transition:0.5s; overflow:hidden;}
.page_box .imgbox .flw a{display:block;font-size:16px; line-height:28px;text-align:center;padding:1% 0; box-sizing:border-box;/*margin:40% 2%;*/ position:absolute;left:50%; top:50%;transform:translate(-50%,-50%); width:96%;border-top:1px solid #eee;border-bottom:1px solid #eee;transition:0.5s;color:#fff;}
.page_box .imgbox:hover .flw{transition:0.5s;opacity:1;}

.page_box .right{float:left;}
.page_right{

padding: 0 0rem;

margin: 1.5rem 1rem 0rem 1rem;

background: #fff;

box-shadow: 0px 0px 10px #e0e0e0;

transition: 0.5s;

box-sizing: border-box;

overflow: hidden;

width: 90%;

float: left;
}

.page_right .sle{width:100%;border-bottom:1px solid #eee;float:left;color:#555;font-size:16px;}
.page_right .sle .span2{float:left;line-height:54px;width:100%;padding-left:20px;padding-right:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; box-sizing:border-box;}
.page_right .sle .s{ width:100%; position:relative; overflow:hidden; cursor:pointer;}
.page_right .sle .span2 a:hover{color:#F8962B;}
.page_right .dq .span2 a{color:#F8962B;}

.dorp{width:100%;float:left;display:none;}
.dorp ul li{height:46px;width:100%;line-height:46px;padding-left:40px; box-sizing:border-box;}
.dorp ul li a{font-size:16px;color:#999;display:block; padding-right:20px; box-sizing:border-box;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.dorp ul li a:hover{color:#F8962B;}
.dorp ul li.dq a{color: #F8962B;}

.cion_nav { display:block;  width:12px; height:12px; position:absolute;right:20px;top:50%; margin-top:-6px;   }
.cion_nav:before {  transition:all 300ms; opacity:1;  content:""; width:12px; height:2px; display:block; background:#999; position:absolute;left:0px;top:5px;       }
.cion_nav:after {  transition:all 300ms; opacity:1;     content:""; width:2px; height:12px; display:block; background:#999; position:absolute;left:5px; top:0px;      }
.selected_add .cion_nav:before { transform:translateX(-3px);    }
.selected_add .cion_nav:after { transform:translateX(5px); height:0px; opacity:0;    }

.khjz
{
	
width: 100%;
	
float: left;
}
.khjz_1
{
	
width: 95%;
	
margin: auto;
}
.khjz_c
{
	
width: 100%;
	
float: left;
}
.khjz_c li
{
	
width: 100%;
	
float: left;
	
border: 1px solid #f1f1f1;
	
margin-top: 20px;
	
margin-bottom: 20px;
	
text-align: center;
	
padding-top: 10px;
	
padding-bottom: 10px;
}

.khjz_c li h1
{
	
font-size: 24px;
	
margin-top: 15px;
	
margin-bottom: 15px;
}
.khjz_c li p
{
	
padding: 0px 15px;
	
text-align: justify;
}
.lxwm
{
	width:100%;
	float:left;
}
.lxwm_1
{
	width:95%;
	margin:auto;
}
.lxwm_c
{
	width:100%;
	float:left;
}
.lxwm_c h1
{
	
font-size: 20px;
	
margin-top: 15px;
	
margin-bottom: 10px;
}
.lxwm_c p
{
	
}
.h150_wz
{
	
width: 100%;
}
.h150_wz_1
{
	
width: 95%;
	
margin: auto;
}
.h150_wz_t
{
	
}
.h150_wz_t p
{
	
text-align: center;
	
font-size: 18px;
	
line-height: 30px;
	
color: #999;
}
.h150_wz_b
{
	
margin: auto;
	
text-align: center;
	
margin-top: 15px;
}
.h150_wz_b p
{
	
display: inline-block;
	
font-size: 14px;
	
border: 1px solid #1b375e;
	
padding: 5px 10px;
	
margin-left: 1%;
	
margin-right: 1%;
	
margin-bottom: 2%;
}
.h150_wz_t span
{
	color:#ae001d;
}


.hf1
{
	width:100%;
	float:left;
	background:#f1f1f1;
	padding-top: 5%;
	padding-bottom: 5%;
}
.hf1_1
{
	width:95%;
	margin:auto;
}
.hf1_t
{
	
text-align: center;
}
.hf1_t img
{
	
} 
.hf1_t p
{
	
font-size: 14px;
	
line-height: 24px;
}
.hf1_t span
{
	color:#1b375e;
}
.hf1_b
{

margin-left: 50px;

margin-top: 20px;

position: relative;
}
.hf1_b img 
{

	
float: left;
	
margin-right: 13px;
}
.hf1_b p
{

font-size: 18px;

/* margin-bottom: 10px; */

float: left;

width: 50%;
}
.hf1_b span
{

font-size: 24px;

display: inline-block;

float: left;

width: 60%;

margin-top: 10px;
}
.hf1_b em
{/* clear: both; */width: 40%;display: inline-block;margin: auto;text-align: center;height: 35px;line-height: 35px;border: 1px solid #1b375e;border-radius: 20px;margin-left: 0px;font-size: 14px;font-style: inherit;margin-top: 15px;margin-left: -20px;}


.news
{
	width:95%;
	margin:auto;
	margin-top: 20px;
}
.news_t
{
	
border-bottom: 1px dashed #f1f1f1;
	
padding-bottom: 20px;
	
width: 100%;
	
float: left;
}
.news_t img 
{
	
width: 100%;
	
height: 165px;
}
.news_t p
{
	
font-size: 18px;
	
float: left;
	
width: 100%;
}
.news_t em
{
	
width: 100%;
	
float: left;
	
color: #999;
}
.news_t span
{
	
font-size: 16px;
	
line-height: 24px;
	
color: #666;
	
width: 100%;
	
float: left;
}
.news_t b
{
	
font-size: 14px;
	
margin-right: 15px;
	
margin-top: 10px;
	
float: left;
font-weight: 100;
}
.news_b
{
	
float: left;
	
width: 100%;
}
.news_b li
{
	
float: left;
	
width: 100%;
	
height: 50px;
	


line-height: 50px;
	
border-bottom: 1px dashed #f1f1f1;
}
.news_b p
{
    width: 75%;
    float: left;
    font-size: 14px;
    overflow: hidden;
    height: 50px;

}
.news_b span
{
	
font-size: 14px;
	
color: #999;
}
.about
{
	width:100%;
	float:left;
}
.about_1
{
	width:95%;
	margin:auto;
}

.contitbox1{background:#F2F2F2;height: 50px;overflow:hidden;margin: auto;text-align: center;width: 100%;}
.contitbox1 .line{ margin-left:10px; height:14px; margin-top:16px; width:8px; background:#fff; border-left:8px solid #1b375e; float:left}
.contitbox1 p{height: 45px;line-height: 45px;float:left;color:#000;font-size: 16px;padding-left: 10px;max-width:60%;text-align: left;margin: auto;width: 100%;}


.news1
{
	width:95%;
	margin:auto;
}


.video_rs1
{
	
text-align: center;
	
margin-top: 50px;
	
/* width: 50%; */
}
.video_rs1 h1
{
	
font-size: 30px;
	
margin-bottom: 10px;
	
color: #ff6600;
}
.video_rs1 p
{
	
font-size: 24px;
	
margin-bottom: 10px;
}
.video_rs1 span
{
	
font-size: 18px;
	
color: #999;
}
.video_rs2
{
	
/* display: inline-block; */
	
/* text-align: center; */
	
width: 100%;
	
float: left;
	
margin-top: 35px;
}
.video_rs2 p
{
	
/* text-align: center; */
	
/* float: left; */
	
width: 55%;
	
/* display: inline-block; */
	
height: 40px;
	
line-height: 40px;
	
font-size: 20px;
	
margin-left: 85px;
	
padding-left: 0px;
	
font-size: 20px;
	
margin-bottom: 15px;
	
border-bottom: 1px dashed #dcdcdc;
}
.video_rs2 p img
{
	
/* float: left; */
	
display: inline-block;
	
margin-top: 0px;
	
position: absolute;
	
margin-left: -35px;
}
.video_rs3
{

float: left;

width: 50%;

text-align: center;

/* display: inline-block; */

margin-top: 80px;
}
.video_rs3 p
{
	
width: 50%;
	
background: #ff6600;
	
text-align: center;
	
color: #fff;
	
height: 40px;
	
line-height: 40px;
	
border-radius: 5px;
	
display: inline-block;
	
margin-bottom: 20px;
	
font-size: 18px;
}
.video_rs2 span
{
	
width: 100%;
	
text-align: center;
	
float: left;
	
font-size: 20px;
	
color: #999;
}
.spxq
{
	width:100%;
	float:left;
	background: #1a1a1a;
}
.spxq_1
{
	width: 100%;
	margin:auto;
	padding-top: 30px;
	margin-bottom: 30px;
}
.spxq_1 h1
{
	font-size: 28px;
	text-align:center;
	font-weight: 100;
	margin-bottom: 15px;
	color: #fff;
}
.spxq_1 p
{

font-size: 18px;

line-height: 32px;

color: #fff;

text-align: center;

width: 80%;

margin: auto;
}
.spxq_1 span
{
	
}
.bb img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}




.num_list
{
	display:none;
}

.part3 ul li {
    float: left;
    width: 47%;
    margin: 1%;
    height: 400px;
    display: flex;
    border: 1px solid #f1f1f1;
    position: relative;
    vertical-align: middle;
    align-items: center;
}


.part3 ul li img {
    width: 392px;
    align-items: center;
    display: inline-block;
    max-height: 330px;
    height: auto;
}

.part3 ul li p {
    text-align: center;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
    bottom: 0;
    position: absolute;
    margin: auto;
    width: 90%;
}