@charset "gb2312";
/* Style Reset */
body,p,h1,ul,li,input,img{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;}
fieldset, img {border:0;}
.clear {clear:both;width:100%;}
.title2{ color:#019682;  font-size:16px; font-weight:bold;   }
.title3{  color:#fff; background:#019682; font-size:14px; height:30px; display:inline-block;  margin-bottom:5px; padding:0px 5px;  line-height:30px; }
.title4{  color:#019682;  font-size:14px;  }
/* top */
.banner{width:100%;position:relative;}
.bannerpic{display:block;width:100%;}
.topbg{width:100%;background:#142440;background-size:100% 100%;position:absolute;top:0;left:0; z-index:2;}
.logo{display:block;width:44.6875%;margin:0 auto}
.logo img{display:block;width:100%;padding:5px 0 5px}
.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:64px;font:18px/58px '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}
.about p{text-indent:2em;}
.searchtitle{display:none;}
/* 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; display:none;}
.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:#3E3D3D;}
.nav li a{display:block;width:100%;height:52px;text-indent:57px;font:16px/52px '΢ÈíÑźÚ';color:#3E3D3D;}
.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 td{padding:0;margin: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}
.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%}
.list li div{width:66.5%;float:left;background:#476fb4;border-radius:8px;height:100px;padding:7px 0 8px;}
.list li div a{display:block;width:90%;margin:0 auto; font:12px/30px 'microsoft yahei';color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list li div span{display:block;color:#fff;height:64px;overflow:hidden}
.morecase{width:96.5625%;margin:2% auto; margin-bottom:0;background:url(../images/lookmore.jpg) 0 0 no-repeat;height:63px;background-size:100% 100%;text-align:center;font:18px/60px '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:#142440;text-align:center;}
.footnav a{color:#142440;margin:0 2%;}
.support{position:absolute;left:0;top:32px;font:14px/30px 'microsoft yahei';color:#8f8f8f;text-align:center;width:100%}
.support a{color:#8f8f8f}
.foot{width:100%;position:relative;}
.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/map.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/share.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;}
.subtitlebox{height:72px;width:96.5625%;margin:0 auto;position:relative;}
.subtitle{width:100%;margin: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}
.prosubtitle{width:100%;margin:0 auto;background:url(../images/prosubtitle.jpg) 0 0 no-repeat;height:72px;background-size:100% 100%;text-align:center;font:18px/60px 'microsoft yahei';color:#fff}
.class{position:absolute;top:72px;left:0;width:100%;display:none}
.class li{width:100%;height:36px;line-height:36px;background:#45bead;border-bottom:1px solid #fff;text-align:center;}
.class li a{display:block;width:100%;height:36px;background:url(../images/icons4.png) 92% center no-repeat;color:#fff;background-size:1.809%;font:16px/36px 'microsoft yahei';}
.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:100%; height:38px; text-align:center; margin:20px auto 0;padding-bottom:15px; font-size:12px; color:#999;}
.pages a{ color:#999; font-size:12px; }
.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%}

/* 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/30px '΢ÈíÑźÚ';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%}
@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:75px;padding:4px 0 5px;border-radius:4px;}
    .list li div a{line-height:20px;}
    .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:28px;}
    .share{height:72px;background-position:center 10px;line-height:120px;background-size:36px;}
}
@media all and (max-width:479px){
    .logo img{padding:5px 0 7px}
    .btnbox li a{height:35px;line-height:32px;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:57px;padding:4px 0;border-radius:4px; width:65%;}
    .list li div a{line-height:16px;}
    .list li div span{height:36px;line-height:18px;}
    .morecase{height:35px;line-height:32px;}
    .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:21px;}
    .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;}
    .prosubtitle{height:40px;line-height:32px;}
	.subtitlebox{height:40px;}
	.class{top:40px;}
}
@media all and (max-width:360px){
	.list li div{ height:50px;}
}
.swiper-container img{ max-width:100%;}