﻿ /* CSS Document */
 body {
 	margin: 0 auto;
 	font-size: 100%;
 	top: 0px;
 	background: #fff repeat;
 }

 p,
 td,
 h1,
 h2,
 h3,
 form,
 input,
 label,
 textarea {
 	padding: 0;
 	margin: 0;
 	font-size: 0.8em;
 	font-weight: normal;
 }

 img {
 	border: none;
 	width: 100%;
 }

 ul {
 	padding: 0;
 	margin: 0;
 	list-style-type: none;
 }

 a {
 	text-decoration: none;
 }

 a:link {
 	text-decoration: none;
 }

 td {
 	text-align: left;
 	vertical-align: top;
 }

 .clear {
 	clear: both;
 }

 .mr {
 	margin-right: 10px;
 }

 .h5 {
 	width: 100%;
 	height: 0.4rem;
 	background: #f2f2f2;
 }

 .header {
 	width: 100%;
 	background: rgba(0, 137, 68, 0.9);
 	color: #fff;
 	height: 3.0rem;
 	line-height: 3.0rem;
 	text-align: center;
 	position: relative;
 	margin-top: 0px;
 }

 .header .menubtn {
 	width: 5rem;
 	height: 3.0rem;
 	position: absolute;
 	background: url(../../images/cgwapweb_images/P_index_06.png) no-repeat center center;
 	display: block;
 	background-size: 30%;
 	text-indent: -9999px;
 }

 .header h1 {
 	font-size: 0.9rem;
 	font-weight: normal;
 	width: 15rem;
 	margin: 0 auto auto;
 	line-height: 3.0rem;
 }

 /**
 * Canvas
 */
 [canvas] {
 	z-index: 1;
 }

 [canvas=container] {
 	width: 100%;
 	height: auto;
 	overflow-y: auto;
 	position: relative;
 	background-color: #f4f4f4;
 	/* Basic background color, overwrite this in your own css. */
 	-webkit-overflow-scrolling: touch;
 	/* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
 }

 [canvas=container]:before,
 [canvas=container]:after {
 	clear: both;
 	content: '';
 	display: table;
 }

 /**
 * Off-Canavs
 */
 [off-canvas] {
 	display: none;
 	position: fixed;
 	overflow: hidden;
 	overflow-y: auto;
 	background: url(../../images/cgwapweb_images/bg.jpg) no-repeat right;
 	z-index: 99999;
 	color: white;
 	/* Basic colors, overwrite this in your own css. */
 	-webkit-overflow-scrolling: touch;
 	/* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
 }

 [off-canvas*=top] {
 	width: 100%;
 	height: 255px;
 	top: 0;
 }

 [off-canvas*=right] {
 	width: 255px;
 	height: 100%;
 	top: 0;
 	right: 0;
 }

 [off-canvas*=bottom] {
 	width: 100%;
 	height: 255px;
 	bottom: 0;
 }

 [off-canvas*=left] {
 	width: 80%;
 	height: 100%;
 	top: 0;
 	left: 0;
 }

 [off-canvas*=reveal] {
 	z-index: 99999;
 }

 [off-canvas*=push] {
 	z-index: 1;
 }

 [off-canvas*=overlay] {
 	z-index: 9999;
 }

 /**
 * Animation
 */

 [canvas],
 [off-canvas] {
 	-webkit-transform: translate(0px, 0px);
 	-ms-transform: translate(0px, 0px);
 	transform: translate(0px, 0px);
 	-webkit-transition: -webkit-transform 300ms;
 	transition: transform 300ms;
 	-webkit-backface-visibility: hidden;
 	/* Prevents flickering but may be removed if your having problems with fixed background images in Chrome. */
 }

 /**
 * Print
 */

 @media print {
 	[canvas] {
 		-webkit-transform: translate(0px, 0px) !important;
 		-ms-transform: translate(0px, 0px) !important;
 		transform: translate(0px, 0px) !important;
 	}

 	[off-canvas] {
 		display: none !important;
 	}
 }

 .sidenav {
 	width: 90%;
 	height: 100%;
 	float: left;
 	background: rgba(0, 0, 0, 0.8);
 	padding: 20% 0% 0% 10%;
 }

 .sidelogo {
 	width: 100%;
 	float: left;
 	text-align: left;
 	padding-bottom: 5%;
 }

 .sidelogo img {
 	width: 90%;
 }

 .sidenav li {
 	font-size: 0.9rem;
 	width: 90%;
 	height: 2.5rem;
 	background: url(../../images/cgwapweb_images/navc_ioc.png) no-repeat left center;
 	background-size: 5%;
 	line-height: 2.5rem;
 	float: left;
 	border-bottom: 1px solid #5e5e5e;
 }

 .sidenav li a {
 	color: #fff;
 	float: left;
 	padding-left: 7%;
 }

 .sidenav li a:hover {
 	color: #ffb400;
 	float: left;
 }

 /*头部*/
 .top {
 	margin: 10px auto 0;
 	width: 100%;
 	overflow: hidden;
 	height: 65px;
 	text-align: center;
 }

 .top img {
 	width: auto;
 	overflow: hidden;
 	height: 65px;
 }

 /*头部完*/
 /*banner部分*/
 .banner {
 	width: 100%;
 	margin: 0 auto 0px;
 	padding: 0;
 	position: relative;
 	z-index: -1;
 }

 #wrapper {
 	margin: 0;
 	width: 100%;
 	height: auto;
 	float: left;
 	position: relative;
 	/* On older OS versions "position" and "z-index" must be defined, */
 	z-index: 1;
 	/* it seems that recent webkit is less picky and works anyway. */
 	overflow: hidden;

 }

 #scroller {
 	height: auto;
 	float: left;
 	padding: 0;
 }

 #scroller ul {
 	list-style: none;
 	display: block;
 	float: left;
 	width: 100%;
 	height: auto;
 	padding: 0;
 	margin: 0;
 	text-align: left;
 }

 #scroller li {
 	display: block;
 	float: left;
 	width: auto;
 	height: auto;
 	text-align: center;
 	font-size: 0px;
 	padding: 0;
 	position: relative;
 }

 #scroller li a {
 	display: block;
 	padding: 0;
 	margin: 0;
 }

 #nav {
 	position: relative;
 	width: 100%;
 	z-index: 3;
 	margin-top: -20px;
 	float: left;
 }

 #prev,
 #next {
 	float: left;
 	font-weight: bold;
 	font-size: 14px;
 	padding: 5px 0;
 	width: 80px;
 	display: none;
 }

 #next {
 	float: right;
 	text-align: right;
 }

 #indicator>li {
 	display: block;
 	list-style: none;
 	padding: 0;
 	margin: 0;
 	float: left;
 }

 #indicator {
 	display: block;
 	margin: 0 auto 0px;
 	width: 148px;
 }

 #indicator>li {
 	text-indent: -9999em;
 	width: 33px;
 	height: 6px;
 	background: #fff;
 	overflow: hidden;
 	margin-right: 4px;
 }

 #indicator>li.active {
 	background: #008860;
 }

 #indicator>li:last-child {
 	margin: 0;
 }

 /*banner部分完*/
 /*音乐*/
 .btn_music {
 	display: inline-block;
 	width: 35px;
 	height: 35px;
 	background: url('../../images/cgwapweb_images/play.png') no-repeat center center;
 	background-size: 100% auto;
 	position: absolute;
 	z-index: 100;
 	left: 15px;
 	top: 20px;
 }

 .btn_music.on {
 	background-image: url("../../images/cgwapweb_images/stop.png");
 }

 /*音乐完*/
 /*搜索*/
 .index_top {
 	width: 100%;
 	overflow: hidden;
 	height: auto;
 	position: fixed;
 	top: 0px;
 	z-index: 9999;
 	margin: 0px auto 0px;
 	background: #f9fff9 repeat;
 	clear: both;
 }

 .index_search {
 	margin: 5% 0 3% 0;
 	width: 90%;
 	overflow: hidden;
 	height: auto;
 	padding: 0 5% 0 5%;
 	clear: both;
 }

 .index_search_lf {
 	width: 33%;
 	overflow: hidden;
 	float: left;
 	height: auto;
 }

 .index_search_lf img {
 	width: 100%;
 	overflow: hidden;
 	float: left;
 	height: auto;
 }

 .index_search_rg {
 	width: 64%;
 	overflow: hidden;
 	float: right;
 	margin-top: 1%;
 	border: 1px solid #0f8833;
 	-moz-border-radius: 5px;
 	/* Gecko browsers */
 	-webkit-border-radius: 5px;
 	/* Webkit browsers */
 	border-radius: 5px;
 	/* W3C syntax */
 	background: url('../../images/cgwapweb_images/search_an.png') no-repeat right;
 }

 .index_search_rg_lf {
 	width: 76%;
 	overflow: hidden;
 	float: left;
 	border: none;
 	font-size: 3.5vw;
 	color: #545454;
 	line-height: 1.5;
 	padding: 2% 2% 2% 2%;
 	background: none;
 }

 .index_search_rg_rg {
 	width: 20%;
 	overflow: hidden;
 	float: right;
 	height: 26px;
 	cursor: pointer;
 	border: none;
 	background: none;
 }

 /*搜索完*/

 /*快捷按钮*/
 .index_kjan {
 	margin: 0px auto 0px;
 	width: 90%;
 	overflow: hidden;
 	height: auto;
 	padding: 5% 5% 5% 5%;
 	clear: both;
 }

 .index_kjan_li {
 	width: 25%;
 	overflow: hidden;
 	float: left;
 	margin-top: 10px;
 }

 .index_kjan_li a {
 	display: block;
 }

 .index_kjan_li_img {
 	width: 100%;
 	overflow: hidden;
 	float: left;
 	height: 100%;
 	text-align: center;
 }

 .index_kjan_li_img img {
 	width: 50%;
 	height: 50%;
 }

 .index_kjan_li_text {
 	width: 100%;
 	overflow: hidden;
 	float: left;
 	line-height: 1.5;
 	text-align: center;
 	font-size: 0.8em;
 	margin-top: 5px;
 }

 .index_kjan_li_texten {
 	width: 100%;
 	overflow: hidden;
 	float: left;
 	line-height: 1.5;
 	text-align: center;
 	font-size: 0.7em;
 	color: #a0a2a1;
 }

 .index_kjan_li_text a {
 	color: #000;
 }

 .index_kjan_li_text a:hover {
 	color: #000;
 }

 /*标题*/
 .index_bt {
 	margin: 0px auto 0px;
 	width: 100%;
 	padding: 2% 0 2% 0%;
 	overflow: hidden;
 	height: auto;
 	clear: both;
 	text-align: center;
 }

 .index_bt img {
 	width: 100%;
 	height: 100%;
 }

 /*more*/
 .index_more {
 	margin: 0px auto 0px;
 	width: 50%;
 	font-size: 0.8rem;
 	height: 1.5rem;
 	line-height: 1.5rem;
 	overflow: hidden;
 	clear: both;
 	text-align: center;
 	-moz-border-radius: 8px;
 	/* Gecko browsers */
 	-webkit-border-radius: 8px;
 	/* Webkit browsers */
 	border-radius: 8px;
 	/* W3C syntax */
 	background: #009860;
 }

 .index_more a {
 	color: #fff;
 }

 .index_more a:hover {
 	color: #fff;
 	text-decoration: underline;
 }

 /*图片展示*/
 .index_pic {
 	margin: 0px auto 10px;
 	width: 100%;
 	overflow: hidden;
 	height: auto;
 	clear: both;
 }

 .index_pic_li {
 	width: 44%;
 	overflow: hidden;
 	height: auto;
 	float: left;
 	box-sizing: border-box;
 	border: 1px solid #e3e3e3;
 	margin: 3% 3% 2% 3%;
 	position: relative;
 }

 .index_pic_li_img {
 	width: 100%;
 	overflow: hidden;
 	height: auto;
 	float: left;
 	left: 0px;
 	top: 0px;
 }

 .index_pic_li_img img {
 	width: 100%;
 	height: 100%;
 }

 .index_pic_li_text {
 	width: 100%;
 	height: 18%;
 	font-size: 0.8rem;
 	line-height: 200%;
 	overflow: hidden;
 	float: left;
 	position: absolute;
 	left: 0px;
 	bottom: 0px;
 	background: rgba(0, 137, 68, 0.9);
 	;
 	text-align: center;
 }

 .index_pic_li_text a {
 	color: #fff;
 }

 .index_pic_li_text a:hover {
 	color: #ff0000;
 	text-decoration: underline;
 }

 /*图片分块*/
 .index_gg {
 	margin: 0px auto 0px;
 	width: 100%;
 	height: auto;
 	overflow: hidden;
 	clear: both;
 }

 .index_gg_lf {
 	width: 50%;
 	height: auto;
 	float: left;
 	overflow: hidden;
 	position: relative;
 }

 .index_gg_lf img {
 	width: 100%;
 	height: 100%;
 }

 .index_gg_rg {
 	width: 50%;
 	height: auto;
 	float: left;
 	overflow: hidden;
 }

 .index_gg_rg_li {
 	width: 100%;
 	height: auto;
 	float: left;
 	overflow: hidden;
 	position: relative;
 }

 .index_gg_rg_li img {
 	width: 100%;
 	height: 100%;
 }

 /*底部*/
 .top_bar {
 	position: fixed;
 	z-index: 900;
 	bottom: -13px;
 	left: 0;
 	right: 0;
 	margin: auto;
 }

 .top_menu {
 	border-top: 1px solid #3D3D46;
 	display: block;
 	width: 100%;
 	height: 48px;
 	margin: 0;
 	padding: 0;
 	border-bottom: 5px solid #009860;
 	background: rgba(0, 168, 38, 0.7);
 	background: -webkit-gradient(linear, 0 0, 0 100%, from(#009860), to(#009860), color-stop(60%, #009860));
 	background: -o-gradient(linear, 0 0, 0 100%, from(#009860), to(#009860), color-stop(60%, #009860));
 	background: gradient(linear, 0 0, 0 100%, from(#009860), to(#009860), color-stop(60%, #009860));

 	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) inset;
 }

 .top_bar .top_menu>li {
 	position: relative;
 	text-align: center;
 	display: inline-block;
 	width: 20%;
 	float: left;
 }

 .top_menu li:first-child {
 	background: none;
 }

 .top_bar .top_menu>li>a {
 	height: 48px;
 	margin-right: 1px;
 	display: block;
 	text-align: center;
 	color: #FFF;
 	text-decoration: none;
 	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
 }

 .top_bar .top_menu>li.home {
 	width: 20%;
 }

 .top_bar .top_menu>li.home a {
 	height: 66px;
 	width: 66px;
 	margin: auto;
 	border-radius: 60px;
 	position: relative;
 	top: -22px;
 	left: 2px;
 	background: url('../../images/cgwapweb_images/index.png') no-repeat center center;
 	background-size: 100% 100%;
 }

 .top_bar .top_menu>li>a label {
 	overflow: hidden;
 	margin: 0 0 0 0;
 	font-size: 2.8vw;
 	font-weight: normal;
 	display: block !important;
 	line-height: 16px;
 	text-align: center;
 }

 .top_bar .top_menu>li>a img {
 	padding: 5px 0 2px 0;
 	height: 20px;
 	width: 20px;
 	color: #fff;
 	line-height: 48px;
 	vertical-align: middle;
 }

 .top_bar li:first-child a {
 	display: block;
 }

 .top_menu li:last-of-type a {
 	background: none;
 	overflow: hidden;
 }

 .top_bar .top_menu>li>a:hover,
 .top_bar .top_menu>li>a:active {
 	background-color: #333;
 }

 /*底部*/
 /* slide */
 .slide-main {
 	position: relative;
 	height: auto;
 	width: 80%;
 	margin: 10px auto 0px;
 	padding: 0px 10% 0px 10%;
 	clear: both;
 }

 .prev,
 .next {
 	display: block;
 	width: 44px;
 	height: 44px;
 	position: absolute;
 	z-index: 222;
 	top: 50%;
 	overflow: hidden;
 	cursor: pointer;
 	opacity: 0.6;
 	-moz-opacity: 0.6;
 	filter: alpha(opacity=60);
 	_border: 1px solid none;
 	display: none;
 }

 .prev {
 	left: 16%;
 }

 .next {
 	right: 17%;
 }

 .prev:hover,
 .next:hover,
 .nav-main a:hover,
 .nav-main a.cur {
 	opacity: 1;
 	-moz-opacity: 1;
 	filter: alpha(opacity=100);
 }

 .item {
 	display: block;
 	width: 100%;
 	height: 5px;
 	position: absolute;
 	z-index: 124;
 	top: 0px;
 	left: 0;
 	text-align: center;
 }

 .item a {
 	display: inline-block;
 	width: 20px;
 	height: 5px;
 	margin-right: 5px;
 	background: #727171;
 	opacity: 1;
 	-moz-opacity: 1;
 	filter: alpha(opacity=100);
 	overflow: hidden;
 }

 .item a.cur {
 	background: #e83828;
 }

 .slide-box,
 .slide {
 	display: block;
 	width: 100%;
 	max-height: 660px;
 	clear: both;
 }

 .slide-box {
 	position: relative;
 }

 .slide {
 	display: none;
 	max-height: 660px;
 	padding-top: 20px;
 	background: #fff;
 	position: relative;
 	z-index: 8;
 	clear: both;
 }

 #bgstylea {
 	background: #fff;
 }

 #bgstyleb {
 	background: #fff;
 }

 #bgstylec {
 	background: #fff;
 }

 .pr_jdal {
 	width: 31%;
 	height: auto;
 	float: left;
 	overflow: hidden;
 	margin-bottom: 5px;
 	margin-right: 1%;
 	margin-left: 1%;
 }

 .pr_jdal img {
 	width: 100%;
 	height: auto;
 	overflow: hidden;
 }

 .pr_jdal1 {
 	width: 23%;
 	height: auto;
 	float: left;
 	overflow: hidden;
 	margin-bottom: 5px;
 	margin-right: 1%;
 	margin-left: 1%;
 }

 .pr_jdal1 img {
 	width: 100%;
 	height: auto;
 	overflow: hidden;
 }


 /*新闻列表*/
 .newslist_banner {
 	margin: 0px auto 0px;
 	width: 100%;
 	overflow: hidden;
 	height: auto;
 	clear: both;
 	text-align: center;
 }

 .newslist_banner img {
 	width: 100%;
 	overflow: hidden;
 	height: auto;
 }

 .newslist_nr {
 	margin: -10px auto 80px;
 	width: 90%;
 	height: 100%;
 	background: #fff repeat;
 	z-index: 99;
 	position: relative;
 	clear: both;
 	padding-bottom: 20px;
 	border-top: 3px solid #009860;
 	border-bottom: 1px solid #ccc;
 	border-left: 1px solid #ccc;
 	border-right: 1px solid #ccc;
 }

 .newslist_nr_bt {
 	width: 93%;
 	overflow: hidden;
 	height: 35px;
 	padding: 0px 2% 0px 5%;
 	border-bottom: 1px solid #ccc;
 	clear: both;
 	display: inline-block;
 }

 .newslist_nr_bt_lf {
 	width: auto;
 	overflow: hidden;
 	height: 35px;
 	float: left;
 	line-height: 35px;
 	color: #009860;
 	font-size: 0.9em;
 	font-weight: bold;
 }

 .newslist_nr_bt_lf span {
 	color: #999;
 	font-size: 0.8em;
 	font-weight: normal;
 	padding-left: 5px;
 	line-height: 35px;
 }

 .newslist_nr_bt_rg {
 	width: 35px;
 	overflow: hidden;
 	height: 25px;
 	float: right;
 	margin-top: 5px;
 	background: #009860 repeat;
 	-moz-border-radius: 5px;
 	/* Gecko browsers */
 	-webkit-border-radius: 5px;
 	/* Webkit browsers */
 	border-radius: 5px;
 	/* W3C syntax */
 	text-align: center;
 }

 .newslist_nr_bt_rg span {
 	font-size: 0.6em;
 	color: #fff;
 	line-height: 25px;
 	cursor: pointer;
 }

 .newslist_nr_tab {
 	width: 100%;
 	overflow: hidden;
 	height: 35px;
 	float: left;
 	background: #f4f4f4 repeat;
 	clear: both;
 	display: inline-block;
 }

 .newslist_nr_tab_li {
 	width: 19%;
 	font-size: 0.8em;
 	font-weight: bold;
 	overflow: hidden;
 	height: 35px;
 	float: left;
 	margin: 0px 3% 0px 3%;
 	text-align: center;
 	line-height: 35px;
 }

 .newslist_nr_tab_li a {
 	width: 100%;
 	height: 33px;
 	overflow: hidden;
 	float: left;
 	color: #828985;
 	font-weight: bold;
 }

 .newslist_nr_tab_li a:hover {
 	width: 100%;
 	overflow: hidden;
 	float: left;
 	border-bottom: 2px solid #009860;
 	color: #009860;
 }

 .newslist_nr_tab_li a.newstab {
 	border-bottom: 2px solid #009860;
 	color: #009860;
 }

 /*单页内容*/
 .pagenr {
 	margin: 0px 5% 0px 5%;
 	width: 90%;
 	background: #fff;
 	height: 100%;
 	float: left;
 	clear: both;
 	padding-bottom: 5%;
 	padding-top: 5%;
 	font-size: 0.8em;
 	display: inline-block;
 	line-height: 200%;
 }

 /*手机表单*/
 .pagenrform {
 	margin: 0px 5% 0px 5%;
 	width: 90%;
 	background: #fff;
 	height: 100%;
 	float: left;
 	clear: both;
 	padding-bottom: 5%;
 	padding-top: 5%;
 	display: inline-block;
 }

 .pagenrform_li {
 	width: 100%;
 	line-height: 150%;
 	float: left;
 	font-size: 0.9rem;
 	text-align: center;
 	font-weight: bold;
 	margin-bottom: 2%;
 	color: #4d4d4d;
 }

 .pagenrform_liwz {
 	width: 100%;
 	line-height: 150%;
 	vertical-align: middle;
 	float: left;
 	font-size: 0.8rem;
 	text-align: center;
 	margin-bottom: 3%;
 	color: #4d4d4d;
 }

 .pagenrform_liwz span {
 	font-weight: bold;
 	font-size: 0.9rem;
 }

 .pagenrform_liwz input {
 	vertical-align: middle;
 }

 .pagenrform_li span {
 	color: red;
 	padding-right: 2%;
 }

 .pagenrform_liinput {
 	width: 100%;
 	height: 1.6rem;
 	line-height: 1.6rem;
 	border: 1px solid #dcdddd;
 	box-sizing: border-box;
 	padding: 0 2% 0 2%;
 	float: left;
 	font-size: 0.9rem;
 	text-align: center;
 	cursor: pointer;
 	color: #4d4d4d;
 	margin-bottom: 2%;
 }

 .pagenrform_liinputan {
 	width: 100%;
 	height: 2.0rem;
 	margin-top: 3%;
 	line-height: 2.0rem;
 	box-sizing: border-box;
 	float: left;
 	font-size: 0.9rem;
 	text-align: center;
 	cursor: pointer;
 	background: #d30408;
 	-moz-border-radius: 5px;
 	/* Gecko browsers */
 	-webkit-border-radius: 5px;
 	/* Webkit browsers */
 	border-radius: 5px;
 	/* W3C syntax */
 	border: none;
 	color: #fff;
 }

 .pagenrform_liinputan:hover {
 	opacity: 0.8;
 	filter: Alpha(opacity=80)
 }

 /*加载更多*/

 .newslistnr {
 	margin: 0px 5% 0px 5%;
 	width: 90%;
 	background: #fff;
 	height: 100%;
 	float: left;
 	clear: both;
 	display: inline-block;
 }

 /*文字列表*/
 .newslistnr_liwz {
 	width: 100%;
 	height: 1.4rem;
 	border-bottom: 1px dotted #e9e9e9;
 	float: left;
 	line-height: 1.4rem;
 	margin-top: 3%;
 	font-size: 0.8rem;
 	background: url(../../images/cgwapweb_images/news_ioc.png) no-repeat left center;
 }

 .newslistnr_liwz a {
 	float: left;
 	color: #000;
 	padding-left: 3%;
 }

 .newslistnr_liwz a:hover {
 	color: #009860
 }

 .newslistnr_liwz span {
 	float: right;
 	color: #8f8f8f;
 }

 /*图片展示*/
 .newslistnr_lipic_li {
 	width: 44%;
 	overflow: hidden;
 	height: auto;
 	float: left;
 	box-sizing: border-box;
 	border: 1px solid #e3e3e3;
 	margin: 3% 3% 2% 3%;
 	position: relative;
 }

 .newslistnr_lipic_li_img {
 	width: 100%;
 	overflow: hidden;
 	height: auto;
 	float: left;
 	left: 0px;
 	top: 0px;
 }

 .newslistnr_lipic_li_img img {
 	width: 100%;
 	height: auto;
 }

 .newslistnr_lipic_li_text {
 	width: 100%;
 	height: 1.2rem;
 	font-size: 0.8rem;
 	line-height: 1.2rem;
 	overflow: hidden;
 	float: left;
 	position: absolute;
 	left: 0px;
 	bottom: 0px;
 	background: rgba(0, 0, 0, 0.6);
 	text-align: center;
 }

 .newslistnr_lipic_li_text a {
 	color: #fff;
 }

 .newslistnr_lipic_li_text a:hover {
 	color: #ff0000;
 	text-decoration: underline;
 }


 .newslistnr_li {
 	width: 100%;
 	height: auto;
 	border-bottom: 1px solid #e9e9e9;
 	margin: 5% 0px 5% 0px;
 	float: left;
 	clear: both;
 }

 .listtext {
 	width: 20%;
 	height: auto;
 	float: left;
 	overflow: hidden;
 }

 .listtext img {
 	width: 100%;
 	height: auto;
 	float: left;
 	-moz-border-radius: 50%;
 	-webkit-border-radius: 50%;
 	border-radius: 50%;
 }

 .listtextrg {
 	width: 77%;
 	height: 90px;
 	float: left;
 	margin-left: 3%;
 }

 .listtextrg p {
 	width: 100%;
 	line-height: 150%;
 	float: left;
 	font-size: 0.8em;
 	color: #868686;
 }

 .listtextrg p.newsioc {
 	background: url(../../images/cgwapweb_images/news_ioc.png) no-repeat left 0.35rem;
 }

 .listtextrg p a {
 	color: #009860;
 	padding-left: 12px;
 	font-weight: bold;
 	font-size: 0.9em;
 }

 #scrollernews li>a {
 	display: block;
 }

 /**
 *
 * 下拉样式 Pull down styles
 *
 */
 #pullDown,
 #pullUp {
 	width: 100%;
 	background: #fff;
 	height: 25px;
 	line-height: 25px;
 	float: left;
 	padding-top: 10px;
 	font-size: 3.5vw;
 	color: #868686;
 }

 #pullDown .pullDownIcon,
 #pullUp .pullUpIcon {
 	display: block;
 	float: left;
 	width: 12px;
 	height: 12px;
 	background: url(../../images/cgwapweb_images/2x.gif) 0 0px no-repeat;
 	-webkit-background-size: 12px 12px;
 	background-size: 12px 12px;
 	-webkit-transition-property: -webkit-transform;
 	-webkit-transition-duration: 250ms;
 	margin-top: 6px;
 	text-align: center;
 }

 #pullDown .pullDownIcon {
 	-webkit-transform: rotate(0deg) translateZ(0);
 }

 #pullUp .pullUpIcon {
 	-webkit-transform: rotate(-180deg) translateZ(0);
 }

 #pullDown.flip .pullDownIcon {
 	-webkit-transform: rotate(-180deg) translateZ(0);
 }

 #pullUp.flip .pullUpIcon {
 	-webkit-transform: rotate(0deg) translateZ(0);
 }

 #pullDown.loading .pullDownIcon,
 #pullUp.loading .pullUpIcon {
 	background-position: 0 100%;
 	-webkit-transform: rotate(0deg) translateZ(0);
 	-webkit-transition-duration: 0ms;

 	-webkit-animation-name: loading;
 	-webkit-animation-duration: 2s;
 	-webkit-animation-iteration-count: infinite;
 	-webkit-animation-timing-function: linear;
 }

 @-webkit-keyframes loading {
 	from {
 		-webkit-transform: rotate(0deg) translateZ(0);
 	}

 	to {
 		-webkit-transform: rotate(360deg) translateZ(0);
 	}
 }

 /*快捷菜单*/
 .am-share {
 	font-size: 3.5vw;
 	border-radius: 0;
 	bottom: 0;
 	left: 0;
 	position: fixed;
 	text-align: center;
 	-webkit-transform: translateY(100%);
 	-ms-transform: translateY(100%);
 	transform: translateY(100%);
 	-webkit-transition: -webkit-transform 300ms;
 	transition: transform 300ms;
 	width: 100%;
 	z-index: 1110;
 }

 .am-modal-active {
 	transform: translateY(0px);
 	-webkit-transform: translateY(0);
 	-ms-transform: translateY(0);
 	transform: translateY(0);
 }

 .am-modal-out {
 	z-index: 1109;
 	-webkit-transform: translateY(100%);
 	-ms-transform: translateY(100%);
 	transform: translateY(100%);
 }

 .am-share-title {
 	background-color: #f8f8f8;
 	border-bottom: 1px solid #fff;
 	border-top-left-radius: 2px;
 	border-top-right-radius: 2px;
 	color: #009860;
 	font-weight: bold;
 	font-size: 0.9em;
 	margin: 0 10px;
 	padding: 5px 0 0;
 	text-align: center;
 }

 .am-share-title::after {
 	border-bottom: 1px solid #dfdfdf;
 	content: "";
 	display: block;
 	height: 0;
 	margin-top: 10px;
 	width: 100%;
 }

 .am-share-footer {
 	margin: 10px;
 }

 .am-share-footer .share_btn {
 	color: #fff;
 	display: block;
 	width: 100%;
 	background-color: #009860;
 	cursor: pointer;
 	font-size: 0.9em;
 	font-weight: bold;
 	line-height: 1.2;
 	padding: 0.625em 0;
 	text-align: center;
 	vertical-align: middle;
 	border: none;
 	white-space: nowrap;
 	-moz-border-radius: 5px;
 	/* Gecko browsers */
 	-webkit-border-radius: 5px;
 	/* Webkit browsers */
 	border-radius: 5px;
 	/* W3C syntax */
 }

 .am-share-sns {
 	background-color: #f8f8f8;
 	border-radius: 0 0 2px 2px;
 	margin: 0 10px;
 	padding-top: 5px;
 	height: auto;
 	zoom: 1;
 	overflow: auto;
 }

 .am-share-sns li {
 	margin-bottom: 15px;
 	display: block;
 	float: left;
 	height: auto;
 	width: 21%;
 	padding: 2px 0px 2px 0px;
 	margin: 0px 2% 2% 2%;
 	background: #009860 repeat;
 	-moz-border-radius: 5px;
 	/* Gecko browsers */
 	-webkit-border-radius: 5px;
 	/* Webkit browsers */
 	border-radius: 5px;
 	/* W3C syntax */
 }

 .am-share-sns a {
 	color: #fff;
 	display: block;
 	text-decoration: none;
 	font-size: 0.8em;
 }

 .sharebg {
 	background-color: rgba(0, 0, 0, 0.6);
 	bottom: 0;
 	height: 100%;
 	left: 0;
 	opacity: 0;
 	position: fixed;
 	right: 0;
 	top: 0;
 	width: 100%;
 	z-index: 1100;
 	display: none;
 }

 .sharebg-active {
 	opacity: 1;
 	display: block;
 }

 /*会员中心*/
 .vip_banner {
 	margin: 0px auto 0px;
 	width: 100%;
 	overflow: hidden;
 	height: auto;
 	clear: both;
 	text-align: center;
 }

 .vip_banner img {
 	width: 100%;
 	overflow: hidden;
 	height: auto;
 }

 .vip_tx {
 	margin: 0px auto 0px;
 	width: 60%;
 	height: 70%;
 	overflow: hidden;
 	height: auto;
 	clear: both;
 	text-align: center;
 	padding: 10% 20% 20% 20%;
 	background: url(../../images/cgwapweb_images/vip_banner.png) center 0px no-repeat;
 	background-size: 100% 100%;
 }

 .vip_tx_nr {
 	width: 100%;
 	overflow: hidden;
 	height: 40%;
 	clear: both;
 	float: left;
 }

 .vip_tx_nr_img {
 	width: 40%;
 	overflow: hidden;
 	height: 100%;
 	clear: both;
 	float: left;
 	text-align: center;
 	margin: 0px 30% 0px 30%;
 }

 .vip_tx_nr_img img {
 	-moz-border-radius: 50%;
 	-webkit-border-radius: 50%;
 	border-radius: 50%;
 	width: 90%;
 	height: 90%;
 	border: 2px solid #fff;
 }

 .vip_tx_nr_text {
 	width: 100%;
 	overflow: hidden;
 	height: 38%;
 	clear: both;
 	float: left;
 	margin-top: 2%
 }

 .vip_tx_nr_text p {
 	width: 100%;
 	overflow: hidden;
 	float: left;
 	text-align: center;
 	color: #fff;
 	font-size: 3.5vw;
 	line-height: 1.2;
 }

 .vip_tx_nr_text p span {
 	color: #fffc00;
 	font-size: 4.0vw;
 	text-align: center;
 }

 /*折叠菜单*/
 .menu_list {
 	margin: 0px auto 80px;
 	width: 100%;
 	overflow: hidden;
 	height: auto;
 	clear: both;
 }

 .menu_head {
 	height: 47px;
 	line-height: 47px;
 	padding-left: 5%;
 	font-size: 4.5vw;
 	color: #454545;
 	cursor: pointer;
 	border-left: 1px solid #e1e1e1;
 	border-right: 1px solid #e1e1e1;
 	border-bottom: 1px solid #e1e1e1;
 	border-top: px solid #F1F1F1;
 	position: relative;
 	margin: 0px;
 	background: #f1f1f1 url(../../images/cgwapweb_images/pro_left.png) center right no-repeat;
 }

 .menu_list .current {
 	background: #f1f1f1 url(../../images/cgwapweb_images/pro_down.png) center right no-repeat;
 }

 .hy_ioc {
 	margin-right: 5px;
 	width: 19px;
 	margin-top: 13px;
 	height: 19px;
 	float: left;
 	display: inline-table;
 }

 .hy_ioc img {
 	width: 100%;
 	height: auto;
 }

 .hy_ioc_text {
 	float: left;
 }

 .hy_ioc_text span {
 	color: #009860;
 	padding-left: 6px;
 }

 .menu_body {
 	line-height: 38px;
 	border-left: 1px solid #e1e1e1;
 	backguound: #fff;
 	border-right: 1px solid #e1e1e1;
 }

 .menu_body a {
 	display: block;
 	height: 38px;
 	line-height: 38px;
 	padding-left: 38px;
 	color: #777777;
 	background: #fff;
 	text-decoration: none;
 	border-bottom: 1px solid #e1e1e1;
 	font-size: 4.0vw;
 }

 .menu_body a:hover {
 	text-decoration: none;
 }

 /*图书详细*/
 .bookct {
 	margin: 18% 5% 0px 5%;
 	width: 90%;
 	overflow: hidden;
 	height: 74%;
 	clear: both;
 	background: #fff;
 	border: 1px solid #dee0de;
 	padding: 3% 0px 3% 0px;
 }

 /* fullSlide */
 .fullSlide {
 	width: 100%;
 	position: relative;
 	height: 100%;
 	background: #fff;
 }

 .fullSlide .bd {
 	position: relative;
 	z-index: 0;
 	overflow: hidden;
 	width: 60%;
 	margin: 0px 20% 0px 20%;
 }

 .fullSlide .bd ul {
 	width: 100% !important;
 }

 .fullSlide .bd li {
 	width: 100% !important;
 	height: 100%;
 	overflow: hidden;
 	text-align: center;
 }

 .fullSlide .bd li img {
 	display: block;
 	height: auto;
 	width: 100%;
 }

 .fullSlide .hd {
 	width: 100%;
 	position: absolute;
 	z-index: 1;
 	bottom: 0;
 	left: 0;
 	height: 30px;
 	line-height: 30px;
 }

 .fullSlide .hd ul {
 	text-align: center;
 }

 .fullSlide .hd ul li {
 	cursor: pointer;
 	display: inline-block;
 	*display: inline;
 	zoom: 1;
 	width: 11px;
 	height: 11px;
 	margin: 3px;
 	overflow: hidden;
 	background: #fff;
 	filter: alpha(opacity=80);
 	opacity: 0.8;
 	line-height: 999px;
 	-moz-border-radius: 50%;
 	-webkit-border-radius: 50%;
 	border-radius: 50%;
 }

 .fullSlide .hd ul .on {
 	background: #3da92c;
 }

 .fullSlide .prev,
 .fullSlide .next {
 	display: block;
 	position: absolute;
 	z-index: 1;
 	top: 50%;
 	margin-top: -30px;
 	left: 0%;
 	z-index: 1;
 	width: 40px;
 	height: 60px;
 	background: url(../../images/cgwapweb_images/slider-arrow.png) -126px -137px #3da92c no-repeat;
 	cursor: pointer;
 	filter: alpha(opacity=90);
 	opacity: 0.9;
 	display: none;
 }

 .fullSlide .next {
 	left: auto;
 	right: 0%;
 	background-position: -6px -137px;
 }

 /*图书详细*/
 .booktab {
 	margin: 5% 5% 80px 5%;
 	width: 90%;
 	overflow: hidden;
 	height: 92%;
 	clear: both;
 	background: #fff;
 	border-top: 3px solid #009860;
 	border-left: 1px solid #dee0de;
 	border-right: 1px solid #dee0de;
 	border-bottom: 1px solid #dee0de;
 	padding: 0% 0px 3% 0px;
 }

 /**tab*/
 .container {
 	width: 100%;
 	overflow: hidden;
 	margin: 0 auto;
 	clear: both;
 }

 /*swiper.css*/
 .swiper-container {
 	margin: 0 auto;
 	position: relative;
 	overflow: hidden;
 	-webkit-backface-visibility: hidden;
 	-moz-backface-visibility: hidden;
 	-ms-backface-visibility: hidden;
 	-o-backface-visibility: hidden;
 	backface-visibility: hidden;
 	z-index: 1
 }

 .swiper-wrapper {
 	position: relative;
 	width: 100%;
 	-webkit-transition-property: -webkit-transform, left, top;
 	-webkit-transition-duration: 0;
 	-webkit-transform: translate3d(0, 0, 0);
 	-webkit-transition-timing-function: ease;
 	-moz-transition-property: -moz-transform, left, top;
 	-moz-transition-duration: 0;
 	-moz-transform: translate3d(0, 0, 0);
 	-moz-transition-timing-function: ease;
 	-o-transition-property: -o-transform, left, top;
 	-o-transition-duration: 0;
 	-o-transform: translate3d(0, 0, 0);
 	-o-transition-timing-function: ease;
 	-o-transform: translate(0, 0);
 	-ms-transition-property: -ms-transform, left, top;
 	-ms-transition-duration: 0;
 	-ms-transform: translate3d(0, 0, 0);
 	-ms-transition-timing-function: ease;
 	transition-property: transform, left, top;
 	transition-duration: 0;
 	transform: translate3d(0, 0, 0);
 	transition-timing-function: ease;
 	-webkit-box-sizing: content-box;
 	-moz-box-sizing: content-box;
 	box-sizing: content-box
 }

 .swiper-free-mode>.swiper-wrapper {
 	-webkit-transition-timing-function: ease-out;
 	-moz-transition-timing-function: ease-out;
 	-ms-transition-timing-function: ease-out;
 	-o-transition-timing-function: ease-out;
 	transition-timing-function: ease-out;
 	margin: 0 auto
 }

 .swiper-slide {
 	float: left;
 	-webkit-box-sizing: content-box;
 	-moz-box-sizing: content-box;
 	box-sizing: content-box
 }

 .swiper-wp8-horizontal {
 	-ms-touch-action: pan-y
 }

 .swiper-wp8-vertical {
 	-ms-touch-action: pan-x
 }

 .wrap {
 	margin: 5% auto 0 auto;
 }

 .tabs {
 	overflow: hidden;
 	text-align: center;
 	height: 40px;
 	background: #f4f4f4 repeat;
 	width: 100%;
 }

 .tabs a {
 	width: 25%;
 	color: #878d8a;
 	line-height: 38px;
 	font-size: 4.0vw;
 	float: left;
 }

 .tabs a.active {
 	color: #009860;
 	border-bottom: 2px solid #009860;
 	display: block;
 }

 .swiper-container {
 	border-radius: 0 0 0px 0px;
 	width: 90%;
 	border-top: 0;
 	margin: 5%;
 	overflow: hidden;
 }

 .swiper-slide {
 	width: 100%;
 	background: none;
 	overflow: hidden;
 	float: left;
 	font-size: 3.5vw;
 }

 .content-slide {
 	width: 100%;
 	background: none;
 	overflow: hidden;
 	float: left
 }

 /*图书查询*/
 .searchlist_nr {
 	margin: 18% auto 80px;
 	width: 90%;
 	background: #fff repeat;
 	overflow: hidden;
 	z-index: 99;
 	position: relative;
 	height: auto;
 	clear: both;
 	padding-bottom: 20px;
 	border-top: 3px solid #009860;
 	border-bottom: 1px solid #ccc;
 	border-left: 1px solid #ccc;
 	border-right: 1px solid #ccc;
 }

 .searchlist_nr_bt {
 	width: 96%;
 	overflow: hidden;
 	height: 35px;
 	padding: 0px 2% 0px 2%;
 	border-bottom: 1px solid #ccc;
 	float: left;
 }

 .searchlist_nr_bt_lf {
 	width: auto;
 	overflow: hidden;
 	height: 35px;
 	float: left;
 	line-height: 35px;
 	color: #009860;
 	font-size: 3.5vw;
 	font-weight: bold;
 }

 .searchlist_nr_bt_lf span {
 	color: #999;
 	font-size: 2.8vw;
 	font-weight: normal;
 	padding-left: 5px;
 	line-height: 35px;
 }

 .searchlist_nr_nr {
 	width: 98%;
 	overflow: hidden;
 	height: 100%;
 	clear: both;
 	float: left;
 	margin-right: 2%
 }

 .searchlist_nr_nr_lf {
 	width: 22%;
 	overflow: hidden;
 	background: url(../../images/cgwapweb_images/search_bg.gif) repeat;
 	-webkit-box-shadow: 1px 1px 5px #d6d6d6;
 	-moz-box-shadow: 1px 1px 5px #d6d6d6;
 	box-shadow: 1px 1px 5px #d6d6d6;
 	clear: both;
 	display: inline-block;
 	margin-bottom: 20px;
 	padding-bottom: 15%;
 }

 .searchlist_nr_nr_lf ul {
 	width: 100%;
 	overflow: hidden;
 	height: 40px;
 	clear: both;
 	display: inline-table;
 }

 .searchlist_nr_nr_lf ul li {
 	width: 100%;
 	overflow: hidden;
 	height: 39px;
 	line-height: 39px;
 	border-bottom: 1px solid #d6d6d6;
 	text-align: center;
 	display: inline-table;
 	font-size: 3.0vw;
 	font-weight: bold;
 }

 .searchlist_nr_nr_lf ul li a {
 	color: #444;
 }

 .searchlist_nr_nr_lf ul li a:hover {
 	color: #41983f;
 }

 .searchlist_nr_nr_lf ul li.greenss {
 	background: #fff;
 	border-left: 2px solid #41983f;
 }

 .searchlist_nr_nr_lf ul li.greenss a {
 	color: #41983f;
 }

 .searchlist_nr_nr_lf ul li.greenss a:hover {
 	color: #41983f;
 }

 .searchlist_nr_nr_rg {
 	width: 77%;
 	overflow: hidden;
 	height: auto;
 	float: right;
 	clear: both;
 	display: inline-table;
 }

 .searchlist_nr_nr_rg_nr {
 	width: 95%;
 	overflow: hidden;
 	height: auto;
 	float: left;
 	margin-left: 5%;
 }

 .searchlist_nr_nr_rg_nr_li {
 	width: 100%;
 	overflow: hidden;
 	height: auto;
 	float: left;
 	margin-top: 5%;
 	padding-bottom: 10px;
 	border-bottom: 1px solid #cacaca;
 }

 .searchlist_nr_nr_rg_nr_li_lf {
 	width: 30%;
 	overflow: hidden;
 	height: auto;
 	float: left;
 	-webkit-box-shadow: 2px 2px 5px #d6d6d6;
 	-moz-box-shadow: 2px 2px 5px #d6d6d6;
 	box-shadow: 2px 2px 5px #d6d6d6;
 }

 .searchlist_nr_nr_rg_nr_li_lf img {
 	width: 100%;
 	overflow: hidden;
 	height: auto;
 }

 .searchlist_nr_nr_rg_nr_li_rg {
 	width: 67%;
 	overflow: hidden;
 	height: auto;
 	float: right;
 }

 .searchlist_nr_nr_rg_nr_li_rg p {
 	width: 100%;
 	overflow: hidden;
 	float: left;
 	line-height: 1.4;
 	color: #5c5c5c;
 	font-size: 3.0vw;
 }

 .searchlist_nr_nr_rg_nr_li_rg p a {
 	color: #009860;
 }

 .searchlist_nr_nr_rg_nr_li_rg p span {
 	font-weight: bold;
 }

 .searchlist_nr_nr_rg_nr_li_rg_sm {
 	width: 90%;
 	overflow: hidden;
 	height: auto;
 	float: left;
 	padding: 2% 5% 2% 5%;
 	background: #009860 repeat;
 	line-height: 1.4;
 	color: #fff;
 	font-size: 3.0vw;
 }

 .searchlist_nr_nr_rg_nr_li_rg_sm p {
 	color: #fff;
 }

 .searchlist_nr_nr_rg_nr_li_rg_sm sapn {
 	font-weight: bold;
 }

 /*图书收藏*/
 .booksc {
 	margin: 5% 5% 80px 5%;
 	width: 80%;
 	background: #fff repeat;
 	overflow: hidden;
 	z-index: 99;
 	position: relative;
 	height: auto;
 	clear: both;
 	padding-bottom: 20px;
 	border: 1px solid #ccc;
 	padding: 0% 5% 5% 5%;
 }

 .booksc_li {
 	width: 100%;
 	overflow: hidden;
 	height: auto;
 	float: left;
 	margin-top: 5%;
 	padding-bottom: 5%;
 	border-bottom: 1px solid #cacaca;
 }

 .booksc_li_img {
 	width: 30%;
 	overflow: hidden;
 	height: auto;
 	float: left;
 	-webkit-box-shadow: 2px 2px 5px #d6d6d6;
 	-moz-box-shadow: 2px 2px 5px #d6d6d6;
 	box-shadow: 2px 2px 5px #d6d6d6;
 }

 .booksc_li_img img {
 	width: 100%;
 	overflow: hidden;
 	height: auto;
 }

 .booksc_li_text {
 	width: 67%;
 	overflow: hidden;
 	height: auto;
 	float: right;
 }

 .booksc_li_text p {
 	width: 100%;
 	overflow: hidden;
 	float: left;
 	line-height: 1.4;
 	color: #5c5c5c;
 	font-size: 3.0vw;
 }

 .booksc_li_text_sm {
 	width: 90%;
 	overflow: hidden;
 	height: auto;
 	float: left;
 	padding: 2% 5% 2% 5%;
 	background: #009860 repeat;
 	line-height: 1.4;
 	color: #fff;
 	font-size: 3.0vw;
 }

 .booksc_li_text_sm p {
 	color: #fff;
 }

 .booksc_li_text_sm sapn {
 	font-weight: bold;
 }

 /*会员信息说明*/
 .vipxxsm {
 	margin: 0% 0 0px 0;
 	width: 90%;
 	background: #fff repeat;
 	overflow: hidden;
 	z-index: 99;
 	position: relative;
 	height: auto;
 	clear: both;
 	border-bottom: 1px solid #ccc;
 	padding: 4% 5% 4% 5%;
 }

 .vipxxsm p {
 	width: 100%;
 	overflow: hidden;
 	float: left;
 	line-height: 1.4;
 	color: #454545;
 	font-size: 3.0vw;
 }

 .vipxxsm p span {
 	font-weight: bold;
 	color: #009860;
 	font-size: 4.0vw;
 }

 /*会员登录、会员注册*/
 .form {
 	width: 70%;
 	height: auto;
 	overflow: hidden;
 	font-size: 1.0em;
 	color: #454545;
 	text-align: left;
 	margin: 45% 10% 10% 10%;
 	padding: 0% 5% 5% 5%;
 	background: #fff;
 	border-top: 3px solid #009860;
 	border-bottom: 1px solid #ccc;
 	border-left: 1px solid #ccc;
 	border-right: 1px solid #ccc;
 	filter: alpha(opacity=90);
 	opacity: 0.9;
 	-webkit-box-shadow: 2px 2px 5px #d6d6d6;
 	-moz-box-shadow: 2px 2px 5px #d6d6d6;
 	box-shadow: 2px 2px 5px #d6d6d6;
 }

 .form div {
 	padding: 2% 0;
 	overflow: hidden;
 }

 .form label {
 	width: 100%;
 	display: block;
 	float: left;
 	line-height: 30px;
 	font-size: 0.9em;
 	font-weight: bold;
 	color: #454545;
 	text-align: left;
 }

 .form .infos {
 	width: 97%;
 	height: 26px;
 	line-height: 1.5;
 	border: 1px solid #ccc;
 	padding: 1%;
 	font-size: 0.9em;
 	border-radius: 4px;
 	float: left;
 }

 .form .infos:hover {
 	border: 1px solid #009860;
 }

 .form .div-phone a.send1 {
 	height: 26px;
 	text-decoration: none;
 	line-height: 26px;
 	padding: 1.5%;
 	width: 40%;
 	background: #009860;
 	color: #fff;
 	font-size: 0.9em;
 	text-align: center;
 	font-weight: normal;
 	display: inline-block;
 	float: right;
 	border-radius: 2px;
 	-webkit-transition: all 0.2s linear;
 	-moz-transition: all 0.2s linear;
 	-ms-transition: all 0.2s linear;
 	-o-transition: all 0.2s linear;
 	transition: all 0.2s linear;
 }

 .form .div-phone a.send1:hover {
 	text-decoration: none;
 	background: #009860;
 	filter: alpha(opacity=80);
 	opacity: 0.8;
 	-webkit-transition: all 0.2s linear;
 	-moz-transition: all 0.2s linear;
 	-ms-transition: all 0.2s linear;
 	-o-transition: all 0.2s linear;
 	transition: all 0.2s linear;
 }

 .form .div-phone a.send0 {
 	height: 26px;
 	text-decoration: none;
 	line-height: 26px;
 	padding: 1.5%;
 	width: 40%;
 	background: #A1A1A1;
 	color: #fff;
 	font-size: 0.9em;
 	text-align: center;
 	display: block;
 	float: right;
 	border-radius: 2px;
 }

 .form .div-phone a.send0:hover {
 	background: #A1A1A1;
 	color: #fff;
 	font-size: 3.5vw;
 	text-decoration: none;
 }

 .form span.error {
 	height: 26px;
 	line-height: 26px;
 	padding: 2%;
 	width: 100px;
 	color: #009860;
 	padding-left: 15px;
 	display: inline-block;
 	float: left;
 	font-size: 0.8em;
 	background: url(../../images/cgwapweb_images/error.png) no-repeat left center;
 	background-size: 10px 10px;
 }

 .form #phone {
 	width: 50%;
 }

 .form #ranks {
 	width: 50%;
 }

 .form .div-conform {
 	width: 98%;
 	padding: 2% 2% 2% 2%;
 	margin-top: 2%;
 	font-size: 1.0em;
 	border-radius: 2px;
 	background: #009860;
 	color: #fff;
 	float: left;
 	border: none;
 }

 .form .div-conform:hover {
 	text-decoration: none;
 	background: #009860;
 	filter: alpha(opacity=90);
 	opacity: 0.9;
 }

 .vipbg {
 	background: url(../../images/cgwapweb_images/vipbg.png) center top no-repeat;
 	background-size: 100% 200%;
 }

 .about_img {
 	width: 100%;
 }

 .about_description {
 	display: block;
 	width: 94%;
 	margin: 0.8em auto;
 	padding: 0 0.8em;
 	font-size: 0.8em;
 	line-height: 200%;
 	text-indent: 2em;
 }

 .threepr {
 	width: 96%;
 	height: auto;
 	margin: 20px auto;
 	display: flex;
 	flex-direction: column;
 }

 .threepr_lf {
 	width: 100%;
 	height: auto;
 }

 .threepr_rg {
 	width: 100%;
 	height: auto;
 }

 .threepr_rg p {
 	width: 100%;
 	line-height: 200%;
 	float: left;
 	font-size: 16px;
 	color: #231815;
 }

 .threepr_rg_bt {
 	font-size: 25px;
 	font-weight: bold;
 	width: 100%;
 	line-height: 200%;
 	float: left;
 	color: #231815;
 }

 .threepr_rg_prcs {
 	width: 100%;
 	height: auto;
 	float: left;
 	margin-top: 20px;
 }

 .threepr_rg_prcs table {
 	width: 100%;
 	border-collapse: collapse;
 	border: 1px solid #aaa;
 	font-size: 14px;
 }

 .threepr_rg_prcs table tbody {
 	border-collapse: collapse;
 }

 .threepr_rg_prcs td,
 .threepr_rg_prcs th {
 	vertical-align: middle;
 	text-align: center;
 	padding: 6px 6px 6px 6px;
 	border: 1px solid #aaa;
 }

 .threepr_rg_an {
 	width: 100%;
 	height: 47px;
 	float: left;
 	margin-top: 30px;
 }

 .threepr_rg_an_xj {
 	width: 150px;
 	height: 47px;
 	float: left;
 }

 .threepr_rg_an_xj a {
 	width: 150px;
 	height: 47px;
 	float: left;
 	background: url(../../images/cgweb_images/an_sale.png) no-repeat;
 }

 .threepr_rg_an_xj a:hover {
 	background: url(../../images/cgweb_images/an_sale_hover.png) no-repeat;
 }

 .threepr_rg_an_ly {
 	width: 150px;
 	height: 47px;
 	float: left;
 	margin-left: 30px;
 }

 .threepr_rg_an_ly a {
 	width: 150px;
 	height: 47px;
 	float: left;
 	background: url(../../images/cgweb_images/an_wyly.png) no-repeat;
 }

 .threepr_rg_an_ly a:hover {
 	background: url(../../images/cgweb_images/an_wyly_hover.png) no-repeat;
 }

 /*图片小图预览列表*/
 .spec-preview {
 	width: 100%;
 	height: auto;
 	border: 1px solid #c9caca;
 }

 .spec-scroll {
 	clear: both;
 	margin-top: 5px;
 	width: 502px;
 	height: 56px;
 }

 .spec-scroll .prev1 {
 	float: left;
 	margin-right: 4px;
 }

 .spec-scroll .next1 {
 	float: right;
 }

 .spec-scroll .prev1,
 .spec-scroll .next1 {
 	display: block;
 	font-family: "宋体";
 	text-align: center;
 	width: 10px;
 	height: 54px;
 	line-height: 54px;
 	border: 1px solid #c9caca;
 	background: #EBEBEB;
 	cursor: pointer;
 	text-decoration: none;
 }

 .spec-scroll .items {
 	float: left;
 	position: relative;
 	width: 472px;
 	height: 56px;
 	overflow: hidden;
 }

 .spec-scroll .items ul {
 	position: absolute;
 	width:100%;
 	height: 56px;
 }

 .spec-scroll .items ul li {
 	float: left;
 	width: 67px;
 	text-align: center;
 }

 .spec-scroll .items ul li img {
 	border: 1px solid #c9caca;
 	padding: 2px;
 	width: auto;
 	height: 50px;
 }

 .spec-scroll .items ul li img:hover {
 	border: 2px solid #FF6600;
 	padding: 1px;
 }

 /*询价弹出层*/

 .black_overlay {
 	display: none;
 	position: absolute;
 	top: 0%;
 	left: 0%;
 	width: 100%;
 	height: 300%;
 	background-color: black;
 	z-index: 1000;
 	-moz-opacity: 0.8;
 	opacity: .80;
 	filter: alpha(opacity=88);
 }

 .white_content {
 	display: none;
 	position: fixed;
 	top: 10%;
 	left: 2.5%;
 	width: 80%;
 	height: 60%;
 	padding: 20px;
 	border: 10px solid #009944;
 	background-color: white;
 	z-index: 1002;
 	overflow-x: hidden;
 }

 .white_content_h {
 	width: 100%;
 	line-height: 220%;
 	color: #231815;
 	font-size: 25px;
 	font-weight: bold;
 	border-bottom: 1px solid #dedddd;
 }

 .white_content_a {
 	width: 40px;
 	height: 40px;
 	position: absolute;
 	top: -6px;
 	right: -6px;
 	z-index: 1004;
 }

 .white_content_a a {
 	width: 100%;
 	height: 100%;
 	float: left;
 	background: url(../../images/cgweb_images/close.png) center center no-repeat;
 	background-size: 100%;
 }

 .white_content_a a:hover {
 	background: url(../../images/cgweb_images/close_hover.png) center center no-repeat;
 	background-size: 100%;
 }

 .white_content table {
 	width: 100%;
 	border-collapse: collapse;
 	border: 1px solid #dedddd;
 	font-size: 14px;
 	margin-top: 2%;
 }

 .white_content table tbody {
 	border-collapse: collapse;
 }

 .white_content td,
 .white_content th {
 	vertical-align: middle;
 	text-align: center;
 	padding: 6px 6px 6px 6px;
 	border: 1px solid #dedddd;
 }

 .white_content th {
 	background-color: #f8f8f8;
 }

 .white_content td img {
 	width: 60%;
 	border: 1px solid #dedddd;
 	padding: 5%;
 }

 .white_content td a {
 	color: #231815;
 	font-size: 14px;
 }

 .white_content td a:hover {
 	color: #009944;
 }

 .white_content td input {
 	width: 60%;
 	border: 1px solid #009944;
 	padding: 5%;
 	cursor: pointer;
 	text-align: center;
 	color: #009944;
 }

 .white_content_bd {
 	width: 96%;
 	border-collapse: collapse;
 	border: 1px solid #dedddd;
 	margin-top: 2%;
 	padding: 2%;
 }

 .white_content_bd th span {
 	color: #F00;
 	padding-right: 1px;
 }

 .white_content_bd th {
 	font-weight: normal;
 	text-align: right;
 }

 .white_content_bd td {
 	text-align: left;
 }

 .white_content_bd td input {
 	width: 60%;
 	border: 1px solid #dedddd;
 	padding: 1%;
 	cursor: pointer;
 	text-align: left;
 	color: #231815;
 }

 .white_content_bd td textarea {
 	width: 90%;
 	border: 1px solid #dedddd;
 	padding: 1%;
 	cursor: pointer;
 	text-align: left;
 	color: #231815;
 }

 .white_content_bd td input.an_litj {
 	width: 150px;
 	height: 50px;
 	border: 0px solid #dedddd;
 	padding: 0%;
 	cursor: pointer;
 	text-align: center;
 	background: url(../../images/cgweb_images/an_ljtj.png) center center no-repeat;
 }

 .white_content_bd td input.an_litj:hover {
 	background: url(../../images/cgweb_images/an_ljtj_hover.png) center center no-repeat;
 }

 /*产品详细说明*/
 .threeprsm {
 	width: 96%;
 	height: auto;
 	border-bottom: 1px solid #c9caca;
 	border-left: 1px solid #c9caca;
 	border-right: 1px solid #c9caca;
 	border-top: 3px solid #009944;
 	margin: 20px auto;
	margin-bottom:78px;
 }

 .threeprsm_bt {
 	width: 100%;
 	line-height: 220%;
 	color: #231815;
 	font-size: 25px;
 	font-weight: bold;
 	border-bottom: 1px solid #dedddd;
 }

 .threeprsm_nr {
	 width: 100%;
	 padding:10px;
 	margin-top: 10px;
 }