@charset "gb2312";
/* CSS Document */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
big,
code,
em,
img,
q,
s,
strike,
strong,
syt,
sup,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
legend,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
footer,
header,
nav,
section,
audio,
video,
button,
input {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font: inherit;
  font-weight: normal;
  font-family: "PingFang SC", "Lantinghei SC", "Siyuan", "Microsoft YaHei", "微软雅黑", SimSun, Arial;
  -webkit-font-smoothing: antialiased; }

em,
i {
  font-style: normal; }

b,
strong {
  font-weight: normal; }

img {
  border: none;
  max-width: 100%; }

a {
  text-decoration: none; outline:none;}

a:active {
  outline: 0; }
.clear{ clear:both;}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
  box-sizing: border-box; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }
body {
  background: #fff;
  font-size: 0.64rem; }
 



  
/**/
.x-tou{ width:100%; height:auto; margin:0 auto; min-width:1200px;}
.banner{ width:100%; background:url(../images/banner01.png) center no-repeat; height:480px; min-width:1200px;} 
.x-center{ width:1000px; height:auto; margin:0 auto; text-align:center; position:relative;}
.x-img{ margin-top:365px; margin-left:46px; width:140px; height:140px; float:left; box-shadow:0 7px 21px rgba(26,30,41,0.38);}
.x-star{ width:100%; height:auto; min-width:1200px; padding-top:136px; padding-bottom:60px;}
.x-div{ width:1000px; height:auto; border:1px #e9e9e9 solid; margin:0 auto; border-radius:4px; box-shadow:0 7px 21px rgba(26,30,41,0.1); margin-bottom:30px;}
.x-div p{ font-size:18px; color:#1a1e29; text-align:left; padding-top:32px; line-height: 32px; padding-bottom:26px;}
.x-div i{ float:left; width:5px; height:28px; background:#1a1e29; margin-right:30px;}
.x-hold{ width:936px; margin:0 auto; height:auto; display:table; padding-bottom:26px;}
.x-li{ float:left; border:1px #e9e9e9 solid; border-radius:4px; margin-right:19px; margin-bottom:16px;}
.x-li span{ font-size:14px; color:#666; display:block; height:46px; line-height:46px; padding: 0 24px;}
.x-li em{font-size:14px; color:#999; display:block; background:#e5e5e5; height:30px; line-height:30px;}
.x-none{ margin-right:0;}

 /**/ 

/*nav*/
.div_center{ width:1200px; height:auto; margin:0 auto; text-align:center; position:relative;} 
.nav_title{ width:100%; height:94px;min-width:1200px; border-bottom:1px #e4e3e3 solid;}
.nav_logo{ width:366px; float:left; height:auto; text-align:left;padding: 24px 0;}
ul.nav_right{width: 814px; height: 94px; float: right; }
ul.nav_right li{padding:0px 8px;float:left;font-size:15px; line-height:94px;}
/*ul.nav_right li:hover{ cursor:pointer;}*/
ul.nav_right li a{color:#333;}
ul.nav_right li:hover a{color:#219bed; font-weight:bold;}
/*ul.nav_right li.liFirst :hover{cursor:pointer;}*/
.dh_menu{width:1200px;height:210px;position:absolute;top:95px; left:0; background:#fff; z-index:99;display:none;}
.dh_menu ul{width:1200px;height:auto;}
.dh_menu ul li{ float:left; line-height:normal; text-align:left;position: relative; height:210px; margin-top:0px;}
.dh_new{ width:90px; left: 777px;height: 150px;}
.dh_new p{line-height: 50px; font-size: 15px;color:#333333; font-weight:normal;}
.dh_new p:hover{ background:#f2f2f2; color:#219bed;}
.dh_add{ height:200px;left: 1096px;}
.lifirst_sead{ font-size:14px; color:#9b9b9b; margin-right:15px;line-height: 25px; font-weight:normal;}
.down{ margin-left: 4px; position: relative; top: -2px;}
.bold{ font-size:16px; font-weight:bold; color:#219bee; border-bottom:2px #219bee solid;padding-bottom: 8px; margin-right: 14px;}
.hui{ font-size:12px; color:#bbb8b8;}
.lifirst_title{ width:96px;text-align:right;color:#777777; display:inline-block;font-size: 13px;margin-top: 3px;margin-right: 15px;    line-height: 25px;}
.lifirst_sead:hover,.lifirst_title:hover{ color:#219bed;}
.hold_div{ height:34px;margin-bottom: 10px;margin-top: 20px;}
.hold{ float:left; height:40px; margin-right:20px;}
.hold_font{ width:1px; background:#d8d5d7; height:143px; position:absolute; top:36px; right:8px; z-index:1;}
.hold_img{ position:absolute; bottom:8px; right:32px; z-index:1;}
.moust01{ width:330px;}
.moust02{ width:294px;}
.moust03{ width:250px;}
.moust04{ width:205px;}
.onelist{ margin-right:0; display:inline-block; width:78px;}
.seandlist{ display:inline-block; width:88px; margin-right:0;}
.lif_new{ width:188px;}

/*new*/
.seadnew-ie{ display:block;}
.farsi-mu{ width:201px; padding:0 15px !important;}
.farsi-a{ right:20px;}
.farsi-b{margin-right: 0; display: inline-block; width:150px;}
.farsi-mu02{width: 310px; padding: 0 22px !important;}
.farsi-c{ width:166px; display:inline-block; margin-right:0;}
.farsi-d{ width:355px; padding:0 15px !important;}
.farsi-e{ width:180px; display:inline-block; margin-right:0;}
.farsi-f{ width:200px;padding:0 15px !important;}
.farsi-g{ width:711px; height:183px; left:224px;}
.farsi-h{ width:156px;padding:0 22px !important;}
.farsi-b img,.farsi-i img{ margin-right: 10px;  position: relative;  top: 2px;}
.farsi-i{ width:130px; display:inline-block; margin-right:0px;}
.farsi-j{ width:278px;padding:0 15px !important;}
.farsi-k{width:170px;padding:0 15px !important;}
.farsi-g ul li{ height:183px;}
.farsi-n{ height:118px;}

/*后*/
.online_last{ width:100%; height:auto; background:#262829; text-align:center; margin:0 auto;padding-top:30px;}
.online_lo{ width:100%; height:auto; display:table;}
.online_lo li{ float:left;}
.online_go{ width:228px; height:155px; border-right:1px #7d7e81 solid; text-align:left;}
.online_go span{ font-size:14px; color:#fff; display:block;}
.online_go img{ margin-top:40px;margin-bottom: 4px;}
.online_ad{ width:544px; height:155px;border-right:1px #7d7e81 solid; text-align:left; padding-left: 45px; padding-right: 5px;}
.online_ab{ float:left; width:105px;margin: 0 30px; text-align:left;}
.online_ab a{ font-size:14px; color:#aca9a9;margin-bottom: 6px; display: inline-block;}
.online_ab a:hover{ border-bottom:1px #fff solid; color:#fff; -webkit-transition:.8s;}
.online_ab span{ font-size:16px; color:#fff; font-weight:bold; display:block; margin-bottom:8px;}
.online_ter{ width:154px;}
.online_ter span{ text-align:center;}
.online_ter a{ margin-left:10px;margin-right:10px; position:relative;}
.online_bo { width: 246px; margin-left: 62px;}
.online_wei{ margin-left:20px;}
.online_are{ margin-left: 44px !important;}
.online_bo b{ margin-left:14px;}
.online_nose{ width:1200px; height:auto; text-align:center; padding:30px 0;}
.online_nose span{ font-size:14px; color:#898686; display:inline-block; margin-right:30px; line-height:24px;}
.online_yin{ font-size:14px; color:#7e7a7a; background:#e8e9ef; border-radius:5px; position: absolute; top: 26px; width: 390px; z-index: 10; padding: 6px 10px;left: -195px; display:none;}
.online_yin b{ display:inline-block; margin-left:18px; font-weight:normal;}
.online_cang{ position: absolute;top: 20px; left: 9px; display:none;}
.online_bo b{font-size: 14px; font-weight:normal;color: #aca9a9;}
.cnzz a{padding-top:5px;font-size: 14px; color: #898686;display: inline-block;}

body {font-family:"微软雅黑", Arial, Tahoma,"微软雅黑";margin:0;padding:0;font-size:12px;color:#000; background:#fff; } 


#pageApp{
	
}

/*-----顶部广告-----*/
.adBox{
	width: 1200px;
	margin:0 auto;
}
.adBox img{
	width: 100%;
	border:0;display: block;
}
/*-----顶部广告-----*/

/*-----遮罩广告-----*/
.maskBox{
	position: fixed;
	top:0;
	left:0;
	z-index: 99999;
	width:100vw;
	height:100vh;
	background: rgba(0,0,0,0.3);
	transition:background .3s 0s; 
}
.maskBox.cur{
	background: rgba(0,0,0,0);
	z-index: -10;
}
.maskBox .inner{
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	opacity: 1;
	transition: top .3s 0s,opacity .2s 0s; 
}
.maskBox .inner img{
	width:100%;
	border:0;display: block;
}
.maskBox .inner span.close{
	width:50px;
	height:50px;
	border:2px solid #fff;
	border-radius: 50%;
	position: absolute;
	top:-40px;
	right:-40px;
	opacity: .5;
}
.maskBox .inner .close::before,.maskBox .inner .close::after{
    position: absolute;
    top:50%;
    left:50%;
    content: "";
    width:5px;
    height:30px;
    background:#fff; 
    border-radius: 4px;
    transform: translate(-50%,-50%) rotate(45deg);
}
.maskBox .inner .close::after{
    width:30px;
    height:5px;
}
.maskBox .inner span.close:hover{
	opacity: 1;
}

.maskBox .inner.cur{
	top: 0;
	opacity: 0;
}
/*-----遮罩广告-----*/



@media screen and (min-width: 981px) {
	.banner01{ display:none;}
	}
@media screen and (max-width: 980px) {
.banner,.x-tou{ display:none;}
.banner01{ width:100%; height:100%; position:relative;}
.x-img02{ width:100%;}
.x-img03{ position:absolute; bottom:-0.33rem; left:0.52rem; z-index:1;  box-shadow:0 0.07rem 0.21rem rgba(26,30,41,0.38); width:1.4rem; height:1.4rem;}
.x-star{ min-width:inherit; padding-top:0.8rem; padding-bottom:0.7rem; background:#f1f1f1;}
.x-center{ width:100%;}

.x-div{ width:90.4%; height:auto; border: none; margin:0 auto; border-radius:0.04rem; box-shadow:0 0.07rem 0.21rem rgba(26,30,41,0.1); margin-bottom:0.2rem; background:#fff;}
.x-div p{ font-size:0.26rem; color:#1a1e29; text-align:left; padding-top:0.32rem; line-height: 0.32rem; padding-bottom:0.26rem;}
.x-div i{ float:left; width:0.05rem; height:0.28rem; background:#1a1e29; margin-right:0.3rem;}
.x-hold{ width:92%; margin:0 auto; height:auto; display:table; padding-bottom:0.26rem;}
.x-li{ float:left; border:1px #e9e9e9 solid; border-radius:0.04rem; margin-right:0.19rem; margin-bottom:0.16rem;}
.x-li span{ font-size:0.18rem; color:#666; display:block; height:0.46rem; line-height:0.46rem; padding: 0 0.24rem;}
.x-li em{font-size:0.16rem; color:#999; display:block; background:#e5e5e5; height:0.3rem; line-height:0.3rem;}
}