@charset "utf-8";
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:#333; font:12px/20px "Microsoft YaHei", "SimSun",HELVETICA; background:#fff; /* overflow-y:scroll;*/ }
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; font-family:"Microsoft YaHei", "SimSun";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:14px; margin:0; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none;font-family:"Microsoft YaHei", "SimSun"; }
p {word-wrap:break-word}
table { border-collapse:collapse; }
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }
.clearit { clear:both; height:0; font-size:0; overflow:hidden; }
a{ color:#333; text-decoration:none; }
 
.main0{ width:1200px; margin:0 auto; position:relative;}
.main{ width:1200px; margin:0 auto; overflow:hidden;}
.big{ transition:500ms;}
.big:hover{transform:scale(1.1)}

.head{ width:100%; margin:0 auto; height:80px; background-color:#000; position:relative; z-index:9;}
.logo{ width:249px; height:33px; float:left; display:block; margin-top:23.5px;}
.ewm{ float:right; margin-top:40px; margin-left:10px;}
.phone{ background:url(../images/phone.png) no-repeat center left; float:right; font-size:18px; color:#FFF; line-height:20px; padding-left:22px; margin-top:40px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ width:564px; float:left; position:relative; z-index:5; height:80px; margin-left:25px;}
.nav a{ color:#fff;  }
.nav .nLi{  width:93px; float:left; font-size:14px; color:#fff; height:80px; text-align:center; position:relative; display:inline;}
.nav .nLi h3{ text-align:center;}
.nav .nLi h3 a{  display:block; text-align:center;font-size:14px; color:#fff; line-height:16px; margin-top:40px; font-weight:normal;}
.nav .nLi h3 a p{ width:56px; overflow:hidden; margin:0 auto; padding-bottom:20px;}
.nav .on h3 a p{ border-bottom:4px solid #e64c25;}
.nav .line{ width:1px; height:16px; background-color:#47180b; float:left; margin-top:40px;}
.nav .sub{ display:none; width:94px; left:0px; top:80px;  position:absolute; background:#be4f0a; color:#FFF; line-height:26px; padding:5px 0 10px;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 5px; text-align:center; font-size:12px ; color:#FFF; }
.nav .sub a:hover{ background:#9a3b00; color:#fff;  }
.slider { position: relative; width: 100%; height:619px; z-index:1; min-width:1280px; _width:expression(document.body.clientWidth <= 1280? "1280px": "auto");-webkit-backface-visibility: hidden;}
.slider .swipe-wrap { position:relative }
.slider .swipe-wrap li { float:left; width: 100%; position: relative; z-index:9; }
.slider .swipe-wrap li .b1{ width:100%; height:619px; background:url(../images/banner.jpg) no-repeat center}
.slider .swipe-wrap li .b2{ width:100%; height:619px; background:url(../images/banner1.jpg) no-repeat center}
.slider .swipe-wrap li .b3{ width:100%; height:619px; background:url(../images/banner2.jpg) no-repeat center}
.slider .swipe-wrap li i { position:absolute; left:50%; margin-left:-252px; bottom:8%;}
.slider .prev { position:absolute; z-index:100; width:33px; height:33px; text-indent:-999em; overflow:hidden; background:url(../images/prev.jpg) no-repeat; left:50%; bottom:0px; margin-left:567px; }
.slider .next { position:absolute; z-index:100; width:33px; height:33px; text-indent:-999em; overflow:hidden; background:url(../images/next.jpg) no-repeat; left:50%; bottom:-37px; margin-left:567px; }
.slider .rslides_tabs { position:absolute; width:150px; right:50%; margin-right:-75px; bottom:34px; z-index:100 }
.slider .rslides_tabs li { width:46px; height:3px; background:#fff; margin:0 2px; display:inline-block; *display:inline;
*zoom:1;
overflow:hidden }
.slider .rslides_tabs li a { display:block; text-indent:-999em; overflow:hidden; }
.slider .rslides_tabs .rslides_here { width:46px; background:#e64c25; }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }
.slideGroup{ width:1200px; height:460px; margin:27px auto 0; overflow:hidden;}
.slideGroup .parHd{ height:140px; line-height:30px; background:#FFF;  position:relative;  }
.slideGroup .parHd ul{ float:left; position:absolute; left:0px; top:0px; height:139px; width:1220px; }
.slideGroup .parHd ul li{ float:left; width:157px; height:139px; margin-right:16.8px; cursor:pointer;  }
.slideGroup .parHd ul li.on{ height:139px;}
.slideGroup .parHd ul li i{ width:157px; height:139px; display:block; overflow:hidden;}
.slideGroup .parHd ul li i.i1{ background:url(../images/ip1.png) no-repeat center;}
.slideGroup .parHd ul li i.i2{ background:url(../images/ip2.png) no-repeat center;}
.slideGroup .parHd ul li i.i3{ background:url(../images/ip3.png) no-repeat center;}
.slideGroup .parHd ul li i.i4{ background:url(../images/ip4.png) no-repeat center;}
.slideGroup .parHd ul li i.i5{ background:url(../images/ip5.png) no-repeat center;}
.slideGroup .parHd ul li i.i6{ background:url(../images/ip6.png) no-repeat center;}
.slideGroup .parHd ul li i.i7{ background:url(../images/ip7.png) no-repeat center;}
.slideGroup .parHd ul li.on i.i1{ background:url(../images/iph1.png) no-repeat center;}
.slideGroup .parHd ul li.on i.i2{ background:url(../images/iph2.png) no-repeat center;}
.slideGroup .parHd ul li.on i.i3{ background:url(../images/iph3.png) no-repeat center;}
.slideGroup .parHd ul li.on i.i4{ background:url(../images/iph4.png) no-repeat center;}
.slideGroup .parHd ul li.on i.i5{ background:url(../images/iph5.png) no-repeat center;}
.slideGroup .parHd ul li.on i.i6{ background:url(../images/iph6.png) no-repeat center;}
.slideGroup .parHd ul li.on i.i7{ background:url(../images/iph7.png) no-repeat center;}
.slideGroup .parHd ul li p{ font-size:16px; color:#353535; line-height:16px; text-align:center;}
.slideGroup .parHd ul li.on p{ color:#FFF;}
.slideGroup .slideBox{ overflow:hidden; zoom:1; position:relative;   }
.slideGroup .sPrev{ position:absolute; left:7px; top:130px; display:block; width:38px; height:73px; z-index:99;}
.slideGroup .sNext{ position:absolute; right:7px; top:130px; display:block; width:38px; height:73px; z-index:99;}
.slideGroup .parBd ul{ overflow:hidden; zoom:1; width:1212px;}
.slideGroup .parBd ul li{ margin-right:12px; float:left; width:392px; _display:inline; overflow:hidden; text-align:center; }
.slideGroup .parBd ul li img{ width:100%; margin:20px 0;}
.inews{ width:100%; height:497px; background:url(../images/inewsbg.jpg) no-repeat center; overflow:hidden;}
.inews h3{ margin:42px auto 50px; text-align:center;}
.inews ul{ width:1200px; margin:0 auto; }
.inews ul li{ width:600px; height:118px; float:left; margin-bottom:20px; overflow:hidden;}
.inews ul li img{ width:194px; height:118px; float:left; display:block; margin-right:20px;}
.inews ul li .left{ width:386px; height:118px; float:left; position:relative;}
.inews ul li .left h4{ font-size:18px; color:#333333; line-height:20px; width:364px; height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display: block;}
.inews ul li .left p{ font-size:14px; color:#666666; line-height:24px; width:364px; height:48px; overflow:hidden; margin:10px 0 18px;}
.inews ul li .left .more{ width:66px; height:20px; border:1px solid #666666; font-size:12px; color:#666666; line-height:20px; text-align:center; display:block;}
.inews ul li .left .time{ font-size:14px; color:#333333; line-height:14px; position:absolute; bottom:0; right:22px; text-align:right;}
.inews ul li:hover .left h4{ color:#ea4d26;}
.inews ul li:hover .left .more{ border:1px solid #ea4d26; color:#ea4d26;}
.inews ul li:hover .left .time{ color:#ea4d26;}
.ind_pro{ height:125px; width:100%; background:#ea4d26; overflow:hidden; text-align:center}
.ind_pro ul li{ width:600px; float:left; padding-top:40px; color:#382421;}
.ind_pro_l{ float:right;}
.ind_pro_l p{ text-align:right}
.ind_pro ul li .ind_pro_go{ display:block; float:right; margin-right:30px; margin-left:20px;}
.ind_pro_r{ float:left; border-left:1px solid #404040; padding-left:40px;}
.ind_pro_r p{ text-align:left}
.ind_pro ul li p a{ font-size:14px; color:#382421;}
.bottom{ width:100%; margin:0 auto; overflow:hidden; height:282px; background-color:#212121;}
.bottom ul{ width:774px; height:210px; margin:36px 0; border-right:1px solid #333333; float:left;}
.bottom ul li{ width:56px; float:left; margin-right:80px;}
.bottom ul li h3{ font-size:14px; color:#FFF; line-height:14px;}
.bottom ul li h3:hover{ color:#ea4d26}
.bottom ul li .bline{ width:24px; height:1px; margin:24px 0 20px; overflow:hidden; background-color:#ea4d26;}
.bottom ul li p{ font-size:12px; color:#a5a5a5; line-height:12px; margin-bottom:12px;}
.bottom ul li p:hover{ color:#ea4d26}
.bottom2{ width:220px; margin-top:36px; float:left; margin-left:138px;}
.bottom2 h3{ font-size:20px; color:#ffffff; line-height:20px; font-weight:normal;}
.bottom2 .bline2{ width:50px; height:1px; background-color:#ea4d26; margin:16px 0 20px;}
.bottom2 p{ font-size:24px; color:#ea4d26; line-height:26px; padding-left:32px; background:url(../images/bot1.png) no-repeat center left;}
.bottom2 .a1{ font-size:12px; color:#a5a5a5; line-height:30px; background:url(../images/bot2.png) no-repeat center left; padding-left:24px; margin-top:8px;}
.bottom2 .a2{ font-size:12px; color:#a5a5a5; line-height:30px; background:url(../images/bot3.png) no-repeat center left; padding-left:24px;}
.bottom2 .a3{ font-size:12px; color:#a5a5a5; line-height:30px; background:url(../images/bot4.png) no-repeat center left; padding-left:24px;}
.bot{ width:100%; height:32px; background-color:#2a2a2a; overflow:hidden;}
.bot p{ font-size:12px; color:#5d5d5d; line-height:32px; text-align:center;}
.bot p a{ color:#5d5d5d;}
.bot p a:hover{ color:#ea4d26;}

.aboutb{ width:100%; height:500px; background:url(../images/aboutb.jpg) no-repeat center; overflow:hidden;}
.about{ width:100%; margin:0 auto;}
.about .menu{ width:238px; overflow:hidden; position:absolute; top:-60px; left:0; z-index:99;}
.about .menu li.top{ width:238px; height:146px; background-color:#ea4d26; margin-bottom:4px; overflow:hidden;}
.about .menu li.top p{ font-size:30px; color:#ffffff; line-height:40px; padding-left:30px; margin-top:60px;}
.about .menu li.top p span{ font-size:18px; color:#FFF; line-height:26px; display:block;}
.about .menu li.list{ width:208px; height:44px; background-color:#d8d8d8; font-size:16px; color:#333333; line-height:44px; padding-left:30px; margin-bottom:4px;}
.about .menu li.on{ background-color:#666; color:#FFF;}
.about01{ width:947px; float:right; background-color:#f9f9f9; min-height:400px; margin-top:15px; overflow:hidden; margin-bottom:40px; padding-bottom:40px;}
.about01 h3{ width:886px; height:72px; border-bottom:1px solid #cccccc; margin:0 auto; font-weight:normal;}
.about01 h3 .left{ width:120px; float:left; font-size:20px; color:#ea4d26; line-height:30px; margin-top:30px;}
.about01 h3 .right{ width:300px; float:right; font-size:14px; color:#333333; line-height:30px; margin-top:30px; text-align:right;}
.about01 .js{ width:886px; margin:30px auto; overflow:hidden;}
.about01 .js p{ font-size:14px; color:#333; line-height:30px; text-indent:2em; overflow:hidden;}

.newsb{ width:100%; height:500px; background:url(../images/newsb.jpg) no-repeat center; overflow:hidden;}
.news{ width:886px; margin:0 auto; overflow:hidden;}
.news li{ width:886px; height:120px; margin:25px auto;}
.news li .img{ width:195px; height:120px; float:left; overflow:hidden; margin-right:20px;}
.news li .img img{ width:195px;}
.news li .right{ width:670px; height:120px; float:right; position:relative;}
.news li .right h4{ font-size:18px; color:#333333; line-height:20px; font-weight:normal; margin-bottom:10px;}
.news li .right p{ font-size:14px; color:#333333; line-height:24px; width:670px; height:48px; overflow:hidden; margin-bottom:20px;}
.news li .right .more{ width:65px; height:20px; border:1px solid #333333; font-size:12px; color:#333333; line-height:20px; text-align:center; display:block;}
.news li .right .time{ width:200px; text-align:right; font-size:12px; color:#333333; line-height:12px; text-align:right; position:absolute; right:0; bottom:0;}
.news .line{ width:886px; height:1px;}
.news li:hover .right h4{ color:#ea4d26}
.news li:hover .right .more{ border:1px solid #ea4d26; color:#ea4d26;}
.news li:hover .right .time{ color:#ea4d26;}

.productb{ width:100%; height:500px; background:url(../images/productb.jpg) no-repeat center; overflow:hidden;}
.products{ width:886px; margin:40px auto 20px; overflow:hidden;}
.products ul{ width:900px; overflow:hidden;}
.products ul li{ width:288px; float:left; overflow:hidden; margin-right:12px;}
.products ul li p{ font:14px; color:#333; line-height:48px; text-align:center;}
.products ul li img{ width:288px;   }

.joinb{ width:100%; height:500px; background:url(../images/joinb.jpg) no-repeat center; overflow:hidden;}
.join{ width:886px; margin:30px auto; overflow:hidden; background-color:#FFF;}
.join h4{ margin:40px auto; text-align:center;}
.join .w800{ width:800px; margin:20px auto; overflow:hidden;}
.join .w800 p{ font-size:16px; line-height:30px; color:#333;}
.join form{ width:792px; margin:0 auto;}
.two{ width:384px; height:50px; float:left; margin-right:12px; margin-bottom:14px; overflow:hidden; position:relative;}
.two .input_css2{ width:362px; height:48px; font-size:16px; color:#666666; line-height:48px; float:left;  margin:0 auto; padding:0 10px; border:1px solid #666666; border-radius:3px; }
.one{ width:780px; height:50px; overflow:hidden; margin-bottom:14px;}
.one .input_css2{ width:758px; height:48px; font-size:16px; color:#666666; line-height:48px; float:left;  margin:0 auto; padding:0 10px; border:1px solid #666666; border-radius:3px; }
.one2{ width:780px; height:300px; overflow:hidden;}
.one2 .textarea_css{ width:758px; height:278px; font-size:16px; color:#666666; line-height:30px; float:left;  margin:0 auto; padding:10px ; border:1px solid #666666; overflow:hidden; border-radius:3px; }
.join-btn{ width:194px; height:42px; margin:25px auto 30px; display:block; overflow:hidden;}
.button_css{width:194px; height:42px; font-size:18px; color:#FFF; line-height:42px; text-align:center; display:block; background-color:#ea4d26; border:none; cursor:pointer;border-radius:3px;}
.button_css:hover{ width:192px; height:40px; border:1px solid #ea4d26; background:#FFF; color:#ea4d26; line-height:40px;}
.rrigth_textTitle{ font-size: 16px; color: #ea4d26; margin: 13px 0 3px 0; font-weight:bold;}
.rrigth_textWord{ font-size: 14px; color: #757575; line-height: 22px;}

.contactb{ width:100%; height:500px; background:url(../images/contactb.jpg) no-repeat center; overflow:hidden;}
.contact{ width:886px; margin:30px auto; overflow:hidden;}
.contact p{ font-size:16px; color:#333; line-height:30px; margin:10px 0;}
#dituContent{ width:886px; height:350px;}