@charset "gb2312";
/* Style Reset */
body,p,h1,ul,li,input,img{margin:0; padding:0;}
body{margin: 0 auto;  max-width: 640px;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;}
fieldset, img {border:0;}
.clear {clear:both;width:100%;}


/* 效果CSS开始 */
.mBan2 { overflow: hidden; }
.mBan2 .slideBox{ width:100%; height:auto; position:relative; }
.mBan2 .slideBox .hd{ height: 10px; overflow: hidden; position: absolute; bottom: 4px; z-index: 1;  background: url(../images/btnBg.png) center no-repeat; margin-left:-0px;  left: 50%; padding: 4px 0px 0px 11px; }
.mBan2 .slideBox .hd ul{ zoom: 1; }
.mBan2 .slideBox .hd ul li{ float: left; width: 6px; height: 6px; background: url(../images/btn1.png) no-repeat; cursor: pointer; margin-right: 10px; }
.mBan2 .slideBox .hd ul li.on{ background: url(../images/btn2.png) no-repeat; }
.mBan2 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.mBan2 .slideBox .bd ul,.slideBox .bd ul li{width:100%!important}
.mBan2 .slideBox .bd img{ width:100%; height:auto; display:block;  }
/* 效果CSS结束 */

*手机banne*/
.banner_box{width:100%;text-align:center;}
.banner_box img{vertical-align:middle;}
/*轮播*/
.roll_img_mb_01{overflow:hidden;position:relative;}
.roll_img_mb_01 .img_box{overflow:hidden;text-align:center;}
.roll_img_mb_01 .img_box img{vertical-align:middle;min-height:100px;width:100%;}
.roll_img_mb_01 .nav_box{overflow:hidden;height:20px;position:absolute;left:44%;bottom:0px;}
.roll_img_mb_01 .nav_box li{width:10px;height:10px;font-size:1px;overflow:hidden;background:#ddd;border-radius:50px;float:left;margin:4px;}
.roll_img_mb_01 .nav_box .li_on{background:#01629a;}





/* top */
.banner{width:100%;position:relative;}
.bannerpic{display:block;width:100%;}
.topbg{width:100%;background:url(../images/topbg.jpg) 0 0 no-repeat;background-size:100% 100%;top:0;left:0; }
.logo{display:block;width:44.6875%;margin:0 auto; padding:11px 0 }
.logo img{display:block;width:100%;margin:0; padding:0;list-style:none}
.searchbtn{position:absolute;width:10.78125%;top:12px;left:2.34375%;z-index:2}
.navbtn{position:absolute;width:12.03125%;top:12px;right:2.65625%;z-index:2}
.btnbox{width:100%;position:absolute;bottom:0;left:0;z-index:2}
.btnbox li{width:33.3333%;float:left;}
.btnbox li a{display:block;width:93.8967%;margin:0 auto;height:70px;font:18px/70px 'microsoft yahei';color:#fff;text-align:center}
.btn1{background:url(../images/btn1.jpg) 0 0 no-repeat;background-size:100% 100%}
.btn2{background:url(../images/btn2.jpg) 0 0 no-repeat;background-size:100% 100%}
.btn3{background:url(../images/btn3.jpg) 0 0 no-repeat;background-size:100% 100%}
.search{width:95.3125%;left:2.34375%;top:76px;z-index:88;height:57px;border-radius:57px;border:1px solid #d6d6d6;position:absolute;background:#fff;box-shadow:0 5px 8px #e8e8e8 inset;display:none}
.text{width:70%;float:left;height:57px;border:0;background:0;font:16px/57px 'simsun';color:#c7c6c6;text-indent:1em}
.button{float:right;width:20%;height:57px;background:url(../images/searchico.jpg) center center no-repeat;border:0}
/* nav */
body{position:relative;overflow-x:hidden;}
.nav{width:220px;height:100%;position:absolute;right:0;top:0;background:url(../images/navbg.jpg) 0 0 repeat-y #f9fafb;z-index:1}
.allpage{position:relative;z-index:10;background:#fff;}
.nav li{width:100%;line-height:53px;background:url(../images/icons3.jpg) 142px 21px no-repeat;margin:0 auto;border-bottom:1px solid #d6d6d6;}
.nav li ul{border-top:1px solid #d6d6d6;background:none;width:100%;margin:0 auto;}
.nav li li{border:0;line-height:42px;background:url(../images/icons3.jpg) 162px 16px no-repeat;}
.nav li li a{display:block;width:200px;margin:0 auto;text-indent:74px;height:42px;border-bottom:1px dotted #1e84ba;font:14px/42px '??????';color:#1d83bd;}
.nav li a{display:block;width:100%;height:52px;text-indent:57px;font:16px/52px '??????';color:#1d83bd;}
.clicked{}
/* index */
.productpic{width:100%;background:url(../images/imgsbg.jpg) center center no-repeat;background-size:67.34375%;margin:2% auto 0}
.productpic li{width:33.3333%;float:left;text-align:center;font:14px/30px 'microsoft yahei';text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.imgborder1{display:block;width:79.34%;margin:0 auto;border-radius:172px;overflow:hidden;border:6px solid #17a1f5;}
.imgborder2{display:block;width:79.34%;margin:0 auto;border-radius:172px;overflow:hidden;border:6px solid #8fc600;}
.imgborder3{display:block;width:79.34%;margin:0 auto;border-radius:172px;overflow:hidden;border:6px solid #f9c525;}
.productpic li a img{display:block;width:100%;border-radius:169px;}
.newstitle{background:url(../images/titlebg.jpg) 0 0 no-repeat;width:96.5625%;margin:0 auto;height:105px;text-align:center;font:18px/115px 'microsoft yahei';color:#fff;text-transform:uppercase;background-size:100% 100%;overflow:hidden;position:relative;z-index:10}
.newsul{width:96.5625%;margin:-8px auto 0;}
.newsul li{width:100%;height:68px;background:url(../images/newsli.jpg) 0 0 no-repeat;font:16px/68px 'microsoft yahei';text-indent:4%;background-size:100% 100%;}
.newsul li a{display:block;width:70%;height:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#066ba7}

.newsul2{width:96.5625%;margin:-8px auto 0;}
.newsul2 li{width:100%;height:68px;background:url(../images/newsli2.jpg) 0 0 no-repeat;font:16px/68px 'microsoft yahei';text-indent:4%;background-size:100% 100%;}
.newsul2 li a{display:block;width:70%;height:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#066ba7}


.newsmore{display:block;width:30%;margin:0 auto;}
.newsmore img{display:block;width:100%}
/*list*/
.list{width:96.5625%;margin:2% auto}
.list li{width:100%;padding:10px 0;border-bottom:1px dotted #848484;}
.number{float:left;display:block;width:5.98%;margin-right:2.588%;}
.picborder{float:left;display:block;width:20.71%;border:1px solid #c6c6c6;padding:2px;margin-right:3.236%;}
.picborder img{display:block;width:100%;height:55px}
.list li div{width:66%;float:left;background:#8fc600;border-radius:8px;height:55px;padding:7px 0 8px;}
.list li div a{display:block;width:90%;margin:0 auto;font-size:14px;color:#fff;}
/*.list li div a{display:block;width:90%;margin:0 auto;height:60px;font:14px/30px 'microsoft yahei';color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}*/
.list li div span{display:block;width:90%;margin:0 auto;font:12px/32px 'microsoft yahei';color:#fff;height:55px;overflow:hidden}
.morecase{width:96.5625%;margin:2% auto;background:url(../images/lookmore.jpg) 0 0 no-repeat;height:70px;background-size:100% 100%;text-align:center;font:18px/70px 'microsoft yahei';color:#fff;display:block}
/* foot */
.footlink{width:100%;position:relative}
.footlink img{display:block;width:100%}
.footnav{position:absolute;top:0;left:0;width:100%;font:18px/32px 'microsoft yahei';color:#0a87d3;text-align:center;}
.footnav a{color:#0a87d3;margin:0 2%;}
.support{position:absolute;left:0;top:32px;font:14px/30px 'microsoft yahei';color:#8fc600;text-align:center;width:100%}
.support a{color:#8fc600}
/* foot */
.foot1{width:100%;position:relative;}
.foot{width:100%;position:fixed; z-index:10;bottom:0; max-width:640px}
.footbg{display:block;width:100%;}
.tel{display:block;position:absolute;left:0;bottom:0;width:25%}
.tel img{display:block;width:86.25%;margin:0 auto}
.sms{position:absolute;width:25%;left:25%;height:104px;background:url(../images/sms.png) center 20px no-repeat;font:14px/170px 'microsoft yahei';text-align:center;color:#fff;top:0;overflow:hidden}
.map{position:absolute;width:25%;left:50%;height:104px;background:url(../images/wx.png) center 20px no-repeat;font:14px/170px 'microsoft yahei';text-align:center;color:#fff;top:0;overflow:hidden}
.share{position:absolute;width:25%;left:75%;height:104px;background:url(../images/home.png) center 20px no-repeat;font:14px/170px 'microsoft yahei';text-align:center;color:#fff;top:0;overflow:hidden}
/* subpage */
.subtop{width:100%;position:relative;}
.subtitle{width:96.5625%;margin:6px auto 0 auto;background:url(../images/subtitle.jpg) 0 0 no-repeat;height:72px;background-size:100% 100%;text-align:center;font:18px/60px 'microsoft yahei';color:#fff}
.subpage{width:96.5625%;background:url(../images/subbg.jpg) 0 0 repeat-y;background-size:100%;margin:0 auto;padding:10px 0;min-height:300px}
.subbottom{width:96.5625%;display:block;margin:0 auto}
.about{width:92%;margin:0 auto;font:14px/180% 'microsoft yahei';color:#4b4b4b}
/* pages */
.pages{width:160px; height:38px; margin:20px auto 0;padding-bottom:15px}
.pre-left{display:block;width:48px;height:38px;float:left;color:#217528;text-align:center;background:url(../images/page1.jpg) 0 0 no-repeat;background-size:100% 100%}
.pre-left2{display:block;width:48px;height:38px;float:left;color:#217528;text-align:center;background:url(../images/page3.jpg) 0 0 no-repeat;background-size:100% 100%}
.next-left{display:block;width:48px;height:38px;float:left; color:#fff;text-align:center;background:url(../images/page2.jpg) 0 0 no-repeat;background-size:100% 100%}
.next-left2{display:block;width:48px;height:38px;float:left; color:#fff;text-align:center;background:url(../images/page4.jpg) 0 0 no-repeat;background-size:100% 100%}
.pages span{display:block; width:64px; height:30px; text-align:center; font:500 16px/30px ????; color:#17a1f5; float:left}
/* product */
.product2{width:100%;margin:0 auto;padding-top:15px;}
.product2 li{width:50%;float:left;text-align:center;font:14px/30px 'Microsoft YaHei';text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.picbox{display:block;width:86.4%;margin:0 auto;padding:2px;border:1px solid #c9c9c9}
.picbox img{display:block;width:100%}
.product2 li a{color:#484848}
/* view */
.subpage h1{width:100%;font:18px/40px '??????';color:#0c7ec3;text-align:center;}
.subpage img{display:block;max-width:100%;margin:0 auto;}
.page{width:100%;height:34px;background:#8fc600;border-radius:6px;margin:5px 0;font:14px/34px 'Microsoft YaHei';color:#fff;text-indent:16px;}
.page a{color:#f0ff00;}
.back{display:block;width:30%;margin:0 auto 3%}
.back img{display:block;width:100%}

/* fenlei */
.productnav { float: right;font-family: 微软雅黑; position:relative; padding-bottom:3%;margin-right: 3%; padding-right: 10px;width:50%; text-align: right; color: #700d05; }
.productnav img { vertical-align: middle; margin-top: -2px; margin-right: 2px; width: 14%; }



.view_menumain { right:0; float: right;width: 130px; padding: 2px 0px 0px;display: none; position: absolute; z-index: 10; }
.view_menumain a { float: left; width: 100%; text-align: center; line-height: 2; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-bottom: 1px solid #4dc6ff; background: #16a1f4; font-size: 14px; color: #fff; }
.view_menumain a:hover { border-bottom: 1px solid #16a1f4; background: #4dc6ff; color: #fff; }
/* fenlei */
/* liuyan */
.mess{}
.mess40{float:left;	width:40%;	border-radius:6px;	background:none; font:16px/40px 'sunsim';color:#939292;	text-indent:1em;border: 1px solid #CCCCCC;}
.mess60{width:60%;border-radius:6px;background:none;font:16px/30px 'sunsim';color:#939292;text-indent:1em;border: 1px solid #CCCCCC;}
.mess80{width:80%;border-radius:6px;background:none;font:16px/30px 'sunsim';color:#939292;text-indent:1em;border: 1px solid #CCCCCC;}
.messsumit{ float:left;border-radius:6px;width:100px;height:30px;text-align:center;font:16px/30px '微软雅黑';color:#ffea00;margin:20px auto 10px; background-color:#d52b3e;border:0;}
/* liuyan */

@media all and (min-width:640px){
body{width:640px;margin:0 auto;position:relative;}
}
@media all and (min-width:480px) and (max-width:639px){
    .list li div{height:65px;padding:4px 0 5px;border-radius:4px;}
    .list li div a{line-height:22px;}
    .list li div span{height:48px;line-height:24px;}
    .sms{height:72px;background-position:center 10px;line-height:120px;background-size:32px;}
    .map{height:72px;background-position:center 10px;line-height:120px;background-size:32px;}
    .share{height:72px;background-position:center 10px;line-height:120px;background-size:36px;}
}
@media all and (max-width:479px){
    .logo img{padding:15px 0 28px}
    .btnbox li a{height:35px;line-height:35px;font-size:16px;}
    .newstitle{height:60px;line-height:65px;font-size:14px}
    .newsul{margin-top:-4px;}
    .newsul li{height:34px;line-height:34px;font-size:14px}
    .list li div{height:50px;padding:4px 0;border-radius:4px;}
    .list li div a{line-height:18px;}
    .list li div span{height:36px;line-height:18px;}
    .morecase{height:35px;line-height:35px}
    .footnav{font-size:16px}
    .sms{height:52px;background-position:center 6px;line-height:85px;background-size:26px;}
    .map{height:52px;background-position:center 6px;line-height:85px;background-size:29px;}
    .share{height:52px;background-position:center 6px;line-height:85px;background-size:29px;}
    .search{height:36px;top:46px;box-shadow:0 3px 4px #e8e8e8 inset;}
    .text{height:36px;line-height:36px}
    .button{height:36px;background-size:24px}
    .subtitle{height:40px;line-height:32px;}
}