@charset "utf-8";
/*public css*/

*{ margin: 0; padding:0; }

html,body{ margin:0; padding:0; width:100%; height:100%; min-width:1200px; font-size:10px; color: #000; font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;}
input{font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif; border: 0; outline: none;}
ul{ padding: 0; margin: 0;}
a,li{ text-decoration:none; list-style: none; }
p{ margin: 0; }
img{ display: inline-block; vertical-align: middle; outline: none; border: 0;}
section,footer{ width:100%; overflow:hidden; position: relative;}
.allbox{ width: 1200px; margin: 0 auto; }
.allbox-hd{ width: 1200px; margin: 0 auto; overflow: hidden;}
table{ border-collapse:collapse;}


@font-face {
    font-family: 'PINGFANG4';  /* 苹方 常规*/
    src: url('../fonts/PINGFANG REGULAR_0.woff2') format('woff2'),
    url('../fonts/PINGFANG REGULAR_0.woff') format('woff'),
    url('../fonts/PINGFANG REGULAR_0.TTF') format('truetype'),
    url('../fonts/PINGFANG REGULAR_0.svg') format('svg');
    font-weight: normal;
}


/* 顶部 */
.myheader{ 
	width:100%;
	position: fixed; 
	top: 0; 
	left: 0;
	z-index: 999;
	background: #ffffff; 
}
.dlogo{
	width: 102px;
	height: 102px;
	background: url(../img/logo.jpg) no-repeat center;
    position: relative;
    margin: 0 auto;
}
.dlogo a{ display: block; width: 100%; height: 100%; }
.dlogo h2{ text-indent: -99em; }

/* 导航下拉 */
.navmenubox{
	width: 100%; 
	height: 60px; 
	position: relative;
	top: 0;
	text-align: center; 
	border-bottom: 1px solid #d3d3d3; 
}
.navmenubox .ali{ width: 110px; height: 60px; text-align: center; display: inline-block; position: relative;}
.navmenubox .ali a{ color: #fff; display: block;}
.navmenubox .ali .a1{ 
  display: block; 
  width: 100%;
  height: 60px; 
  line-height: 60px; 
  font-size: 14px; 
  color: rgba(0,0,0,.9);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
}
.navmenubox .ali .a1:after{ content: ''; display: block; margin: 0 auto; width: 0; height: 3px; background: #eb4000; position: relative; top: -1px;}
.navmenubox .ali .down-menu{
  width: 160px;
  height: 0;
  position: absolute;
  left: 0;
  top: 61px;
  z-index: 999;
  text-align: center;
  overflow: hidden;
}
.navmenubox .ali .down-menu .dnbox{ text-align: center; height: 100px; background: rgba(251,251,251,.9); }
.navmenubox .ali .down-menu a{ 
	font-size: 12px; 
	color: #fff;
	display: inline-block; 
    height: 100px; 
    text-align: left;
    margin: 0 25px;
}
.navmenubox .ali .down-menu .sp1{ font-size: 14px; color: rgba(0,0,0,.8); margin: 28px 0 4px; }
.navmenubox .ali .down-menu .sp2{ font-size: 12px; color: rgba(0,0,0,.6); }

.navmenubox .ali .down-menu a:hover .sp1{ color: #eb4000;}
.navmenubox .ali.acted .a1{ color: #eb4000; }
.navmenubox .ali.acted .a1:after{ width: 55px;}
.navmenubox .ali .down-menu.showed{ height: 100px; }

.myheader.scrofiexd{ top: -102px; }

/* 导航下拉 */


/* 侧边导航 */
.contion{ 
	position: fixed; 
	bottom: 30%; 
	right: 0;
	z-index: 10000;
}
.contion .dli{ width: 50px; height: 50px; position:relative; margin: 2px 0; cursor: pointer;}
.contion .dli a{ display: block; width: 100%; height: 100%; color: #ffffff; }
.contion .dli .bgbox{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 20; border-radius: 5px; overflow: hidden;}
.contion .dli .bg1{ background: #898989 url(../img/asi_01.png) no-repeat center bottom;}
.contion .dli .bg2{ background: #898989 url(../img/asi_02.png) no-repeat center bottom;}
.contion .dbtop{ background: #898989 url(../img/qnp_top.png) no-repeat center; display: none;border-radius: 5px; overflow: hidden;}

.contion .dli .telbox{
	width: 0;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	position: absolute;
	right: 40px;
	bottom: 0;
	z-index: 10;
	background: #eb4000;
	border-radius: 5px; overflow: hidden;
	font-size: 14px;
	font-weight: bolder;
}
.contion .dli .telbox p{ width: 200px; position: relative; }

.contion .dli:hover .bgbox{ background-color: #eb4000; }
.contion .dbtop:hover{ background-color: #eb4000; }
.contion .dli:hover .telbox{ width: 205px;}

.contion.scrofiexd{ bottom: 35%; }


/*footer*/
.footer{ background: #f6f6f6; }

.footser{ 
	font-family: 'PINGFANG4';
	font-weight: bolder;
	height: 90px; 
	line-height: 90px; 
	background: url(../img/pic_13.jpg) no-repeat left center; 
	border-bottom: 1px solid #dddddd;
	text-align: right;
	font-size: 24px; 
	color: #000000;
}
.footser .sp2{ background: url(../img/pic_12.jpg) no-repeat left center; padding-left: 38px; }

.footer .dtop{ height: 195px; margin: 30px auto; overflow: hidden; position: relative;}
.footer .dtop .d2{ width: 748px; height: 45px; overflow: hidden; position: relative; margin-bottom: 27px;}
.footer .dtop .d2 .abox{ width: 110%; height: 41px; line-height: 41px; border-bottom: 1px solid #dddddd;}
.footer .dtop .d2 .abox a{ font-size: 16px; color: rgba(0, 0, 0, 0.85); float: left; margin-right: 55px;}
.footer .dtop .d2 .abox a:after{ width: 0; height: 3px; background: #eb4000; display: block; content: ''; margin: 0 auto; position: relative; }
.footer .dtop .d2 .abox a:hover,.footer .dtop .d2 .abox a.acted{ color: #eb4000; }
.footer .dtop .d2 .abox a:hover:after,.footer .dtop .d2 .abox a.acted:after{ width: 98%; }
 

.footer .dtop .pbox{ font-family: 'PINGFANG4'; font-size: 14px; line-height: 30px;}

.footer .dtop .wxbox{ 
	width: 150px; 
	text-align: center;
	padding: 7px 0;
	border: 1px solid #dddddd;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 20;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.85);
	line-height: 18px;
}
.footer .dtop .wxbox img{ width: 134px; }
.footer .dtop .wxbox p{ margin-top: 4px; }

.footer .dbot{font-family: 'PINGFANG4'; height: 56px; line-height: 56px; text-align: center; font-size: 14px; border-top: 1px solid #dddddd; }
.footer .dbot .sp1{ float: left; }
.footer .dbot .sp2{ width: 140px; float: right;}
.footer .dbot a{ color: #000; }
.footer .dbot .zcimg{ 
	width: 72px;	
	float: left;
	overflow: hidden;
	background: url(../img/zc.png) no-repeat left center; 
	text-indent: -99em;
}

.wxjszc{ position: relative; top: 8px; }



input::-webkit-input-placeholder{ color: rgba(0, 0, 0, 0.45);}
input::-moz-placeholder{ color: rgba(0, 0, 0, 0.45);  /* Mozilla Firefox 19+ */}
input:-moz-placeholder{ color: rgba(0, 0, 0, 0.45); /* Mozilla Firefox 4 to 18 */ }
input:-ms-input-placeholder{ color: rgba(0, 0, 0, 0.45); /* Internet Explorer 10-11 */ }

textarea::-webkit-input-placeholder{ color: rgba(0, 0, 0, 0.45);}
textarea::-moz-placeholder{ color: rgba(0, 0, 0, 0.45);  /* Mozilla Firefox 19+ */}
textarea:-moz-placeholder{ color: rgba(0, 0, 0, 0.45); /* Mozilla Firefox 4 to 18 */ }
textarea:-ms-input-placeholder{ color: rgba(0, 0, 0, 0.45); /* Internet Explorer 10-11 */ }


.clearfloat:after{ display:block; content:""; visibility:inherit; clear:both;}
.clearfloat{ zoom:1;}

a,a p,img,.myheader,.navmenubox .ali .a1:after,.navmenubox .ali .down-menu,.contion .bgbox,.contion .dli .telbox,.footer .d2 .bg3,
.contion .dli,.footer .dtop .d2 .abox a:after{ 
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;	
}
.contion,.contion .dli .telbox1{	
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;	
}


.p-hide{
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

.d-bord{
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;
}