/* CSS Reset*/
html { font-family:"微软雅黑", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; }
body { margin: 0; font-size:0.2rem;color: #000; background-color: #fff; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
a { background: transparent; text-decoration: none; color: #000; }
a:active { outline: 0; }
b, strong { font-weight: bold; }
dfn { font-style:normal;}
img { border: 0; vertical-align: middle; }
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */
    outline: none;
}
input,textarea,button { border: 0; margin: 0; padding: 0; font-family:"微软雅黑", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;}
.clear{clear:both;}
textarea { resize: none;}
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */
/*Reset End*/
/*font字体*/
@font-face {
    font-family: "iconfont";
    src: url('iconfont.eot?t=1479275025734'); /* IE9*/
    src: url('iconfont.eot?t=1479275025734#iefix') format('embedded-opentype'), /* IE6-IE8 */
    /*url('iconfont.woff?t=1479275025734') format('woff'), *//* chrome, firefox */
    url('iconfont.ttf?t=1479275025734') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('iconfont.svg?t=1479275025734#iconfont') format('svg'); /* iOS 4.1- */
}

.icon {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-xuanze:before { content: "\e636"; font-size:1.5em;color:#fff; }

/**/
.logo{width:3.76rem; margin:0 auto;border-bottom:1px #eee solid;margin:0 auto;text-align:center;background-color:#fff}
.logo img{width:100%}
.container{ width:6.4rem; height:auto;margin:0 auto;}
.index_img{ width:6.4rem; position:relative}
.index_img img{width:100%}
.index_img span{ display:block; position:absolute; bottom:0.79rem; width:100%; height:1.66rem; cursor:pointer}
.bq{font-size:0.12rem; padding-top:0.1rem; text-align:center}

.box{ position: relative;}
.index_bg{ position: relative;}
.index_bg span{ position: absolute; top:24%; z-index: 100; display: block; width: 100%; margin: 0 auto; text-align: center; color: #fff; font-size: 1.5em }
#wenti1_img,#wenti1_img img{width:100%}

.tongyi_style{ position: absolute; top: 31%; text-align: center; width: 100%;}
.tongyi_style h2{width: 100%;display:block; margin:0 auto;text-align: center; color: #024497; font-weight: normal;font-size: 0.44rem;line-height:.6rem; }
#diyi li{ position: relative; width:23%; margin:9% 1% 0;  cursor: pointer; float:left}
#diyi li img,#dier li img,#disan li img{ width: 100%;}
#diyi li i,#dier li i,#disan li i{ position:absolute; top:71%; left:62%; z-index: 100;}
#diyi li span.icon_bg,#dier li span.icon_bg,#disan li span.icon_bg{ display: block; background: #024497;position: absolute; top:74%; left:92.5%; width:1.65em; height: 1.65em; border-radius: 1.65em; z-index:9;}
#diyi li strong{ position: absolute; top: 105%; left: 18%; font-weight: normal; color: #333;z-index: 10; display:none;}
#dier li{position: relative; width:30%; margin: 0 auto;margin-top: 1em;  cursor: pointer; margin-top: 10%; margin-left:12%; float:left}
#dier li strong{ position: absolute; left:43%; top:25%;  font-weight: normal; color: #fff; z-index: 10}
#dier li i{top: 65%;}
#dier li span.icon_bg{top:63%}
#disan li{width:28%; margin:8% 0 0 4%; position: relative; cursor: pointer; float:left}
#disan li i{top:71%; left:62%;}
#disan li span.icon_bg{top:78%; left:93.5%; }
#diyi2 li{ position: relative; width:42%; margin:9% 0 0 5%;  cursor: pointer; float:left}
/*结果*/
.result_wrap{position: relative;}
.result_one{ }

.zd{ width:100%; height:auto;position: absolute; top: 30%; left: 5%; width: 90%; margin: 0 auto; font-family:"微软雅黑 !important" ;}
.zd > li{ display:none}
.zd li h3{ box-sizing:border-box; line-height:0.4rem; font-size:0.28rem; color:#000; margin:0 auto; padding:0.2rem 0 0.2rem 1.5rem;}
.zd li h3 font{ width:2rem; height:0.4rem; color:#fff; background:url(../images/r_13.png) no-repeat 1.48rem center #f00020; display:block; text-indent:0.24rem; float:left; margin-right:0.2rem;}
.zd li .al{ width:100%; height:auto; margin:0 auto; background:#f2f2f2; padding:0.25rem 0 0.3rem;}
.zd li .al_ts{ width:5.4rem; height:auto; margin:0 auto; font-size:0.16rem; color:#333; line-height:0.26rem;}
.zd li .al_ts font{ color:#ff3203;}
.zd li .al_con{ width:5.38rem; height:auto; position:relative; border:1px solid #dadada; margin:0.4rem auto 0.3rem;}
.zd li .al_con dl{ width:2.02rem; height:0.32rem; line-height:0.32rem; font-size:0.2rem; text-align:center; position:absolute; left:50%; margin-left:-1.01rem; top:-0.16rem; border:1px solid #dadada; background:#f2f2f2;}
.zd li .al_con ul{ width:5.31rem; height:auto; margin:0 auto; padding-top:0.38rem;}
.zd li .al_con ul li{ width:1.55rem; height:auto; float:left; margin:0 0.11rem; line-height:0.5rem; text-align:center;}
.zd li .al_con ul li img{ width:100%;}
.zd .zxqz{ width:4.6rem; height:0.38rem;  line-height:0.38rem; background:url(../images/por_21.png) no-repeat 4rem bottom #e62c20; color:#fff; display:block; margin:0 auto; font-size:0.18rem; text-align:center; border-radius:0.38rem; background-size:0.26rem;}
.zd .zxqzs{ width:4.6rem; height:0.38rem;  line-height:0.38rem; background:url(../images/por_21.png) no-repeat 4rem bottom #e62c20; color:#fff; display:block; margin:0 auto; font-size:0.18rem; text-align:center; border-radius:0.38rem; background-size:0.26rem;margin-bottom:.5rem;}
/*.result_one .result_one_fs{background: url("../images/biaozhi.jpg") left 0.2em  no-repeat; padding-left:0.3rem; margin-top:0.4rem; color: #024497; font-size:0.24rem}
.result_one .result_one_fs .result_one_fs_size{ font-size:0.23rem;}*/
.result_one .result_one_fs strong{background: #2b6ab9; color: #fff; padding: 0 0.2rem}

.nav-bk{width:100%;height:0.55rem;background-color:#fff;border-bottom:1px #eee solid}
.nav-bk .nav{width:100%;height:0.55rem;margin:0 auto;overflow:hidden}
.nav-bk .nav ul li {width: 15%;height: 0.18rem;border-right: 1px #ddd solid;float: left;text-align: center;list-style-type:none;}
.nav-bk .nav ul li a {font: 14px/1.6;line-height: 0.18rem;font-weight: bolder;text-decoration:none;}
.nav-bk .nav ul li .nav-a {color: #b8881a;}

.biaodan{width:5rem; margin:0.2rem auto 0}
.biaodan p{ margin-top:0.15rem;}
.biaodan span{width:0.8rem; text-align:right; display:inline-block; color:#024497;}
.biaodan input[type="text"]{width:3.8rem; height:0.4rem; line-height:0.4rem; border:1px solid #024497; background:none; border-radius:0.05rem; padding:0 0.1rem; box-sizing:border-box; -webkit-border-radius:border-box; -o-box-sizing:border-box;}
.biaodan input[type="submit"]{width:3rem; height:0.4rem; background:#024497; color:#fff; font-size:0.2rem; border-radius:5px; margin:0.1rem 0 0 1rem; cursor:pointer}

/*弹窗*/

.theme-popover-mask {width:100%; height:100%;position:fixed;top:0; left:0;background:#000;z-index: 999;opacity:0.5;filter:alpha(opacity=50);display:none;}
.theme-popover {z-index:9999;position:fixed;top:50%;left:50%;width:5rem;height:5.3rem;margin:-2.65rem 0 0 -2.5rem;display:none;
}

.zc_con{ width:4.84rem; height:5.14rem; padding:0.08rem; background:#c4e8fe; margin:0}
.zc_tit{ font-size:0.26rem; color:#034fa5; text-align:center; line-height:0.54rem;}
.zc_nr{ width:4.64rem; height:4.4rem; background:#f5fdff; padding:0.1rem; font-size:0.16rem; line-height:0.28rem;}

.close { width:0.2rem; height:0.2rem; line-height:0.2rem; text-align:center; background:#000; opacity:0.4;color:#fff; text-shadow:0 1px 0 #ddd; border-radius:0.2rem; cursor:pointer; position:absolute; top:0; right:0;}



.zjtj{ margin:0.3rem auto 0.5rem;}
.zjtj .zjtd_tit{ width:3.7rem; height:0.5rem; line-height:0.5rem; margin:0 auto 0.15rem; font-size:0.3rem; color:#5d7ebd; text-indent:0.5rem; background:url(../images/d_09.png) no-repeat 3.3rem center; border-bottom:1px solid #5d7ebd; background-size:0.28rem;}
.zjtj .zjtd_tit font{ color:#e62c20;}
.zjtj .zjtd_con{ width:100%; height:2.83rem; position:relative;}
.zjtj .zjtd_con .js{ position:absolute; left:0.4rem; top:0.3rem;}
.zjtj .zjtd_con .js h4{ color:#5d7ebd; font-weight:100; font-size:0.2rem; line-height:0.4rem;}
.zjtj .zjtd_con .js h4 font{ font-size:0.3rem; margin-right:0.15rem;}
.zjtj .zjtd_con .js h5{ font-size:0.18rem; color:#1f1e1e; background:#eee; display:inline; padding:0 0.1rem;}
.zjtj .zjtd_con .sc{ width:100%; height:1.62rem; background:#5d7ebd; position:absolute; bottom:0; color:#fff; box-sizing:border-box; padding:0.2rem 2.6rem 0 0.4rem; font-size:0.17rem;}
.zjtj .zjtd_con .zj_img{ width:2.19rem; height:2.83rem; position:absolute; right:0.25rem; top:0;}
.zjtj .zjtd_con .zj_img img{ width:100%;}

.cgal_tit{ width:2.9rem; height:0.32rem; line-height:0.32rem; background:#e4e4e4; font-size:0.2rem; margin:0 auto 0.25rem; text-align:center;}
.cgal_con{margin-bottom:.2rem}
.cgal_con ul{}
.cgal_con ul li{}
.cgal_con ul li div{ width:5.39rem; height:auto; margin:0 auto;}
.cgal_con ul li div img{ width:100%;}
.cgal_con ul li div p{ text-indent:2em; color:#333; line-height:0.24rem; padding:0.1rem 0;}
.cgal_con ul li div p font{ color:#e62c20;}
.cgal_con ul li.tw{ background:#efefef; padding-top:0.15rem;}

.zc_zx{ width:5.52rem; height:0.4rem; line-height:0.4rem; margin:0.4rem auto;}
.zc_zx a{ width:2.58rem; height:0.4rem; float:left; margin:0 0.08rem; background:#e62c20; border-radius:0.4rem; color:#fff; font-size:0.18rem; text-align:center;}
.zc_zx a.dhgt{ background:#a0a0a0;}