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



* {
	margin:0px;
}
.mian {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	min-width:320px;
	max-width:640px;
	overflow:hidden;
	background-color:#fff;
	font-family:Microsoft YaHei;
}
a {
	text-decoration:none;
	color:#666;
}
 @media screen and (min-width:320px) {
 html {
font-size:75%;
}
}
 @media screen and (min-width:375px) {
 html {
font-size:87.5%;
}
}
 @media screen and (min-width:480px) {
 html {
font-size:87.5%;
}
}
 @media screen and (min-width:540px) {
 html {
font-size:112.5%;
}
}
 @media screen and (min-width:550px) {
 html {
font-size:125%;
}
}
 @media screen and (min-width:640px) {
 html {
font-size:100%;
}
}
/*清除浮动*/



.clearfix:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { /*兼容 IE*/
	zoom: 1;
}
li {
	list-style:none;
}
ul {
	padding-left:0px;
	margin:0px;
}
em {
	font-style:normal;
}
p {
	margin:0px;
}
/* Title标题公共样式 */



.Title {
	width:100%;
	text-align: center;
}
.Title h2 {
	font-size: 1.25rem;
	color: #1364bf;
}
.Title h2 a {
	color: #1364bf;
	text-decoration: none;
}
.Title h2 i {
	width: 5%;
	height: 1px;
	background: #a9a9a9;
	display: inline-block;
	position: relative;
	top: -0.35rem;
}
.Title h2 i.xianL {
	margin-right: 2%;
}
.Title h2 i.xianR {
	margin-left: 2%;
}
.Title p {
	font-size: 1.083rem;
	color: #333333;
	margin-top: 0.5rem;
}
.focus {
	width:100%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.focus .hd {
	width:100%;
	height:5px;
	position:absolute;
	z-index:1;
	bottom:0;
	text-align:center;
}
.focus .hd ul {
	overflow:hidden;
	display:-moz-box;
	display:-webkit-box;
	display:-webkit-box;
	height:5px;
	background-color:rgba(51, 51, 51, 0.5);
}
.focus .hd ul li {
	-moz-box-flex:1;
	-webkit-box-flex:1;
	-webkit-box-flex:1;
	font-size:0
}
.focus .hd ul .on {
	background:#ffffff;
}
.focus .bd {
	position:relative;
	z-index:0;
}
.focus .bd li img {
	width:100%;
}
.focus .bd li a {
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}
header {
	width: 100%;
}
header h1 {
	float: left;
	width: 20%;
	margin-left: 2%;
}
header img {
	display: block;
	width: 100%;
}
header .header_title {
	float: left;
	width: 83%;
	padding-left: 1%;
	border-left: 1px solid #fff;
	box-sizing: border-box;
	margin-left: 1%;
}
header .header_title .abc { padding-top:2px}

header .header_title .abc a{
	 color:#0152a7; font-size:20px; font-weight:bold
}
header .header_title .abc a:hover {
	 color:#0152a7; font-size:20px; font-weight:bold
}
header .header_title em {
	font-size: 1.95rem;
	color: #1f1f1f;
	font-weight: bold;
	display: block;
margin: .3rem 0 .3rem 0;
}
header .header_title p {
font-size: .75rem;
	color: #1f1f1f;
	margin-bottom: 0.3rem;
}
header .header_title a {
	background:url(../images/top_phone.png) no-repeat left center;
	background-size:8%;
	padding-left:5%;
	display:block;
}
header .header_title b {
	font-size: 1.6rem;
	color: #fa6400;
	font-weight: bold;
}
header span {
	display: block;
	width: 11%;
	float: right;
	margin-right: 2%; padding-top:5px
}
/*nav_menu*/



.nav_menu {
	overflow:hidden;
	width:60%;
	position:fixed;
	left:0;
	top:0;
	padding-top:6rem;
	background-color:#1364bf;
	height: 100%;
	width: 0;
	z-index: 11;
}
.nav_menu .btn {
	display: block;
	width: 19%;
	position: absolute;
	top: 2%;
	right: 5%;
}
.nav_menu .btn img {
	display: block;
	width: 100%;
}
.nav_menu ul {
	overflow:hidden;
	width:100%;
	background-color:#1364bf;
	overflow:scroll;
	padding-bottom:50%;
}
.nav_menu li {
	width:100%;
	overflow:hidden;
	background:url(../images/nav02.png) no-repeat 80% 1.2rem;
}
.nav_menu li p {
	font-size:1rem;
	color:#ffffff;
	padding:1rem 0 1rem 3.75rem;
	border-bottom:1px solid #0a858a;
	background:url(../images/nav01.png) no-repeat 2rem center;
	background-size:0.8rem;
}
.nav_menu li p a {
	color:#ffffff;
}
.nav_menu li .mu a {
	color:#ffffff;
	display:block;
	padding:1rem 0 1rem 3.75rem;
	border-bottom:1px solid #0a858a;
	background:url(../images/nav03.png) no-repeat 2rem center;
	background-size:0.6rem;
	background-color:#222
}
 .nav_menu li:nth-child(1) a {
border-bottom:0;
padding:0;
background:none
}
.nav_menu li .mu {
	display:none
}
.nav_menu li.on {
	background:url(../images/nav02-1.png) no-repeat 80% 1.2rem;
}
.nav_menu li.on p {
	color:#fff;
	background:url(../images/nav01-1.png) no-repeat 2rem center;
	background-size:0.8rem;
}
.nav_menu li.on p a {
	color:#fff;
}
/*nav*/



nav {
	width: 100%;
	overflow: hidden;
	background:#069dd4;
	background-size: cover;
}
nav a {
	font-size: 1rem;
	color: #fff;
	display: block;
	float: left;
	width: 33.3%;
	text-align: center;
	box-sizing: border-box;
	border-left: 1px solid #ffffff;
	border-right: 0px solid #ffffff;
	height: 3rem;
	line-height: 3rem;
	border-left: 1px solid #ffffff;
}
 nav a:nth-child(4), nav a:nth-child(8) {
border-right: none;
}
 nav a:nth-child(1), nav a:nth-child(2), nav a:nth-child(3), nav a:nth-child(4) {
}
 nav a:nth-child(5), nav a:nth-child(6), nav a:nth-child(7), nav a:nth-child(8) {
border-top:  1px solid #ffffff;
border-left: 1px solid #ffffff;
}
 nav a:nth-child(1), nav a:nth-child(5) {
border-left: none;
}

.mian{padding-bottom:0px}



.banner {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.banner img {
	display: block;
	width: 100%;
}
.banner .box {
	overflow: hidden;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0.5rem;
	width: 100%;
}
.banner .box span {
	display: inline-block;
	width:7%;
	height: 3px;
	margin-left: 2%;
	background: #717473;
}
.banner .box span:first-child {
	margin-left: 0;
}
.banner .box span.on {
	background: #f77f06;
}
/*search*/



.search {
padding: .708rem 0 .667rem 0;
	width: 100%;
	background: #f1f1f1;
}
.search .Input {
	float: none;
	margin: 0 auto;
	width: 92%;
}
.search .Input input {
	height: 2.25rem;
2.25rem;
	width: 87%;
	box-sizing: border-box;
	float: left;
font-size: .833rem;
	color: #bcbcbc;
	text-indent: 10%;
	background: url("../images/search_icon01.png") no-repeat 2% center #fff;
	border:none;
	border: 1px solid #dfdfdf;
	outline: none;
}
.search .Input a {
	height: 2.25rem;
	display: block;
	width: 13%;
	text-align: center;
	line-height: 2.25rem;
	float: left;
font-size: .917rem;
	color: #fff;
	background: #1a56c2;
}
/* product */



.product {
	width: 100%;
	padding-top: 1.25rem;
}
.product img {
	display: block;
	width: 100%;
}
.product .mainCon {
	width: 98%;
	margin: 1.25rem auto 0;
	overflow: hidden;
	padding-bottom: 1.133rem;
}
.product .mainCon ul {
	width: 105%;
}
.product .mainCon li {
	width: 48%;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
	position: relative;
}
.product .mainCon p {
	height: 2.208rem;
	background: url(../images/productBg.png) repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	line-height: 2.208rem;
font-size: .917rem;
	color: #fff;
}
.product .proBtn {
	width: 100%;
}
.product .proBtn a {
	display: block;
	width: 48%;
font-size: .833rem;
	height: 2.983rem;
	line-height: 2.983rem;
}
.product .proBtn a.more {
	float: left;
	box-sizing: border-box;
	color: #535353;
	border: 2px solid #dcdcdc;
	background: url("../images/product_icon01.png") no-repeat 88% center;
	text-align: center;
	background-size: 11%;
}
.product .proBtn a.tj {
	float: right;
	color: #fff;
	background: #1a56c2;
	position: relative;
	text-align: center;
}
.product .proBtn a.tj img {
	width: 12%;
	position: absolute;
	bottom: -16%;
	right: 13%;
	z-index: 555;
}
.product .proBt a {
	display: block;
	width: 48%;
font-size: .833rem;
	height: 2.983rem;
	line-height: 2.983rem;
}
.product .proBt a.more1 {
	float: left;
	box-sizing: border-box;
	color: #535353;
	border: 2px solid #dcdcdc;
	background: url("../images/product_icon01.png") no-repeat 88% center;
	text-align: center;
	background-size: 11%;
}
.product .proBt a.tj {
	float: right;
	color: #fff;
	background: #1a56c2;
	position: relative;
	text-align: center;
}
.product .proBt a.tj img {
	width: 12%;
	position: absolute;
	bottom: -16%;
	right: 13%;
	z-index: 555;
}
/* contrast */



.contrast {
	width: 100%;
	background: #f1f1f1;
	padding-top: 1.75rem;
}
.contrast img {
	display: block;
	width: 100%;
}
.contrast .mainCon {
	width: 100%;
	margin-top: 1.583rem;
}
.contrast .conBox {
	width: 96%;
	margin: 0 auto;
}
.contrast .box {
	width: 100%;
	padding-bottom: 1.75rem;
	position: relative;
}
.contrast .boxL {
	width: 49%;
	float: left;
}
.contrast .boxR {
	width: 49%;
	float: right;
}
.contrast .box h3 {
	background: #fff;
	height: 2.5rem;
	text-align: center;
	line-height: 2.5rem;
}
.contrast .box h3 span {
	display: inline-block;
	width: 20%;
	position: relative;
	top: 0.2rem;
	margin-right: 2%;
}
.contrast .box h3 em {
	color: #1a56c2;
font-size: .875rem;
	font-weight: bold;
}
.contrast .boxR h3 em {
	color: #666666;
}
.contrast .box p {
font-size: .75rem;
	color: #777777;
margin-top: .75rem;
}
.contrast .boxL p {
	color: #2e2e2e;
	font-weight: bold;
}
.contrast .boxL p span {
	color: #fa6810;
}
.contrast .box .VS {
	width: 20%;
	position: absolute;
	top: 26%;
	left: 50%;
	margin-left: -2.583rem;
}
.contrast .box .jjs {
	width:100%;
}
.contrast .box .jjs p {
	font-size:0.9rem;
	color: #777777;
margin-top: .75rem;
	width:49%;
}
.contrast .box .jjs p span {
	color: #fa6810;
}
.contrast .box .jjs p.p1 {
	float:left;
	text-align:center;
	font-weight:bold;
	color:#000;
}
.contrast .box .jjs p.p2 {
	float:right;
	text-align:center;
}
.contrast .menu {
	width: 100%;
}
.contrast .menu ul {
	width: 100%;
}
.contrast .menu li {
	width: 25%;
	box-sizing: border-box;
	border-left: 2px solid #fff;
padding: .667rem 0;
	background: #454545;
font-size: .833rem;
	color: #fff;
	float: left;
	text-align: center;
	position: relative;
}
.contrast .menu li:first-child {
	border-left: none;
}
.contrast .menu li.on {
	background: #f77f06;
}
.contrast .menu li.on i {
	display: block;
}
.contrast .menu li i {
	display: none;
width: .583rem;
height: .333rem;
	position: absolute;
	left: 50%;
margin-left: .292rem;
top: -.333rem;
}
/* case */



.case {
	width: 100%;
	padding-top:0.35rem;
	padding-bottom: 1.75rem;
}
.case img {
	display: block;
	width: 100%;
}
.case .mainCon {
	width: 100%;
	margin-top: 1.917rem;
}
.case .conBox {
	width: 90%;
	margin: 0 auto;
}
.case .BigBox {
	width: 100%;
}
.case .BigBox .con {
	width: 100%;
	position: relative;
}
.case .BigBox .intro {
	position: absolute;
	height: 3.5rem;
	width: 96%;
	bottom: 0;
	left: 0;
	padding-left: 4%;
	background: url("../images/caseBg01.png") repeat-x;
}
.case .BigBox .intro h3 {
font-size: .917rem;
	color: #fff;
margin: .5rem 0 .25rem 0;
}
.case .BigBox .intro p {
font-size: .75rem;
	color: #fff;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height:1rem;
	line-height:1rem;
}
.case .SmallBox {
	width: 100%;
margin-top: .667rem;
	margin:0px;
}
.case .SmallBox ul {
	width: 100%;
}
.case .SmallBox li {
	width: 23.5%;
	float: left;
	margin-left: 2%;
	box-sizing: border-box;
}
.case .SmallBox li.on {
	border: 2px solid #063c9d;
}
.case .SmallBox li:first-child {
	margin-left: 0;
}
.case .more {
	width:47%;
	height: 2.667rem;
	box-sizing: border-box;
	border: 2px solid #dcdcdc;
	line-height: 2.667rem;
	display: block;
	margin: 1.833rem auto 0;
	text-align: center;
}
.case .more i {
	display: inline-block;
	width: 7%;
	margin-left: 2%;
	position: relative;
	top: 0.1rem;
}
.case .more span {
font-size: .833rem;
	color: #535353;
}
/* adv */



.adv {
	width: 100%;
	background: url("../images/advBg.jpg") no-repeat center;
	background-size: cover;
	padding-bottom: 1.25rem;
}
.adv .Title h2 {
	color: #fff;
}
.adv .Title p {
	color: #fff;
}
.adv .Title i {
	background: #fff;
}
.adv .Title {
	padding-top: 1.667rem;
}
.adv .mainCon {
	width: 100%;
	margin-top: 1.25rem;
}
.adv dl {
	width:94%;
	margin: 0 auto;
	background: #fff;
	height: 7.8rem;
	overflow: hidden;
margin-bottom: .25rem;
}
.adv dt {
	width: 43%;
	float: left;
	margin-left: 2%;
}
.adv img {
	display: block;
	width: 100%;
}
.adv dd {
	float: left;
	margin-left:0px;
}
.adv dd h3 {
	font-size: 1.083rem;
	color: #f77f06;
	margin-top: 1.5rem;
}
.adv dd p {
font-size: .917rem;
	color: #333333;
	line-height: 1.5rem;
margin-top: .333rem;
}
.adv .phone {
	width: 100%;
	text-align: center;
	margin-top: 1.25rem;
}
.adv .phone i {
	display: inline-block;
	width: 7%;
	position: relative;
	top: 0.5rem;
	margin-right: 1%;
}
.adv .phone span {
	font-size: 1.042rem;
	color: #fff;
}
.adv .phone a {
	font-size: 1.375rem;
	color: #fff;
	font-weight: bold;
}
/* witness */



.witness {
	width: 100%;
}
.witness img {
	display: block;
	width: 100%;
}
.witness .conMain {
	width: 92%;
	margin: 1.25rem auto 0;
}
.witness .box {
	width: 100%;
	position: relative;
}
.witness .bos_x {
	width: 98%;
	margin:auto
}
.witness ul {
	width: 93%;
	margin: 0 auto;
}
.witness .box i {
	display: block;
	width: 1.667rem;
	height: 1.65rem;
	position: absolute;
	top: 32%;
	overflow: hidden;
}
.witness .box i.prev {
	background:url("../images/witnessBtn01.png") no-repeat left top;
	left: 0;
	background-size: 100%;
	z-index:99;
}
.witness .box i.next {
	background:url("../images/witnessBtn02.png") no-repeat left top;
	right: 0;
	background-size: 100%;
	z-index:99;
}
.witness .box li {
	text-align: center;
}
.witness .box li h3 {
	font-size: 1rem;
	color: #063c9d;
	margin: 1rem 0;
}
.witness .box li p {
font-size: .917rem;
	color: #333333;
	line-height: 1.333rem;
}
.witness .more {
	width:47%;
	height: 2.667rem;
	box-sizing: border-box;
	border: 2px solid #dcdcdc;
	line-height: 2.667rem;
	display: block;
	margin: 1.833rem auto 0;
	text-align: center;
}
.witness .more i {
	display: inline-block;
	width: 7%;
	margin-left: 2%;
	position: relative;
	top: 0.1rem;
}
.witness .more span {
font-size: .833rem;
	color: #ff6600;
}
/* partner */



.partner {
	width: 100%;
	padding: 2.083rem 0 0 0;
}
.partner img {
	display: block;
	width: 100%;
}
.partner .mainCon {
	width: 100%;
	position: relative;
	margin-top: 1.167rem;
}
.partner .box {
	width: 82%;
	margin: 0 auto;
	overflow: hidden;
}
.partner .box_s {
	width: 82%;
	margin: 0 auto;
	overflow: hidden;
}
.partner ul {
	width: 100%;
}
.partner ul li {
	float: left;
	width: 32%;
	margin-right: 1%;
	text-align: center;
}
.partner ul li span {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #e3e3e3;
}
.partner ul li em {
	font-size: 0.75rem;
	color: #333333;
	display: block;
	margin-top: 0.5rem;
}
.partner .mainCon i {
	display: block;
	width: 1.667rem;
	height: 1.667rem;
	position: absolute;
	top: 22%;
	overflow: hidden;
}
.partner .mainCon i.prev {
	background:url("../images/witnessBtn01.png") no-repeat left top;
	left: 0;
	background-size: 101%;
	z-index:99;
}
.partner .mainCon i.next {
	background:url("../images/witnessBtn02.png") no-repeat left top;
	right: 0;
	background-size: 101%;
	z-index:99;
}
/* ad */



.ad {
	width: 100%;
	background: #f1f1f1;
	padding: 1.417rem 0;
	box-shadow: 0 3px 0.6rem 0.1rem #d7d7d7;
}
.ad dt img {
	display: block;
	width: 100%;
}
.ad dl {
	width: 100%;
}
.ad dt {
	float: left;
	width: 50%;
	margin-left: 3%;
}
.ad dd {
	float: left;
	margin-left: 1%;
	width: 45%;
}
.ad .phone {
	background: url("../images/ad_phone.png") no-repeat left center;
	background-size: 20%;
	padding-left: 22%;
	box-sizing: border-box;
}
.ad .phone p {
font-size: .833rem;
	color: #000000;
}
.ad .phone a {
	display: block;
	color: #1a56c2;
	font-weight: bold;
	font-size: 1.25rem;
}
.ad .more {
	width:100%;
	height: 2.267rem;
	box-sizing: border-box;
	border: 2px solid #dcdcdc;
	line-height: 2.267rem;
	display: block;
	text-align: center;
	margin-top: 0.5rem;
}
.ad .more i {
	display: inline-block;
	width: 7%;
	margin-left: 2%;
	position: relative;
	top: 0.1rem;
}
.ad .more span {
font-size: .833rem;
	color: #535353;
}
.ad .more i img {
	width: 125%;
}
/* about */



.about {
	width: 100%;
	padding: 1.75rem 0 1.5rem 0;
}
.about .mainCon {
	padding: 0 6%;
	margin-top: 1.167rem;
}
.about article {
	width: 100%;
}
.about article a {
	display: block;
	width: 94%;
	margin: 0 auto;
}
.about img {
	display: block;
	width: 100%;
}
.about p {
font-size: .917rem;
	color: #333333;
	line-height: 1.458rem;
	margin-top: 1.333rem;
}
.about .more {
	width:47%;
	height: 2.667rem;
	box-sizing: border-box;
	border: 2px solid #dcdcdc;
	line-height: 2.667rem;
	display: block;
	margin: 1.75rem auto 0;
	text-align: center;
}
.about .more i {
	display: inline-block;
	width: 7%;
	margin-left: 2%;
	position: relative;
	top: 0.1rem;
}
.about .more span {
font-size: .833rem;
	color: #535353;
}
/* news */



.news {
	width: 100%;
	padding-top: 1.042rem;
	padding-bottom: 1.25rem;
}
.news img {
	display: block;
}
.news .mainCon {
	width: 96%;
	margin: 0 auto;
	padding-bottom: 1.667rem;
}
.news .menu {
	width: 100%;
}
.news .menu li {
	width: 33%;
	box-sizing: border-box;
	border-left: 1px solid #fff;
padding: .75rem 0;
	background: #454545;
	font-size: 1.167rem;
	color: #fff;
	float: left;
	text-align: center;
	position: relative;
}
.news .menu li:first-child {
	border-left: none;
	width: 34%;
}
.news .menu li.on {
	background: #f77f06;
}
.news .menu li.on i {
	display: block;
}
.news .menu li i {
	display: none;
width: .958rem;
height: .333rem;
	position: absolute;
	left: 50%;
margin-left: -.5rem;
bottom: -.333rem;
}
.news .conBos_z {
	width: 100%;
	margin-top: 1.417rem;
}
.news .conBox {
	width: 100%;
	margin-top: 1.417rem;
}
.news .conBox .box {
	width: 100%;
}
.news .conBox dl {
	width: 100%;
}
.news .conBox dt {
	width: 39%;
	float: left;
	background: #e2e2e2;
	margin-left: 3%;
}
.news .conBox dt img {
	width: 96%;
	margin: 2% auto 0;
}
.news .conBox dd {
	float: left;
	width: 52%;
	margin-left: 4%;
}
.news .conBox dd h3 {
	font-size: 1rem;
	color: #0a0a0a;
margin: .267rem 0 .833rem 0;
}
.news .conBox dd h3 a {
	color: #0a0a0a;
}
.news .conBox dd p {
font-size: .833rem;
	color: #333333;
	line-height: 1.25rem;
	height: 6rem;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news .conBox dd p a {
	color: #333333;
}
.news .conBox ul {
	padding: 0 3%;
	margin-top: 1.583rem;
}
.news .conBox li {
	overflow: hidden;
margin-bottom: .917rem;
}
.news .conBox li a {
	display: block;
	float: left;
	width: 74%;
	font-size: 1rem;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news .conBox li span {
	display: block;
	float: right;
	font-size: 1rem;
	color: #333333
}
/* copyRight */



.copyRight {
	background: #fff;
	position:relative;
}
.copyRight p {
font-size: .917rem;
	color: #333333;
	width: 86%;
}
/* footer */



footer {
	width: 100%;
	overflow: hidden;
	position: fixed;
	bottom: 0;
	background: #1364bf;
	left: 0;
	box-sizing:border-box;
	border-top: 1px solid #ffffff;
}
footer .bottom_bottom {
	overflow: hidden;
	width: 100%;
}
footer .bottom_bottom .bottom_bottom1 {
	float: left;
	width: 24%;
	border-left: 1px solid #ffffff;
	box-sizing:border-box;
padding: .7rem 0 0.5rem 0;
}
footer div:first-child {
	border-left: none;
}
footer .bottom_bottom div span {
	width: 1.417rem;
	height: 1.417rem;
	display:block;
	margin: 0 auto 0.22rem;
}
footer .bottom_bottom div a {
	display: block;
	text-align: center;
	font-size: 1rem;
	color: #fff;
}
footer .bottom_bottom div img {
	display: block;
}
.backTop {
	width: 16%;
	position:absolute;
	bottom: 52%;
	right: -2%;
}
.backTop img {
	display: block;
	width: 60%;
}
#about_more img {
	width:100%;
	margin:auto
}
#about_more {
	margin:auto;
	width:96%;
}
.about_more img {
	width:100%;
	margin:auto
}
.about_more {
	margin:auto;
	width:96%;
}
.Detail_content img {
	width:90%
}
.clear {
	clear:both
}
.viewmore-btn {
	font-size: 0;
	display: inline-block;
	position: relative;
}
.viewmore-btn a {
	display: block;
	border: 1px solid #ccc;
	padding: 15px 30px;
}
.viewmore-btn span {
	font-size: 16px;
	color: #666;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	z-index: 3;
	position: relative;
}
.viewmore-btn i {
	width: 9px;
	height: 12px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	background:#fc9707;
	background-size:100% 100%;
	margin-top: 3px;
	position: relative;
	z-index: 3;
	opacity: .5;
}
.viewmore-btn a::before {
content: '';
display: block;
width:5px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #fc9707;
z-index: 1;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
transition:all .4s ease;
}
.viewmore-btn a:hover::before {
width: 100%;
}
.viewmore-btn a:hover span {
	color: #fff;
}
.viewmore-btn a:hover i {
	background:#ffffff;
	background-size:100% 100%;
	opacity: 1;
}




.index_about_more {
	width:180px;
	height:45px;
	text-align:center;
	display:block;
	line-height:45px;
	background:#1364bf;
	color:#ffffff
}
.index_about_more:hover {
	width:180px;
	height:45px;
	ext-align:center;
	display:block;
	background:#31bf00;
	color:#ffffff;
	line-height:45px
}
.wrap {
	background: #fff;
	min-width: 320px;
	max-width: 640px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	font-family: "微软雅黑";
}
.wrap img {
	display: block;
	width: 100%;
}
.ban {
	position: relative;
	z-index: 1;
	width: 100%;
	overflow: hidden;
}
.ban img {
	display: block;
	width: 100%;
}
.ban .swiper-pagination {
	bottom: 1.5rem;
}
.ban .swiper-pagination-bullet {
	background: #fff;
width: .8rem;
	opacity: 1;
height: .8rem;
margin: 0 .4rem !important;
}
.ban .swiper-pagination-bullet-active {
	border-radius: 0.4rem;
	opacity: 1;
	background: #1364bf;
}
.index_pro_class_title {
	width:100%;
	margin:auto
}
.sk_no1 {
	width:31.3%;
	text-align:center;
	line-height:58px;
	line-height:58px;
	float:left;
	margin-left:1%;
	margin-right:1%
}
.sk_no1 .lili {
	width:100%;
	text-align:center;
	line-height:58px;
	line-height:58px;
	text-align:center;
	color:#222222;
	font-size:14px;
	cursor:pointer
}
.sk_no1 .lili a {
	width:100%;
	height:58px;
	display:block;
	color:#222222;
	font-size:14px
}
.sk_no1 .lili a:hover {
	width:100%;
	height:58px;
	display:block;
	color:#ffffff;
	font-size:14px;
}
.sk_yes1 {
	width:31.3%;
	text-align:center;
	line-height:58px;
	line-height:58px;
	float:left;
	background:#1364bf;
	margin-left:1%;
	margin-right:1%
}
.sk_yes1 .lili {
	width:100%;
	text-align:center;
	line-height:58px;
	line-height:58px;
	text-align:center;
	color:#ffffff;
	font-size:14px;
	cursor:pointer
}
.sk_yes1 .lili a {
	width:100%;
	height:58px;
	display:block;
	color:#ffffff;
	font-size:14px;
}
.sk_yes1 .lili a:hover {
	width:100%;
	height:58px;
	display:block;
	color:#ffffff;
	font-size:14px
}
.left_body {
	width:100%;
	margin:auto;
	padding-top:40px;
	text-align:center;
	display:inline-block;
}
.ask_no2 {
	width:47%;
	text-align:center;
	line-height:40px;
	line-height:40px;
	border:1px solid #cccccc;
	display:inline-block;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:10px
}
.ask_no2 .lili {
	width:100%;
	text-align:center;
	line-height:40px;
	line-height:40px;
	text-align:center;
	color:#222222;
	font-size:14px;
	cursor:pointer
}
.ask_no2 .lili a {
	width:100%;
	height:40px;
	display:block;
	color:#222222;
	font-size:14px
}
.ask_no2 .lili a:hover {
	width:100%;
	height:40px;
	display:block;
	color:#ffffff;
	font-size:14px;
}
.ask_yes2 {
	width:47%;
	text-align:center;
	line-height:40px;
	line-height:40px;
	background:#1364bf;
	border:1px solid #cccccc;
	margin-left:15px;
	margin-right:15px;
	display:inline-block;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:10px
}
.ask_yes2 .lili {
	width:100%;
	text-align:center;
	line-height:40px;
	line-height:40px;
	text-align:center;
	color:#ffffff;
	font-size:14px;
	cursor:pointer
}
.ask_yes2 .lili a {
	width:100%;
	height:40px;
	display:block;
	color:#ffffff;
	font-size:14px;
}
.ask_yes2 .lili a:hover {
	width:100%;
	height:40px;
	display:block;
	color:#ffffff;
	font-size:14px
}
.ask_no3 {
	width:30%;
	text-align:center;
	line-height:40px;
	line-height:40px;
	border:1px solid #cccccc;
	display:inline-block;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:10px
}
.ask_no3 .lili {
	width:100%;
	text-align:center;
	line-height:40px;
	line-height:40px;
	text-align:center;
	color:#222222;
	font-size:14px;
	cursor:pointer
}
.ask_no3 .lili a {
	width:100%;
	height:40px;
	display:block;
	color:#222222;
	font-size:14px
}
.ask_no3 .lili a:hover {
	width:100%;
	height:40px;
	display:block;
	color:#ffffff;
	font-size:14px;
}
.ask_yes3 {
	width:30%;
	text-align:center;
	line-height:40px;
	line-height:40px;
	background:#1364bf;
	border:1px solid #cccccc;
	margin-left:15px;
	margin-right:15px;
	display:inline-block;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:10px
}
.ask_yes3 .lili {
	width:100%;
	text-align:center;
	line-height:40px;
	line-height:40px;
	text-align:center;
	color:#ffffff;
	font-size:14px;
	cursor:pointer
}
.ask_yes3 .lili a {
	width:100%;
	height:40px;
	display:block;
	color:#ffffff;
	font-size:14px;
}
.ask_yes3 .lili a:hover {
	width:100%;
	height:40px;
	display:block;
	color:#ffffff;
	font-size:14px
}
.index_news_more {
	width:105px;
	height:35px;
	text-align:center;
	line-height:35px;
	display:block;
	background:#1364bf;
	color:#ffffff;
	font-size:14px
}
.index_news_more:hover {
	width:105px;
	height:35px;
	text-align:center;
	line-height:35px;
	display:block;
	background:#1e4f41;
	color:#ffffff;
	font-size:14px
}
.index_pro_class_pro {
	width:100%;
	float:left;
}
.index_pro_class_pro_body {
	width:96%;
	margin:auto;
}
.index_pro_class_pro_img {
	width:100%;
	overflow:hidden;
	margin:auto;
	text-align:center
}
.index_pro_class_pro_img img {
	width:100%;
	border:0;
	overflow:hidden;
	height:auto;
	background:#eeeeee
}
.index_pro_class_pro_title {
	width:100%;
	height:40px;
	text-align:center;
	line-height:40px;
	margin:auto
}
.g-ft {
	margin-top: 0;
	z-index:1
}
.f_nav {
	height: 4.9rem;
	min-width: 320px;
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 100;
	background: #313131;
	display: flex;
	justify-content: space-between;
}
.f_nav li {
	width: 25%;
	box-sizing: border-box;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.f_nav li a {
	height: 4.9rem;
	font-size: 1rem;
	color: #fff;
	line-height: 100%;
	display: block;
	text-align: center;
}
.f_nav li img {
	width: 1.75rem;
	max-width: 100%;
margin: .8rem auto .6rem;
	display: block;
}
.f_nav li:last-child {
	border-right: none;
}
.f_nav li.cur {
	background: #1364bf;
	border-color: #1364bf;
}
.index_4_ys_1 {
	width:90%;
	margin:auto;
	height:352px;
	background:url(../../images/ys2_1.jpg) center top no-repeat;
	filter: Alpha(Opacity=100);
	Opacity:1;
	cursor:pointer
}
.index_4_ys_1b {
	width:90%;
	margin:auto;
	height:352px;
	background:url(../../images/ys2_1b.jpg) center top no-repeat;
	filter: Alpha(Opacity=100);
	Opacity:1;
	cursor:pointer
}
.index_4_ys_2 {
	width:90%;
	margin:auto;
	height:352px;
	background:url(../../images/ys2_2.jpg) center top no-repeat;
	filter: Alpha(Opacity=100);
	Opacity:1;
	cursor:pointer
}
.index_4_ys_2b {
	width:90%;
	margin:auto;
	height:352px;
	background:url(../../images/ys2_2b.jpg) center top no-repeat;
	filter: Alpha(Opacity=100);
	Opacity:1;
	cursor:pointer
}
.index_4_ys_3 {
	width:90%;
	margin:auto;
	height:352px;
	background:url(../../images/ys2_3.jpg) center top no-repeat;
	filter: Alpha(Opacity=100);
	Opacity:1;
	cursor:pointer
}
.index_4_ys_3b {
	width:90%;
	margin:auto;
	height:352px;
	background:url(../../images/ys2_3b.jpg) center top no-repeat;
	filter: Alpha(Opacity=100);
	Opacity:1;
	cursor:pointer
}
.index_4_ys_4 {
	width:90%;
	margin:auto;
	height:352px;
	background:url(../../images/ys2_4.jpg) center top no-repeat;
	filter: Alpha(Opacity=100);
	Opacity:1;
	cursor:pointer
}
.index_4_ys_4b {
	width:90%;
	margin:auto;
	height:352px;
	background:url(../../images/ys2_4b.jpg) center top no-repeat;
	filter: Alpha(Opacity=100);
	Opacity:1;
	cursor:pointer
}
#box_btn IMG {
	cursor:pointer;
	width:90%;
	border:1px solid #f1f0f0;
	margin-bottom:20px
}
#box_btn IMG:hover {
	box-shadow: 0px 0px 0px #dfdfdf;
}


.feedback{ width:100%}	
.feedback_left{text-align:left; height:40px; line-height:40px; color:#828282; font-size:14px; font-weight:bold; width:25%}
.feedback_right{width:70%; height:40px; line-height:40px; border:1px solid #cccccc}
.feedback_right1{width:70%; height:160px; line-height:40px; border:1px solid #cccccc}
.feedback_right2{width:50%; height:40px; line-height:40px; border:1px solid #cccccc}