@charset "gb2312";
/* CSS Document */
*{margin:0px;padding:0px}
html{-webkit-text-size-adjust:none;word-wrap:break-word}
body{font-family:"΢ÈíÑźÚ"; line-height:1.4rem; background:#f2f2f2}
ol,ul{list-style:none}
img{border:0;width:100%;-ms-interpolation-mode:bicubic}
a{color:#000;text-decoration:none;cursor:pointer}
.dis{display:block}
.undis{display:none}
.overflow{overflow:hidden}
.clear{clear:both;visibility:hidden}
.l{float:left;display:inline}
.r{float:right;display:inline}
.c{text-align:center}

@media only screen and (max-width:309px){html{font-size:9.375px}}
@media only screen and (max-width:319px) and (min-width:310px){html{font-size:9.6875px}}
@media only screen and (max-width:349px) and (min-width:320px){html{font-size:10px}}
@media only screen and (max-width:359px) and (min-width:350px){html{font-size:10.9375px}}
@media only screen and (max-width:374px) and (min-width:360px){html{font-size:11.25px}}
@media only screen and (max-width:399px) and (min-width:375px){html{font-size:11.718px}}
@media only screen and (max-width:413px) and (min-width:400px){html{font-size:12.5px}}
@media only screen and (max-width:469px) and (min-width:414px){html{font-size:12.9375px}}
@media only screen and (max-width:479px) and (min-width:470px){html{font-size:14.6875px}}
@media only screen and (max-width:539px) and (min-width:480px){html{font-size:15px}}
@media only screen and (max-width:559px) and (min-width:540px){html{font-size:16.875px}}
@media only screen and (max-width:569px) and (min-width:560px){html{font-size:17.5px}}
@media only screen and (max-width:629px) and (min-width:570px){html{font-size:17.8125px}}
@media only screen and (max-width:639px) and (min-width:630px){html{font-size:19.6875px}}
@media only screen and (min-width:640px){html{font-size:20px}.viewport{max-width:640px}}
.viewport{width:32rem;margin:0 auto;overflow:hidden}
.bgb1{ background:#1f272a}
.lbox{width:56%; float:left; margin:1% 0 0}
.l2{ margin:2% 0 0}
.rbox{width:42%; float:right;position:relative;}
.Dn-index-img2 { width:98%; display:block; margin:2% 0 0;}
.Dn-index-img777 { width:90%; position:absolute; top:5%; left:5%;animation: 9.5s linear 0s normal none infinite rotate;
-webkit-animation:9.5s linear 0s normal none infinite rotate;}
@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}
.kec{padding:1rem;font:normal 1rem/2rem '΢ÈíÑźÚ';color:#FFF;text-align:center}
.kec h1{font:normal 1.5rem/3rem '΢ÈíÑźÚ';}
.kec small{font-size: 1.4rem;text-align: center;color: #fff;padding: 2.4rem 0;line-height: 2rem;background: url(xj_18.jpg) center no-repeat;}}
tr td a{color:#FF0}
.zx{width:15rem; margin:1.5rem auto}
.zx a{ display:block;width:15rem; height:3rem;font:normal 1.5rem/3rem '΢ÈíÑźÚ'; background:#27e9fa;color:#100c0b}
.p1{padding:1rem;font:normal 1rem/1.8rem '΢ÈíÑźÚ';}
.p1 span{ color:#F00}
ol,ul{list-style:none}
li {list-style: none;}
/********ÔÚÏß±¨Ãû***********/
.zdfd{width:100%; height:4rem; position:fixed; z-index:1000; bottom:0;}
.zdfd ul li{float:left; text-align:center;font:1.4rem/4rem '΢ÈíÑźÚ'; color:#fff;width:33%; height:4rem; }
.zdfd ul li.zx1{background:#3e3a39;}
.zdfd ul li.tel{background:#ff6b00;}
.zdfd ul li.qq{background:#3e3a39;}
.lmtt{height:1.8rem; padding:0.75rem 1rem; font:1.4rem/1.8rem '΢ÈíÑźÚ'; color:#575757}
.lmtt i{width:0.3rem; height:1.25rem; display:block; float:left; margin:0.2rem 0.5rem 0 0; background:#018bd1}
.lmtt .cka{height:1.8rem; padding:0 0.8rem; font:1.2rem/1.8rem '΢ÈíÑźÚ'; color:#fff; display:block; float:right; background:#ff6b00; border-radius:2px}
.zxbm{padding-bottom:1rem}
.zxbm p{font:1.4rem/2rem '΢ÈíÑźÚ'; padding:0.7rem 0; text-align:center; color:#575757}
.zxbm p span{color:#e60012}
.zxbm input{width:26rem; height:2rem; display:block; margin:0.5rem auto 0; padding:0.5rem 1rem; border:#959595 solid 1px; border-radius:5px; font:1.3rem/2rem '΢ÈíÑźÚ'; color:#575757}
.zxbm select{width:28rem; height:3.25rem; display:block; margin:0.5rem auto 0; padding:0 0.5rem; border:#959595 solid 1px; border-radius:5px; font:1.3rem/2rem '΢ÈíÑźÚ'; color:#575757; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url(/2017_tpl/ui/ggzd_select.png) no-repeat scroll right center transparent; background-size:3.25rem}
.zxbm select::-ms-expand{display:none}
.zxbm select option{font:1.3rem/2rem '΢ÈíÑźÚ'; color:#575757; padding-left:1rem}
.zxbm .btn{width:10rem; height:3rem; display:block; margin:1rem auto 0; background:#ff6b00; border-radius:5px; font:1.5rem/3rem '΢ÈíÑźÚ'; color:#fff; text-align:center}
.backtop{width:32rem; height:3rem; margin:0 auto; background:#c2c2c2 url(/2017_tpl/ui/ggzd_top.png) no-repeat center; background-size:2rem}
.backtop a{width:32rem; height:3rem; display:block}

.ggzd{width:32rem; height:4rem; padding:0.5rem 0; margin:0 auto 5rem; color:#959595; text-align:center}
.ggzd .p1{font:1.3rem/2rem '΢ÈíÑźÚ'}
.ggzd .p2{font:1.2rem/1.5rem '΢ÈíÑźÚ'}

.gzd{ display:block;width:10rem; height:3rem; float:left; margin:11rem 0 0 11rem;}

.zt022 {width: 32rem;margin: 0 auto;}
.zt022 h2{height: 3rem;line-height: 3rem;color: #282828;font-size: 1.5rem;text-align:center}
.zt022 h3{font-size: 1.4rem;text-align: center;color: #fff;padding:1.4rem 0;line-height: 2rem;background: url(dq_06.jpg) center no-repeat;}
.zt022 h4{font-size: 1rem;text-align: center;color: #100c0b;padding:1rem 0;line-height: 2rem;background: url(cad_40.jpg) center no-repeat;}
.zt022 ul{width: 31rem;margin: 0 auto;overflow: hidden;}
.zt022 ul li{float: left;width: 9rem;margin:0 1%;}
.zt022 ul li img{width: 5rem;margin:0 20%;}
.zt022 ul li:nth-child(even){margin-right: 0;}

.zt022 ul li p{color: #363636;font-size: 0.8rem;text-align: center;line-height:2rem;width:9rem;}
.zt022 ul li p span{color: #100c0b;font-size:1.2rem;text-align: center;}

.zxbut1 {display: block;width: 50%;margin: 0.6rem auto; border-radius:20px;padding: .6rem; text-align: center;color: #fff;font-size: 1.0rem;background: #fb2c03;}
.zxbut {display: block;width: 50%;margin: 1.3rem auto; border-radius:20px;padding: .6rem; text-align: center;color: #100c0b;font-size: 1.4rem;background: #27e9fa;}
.container{width:98%;margin:0 auto;}
.container h1{    height: 3rem;
    line-height: 3rem;
    color: #282828;
    font-size: 1.5rem;
    text-align: center;}
.container h1 p{text-align:left;font-size:.38rem;}
.container h1 font{color:#000;text-align:center;font-size:0.4rem;-moz-box-flex:1; font-weight:bold;}
.container h2{color:#7e7e7e;text-align:center;font-size:0.35rem;-moz-box-flex:1;line-height:0.4rem;margin-top:0.3rem;}
.container h2 p{font-size:.24rem;}
.container h2 span{background-color:#0ab2cc; color:#FFF;}
.container h5{font-size: 1rem;text-align: center;color: #100c0b;padding:1rem 0;line-height: 2rem;background: url(cad_40.jpg) center no-repeat;}
.container p{font-size:0.3rem;}
.yuanjiao{color:#7e7e7e;border:1px solid #7e7e7e; border-radius:0.3rem; padding:0.07rem 0.4rem;}
.ys ul li{width:44%; margin:1%; background-color:#d00e31; padding:1%; float:left; color:#FFF; border-radius:0.2rem; padding-left:3%;}
.zixun ul li{width:50%; float:left;text-align:center;color:#FFF; padding:1.5% 0}

.teac li{width:48%; float:left; margin:0 0.1%;}
.teac li p{font-size:0.2rem;margin-top: .1rem;text-align: center; color: #ffffff;}
.teac h3 { color: #ffffff;margin-top: .2rem;border-bottom: .01rem solid #ffffff;text-align: center;}