body{font-size: 1.2rem;
    line-height:1.5; /*background:#f9f4de;*/}
ul,dl,h1,h2,h3,h4{padding:0px; margin: 0px;}
.left15{margin-left:-15px;}
/*.container{background:#fff;}*/
/*------------header logo------------*/

.htop{margin: 1px 0;}
 .htop h2{float: left; font-size: 1.8rem; height: 3rem; padding-top: 12px; font-weight: bold;}
 .htop ul,.head ul{float: right;}
 .htop  h3{display: inline-block; font-size: 1.6rem;font-weight: bold;}
.htop  ul li{display: inline-block; height: 3rem; padding:12px 15px 0 15px;}
.htop li+li{border-left:1px solid #ccc;}
header{margin-top: 35px;}
header .head ul li{display: inline-block;}
header .head{margin-top: 15px;}
.hwx{cursor: pointer; }
.hwx img{
    position: absolute;
    z-index: 999;
    margin-left: -20px;
    width: 200px;
    top: auto;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
overflow: hidden;}
.hwx:hover img{opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;}

.marquee {white-space: nowrap; overflow:-webkit-marquee;/* 只有设置为marquee才有滚动效果 */
    width: 170px;/* 不是必须的 */
    -webkit-marquee-direction:left;/* 文字滚动方向 可选值为left | right | up | down */
    -webkit-marquee-speed:normal;/* 文字滚动速度 可选值为slow | normal | fast */
    -webkit-marquee-style:scroll;/* 文字滚动方式 可选值为scroll | slide | alternate */
    -webkit-marquee-repetition:1;/* 文字滚动次数 number | infinite ， infinite即无限次循环滚动 */
}
.lanmu{font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; color: #fff; margin-top: 5px;}
/****------导航------****/
nav{background-color: #007AFF; }
.nav li{font-size:14px; font-weight: bold; }
.nav li a{color:#fff;}
.nav li a:hover{color:#000;}
.mlist ul{font-size: 14px; padding:10px 0 5px;  font-weight: bold;}
.mlist ul li+li{border-left: 1px solid #ccc;}
/*****----container1-----****/
.banner{margin: 15px 0; }
.bright{    border:2px solid #c0a16b;height: 230px;}
.bright p{margin-top:10px;width: 100%; }
.bright img{float:left; margin: 10px 15px 0 15px; height: 165px;}

#owl-demo {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
#owl-demo .item {
    display: block;
}
#owl-demo img {
    display: block;
    width: 100%;
    border: 0 none;
}
#bar {
    width: 0%;
    max-width: 100%;
    height: 4px;
    background: #7fc242;
    overflow: hidden;
}
#progressBar {
    width: 100%;
    background: #ededed;
}

.ystjs{
    margin: -1.3em 0 1.6em 0; border:1px solid #007AFF;
}
.ystjs img{padding:10px 0; border-radius: 5%;}
.ystjs p{line-height: 2.7; font-size: 1.4rem; text-indent: 2em;}
/*----tztg gundong -------*/
.scrollbox{ width: 375px; overflow: hidden;}
#scrollDiv{width:375px;height:211px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv ul{width: 100%;  margin-left: -10px;}
#scrollDiv li{ width:350px; list-style: circle; overflow:hidden; vertical-align:bottom; zoom:1; line-height: 2;}

.scroltit{height:26px; line-height:26px; padding-bottom:4px; margin-bottom:4px; margin-right: 20px;}
.scroltit .updown{float:right; width:32px; height:22px; margin-left:4px}
#but_up{ background:url(../images/up.gif) no-repeat 0 0; text-indent:-9999px}
#but_down{ background:url(../images/down.gif) no-repeat 0 0; text-indent:-9999px}

/*----tztg gundong end-------*/
/*****------ads-------****/
.ads,.in9{margin: 5px 0;}
.ads img{width: 100%;}
.fwys,.fwysl{margin:8px 0; text-align: center;}
.fwys h1{/*color:#d3111c;*/ color:#007AFF;margin-top: 15px; font-size:40px; font-weight:bold;}
.fwysl ul{ overflow:hidden;}
.fwysl ul li{ display: inline-block; width:24.5%; text-align:center; margin-bottom:20px; overflow:hidden}
.fwysl ul li .wp1_imgbak{width:192px;height:192px; border:#007AFF 2px solid; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius:50%; text-align:center; margin:0 auto;}
.fwysl ul li .wp1_img{width:176px;height:176px; background-color:#007AFF; color:#fff; text-align:center;font-size:20px; margin:8px auto; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; transition: all 0.3s ease 0s;
}
.fwysl ul li .wp1_img .stn{ display:block;font-size:44px;padding-top:15px; }
.fwysl ul li .wp1_img .sts{font-size:32px;}
.fwysl .wp1_con{ text-align:center;line-height:27px;color:#595959;width:300px; margin:29px auto 0 auto; }
.fwysl .wp1_con .stn,.wp1_con .stnx{ display:block;font-size:23px; color:#007AFF;}

.fwysl ul li.wp1_imgbak:hover{background-color:#FFFFFF;}
.fwysl ul li .wp1_img:hover{background:#985f0d; color:#fff;-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);}
/*****-----index3-----****/
.index3,.index4,.khal{margin:10px 0;}
.khal .khzs{margin-top: 15px;}

.index3 h1,.index4 h1,.khal h1{font-size: 2rem; font-weight: bold; padding: 12px 5px; border-bottom: 1px solid #985f0d; }
.index3 h1 a,.index4 h1{color: #007AFF;}
.index3>div{border: solid 1px #ccc; width: 32.7%;}
.index3 div+div,.index4 div+div{margin-left: 10px;}
.index3 ul,.in4l ul{padding-left: 15px;}
.index3 ul li{line-height: 2; font-size: 1.5rem; }
.index3 .gsqm{list-style: none; margin-left:-25px;}
.gsqm li{display: inline-block;padding-left:10px;}
/*****-----index4-----****/
.khal01{width: 100%; overflow: hidden; border: 1px solid #007AFF; margin:15px 0;}
.hleft{float:left; width: 40px;
    writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
    writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
background: #007AFF; color: #fff; height: 185px; font-size: 2rem; text-align: center; padding-left: 8px;}
.alzs1{width: 95.5%}
.alzs1 img{width: 195px; height: 150px;}
.khal{border: solid 1px #ccc;}
.khal .khul ul{list-style: none; margin-left:0px;}
.khul ul li{width: 24.5%; display: inline-block; padding: 10px;}
.khul ul li img{width: 95%;}
.index4 div{border:1px solid #ccc;}
/*****-----in9-----****/
.in9{border:2px solid #007AFF;}
.in9 img{width: 198px; height: 142px; padding: 5px;}
.in9 img+img{padding-left:8px;}
.in9 h1{background-color: #007AFF; height: 142px; margin-left:-15px;padding-top: 15px;
    color:#fff; width: 5rem; line-height: 5rem;   font-size: 2rem; text-align: center;}
/******------flink-----****/
.flink{border: solid 1px #d43f3a;
    margin:5px 0;}
.flink a{line-height: 2; font-size: 1.5rem;}
.flink a+a{padding-left:7px;}
/*********/
/*********/
/*********/
/*********/
/*********/
/*********/

/**---------footer---------**/


/****-------footer---------****/
footer{margin:15px 0;  color: #000; background-color: #ccc;text-align: center; padding-bottom:25px;}
footer p{line-height: 2em;}
.wx-list{text-align: center; width: 360px; list-style: none; padding-bottom: 15px; margin: 0; margin-left: 35%; }
.wx-list li{float: left;}
.wx-list li+li{padding-left:100px}
.wx-list li img{max-width: 120px;}

/*---------media----------*/
@media (min-width: 992px) and (max-width: 1200px) {
    .flash img{width: 100%; height: 250px;}
    .bright p{}
    .bright img{height:140px;}
    .index3 div{width: 32.6%;}
    .index4 .in4r{width: 65.9%;}
    .in9 img{width: 160px; height: 112px; padding:5px;}
    .in9 h1{width: 4rem; line-height: 4rem; height: 112px;  font-size: 2rem; text-align: center;}
}
@media (min-width: 770px) and (max-width: 992px) {
    .bright img{height:110px;}
    .bright{overflow: hidden;}
    .index3 div{width: 32.4%;}
    .index4 .in4r{width: 65.9%;}
    .in9 img{width: 120px; height: 82px; padding:5px;}
    .in9 h1{width: 3rem; line-height: 3rem; height: 82px;  font-size: 1.5rem; text-align: center;}
}
@media (min-width:641px) and (max-width: 769px) {
    header .mbhd{
        height:66px; background-color: #007AFF}
    header img{width: 170px; height: 66px; }
    header .navbar-toggle{border:1px solid #fff;}
    header button span{border-bottom: 1px solid #fff;}
    .bright{height: auto; margin-top: 10px;}
    .bright img{height: 150px;}
    .bright p{line-height: 2;}

    .index3 div,.index4 div{width: 100%;}
    .index4 .in4r{width:100%;margin-left: 0px; margin-top: 5px;}
    .index3 div+div{margin-left: 0px; margin-top: 10px;}

    .in9 img{width: 132px; height: 82px; padding:5px;}
    .fwysl ul li{ display: inline-block;width:49%;}

}


@media (max-width: 640px) {
    .htop h2{color: #007AFF;}
    .htop  ul li{padding:12px 2px; color:#007AFF;}
    header .mbhd{
        height:66px; background-color: #007AFF}
    header img{width: 170px; height: 66px; }
    header .navbar-toggle{border:1px solid #fff;}
    header button span{border-bottom: 1px solid #fff;}
    .fwys h1{ font-size:30px; }
    .fwysl ul li{ width:48%; }
    .fwysl ul li .wp1_imgbak{width: 160px; height: 160px;}
    .fwysl ul li .wp1_img{width: 140px; height: 140px;}
    .fwysl ul li .wp1_img .stn{ display:block;font-size:35px;padding-top:10px; }
    .fwysl ul li .wp1_img .sts{font-size:22px;}
    .fwysl .wp1_con{ width:100%; }
    .wp1_con .stnx{font-size: 20px;}
    .bright{overflow: hidden;}

    .khal01 .hleft{height: 145px;}
    .khal01 .alzs1 img{height: 110px;}

    .index3 div,.index4 div{width: 100%;}
    .index4 .in4r{width:100%;margin-left: 0px; margin-top: 5px;}
    .index3 div+div{margin-left: 0px; margin-top: 10px;}

    .in9 img{width: 110px; height: 62px; padding:5px;}
    .fwysl ul li{ display: inline-block;width:49%;}
    
    .wx-list{ margin-left: 14%; }
    .wx-list li+li{padding-left:20px}

}