﻿/*电脑屏幕自适应css*/
*{margin: 0 auto;}
img{border:0px; max-width:100%; height:auto;}
input[type="submit"],
input[type="reset"],
input[type="button"],
select,

input{padding-left: 5px;}
ul,li{list-style-type: none; padding: revert;}
a {text-decoration: none; color: #333; }
a {font-family: -apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;}
body{color: #333; font-family: -apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;}
header{height: 232px;background: #FFF;/*background: #E6E6E6;*/ width: 100%;}
.clear{clear: both;}
.headtop{height: 30px; background: #F4F3EF; padding:0 45px;}
.headtt{width: 92%;margin: 50px auto;text-align:center;}
.zi{font:12px/30px "微软雅黑";color: #e67e22;}
.lianxiwm-left{font:13px/30px "微软雅黑"; float: left; color: #e67e22;}
.lianxiwm-left a{color:#e67e22;}
.lianxiwm-right{font:13px/30px "微软雅黑"; float: right; color: #e67e22;}
.lianxiwm-right a{color:#e67e22;}
.headtt1{margin-top: 50px;}
.fanguai{display: block; width: 12px;height: 12px;background: #2DA5C1; float: left; margin-right: 6px; margin-top: 2.5px;border-radius: 6px;}
.logo{margin-top: 15px;}
.main{width: 100%;background: #FFF;}
.maintout{width: 76%;margin: 0 auto;}
.maintop{padding-top: 5px;width: 96%;text-align: center;}
.maintopleft img{border-radius: 10px;}
/*.maintopleft{float: left;}
.maintoprigh{margin-left: 20px; float: left;}*/
.maintoprigh1 h1{font-size: 22px;height: 33px;letter-spacing: 1px;line-height: 33px;}
.maintoprigh2 {margin-top: 15px;}
.maintoprigh2 span{font-size: 14px; color: #e85308; margin-right: 20px;  }
.gang{color: #CCC7D2;}
.maintoprigh3 {margin-top: 40px;text-align: center;margin-left: -20px;}
.maintoprigh3 a{font-size: 13px;}
.maintoprigh3 span{background: #fff; border: 2px solid #68b30f; padding: 4px 10px;border-radius: 10px;}
.maintoprigh4{margin-top: 50px;  text-align: center; margin-left: -20px;}
.maintoprigh4 a{color: #fff;font-size: 17px;font-weight: bold;padding: 10px 30px;background: #2DA5C1;border-radius: 11px;}
.maintoprigh4 a:hover{background: #FFAD2F;}
.maindow{margin-top: 20px; }
.maindowleft{ padding-bottom: 20px; background: #fff; float: left; margin-right: 10px; border: 1px solid #E6E6E6; border-radius: 4px;}
.maindowrith{width: 80%;}
.maindowleft1{margin: 3px 15px 5px; padding: 15px 0 1px;font-weight:bold;}
.maindowleft2{text-align: center; margin-top: 35px;}
.maindowleft2 img{width: 90px;height: 90px; border-radius: 50px;}
.maindowleft3{text-align: center; margin-top: 30px;}
.maindowleft4{font-size: 13px; color: #999999;padding: 4px 15px; line-height: 1.7;}

.maindowrith1 h2{font-size: 18px;height: 30px;letter-spacing: 1px;line-height: 28px;margin-left:18px;}
.maindowrith1 span{background: #2DA5C1; color: #fff;padding: 8px 18px;font:bold 16px/35px "Lucida sans",Arial,Helvetica;border-radius: 8px;}
.maindowrith2{background: #fff; padding: 0 16px; }
.maindowrith3{text-align: center;margin-top:10px;}
h3{font-size: 17px;height: 25px;letter-spacing: 1px;line-height: 25px;text-align:center;margin:30px 0 20px 0;}
.maindowrith3 img{ max-width: 100%;vertical-align:top; padding:0px; margin:0px;}
.maindowrith4{margin-top: 2px; background: #EDF5C1; border-radius: 5px; padding: 15px;font-size: 13px;}
.maindowrith4 span{color: #FC6524;font-size: 20px;}
.maindowrith4 img{ width: 100%;border-radius: 10px;}
.maindowrith4 p{margin-top: 5px; color: #5c5d59;font-size: 12px; line-height: 1.5;padding: 8px;}
.maindowrith5{background: #F3EDD1; width: 90%; margin: 0 auto; margin-top: 20px; margin-left: 50px; }
.maindowrith5 img{position: relative; left: -40px; top:-40px; }
.mainp{color: #7a1704; font-size: 15px; margin-top: -30px; margin-bottom: 10px;}
.maindowrith5 p{ font-size: 13px;color: #535353;padding: 0px 50px; position: relative;left: -4px; top:-25px; line-height: 1.5;}
.bf2{background: #D9E5E7;}
.maindowrith6{ width: 100%; background: #ff4500; margin-top: 10px; margin-bottom: 20px; text-align: center;}
.maindowrith6 img{max-width: 85%;}
.maindowrith7{margin-top: 15px;width: 90%; margin-left: 50px; }
.maindowrith8 span{background: #2DA5C1;padding: 6px 10px; color: #fff;border-radius: 3px;font-size: 13px;}
.maindowrith9{margin-top: 10px;font-size: 13px; letter-spacing: 1px;line-height: 1.7;}
.maindowrith9 span{ color: #ff4500;  }
.maindowrith9 img{position: relative;top: 2px; margin-right: 5px;}
.js2 span{background: #2F41C5;}
.js3 span{background: #FF9A00;}
.maindowrith10{width: 90%; margin: 0 auto;}
.maindowrith10 span{color: #ff4500;font-size: 28px;}
.maindowrith10 p{display: block;font-size: 13px;line-height: 23px;margin-top: 15px;}
.dt11{background: #fff;}
.maindowrith11{width: 90%;background:  #f3edd1;font-size: 13px;line-height: 25px;}
.mr2{background: #D9E5E7;}

footer{padding:12px 0 12px; background:#313131; color:#fff; text-align:center; font-size:11px;}
footer a{color:#fff;}
footer a:hover{color:yellow;}

.xwlb{width: 98%;margin: 0 auto;  overflow:hidden; padding-top:30px;}

.xwlb ul li{line-height:30px; overflow:hidden; font-size:14px; border-bottom:#CCC 1px dashed}

.dqwz{/*height:30px; line-height:30px; overflow:hidden; */font-size:12px;}

.xwnr{ clear:both;width: 98%;margin: 0 auto;  overflow:hidden; padding-top:30px;}
.xwnr{ font-size:16px; margin-bottom:20px; text-align:center; display:block}
.xwnr .xwzw{ font-size:14px; margin-bottom:20px; font-weight:normal }
.xwnr .xwzw img{ max-width:100%}

.epages{width: 98%;margin: 0 auto;  overflow:hidden; padding-top:20px; margin-bottom:20px;color:#666; font-size:12px;  text-align:center}
.fenye{width: 98%;margin: 0 auto;  overflow:hidden; padding-top:20px; margin-bottom:20px; border-top: #CCC 1px  dashed;color:#666; font-size:12px; line-height:25px;}
.fenye a{ color:#666}

.yqlj{margin:45px 35px 0px; font-size:12px}
.yqlj span{ font-weight:bold}
.yqlj a{ padding-left:8px;}
.yqlj a:hover{ color:#f407e7;}

/*.wbtp{ width:100%; text-align:center; background:#F00; position: fixed;
    _position: absolute;
    right: 0;
    margin-right: 0;
    bottom: 0;
    z-index: 999;
    margin-top: 65px;}
.wbtp img{ max-width:100%;}*/

.divnews{margin-top:10px; line-height:27px; margin-bottom:10px;}

@media screen and (min-width: 768px) {
    .pnone{display: none;}
}
@media screen and (max-width: 1024px) {
.maintout{width: 96%;}
}
@media screen and (max-width: 768px) {
.logo img{max-width: 100%;}
header{height: 95px;}
.mnone{display: none;}
.headtt1{margin-top: 10px;}
.headtop{text-align: center;}
.maintout{width: 100%;}
.maindowleft{width: 100%;}
.maindowrith{width: 100%;}
.maintopleft{ float: none; max-width: 100%; text-align: center;margin: 0 auto;}
.maintopleft img{max-width: 98%; }
.maintoprigh2{margin-top: 20px;padding: 5px;}
.maintoprigh2 span{margin-right: 10px;}
.maindowrith5 span{background: red; width: 80%;}
.maindowrith5 p{padding-right: 10px;}
.maindowrith7{width: 95%;margin-left: 0px; margin: 0 auto;}
.maintoprigh{float: none; padding-bottom: 20px; width: 99%; margin: 0 auto; text-align: center;}
.maintoprigh1{margin-top: 18px;}
.maindowrith10{width: 100%;}
.maindowrith11{width: auto;}
.maindowleft4{padding: 6px 25px; margin-top: 10px;}
.maintoprigh4{margin-left: 0px; }
.maintoprigh4 a{padding: 10px 15px;}
.maindowrith2{padding: 0 4px;}
.maindowrith4{padding: 5px 5px;margin: 1px 5px 25px;}
.maindowrith4 img{max-width: 100%; margin-top: 5px;}
.maindowrith5{width: auto;margin-left: 45px; margin-right: 10px;}
.maindowrith8{margin-top: 20px; margin-bottom:15px;}

}
@media screen and (max-width: 320px) {
.maintoprigh3 span{padding: 4px 5px;}
.maintoprigh2 span{margin-right: 6px;}
.maindowrith5{margin-left: 40px;}
}