﻿@charset "utf-8";
/* CSS Document */
body{padding:0;font-family:"微软雅黑"; margin:0; font-size:14px; -webkit-text-size-adjust: none; width:100%; min-width:320px;  max-width:640px;overflow-x: hidden; margin:0 auto; font-size:14px; }
ol,ul{list-style:none}
*{	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;}
ul,li,input,h1,h2,h3,p,span,b,dl,dt,dd{ margin:0; padding:0; list-style:none;}		
img{border:0; display:block;}
em{ font-style:normal;}
*{margin:0px; padding:0px;font-family:"Microsoft YaHei";}
li{list-style:none;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;word-wrap:break-word}
img{border:0;-ms-interpolation-mode:bicubic; vertical-align: middle;display: inline-block;}

body{background: #fff;}

.viewport{min-width:320px;margin:0 auto;overflow:hidden}
@media only screen and (max-width:320px){body{font-size:10px!important}.viewport{width:320px}}
@media only screen and (max-width:359px) and (min-width:320px){body{font-size:10px!important}.viewport{width:320px}}
@media only screen and (max-width:479px) and (min-width:360px){body{font-size:11.25px!important}.viewport{width:360px}}
@media only screen and (min-width:480px){body{font-size:16px!important}.viewport{width:480px}}

.logo,.logo div p,.logo div ul{background: #fff;width: 100%;}
.logo,.logo div,.logo div p,.logo div ul,.head,.floot div,.floot,.main_fox div dt li,.main_fox div ul ul,.main_fox div ul,.main_fox div,.main_fox,.main_mx div > dt,.main_mx div > ul,.main_mx div,.main_mx,.main_ce div dt,.main_ce div ul,.main_ce div,.main_ce{
    overflow: hidden;
   }
.logo div ul li a,.main_ce div dt p a,.main_mx div p a{
    color: #000;
    text-decoration: none;
}
.head,.logo div,.floot div,.main_fox div,.main_mx div,.main_ce div,.main ul{
    margin: 0 auto;
}
.head,.floot div strong,.floot div ul,.floot,.main_fox div ul ul strong,.main_fox div ul,.main_fox,.main_mx div > dt,.main_mx div > ul,.main_mx div strong,.main_mx,.main_ce,.main ul p,.main ul li,.main,.head p,.head ul{
    width: 100%;
}

.logo div p center img,.floot div ul li img,.main_fox div dt li img,.main_mx div > dt li img,.main_mx div > ul dt img,.main_ce div ul img{
    display: inline-block;
}
.logo div p center img{
    width:16.375em;
    height:2.375em;
}
.logo div{
    width:30em;
}
.logo div ul li{
    float: left;
    width:5em;
    margin-left: 0.5em;
    line-height: 2em;
    font-weight: bold;
}

.head img {display:block;}
.head1 img {display:block;}

.main{
   background: #e84266;
    height: 12em;
}
.main ul{
    width:30em;
    position: relative;
    height: 12em;
}
.main ul li{
    color:#fff;
    font-weight: bold;
    text-align: center;
    font-size:0.812em;
    line-height: 2.15em;
    height: 2.15em;
}
.main ul li span{
    font-size:1.5em;
    color:#ffb902;
}
.main ul p{
    text-align: left;
    text-indent: 5em;
    font-size:1.3em;
    font-weight: bold;
    color: #fff;
    line-height: 3em;
    height: 3em;
}
.main ul img{
    position: absolute;
    z-index: 999;
    width: 6.06em;
    height: 6.437em;
    left: 1em;
    top:-3.5em;
}
.main_ce{
    background: #5c9fe3;
    padding: 2em 0 2em 0;
}
.main_ce div{
    width:30em;
}
.main_ce div ul{
    float: left;
    width:8.375em;
}
.main_ce div ul img{
    width: 4.375em;
    height: 7.812em;
}
.main_ce div dt{
    width: 21em;
}
.main_ce div dt strong{
    text-align: left;
    color: #fff;
}
.main_ce div dt li{
    font-size: 0.75em;
    font-weight: bold;
    color:#fff;
    line-height: 1.8em;
    margin: 0.5em 0 0.5em 0;
}
.main_ce div dt li span{
    color:#ffe303;
    font-size: 1.4em;
    font-weight: bold;
}
.main_ce div dt p{
    width: 6em;
    height: 1.8em;
    float: right;
    text-align: center;
    background: #ffe303;
    line-height: 1.8em;
    font-weight: bold;
}

.main_mx{
    background: #ffe303;
    padding-bottom: 1em;
}
.back{
    background: #fff;
}
.main_mx div{
    width: 30em;
}
.main_mx div strong{
    display: block;
    height: 4em;
    line-height: 4em;
    text-align: center;
    background: url("../images/2.png") 4em 1.1em no-repeat;
    background-size: 2.125em;
}

.main_mx div > ul dt{
    float: left;
    width:7em;
}
.main_mx div > ul dt img{
    width:4.56em;
    height: 5.25em;
}
.main_mx div > ul ul{
    float: right;
    line-height: 1.7em;
    width: 22em;
    text-align: left;
    font-weight: bold;
    color: #666;
    margin-top: 1em;
}
.main_mx div p{
    width: 8em;
    height: 1.8em;
    float: right;
    text-align: center;
    background: #ffb902;
    line-height: 1.8em;
    color: #000;
    font-weight: bold;
    margin-bottom: 1.5em;
}
.main_mx div > dt{
    display: block;
}
.main_mx div > dt li{
    float: left;
    width:6.56em;
    height: 3.875em;
    margin-left: 0.5em;
}
.main_mx div > dt li img{
    width:6.56em;
    height: 3.875em;
}
/*第3问答*/

.back{
    background: #fff;
}
.main_mx div{
    width: 30em;
}
.back div strong{
    display: block;
    height: 4em;
    line-height: 4em;
    text-align: center;
    background: url("../images/3.png") 4em 1.1em no-repeat;
    background-size: 2.125em;
}

.main123 > ul dt{
    float: left;
    width:7em;
}
.main123 > ul dt img{
    width:4.56em;
    height: 5.25em;
}
.main123 > ul ul{
    float: right;
    line-height: 1.7em;
    width: 22em;
    text-align: left;
    font-weight: bold;
    color: #666;
    margin-top: 1em;
}
.main123 p{
    width: 8em;
    height: 1.8em;
    float: right;
    text-align: center;
    background: #ffb902;
    line-height: 1.8em;
    color: #000;
    font-weight: bold;
    margin-bottom: 1.5em;
}
.main123 > dt{
    display: block;
}
.main123 > dt li{
    float: left;
    width:6.56em;
    height: 3.875em;
    margin-left: 0.5em;
}
.main123 > dt li img{
    width:6.56em;
    height: 3.875em;
}

/*第四问答*/
.main_fox{
    background: #a7c1fc;
    padding-bottom: 1em;
}
.main_fox div{
    width:30em;
}

.main_fox div ul img{
    float: left;
    display: block;
    width: 3.625em;
    height:8.375em;
    margin-top: 1.8em;
}
.main_fox div ul ul{
    float: right;
    width:25em;
}
.main_fox div ul ul strong{
    color: #fff;
    line-height: 5em;
}
.main_fox div ul ul p{
    width: 22em;
    line-height: 1.6em;
    color: #fff;
}
.main_fox div dt li{
    float: left;
    width: 7em;
    margin-left: 0.5em;
}
.main_fox div dt li img{
    width:6.06em;
    height:6.06em;
}
.main_fox div dt li p{
    font-size: 0.75em;
    font-weight: bold;
    color: #fff;
    display: block;
    text-align:center;
    height: 3em;
    line-height: 3em;
}
.floot{
    background: #313439;
    padding-bottom: 2em;
}
.floot div{
    width:30em;
}
.floot div p a{
    color:#fff;
    font-weight: bold;
    text-decoration: none;
}
.floot div p{
    width: 30em;
    line-height: 4em;
    text-align: right;
    height: 4em;
}
.floot div ul li{
    margin-left: 4.3em;
    width:6.375em;
    height: 6.375em;
    float: left;
}
.floot div ul li img{
    width:6.375em;
    height: 6.375em;
}
.floot div ul{
    height:9em;
    margin-bottom: 2em;
}
.floot div strong{
    text-align: center;
    line-height: 2em;
    font-size: 0.75em;
    color: #fff;
    display: block;
}
.floot div strong a{
    color:#fff;
    text-decoration: none;
}

.title2 {
   background-color: #e60012;
    color: #fff100;
    font-family: "Microsoft YaHei","微软雅黑","宋体";
    font-size: 17px;
    height: 50px;
    letter-spacing: 1px;
    line-height: 50px;
    margin: 8px auto auto;
    overflow: hidden;
    padding-left: 5px;
    text-align: center;
    width: 99%;
    font-weight:bold;
}
.datu {
	text-align:center;	
	margin-top:5px;
}
.datu img{
    margin: 0 auto;
    max-width: 90%;
    padding: 3px;
}
.con1{max-width: 90%; padding:10px; text-indent:1em;; margin:0 auto}
.con1 span{ color:#333; font-size: 14px; line-height:28px}
.kkzx{ width: 200px; height: 38px; margin: 0 auto; background: #fa7800; border-radius: 10px;}
.kkzx p{ line-height: 36px; color: #fff; text-align:center; font-size: 14px;}
.con1{max-width: 90%; padding:10px; text-indent:1em;; margin:0 auto}
.con1 span{ color:#333; font-size: 14px; line-height:28px}
.kkzx{ width: 200px; height: 38px; margin: 0 auto; background: #fa7800; border-radius: 10px;}
.kkzx p{ line-height: 36px; color: #fff; text-align:center; font-size: 14px;}
.h1{width: 90%; border-bottom: #fa7800 1px dashed; margin: 0 auto;}
.h1 h1{ font-size:16px; text-align: center; color: #e60012;}
.h2{ font-size:18px; text-align: center; color: #7f2d00;}
.con2{ width: 90%; margin: 0 auto;height: 40px;}
.con2 li{ width: 30%; height: 40px; background: #fa7800; list-style: none; float: left; margin-right:5%;}
.con2 li p{ font-size:14px; line-height: 40px; text-align: center;}
.con2 li p a{color: #fff;}