@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body { color:#616161; font:12px/20px "Microsoft YaHei", "微软雅黑", "SimSun", "宋体",HELVETICA;  }
em{font-style:normal}
li{list-style:none}
fieldset, img { border:none; }
img{border:0;vertical-align:middle}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0;}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; font-family: "微软雅黑";}
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
p {word-wrap:break-word}
table { border-collapse:collapse; }
a{ color: #333333; text-decoration:none;blr:expression(this.onFocus=this.blur());	 }
a:hover { text-decoration:none; color: #9b2b2d;}
.animate { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; }
.animate1 { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; }
 
.w1200{ width:1200px; margin:0 auto;  }
 
.fl{ float:left}
.fr{ float:right}
.mt190{ margin-top:190px;}
.mt30{ margin-bottom:30px;}
.mt60{ margin-bottom:60px;}
.over{ overflow:hidden}
.mb40{ margin-bottom:40px;}
.mti0{margin-top: 0!important;}
.mbi0{margin-bottom: 0!important;}
.mt15{margin-top: 15px!important;}
.mb10{margin-bottom: 10px!important;}
.h10{ height: 10px; width: 100%;}

.RText .RPart {
    opacity: 0;
    filter: alpha(opacity=0)\9;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px)
}
.RText .RPart:nth-child(1) {
    -webkit-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out
}
.RText .RPart:nth-child(2) {
    -webkit-transition: all 0.7s ease-out 0.5s;
    transition: all 0.7s ease-out 0.5s
}
.RText .RPart:nth-child(3) {
    -webkit-transition: all 0.7s ease-out 1s;
    transition: all 0.7s ease-out 1s
}
.RText .RPart:nth-child(4) {
    -webkit-transition: all 0.7s ease-out 1.2s;
    transition: all 0.7s ease-out 1.2s
}

.RText.fadeShow .RPart {
    opacity: 1;
    filter: alpha(opacity=100)\9;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px)
}


.top{ height:35px; line-height:35px; background:#f9f9f9; overflow:hidden; width:100%;}
.top .fr{ display:block; margin-top:8px;}
.top .fr a{ display:block;height:16px; line-height:16px; padding-right:10px;  float:left; color:#333; margin-left:10px; }
.top .fr a.top_1{ background:url(../images/top1.png) center left no-repeat; padding-left:20px;border-right:1px solid #dadada;}
.top .fr a.top_2{ border-right:1px solid #dadada;}
.top .fr a.top_3{ border-right:1px solid #dadada;}
.top .fr a:hover{ color:#9b2b2d}

.head{ overflow:hidden; clear:both; width:1200px; margin:0 auto; padding:30px 0 20px;}
.head .logo{ float:left}
.head .seach{ float:left; margin-left:150px; height:40px; line-height:40px; border:2px solid #9b2b2d; margin-top:10px;}
.head .seach input{ float:left;height:40px; line-height:40px; border:0;}
.head .seach input[type="text"]{ width:300px; padding-left:5px; font-size:16px;  }
.head .seach input[type="button"]{ width:80px; background:#9b2b2d; color:#fff; font-size:18px; cursor:pointer; font-family:Microsoft YaHei;}
.head .fr{ margin-top:15px;}

.menunav{ height:35px; line-height:35px; overflow:hidden; border-bottom:2px solid #9b2b2d}
.menunav .menupro{ background:#9b2b2d; color:#fff; display:block; width:250px; text-align:center; font-size:14px; float:left}
.menunav ul{ float:right; overflow:hidden;}
.menunav ul li{ background:url(../images/main3.jpg) center right no-repeat; float:left; padding-left:60px;}
.menunav ul li.clear{ background:none;}
.menunav ul li a{ color:#333; font-size:14px;}
.menunav ul li a:hover{ color:#9b2b2d}

.ban{ height:570px; background:url(../images/i1.png) center no-repeat; overflow:hidden;}
.banActivity{background:url(../images/vi_02.jpg) center no-repeat;}
.bancontact{background:url(../images/contact_02.jpg) center no-repeat;}
.banabout{background:url(../images/about_01.jpg) center no-repeat;}
.banproduct{background:url(../images/product_02.jpg) center no-repeat;}
.banvi{background:url(../images/vi_02.jpg) center no-repeat;}
.banser{background:url(../images/i2.jpg) center no-repeat;}
.banser2{background:url(../images/i3.jpg) center no-repeat;}
.banfw02{background:url(../images/fw02.jpg) center no-repeat;}
.bannews{background:url(../images/news_02.jpg) center no-repeat;}

.indpronav{ height:97px; background:url(../images/main2.jpg) center; width:1200px; overflow:hidden; margin:30px auto;}
.indpronav ul{ margin-left:120px;  overflow:hidden;}
.indpronav a{ float:left; font-size:14px; color:#333; width:180px; text-align:center}
.indpronav a i{ width:59px; height:44px; display:block;  margin:15px auto 0;}
.indpronav a.pronav1 i{ background:url(../images/pronav1.png);}
.indpronav a.pronav2 i{ background:url(../images/pronav2.png);}
.indpronav a.pronav3 i{ background:url(../images/pronav3.png);}
.indpronav a.pronav4 i{ background:url(../images/pronav4.png);}
.indpronav a.pronav5 i{ background:url(../images/pronav5.png);}
.indpronav a.pronav6 i{ background:url(../images/pronav6.png);}
.indpronav a.pronav1:hover i{background:url(../images/pronav1on.png);}
.indpronav a.pronav2:hover i{background:url(../images/pronav2on.png);}
.indpronav a.pronav3:hover i{background:url(../images/pronav3on.png);}
.indpronav a.pronav4:hover i{background:url(../images/pronav4on.png);}
.indpronav a.pronav5:hover i{background:url(../images/pronav5on.png);}
.indpronav a.pronav6:hover i{background:url(../images/pronav6on.png);}
.indpronav a:hover{ color:#9b2b2d}

.indpromu{ width:1200px; margin:0 auto; overflow:hidden;}
.indpromu img{ margin-right:8px;}
.indpromu img.clear{ margin-right:0;}

.indpromu3{ width:1200px; margin:0 auto; overflow:hidden;}
.indpromu3 img{ margin:0 8px 8px 0;}
.indpromu3 img.clear{ margin-right:0;}


.indti{ overflow:hidden; width:1200px; margin:20px auto; line-height:50px; border-bottom:1px solid #ddd}
.indti img.fl{ margin-top:10px;}
.indti h1{ float:left; font-size:24px; color:#333; margin-left:10px; margin-right:5px;}
.indti span{ float:left; margin-top:6px; font-size:14px; text-transform:uppercase}
.indti .fr a{ color:#333; margin:0 5px; border-right:1px solid #dadada; padding-right:10px;}
.indti .fr a img{ margin-left:5px;}
.indti .fr a:hover{ color:#9b2b2d}
.indprosnav{ overflow:hidden}

.indtti{ overflow:hidden;  margin:10px auto; line-height:30px;height:30px }
.indtti img.fl{ margin-top:5px; width:20px}
.indtti h1{ float:left; font-size:18px; color:#333; margin-left:10px; margin-right:5px;}
.indtti span{ float:left; margin-top:5px; font-size:12px; text-transform:uppercase}


.indpros{ width:1200px; margin:0 auto 40px; overflow:hidden ;position:relative  }
.indpros .hd{   position:relative;border-left:1px solid #dadada; overflow:hidden }
.indpros .hd ul{ overflow:hidden    }
.indpros .hd ul li{ overflow:hidden; float:left; width:170px; height:150px; border-right:1px solid #dadada; border-bottom:1px solid #dadada;border-top:1px solid #dadada;   cursor:pointer; text-align:center; font-size:14px;  }
.indpros .hd ul li img{ margin-top:20px; margin-bottom:5px}
.indpros .hd ul li.on{ color:#9b2b2d }
.indpros .bd{ overflow:hidden;    }
.indpros .bd ul{ width:1000px;}
.indpros .bd ul li{ float:left; width:470px; overflow:hidden; margin-right:20px;}
.indpros .bd ul li a{ position:relative; display:inline-block; overflow:hidden; margin-bottom:18px;float:left;}
.indpros .bd ul li a.fr{ float:right}
.indpros .bd ul li a em{ position:absolute; width:100%; z-index:99; bottom:0; left:0; background:url(../images/main6.png); overflow:hidden; color:#fff; padding:7px 0;}
.indpros .bd ul li a em h1{ padding:0 15px; font-size: 16px; font-weight:normal; margin-bottom:2px;}
.indpros .bd ul li a em p{ padding:0 15px; font-size:14px}

.indvr{ position:absolute; overflow:hidden; right:0; top:0}
.indvr a{ position:relative; display:inline-block; overflow:hidden; margin-bottom:18px;}
.indvr a em{ position:absolute; width:100%; z-index:99; bottom:0; left:0; background:url(../images/main6.png); overflow:hidden; color:#fff; padding:7px 0;}
.indvr a em h1{ padding:0 15px; font-size: 16px; font-weight:normal; margin-bottom:2px;}
.indvr a em p{ padding:0 15px; font-size:14px}

.indvi{ width:1200px; margin:0 auto; overflow:hidden}
.indvimain{ float:left; overflow:hidden; width:960px;}
.diymain{ float:left; margin-top:20px; width:957px; height:242px; background:url(../images/indvi2.jpg)}
.diymain form{ margin-left:335px; margin-top:95px;}
.diymain p{ margin-bottom:10px; clear:both; overflow:hidden}
.diysub{ width:584px; height:40px; background:#9b2b2d; color:#fff; border:0; font-size:16px; font-weight:bold; cursor:pointer; margin:0 auto}
.diysub:hover{ background:#312925}
.diymain .diyipt{ float:left; margin-right:10px;width:280px; height:40px; line-height:40px; border:1px solid #e0e0e0; padding-left:5px; font-size:14px; color:#a9a9aa}
.diymain #Province{ width:150px; height:40px; float:left; border:1px solid #e0e0e0;  color:#a9a9aa; margin-right:10px; }
.diymain #City{ width:150px; height:40px;  float:left; border:1px solid #e0e0e0; color:#a9a9aa }
.indvilist{ overflow:hidden; float:right;width:230px;}

.vilist{ width:200px; padding:30px 15px; height:240px;  overflow:hidden; position:relative;     }
.vilist .bd{    }
.vilist .infoList li{ margin-bottom:20px;    }
 

.indzmd{width:1200px; margin:0 auto 20px; overflow:hidden}


.indgg{width:1200px; margin:0 auto; overflow:hidden}


.indly{width:1200px; margin:0 auto; overflow:hidden}
.indlymain{ width:980px; border:1px solid #f5f5f5; text-align:left; float:left;  }
.indlymain .hd{ height:55px; line-height:55px; font-size:18px; color:#333;    position:relative; border-bottom:1px solid #f5f5f5; }
.indlymain .hd ul{ float:left; color:#e5e5e5;  }
.indlymain .hd ul li{ display:inline-block; width:131px; text-align:center;  cursor:pointer; color:#333   }
.indlymain .hd ul li.on{ background:url(../images/indly2.jpg) center bottom no-repeat}
.indlymain .bd{ padding:45px 40px; height:237px; overflow:hidden;}
.indlymain .bd .fr{ width:700px;    zoom:1;  }
.indlymain .bd img.fl{ max-width:160px;}
.indlymain .bd .fr h1{ font-size:18px; color:#333; margin-bottom:10px;}
.indlymain .bd .fr h6{ font-size:16px; font-weight:normal;color:#333; margin-bottom:5px;}
.indlymain .bd .fr p{ text-indent:2em; color:#999; font-size:14px;}

.indzs{width:1200px; margin:0 auto; overflow:hidden}
.indzs .beauty-wrap{width:1200px;margin:0 auto;height:240px; margin-bottom:20px; padding:20px;overflow:hidden;background:url(http://img.xiugei.com/photos/zhishiku.png) no-repeat 0 134px #fff;float:left;font-family:"Microsoft Yahei",Tahoma;}
.indzs .beauty-wrap .beauty-l,.indzs .beauty-wrap .beauty-r{float:left}
.indzs .beauty-wrap .beauty-l{width:220px}
.indzs .beauty-wrap .beauty-l .title{font-size:24px;font-weight:700; color:#910001}
.indzs .beauty-wrap .beauty-l .tag-wrap{height:180px;width:100%;margin-top:20px;border-top:1px solid #efefef;padding-top:7px;overflow:hidden}
.indzs .beauty-wrap .beauty-l li{float:left;margin-right:12px;margin-top:10px}
.indzs .beauty-wrap .beauty-l .tag{display:block;padding-left:12px;padding-right:12px;border-radius:12px;border:2px solid #ededed;text-align:center;color:#666;height:22px;line-height:22px;text-decoration:none;background:#fff}
.indzs .beauty-wrap .beauty-l .tag:hover{border-color:#910001;background-color:#910001;color:#fff}
.indzs .beauty-wrap .beauty-l .hot{border-color:#910001;color:#910001;text-decoration:none}
.indzs .beauty-wrap .beauty-l .hot:hover{border-color:#910001;background-color:#910001;color:#fff}
.indzs .beauty-wrap .beauty-r{height:240px;width:930px}
.indzs .beauty-wrap .beauty-r .item{float:left;margin-left:30px;width:280px;height:240px;overflow:hidden}
.indzs .beauty-wrap .beauty-r .item .links{margin-top:10px}
.indzs .beauty-wrap .beauty-r .item .link{margin-top:5px;height:18px;line-height:18px;overflow:hidden}
.indzs .beauty-wrap .beauty-r .item .link a{color:#555;}
.indzs .beauty-wrap .beauty-r .item .link a:hover{color:#f25962}
.indzs .beauty-wrap .beauty-r .item .img{overflow:hidden;display:block;width:280px;height:190px;position:relative}
.indzs .beauty-wrap .beauty-r .item .img img{/*width:280px;height:190px*/}
.indzs .beauty-wrap .beauty-r .item .img .border{z-index:18;position:absolute;width:278px;height:188px;top:0;left:0;border:0}
.indzs .beauty-wrap .beauty-r .item .img:hover .border{border:1px solid #f25962}
.indzs .beauty-wrap .beauty-r .item .img .desc-wrap{height:28px;line-height:28px;position:absolute;width:100%;bottom:0;left:0;text-align:center}
.indzs .beauty-wrap .beauty-r .item .img .desc-wrap .type{width:63px;height:28px;display:block;background:#910001;float:left;color:#fff;font-size:14px}
.indzs .beauty-wrap .beauty-r .item .img .desc-wrap .desc{width:217px;height:28px;display:block;color:#fff; background:rgba(0,0,0,.8);float:right;font-size:14px;overflow:hidden;}

.indxx{ float:left; width:415px; overflow:hidden;}

.indxxmain{ width:415px;  overflow:hidden; position:relative;    }
.indxxmain .hd{ overflow:hidden; position:absolute; width:100%; z-index:999; bottom:120px;    }
.indxxmain .hd ul{  overflow:hidden; text-align:center }
.indxxmain .hd ul li{   width:10px; height:10px; border-radius:5px; display:inline-block; overflow:hidden; margin:0 3px; text-indent:-999px; cursor:pointer; background:#fff; }
.indxxmain .hd ul li.on{ background:#910001 }
.indxxmain .title{ height:115px; background:#910001; color:#fff; overflow:hidden; padding:0 10px;  }
.indxxmain .title h1{ margin-top:20px; margin-bottom:10px;}
.indxxmain .title p{ line-height:20px; text-indent:2em;}
 
		 
.indnews{ width:750px; overflow:hidden; float:right; text-align:left; margin-bottom:60px;  }
.indnews .hd{ position:relative; }
.indnews .hd ul{ float:left;  position:absolute; margin-left:20px;   }
.indnews .hd ul li{   cursor:pointer; float:left; font-weight:bold;  font-size: 18px;  color: #333;  margin-left: 10px;  margin-right: 5px;}
.indnews .hd ul li.on{ color:#910001 }
.indnews .bd{ border:1px solid #dadada; overflow:hidden; padding:25px 30px 5px 30px;   zoom:1;  }
.indnews .bd ul a{ color:#777; clear:both; overflow:hidden; display:block; margin-bottom:25px;}
.indnews .bd ul a img{ width:150px; height:85px; float:left; margin-right:20px;}
.indnews .bd ul a h1{   font-size:18px; font-weight:normal; margin-bottom:5px; color:#333;}
.indnews .bd ul a:hover h1{ color:#fe440a;}


.indzmdmain{ width:1200px; margin:20px auto; overflow:hidden; background:url(../images/indzmd1.jpg)  200px top no-repeat;   height:280px; position:relative   }
.indzmdmain .hd{   position:relative; width:100px; float:left;border-top:1px solid #dadada;   }
.indzmdmain .hd ul{ overflow:hidden;border-bottom:1px solid #dadada; height:278px; background:#373737; }
.indzmdmain .hd ul li{ display:block; height:40px; line-height:40px; text-align:center; font-size:16px;  cursor:pointer; background:#373737; color:#fff;  }
.indzmdmain .hd ul li.on{ background:#ffffff; color:#333; border-left:3px solid #cc0000;  }
.indzmdmain .bd{ float:left; overflow:hidden; width:1100px;}
		
.indzmdadd{ overflow:hidden;}
.indzmdadd .inHd{ width:100px; display:block; float:left; height:278px;border-bottom:1px solid #dadada;border-top:1px solid #dadada;}
.indzmdadd .inHd ul{ overflow:hidden; zoom:1; }
.indzmdadd .inHd ul li{   width:100px;height:40px; line-height:40px; text-align:center; float:left; cursor:pointer;  }
.indzmdadd .inHd ul li.on{  color:#cc0000;  }
.indzmdadd .inBd{  zoom:1; overflow:hidden; float:left; width:1000px;   }
.indzmdadd .inBd .fl{ width:550px; text-align:center; overflow:hidden; float:left; height:100%;}
.indzmdadd .inBd .fl h1{ margin-top:60px; font-weight:normal; color:#333; margin-bottom:10px;}
.indzmdadd .inBd .fr{ width:450px; overflow:hidden}
.indzmdadd .inBd img{ float:right; }

.indzmdbtn1{ width:170px; height:35px; line-height:35px; text-align:center; display:block; background:#333; color:#fff; font-size:14px; position:absolute; bottom:35px; left:300px;}

.indzmdbtn2{ width:170px; height:35px; line-height:35px; text-align:center; display:block; background:#fe440a; color:#fff; font-size:14px; position:absolute; bottom:35px; left:490px;}

.bottom{ overflow:hidden; clear:both; background:#f9f9f9}
.bottom img{ margin-bottom:80px;}
.bottom dl{ float:left; width:200px;margin-bottom:30px;}
.bottom dl dt a{ color:#333; font-size:14px;}
.bottom dl dd a{ color:#777; font-size:12px;}
.bottom .bot{ background:#1f1f1f; color:#939393; clear:both; overflow:hidden; text-align:center; padding:30px 0; }
.bottom dl a:hover{ color:#fe440a;}

.newsmain1{ width: 1200px; margin: 0 auto; padding-bottom: 25px;padding-top: 30px;}
.newstitle{ border-bottom: 1px solid #e4e1e1; height: 55px; position: relative; overflow: hidden; width: 1200px; margin: 0 auto 25px;}
.newstitle .lmainl{ float: left; line-height: 55px; font-size: 20px; color: #1f1f1f;}
.newstitle .lmainr{ width: 105px; height: 30px;  text-align: center; line-height: 30px; font-size: 14px; color: #fff; background: #910001; position: absolute; right: 0; bottom: 0;}
.newstitle .lmainr:hover{ background: #f96320;}
.newsmain1 .lbody{ overflow: hidden; margin-bottom: 53px;}
.newsmain1 .lbody .lmainl{ float: left; width: 589px; height: 353px; position: relative;}
.newsmain1 .lbody .lmainl .limg img{ width: 589px; height: 353px;}
.newsmain1 .lbody .lmainl p{ width: 96%; padding: 0 2%; line-height: 60px; background: url(../images/news_13.png); position: absolute; left: 0; bottom: -60px; font-size: 14px; color: #fff; text-align: center;}
.newsmain1 .lbody .lmainl:hover p{bottom: 0;}
.newsmain1 .lbody .lmainr{ float: right; width: 555px; position: relative;}
.newsmain1 .lbody .lmainr .lsubtitle{ font-size: 18px; color: #666666; font-weight: bold;white-space: nowrap;word-break: keep-all;text-overflow: ellipsis;}
.newsmain1 .lbody .lmainr .ldescribe{ font-size: 14px; line-height: 24px; color: #999999; margin-top: 25px; margin-bottom: 40px;}
.newsmain1 .lbody .lmainr .ltime{ font-size: 14px; color: #666666;}
.newsmain1 .lbody .lmainr:hover .lsubtitle{ color: #910001;}
.newsul{ width: 1200px; margin: 0 auto; overflow: hidden;}
.newsul ul{ width: 1300px; overflow: hidden;}
.newsul ul li{ float: left; width: 385px; height: 365px; margin-right: 22px; margin-bottom: 25px;}
.newsul ul li img{ width: 385px; height: 230px;}
.newsul ul li .lsubtitle{ font-size: 14px; line-height: 25px; color: #666666; font-weight: bold;white-space: nowrap;word-break: keep-all;text-overflow: ellipsis; width: 365px; padding: 0 10px; margin-top: 10px; margin-bottom: 5px;}
.newsul ul li .ldescribe{ font-size: 14px; line-height: 20px; color: #999999; margin-bottom: 20px; width: 365px; padding: 0 10px; height: 40px; overflow: hidden;}
.newsul ul li .ltime{ font-size: 14px; color: #666666; padding: 0 10px;}
.newsul ul li:hover{ background: #910001;}
.newsul ul li:hover .lsubtitle{color: #ffe9df;}
.newsul ul li:hover .ldescribe{color: #ffb595;}
.newsul ul li:hover .ltime{color: #ffe9df;}
.newsmain2{ padding-top: 30px; background: #fafafa; padding-bottom: 25px;}
.newsmain3{ padding-top: 30px; padding-bottom: 90px;}

.contactnav{ width: 100%; height: 60px; border-bottom: 1px solid #e5e5e5; background: #eeeeee;}
.contactnav .lbody{ width: 1200px; margin: 0 auto; overflow: hidden; }
.contactnav .lbody .lmainl{ float: left; font-size: 24px; color: #333; line-height: 60px;}
.contactnav .lbody .lmainr{ float: right; overflow: hidden;}
.contactnav .lbody .lmainr a{ line-height: 60px; float: left; font-size: 14px;  margin-left: 30px; color: #666;}
.contactnav .lbody .lmainr a.on,.contactnav .lbody .lmainr a:hover{ border-bottom: 1px solid #62726f}
.contactmain1{ width: 1198px; margin: 55px auto 0; border: 1px solid #dadada; overflow: hidden;}
.contactmain1 .lbox{ font-size: 14px; color: #666666; line-height: 20px; float: left; padding: 25px 0 25px 65px; background: url(../images/contact_03.jpg) no-repeat 30px center; border-right: 1px solid #dadada; width: 333px;}
.contactmain1 .lbox.lbox2{ background: url(../images/contact_04.jpg) no-repeat 30px center; padding-left: 72px; width: 326px}
.contactmain1 .lbox.lbox3{ background: url(../images/contact_05.jpg) no-repeat 30px center; border: 0; padding-left: 70px; width: 328px}
.contactmain2{ width: 1140px; margin: 35px auto 0; padding-left: 60px;}
.contactmain2 div{ font-size: 20px; color: #333; font-weight: bold; line-height: 30px; margin-bottom: 10px;}
.contactmain2 p{ font-size: 14px; color: #666666; line-height: 24px;}
.contactmain3{ width: 1200px; margin: 80px auto 40px;}
.contactmain3 .ltitle div{ text-align: center; font-size: 36px; color: #333333; line-height: 50px;}
.contactmain3 .ltitle p{ text-align: center; font-size: 18px; color: #999999; line-height: 26px;}
.contactmain3 .lbody{ width: 650px; margin: 40px auto 0; overflow: hidden;}
.contactmain3 .lbody .lbox{ overflow: hidden; width: 670px; margin-bottom: 25px;}
.contactmain3 .lbody .lbox .lipt,.contactmain3 .lbody .lbox textarea{ width: 608px; border: 1px solid #ccc; line-height: 32px; height: 32px; padding: 0 20px; color: #666; font-size: 12px;}
.contactmain3 .lbody .lbox .lipt.lipt2{ float: left; width: 280px; margin-right: 5px;}
.contactmain3 .lbody .lbox .ltextarea{ height: 150px; height: 150px; line-height: 20px; padding: 10px 20px;}
.contactmain3 .lbody .lbtn{ width: 121px; height: 44px; background: #910001; border: 0; margin: 0 auto; display: block; font-size: 24px; color: #fff; line-height: 44px; cursor: pointer;}
.contactmain3 .lbody .lbtn:hover{ background: #ff621d;}
.contactmain4{ width: 1200px; overflow: hidden; margin: 0 auto 80px;}
.contactmain4 .lbox{ margin-top: 30px;}
.contactmain4 .lbox div{ font-size: 18px; color: #333; font-weight: bold;line-height: 30px; margin-top: 20px;}
.contactmain4 .lbox p{ font-size: 14px; color: #333; line-height: 24px;}
#dituContent{ width: 100%; height: 545px;}

.aboutmain1{ width: 100%; overflow: hidden;}
.aboutmain1 .laboutl{ float: left; width: 50%; background: #e9e9ea; height: 474px; overflow: hidden; position: relative;}
.aboutmain1 .laboutr{ float: left; width: 50%; height: 474px; overflow: hidden; position: relative;}
.aboutmain1 .ltest{ width: 70%; margin: 145px auto 0;}
.aboutmain1 .ltest div{ font-size: 30px; color: #333333; line-height: 50px;}
.aboutmain1 .ltest p{ font-size: 14px; color: #333333; line-height: 24px; margin-top: 5px;}
.aboutmain1 .ltest a{ width: 46px;height: 46px; border: 1px solid #434343; background: url(../images/about_03.png) no-repeat; position: absolute; right: 33px; bottom: 33px;}
.aboutmain1 .ltest a:hover{  background: url(../images/about_02.png) no-repeat #434343;}
.aboutmain1 .laboutr .ltest div{ color: #ff5903;}
.aboutmain1 .laboutr .ltest a{  border: 1px solid #ff6600; background: url(../images/about_04.png) no-repeat;}
.aboutmain1 .laboutr .ltest a:hover{  background: url(../images/about_02.png) no-repeat #ff6600;}
.aboutmain2{ width: 100%; margin: 0 auto; overflow: hidden;}
.aboutmain2 ul{ width: 100%; overflow: hidden;}
.aboutmain2 ul li{ width: 25%; height: 347px; float: left; overflow: hidden; position: relative;}
.aboutmain2 ul li .limg{ width: 100%; height: 347px; background: url(../images/about_02.jpg) no-repeat center;}
.aboutmain2 ul li .limg2{ background: url(../images/about_03.jpg) no-repeat center;}
.aboutmain2 ul li .limg3{ background: url(../images/about_04.jpg) no-repeat center;}
.aboutmain2 ul li .limg4{ background: url(../images/about_05.jpg) no-repeat center;}
.aboutmain2 ul li .ltest{ width: 80%; margin: 80px auto 0;}
.aboutmain2 ul li .ltest div{ font-size: 30px; color: #fff; line-height: 50px;}
.aboutmain2 ul li .ltest p{ font-size: 14px; color: #fff; line-height: 24px; margin-top: 5px;}
.aboutmain2 ul li .ltest a{ width: 46px;height: 46px; border: 1px solid #fff; background: url(../images/about_02.png) no-repeat; position: absolute; right: 33px; bottom: 33px;}
.aboutmain2 ul li .ltest a:hover{  background: url(../images/about_03.png) no-repeat #fff;}
.aboutmain2 ul li.li1{ background: #333333;}
.aboutmain2 ul li.li2{ background: #ff6600;}
.aboutmain2 ul li.li3{ background: #ffb400;}
.aboutmain2 ul li.li3 div{ color: #333;}
.aboutmain2 ul li.li3 p{ color: #333;}
.aboutmain2 ul li.li4{ background: #016c3a;}
.aboutmain3{ width: 1200px; margin: 40px auto;}
.aboutmain3 .ltitle div{ font-size: 40px; color: #333333; line-height: 50px; text-align: center;}
.aboutmain3 .ltitle p{ font-size: 12px; color: #333333; line-height: 24px; text-align: center;text-transform:Uppercase;}

.productmain1{ width: 1198px; border: 1px solid #e6e6e6; margin: 25px auto;}
.productmain1 .lboxtitle{height: 58px; overflow: hidden;}
.productmain1 .lboxtitle .lproductl{ float: left; background: #f5f5f5; padding-left: 25px; margin-right:25px; font-size: 16px; color: #666666; font-weight: bold; width: 100px; line-height: 58px;}
.productmain1 .lboxtitle a{ margin: 15px 25px; float: left; line-height: 30px; color: #666666; font-size: 16px; }
.productmain1 .lboxtitle a.on,.productmain1 .lboxtitle a:hover{ background: #9b2b2d; color: #fff; padding: 0 10px; margin: 15px 15px;}
.productmain1 .lbox{ border-bottom: 1px dashed #e6e6e6; overflow: hidden;}
.productmain1 .lbox .lproductl{ float: left; background: url(../images/about_09.jpg) center left no-repeat #f5f5f5; padding-left: 50px; width: 75px;  font-size: 14px; color: #666666; line-height: 58px; font-size: 14px;}
.productmain1 .lbox a{ padding: 0 25px; line-height: 58px; color: #666666; font-size: 14px;}
.productmain1 .lbox a.on,.productmain1 .lbox a:hover{ color: #9b2b2d;}
.productmain1 .lbox.lbox3 .lproductl{ background: url(../images/about_10.jpg) center left no-repeat #f5f5f5;}
.productmain1 .lbox.lbox4{ border: 0;}
.productmain1 .lbox.lbox4 .lproductl{ background: url(../images/about_11.jpg) center left no-repeat #f5f5f5;}
.productmain2{ width: 1200px; margin: 50px auto; overflow: hidden;}
.productmain2 ul{ width: 1250px; overflow: hidden;}
.productmain2 ul li{ border: 1px solid #f3f3f3; overflow: hidden; margin-right: 25px;margin-bottom: 28px; padding: 6px; width: 267px; height: 288px; float: left; position: relative; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;}
.productmain2 ul li img{ width: 267px; height: 178px;}
.productmain2 ul li .lname{ text-align: center; font-size: 22px; color: #666666; font-weight: bold; margin-top: 15px; line-height: 24px;}
.productmain2 ul li .lmodel{ text-align: center; font-size: 14px; color: #666666; margin-top: 2px; line-height: 20px;}
.productmain2 ul li .lbtn{ width: 80px; line-height: 24px; text-align: center; background: #666666; color: #fff; margin: 12px auto 0; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;}
.productmain2 ul li:hover .lbtn{ background: #9b2b2d; color: #fff;}
.productmain2 ul li:hover{ border: 1px solid #9b2b2d;}

.proshowmain1{ width: 1200px; margin: 0 auto;}
.proshowmain1 .ltitle{ line-height: 30px; font-size: 14px; color: #333333;}
.proshowmain1 .ltitle a{ color: #333333;}
.proshowmain1 .ltitle a:hover{ color: #9b2b2d;}
.proshowmain2{ width: 1180px; padding: 9px; border: 1px solid #e6e6e6; margin: 0 auto 70px;-moz-box-shadow: 3px 5px 10px #d2d2d2; box-shadow: 3px 5px 10px #d2d2d2;
    -webkit-box-shadow: 3px 5px 10px #d2d2d2;  overflow: hidden;}
.proshowmain2 .lbody{ overflow: hidden;}
.proshowmain2 .lbody .lproshowl{ float: left; width: 450px; height: 520px;}
.proshowmain2 .lbody .lproshowr{ width: 415px; float: left; margin-left: 35px;}
.proshowmain2 .lbody .lname{ font-size: 22px; line-height: 40px; font-weight: bold; color: #333; margin-top: 5px;}
.proshowmain2 .lbody .ltest{ font-size: 14px; line-height: 40px; margin-top: 7px; color: #666666;}
.proshowmain2 .lbody .lbox1{ overflow: hidden; margin: 15px 0 0;padding-bottom: 15px; border-bottom: 1px solid #e0e0e0;}
.proshowmain2 .lbody .lbox1 a{background: #f5f5f5; border-radius: 15px; width: 70px; line-height: 30px; float: left; margin: 0 5px; background: url(../images/proshow_04.jpg) no-repeat 15px center #f5f5f5; padding-left: 45px;}
.proshowmain2 .lbody .lbox1 a.la2{ background: url(../images/proshow_05.jpg) no-repeat 15px center #f5f5f5;}
.proshowmain2 .lbody .lbox2{ margin: 30px 0 59px; overflow: hidden;}
.proshowmain2 .lbody .lbox2 a{ float: left; width: 195px; height: 35px; line-height: 35px; text-align: center; font-size: 14px; color: #333; background: #f5f5f5;}
.proshowmain2 .lbody .lbox2 a:hover{ background: #910001; color: #fff;}
.proshowmain2 .lbody .lbox3{ width: 405px; height: 116px; position: relative; overflow: hidden;}
.proshowmain2 .lbody .lbox3 .lflash{ width: 313px; height: 105px; margin: 5px auto 0; overflow: hidden; }
.proshowmain2 .lbody .lbox3 .lflash ul{ overflow: hidden; width: 10000%;}
.proshowmain2 .lbody .lbox3 .lflash ul li{ float: left; width: 151px; height: 105px; margin-right: 11px;}
.proshowmain2 .lbody .lbox3 .lflash ul li img{ width: 151px; height: 105px;}
.proshowmain2 .lbody .lbox3 .lleft{ width: 27px; height: 116px; background: url(../images/proshow_06.jpg) no-repeat; position: absolute; left: 0;top:0; cursor: pointer;}
.proshowmain2 .lbody .lbox3 .lright{ width: 27px; height: 116px; background: url(../images/proshow_07.jpg) no-repeat; position: absolute; right: 0;top:0; cursor: pointer;}
.proshowmain2 .lbody .lbox3 .lleft.on,.proshowmain2 .lbody .lbox3 .lright.on{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;  cursor:auto; }
.proshowmain2 .lbody2{ overflow: hidden; margin-top: 45px;}
.proshowmain2 .lbody2l{ float: left; width: 250px;}
.proshowmain2 .lbody2l .lbox{ border: 1px solid #e5e5e5; width: 248px; margin-bottom: 30px;}
.proshowmain2 .lbody2l .lbox .ltitle{ width: 238px;padding-left: 10px; line-height: 33px; font-size: 14px; color: #666666; font-weight: bold; background: #f5f5f5;}
.proshowmain2 .lbody2l .lbox .lclass{ width: 238px;padding-left: 10px; line-height: 33px; font-size: 14px; color: #666666; border-top: 1px solid #e5e5e5; display: block; position: relative;}
.proshowmain2 .lbody2l .lbox .lclass em{position: absolute; right: 10px; top: 0;}
.proshowmain2 .lbody2l .lbox .lclass:hover{ background: #910001; color: #fff;}
.proshowmain2 .lbody2l .lbox .lcp{ width: 228px; margin: 15px auto 0; display: block; position: relative;}
.proshowmain2 .lbody2l .lbox .lcp img{ width: 100%; display: block;}
.proshowmain2 .lbody2l .lbox .lcp p{ width: 90%;white-space: nowrap;word-break: keep-all;text-overflow: ellipsis; font-size: 14px; color:#666; line-height: 30px; text-align: center; padding: 0 5%;}
.proshowmain2 .lbody2l .lbox .lcp .lnum{ width: 22px; line-height: 22px; text-align: center; background: #9b2b2d; color: #fff; font-size: 12px; position: absolute; left: 0;top: 0;}
.proshowmain2 .lbody2l .lbox .lcp:hover p{ background: #910001; color: #fff;}
.proshowmain2 .lbody2l .lbox .lnews{ width: 228px; margin: 0 auto; padding: 15px 0;}
.proshowmain2 .lbody2l .lbox .lnews a{ width: 100%;white-space: nowrap;word-break: keep-all;text-overflow: ellipsis; color: #666; font-size: 12px; line-height: 24px;}
.proshowmain2 .lbody2l .lbox .lnews a:hover{ color: #910001;}
.proshowmain2 .lbody2r{ width: 900px; float: right;}
.proshowmain2 .lbody2r .llist{ width: 100%; height: 45px; line-height: 45px; background: #f5f5f5; overflow: hidden;}
.proshowmain2 .lbody2r .llist div{ width: 110px; height: 45px; text-align: center; background: url(../images/proshow_08.jpg) no-repeat center right; float: left; cursor: pointer;}
.proshowmain2 .lbody2r .llist div.nobg{ background: #f5f5f5;}
.proshowmain2 .lbody2r .llist div.on,.proshowmain2 .lbody2r .llist div:hover{ background: #7d7977; color: #fff; }
.proshowmain2 .lbody2r .ldetail{ margin-top: 0px; width: 100%; padding-bottom: 30px;}
.proshowmain2 .lbody2r .ldetail .ltop{ width: 100%; height: 30px; background: url(../images/proshow_09.jpg) no-repeat;}
.proshowmain2 .lbody2r .ldetail .ldetailmain{ background: url(../images/proshow_10.jpg) repeat-y; width: 850px; padding: 10px 0px;}

.newsshow{ overflow:hidden; clear:both; width:900px; margin:30px auto}
.newsshow h2{ font-size:24px; margin-bottom:10px; color:#910001; text-align:center; height:25px; line-height:25px;}
.newsshow .newsshow_date span{ margin-left:30px;}
.newsshow .newsshow_date{ font-size:14px; margin-bottom:20px;color:#B4B4B4; border-bottom:solid 1px #dadada; padding-bottom:20px; text-align:center}
.newsshow .newsshow_dec{ line-height:30px; text-align:left;  float:left; overflow:hidden; width:100%}
.newsshow .newsshow_dec img{ margin:10px 0}
.news_back{ border:1px solid #bfbfbf; width:100px; height:35px; line-height:35px; text-align:center;color:#8d8d8d; display:block; margin:40px auto 0; clear:both;}
.news_back:hover{ background:#910001; color:#fff;border:1px solid #fff}
.fenxiang_info{ overflow:hidden; float:left; color:#333; }
.newsshow_fenye{ overflow:hidden; margin-bottom:20px;} 
.newsshow_fenye a{ color:#333;}
.newsshow_fenye a:hover{ color:#910001}

.aboutlist{ border-bottom: 1px solid #dadada; height: 50px; width: 1200px; margin: 20px auto 0;}
.aboutlist .lbox{ display: table; margin: 0 auto; overflow: hidden;}
.aboutlist .lbox div{ float: left; height: 50px; overflow: hidden;}
.aboutlist .lbox a{ font-size: 14px; line-height: 20px; margin-top: 15px;  border-right: 1px solid #dadada; padding: 0 20px; float: left; color: #666;}
.aboutlist .lbox div.on,.aboutlist .lbox div:hover{ border-bottom: 1px solid #9b2b2d;}
.aboutlist .lbox div.on a,.aboutlist .lbox div:hover a{ color: #9b2b2d;}
.aboutmain4{ width: 1200px; margin: 0 auto;}
.aboutmain4 .ltitle{ margin-top: 70px;}
.aboutmain4 .ltitle div{ line-height: 40px; font-size: 30px; font-weight: bold; color: #333333; text-align: center;}
.aboutmain4 .ltitle p{ line-height: 24px; font-size: 14px; text-align: center;}
.aboutmain4 .lbodyzr{ overflow: hidden; width: 1200px; margin: 40px 0;}
.aboutmain4 .lbodyzr ul{ width: 1300px; overflow: hidden;}
.aboutmain4 .lbodyzr li{ float: left; overflow: hidden; margin-right: 16px; width: 390px;}
.aboutmain4 .lbodyzr li img{ width: 390px; height: 295px; display: block;}
.aboutmain4 .lbodyzr li p{ width: 90%; text-align: center; padding: 0 5%; line-height: 40px; font-size: 14px; margin-bottom: 10px;}
.aboutmain4 .lbodyry{ overflow: hidden;}

.aboutmain4 .lbodysp{ overflow: hidden; width: 1200px; margin: 40px 0;}
.aboutmain4 .lbodysp ul{ width: 1300px; overflow: hidden;}
.aboutmain4 .lbodysp li{ float: left; overflow: hidden; margin-right: 33px; width: 378px; height: 380px; background: #f8f8f8; margin-bottom: 21px; cursor: pointer;}
.aboutmain4 .lbodysp li img{ width: 378px; height: 240px; display: block;}
.aboutmain4 .lbodysp li div{ width: 90%; padding: 0 5%; line-height: 30px; font-size: 18px; margin-top: 20px; margin-bottom: 10px; color: #232222; font-weight: bold;white-space: nowrap;word-break: keep-all;text-overflow: ellipsis;}
.aboutmain4 .lbodysp li p{ width: 90%; padding: 0 5%; line-height: 22px; height: 44px; overflow: hidden; font-size: 14px; margin-bottom: 10px;}
.aboutmain4 .lbodysp li:hover{ background: #910001;}
.aboutmain4 .lbodysp li:hover div{ color: #fff;}
.aboutmain4 .lbodysp li:hover p{ color: #ffc1a5;}

.lbodylc{ width: 1200px; overflow: hidden;}
.lbodylc .axis{ width: 1026px; height: 23px; background: url(../images/about_25.jpg) no-repeat; margin: 75px 0 90px; padding-left: 174px;}
.lbodylc .axis div{ width: 45px; height: 70px; margin-top: -19px; float: left; font-size: 14px; color: #333333; text-align: center; line-height: 120px; font-weight: bold; margin-right: 28.2px; cursor: pointer;}
.lbodylc .axis div.on,.lbodylc .axis div:hover{background: url(../images/about_26.jpg) no-repeat top center; color: #910001;}
.lbodylc ul{ width: 10000%; overflow: hidden; margin-bottom: 90px;}
.lbodylc ul li{ width: 1200px; height: 340px; float: left; overflow: hidden;}
.lbodylc li img{ float: left; margin-left: 85px; width: 517px; height: 341px;  display: block;}
.lbodylc li .lright{ float: left; padding-top: 50px; margin-left: 45px; width: 470px;}
.lbodylc li .lright .lyear{ line-height: 60px; font-size: 36px; font-weight: bold; color: #9b2b2d;}
.lbodylc li .lright .lmonth{ width: 60px; line-height: 22px; background: #333333; font-size: 14px; font-weight: bold; color: #fff; text-align: center;}
.lbodylc li .lright p{ font-size: 16px; color: #333; line-height: 24px; margin-top: 15px;}

#top{width:100%;height:0;float:left; position:relative;}
#top .small{width:634px;height:56px;position:absolute;top:56px;left:50%;display:inline;margin:0 0 0 -310px;}
#top .small ul{margin:0;padding:0px;}
#top .small li{width:65px;height:48px;float:left;border:1px solid #000;display:inline;margin:3px 0 0 3px;padding:0px;filter:alpha(opacity=40);opacity:0.4;cursor:pointer;}
#top .small li.hove{filter:alpha(opacity=100);opacity:1;}
#box{width:100%;height:445px;float:left; overflow:hidden;position:relative;}
#box .bg{width:100%;height:340px;filter:alpha(opacity=70); opacity:0.7; position:absolute; top:132px; left:0px;}
#list{width:1200px;height:446px;display:inline;}
#list ul {margin:0px;padding:0px; float:left;}
#list li{width:100px;position:absolute;list-style-type:none;cursor:pointer;}
#list li img{width:100%;height:100%;vertical-align:top;}
#list li div{width:100%;height:100%;background:#000;filter:alpha(opacity=0); opacity:0; position:absolute; z-index:1; top:0px; left:0px;}
#list li p{ width: 100%; background: #0a1d58; text-align: center; height: 39px; line-height: 39px; font-size: 14px; color: #fff;}
#list .hove p{ font-size: 18px; line-height: 46px; height: 46px;}
#list li .b_tit{width:100%;height:120px;position:absolute; z-index:1; bottom:-100%; left:0px;margin:0px;padding:0px;}
#list li .opacity{width:100%;height:120px;background:#000;filter:alpha(opacity=80); opacity:0.8; position:absolute; z-index:1; bottom:0px; left:0px;}
#list li .tit{width:324px;height:120px;padding:0 10px;position:absolute; z-index:2; bottom:0px; left:0px;}
#list li .tit span{width:100%;height:30px;font-weight:normal;float:left;text-align:left;line-height:30px;color:#fff;border-bottom:1px solid #2f2f2c;margin:0px;padding:0px;}
#list li .tit span em{color:#ba0707;font-style:normal;float:none;}
#list li .tit em{color:#fff;line-height:25px;float:left;margin:0px;padding:5px 0;font-style:normal;}
#list a{width:61px;height:61px;text-decoration:none;position:absolute;z-index:20;top:190px;}
#list a.prev{background:url(../images/about_21.jpg) no-repeat; left:0;}
#list a.next{background:url(../images/about_22.jpg) no-repeat; right:0;}
.aboutmain4 .lbodyrydi{ margin: 20px 0 40px;}


/* ----main---- */
/* ----main-video---- */
#vivo-contain .main-video{width:100%; height:240px; margin:auto;}
/* ----main-event---- */
#vivo-contain .main-event{width:100%; height: auto; position:relative; z-index:3}
.main-event .event-box{ width:1020px; height:auto; margin:auto; overflow:hidden; padding:30px 40px;}
.main-event .event-box .event-expert{ width:1020px; height: auto; padding-bottom:30px; overflow:hidden; margin-top:30px; padding-top:30px; border-top:#eee solid 1px; z-index: 1;}
.event-expert li{ width:320px; height: auto; overflow:hidden; float:left; padding-right:30px; text-align:center;}
.event-expert li.expert-last{ padding-right:0;}
.event-expert li .figure{ width:100%; height:200px; overflow:hidden; margin-bottom:20px;}
.event-expert li a h3{color: #000; padding-bottom:20px; width:100%; font-size:18px;}
.event-expert li a:hover h3{color: #000;}
.event-expert li a .figure img{-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.event-expert li a:hover .figure img{opacity: .8;}
.event-expert li p{ text-align: left; font-size: 14px; line-height: 1.4em;}
/* ----main-shop---- */

.sl_select_rect{ display: inline-block; vertical-align: middle; background: #fff; position: relative; padding-right: 20px; height: 36px; -webkit-border-radius: 3px; position: relative; z-index: 9999;}
.sl_select_rect select{ width: 110px; height: 36px; border: 1px solid #999; border-radius: 5px; padding: 0 5px; font-size: 14px; color: #999;}

.main-event .event-box .event-shop{ width:1020px; height: auto; overflow:hidden; border-bottom:#eee solid 1px; position:relative; z-index: 9;}
.event-shop .search-box{ position: absolute; top:0; right:0;}
.search-box .selectList {height:36px; position:relative;margin: 0; font-size: 16px;}
.sl_select_block{display: inline-block; font-weight: normal; font-size: inherit; position: relative; padding-right: 10px; color: #333; z-index: 9999; cursor: default; font-size:18px;}
.search-box .selectList .ssb3{ padding-right:0;}

.search-box input.input-box{ width:285px; height:14px; padding:10px; border:#999 solid 1px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px; } 
.search-box input.search{ border:0; background:url(../images/shop-search.png) no-repeat; width:36px; height:36px; cursor:pointer; position:absolute; top:0; right:0;}
.event-shop .shop-star{ padding-top:30px; position:relative; overflow: hidden;}
.event-shop h2{ font-size:24px; color:#333; padding-bottom:20px;}
.event-shop .shop-star dl.shop-star-list{display: block; position: relative; width: 100%;  overflow: hidden;}
.event-shop .shop-star dl.shop-star-list dd{ width: 1020px; overflow: hidden;background: #fff;}
.event-shop .shop-star .shop-star-switchdot{width: 100%; position: relative; padding-bottom: 20px; text-align: center;}
.event-shop .shop-star .shop-star-switchdot a{width: 10px; height: 10px; overflow: hidden; display: inline-block; margin: 0 5px; background: #ccc; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; }
.event-shop .shop-star .shop-star-switchdot a:hover,.event-shop .shop-star .shop-star-switchdot a.current{background: #9b2b2d;}
.event-shop .shop-star ul{ height: auto; position:relative;margin-right: -61px;overflow:hidden;}
.event-shop .shop-star li{ height:200px; width:480px; margin-right:30px; float:left; margin-bottom:30px; background:#fff;}
.event-shop .shop-star li a{-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; display: block;}
.event-shop .shop-star li.last{margin-right:0;}
.event-shop .shop-star li .figure{ width:288px; height:160px; overflow:hidden; float:left;}
.event-shop .shop-star li .figure img{ width:100%; height: auto; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.event-shop .shop-star li a:hover .figure img{opacity: .8;}
.event-shop .shop-star li .shop-star-contact{ width:170px; padding-left:20px; position:relative; float:left;}
.event-shop .shop-star li .shop-star-contact h3{display: block; overflow: hidden; white-space: nowrap; width: 100%; text-overflow: ellipsis;}
.event-shop .shop-star li .shop-star-contact .shop-star-star{ margin-top:10px;}
.event-shop .shop-star li .shop-star-contact p{ padding-left:25px; padding-top:10px; line-height:1.4em; font-size: 14px;}
.event-shop .shop-star li .shop-star-contact .shop-b1{ position:relative;}
.event-shop .shop-star li .shop-star-contact .shop-b2{ position:relative;}
.event-shop .shop-star li .shop-star-contact .shop-b1 b{width:20px; height:20px; overflow:hidden; background:url(../images/exper-icon.png) -100px -60px no-repeat; position:absolute; top:13px; left:0;}
.event-shop .shop-star li .shop-star-contact .shop-b2 b{width:20px; height:20px; overflow:hidden; background:url(../images/exper-icon.png) -100px -90px no-repeat; position:absolute; top:13px; left:0;}
/* ----main-activitie---- */
.main-event .event-box .event-activitie{ width:1020px; overflow:hidden; margin-top:30px; margin-bottom:30px; position:relative; z-index: 1;}
.event-activitie h2{ font-size:24px; color:#333; padding-bottom:20px;}
.event-activitie li{ font-size:14px; position:relative; padding-bottom:30px; overflow: hidden;}
.event-activitie li .figure{ width:320px; height:150px; float:left; padding-right:30px; overflow:hidden;}
.event-activitie li .figure img{ width:320px; height:150px;}
.event-activitie li .activitie{ float:left; width:450px; position:relative;}
.event-activitie li h3{ padding-bottom:20px; display:block}
.event-activitie li h3 a{ color:#666;}
.event-activitie li h4{padding-bottom: 10px; position:relative; display:block; overflow: hidden; white-space: nowrap;}
.event-activitie li b{width:20px; height:20px; position:relative; display: inline-block; vertical-align: middle; overflow: hidden; background:url(../images/exper-icon.png) no-repeat;}
.event-activitie li h4 .activitie-b0{background-position: -100px -60px;}
.event-activitie li h4 .activitie-b1{background-position: -130px 0;}
.event-activitie li p{ padding:0 0 0 20px; position:relative;}
.event-activitie li p .activitie-b2{background-position: -130px -30px; position:absolute; top:1px; left:0;}
.event-activitie li a.v_dark_btn{ display:inline-block; width:160px; height:40px; float:right; margin-top:17px; text-align:center; line-height:40px; color:#fff; font-size:14px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px;     background-color: #9b2b2d;}
.vs-small-search{display: inline-block; width: 308px; height: 36px; vertical-align: middle; *zoom: 1; *display: inline; position: relative;}
.event-shop .vs-views-link{position: absolute; top: 8px; left: 120px; color: #9b2b2d;}

.mainser{ width: 1200px; margin: 20px auto 40px; overflow: hidden;}
.mainser .ltitle{ width: 1200px; height: 50px; line-height: 50px; font-size: 14px; color: #686868; border-bottom: 1px solid #e2dede; margin-bottom: 18px;}
.mainser .ltitle span{ font-size: 24px; padding-right: 5px;}
.mainser .ltitle dd{ font-size: 16px;}
.mainser ul{ width: 1300px; overflow: hidden;}
.mainser ul li{ float: left; margin-right: 19px; margin-bottom: 17px;}
.mainser ul li .limg img{ width: 387px; height: 387px;}
.mainser ul li .lbox{ width: 385px; height: 91px; border: 1px solid #e9e9e9; position: relative; overflow: hidden;}
.mainser ul li .lbox .ltest1{ font-size: 18px; color: #333333; width: 260px; margin: 25px 0 0 15px; line-height: 30px;}
.mainser ul li .lbox .ltest2{ font-size: 14px; color: #333333; margin: 0 0 0 15px; line-height: 24px;}
.mainser ul li .lbox .lbtn{ width: 75px; height: 20px; background: #9b2b2d; border-radius: 10px; text-align: center; position: absolute; right: 20px; top: 30px; color: #fff;}
.mainser ul li .lbox .lbtn:hover{ background: #ff6826;}


.ban.bancase{
    background: url(../images/personal-banner_03.png) center no-repeat;
    background-size:cover;
}
.maincase1{ width: 1200px; margin: 0 auto 25px; border-top: 2px solid #c9c4c1; border-bottom: 2px solid #c9c4c1;}
.maincase1 .lbox{ width: 1200px; overflow: hidden; position: relative; height: 45px; line-height: 45px; border-bottom: 1px dashed #cccccc;}
.maincase1 .lbox .lname{ width: 65px; padding-left: 15px; float: left; font-size: 14px; color: #999999;}
.maincase1 .lbox a{ float: left; padding: 0 20px; font-size: 14px; color: #999999;}
.maincase1 .lbox a:hover,.maincase1 .lbox a.on{ color: #9b2b2d;}
.maincase1 .lbox .btn{ width: 63px; height: 20px; line-height: 20px; padding-left: 30px; background: url(../images/case03.png) no-repeat left center #9b2b2d; position: absolute; top: 13px; right: 2px; color: #fff; border-radius: 10px; cursor: pointer;}
.maincase2{ width: 1200px; margin: 0 auto 40px; overflow: hidden;}
.maincase2 .ltitle{ width: 1200px; overflow: hidden; border-bottom: 1px solid #e2dede; margin-bottom: 20px;}
.maincase2 .ltitle .lleft{ background: url(../images/main4.png) no-repeat center left; padding-left: 40px; font-size: 24px; color: #686868; line-height: 50px; float: left;}
.maincase2 .ltitle .lleft span{ font-size: 14px; padding-left: 10px;}
.maincase2 .ltitle .lright{ float: right; color: #686868; line-height: 57px; height: 50px;}
.maincase2 ul{ width: 1300px; overflow: hidden;}
.maincase2 ul li{ float: left; margin: 0 20px 20px 0; width: 387px;}
.maincase2 ul li .limg img{ width: 387px;}
.maincase2 ul li .lbox{ position: relative; width: 385px; height: 90px; overflow: hidden; border: 1px solid #e9e9e9;}
.maincase2 ul li .lbox .ltest1{ font-size: 18px; color: #333333; margin: 15px 0 0 15px; line-height: 20px; width: 255px; height: 20px; overflow: hidden;}
.maincase2 ul li .lbox .ltest2{ font-size: 14px; color: #333333; margin: 0 0 0 15px; line-height: 26px; height: 26px; overflow: hidden; width: 255px; }
.maincase2 ul li .lbox .lnum{line-height: 20px; position: absolute; right: 10px; top: 12px; font-size: 18px; color: #333333; background: url(../images/case05.png) no-repeat center left; padding-left: 22px; cursor: pointer;}
.maincase2 ul li .lbox .lnum.on,.maincase2 ul li .lbox .lnum:hover{ background: url(../images/case06.png) no-repeat center left; color: #9b2b2d;}
.maincase2 ul li .lbox .lbtn{ width: 75px; background: #9b2b2d; line-height: 20px; position: absolute; right: 18px;top: 40px; color: #fff; text-align: center; border-radius: 10px; cursor: pointer;}

.fwmain1{ margin-bottom: 70px;}
.fwmain1 .mainbody{ display: table; margin: 105px auto 30px; overflow: hidden;}
.fwmain1 .box{ width: 484px; height: 402px; border: 1px dashed #d5d5d5; float: left; margin: 0 12px; position: relative; overflow: hidden;}
.fwmain1 .box .title{ position: absolute; left: 0; top: 0; width: 170px; line-height: 33px; background: #e8e8e8; text-align: center; font-size: 16px; color: #333333;}
.fwmain1 .box .limg{ margin: 90px auto 0; width: 197px;}
.fwmain1 .box .ltest1{ text-align: center; font-size: 14px; color: #333333; margin-top: 20px;}
.fwmain1 .box .input{ display: block; margin: 0 auto; width: 220px; padding: 0 10px; height: 30px; line-height: 30px; font-size: 14px; color: #333; border: 1px solid #e5e5e5; margin-top: 10px;}
.fwmain1 .box .submitx{ width: 107px; line-height: 32px; text-align: center; background: #910001; color: #fff; font-size: 14px; border: 0; border-radius: 10px; display: block; margin: 20px auto 0; cursor: pointer;}
.fwmain1 .box .submitx:hover{ background: #ff6d2c;}
.fwmain1 .mainjg{ width: 880px; padding: 17px 66px; background: #f3f3f3; font-size: 14px; color: #333; margin: 0 auto; line-height: 26px;}
.fwmain1 .mainjg span{ color: #910001; font-weight: bold;}
.fwmain2{ margin-bottom: 70px}
.fwmain2 .title{ font-size: 18px; font-weight: bold; color: #333; line-height: 50px; margin-top: 30px;text-indent:2em}
.fwmain2 .test{ font-size: 14px; color: #333; line-height: 30px;text-indent:2em}
.fwmain2 ul{ overflow: hidden; width: 1300px; overflow: hidden; margin: 30px 0;}
.fwmain2 ul li{ width: 398px; height: 207px; float: left; margin-right: 3px;}


/**
 * 招商加盟
 */
section,
.banner {
  min-width: 1200px;
}
.section1 {
  width: 1200px;
  margin: 0 auto;
  padding: 60px 0;
}
.section1 .section1-title {
  display: block;
  margin: 0 auto;
}
.section1 ul {
  margin-top: 30px;
  text-align: center;
}
.section1 p {
  display: inline-block;font-size: 18px; line-height: 32px
}
.section1 ul li {
  display: inline-block;
}
.section2 {
  background: url(../images/about2_1.jpg) no-repeat center top;
  padding-top: 266px;
}
.section2 img {
  display: block;
  margin: 0 auto;
}
.section2 ul {
  width: 1200px;
  margin: 0 auto;
}
.section2 ul:after {
  content: "";
  display: table;
  clear: both;
}
.section2 ul li {
  float: left;
  width: 600px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.section2 ul li img {
  transition: transform .5s;
}
.section2 ul li:hover img {
  transform: scale(1.1);
}
.section2 ul > li:nth-of-type(1) .sec2-des {
  top: 0;
  left: 0;
}
.section2 ul > li:nth-of-type(2) .sec2-des {
  top: 0;
  left: 0;
}
.section2 ul > li:nth-of-type(3) .sec2-des {
  top: 0;
  right: 0;
}
.section2 ul > li:nth-of-type(4) .sec2-des {
  top: 0;
  right: 0;
}
.section2 .sec2-des {
  position: absolute;
  padding: 40px;
  max-width: 140px;
  color: #fff;
}
.section2 .sec2-des h3 {
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
}
.section2 .sec2-des p {
  margin-top: 30px;
  font-size: 12px;
}
.section4 {
  background: url(../images/section4-bg_02.jpg) no-repeat center center;
  background-size: cover;
}
.section4 ul {
  text-align: center;
  padding: 60px 0 80px 0;
}
.section4 ul li {
  display: inline-block;
  width: 300px;
}
.section5 {
  padding: 60px 0;
}
.section5 img {
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}
.section5 ul {
  width: 1200px;
  margin: 0 auto;
}
.section5 ul:after {
  content: "";
  display: table;
  clear: both;
}
.section5 ul li {
  float: left;
  margin-right: 20px;
}
.section5 ul li .img-wrap {
  overflow: hidden;
  margin-top: 20px;
  width: 580px;
}
.section5 ul li .img-wrap img {
  transition: transform .5s;
  margin: 0;
  border: 0;
}
.section5 ul li .img-wrap:hover img {
  transform: scale(1.1);
}
.section5 ul > li:last-child {
  margin-right: 0;
}
.section6 {
  height: 700px;
  background: url(../images/section6-bg_02.png) no-repeat center center;
}
.section6 ul {
  padding: 311px 0 80px 0;
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.section6 ul li {
  position: absolute;
}
.section6 ul > li:nth-of-type(1) {
  left: 20px;
}
.section6 ul > li:nth-of-type(2) {
  left: 268px;
}
.section6 ul > li:nth-of-type(3) {
  left: 520px;
}
.section6 ul > li:nth-of-type(4) {
  left: 770px;
}
.section6 ul > li:nth-of-type(5) {
  left: 1020px;
}
.section6 ul > li:nth-of-type(6) {
  top: 520px;
  left: 1020px;
}
.section6 ul > li:nth-of-type(7) {
  top: 520px;
  left: 770px;
}
.section6 ul > li:nth-of-type(8) {
  top: 520px;
  left: 520px;
}
.section6 ul > li:nth-of-type(9) {
  top: 520px;
  left: 268px;
}
.section6 ul > li:nth-of-type(10) {
  top: 520px;
  left: 20px;
}
.section8 {
  padding: 60px 0;
  background-color: #fff;
}
.section8 .sec8-inner {
  width: 1000px;
  margin: 0 auto;
}
.section8 .sec8-inner img {
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}
.section8 .sec8-inner form {
  padding-top: 40px;
}
.section8 .sec8-inner form input,.section8 .sec8-inner form select {
  outline: 0;
  border: 1px solid #ccc;
  height: 36px;
  text-indent: 10px;
}
.section8 .sec8-inner form input[type=submit] {
  background-color: #910001;
  color: #fff;
  width: 200px;
  height: 44px;
  font: 18px "微软雅黑";
  border-radius: 8px;
}
.section8 .sec8-inner form #name,
.section8 .sec8-inner form #tel {
  width: 420px;
}
.section8 .sec8-inner form label[for=tel] {
  margin-left: 30px;
}
.section8 .sec8-inner form .form-group {
  margin-top: 20px;
}

 #Province,#City{
    width: 150px;
    height: 40px;
    float: left;
    border: 1px solid #e0e0e0;
    color: #a9a9aa;
    margin-right: 10px;
}
    

 #Province,
 #City {
  margin-right: 15px;
  float: none;
}
 #Town {
  		width: 150px;
                margin-right: 40px;
                color: #a9a9aa;
                height: 40px;
                border: 1px solid #e0e0e0;
}
.section8 .sec8-inner form #address {
  width: 930px;
}
.section8 .sec8-inner form #mail {
  width: 450px;
  margin-right: 80px;
}
.section8 .sec8-inner form #msg {
  height: 100px;
  vertical-align: middle;
  width: 930px;
}
.section9 {
  width: 1200px;
  margin: 0 auto;
}
.section9 ul {
  padding: 30px 0 60px 0;
}
.section9 ul li {
  height: 66px;
  border-bottom: 1px solid #ccc;
  line-height: 66px;
  padding-left: 50px;
  padding-right: 80px;
  font-size: 16px;
}
.section9 ul li p {
  display: inline-block;
}
.section9 ul li p i {
  color: #910001;
  font-style: normal;
  font-size: 20px;
  font-weight: bold;
}
.section9 ul li span {
  float: right;
}
/**
     * 工程案例
 */
.case-body {
  width: 1200px;
  margin: 0 auto;
}
.case-body h3 {
  font: 24px "微软雅黑";
  border-bottom: 1px solid #ddd;
}
.case-body h3 span {
  display: inline-block;
  background: url(../images/case-1.png) no-repeat center center;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  margin-right: 10px;
}
.case-body h3 small {
  font-size: 14px;
  margin-left: 10px;
}
.case-body .img-outer {
  padding: 0 10px 20px 10px;
}
.case-body .main {
  padding-top: 20px;
}
.case-body .text {
  border: 1px solid #ccc;
 
  height: 60px;
}
.case-body .text p,.case-body .text h4 {
  display: inline-block;
  font-size: 18px;
  line-height: 50px;
  text-indent: 20px;
 cursor: pointer;
font-weight:normal;
}
.case-body .text p {
  float: right;
  padding-right: 20px;
}
.case-body .text > p span {
  margin-right: 10px;
}

/*.pagination-container{
		width: 1200px;
		margin: 0 auto;
		
		
	}
	.pagination-container ul{
		text-align: center;
	}
	.pagination-container li{
		display: inline-block;
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		
	}
	.pagination-container li a{
		display: inline-block;
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		font-size:14px;
	}
*/
#div_material{
	padding-left: 125px;
}

#div_material a{
    white-space: nowrap;
    display: inline-block;
}