body, button, dd, div, dl, form, h1, h2, h3, h4, h5, h6, html, img, input, li, ol, p, ul {
    margin: 0;
    padding: 0;
    border: 0
}

* {
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: "Microsoft YaHei","PingFang SC" STHeiti, 宋体, arial;
    background-color: #fff;
    min-width: 1300px;/*9.23修改*/
}

button, input, textarea {
    font-family: "Microsoft YaHei", STHeiti, 宋体, arial;
    padding: 0;
    font-family: Verdana, Arial
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Microsoft YaHei", STHeiti, 宋体, arial;
    font-weight: normal
}

img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}

button:hover,
input[type=submit]:hover {
    cursor: pointer
}

button:focus,
input:active,
input:focus,
textarea:focus {
    outline-color: transparent;
    border: 0
}

a {
    color: #333;
    display: inline-block;
}

a:link {
    text-decoration: none
}

a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none;
    cursor: pointer
}

a:active {
    text-decoration: none
}

li {
    list-style: none;
}

.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    visibility: hidden
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}
img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}



/*header*/
.header{
	height: 100px;
	position: relative;
	z-index: 99;
}
	
.top{
	width: 73%;
	max-width:1400px;
	margin: 0 auto;
	/*display: flex;
	flex-direction: row;
	justify-content: space-between;*/
}
.top .left{
	float: left;
}
.top>a{
	float: left;
	display: inline-block;
	width: 260px;
	height: 100px;
	overflow: hidden;
}
.top>a img{
	margin-top: 21px;
}
.tnav{
	float: right;
	/*flex: 1;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;*/
}
.tnav ul{
	position: relative;
	float: right;
	display:inline-block;
}
.tnav ul li{
	position: relative;
	float: left;
	width: 106px;
	margin-right:26px;
	display: inline-block;
	text-align: center;
	line-height: 100px;
}
.tnav ul li:last-child{
	margin-right: 0px;
}
@media only screen and (max-width: 1680px) {
	.header .top{
		width: 80%;
	}
}

@media only screen and (max-width: 1600px) {
	.header .top{
		width: 85%;
	}
}

@media only screen and (max-width: 1440px) {
	.header .top{
		width: 90%;
	}
}

@media only screen and (max-width: 1366px) {
	.header .top{
		width: 90%;
	}
    .header .tnav>ul>li{
    	margin-right: 20px;
    }
}

/*@media only screen and (max-width: 1278px) {
	.header .top{
		width: 90%;
	}
}*/
.tnav ul li::before {
  content:'';
  display:block;
  position:absolute;
  width:0%;
  bottom:0;
  right:100%;
  border-bottom: 4px solid #259dd9;
  transition: all 0.3s ease-out;
}
.tnav ul li:hover::before {
  right:0;
  width:100%;
}
.tnav ul li.act::before {
  right:0;
  width:100%;
}
.tnav ul li:hover ~ .tnav ul li::before {
  right:0;
}
.tnav ul li.act ~ .tnav ul li::before {
  right:0;
}

.tnav ul li>a{
	display: inline-block;
	width: 100%;
	height: 100px;
	font-size: 16px;
	color: #222222;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.tnav ul li.act>a{
	color: #259dd9;
}   
.navcell{
	height: 0;
	transition: all 0.3s linear;
	position: absolute;
	left:-13px;
	top: 100px;
	width: 140px;
	background-color: #FFFFFF;
	overflow: hidden;
}
.ejnavli{
	width: 100%;
	text-align: center;
	line-height: 1.6;
	/* height: 64px; */
	padding: 10px 0;
	border-bottom: #eeeeee solid 1px;
}
.ejnavli:last-child{
	border-bottom: none;
}
.ejnavli a{
	color: #333333;
	padding:0 5px;
	font-size: 15px;
	text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
}
.ejnavli:hover{
	background-color: #f9f9f9;
}
.ejnavli:hover a{
	color: #259dd9;
}
.tnav ul li:hover .navcell{
	/*opacity: 1;*/
	height:auto;
}
.tnavss{
	display:inline-block;
	width: 28px;
	height:100px;
	position:relative;
	float:right;
	line-height: 100px;
	margin-left: 30px;
}
.tnavss a{
	display: inline-block;
	width: 28px;
	height: 26px;
}
.ssdiv{
	position: absolute;
	right: 0px;
    top: 32px;
	padding-right:120px;
}
.tsearch{
	display: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #cccccc;
	border-radius: 18px;
	background-color: #ffffff;
	color: #666666;
	line-height: 35px;
	padding: 0px 10px;
}
.tsearch .text{
	width:130px;
	margin: 0 auto;
}
.zhan .ssdiv .tsearch{
	display: block;
}


/*footer*/
.footer{
	width: 100%;
	overflow: hidden;
	background-color: #3b3a38;
}
.fttop{
	width: 100%;
	margin: 45px auto 0px;
	overflow: hidden;
}
/*新注释*/
.fttopcon{
	/*width: 1400px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 50px;
	border-bottom: #dcdcdc solid 1px;*/
}
.fttopul{
	float: left;
	overflow: hidden;
}
.fttopul li{
	float: left;
	display: inline-block;
	padding-right: 85px;/*9.23修改*/
	padding-left: 15px;
}
.fttopcon ul li:last-child{
	padding-right: 0px;
}
/*新增*/
@media only screen and (max-width: 1680px) {
	.fttopul li{
		padding-right: 75px;
	}
}

@media only screen and (max-width: 1600px) {
	.fttopul li{
		padding-right: 63px;
	}
}

@media only screen and (max-width: 1440px) {
	.fttopul li{
		padding-right: 55px;
	}
}
/*9.23新增*/
@media only screen and (max-width: 1366px) {
	.fttopul li{
		padding-right: 50px;
	}
}
/*新增结束*/
.fttopul li p{
	position: relative;
	color: #fff;
	font-size: 16px;
	margin-bottom: 10px;
}
.fttopul li p:before{
	content: "+";
	position: absolute;
	left: -15px;
	top: 0;
	color: #7fa2f7;
	font-size: 14px;
}
.fttopul li a{
	display: block;
	width: 100%;
	color: #a7a7a7;
	font-size: 14px;
	margin-bottom: 10px;
}
.fttopul li a:hover{
	color: #fff;
}
.ftxinxi{
	float: right;
	width: 504px;
	overflow: hidden;
}
.ftxinxitit{
	border-bottom: #dcdcdc solid 1px;
	padding-bottom: 20px;
	color:#fff;
	font-size: 16px;
	font-weight: bold;
}
.ftxinxi ul{
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
}
.ftxinxi ul li{
	float: left;
	position: relative;
	width: 40%;
	padding-left: 50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.ftxinxi ul li:nth-child(2n){
	float: right;
	width: 205px;
}
.ftxinxi ul li i{
	position: absolute;
	left: 0;
	top: 5px;
	width: 34px;
	height: 35px;
}
.ftxinxi ul li i img{
	width: 34px;
	height: 35px;
}
.ftxinxi ul li span{
	display: inline-block;
	width: 100%;
	color: #fff;
	font-size: 14px;
}
.gsxx{
	width: 100%;
	overflow: hidden;
}
.gsxx p{
	width: 1200px;/*9.23修改*/
	margin: 20px auto;
	overflow: hidden;
	text-align: center;
	color: #b9b9b9;
	font-size: 14px;
}
.gsxx p span{
	display: inline-block;
	color: #666666;
	font-size: 14px;
}
.gsxxsp{
	margin-right: 10px;
}
.gsxx p span a{
	display: inline-block;
	color: #666666;
}
.gsxx p span a:hover{
	color: #444444;
}



.conwid{
	width: 73%;
	max-width: 1400px;
	margin: 0 auto;
	overflow: hidden;
}
@media only screen and (max-width: 1680px) {
	.conwid{
		width: 80%;
	}
}

@media only screen and (max-width: 1600px) {
	.conwid{
		width: 85%;
	}
}

@media only screen and (max-width: 1440px) {
	.conwid{
		width: 90%;
	}
}

@media only screen and (max-width: 1366px) {
	.conwid{
		width: 90%;
	}
}
.sycp .conwid{
	overflow: visible;
}
.sytit{
	overflow: hidden;
	margin-bottom: 60px;
}
.syyoushi .sytit{
	text-align: right;
	margin-bottom: 40px;
}
.sycpbtleft .sytit{
	margin-bottom: 0px;
}
.syxwbtleft .sytit{
	margin-bottom: 0px;
}
.sytit i{
	display: block;
	width: 100%;
	margin-bottom: 30px;
}
.sytit i img{
	width: 34px;
	height: 34px;
}
.syguanyu:hover .sytit i img, .syyoushi:hover .sytit i img,  .sycp:hover .sytit i img{
	-webkit-animation:circle 1s infinite linear;
}
@-webkit-keyframes circle{

0%{ transform:rotate(0deg); }

100%{ transform:rotate(-360deg); }

}
.sytit h5{
	color: #000000;
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 10px;
}
.sytit>span{
	display: block;
	width: 100%;
	color: #d1d1d1;
	font-size: 24px;
}

.qitabanner{
	position: relative;
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.qitabanner a{
	display: inline-block;
	width: 100%;
}
.qitabanner a img{
	width: 100%;
}
.bannerzi{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);	/* IE 9 */
	-moz-transform:translate(-50%, -50%); 	/* Firefox */
	-webkit-transform:translate(-50%, -50%); /* Safari 和 Chrome */
	-o-transform:translate(-50%, -50%); 
	width: 73%;
	max-width: 1400px;
	margin: auto;
	text-align: left;
}
.bannerzi h5{
	color: #ffffff;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 12px;
}
.bannerzi p{
	color: #ffffff;
	font-size: 14px;
}
/* .blackzi p, .blackzi h5{
	color: #333333 !important;
} */

/*分页*/
.fenye{
	text-align: center;
	overflow: hidden;
}
.fenye ul{
	display: inline-block;
}
.fenye ul li{
	float: left;
	display: table;
	width: 40px;
	height: 40px;
	margin-right: 10px;
	border:#dcdcdc solid 1px;
	border-radius: 2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.ftprev, .fynext{
	width: 80px !important;
}
.fenye ul li a{
	display: table-cell;
	vertical-align: middle;
	color: #666666;
	font-size: 16px;
	font-family: arial;
}
.fenye ul li:hover, .fenye ul li.on{
	background-color: #259dd9;
}
.fenye ul li a:hover, .fenye ul li.on a{
	color: #FFFFFF;
}
.nrnav{
	width: 100%;
	overflow: hidden;
	border-bottom: #dcdcdc solid 1px;
	background-color: #ffffff;
}
.nrnav ul{
}
.nrnav ul li{
	float: left;
	width: 95px;
	height: 70px;
	line-height: 70px;
	margin-right: 50px;
}
.nrnav ul li:last-child{
	margin-right: 0px;
}
.nrnav ul li a{
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;
	color: #222222;
	font-size: 16px;
}
.nrnav ul li a.nrnavact{
	color: #259dd9;
}
.nrnav ul li a.nrnavact::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 5px;
	background-color: #259dd9;
}
.bgcolor{
	background-color: #f9f9f9;
}
.bgcolor1{
	background-color: #ffffff;
}

.ssxian .header{
	border-bottom: #eeeeee solid 1px;
}


.xqpage{
	width: 100%;
	overflow: hidden;
	margin-top: 25px;
}
.xqpage ul{
	float: left;
	width: 80%;
	overflow: hidden;
}
.xqpage ul li{
	width: 100%;
	overflow: hidden;
	line-height: 40px;
}
.xqpage ul li a{
	display: inline-block;
	width: 100%;
	color: #333333;
	font-size: 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.xqpage ul li a:hover{
	color: #259dd9;
}
.fanhui{
	float: right;
	width: 150px;
	height: 60px;
	line-height: 58px;
	overflow: hidden;
	border: #e5e5e5 solid 1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.fanhui a{
	display: inline-block;
	width: 100%;
	text-align: center;
	color: #222222;
	font-size: 16px;
	line-height: 58px;
}
.fanhui a span{
	display: inline-block;
	width: 22px;
	height:100%;
	margin-right: 10px;
}
.fanhui a span img{
	width: 22px;
	height: 22px;
	position: relative;
	top: -3px;
}

/*page*/
.page {
    
    margin:0 auto;
    text-align:center;
}
.page a {
    display:inline-block;
    margin:0 5px;
    padding:10px;
    font-size:16px;
    color:#999;
}
.page .num {
    font-style:italic;
    border-bottom:1px solid #dadada;
}
.page .num.on {color:#259dd9;border-bottom:1px solid #259dd9;}
.page .prev,.page .next {
    font-family:'Simsun';
}

.fl{
	float:left;
}
.header .search-wrap {
    position:absolute;
    left:0;
    display:none;
    width:100%;
    padding:30px 0;
    text-align:center; 
	z-index:3;
    background:#f0f0f0;
}
.header .search-box > div {display:inline-block;}
.header .search-input-text {
    width:730px;
    height:63px;
    padding:0 35px;
    background-color:#fff;
    border-radius:10px;
    box-shadow:0 0 5px rgba(0,0,0,.05);
}
.header .search-wrap .search-input {
    width:660px;
    height:63px;
    font-size:14px;
    line-height:63px;
}
.header .search-wrap .search-go {
    width:63px;
    height:63px;
    background:url(../images/search-btn.png) no-repeat center center;
}
.header .search-close-wrap {margin-left:20px;}
.header .search-wrap .close {
    display:block;
    width:63px;
    height:63px;
    background:url(../images/close.png) no-repeat center center;
}

/*悬浮窗*/
.fix-contact {
    z-index:999;
    position:fixed;
    bottom:10%;
    right: 0;
}
.fix-contact li {
    margin-bottom:10px;
}
.fix-contact .icon {
    position: relative;
    display: block;
    width:50px;
    height:50px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    background:#5b5b5b url(../images/fixed.png) no-repeat;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.fix-contact .icon:hover {background-color:#f38402;}
.fix-contact .icon1 {
    background-position:center 4px;
}
.fix-contact .icon2 {
    background-position:center -34px;}
.fix-contact .icon3 {
    background-position:center -34px;}
.fix-contact .icon4 {
    background-position:center  -72px;}
.fix-contact .icon5 {
    background-position:center  bottom;}
.fix-contact .left {
    position:absolute;
    top: 0;
    right: 55px;
    display:none;
    width:130px;
    height:50px;
    line-height:50px;
    text-align: center;
    background-color:#f38402;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.fix-contact .icon:hover .left {
    display: block;
}
.fix-contact .code {
    position:absolute;
    top:-80px;
    right: 55px;
    display: none;
    padding:20px 25px;
    background-color:#f38402;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.fix-contact .code  img{
	max-width:100px;
}
.fix-contact .icon:hover .code {
    display: block;
}
/* 发展历程 */
.aboutHistoyr{ padding: 5.72% 0 0;}
				.historyList{ padding-top: 50px; }
				.historyList ul{float: left; width: 100%; position: relative; padding-top: 95px; padding-bottom: 80px; }
				.historyList ul::before{content: "";display: block;position: absolute;left: 50%;top:0;width: 12px;height: 12px;background: #bdbdbd;margin-left: -6px;z-index: 1;
				    -webkit-border-radius:50%;
				    -moz-border-radius:50%;
				    border-radius:50%;}
				.historyList ul::after{content: "";display: block;position: absolute;left: 50%;top: 0;width: 1px;height: 100%;margin-left: -0.5px;background: #e8e8e8;}
				
				.historyList ul li{ float: left; width: 100%; margin-top: -35px; }
				.historyList ul li .div{ float: left; width: 42.5%; padding: 22px 24px 26px 55px; border: 1px solid #e3e3e3; position: relative;z-index: 9;  cursor: pointer; line-height: 0;
				    -webkit-border-radius:10px;
				    -moz-border-radius:10px;
				    border-radius:10px;
				}
				.historyList ul li .div::after{content: "";display: block;position: absolute;right: -39px;top: 27px;background: url(../images/img_9_5.png) no-repeat center/100% 100%;width: 24px;height: 24px;
				    -webkit-transition: all 0.2s ease-out 0s;
				    -moz-transition: all 0.2s ease-out 0s;
				    -ms-transition: all 0.2s ease-out 0s;
				    -o-transition: all 0.2s ease-out 0s;
				    transition: all 0.2s ease-out 0s;}
				.historyList ul li .div::before{content: "";display: block;position: absolute;right: -15px;top: 38px;width: 15px;height: 1px;background: #e3e3e3;
				    -webkit-transition: all 0.2s ease-out 0s;
				    -moz-transition: all 0.2s ease-out 0s;
				    -ms-transition: all 0.2s ease-out 0s;
				    -o-transition: all 0.2s ease-out 0s;
				    transition: all 0.2s ease-out 0s;
				}
				.historyList ul li img{ float: right; width: 158px; height: 114px;}
				.historyList ul li span{ float: left; width: 68%;}
				.historyList ul li span h2{float: left; width: 100%; line-height: 40px; font-size: 24px; color: #666; font-family: "Arial";
				    -webkit-transition: all 0.2s ease-out 0s;
				    -moz-transition: all 0.2s ease-out 0s;
				    -ms-transition: all 0.2s ease-out 0s;
				    -o-transition: all 0.2s ease-out 0s;
				    transition: all 0.2s ease-out 0s;
				}
				.historyList ul li span font{float: left; width: 100%; font-size: 16px; line-height: 26px; color: #666;}
				.historyList ul li:nth-child(2n){ margin-top: -90px;}
				.historyList ul li:nth-child(2n) .div{float: right;padding: 22px 20px 26px 55px;  }
				.historyList ul li:nth-child(2n) .div::after{left: -39px;}
				.historyList ul li:nth-child(2n) .div::before{left: -15px;}
				.historyList ul li:hover .div{border: 2px solid #259dd9; padding: 21px 23px 25px 54px;}
				.historyList ul li:hover .div::after {background:url(../images/img_9_5_h.png) no-repeat center/100% 100%;}
				.historyList ul li:hover .div::before{background: #259dd9;}
				.historyList ul li:hover span h2{color: #259dd9;}
				.historyList .buttonBox{ text-align: center;}
				.historyList button{ display: inline-block; vertical-align: top; width: 152px; height: 42px;line-height: 42px;outline: none;cursor: pointer;border: 0 none;font-size: 16px;color: #fff;text-align: center;background: #259dd9;
				    -webkit-transition: all 0.2s ease-out 0s;
				    -moz-transition: all 0.2s ease-out 0s;
				    -ms-transition: all 0.2s ease-out 0s;
				    -o-transition: all 0.2s ease-out 0s;
				    transition: all 0.2s ease-out 0s;
				    -webkit-border-radius:4px;
				    -moz-border-radius:4px;
				    border-radius:4px;
				}
				.historyList button:hover{opacity:0.8; filter:alpha(opacity=80);}


.profl{float: left;margin-top: 100px;margin-left: 36%;}
.profl a{padding: 0 30px;}
.profl a:hover{color: #259dd9;;}