body,h1,h2,h3,h4,h5,h6,p,ul,ol,form{ margin:0}
input,textarea,select{ font-size:12px; font-size:100%}
h4,h5,h6{ font-size:1em}
ul,ol{ padding-left:0; list-style-position:outside}
img{border:0;}
table{ border-collapse:collapse; border-spacing:0}
textarea{ resize:none}
:focus {outline: none}

.lb,.lb li{ list-style:none}
.ellipsis li{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.bt1{ line-height:60px; font-size:42px; color:#333; font-weight:400}

a{ text-decoration:none; color:#007dd7 }
a:hover{ color:#007dd7 }

.more-a{ padding-top:34px}
.more-a a{ display:inline-block; height:50px; line-height:50px; border:1px solid #007dd7 ; padding:0 20px; border-radius:25px}

body{ line-height:1.5; background:#efefef; font-size:1.2rem; color:#444; text-align:left;
	font-family:'Microsoft YaHei',Tahoma,Arial,"Helvetica Neue","Hiragino Sans GB",Simsun,sans-self;
	-webkit-text-size-adjust:none;
}
.clearfix{zoom:1;}
.clearfix:after{display:block; content:""; clear:both; visibility:hidden;font-size:0;}

/****************** 头部 ******************/
header{width: 100%;padding: 0.875rem 0 0.417rem 0;position: relative;overflow: hidden;}
header dl{width:95%;margin:0 auto 10px;padding: 0 3%}
header dt{width: 34%;float: left;}
header img{display: block;width: 100%;}
header dd{width: 62%;float: left;line-height: 51px;border-left: 1px dotted #6c6c6c;padding-left: 2%;margin-left: 2%;box-sizing: border-box;}
header dd h3{font-size: 1.5rem;color: #333333;font-weight: normal;}
header dd h3 span{font-weight: bold;color: #007dd7;}
header dd p{font-size: 1.5rem;color: #999999;}
header dd p span{font-size: 1.167rem;color: #2a2a2a;}

/*nav*/
nav{width: 100%;overflow: hidden;background:#2d2d2d;}
nav a{font-size: 1.6rem;color: #fff;display: block;float: left;width: 33.3333%;text-align: center;box-sizing: border-box;border-left: 2px solid #403f3f;border-right: 2px solid #1d1d1d;padding: 1.25rem 0;}

nav a:nth-child(1),nav a:nth-child(2),nav a:nth-child(3){border-bottom:2px solid #1d1d1d;}
nav a:nth-child(4),nav a:nth-child(5),nav a:nth-child(6){border-top:2px solid #403f3f; }


/* copyRight */
.copyRight{width: 95%;margin:0 auto;padding: 1.583rem 0 19% 0;}
.copyRight .phone{height: 3.708rem;line-height: 3.708rem;font-size: 1.4rem;color: #fff;background: #007dd7;width: 92%;margin: 0 auto;padding-left: 8%; border-radius:30px;}
.copyRight .phone em{display: inline-block;width: 8%; position: relative;top: 0.5rem;margin-right: 2%;}
.copyRight .phone a{font-size: 1.867rem;color: #fff;}
.copyRight img{display: block;width: 100%;}
.copyRight dl{margin-top: 1.333rem}
.copyRight dt{float: left;width: 38%;}
.copyRight dt{border: 1px solid #ededed;box-sizing: border-box;}
.copyRight dd{width: 60%;float: right;padding-top: .717rem;}
.copyRight dd p{font-size: 1.5rem;color: #666666;margin-bottom: .733rem;}
.copyRight dd p a{color: #666666;}
/***************** 头部end ****************/




/******************* 底部 ************/

/* footer */
footer{width: 100%;position: fixed;bottom: 0;left: 0;}
footer a{display: block;width: 25%;font-size: 1.6rem;color: #fff;border-left: 1px solid #6a6a6a;float: left;box-sizing: border-box;background: #333;text-align: center;padding: 1.167rem 0;}
footer a:first-child{border-left: none;}

/********** 底部end **************/





/********** 内页共用 **************/
#wrapper{ width:100%; overflow:hidden;position:relative; top:0;background:#fff;}
.fweizhi{width: 95%;margin: 0 auto; line-height:42px; background:url(../images/location.png) no-repeat 0 10px; font-size:24px}

/* 栏目 */
.moksq-nav{padding-top:0px; padding-bottom:30px}
.moksq-nav .lb{text-align:left;margin:0 15px;padding-top:25px;font-size:0px;}
.moksq-nav .lb li{display:inline-block; width:33.333%; padding-top:15px;overflow:hidden}
.moksq-nav .lb a{display:block; margin:0 5px; font-size:1.6rem;padding:8px 8px; background:#fff ;border:1px solid #007dd7 ; color:#007dd7 ; text-align:center; border-radius:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.moksq-nav .lb .cur a{ background:#007dd7 ; border:1px solid #007dd7 ; color:#fff}


.moksq-nav .pro-nav{text-align:left;margin:0 10px;padding-top:25px;font-size:0px;}
.moksq-nav .pro-nav li{display:inline-block; width:49.9%; padding-top:15px;overflow:hidden}
.moksq-nav .pro-nav a{display:block; margin:0 10px;padding:8px 10px;text-align:center; border-radius:12px;border:1px solid #ccc ;}
.moksq-nav .pro-nav a img{display:block; width:100%;}
.moksq-nav .pro-nav .cur a{ border:1px solid #007dd7 ;}

.moksq-nav .pro-nav2{padding:10px 5px 0;font-size:0;}
.moksq-nav .pro-nav2 a{margin:15px 30px 0;display:inline-block;padding:0 20px;line-height:2.8rem;font-size:1.5rem;color:#fff;background:#333}
.moksq-nav .pro-nav2 a.cur{background:#007dd7;}




.moksq-box,.maps-box{ border:0px solid #e3e7ea;width:93%;margin:0 auto;position: relative;overflow: hidden; }
.moksq-box img{ max-width:100%;width: 100%;}
.moksq-box-tt{line-height:42px; border-bottom:3px solid #007dd7 ; text-align:left;padding:10px 0px; font-weight:400; font-size:34px; color:#333;position:relative;}
.moksq-box-tt i{position:absolute; top:-120px;}


/* 栏目end */


/* page */
.page-div{width:100%;margin-bottom:15px;padding-top:5px;margin-top:20px;text-align:center;}
.page-div .history-p {display:inline-block;padding:5px 40px;background-color:#007dd7;color:#fff;border-radius:30px;margin-bottom:30px; font-size:1.4em}
.page-div p{text-align:left;font-size:1.4rem;padding:0;margin-bottom:15px;border-bottom:1px solid #ccc;line-height:45px;}
.page-div p a{color:#007dd7}
/* page */
.backtop{display:block; width:80px; height:80px; position:fixed; right:20px; bottom:10%;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;
 transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0); opacity:0;z-index:999; background:rgba(135,146,124,.6) url(../images/backtop.png) no-repeat;background-size:cover;
 border-radius:7px; -webkit-border-radius:7px;}
.backtop.active{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0); opacity:1;}


.wrpabanner{ position:relative; z-index:1; margin-top:100px;}
.banner_cont{ position:relative; z-index:1; width:100%; overflow:hidden;}
.banner_cont ul{}
.banner_cont ul li{ float:left;position:relative; height:auto !important;}
.banner_cont ul li img{ display:block}
.banner_cont ul li p{position:absolute; width:100%;min-height:56px;text-align:center;padding:10px 0; bottom:0; left:0; font-size:1.5rem; box-sizing:border-box;-webkit-box-sizing:border-box; color:#fff; background:rgba(0,0,0,.7);}

.banner_Btn{ position: absolute; bottom:8px; z-index:98; right:15px;text-align:right;}
.banner_Btn .swiper-pagination-bullet{
  display: inline-block;
  width: 12px;
  height: 12px;
  border:1px solid #007dd7;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 50%;
  background:none;
  transition:all 1s ease-in-out;
  -webkit-transition:all .5s ease-in-out;
}
.banner_Btn .swiper-pagination-bullet-active {
  background:#007dd7;
}




/*********** 内页共用end ******************/

/* 我们 */
.aboutcont{padding:20px 0;}
.aboutcont p,.aboutcont span{font-size:1.5rem !important;line-height:1.8;}
.aboutcont .tith3{font-size:1.5rem; border-bottom:1px solid #666;}
.aboutcont .tith3:after{display:block; content:""; width:60%; border-bottom:2px solid #007dd7; margin-bottom:-1px;}

.indexProductList{text-align:center;}
.indexProductList ul{ display:inline-block;padding:10px 0 5px;}
.indexProductList ul li {float:left;width:25%;}
.indexProductList ul li .comindex{padding:10px;}
.indexProductList ul li .comindex img{ display:block;width:100%;}
.indexProductList ul li .text{ text-align:center;color:#333; font-size:1.3rem;padding-top:10px;}
/* 我们 */




#index_bg{    position: fixed;
z-index:97;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,.5);}
	




/* 首页banner */
.index_banner{ position:relative; z-index:1;}
.bannerBox{ position:relative; z-index:1; width:100%; overflow:hidden;}
.bannerBox ul{}
.bannerBox ul li{ float:left;position:relative; height:auto !important;}
.bannerBox ul li img{ display:block}
.bannerBox ul li p{position:absolute; width:100%;text-align:center;padding:10px 0; bottom:0; left:0;min-height:56px; font-size:1.5rem; box-sizing:border-box;-webkit-box-sizing:border-box; color:#fff; background:rgba(0,0,0,.7);}

.bannerBtn{ position: absolute; bottom:8px; z-index:98; right:0;width:100%;text-align:center;}

.bannerBtn .swiper-pagination-bullet{
  display: inline-block;
  width: 12px;
  height: 12px;
  border:1px solid #007dd7;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 50%;
  background:none;
  transition:all 1s ease-in-out;
  -webkit-transition:all .5s ease-in-out;
}
.bannerBtn .swiper-pagination-bullet-active {
  background:#007dd7;
}



/* 底部 */




/* 底部 */

@charset "utf-8";
/* CSS Document */
/*网站基本定义*/
div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,input,body,strong,span,pre{margin:0; padding:0; border:0; background-repeat:no-repeat;}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;}

img{border:0px;}
ul,li{ list-style:none;}
em, i{ font-style:normal;}
.del_float{ clear:both; line-height:0; height:0; font-size:0;}
a,area{blr:expression(this.onFocus=this.blur());}

input[type=radio]{-webkit-appearance:none; appearance: none;width: 13px;height: 13px;margin: 0;cursor: pointer; vertical-align: bottom;background: #fff;border: 1px solid #dcdcdc;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;}
input[type=radio] {-webkit-border-radius: 1em;-moz-border-radius: 1em;border-radius: 1em;width: 15px;height: 15px;}
input[type=radio]:checked:after {content: '';display: block;position: relative;top: 3px;left: 3px;width: 7px;height: 7px;background: #666;-webkit-border-radius: 1em;-moz-border-radius: 1em;border-radius: 1em;background: #36619d;}

input[type=checkbox] {-webkit-appearance:none; background:url(../moimages/img32.html) no-repeat; width:18px; height:18px; border-radius:0;}
input[type=checkbox]:checked:after {content: '';display: block;position: relative;top: 0px;left: 0px;width: 16px;height: 16px; background:url(../moimages/img33.html) no-repeat;}








/*照片放大*/
#galleryOverlay{width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;z-index:100000;background-color:#222;background-color:rgba(0,0,0,0.8);overflow:hidden;display:none;-moz-transition:opacity 1s ease;-webkit-transition:opacity 1s ease;transition:opacity 1s ease;}
/* This class will trigger the animation */
#galleryOverlay.visible{opacity:1;}
#gallerySlider{height:100%;left:0;top:0;width:100%;white-space: nowrap;position:absolute;-moz-transition:left 0.4s ease;-webkit-transition:left 0.4s ease;transition:left 0.4s ease;}
#gallerySlider .placeholder{background: url("../webimages/preloader.gif") no-repeat center center;height: 100%;line-height: 1px;text-align: center;width:100%;display:inline-block;}
/* The before element moves the
 * image halfway from the top */
#gallerySlider .placeholder:before{content: "";display: inline-block;height: 50%;width: 1px;margin-right:-1px;}
#gallerySlider .placeholder img{display: inline-block;max-height: 100%;max-width: 100%;vertical-align: middle;}
#gallerySlider.rightSpring{-moz-animation: rightSpring 0.3s;-webkit-animation: rightSpring 0.3s;}
#gallerySlider.leftSpring{-moz-animation: leftSpring 0.3s;-webkit-animation: leftSpring 0.3s;}
/* Firefox Keyframe Animations */
/*照片放大*/


/*产品列表*/
.product_box_ul li{ padding:15px 15px; border-bottom: 2px solid #F5821F; margin:20px 26px;}
.product_box_ul li img{ width:100%; margin-bottom:10px;}
.product_box_div h3{ font-size:1em; color:#000}
.product_box_div h2{ font-size:1.1em; font-style:italic}
.product_box_div p{ font-size:0.7em; color:#666}


/*产品列表*/







/*index*/







/*分公司*/
/*search*/
.hsh-searchIn{ float:left; border:1px solid #ccc; width:430px; height:50px; line-height:50px; margin-left:35px;}
.hsh-searchBt{ float:left; background:url(../images/search.png) center center no-repeat; color:#FFF; width:80px; height:50px; line-height:50px; margin-left:20px;border:1px solid #ccc;}
.div_ss{ padding:20px 20px 0; overflow:hidden;}
/*search*/




/* brand */
.brand-dl{padding:2%; margin:0 auto; overflow:hidden;}
.brand-dl ul {}
.brand-dl ul li{width:50%; min-height:155px; float:left;}
.brand-dl ul li a{display:block; margin:8px; border:1px solid #ccc;}
.brand-dl ul li img{display:block; width:100%;}
/* brand */