@charset "utf-8";
/* CSS Document */
*{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;
}


.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;
}
.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;
}
.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;
}

/* jnjxl_zy */
.jnjxl_zy_top{width:100%;margin:auto;text-align:center;}
.jnjxl_zy_top h1{font-size:18px;margin-top:0;line-height:30px;}
.jnjxl_zy{background:#f6f6f6;}
.jnjxl_zy_tabhead{background:#e1e1e1;margin-top:15px;}
.jnjxl_zy_tabhead ul{width:100%;margin:auto; }
.jnjxl_zy_tabhead ul li{line-height:30px;text-align:center;width:100%;}
.jnjxl_zy_tabhead ul li:hover{background:#FF0;}
.jnjxl_zy_tabhead a{color:black;font-size:16px;}
.jnjxl_zy_content{width:100%;margin:auto;}
.jnjxl_zy_content div{display:none;}
.jnjxl_zy li.selected{background:white;}
.jnjxl_zy div.selected{display:block;}
.jnjxl_zy_tabhead_num{ background:#ee7800}
.jnjxl_zy_content div ul li{float:left;line-height:25px;margin-top:10px;padding-bottom:20px;}
.jnjxl_zy_content div ul li:first-child{width:100%;}
.jnjxl_zy_content div ul li:nth-child(2){width:100%;margin-left:0px;}
.jnjxl_zy_content div ul li:last-child{width:100%;margin-left:0px;}
.jnjxl_zy_content div ul li h2{text-align:center;font-size:16px;font-weight:normal;}
/* jnjxl_zy */

/*底部悬浮框 */
.footer { text-align: center; font-size:16px;width: 100%; clear: both; height:130px; background:#FF8C01; }
.footer p { color: #fff; line-height:38px;}
.footer p a { color: #fff; padding: 0 10px; }
.footer p span a { color: #fff }
.bottom_adr {background:url(../images/bottom_adr.gif)left .35rem; background-size: 100% auto; width:16px;height:.35rem;display: inline-block; color: #ee7800 }
.bottom_qq {background:url(../images/bottom_qq.gif) left .35rem; background-size: 100% auto; width:16px;height:.35rem;display: inline-block; color: #ee7800 }
.user-info { background: #f3f3f3; width: 100%; float: left ; height:60px;}
.user-info li { width: 20%; text-align: center; float: left; display: inline; box-sizing: border-box }
.user-info li img { width:26px;height:26px;margin-top:2px; margin:0 auto;}
.user-info li p {font-size:16px; color: #ee7902; line-height:28px }
.com-client { position: fixed; width: 100%; left: 0; bottom: 0; z-index: 100; }
.com-client .con {padding:.02rem .1rem .04rem 0; position: relative; z-index: 1; }
.com-client .bg { background: #004988; opacity: .6; height:.96rem;width: 100%; position: absolute; z-index: 0; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); }
.com-client span { display: block; }
.com-client span.cli-txt { text-align: left; float: left; padding-top:.2rem}
.com-client span.cli-txt p { line-height: 150%; font-size:.22rem;color: #fff; }
.com-client span.cli-txt p strong { line-height: 150%; font-size:.32rem;color: #fff; }
.com-client .cli-btn { text-align: right; width: 2.1rem; float: right; }
.com-client .cli-btn .pop-btn-client { text-align: center; background: url(../images/call.png) center top no-repeat; background-size: 100% auto; width: 2.2rem; height:.81rem;display: block; }
.nav_h4{ font:0.8em/35px "Microsoft YaHei"; text-align:center; margin-top:10px;}
.nav_h4 a{ background:#F97F12;padding: 8px 15px;border-radius: 5px; color:#FFF;}