@charset "utf-8";
/* CSS Document */
@import url("font/iconfont.css");

#cnzz_stat_icon_1279574469,#cnzz_stat_icon_1279689725 {display:none;}
@media only screen and (min-width: 991px) {
	* {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: green;}
	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;}
	
	#container {width:100%; text-align:center;}
	#pagehead {width:100%; padding:25px 0 30px 0; margin:0 auto; height:70px; z-index:1002; text-align:center; background-color:#fff;}
	#pagehead #headmain {width:calc(100% - 60px); margin:0 auto; text-align:left;}
	#pagehead #headmain #logo {float:left;}
	#pagehead #headmain #logo p {display:none;}
	#pagehead #nav {width:816px; float:right;}
	#pagehead #nav ul {margin-top:10px;}
	#pagehead #nav ul li {float:left; text-align:center; height:20px; line-height:20px;}
	#pagehead #nav ul li a {display:block; width:96px; font-size:14px; text-align:right;}
	#pagehead #nav ul li a:hover,#pagehead #nav ul li.active a {color:#0088c6;}
	#pagehead #nav #sethome {width:100%; height:24px; line-height:24px; text-align:right; font-size:11px;}
	#pagehead #nav #sethome a {margin-right:18px; float:right; background:url(../images/bg_sethomeli.png) left no-repeat; padding-left:10px;}
	#pagehead #nav #sethome input[type='text'] {border:1px solid #d0d6e2; width:90px; float:right; background-color:#fff; border-right:none; padding:3px; height:14px; line-height:14px;}
	#pagehead #nav #sethome input[type='submit'] {border:1px solid #d0d6e2; float:right; cursor:pointer; border-left:none; padding:3px; height:22px; line-height:14px; background:url(../images/btn_search.jpg) center no-repeat #fff; width:24px;}
	#headbg {position:fixed; width:100%; height:76px; background-color:#fff; z-index:1001; top:0; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;box-shadow: 2px 2px 2px #999;}
	
	#cssmenu {width:auto; float:right; margin-top:5px !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 {color:#248b3a; font-weight:bold;}
	#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: 22px 18px; font-size: 14px; text-decoration: none; text-transform: uppercase; color: #000000; -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; margin-left:-21px;}
	#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: 134px; font-size: 14px; background: rgba(36,139,58,1); 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.solu li a {width:188px;}
	#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(110,193,128,0.9);}
	#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 {width:100%; text-align:center; background-color:#222222; margin-top:50px;}
	#pagefoot #botnav {width:1360px; margin:0 auto; padding:0; height:364px; overflow:hidden; text-align:left;}
	#pagefoot #botnav ul {margin:80px 0 0 20px;}
	#pagefoot #botnav ul li {float:left;}
	#pagefoot #botnav ul li.botlogo {width:320px;}
	#pagefoot #botnav ul li.botlogo span img {float:left; margin-right:10px;}
	#pagefoot #botnav ul li.botlogo span {color:#787878; font-size:14px; line-height:24px; display:block; margin-top:35px;}
	#pagefoot #botnav ul li.botlogo span i {color:#999999; font-size:24px; display:block; font-style:italic; font-weight:bold;}
	#pagefoot #botnav ul li a:hover {color:#ee6100;}
	#pagefoot #botnav ul li:nth-child(n+2) {margin-left:100px;}
	#pagefoot #botnav ul li h3 {font-size:16px; color:#fff; display:block; margin-bottom:35px;}
	#pagefoot #botnav ul li:nth-child(4) img {width:100px; height:100px;}
	#pagefoot #botnav ul li:nth-child(n+2) span {display:inline-block; line-height:24px; font-size:14px; color:#787878;}
	#pagefoot #botnav ul li:nth-child(n+2) a.syc {display:block; margin-top:24px; height:24px; line-height:24px; width:80px; border:1px solid #787878; color:#787878; font-size:14px; text-align:center; border-radius:12px;}
	#pagefoot #botnav ul li:nth-child(n+2) a:not(.syc) {display:block; margin-top:20px; height:24px; line-height:24px; color:#787878; font-size:14px;}
	
	#pagefoot #botnav ul.double {width:210px; padding-right:32px;}
	#pagefoot #botnav ul.double dd {width:50%; float:left;}
	#pagefoot #botnav ul#ewm {width:135px; margin-left:5px; text-align:center; color:#ee6100;}
	#pagefoot #icpnumber {text-align:center; background-color:#fff; line-height:60px; color:#999;}
	#pagefoot #icpnumber a {color:#999;}
	#pagefoot #micpnumber {display:none;}
	#cominfo {display:none;}
	
	
	
	/*在线客服*/
	.side { position: fixed; width: 78px; right: 0; top: 50%; margin-top: -200px; z-index: 100; border: 1px solid #e0e0e0; background: #fff; border-bottom: 0; z-index: 999;}
	.side ul li { width: 78px; height: 78px; float: left; position: relative; border-bottom: 1px solid #e0e0e0; color: #333; font-size: 14px; line-height: 38px; text-align: center; transition: all .3s; cursor: pointer}
	.side ul li:hover { background: #248b3a; color: #fff}
	.side ul li:hover a { color: #fff}
	.side ul li i { height: 25px; margin-bottom: 1px; display: block; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 25px; margin-top: 14px; transition: all .3s}
	.side ul li i.bgs1 { background-image: url(../images/right_pic5.png)}
	.side ul li i.bgs2 { background-image: url(../images/right_pic7.png)}
	.side ul li i.bgs3 { background-image: url(../images/right_pic2.png)}
	.side ul li i.bgs4 { background-image: url(../images/shares.png)}
	.side ul li i.bgs5 { background-image: url(../images/right_pic3.png)}
	.side ul li i.bgs6 { background-image: url(../images/right_pic6_on.png)}
	.side ul li:hover i.bgs1 { background-image: url(../images/right_pic5_on.png)}
	.side ul li:hover i.bgs2 { background-image: url(../images/right_pic7_on.png)}
	.side ul li:hover i.bgs3 { background-image: url(../images/right_pic2_on.png)}
	.side ul li:hover i.bgs4 { background-image: url(../images/shares_on.png)}
	.side ul li:hover i.bgs5 { background-image: url(../images/right_pic3_on.png)}
	.side ul li .sidebox { position: absolute; width: 78px; height: 78px; top: 0; right: 0; transition: all .3s; overflow: hidden}
	.side ul li.sidetop { background: #248b3a; color: #fff}
	.side ul li.sidetop:hover { opacity: .8; background: #248b3a; filter: Alpha(opacity=80)}
	.side ul li.sideewm .ewBox.son { width: 160px; display: none; color: #363636; text-align: center; position: absolute; left: -160px; top: 0; /* background-image: url(../images/gzh.png); */ background-repeat: no-repeat; background-position: center center; border: 1px solid #e0e0e0; background-color: #e0e0e0;}
	.side ul li.sideetel .telBox.son {width: 220px;height: 78px;display: none;color: #fff;text-align: left;position: absolute;left: -220px;top: 0px;background: #20af3e;font-size: 24px;text-align: center;line-height: 78px;;}
	.side ul li.sideetel .telBox dd { display: block; height: 118.5px; overflow: hidden; padding-left: 82px; line-height: 24px; font-size: 18px}
	.side ul li.sideetel .telBox dd span { display: block; line-height: 28px; height: 28px; overflow: hidden; margin-top: 32px; font-size: 18px}
	.side ul li.sideetel .telBox dd.bgs1 { background: url(../images/right_pic8.png) 28px center no-repeat; background-color: #02b980;}
	.side ul li.sideetel .telBox dd.bgs2 { background: url(../images/right_pic9.png) 28px center no-repeat}
	.side ul li:hover .son { display: block!important; animation: fadein 1s}
}


@media only screen and (max-width: 990px) {
	html {font-size: 10vw;}
	* {list-style:none; margin:0; padding:0;outline:none; font-family:'Micorsoft Yahei', '微软雅黑',Arial, Helvetica, sans-serif;}
	body {font-size: 14px; color:#1A1A1A; margin:0; padding:0; background:#fff;}
	a {text-decoration: none;color:#444; cursor:pointer;}
	img {vertical-align: middle; border: 0px none;}
	.clear {clear:both; height:1px; margin:0; padding:0; overflow:hidden;}
	.mhide {display:none !important;}
	.mshow {display:inline-block !important;}
	#container {text-align:center; width:100%; margin:0 auto; text-align:left; overflow-y:auto; position:absolute; top:0; left:0;}
	ul {list-style:none;}
	.hide {display:none;}
	#pagehead {margin:0 auto; width:100%; height: 1.5rem; position:relative; left: 0; top: 0;}
	#pagehead h1,.pagehead p {display:none;}
	#pagehead #logo {padding:0; float:left; margin-left:0.2rem; margin-top:0.15rem;}
	#pagehead #logo img {width:auto; height:1.2rem;}
	#pagehead .link {float:left; margin-top:0.45rem; line-height:0.55rem; margin-left:0.2rem;}
	#pagehead .link a.iconfont {display:none;}
	#pagehead .link a svg {width:0.8rem; height:0.6rem; float:left; margin-right:0.05rem;}
	
	
	#pagehead #logo p,.headtop {display:none;}
	
	#cssmenu {float:right; margin-top:0.4rem}
	#cssmenu::before {font-size:0.6rem; margin-right:0.25rem;}
	#cssmenu > ul {position:absolute; display:none; top:1.5rem; z-index:10001; right:0; height:calc(100vh - 2rem); padding-top:0.5rem; width:10rem; background-color:#000;}
	#cssmenu > ul > li {float:none; text-align:center; padding:0.7rem 0; width:100%; color:#fff; border-bottom:1px dashed #666;}
	#cssmenu > ul > li ul {display:none;}
	#cssmenu > ul > li > a {color:#fff; font-size:0.4rem;}
	#cssmenu > ul > li > a:before {margin-right:0.1rem; font-size:0.5rem;}
	#cssmenu #menu-button {display:none;}


	#pagebody {padding:0; text-align:center;}

	#pagefoot {width:100%; font-size:0.35rem;}
	#pagefoot #micpnumber {height:1.2rem; line-height:1.2rem; font-size:0.35rem; color:#7a7a7a; text-align: center; background-color: #F1F1F1; margin-top: 0.3rem;} 
	#pagefoot #icpnumber {display:none;}
	

	#sideBar_right,#pagefoot #botnav{display:none;}
	
	#cominfo {z-index:10000; width:100%; height:1.2rem; line-height:1.2rem; position:fixed; bottom:0; left:0; background-color:#3a3a3a;}
	#cominfo ul li {width:33.333%; float:left; text-align:center;}
	#cominfo ul li a {color:#fff; font-size:0.4rem;}
	#cominfo ul li a i {font-size:0.6rem;}
	
	#szgs_stat_icon_1084655010282733568 {display:none;}
	.side {display:none;}
}