@charset "utf-8";
/* CSS Document */
/*main.css*/
body {font-family:"微软雅黑", Arial, Tahoma,"微软雅黑";margin:0;padding:0;font-size:12px;color:#000; }
div,form,img,ul,ol,li,dl,dt,dd,p {margin:0;padding:0;border:0;}
ul,li{list-style-type:none;}
img{border:0;}
input,select,textarea{vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;}
/* Link */
a{color:#333333;text-decoration:none;}
a:hover {text-decoration:none;color:#ff0000}
/* Other */
.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;}
.clearfix:after{content:".";display:block; height:0;clear:both;visibility:hidden;} /* only FF */
.left{float:left;}
.right{float:right;}
.img{vertical-align:middle;}

.head{position:relative;}
.logo{width:100%;text-align:center;}
.logo img{width:100%; vertical-align:top}
.nav-btn{display:block;height:55px;position:absolute;top:0;cursor:pointer; z-index:99}
.nav-btn{position:absolute;width:35px;background:url(../images/nav_btn.png) no-repeat;right:2px;top:10px;}
.nav-btn ul{ position:absolute;right:1px;top:40px;z-index:20;display:none;background:rgba(00,00,00,0.8);padding:3em 0}
.nav-btn ul li{width:130px;padding:0 1em;line-height:36px;font-size:1.6em; text-align:right}
.nav-btn ul li a{color:#fff}

.div_mo{max-width:640px;background:#fff;overflow:hidden; margin:0px auto;}
.banner{width:100%;height:auto;margin:0 auto;overflow:hidden;}

/**banner轮播**/

.swiper-container {height:auto; width:100%;text-align:center;margin:0 auto;position:relative; overflow:hidden; z-index:5;}
.swiper-wrapper {position: relative;z-index:10; }
.swiper-slide {position:relative;text-align:center; float:left;}
.swiper-slide a{ position:relative; width:100%; height:100%; display:block; overflow:hidden;}
.swiper-slide img{ max-width:100%; height:100%;border:none; interpolation-mode: bicubic;}
.pagination{ position:absolute; height:1.8em; width:100%;bottom:0.5em;z-index:100; text-align:right; text-align:center;}
.pagination .swiper-pagination-switch{ display:inline-block; height:0.7em; width:0.7em; background:#FFF; border-radius:50%; _display:inline; margin-right:1em;}
.pagination .swiper-active-switch{ background:#a1a0a6;}


.gongshi{width:100%;line-height:40px;background:#333;padding: 0 5px;}
.gongshi-nr{width:100%;height:auto;padding:0 10px;}
.gongshi-nr span{font-size:22px;color:#fff;line-height:40px;margin-right:20px;}
.gongshi-nr a{color:#ccc;line-height:40px;font-size:14px;}
.gongshi-nr i{font-style:normal}

.news{width:100%;line-height:40px;padding: 0 5px;}
h2.bt{width:96%;line-height:35px; border-bottom:1px solid #e3e3e3;}
h2.bt span{font-size:18px;height:35px; font-weight:bold;border-bottom:3px solid #0568bc;padding:5px 0px 6px 0}
h2.bt a.more{float:right;padding-top:10px;}
ul.newslist{width:92%;padding:0 0 0 10px}
ul.newslist li{font-size:1.2em;color:#777; border-bottom:1px solid #eee; line-height:2.5em; display:block;}
ul.newslist li:hover{background:#f2f2f2}
ul.newslist li span{float:right;}

.product{width:100%;height:auto;background:#0568bc;margin:10px 0;padding:10px;}
h2.bt2{width:96%;line-height:40px; border-bottom:1px solid #fff;}
h2.bt2 span{font-size:18px;height:40px; font-weight:bold;border-bottom:3px solid #fff;padding:5px 15px 10px 0;color:#fff}
h2.bt2 a.more{float:right;padding-top:10px;color:#fff}
.prolist{width:100%;height:auto;margin:10px 0;}
.prolist li{width:30%;height:auto;margin-right:3%;float:left}
.prolist li img{width:95%;border:1px solid #f2f2f2;box-shadow:0px 1px 1px rgba(0,0,0,0.2); border-radius:5px;}
.prolist a.pro_more{width:110px;float:right;margin:10px 10px 0 0 ;color:#fff;font-size:1.2em;}




.about{width:100%;height:auto;padding: 0 5px;}
.about-img{width:100%;height:auto;}
.about-img img{width:97%}
.about-nr{padding:15px;}
.about-nr span{font-size:20px;font-weight:bold;line-height:28px;}
.about-nr p{font-size:1.2em;line-height:20px; text-indent:1.2em;color:#272323;width:98%;margin-top:5px;}
.about-nr a.about_more{width:110px;float:right;margin:10px 10px 0 0 ;color:#0568bc;font-size:1.2em;}

.lxwm{width:100%;height:auto;margin:10px 0;padding:10px;}
.lxwm .map img{width:97%}
.lxwm_nr{width:89%;height:auto;border:1px solid #f3f3f3;padding:5px 10px; position:relative }
.lxwm_nr h2{font-size:20px;font-weight:bold;line-height:16px;padding:10px 0 0 0}
.lxwm_nr img{width:97%}
.lxwm_nr span{font-size:0.1em;color:#2c2c2c;line-height:12px; font-weight:normal }
.lxwm_nr p{font-size:1.2em;line-height:20px; margin-top:10px;}
.lxwm_nr .lxwm-img img{width:40%;height:auto; position:absolute;right:0;bottom:0}
.lxwm_nr .erwm{width:50%;height:auto;margin-top:15px;}
.lxwm_nr .erwm li{float:left;width:50%;}
.lxwm_nr .erwm li img{width:80%;}

.link{width:100%;height:auto;padding: 0 5px;margin-top:10px; }
.link-nr{width:97%;height:auto;margin-top:15px; margin-left:5%;}
.link-nr a{width:42%; text-align:center;margin:0 5px;float:left}
.link-nr a img{width:100%;}

.foot{width:100%;height:auto;position:relative;overflow:hidden; text-align:center}
.foot img{width:100%; margin-bottom:57px;}
.foot2{width:100%;min-height:auto;background:rgba(0,0,0,0.8); position:fixed;bottom:0;z-index:99;}
.foot2 ul li a{position: relative;height:50px;width: 24%;float: left;border-right: 1px solid #fff;font: 12px/70px "Microsoft Yahei";text-align: center;padding-top:10px;}
.foot2 ul li a{color:#fff}
.f_bg01{background: url(../images/img_63.png) center 20% no-repeat;background-size: 25%;}
.f_bg02{background: url(../images/img_55.png) center 20% no-repeat;background-size: 25%;}
.f_bg03{background: url(../images/img_57.png) center 20% no-repeat;background-size: 25%;}
.f_bg04{background: url(../images/img_60.png) center 20% no-repeat;background-size: 25%;}

.lxwmimg{width:40%;height:auto;float:left}
.lxwmimg img{width:98%;}
.lxwmr{width:58%;float:right;}
.lxwmr h3{font-size:16px;line-height:16px;line-height:30px;border-bottom:1px solid #f3f3f3;}
.lxwmr p{font-size:1.2em;line-height:18px;color:#212121;}

.lxwmr a.lxwm_more{width:110px;float:right;margin:10px 0px 0 0 ;color:#0568bc;font-size:1.2em;}

.cp_con{width:100%;height:auto;padding:0 5px;}
.cp_con .cplist{width:100%;height:auto;}
.cp_con .cplist li{border:1px solid #f3f3f3;line-height:40px;display:block;padding:0 10px;width:83%;background:url(../images/icon-cp.jpg) 15px no-repeat;margin:3px 0;padding-left:30px;}
.cp_con .cplist li a{color:#235ba8;font-weight:bold;font-size:1.2em;display:block}
.cp_con .cplist li a span{float:right;font-size:0.9em;color:#212121;font-weight:normal}
.cp_nr{width:98%;height:auto;margin:15px 0}
.cp_nr li{width:48%;height:auto;float:left;margin-right:2%}
.cp_nr li img{width:100%}

/*show*/
h1.bt a{width:40%;height:40px;font:bold 16px/40px "微软雅黑";border-radius:8px;background:#0568bc;color:#fff; text-align:center;margin:10px auto 0;display:block}
.show h1{  font: normal 1.5em/2 "Microsoft YaHei";text-align: center;margin: 1em auto 0;color: #0568bc;padding: 0 1em;}
.show h2{font: normal 1.2em/0.875 "Microsoft YaHei";text-align: center;margin: 0.875em auto 0;color: #999;padding-bottom: 1em;border-bottom: 1px solid #d4d4d4;}
.show_nr{width:100%;height:auto;margin:1em 0 }
.show_nr { text-align:center}
.show_nr img{ display: block; width:95%;}
.show_nr p{ text-align:left; width: 96%;margin: 1em auto;font: normal 1.2em/1.8 "Microsoft YaHei";color: #333;}
.show_page{width:93%;margin:10px auto;border:1px solid #ccc;background:#fff;height:40px;border-radius:8px; text-align:left;padding-left:1em;display:block;font: normal 1.2em/40px "Microsoft YaHei";color: #666;}
.prbt_list{width:93%;height:auto;margin:10px auto 50px}
.prbt_list li a{  width: 100%;font: 1.5em/2.375 "Microsoft Yahei";color: #FFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #0f7002;display:block; text-indent:1em;margin-bottom:1em}

.bgf{width:100%;height:100%;background-color: #f7f7f7;padding-top:10px}
.prolist5{width:95%;margin:0 auto;height:100%;overflow:hidden}
.prolist5 li{ float:left;position: relative;width: 46%;margin-right: 4%;margin-top: 4%;}
.prolist5 li img{display: block;padding: 1.5%;background: #FFF;border: 1px solid #cfd3d3;}
.prolist5 li p{width: 100%;display: block;margin: 2% 0% 1.5% 1.5%;overflow: hidden;font-size:12px;line-height:30px;text-overflow: ellipsis;text-align: center;white-space: nowrap;color: #fff;position: absolute;left: 0;bottom: 0; background: rgba(0,0,0,.35);}




