/* CSS Document */
body,div,ul,ol,li,span,p,i,input,img,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
header, section, footer, aside, nav, article, figure{display:block;}
ul,ol,li{ list-style:none;}
input {outline:none; border:none;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
body{font-family:PingFangSC-Regular,MicrosoftYaHei,Heiti SC,Helvetica;width:100%;overflow-x:hidden;}
a{text-decoration:none;}
a,button,input,optgroup,select,textarea {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.clearfix:after { content:""; height:0;  visibility:hidden; display:block;clear:both; }
.clearfix{display:inline-block;}
*html .clearfix{height:1%;} 
.clearfix{display:block;}
html {
    overflow-x: hidden;
}
body {
    background-color: #fff;
    position: relative;
}
.m_head {
  	height: 0.92rem;
  	padding: 0 0.333333rem;
  	background: #fff;
}
.head_a {
    float: left;
    display: block;
    width: 2.226667rem;
    height: 0.52rem;
    margin-top: 0.2rem;
    padding-right: 0.16rem;
    border-right: 1px solid #dadadb;
}
.head_a img {
	display: block;
	width: 2.226666rem;
	height: 0.52rem;
}
.head_tit {
  	color: #333;
  	font-size: 0.293333rem;
  	line-height: 0.92rem;
  	float: left;
  	padding-left: 0.16rem;
}
.head_right {
  	float: right;
}
.head_img {
  	float: left;
  	width: 0.453333rem;
  	height: 0.453333rem;
  	margin: 0.226666rem 0.133333rem 0 0;
}
.head_tel{
  	float: left;
  	font-family: Lantinghei SC;
  	font-size: 0.32rem;
  	color: #333;
  	line-height: 0.92rem;
}
.banner {
    width: 10rem;
    height: 6.133333rem;
    background: url(//image.co188.com/other/20181114/images/banner.png) no-repeat scroll center;
    background-size: 10.0rem 6.013333rem;
}
.one {
	width: 100%;
    padding: 0.52rem 0 0;
    background: #fff;
}
.one_box {
    padding: 0 0.16rem 0 0.346666rem;
    margin: 0 auto;
    position: relative;
}
.one_box li {
    float: left;
    width: 4.56rem;
    height: 2.7rem;
    margin: 0 0.186666rem 0.16rem 0;
    display: inline;
    position: relative;
}
.one_box li div {
    padding: 0.16rem 0.213333rem;
    border: 1px solid #e5e5e5;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.one_box li div.one_zindex {
    z-index: 1;
}
.one_p {
    height: 0.76rem;
}
.one_p i {
    display: inline-block;
    width: 0.346666rem;
    height: 0.346666rem;
    background: url(//image.co188.com/other/20181114/images/one_icon1.png) no-repeat 0 0;
    background-size: cover;
    margin-right: 0.12rem;
    float: left;
    position: relative;
    top: 0.2rem;
}
.one_p span {
    float: left;
    width: 3.6rem;
    display: inline-block;
    line-height: 0.4rem;
    font-size: 0.32rem;
    font-weight: 700;
    color: #3491f1;
}
.one_ul1 li img {
    display: block;
    width: 4.066666rem;
    height: 0.04rem;
    margin: 0.08rem 0 0.12rem;
}
.one_info {
    color: #3d464d;
    font-size: 0.32rem;
    line-height: 0.4rem;
    text-align: justify;
    height: auto;
    width: 4.066666rem;
}
.one_info.one_height {
	width: 4.066666rem;
	height: 0.8rem;
	line-height: 0.4rem;
	overflow : hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;
}
.one_ul1 li a {
    display: block;
    text-align: center;
    line-height: 0.4rem;
}
.one_ul1 li a span {
    display: inline-block;
    color: #a4b0bd;
    font-size: 0.24rem;
}
.one_ul1 li a em {
    display: inline-block;
    width: 0.146666rem;
    height: 0.16rem;
    background: url(//image.co188.com/other/20181114/images/arrow1.png) no-repeat 0 0;
    background-size: cover;
    margin-left: 0.066666rem;
}
.one_ul1 li a.current span {
    color: #3491f1;
}
.one_ul1 li a.current em {
    background: url(//image.co188.com/other/20181114/images/arrow2.png) no-repeat 0 0;
    background-size: cover;
}
.one_ul2 li {
    float: left;
    width: 4.56rem;
    height: 0.786666rem;
    background: #dee8ff;
    margin: 0 0.186666rem 0.186666rem 0;
    display: inline;
    position: relative;
}
.one_ul2 li a {
    display: block;
    width: 4.56rem;
    height: 0.786666rem;
    color: #3d464d;
    font-size: 0.32rem;
    text-align: center;
    line-height: 0.786666rem;
}
.one_div3 a {
    display: block;
    width: 9.306666rem;
    height: 0.786666rem;
    color: #3d464d;
    font-size: 0.32rem;
    text-align: center;
    line-height: 0.786666rem;
    background: #dee8ff;
    margin-bottom: 0.186666rem;
}
.two {
    padding: 0.6rem 0 0.72rem;
    background: #fff;
}
.two_box {
    position: relative;
}
.titimg {
    display: block;
    width: 5.293333rem;
    height: 0.813333rem;
    margin: 0 auto 0.56rem;
}
.two_box .swiper-container {
    width: 9.293333rem;
    height: 4.96rem;
    border-top: 0.013333rem solid #dce1e6;
    margin: 0 0.346666rem;
}
.two_box .swiper-pagination {
	bottom: 0;
}
.two_box .swiper-pagination .swiper-pagination-bullet {
	width: 0.16rem;
	height: 0.16rem;
	border-radius: 50%;
	background: #dce1e6;
	opacity: 1;
	margin: 0 0.093333rem;
}
.two_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 0.36rem;
	height: 0.16rem;
	border-radius: 0.12rem;
	background: #3491f1;
}
.two_box ul {
	width: 300%;
    height: 4.293333rem;
}
.two_box ul li {
    float: left;
    width: 9.293333rem;
    height: 4.293333rem;
}
.two_box ul li a {
	float: left;
    display: block;
    width: 3.08rem;
    height: 2.133333rem;
    border-right: 0.013333rem solid #dce1e6;
    border-bottom: 0.013333rem solid #dce1e6;
}
.two_box ul li .two_a {
	width: 3.066666rem;
	border-left: 0.013333rem solid #dce1e6;
}
.two_box ul li img {
    display: block;
    width: 2.426666rem;
    height: 0.946666rem;
    margin: 0.4rem auto 0.16rem;
}
.two_box ul li .two_p {
    text-align: center;
    color: #3d464d;
    font-size: 0.266666rem;
}
.three {
    width: 10rem;
    height: 5.706666rem;
    background: url(//image.co188.com/other/20181114/images/threebg.png) no-repeat scroll center;
    background-size: cover;
}
.three_p {
    color: #fff;
    text-align: center;
    font-size: 0.426666rem;
    font-weight: 700;
    padding: 0.6rem 0;
}
.three_box {
    width: 6.48rem;
    height: auto;
    margin: 0 auto;
    position: relative;
}
.three_in {
    float: left;
    width: 6.4rem;
    height: 0.88rem;
    border-radius: 4px;
    background: #fff;
    margin: 0 0 0.266666rem;
    display: inline;
}
.three_icon1 {
    float: left;
    width: 0.346666rem;
    height: 0.4rem;
    background: url(//image.co188.com/other/20181114/images/three_icon1.png) no-repeat center;
    background-size: cover;
    margin: 0.25rem 0.24rem 0 0.266666rem;
}
.three_icon2 {
    float: left;
    width: 0.253333rem;
    height: 0.4rem;
    background: url(//image.co188.com/other/20181114/images/three_icon2.png) no-repeat center;
    background-size: cover;
    margin: 0.25rem 0.293333rem 0 0.306666rem;
}
.three_input {
	float: left;
    outline: none;
    border: none;
    width: 5.44rem;
    height: 0.88rem;
    font-size: 0.32rem;
    color: #b2b2b2;
    background: transparent;
    text-indent: 3px;
}
.three_submit {
	float: left;
	display: block;
    outline: none;
    border: none;
    width: 3.733333rem;
    height: 0.853333rem;
    border-radius: 4px;
    color: #fff;
    background: #ffaa01;
    font-size: 0.32rem;
    margin: 0.16rem 1.333333rem 0;
}
.four {
    width: 100%;
    padding: 0.72rem 0 0;
    background: #f4faff;
}
.four_box {
    width: 9.866666rem;
    margin: 0 auto;
    position: relative;
}
.four_box .titimg {
	display: block;
	width: 6.613333rem;
	height: 0.813333rem;
	margin: 0 auto 0.36rem;
}
.four_p {
    color: #3d464d;
    font-size: 0.373333rem;
    text-align: center;
}
.four_p span {
    color: #3491f1;
}
.four_ul {
    width: 9.866666rem;
    margin: 1rem auto 0;
    position: relative;
}
.four_ul li {
    float: left;
    width: 9.866666rem;
    height: 4.8rem;
    background: url(//image.co188.com/other/20181114/images/four_libg.png) no-repeat scroll center;
    background-size: 9.866666rem 4.8rem;
    margin-bottom: 0.88rem;
    position: relative;
}
.four_ul li img {
    display: block;
    width: 1.946666rem;
    height: 1.946666rem;
    position: absolute;
    top: -0.96rem;
    left: 0.55rem;
}
.four_name {
    color: #3491f1;
    font-size: 0.32rem;
    font-weight: 700;
    margin: 0.9rem 0 0.16rem 0.8rem;
}
.four_name span {
    color: #3d464d;
    margin-left: 0.24rem;
}
.four_info {
	width: 8.28rem;
	margin-left: 0.8rem;
    color: #828e9a;
    font-size: 0.266666rem;
    line-height: 0.4rem;
    text-align: justify;
}
.five {
    width: 100%;
    padding: 0.88rem 0 0;
    background: #fff;
}
.five_box {
    width: 9.306666rem;
    margin: 0 auto;
    position: relative;
}
.five_box .titimg {
	display: block;
	width: 6.186666rem;
	height: 0.813333rem;
	margin: 0 auto;
}
.five_ul {
    width: 100%;
    margin: 0.666666rem auto 0;
}
.five_ul2 {
	display: none;
}
.five_ul li,.five_ul2 li {
    float: left;
    width: 2.586666rem;
    padding: 0.093333rem;
    border: 0.013333rem solid #e0e5e9;
    margin: 0 0.453333rem 0.453333rem 0;
    display: inline;
}
.five_box .five_ul .five_li,.five_box .five_ul2 .five_li {
    margin-right: 0;
}
.five_ul li img,.five_ul2 li img {
    display: block;
    width: 2.56rem;
    height: 3.466666rem;
    margin: 0 auto;
    border: 0.013333rem solid #e0e5e9;
}
.five_ul li p,.five_ul2 li p {
    line-height: 0.786666rem;
    color: #333;
    font-size: 0.32rem;
    text-align: center;
    width: 2.586666rem;
    height: 0.786666rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.five_in {
	text-align: center;
	line-height: 0.48rem;
}
.five_in span {
	display: inline-block;
	color: #51779d;
	font-size: 0.32rem;
}
.five_in em {
	display: inline-block;
	width: 0.266666rem;
	height: 0.266666rem;
	background: url(//image.co188.com/other/20181114/images/more.png) no-repeat center;
	background-size: cover;
}
.five_in.less em {
	display: inline-block;
	width: 0.266666rem;
	height: 0.266666rem;
	background: url(//image.co188.com/other/20181114/images/less.png) no-repeat center;
	background-size: cover;
}
.five_box a {
    display: block;
    width: 4.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    color: #fff;
    background: #3491f1;
    border-radius: 4px;
    font-size: 0.32rem;
    text-align: center;
    margin: 0.693333rem auto 0;
}
.six {
    width: 100%;
    padding: 0.96rem 0 0.76rem;
    background: #fff;
}
.six .titimg {
	display: block;
	width: 5.293333rem;
	height: 0.813333rem;
	margin: 0 auto;
}
.six_box {
    width: 9.546666rem;
    margin: 0.64rem 0.106666rem 0 0.346666rem;
    position: relative;
}
.six_box .six_con.swiper-container {
    position: relative;
   	width: 9.306666rem;/*698*/
    height: 2.6rem;
    margin-left: 0;
}
.six_box .swiper-pagination {
	bottom: 0;
}
.six_box .swiper-pagination .swiper-pagination-bullet {
	width: 0.16rem;
	height: 0.16rem;
	border-radius: 50%;
	background: #dce1e6;
	opacity: 1;
	margin: 0 0.093333rem;
}
.six_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 0.36rem;
	height: 0.16rem;
	border-radius: 0.12rem;
	background: #3491f1;
}
.six_box ul {
    position: relative;
    width: 300%;
    height: 1.746666rem;/*131*/
}
.six_con ul li {
    float: left;
    width: 2.906666rem;/*218*/
    height: 1.746666rem;
    position: relative;
    margin: 0 0.24rem 0 0;
    display: inline;
}
.six_img {
    display: block;
    width: 2.88rem;/*216*/
    height: 1.72rem;/*129*/
    border: 0.013333rem solid #e1e1e1;
}
.six_tit {
    width: 2.906666rem;
    height: 0.586666rem;
    position: absolute;
    left: 0;
    bottom: 0;
}
.six_tit_bg {
	width: 2.906666rem;
    height: 0.586666rem;
    background-color: #000;
    filter: alpha(Opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    -MS-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
.six_tit_p {
    width: 2.48rem;/*186*/
    padding: 0 0.2rem;
    height: 0.586666rem;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0.586666rem;
    color: #fff;
    font-size: 0.32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.six_a {
    display: block;
    width: 4.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    color: #fff;
    background: #3491f1;
    border-radius: 4px;
    font-size: 0.32rem;
    text-align: center;
    margin: 0.533333rem auto 0;
}
.seven {
    width: 100%;
    padding: 0.76rem 0 0.88rem;
    background: #f4faff;
    position: relative;
}
.seven_box {
    width: 9.306666rem;
    margin: 0 auto;
    position: relative;
}
.seven_box .titimg {
	display: block;
	width: 4.48rem;
	height: 0.813333rem;
	margin: 0 auto;
}
.seven_p {
    color: #3d464d;
    font-size: 0.373333rem;
    text-align: center;
    margin-top: 0.32rem;
}
.seven_p span {
    color: #3491f1;
}
.seven_img {
    display: block;
    width: 9.306666rem;
    height: 10.36rem;
    margin: 0.4rem auto 0;
}
.eight {
    width: 10rem;
    height: 2.533333rem;
    background: url(//image.co188.com/other/20181114/images/eightbg.png) no-repeat scroll center;
    background-size: cover;
}
.eight_box {
    width: 9.306666rem;
    margin: 0 auto;
    position: relative;
}
.eight_p1 {
    color: #fff;
    font-size: 0.426666rem;
    text-align: center;
    padding-top: 0.4rem;
}
.eight_p2 {
    width: 3.6rem;
    height: 0.84rem;
    border: 1px solid #fff;
    border-radius: 20px;
    color: #fff;
    font-size: 0.346666rem;
    text-align: center;
    line-height: 0.84rem;
    margin: 0.333333rem auto 0;
}