@charset "utf-8";
/* CSS Document */

	* {list-style:none; margin:0; padding:0;outline:none;}
	body {font-size: 14px; font-family:Arial, Helvetica, sans-serif; color:#1A1A1A; margin:0; padding:0; background:#fff; overflow-x:hidden; text-align:center; color:normal; }
	em, img, ul, li, label, table, tr, th, td, b, i, dl, dt, dd { margin: 0; padding: 0; outline: 0; font-weight: normal;}
	a {text-decoration: none;color:#333; cursor:pointer;}
	a:hover {text-decoration: none; color: #f77b07;}
	img {vertical-align: middle; border: 0px none;}
	.clear {clear:both; height:1px; margin:0; padding:0; overflow:hidden;}
	ul {list-style:none;}
	.hide {display:none;}
	.fl {float:left;}
	.fr {float:right;}
	
	#container {width:100%; text-align:center;}
	#pagehead {width:100%; padding:0; margin:0 auto; z-index:1002; text-align:center; background:url(../images/logo-bg.jpg) top center no-repeat;}
	#pagehead #headtop {width:1120px; text-align:left; padding:0 calc(50% - 560px); background-color:#0077c4; height:35px; line-height:35px;}
	#pagehead #headtop a {margin-right:15px; color:#fff;font-size: 15px;}
	#pagehead #headtop a#topewm {position:relative;}
	#pagehead #headtop a#topewm img {position:absolute; display:none;}
	#pagehead #headtop span {float:right; padding-top:5px;}
	#pagehead #headtop span #q {width:238px; margin-right:2px; border:none; font-size:14px; float:left; padding:0 5px; height:24px; line-height:30px; background-color:#fff;}
	#pagehead #headtop span #btnsub {width:50px; border:none; float:left; font-size:14px; height:24px; line-height:20px; background-color:#fff; color:#333;}

	#pagehead #headmain {width:1120px; margin:42px auto 33px auto; text-align:left;}
	#pagehead #headmain #logo {float:left; font-size:20px; width:570px;}
	#pagehead #headmain #logo img {height:80px; width:auto; float:left; margin-right:20px;}
	#pagehead #headmain #logo span {display:block; font-size:40px; padding-bottom:5px;}
	#pagehead #headmain #logo a {color:#000;}
	#pagehead #headmain #logo p {display:none;}
	#pagehead #headmain #toptel {float:left; width:510px;}
	#pagehead #headmain #toptel span {float:left; width:330px; padding-top:6px; font-size:16px;color:#000000;}
	#pagehead #headmain #toptel strong {display:block; font-size:24px; color:#0062b1; font-weight:normal; padding-bottom:12px;}
	#pagehead #headmain #toptel font {float:right; margin-top:6px; padding-left:80px; color:#000000; font-size:18px; line-height:40px; background:url(/images/24.png) left no-repeat;}
	#pagehead #headmain #toptel font i {font-style:normal; display:block; font-size:28px;color:#f77b07; font-weight: bold}

	#cssmenu {width:100%; margin-top:5px !important; background-color:#0077c4; height:50px; line-height:50px;}
	#cssmenu>ul {width:1120px; margin:0 auto !important;}
	#cssmenu,
	#cssmenu ul,
	#cssmenu ul li,
	#cssmenu ul li a,
	#cssmenu #menu-button {margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#cssmenu #menu-mbutton,#cssmenu::before {display:none;}
	#cssmenu:after,
	#cssmenu > ul:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
	#cssmenu #menu-button {display: none;}
	#cssmenu #menu-line {position: absolute; bottom: 0; left: 0; height: 3px; background: #e40111; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;}
	#cssmenu > ul > li {float: left;}
	#cssmenu > ul > li > a:hover,#cssmenu > ul > li.active > a {font-weight:bold; background:url(../images/top2-a.png) center no-repeat;}
	#cssmenu.align-center > ul {font-size: 0; text-align: center;}
	#cssmenu.align-center > ul > li {display: inline-block; float: none;}
	#cssmenu.align-center ul ul {text-align: left; z-index:100000;}
	#cssmenu.align-right > ul > li {float: right;}
	#cssmenu.align-right ul ul {text-align: right;}
	#cssmenu > ul > li > a {padding: 16px 0;width: 120px;margin: 0 8px; font-weight:bold; font-size: 16px; text-decoration: none; text-transform: uppercase; color: #fff; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;}
	#cssmenu > ul > li.has-sub > a::after {position: absolute; top: 27px; right: 20px; width: 4px; height: 4px; border-bottom: 1px solid #000000; border-right: 1px solid #000000; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease;}
	#cssmenu ul ul {position: absolute; z-index:100000; left: -9999px; padding-top:0;}
	#cssmenu li:hover > ul {left: auto;}
	#cssmenu.align-right li:hover > ul {right: 0;}
	#cssmenu ul ul ul {margin-left: 100%; top: 0;}
	#cssmenu.align-right ul ul ul {margin-left: 0; margin-right: 100%;}
	#cssmenu ul ul li {height: 0; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease;}
	#cssmenu ul li:hover > ul > li {height: 42px;}
	#cssmenu ul ul li a {padding: 14px 0; width: 114px; font-size: 14px; background: rgba(5,89,177,0.9); text-decoration: none; color: #dddddd; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; text-align:center;}
	#cssmenu ul ul.proul li a {width:138px;}
	#cssmenu ul ul ul li a {padding: 14px 0; text-align:center; width: 145px; font-size: 14px; background: #333333; text-decoration: none; color: #dddddd; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;}
	#cssmenu ul ul li:hover > a,
	#cssmenu ul ul li a:hover {background-color:rgba(5,89,177,0.6);}
	#cssmenu ul ul li.has-sub > a::after {position: absolute; top: 18px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; content: ""; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease;}
	#cssmenu.align-right ul ul li.has-sub > a::after {right: auto; left: 10px; border-bottom: 0; border-right: 0; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd;}
	#cssmenu ul ul li.has-sub:hover > a::after {border-color: #ffffff;}
	#menu-line {display:none;}
	
	#pagehead .link {float:right; padding-left:10px; height:20px; margin:25px 0 0 20px; border-left:1px solid #F1F1F1;}
	#pagehead .link a.iconfont {color:#ff6503; font-size:13px; font-weight:bold;}
	#pagehead .link a.iconfont::before {float:left; height:20px; font-size:26px;}
	#pagehead .link a {float:left; margin-left:30px;}
	#pagehead .link svg {color:#ff6503; font-size:18px; height:32px !important; width:50px; font-weight:bold; float:left; margin-top:-7px;}
	
	#pagefoot {padding: 0 0 15px 0; margin-top:30px; text-align:left; background: #f8f7f5 url(../images/foot.jpg) center bottom no-repeat}
	#pagefoot .footnav {width:1120px; padding:0 calc(50% - 560px); margin-bottom:30px; height: 50px;line-height: 50px;background: #0077c4;color: #fff;font-size: 14px;font-weight: 700;}
	#pagefoot .footnav span {float:right; font-size:16px;}
	#pagefoot .footnav a {margin-right:20px; color:#fff;}
	#pagefoot .box {width:1120px; margin: 0 auto;}
	.foot-1 {
		width: 240px;
		padding: 0 30px;
		float: left;
		border-right: 1px solid #ddd;
		margin-right: 30px
	}
	.foot-logo {
		width: 100%
	}
	.foot-logo-bg {
		margin: 25px 0;
	}
	.foot-tel {
		margin-top:20px;
	}
	.foot-tel h3 {
		color: #533618;
		font-size: 16px
	}
	.foot-tel p {
		color: #0077c4;
		font-size: 30px;
		font-weight: 700;
		margin-top: 5px
	}
	.foot-2 {
		float: left;
		width: 730px;
		padding: 0 30px 0 0
	}
	.foot-2 dl {
		margin: 10px 0 20px
	}
	.foot-2 dt {
		margin-bottom: 10px;
		padding-left: 24px;
		background: url(../images/dian1.png) left center no-repeat;
		color: #783501;
		font-weight: 700
	}
	.foot-2 dd {
		padding-left: 24px;
		color: #ba8363
	}
	.foot-2 dd a {
		color: #ba8363
	}
	.foot-weixin {
		float: right;
		margin-left: 30px;
		width:400px;
	}
	.foot-weixin b {
		padding-left: 24px;
		background: url(../images/dian1.png) left center no-repeat;
		color: #783501;
		display:block;
		margin-bottom:10px;
		margin-top:10px;
	}
	.foot-weixin a {margin-left:24px; color:#ba8363;}
	
	.kefu {position:fixed; right:0; bottom:0; z-index:1999;}
.kefu li {width:72px; height:72px; line-height:24px; color:#fff; text-align:center;transition: all 0.4s; position:relative;}
.kefu li img {display:block;}
.kefu li a {color:#fff; text-decoration:none;}
.kefu li:nth-child(1) {background-color:#6da9de;}
.kefu li:nth-child(2) {background-color:#DAA520;}
.kefu li:nth-child(3) {background-color:#B8860B;}
.kefu li:nth-child(4) {background-color:#FF69B4;}
.kefu li:nth-child(5) {background-color:#666666; height:0; overflow:hidden;}
.kefu li:nth-child(6) {background-color:#666666;}
.kefu li img.ewm {position:absolute; right:72px; top:0; display:none;}
.kefu li a:hover img.ewm {display:block;}

.kefu li:nth-child(1):hover {background-color:#488bc7;}
.kefu li:nth-child(2):hover {background-color:#FFD700;}
.kefu li:nth-child(3):hover {background-color:#808000;}
.kefu li:nth-child(4):hover {background-color:#8B008B;}
.kefu li:nth-child(5):hover {background-color:#444444;}
.kefu li:nth-child(6):hover {background-color:#444444;}