@charset "utf-8";
*{
	margin:0px;
	padding: 0px;
	list-style: none;
	text-decoration: none;
}
pre{margin:0px;padding:0px;}
body{
	min-width: 1280px;
	font-size: 16px;
	font-family: "宋体";
}
.w128{
	width: 1280px;
	min-width: 1280px;
	margin:0px auto;
}
.dis-no{display: none;}
.auto{margin: 0 auto;}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
input{
	outline: none;
}
img{
	border: none;
}
a:hover{
	color: #dd0000;
}
/*顶部*/
.header-top{
	width: 100%;
	min-width: 1280px;
	padding: 15px 0px;
	box-shadow: 3px 4px 20px 0px rgba(197, 197, 197, 0.75);
}
.tianqi span{
	font-size: 18px;
	color: #717171;
	font-family: "微软雅黑";
	line-height: 25px;
	height: 28px;
	display: block;
	float: left;
	margin-right: 15px;
	font-weight: bold;
}
.top_right .nav{
	margin-right: 10px;
	padding: 5px 0px;
}
.top_right .nav li{
	float: left;
	border-right: 3px solid #717171;
}
.top_right .nav li:last-child{
	float: left;
	border-right: none;
}
.top_right .nav li a{
	font-size: 18px;
	color: #717171;
	font-family: "微软雅黑";
	font-weight: bold;
	padding: 0px 15px;
	line-height: 16px;
}
.top_right .nav li a:hover{
	color: #df0000;
}
.phone{
	line-height: 16px;
	background: url(../images/phone.png) no-repeat;
	padding: 5px 0px 5px 20px;
}
.phone_{
	background: url(../images/phone_.png) no-repeat 0px 2px;
        margin-left:15px;
}
.phone a{
	font-size: 18px;
	color: #006ddf;
	font-family: "微软雅黑";
	font-weight: bold;
	line-height: 16px;
}
.header{
	padding: 30px 0px;
}
.header .logo{
    position: relative;
	width: 34%;
}
.header .logo img{
	width: 100%;
}
.header-right{
padding-top:60px;
}
.search-box{
	height: 35px;
	position: relative;
}
.search .sear{
	width:280px;
	height: 35px;
	border: 2px solid #DD0000;
	border-radius: 23px;
	display: block;
	float: left;
	padding-left: 20px;
}
.search .sear-ok{
	width: 35px;
	height: 35px;
	background-size: 100% 100%;
	position: absolute;
	top:2px;
	right:10px;
}
.reading-icon{
	width: 121px;
	height: 35px;
	margin-left:10px;
	cursor: pointer;
        position:relative;
}

.reading{
position:absolute;
top:-70px;
right:0px;
height:0px;
overflow:hidden;
transition:0.6s all;
}
.reading-icon:hover .reading{
height:64px;
overflow:hidden;
}
.reading ul{
	width: 290px;
	float: right;
	margin-bottom: 10px;
}
.reading ul li{
	width: 50px;
	float: left;
	margin-right: 30px;
	cursor: pointer;
}
.reading ul li:last-child{
	float: left;
	margin-right: 0px;
}
.reading ul li img{
	height: 32px;
	display: block;
	margin:0px auto 6px;
}
.reading ul li p{
	font-size: 12px;
	color: #333333;
	font-family: "微软雅黑";
	text-align: center;
}
.reading-icon>img{
	width: 100%;
}

.footer{
	width: 100%;
	min-width: 1280px;
}
.footer .link{
	width: 100%;
	height:60px;
	background: #60a2a5;
}
.link>.w128{
	position: relative;
}
.link>.w128>h3{
	font-size: 20px;
	color: #ffffff;
	font-family: "微软雅黑";
	line-height: 60px;
	font-weight: normal;
	margin-right: 30px;
}
.link>.w128>h3::before{
	content: url(../images/icon7.png);
	position: relative;
	margin-right: 6px;
	top:4px;
}
.link>.w128>ul>li{
	width: 130px;
	height: 60px;
	float: left;
	margin-right: 30px;
	cursor: pointer;
}
.link>.w128>ul>li>h3{
	font-size: 18px;
	color: #ffffff;
	line-height: 60px;
	text-align: center;
	font-family: "微软雅黑";
	font-weight: normal;
}
.link>.w128>ul>li>h3::before{
	content: url(../images/icon8_white.png);
	position: relative;
	margin-right: 10px;
	top:1px;
}
.link>.w128>ul>li:hover{
	background: #ffffff;
}
.link>.w128>ul>li:hover>h3{
	color: #006ddf;
}
.link>.w128>ul>li:hover>h3::before{
	content: url(../images/icon8_blue.png);
}
.link_list{
	position: absolute;
	top:60px;
	left:0px;
	width: 62%;
	height:0px;
	z-index: 2;
	background: #ffffff;
	transition: 0.6s all;
	overflow: hidden;
}
.link>.w128>ul>li:hover>.link_list{
	height: 70px;
}
.link_list li{
	height: 35px;
	line-height: 35px;
	float: left;
}
.link_list li a{
	padding:0px 30px;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #006ddf;
}
.link_list li:hover{
	background: #006ddf;
}
.link_list li:hover a{
	color: #ffffff;
}
.copyright{
	background: #4887c9;
	padding: 30px 0px;
}
.copyright .w128{
	position: relative;
}
.copyright p{
	text-align: left;
	color: #ffffff;
	font-size: 16px;
	font-family: "微软雅黑";
	line-height: 28px;
}
.ewm{
	position: absolute;
	right: 5px;
	top:-60px;
}
.ewm ul li{
    position: relative;
	width: 110px;
	float: left;
	margin-right: 15px;
	background: url(../images/ewm_dec.png) no-repeat left top;
	background-size: 15px 30px;
}
.ewm ul li img{
	width: 100px;
	height: 100px;
	margin-left: 15px;
	display: block;
}
.ewm ul li:last-child{
	margin-right: 0px;
}
.ewm ul li p{
	width: 100px;
	height: 30px;
	background: #ffffff;
	text-align: center;
	line-height: 30px;
	color: #434343;
	margin-left: 15px;
	font-size: 14px;
	font-family: "微软雅黑";
}
.ewm ul li:nth-child(3) p{
	line-height: 10px;
}
.ewm ul li:nth-child(3) p i::before{
	content: url(../images/wechat.png);
	position: relative;
	margin-right: 5px;
	top:4px;
}
.ewm ul li:nth-child(4) p i::before{
	content: url(../images/weibo.png);
	position: relative;
	margin-right: 5px;
	top:4px;
}

#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}
/* 盒子模型 */
.flexlayout{display: flex;display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; }
.flexXY{justify-content: space-between;align-items: center;}
.flexNowrap { flex-flow: row nowrap; }
.xwflexYcenter {flex-flow: column wrap;flex: 0 1 200px;}
.flexYcenter {flex-flow: column wrap;flex:  1 1 100%;}
.wsp{flex-flow: column nowrap;height:100%;}
.flexXcenter {flex-flow: row wrap;}	
.box { box-sizing: border-box;}