@font-face {
    font-family: FZ506;
    font-weight: normal;
    font-style: normal;

    /* src: url('../fonts/FZ_506L.ttf') format('truetype'); */
}
@font-face {
    font-family: FZ508;
    font-weight: normal;
    font-style: normal;

    /* src: url('../fonts/FZ_508R.ttf') format('truetype'); */
}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,font,img,strong,dl,dd,dt{margin:0;padding:0;}
ol,ul{list-style:none; margin:0px; padding:0px;}
img{border:0;}
body{ font-family:"微软雅黑" ; font-size:14px; color: #000; 
position: relative;overflow-x : auto;}
a:link,a:visited,.main .artbox .lbox_1 .step13 li span a,.main .artbox .picbox li span a{color:#333333;text-decoration:none;}
a:hover{cursor:pointer}
.clear{ clear:both;}
h1,h2,h3,h4{ font-style: normal; font-weight: normal }
input{outline: none;}
u{text-decoration: none;}

::-webkit-scrollbar {  
        width: 10px;  
        height: 8px;  
        background-color: #F5F5F5;  
      }  
      /*定义滚动条轨道 内阴影+圆角*/  
      ::-webkit-scrollbar-track {  
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
        background: #fff ;  
      }  
      /*定义滑块 内阴影+圆角*/  
      ::-webkit-scrollbar-thumb {  
        border-radius: 3px;  
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
        background-color:rgba(48, 57, 58, 0.7);  
      }  
      ::-webkit-scrollbar-thumb:hover {  
        border-radius: 3px;  
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
        background-color:rgba(7, 170, 247, 1);  
}
header{
	max-width: 1500px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
	margin: auto;
	position: relative;
}
header span{
	color: #eb6100;
	position: absolute;
	right: 50px;
	font-weight: bold;
}
.header_box{
	height: 80px;
}

.header{ width: 100%; height: 80px; background-color: #191919; z-index: 999; text-align: center;}
.guding{
	position: fixed;
    top: 0px;
    left: 0px;
}
.header_nav{ max-width: 1500px; height: 80px; margin:auto; display: flex; justify-content: space-between;}
.header_nav img{ padding-top: 15px; float: left;}
.header_nav>ul{ flex:0 0 880px;display: flex; justify-content: space-between;  text-align: center;}
.header_nav>ul li{flex: 1; display: inline-block;position: relative;}
.header_nav>ul>li>a{ color: #fff; width: 100%; height: 80px; line-height: 80px; text-align: center; display: inline-block;}


.header_nav .right_login{ float: right; line-height: 80px;}
.header_nav .right_login a{ color: #fff; }
.header_nav .right_login i{ font-style:normal; font-weight:bold}
.header_nav .right_login .dl{ padding-right: 10px }
.header_nav>ul li:hover{ background-color: #e95513; }
.header_nav>ul .active{background-color: #e95513;}

.header_nav>ul li .sildebar{ display:block; width: 100%; height: auto;  background-color: #fff;
padding-top: 10px; padding-bottom: 10px; z-index: 999; position: absolute; top: 82px; left: 0}
.header_nav>ul li .sildebar a{ display:block; width:100%; height: 36px; line-height: 36px; text-align: center; color: #595757}
.header_nav>ul li .sildebar a:hover{ color: #e95513; }
.nav-cli {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #191919;
	color: #fff;
	max-height: 0;
	overflow: hidden;
	transition: all .5s linear;
	z-index: 99;
}


.nav-cli li{
	width: 100%;
	float: left;
}
.nav-cli li a{
	color: #fff;
    width: 100%;
    text-align: center;
    display: inline-block;
    padding: 8px 0;
    
}
/*
 >6 css
 */
.nav-cli1{
	position: absolute;
	top: 100%;
	left: 0;
	width: 190%;
	background-color: #191919;
	color: #fff;
	max-height: 0;
	overflow: hidden;
	transition: all .5s linear;
	z-index: 99;	
}
@media screen and (max-width: 1366px) {
    .nav-cli1{
		position: absolute;
		top: 100%;
		left: 0;
		width: 230%;
		background-color: #191919;
		color: #fff;
		max-height: 0;
		overflow: hidden;
		transition: all .5s linear;
		z-index: 99;	
	}
}
.nav-cli1 li{
	width: 50%;
	float: left;
}

.nav-cli1 li a{
	color: #fff;
    width: 100%;
    text-align: center;
    display: inline-block;
    padding: 8px 0;
    
}

.header_nav>ul li:hover .nav-cli{
	padding: 10px 0;
	max-height: 432px;
}

.bot_nav{ width: 100%; height: 88px; background-color: #191919;}
.bot_nav_ctx{ 
	width: 78%; height: 88px; margin: auto; 
	display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;     /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;  /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex;         /* 新版本语法: Opera 12.1, Firefox 22+ */
    justify-content:space-between;
}
.bot_nav_ctx span{ 
	display: block; width: 250px; height: auto; float: left; padding-top: 19px;
	-webkit-box-flex:  0 0 240px; /* OLD - iOS 6-, Safari 3.1-6 */  
    -moz-box-flex: 1 0 0 240px;    /* OLD - Firefox 19- */              
    -webkit-flex:  0 0 240px;    /* Chrome */  
    -ms-flex:  0 0 240px;        /* IE 10 */  
    flex: 0 0 240px;              /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.bot_nav_ctx span b{ display: block; width: 100%; color: #fff; font-size: 16px; font-weight: normal;}
.bot_nav_ctx span h3{ color: #fff; display: block; font-size: 28px;}
.bot_nav_ctx ul{ 
	height: auto;
	-webkit-box-flex:0 0 60%;  /* OLD - iOS 6-, Safari 3.1-6 */  
    -moz-box-flex: 0 0 60%;     /* OLD - Firefox 19- */              
    -webkit-flex:0 0 60%;      /* Chrome */  
    -ms-flex: 0 0 60%;       /* IE 10 */  
    flex:0 0 60%;              /* NEW, Spec - Opera 12.1, Firefox 20+ */
   	display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;     /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;  /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex;         /* 新版本语法: Opera 12.1, Firefox 22+ */
}

.bot_nav_ctx ul li{ 
	-webkit-box-flex: 1  ; /* OLD - iOS 6-, Safari 3.1-6 */  
    -moz-box-flex: 1;     /* OLD - Firefox 19- */              
    -webkit-flex: 1;      /* Chrome */  
    -ms-flex: 1   ;        /* IE 10 */  
    flex: 1;              /* NEW, Spec - Opera 12.1, Firefox 20+ */
	line-height: 88px; 
	float: right;
	width: 10%;
	}
.bot_nav_ctx ul li a{ font-size: 18px; color: #fff; height: 88px;text-align: center; display: block;}
.bot_nav_ctx ul li:hover{ background-color: #e95513;}

.bot_all{ width: 100%; height: auto; background-color: #fff; }
.bot{ max-width: 1500px;  margin: auto;}
.foot_fuwu{
	max-width: 1500px; 
	margin:0 auto;
	padding: 20px 0;
	border-bottom: 1px solid #d2d2d2;
	display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;     /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;  /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex;         /* 新版本语法: Opera 12.1, Firefox 22+ */
       padding-left: 55px;
}
.foot_fuwu>div{
	-webkit-box-flex: 1  ; /* OLD - iOS 6-, Safari 3.1-6 */  
    -moz-box-flex: 1;     /* OLD - Firefox 19- */              
    -webkit-flex: 1;      /* Chrome */  
    -ms-flex: 1   ;        /* IE 10 */  
    flex: 1;              /* NEW, Spec - Opera 12.1, Firefox 20+ */
	box-sizing: border-box;
	padding-left: 70px;
	border-left: 1px solid #d2d2d2;	
}
.foot_fuwu>div:first-child{
	padding-left: 0px;
	border-left: 0;	
}
.foot_fuwu>div img{
	float: left;
	vertical-align: middle;
	margin-bottom: 10px;
}
.foot_fuwu>div div{
	width: 214px;
	float: left;
	margin-left: 10px;
}
.foot_fuwu>div div h3{
	font-weight: 700;
	font-size: 17px;
	margin-bottom: 5px;
}
.foot_fuwu>div div p{
	font-size: 12px;
	color: #999;
}
.foot_fuwu:after{
	content: "";
	display: block;
	clear: both;
}
.bot_top{ 
	width: 100%;
	padding: 40px 0;
	padding-bottom: 10px;
	display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;     /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;  /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex;         /* 新版本语法: Opera 12.1, Firefox 22+ */
   justify-content: space-between;
}
.bot_top span{ 

}
.bot_top .bot_zuo{

}
.bot_top span h3{ display: block; font-size: 18px; color: #000;}
.bot_top .bot_zuo p{ width:100%; color: #717071; line-height: 25px; padding-top: 25px;}
.bot_top .help{ display: block; height: auto; text-align: left;display: inline;text-align: center;}
.bot_top .help h3{ display: block; color: #000; font-size: 18px; padding-bottom: 25px}
.bot_top .help a{ display: block; color: #717071; padding-bottom: 10px}
.bot_top .help a:hover{ color: #e95513;}

.bot_top .bot_center{ width: 130px; display: inline;text-align: center;}
.bot_top .bot_center img{ padding-top: 25px;}
.bot_top .bot_center div{ width:70%; float: left; padding-left: 30%; text-align:left;}

.bot_top .bot_you{ 
	margin: 0;
	display: inline;

}
.bot_top .bot_you i{ display: block; height: 25px; color: #717071; font-style: normal; padding-bottom: 8px;}
.bot_top .bot_you h3{ padding-bottom: 25px;}

.beian{ width: 100%;height: 100% !important;font-size:12px;  line-height: 30px; text-align: center; color: #7d7d7d; fbot_nav_ctxont-size: 14px; padding:20px 0;background: #eee;}
.beian ul:after{
	content: "";
	display: block;
	clear: both;
}

.beian a{
	color: #7D7D7D;
        font-size:12px;
}
.beian ul li{
	display: inline-block;
	padding: 2px;
         position: relative;
}
.subMenu{
       position:absolute;
      bottom: 30px;
      left: -70px;
     padding:10px;
     border-radius:5px;
     border:1px solid #ccc;
      display:none;
      background: #eee;
       width: 200px;
}
.beian ul li i{
	display: inline-block;
	height: 12px;
	width: 1px;
	border-right: 1px solid #7D7D7D;
	position: relative;
	top: 1px;
	margin-left: 2px;
}
.bot_top .lianxi{
	text-align: left !important;
}
.ggttx{width: 100%;overflow: hidden;height:150px;background: url('../images/ggtbj.png') no-repeat;
text-align: center;position: fixed;bottom: 0; }
.ggtzy{width: 1500px;margin:auto;position: relative;}
#ggtgb{position: absolute;top: 0;left: 0;cursor: pointer;}
#ggthl{position: fixed;bottom: 0;left: -110px;cursor: pointer;}

.fz-bold{
	font-family: FZ508;
}
@media screen and (max-width:1370px){
	.foot_fuwu,.bot{
		width:1100px;
		box-sizing: border-box;
		padding: 0;
		padding-bottom: 20px;
	}	
	.foot_fuwu>div{
		padding-left: 0;
		text-align: center;
	}
	.foot_fuwu>div img{
		float: none;
	}
	.foot_fuwu>div div{
		float: none;
		width: 100%;
		text-align: center;
		padding: 0 20px;
		box-sizing: border-box;
		margin-left: 0;
	}
	
}
@media (max-width: 1270px){
	.header_top,.foot_top,.foot_bot{
		width: 970px;
	}
}

/*2018.1.31修改*/
.bot_top .bot_zuo p{
		width: 300px;
	}
.bot_special{
	padding: 23px 0;
	max-width: 1350px;
	margin: auto;
}
.bot_special li{
	float: left;
	width: 176px;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-right: 117px;
    text-align: center;
}
.bot_special li:last-child{
	margin-right: 0;
}
.bot_special li:nth-child(5){
	margin-right: 0;
}
.bot_special li:nth-child(10){
	margin-right: 0;
}
.bot_special li:nth-child(15){
	margin-right: 0;
}
.lianxi>div {
	margin-top: 5px;
}
.lianxi>div span{
	color: #ff5500;
	font-weight: bold;
	font-size: 16px;
	margin-right: 10px;
}
.lianxi>div p{
	height: 24px;
	line-height: 24px;
	margin-bottom: 10px;
}
.lianxi>div a{
	display: inline-block !important;
	padding: 0 10px;
	padding-bottom: 0 !important;
	color: #FFF !important;
	background: #ff5500;	
	border-radius: 5px;
}

.swiper-pagination-bullet{
	width:10px !important;
	height: 10px !important;
	background: #fff;
	opacity: 1;
}
.swiper-pagination-bullet-active {
    background: #eb6100;
}
.bot_special ol:after{
	content: '';
	display: block;
	clear: both;
}
.bot_special ol li{
	margin-bottom: 15px;
}


.bot_special ol li{
	color: ##717071;
}

.youlian ol:after{
	content: '';
	display: block;
	clear: both;
}
.youlian ol li{
	float: left;
	width: 140px;
	margin-right: 61.5px;
	text-align: center;
	margin-bottom: 15px;
}
.youlian ol li p{
	width: 100%;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size: 14px;
    color: #999999;
    line-height: 26px;
}
.youlian ol li div{
	width: 100%;
	height: 40px;
	background-color: #ffffff;
	border: solid 1px #acabab;

}
.youlian ol li div img{
	display: block;
	width: 100%;
	height: 100%;
}
.youlian ol li:last-child{
	margin-right: 0;
}
.youlian ol li:nth-child(7),.youlian ol li:nth-child(14),.youlian ol li:nth-child(21){
	margin-right: 0;
}
@media screen and (max-width:1700px){
.header_nav,.index_one_main,.foot_fuwu,.bot	{ width:80%}
.header_nav>ul{flex: 0 0 65%;}
.right_login i{ display:none}
.foot_fuwu>div div{ width:75%}

	}

@media (max-width: 1200px){
	.header_nav>ul {
   	  flex: 0 0 750px;
   	}
}