@charset "utf-8";
* {	margin: 0;	padding: 0;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {	border: medium none;	margin: 0;	padding: 0; font-weight:500;}
body,button,input,select,textarea {	 font-family:"微软雅黑","宋体",tahoma,Srial,helvetica,sans-serif;	outline: none;}
h1,h2,h3,h4,h5,h6 {	font-size: 100%;}
ul,ol,li {	list-style: none; }
a {	text-decoration: none;	color: #484848;    vertical-align: top;}
a:hover {	color: #fc0000;}
img {	border: 0px;}
em{ font-style:normal;}
table {	border-collapse: collapse;	border-spacing: 0;}
html,body {	color: #000000;	background: #fff;	margin: 0 auto;font-size: 14px !important; overflow-x:hidden;}
.hide {	display: none;}
.clear {	clear: both;}
.center{ text-align:center;}
.pic100 img{width:100%;}
h1{ font-size:26px;color:#464646;}
.justify_fix{display:inline-block;*display: inline; *zoom:1; width:100%; height:0; overflow:hidden;}
.f-turn{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;f
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.fl{float:left;}
.fr{float:right;}
.pad60{padding:60px 0;}
.overflow{ overflow:hidden;}
.clear {clear:both;visibility:hidden;display:block;font-size:0;line-height:0;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {*zoom:1;}
.white,.white a{ color:#fff;}
.rela{ position:relative;}



#headm{ width:63%;float:right;margin-top:25px; text-align:right;}
#headm ul li{ font-size:16px}
#headm li{text-align: center; float:left; margin:0 22px; display:inline;}
#headm .dh{ position:relative; float:left;}
#headm .dh2 ul{ width:340px;}
#headm .topa{z-index: 5;
    position: relative;
    /* padding: 0 12px; */
    /* line-height: 29px; */
    display: block;
    /* height: 28px; */
    /* color: #fff; */
    overflow: hidden;
    /* border: #808080 1px solid; */
    border-top: none;
    border-bottom: none;
    float: left;}
#headm .topa:hover{/*  border: #808080 1px solid; */
    background: #fff;
    height: 28px;
    color: #bc0303;
    border-bottom: none;}
#headm li ul{z-index: 1; border-bottom: #c9c9c9 1px solid; position: absolute; border-left: #c9c9c9 1px solid; padding-bottom: 15px; /*padding-left: 0px;*/ width: 220px; /*padding-right: 0px; */display: none; background: #fff; border-top: #c9c9c9 1px solid; top:28px; border-right: #c9c9c9 1px solid; padding-top:15px; left: -80px}
#headm li ul li{ line-height: 35px; /*padding-left:15px;*/ width: 220px; padding-right: 6px; float: left; height: 35px; font-weight: 400; padding-top: 0px; margin:auto}
#headm li ul li a{ border:none; background: none;  color: #6e6e6e; text-align:center}
#headm li ul li a:hover {line-height: 26px;text-decoration: underline}
#headm li.show ul{display: block}
#headm li.show .topa{/*border: #c9c9c9 1px solid;*/ display: block; background: #fff; height:28px; color: #bc0303; border-bottom:none; text-decoration: none}
#headm li ul li:hover a{ color: #bc0303;}

.cplby{ background:#0288dd;  margin-bottom: 15px; }
.summary{ padding: 30px 15px 30px 15px;
    display: block;
    float: left;
    width: 100%;
    /* color: #959494; */
    font-size: 16px;
    line-height: 28px;}
.cplby a{padding: 10px;
    color: #FFF;
    display: block;
    font-size: 18px;}
	
.ywzdh li{margin: 0 14px !important}
.ywzdh li ul{width: 368px !important
}
.ywzdh li ul li{    
    width: 340px !important;
	    line-height: 35px;
		height: 60px !important;
		text-align:left !important;
		line-height: 20px !important;
}



.abc b:nth-child(1){ display:none}
nav{ width:70%;float:right;margin-top:25px; text-align:right;}
nav ul li{font-size:16px; display:inline-block; padding:0 1.5%;}
nav ul li a{ display:block;}
nav ul li a:hover,nav ul li a.cur{  color:#fc0000;}
header{padding:12px 0; position:relative;}
.h_T b{ color:#363636;font-size:36px;font-weight:bold;}
.h_T p{ color:#959494;font-size:16px;margin-top:10px;}
.h_C{ margin-top:30px;}
.h_caseC dl{ padding:0 1px 0 0; margin-bottom:1px;}
.h_caseC dl a{ display:block; position:relative;}
.h_caseC dl a dd{ position:absolute;top:0;left:0;width:100%;height:100%; background:url(../images/mask_h41.png) repeat; color:#fff; text-align:center;font-size:18px; -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.h_caseC dl a dd h5{ margin-top:30%;}
.h_caseC dl a:hover dd{background:url(../images/mask_r69.png) repeat;font-size:24px;}
.h_about{ background:url(../images/bg2.jpg) no-repeat center center; background-size:cover;}
.h_aboutCR h5{ font-size:24px; font-weight:bold;}
.h_aboutCR p{ color:#6a6a6a;line-height:25px;height:150px; overflow:hidden;margin-top:18px;}
.h_aboutCR span{ display:inline-block; background-color:#fb0202;color:#fff; padding:13px 35px; margin-top:105px;}
.h_newC a{ display:block;}
.h_newC a dd{ padding:30px 0; border-bottom:5px solid #eeeeee;}
.h_newC a dd h5{ font-size:16px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;}
.h_newC a dd p{ font-size:12px;color:#8e8e8e;line-height:20px; height:22px; overflow:hidden;margin-top:12px;}
.h_newC a dd span{ margin-top:20px; display:inline-block; font-size:12px;}
.h_newC a:hover dd{border-bottom:5px solid #fc0000;}
#container{width:100%;height:100%;position: absolute;z-index: 0;top: 0px;left: 0; }
footer{ background-color:#313131;padding:50px 0;}
.footerT dl{ margin:0 2.4%; display:inline-block;vertical-align: top;}
.footerT dl dt{ font-size:18px; margin-bottom:20px;}
.footerT dl dd{ margin:5px 0; line-height:35px;}
.bq{ padding:27px 0; border-top:1px solid #616161;background-color:#313131;}
.site,.tjT{margin-top:50px; padding-bottom:20px; border-bottom:1px solid #e5e5e5;}
.siteL b,.tjT b{ font-size:30px; font-weight:bold; color:#363636;}
.siteL span,.tjT span{ display:inline-block;/*margin-left:15px;*/color:#959494; font-size:16px;}
.siteR{ text-align:right;color:#b5b5b5; margin-top:15px;}
.siteR a{color:#b5b5b5; }
aside li a{ display:block;padding:12px 20px; border-bottom:1px solid #dcdcdc; font-size:16px;}
aside li a i{ width:10px;height:18px; display:inline-block; float:right; background:url(../images/icon_1.png) no-repeat;margin-top: 7px;}
aside li a:hover,aside li a.cur{background-color:#fb0202; color:#fff;}
aside li a:hover i,aside li a.cur i{background:url(../images/icon_2.png) no-repeat;}
.about{ line-height:30px;}
.about h4{ font-size:30px;}
.about h4 span{color:#fb0202;}
.about h5{ font-size:24px;margin:15px 0;}
#carouselid{ overflow:hidden;}
.prolist,.promainT,.caselist{ margin:0 -15px;}
.prolist dl,.caselist dl{ margin-bottom:30px;}
.prolist dl a{ display:block; border:1px solid #dcdcdc;}
.prolist dl a dt{ padding:10px;}
.prolist dl a dd{ border-top:1px solid #dcdcdc; padding:15px; font-size:16px;overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;}
.pagelist{ margin-top:40px; text-align:center;}
.pagelist li{ display:inline-block;margin:0 3px;}
.pagelist li a{ display:block;height:40px;line-height:40px;padding: 0 16px; border:1px solid #dcdcdc;}
.pagelist li a:hover,.pagelist li a.cur{ background-color:#fb0202; color:#fff;}
.promainTR h5{ font-size:24px;}
.promainTR article{ margin-top:20px;padding-top:20px; border-top:1px solid #dcdcdc;}
.promainTR article dl{ overflow:hidden; margin-bottom:5px; }
.promainTR article dl dt{ float:left;}
.promainTR article dl dd{ float:left; width:calc(100% - 70px); color:#828181;line-height:25px;}
.promainB { margin-top:45px;}
.promainB h2{ background-color:#eeeeee;}
.promainB h2 span{ display:inline-block; background-color:#fb0202; color:#fff; font-size:20px; padding:12px 45px;}
.promainB article{ margin:40px 0; line-height:30px; color:#858383;}
.promainB article img{ max-width:100%;} 
.prenext{ border:1px solid #e5e5e5; padding:15px 5px;}
.prenext p:last-child{ text-align:right;}
.tjT a{ float:right;margin-top:15px;}
.tjC{ margin:30px -15px 0;}
.caselist dl a{ display:block; }
.caselist dl dd{ background-color:#eeeeee;  padding:15px; }
.partnerlist li { margin-bottom:12px; padding:0 6px;}
.partnerlist li a{ display:block;border:1px solid #dcdcdc; position:relative; overflow:hidden;}
.partnerlist li p{ color:#fff; background:url(../images/mask_h61.png) repeat; position:absolute; top:100%;left:0;width:100%;height:100%; font-size:16px;display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		 -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.partnerlist li a:hover p{ top:0;}
.new dl{ padding:0 10px; margin-bottom:30px;}
.newmain {margin-bottom:50px;}
.newmain article img{ max-width:100%;}
.newmain article{line-height:32px; margin-top:30px;}
.newmain h1{font-size:24px;text-align:center; margin:0 0 19px;}
.newmain time{ text-align:center; display:block; color:#bfbfbf; margin:19px 0;}
.newmain time span{ margin:0 10px;}
.newmain .info{ background-color:#eeeeee; padding:17px; }
.map{ height:400px; border:1px solid #dcdcdc;}
.contactR h5{ font-size:24px;}
.contactR h5 span{ color:#fb0202;}
.contactR p{ margin:15px 0; font-size:16px; line-height:30px;}
.contactR dl{ overflow:hidden;}
.contactR dl dt{ width:160px;float:left; border:1px solid #dcdcdc;}
.contactR dl dd{ float:left; font-size:16px;margin: 45px 0 0 15px;line-height: 30px;}

.zyw{display: flex;
    float: right;
    line-height: 72px;
    font-size: 20px;
    padding-left: 50px;}

.menubtn {  margin-top: 30px; display:none; position:absolute;right:1%;top:15px;  z-index:15;}
.menubtn img{ height:50px;}
.menu{ display:none; position:absolute;right:15px;top:35px;}
#nav{ position:fixed;top:0; left:0; display:none;z-index:99; width:100%; background:#bc0909; height:100%; overflow-y:scroll !important;}
#nav li{  color:#fff;}
#nav li a{ color:#fff;font-size:15px; display:inline-block; width:100%;height:3em; line-height:3em; padding-left:4%;border-bottom:1px solid #e91616; position:relative;}
#nav li a span{ position:absolute; right:6%; top:32%; text-indent:-99999px; display:block; width:9px; height:15px; background:url(../images/arrow.png) no-repeat;}
#nav li.btn_up{ text-align:center;}
#nav li.btn_up img{ vertical-align:middle; max-width:64px;width:10%;}
#nav li div{ display:none;font-size:13px; background-color:#cb0e0e;}
#nav li div a{ padding-left:5%;}
.shadow{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6); z-index:8;}
.bannerb,.banners{ position:absolute;width:100%;height:100%;left:0;top:0;}
.banners,.bannersbg{ display:none;}







 

@media(max-width:1199px){
	#headm {width: 60%;}
	#headm li{margin: 0 8px;}
	.siteL b, .tjT b { font-size: 26px;}
	.siteL span, .tjT span{font-size: 15px;}
	.footerT dl { margin: 0 1.2%;}
	.h_T b{font-size: 30px;}
	.h_T p{font-size: 18px;}
	.h_aboutCR span{margin-top: 35px;}
		
}

@media(max-width:991px){
	#headm{ display:none}
	.zyw{ display:none}
	nav,footer,.tj { display:none !important;}
	.menu{ display:block;}
	.contactR,.promainTR,.h_aboutCR{ margin-top:20px;}
	.map{ height:300px;}
	.newmain h1,.promainTR h5,.h_aboutCR h5{  font-size: 20px;}
	.newmain article img{ width:100%;}
	.padpic{ padding:0 !important; width:100%;float:none !important; margin-bottom: 20px;}
	.prenext p:last-child { text-align: left; margin-top:10px;}
	.h_aboutCR span{margin-top: 20px;}
	
	}


@media(max-width:767px){
	.logo img{width: 80%;
    margin: 10px 0;}
	header { padding: 5px 15px;}
	.otherpic img{ width: 150%; margin-left: -25%;}
	.map{ height:250px;}
	.pad60 { padding: 30px 0;}
	.h_T b { font-size: 24px;}
	.h_T p{font-size: 16px;}
	.h_case{ padding:30px 15px;}
	.h_about .h_T,.bq .container{ padding:0 15px;}
	.flex-control-nav{ display:none;}
	.bannerb,.bannerbg{ display:none;}
	.banners,.bannersbg{ display:block;}
}


@media(max-width:640px){
	.site{ display:none;}
	.newmain h1,.promainTR h5 {  font-size: 18px;}
	
}

@media (max-width:495px){
	.contactR h5 { font-size: 20px;}
	.promainB h2 span{font-size: 16px; padding: 8px 15px;}
	.promainB article { margin: 20px 0;}
	.h_T b { font-size: 22px;}
	.h_T p{font-size: 14px;}
	
}

@media (max-width:390px){
	.contactR dl dd{font-size: 14px;margin: 45px 0 0 10px;}
	.contactR dl dt {width: 150px;}
	
}