@charset "utf-8";

html,body{min-width: 1000px; width: 100%;}

.mainHeader{ width: 100%; min-width: 1000px; height: 103px; margin:0 auto; border-bottom: 1px solid #ac0c46;}
.mainHeader .headerBox{ width: 1000px; margin:0 auto;}
.mainHeader .logo{ float: left;width: auto; height: 103px;}
.mainHeader .Language{ float: right; margin-left: 10px;line-height: 99px;}
.mainHeader .Language a{ margin: 0 5px; font-size: 10px; color: #666; font-weight: bold;}
.mainHeader .Language a:hover{ color: #ac0c46;}
.mainHeader nav{float: right; position: relative; z-index: 20;}
.mainHeader nav ul{ width: auto; height: 100px; margin: none;}
.mainHeader nav li{float:left; height: 100px; list-style-type: none; line-height: 100px;}
.mainHeader nav li a{ display: block; width:auto; height: 100%; font-size: 15px; color: #ac0c46; padding: 0 10px;}
.mainHeader nav li a:hover,#current a{ height: 120px;background-color:#ac0c46; color: #fff; }


.mainHeader nav.en li a{ padding: 0 20px;}


.banner{width: 100%; height:600px; padding:0; position: relative; overflow: hidden;}
.banner ul{ width: 300%;}
.banner ul li{ displays: block; width: 33%;  float: left; height: 600px;}

.unslider-arrow{ display: block;width: 85px; height: 90px; font-size: 50px; text-align: center; line-height:90px;color: #AC0D47; position: absolute; top:50%; margin-top: -45px;z-index: 800; background-color: #fff;filter:alpha(opacity=50);/*IE*/
     opacity:0.5;/*Mozilla*/}
.unslider-arrow i{ width: 20px; *margin-top: 20px; }
.banner .prev{left: 0;}
.banner .next{right: 0;}




.main{ width: 100%; position: relative;}
.main section.mBox{ width: 100%; margin:40px auto 0; overflow: hidden;}
.main section.mBox .mainTit{ height: 120px; width:1000px; margin: 0 auto 40px; background: url(../img/title.png) top center no-repeat; }

.main section.aboutBox .mainTit{ background-position:center -120px ;}
.main section.newsBox .mainTit{ background-position:center -240px ;}
.main section.joinBox .mainTit{ background-position:center -360px ;}

/* 产品中心 */
.proBox article{ width:1000px; height: auto;  margin: 0 auto; position: relative;}
.proBox article .proList{ width:910px; height:450px; margin-left:50px;z-index: 20;}
.proBox article .proList li{ width: 450px; height: 600px;}
.proBox article .proList li .proBoxImg{ width: 100%;height: 100%; position: relative;}
.proBox article .proList li .proBoxImg img{ width: 100%;}

.proBox article .proList li .proBoxImg .mask{ display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../img/BA007.png);z-index: 800;}
.proBox article .proList li .proBoxImg .mask p{ width: 100%; height: 1em; text-align: center; line-height: 1em; color:#fff; font-size: 2em; margin-top: 80%; overflow: hidden;}
.proBox article .proList li .proBoxImg .mask a{ display: block; width:4em; height: 1.5em; border: 1px solid #fff; text-align: center; line-height:1.5em; color: #fff; margin: 5% auto 0; font-size:1.8em ;}

.proBox article .next,.proBox article .previous{display: block; width: 46px; height: 44px; background-color: #ac0d47; color: #fff; text-align: center; line-height: 44px; font-size: 30px; position: absolute; top: 50%; margin-top:-22px;}
.proBox article .next:hover,.proBox article .previous:hover{ background-color: #f21264;}
.proBox article .next{right: 0;}
.proBox article .previous{left: 0;}

.proBox article .previous i,.proBox article .next i{ *margin-top:6px; *width: 11px ;}



/*关于我们*/
.aboutBox article{ width: 100%; min-width: 1000px; height: 420px;padding:58px  0; background: url(../img/BA001.jpg) center center no-repeat;}

.aboutBox  .aboutText{ width: 1000px; height: 430px; margin: 0  auto; position: relative; }
.aboutBox .more{ ; position: absolute; left: 115px; top: 90%; margin-top: -60px;}
.aboutBox .more a{ display: block; width: 100px; height: 45px; background: #ac0c46; text-align: center; line-height: 45px; font-size: 15px; color:#fff;}



/*新闻*/
.newsBox article{ width: 1000px; height: auto; margin: 0 auto;}
.newsBox article ul{ width: 1000px; height: auto; }
.newsBox article ul li{ width: 884px; height: 152px; padding: 29px 46px 49px 0; background: url(../img/BA004.png) top right no-repeat; margin-bottom: 30px; position: relative;}
.newsBox article ul li .img{ width: 298px; height: 172px; float: left; overflow: hidden; margin-right: 30px;}
.newsBox article ul li .img img{ width: 298px; height: 172px;}
.newsBox article ul li header{ width: 556px; height:32px; line-height: 32px; font-size: 18px; font-weight: bold; margin-bottom: 15px;overflow: hidden;}
.newsBox article ul li header a{ color: #ac0d47;}
.newsBox article ul li section{ height: 100px; line-height: 20px; font-size: 12px; color:#a1a1a1; overflow: hidden;word-wrap: break-word;
word-break: normal;  margin-bottom: 10px;}
.newsBox article ul li p.time{ font-size: 14px; color: #ac0c46; float: right;}
.newsBox article ul li a.more{ display: block; width: 100px; height: 40px; text-align: center; line-height: 40px; color: #fff; position: absolute; bottom: 10px; right:-70px; background-color: #ac0d47;}

/*加盟专区*/
.joinBox article{ width: 100%; min-width: 1000px; height: 380px; background: url(../img/BA005.jpg) center top no-repeat; padding: 100px 0;}
.joinBox article .text{ width: 1000px; height: 330px; text-align: center; background: url(../img/BA006.png) right top no-repeat; margin: 0 auto; position: relative; padding: 25px 0;}
.joinBox article .text .link{ width: 100px; height: 160px; padding:30px 0; background-color: #ac0c46; position: absolute; top: 50%; margin-top: -110px; left: 0;}
.joinBox article .text .link li{ width: 100px; height:53px; position: relative;}
.joinBox article .text .link li a{ display: block; width: 100%; height:auto; color: #fff; line-height: 100%; overflow: hidden; text-align:center; position:absolute; top:50%; left: 0; }
.joinBox article .more{ position:absolute; bottom: 25px; right: 20px; font-size: 16px; color: #ac0c46;}


/*页脚*/

footer{ width: 100%; min-width: 1000px; height: auto; overflow: hidden; background-color:#eaeaea;}
footer .footerText{ width: 1000px; height: auto; margin: 0 auto; padding: 20px 0; font-size: 12px; overflow: hidden;}
footer .footerText .contactlist{ width: 850px; float: left; padding: 15px 0;}
footer .footerText .contactlist li{ width: 50%; height: 30px; float: left; line-height: 30px; color:#ac0c46;}
footer .footerText .QRC{ float: right;}
footer .Copyright{ width: 100%; min-width: 1000px; height: auto; line-height: 20px; background: #000; color: #a1a1a1; font-size: 12px; padding: 13px 0; text-align: center;}
footer .Copyright a{ color:#a1a1a1 ;}



/*分页*/
#pageshow{text-align:center; clear:both; width:100%; height:25px;  position:relative; margin-top:40px; font-size:15px; }
#AspNetPager1 div{ display:inline-block; height:25px;  position:relative;}

#AspNetPager1 a,#pageshow .thisp,#AspNetPager1 .first{display:inline-block; padding:0px 7px; line-height:23px;  margin-left:3px; color: #828282;}
#AspNetPager1 a:hover{ color:#fff;background:#AC0D47;}
#AspNetPager1 .thisp{ color:#fff;background:#AC0D47;}

#AspNetPager1 .first:hover{ background-color:#AC0D47;}





/*内页*/
.detailMain{ width:1000px; min-height:648px; margin:76px auto 40px ; overflow: hidden;}
.detailMain .leftBox{ float: left; width:200px; height: auto;}
.detailMain .rightBox{ float: right; width: 765px; height: auto;}

.detailMain header.boxTit{ width:972px; height: 32px; line-height: 32px; background: url(../img/icon001.png) center left no-repeat; padding-left:28px; margin-bottom: 29px; font-size: 12px;color: #a1a1a1;}
.detailMain header.boxTit a{ color: #a1a1a1;}
.detailMain header.boxTit a:hover{ color: #ac0c46;}
.detailMain article{ width: 100%; height: auto; overflow:hidden; line-height: 24px; font-size: 14px; }
.detailMain article p{ margin-bottom: 20px; color: #666;}


/*左菜单*/
.leftBox header{ width: 170px; height:auto; background-color: #ac0c46; color: #fff; font-size: 25px; line-height:27px; padding: 8px 15px; margin-bottom: 7px;}
.leftBox header span{ display: block; width: 100%; height: auto; font-family: arial !important; font-size: 12px; line-height: 15px; text-transform: uppercase; color: #ffb5d2;}
.leftBox article{margin-bottom: 40px;}
.leftBox article ul{ width: 100%; height: 100%;}
.leftBox article ul li{ width: 100%; height:auto; line-height: 39px;border-bottom:1px dashed #CACACA; }
.leftBox article ul li a{ display: block; width: 100%; height: 100%; font-size: 14px; color:#898989; overflow: hidden; text-indent: 17px; background: url(../img/icon002.jpg) 6px center no-repeat;}
.leftBox article ul li .hover{ color:#fff; background: url(../img/icon003.jpg) 6px center #ac0c46 no-repeat;  }

.leftBox article ul li .subMenu{ display: none; width: 100%; height: auto; margin: 5px 0; }
.leftBox article ul li .subMenu li{ width:100%; height: 30px; margin: 0; border:none;}
.leftBox article ul li .subMenu li a{ display: block; width: 100%; height: 30px; line-height: 30px; font-size: 14px; color:#666; background: none;}
.leftBox article ul li .subMenu li a:hover{ color:#ac0c46;}

.leftBox .cuTit{ margin:0;}
.leftBox article.cuBox{ width: 178px; height: auto; padding:15px 10px 20px; border:1px solid #c2c2c2;}
.leftBox article ul.conList{ width: 100%; }
.leftBox article ul.conList li{ line-height:25px; font-size: 12px; color: #666; border:none;}



/*内页关于我们*/
.rightBox article .detailAboutText{ margin-top: 200px; width: 518px; height: auto;overflow: hidden;}

/*相册*/
.photoList{ width: 100%; height: 597px; overflow: hidden;}
.photoList li{ width:235px ; height:auto ; padding: 0 10px; float: left; margin-bottom: 25px;}
.photoList li .proElemdisplay: block;ent{ width: 100%; height: 100%; position: relative; }
.photoList li .proElement .mask{ display:none; width: 100%; height: 100%; position: absolute; z-index: 10;background: url(../img/BA007.png);}
.photoList li .proElement .mask span{display:block; width: 100%; height:25px; line-height: 25px; font-size: 15px; color: #fff; text-align: center; margin:-12px auto 0; position: absolute; top: 50%;}
.photoList li .proElement img{ display: block; width: 100%;}



/*产品列表*/
.detailProList{ width:100%; min-height:600px; overflow: hidden;}
.detailProList li{ width: 235px; height:auto ; padding: 0 10px; float: left; margin-bottom:15px; line-height:0;}
/*.detailProList li .proElement{ width: 100%; height: 100%; position: relative; }
.detailProList li .proElement .mask{ display:none; width: 100%; height: 100%; position: absolute; z-index: 10;background: url(../img/BA007.png);}*/
.detailProList li a.proName{ display:inline-block; width:100%; height:40px; line-height:20px; font-size:14px; color:#666; margin:5px 0 0 0; text-align:center; overflow: hidden;}
.detailProList li a.detailed{ position:relative; display:inline-block; width:235px; height:309px;border:1px solid #fff; text-align: center; color:#fff;}
.detailProList li a.detailed:before,.detailProList li a.detailed:after{filter:Alpha(opacity=0); opacity:0; transition:opacity 0.4s; -webkit-transition:opacity 0.4s; -moz-transition:opacity 0.4s;-o-transition:opacity 0.4s; }
.detailProList li a.detailed:before{content:"";background: url(../img/BA007.png); position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; }
.detailProList li a.detailed:after{content:"more"; position:absolute; z-index:11; left:0; right:0; top:0; bottom:0; margin:auto; display:inline-block; height:24px; line-height:24px; width:80px; border:#fff 1px solid;}
.detailProList li img{max-width: 100%; max-height:100%;}
.detailProList li:hover a.detailed:before,.detailProList li:hover a.detailed:after{filter:Alpha(opacity=100); opacity:1;}


.proDet .top { width: 100%; height: auto; overflow: hidden; margin-bottom: 20px; background: #eee; position: relative;}
.proDet .top .proImg{ width: 45%; height: 459px; overflow: hidden; float: left;}
.proDet .top .proTxtBox{ width: 341px; margin-right: 39px;float: right;}

.proDet .top .nTit{width: 100%; font-size: 30px; line-height: 30px; font-weight: bold; color: #AC0D47; border-bottom: 1px dotted #cfcfcf; padding: 30px 0; margin-top:10px; }
.proDet .top .property{ width: 100%;}
.proDet .top .property li{ font-size: 14px; line-height: 39px; color: #333;  border-bottom: 1px dotted #cfcfcf;font-size: 13px;}
.proDet .top .property li span{ font-weight: bold; color: #030303;}

.proDet .top .proPage{width: 341px; height: 25px; position: absolute; bottom: 20px; right: 39px;}
.proDet .top .proPage a{display: block; width: 50%; height: 100%; float:left; line-height: 25px; font-size: 14px; color: #666;}
.proDet .top .proPage a:hover{ color: #AC0D47;}
.proDet .top .proPage a.rightA{ text-align: right;}


.proDet .tit{ font-size: 18px; font-weight: bold; line-height: 25px;  margin: 20px 0 20px; color:#1b1b1b; border-bottom: 1px solid #d5d5d5; padding:5px 0;}
.proDet .tit i{ margin-right: 10px;color: #AC0D47;}
.proDet .con { margin-bottom: 50px;}
.proDet .con p{ text-indent: 2em; margin-bottom: 20px;}
.proDet .detailProList{ height: 310px; overflow: hidden;}

/*新闻*/
.detailNewsList{ width: 600px; height: auto; overflow: hidden;}
.detailNewsList ul.newsList{ width: 100%; height: 750px; overflow: hidden;}
.detailNewsList ul li{ width: 100%; height:138px; margin-bottom: 130px;position: relative;}
.detailNewsList ul li .imgBox{display: block; width: 216px; height: 138px; float: left;  overflow: hidden;}
.detailNewsList ul li .imgBox img{ display: block; height: 100%;}
.detailNewsList ul li header{ width:366px; height: 24px; line-height: 24px; font-size: 14px; float: right;}
.detailNewsList ul li header h3{ line-height:24px; height: 24px; overflow: hidden; }
.detailNewsList ul li header h3 a{ font-size:18px; color:#ac0c46;word-wrap: break-word; word-break: normal; overflow: hidden; }
.detailNewsList ul li header .time{float:right; margin-left:15px;color: #ac0c46;}
.detailNewsList ul li .text{width:366px;  height:100px; font-size: 12px; line-height: 20px; overflow: hidden; float: right; margin-top: 15px; color: #666;}
.detailNewsList ul li .detailed{ display: block; width:77px;height: 26px; line-height: 26px; text-align: center;color: #fff; background-color: #AC0D47; position: absolute; bottom: -40px;right: 0;}

.detailNewsText{width:100%; height: auto;}
.detailNewsText header{width: 100%; height: auto; overflow: hidden;}
.detailNewsText header h3{ font-size:25px;font-weight: bold; line-height: 30px; margin-bottom: 10px;}
.detailNewsText header p{ font-size: 15px;}

.detailNewsText .con{ width: 100%; min-height: 480px; margin-bottom:40px; }
.detailNewsText footer{width: 100%; height: auto; background:none; border-top:1px dashed #ccc; padding-top:10px; ; line-height: 20px; font-size: 12px;}
.detailNewsText footer a{color: #666;}
.detailNewsText footer a:hover{color: #AC0D47;}


/*加盟专区*/
.detailJoinText{ width: 540px; height: auto;}


.appleForm span{ font-size:20px; color: #a80505; margin-left: 5px; line-height: 20px;}
.appleForm .form-group{ height: auto; overflow: hidden;}
.appleForm #nameApply,.appleForm #telApply{width: 40%; }
.appleForm #companyNameApply,.appleForm #EmailApply{width: 50%;}
.appleForm #addApply,.appleForm #textApply{width: 60%;}
.appleForm #codeApply{width: 30%;}
#imgCode{ margin-top: 20px;}
.appleForm .btn{ background:#AC0C46 !important; border-color: #990c3f !important;}
.appleForm .btn:hover{ background:#8b1741 !important; border-color: #780730 !important;}

/*会员中心*/
.memberBox{width: 540px; height: auto;}
.memberBox h3{ font-size: 20px; color: #AC0D47; margin: 0 0 20px; }
.memberBox h3 i{ margin-right: 10px; }
.memberBox .form-group{ height: auto; overflow: hidden;}
.memberBox .btn{ background:#AC0C46 !important; border-color: #990c3f !important;}
.memberBox .btn:hover{ background:#8b1741 !important; border-color: #780730 !important;}
.memberBox .logIn,.memberBox .sign{ margin-bottom: 50px; }
.memberBox #nameMem,.memberBox #passMem{ width: 50%;}
.memberBox span{ font-size:20px; color: #a80505; margin-left: 5px; line-height: 20px;}

.memberBox #nameSign{width: 50%;}
.memberBox #passSign,.memberBox #passAlsoSign{width: 50%;}
.memberBox #telSign{width: 50%;}
.memberBox #emailSign,.memberBox #companyNameSign,.memberBox #addSign{width: 65%;}
.memberBox #Code{width: 30%;}


/*在线留言*/
.feedForm .form-group{ height: auto;overflow: hidden;}
.feedForm span{ font-size:20px; color: #a80505; margin-left: 5px;line-height: 20px;}
.feedForm{ width:450px; height: auto; overflow: hidden;}
.feedForm #nameFeed{width: 40%;}
.feedForm #companyNameFeed{width: 60%;;}
.feedForm #EmailFeed{width: 60%;}
.feedForm #telFeed{width: 40%;}
.feedForm #addFeed{width: 60%;}
.feedForm #textFeed{width: 80%;}
.feedForm #codeFeed{width: 40%;}
.feedForm .btn{ background:#AC0C46 !important; border-color: #990c3f !important;}
.feedForm .btn:hover{ background:#8b1741 !important; border-color: #780730 !important;}

/*联系我们*/
.contactText{ width: 540px; height: auto;}


/*人力资源*/
.hrList{ width: 100%; height: auto; min-height: 728px; overflow: hidden;}

.hrList li { width: 100%; height: auto; overflow: hidden; margin-bottom: 10px;}
.hrList li h4.head{ width: 735px; height: 42px; line-height: 42px; background-color: #f0f0f0; padding: 0 15px; font-size: 12px; color: #8c8c8c;}
.hrList li h4.head strong{ font-size: 20px; color:#ac0c46; font-weight: bold; margin-right: 10px;}

.hrList li h4.hover { color: #fff; background-color: #ac0c46;}
.hrList li h4.hover strong{color: #fff;}
.hrList li h4.hover a{color: #fff;}

.hrList li .con{display: none; width: 735px; height: auto; padding: 15px 15px; font-size: 12px; color: #333;}
.hrList li .con strong{ color: #ac0c46; margin-right: 10px; font-weight: bold;}
.hrList .jobTit{ font-weight: bold; color: #ac0c46; font-size: 15px; padding: 10px 0 0;}