﻿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:#D70000 }
a:hover{ color:#D70000 }

.more-a{ padding-top:34px}
.more-a a{ display:inline-block; height:50px; line-height:50px; border:1px solid #D70000 ; padding:0 20px; border-radius:25px}

body{ line-height:1.5; background:#efefef; font-size:30px; 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,#nav{ width:640px; position:fixed; top:0; left:50%; margin-left:-320px;}
#header{ height:90px; background:#1e1e28 ; padding-top:10px; z-index:99; box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
   }
#header.navkgs{box-shadow:none;}
.head-foot {   
    width: 100%;
    height: 0px;
    background: url(../images/topline.jpg) no-repeat center center; margin-top:25px;
	}
   
.logo{ margin:5px auto 0 25px; float:left;height:70px;}
.logo img{ display:block; max-height:100%;}
.register{ width:35px; height:30px; position:absolute; top:28px; right:100px;}
.register a{ color:#fff}
.search_div{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.6);top:0px;left:0px; display:none;z-index:100;}
.search_div  .searchbg{padding:20px 20px; background:#222;  overflow:hidden;position:relative;}
.search_div .close{position:absolute;top:30px; right:10px;}
.search_div  .sf{width:82%;padding:10px 20px;position:relative; background:#fff;  overflow:hidden;float:left;border-radius: 3px;}
.search_div input{float:left;border:none;}
.search_div .sl{    width: 85%;
    height: 50px;
    line-height: 50px;
    color: #999;
}
.search_div .sr{    width: 40px; height:40px;position:absolute;right:25px; top:15px; background:url(../images/head03.png) no-repeat center}


#nav-kg{ width:45px; height:30px; position:absolute; top:36px; right:30px; cursor:pointer}
#nav-kg span{width:45px; height:4px; background:#D70000 ; position:absolute; left:0; top:12.5px;border-radius:5px; -webkit-border-radius:5px;}
#nav-kg:before,#nav-kg:after{ content:""; width:45px; height:4px; background:#D70000 ; position:absolute; left:0; top:0;border-radius:5px; -webkit-border-radius:5px;}
#nav-kg:before{ -webkit-transform:rotate(0deg);transform:rotate(0deg);}
#nav-kg:after{ -webkit-transform:rotate(0deg);transform:rotate(0deg);top:25px}
.navkgs #nav-kg:before{ -webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:50% 50%; top:10px}
.navkgs #nav-kg:after{ -webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:50% 50%; top:10px}
.navkgs #nav-kg span{ opacity:0;}

#nav{ display:none; overflow:auto; background:#fff; z-index:98;height:100%;}
#nav ul{ padding:100px 0 20px;}
#nav .nav-a a{ color:#333;font-size:1.6rem;}
#nav li{ border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; margin-bottom:-1px;}
.nav-a{ height:80px; line-height:80px;font-size:1.6rem; color:#333; position:relative; padding:0 0 0 90px; background-position:35px center; background-repeat:no-repeat;background-size:1.2em;}
.navbg_p1{ background-image:url(../images/nav_pic01.png);}
.navbg_p2{ background-image:url(../images/nav_pic02.png);}
.navbg_p3{ background-image:url(../images/nav_pic03.png);}
.navbg_p4{ background-image:url(../images/nav_pic04.png);}
.navbg_p5{ background-image:url(../images/nav_pic05.png);}
.navbg_p6{ background-image:url(../images/nav_pic06.png);}
.navbg_p7{ background-image:url(../images/nav_pic07.png);}
.navbg_p8{ background-image:url(../images/nav_pic08.png);}
.nav-a:after,.nav-b{
	-webkit-transition:all 0.3s linear 0s;
	transition:all 0.3s linear 0s}
.nav-lihide .nav-a:after{ content:""; width:21px; height:11px; background:url(../images/xsy-08s.png) no-repeat; position:absolute; top:34px; right:3%;
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)}
.nav-lishow .nav-a:after{
	-webkit-transform:rotate(-180deg);
	transform:rotate(-180deg)}

.nav-b{ display:none; overflow:hidden; border-top:1px solid #d9d9d9; font-size:.8em}
.nav-lishow .nav-b{ display:block}
.nav-blist{ float:left; width:50%}
.nav-b a{display:block; height:55px; line-height:55px;padding-left:40px; color:#333;font-size:1.4rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nav-b a:hover{color:#D70000;}
.nav-b .on{color:#D70000;}
/***************** 头部end ****************/




/******************* 底部 ************/
footer{background:#1e1e28;padding-bottom:15px;font-size:1.3rem;}
.footer{margin:0 35px;padding-top:35px;text-align:center;color:#fff;}
.footer a{color:#fff;}
.footer .tit{font-size:2rem;margin-bottom:10px;}
.footer .addr p.address{font-size:1.3rem;margin-top:10px;}
.footer .addr p.mobile{margin-bottom:10px;}
.footer .addr p.mobile a{display:inline-block; padding-left:2.7rem; font-size:1.6rem; line-height:2.6rem;background:url(/template/pc/zh/images/winco26.png) no-repeat left center;background-size:2.3rem;color:#Fff;}
.footbtn{padding:1.2rem 0;}
.footbtn a{ display:inline-block; color:#fff; width:38%;margin:0 10px; border:1px solid #fff;line-height:3rem;font-size:1.5rem;border-radius:5px;}
.footer .wechat {padding:2rem 0 2.2rem;}
.footer .wechat img{display:block; margin:0px auto 5px;}
/********** 底部end **************/





/********** 内页共用 **************/
#wrapper{ width:640px; overflow:auto;position:absolute; top:0; left:50%; margin-left:-320px;background:#fff;}
.fweizhi{ line-height:42px; background:url(../images/location.png) no-repeat 0 10px; padding:10px 15px 15px 50px; margin-left:28px; 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 #D70000 ; color:#D70000 ; text-align:center; border-radius:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.moksq-nav .lb .cur a{ background:#D70000 ; border:1px solid #D70000 ; 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 #D70000 ;}

.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:#D70000;}




.moksq-box,.maps-box{ border:0px solid #e3e7ea; margin:0 35px 40px; }
.moksq-box img{ max-width:100%;}
.moksq-box-tt{line-height:42px; border-bottom:3px solid #D70000 ; 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:#D70000;color:#fff;border-radius:30px;margin-bottom:30px;}
.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:#D70000}
/* 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 #D70000;
  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:#D70000;
}




/*********** 内页共用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 #D70000; 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; margin-top:100px;}
.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 #D70000;
  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:#D70000;
}



/* 底部 */




/* 底部 */

@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("../images/close.png") 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 */

