@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{  text-decoration:none; }
a:visited { text-decoration:none;}
a:hover, a:active, a:focus { color:#ff8400; text-decoration:none; }/* CSS Document */

.main{ width:1200px; margin:0 auto;}
.banner{ width:100%; height:898px; margin:0 auto; background:url(../images/banner.jpg) no-repeat center; overflow:hidden; position:relative;}
.logo{ width:210px; height:39px; position:absolute; left:60px; top:35px;}
.list{ width:174px; height:280px; background:#000; opacity:0.9; position:absolute; right:104px; top:33px;}
.list img{ margin:30px 0 14px 22px; display:block;}
.list li{ width:174px; height:32px; overflow:hidden;}
.list li:hover{ background-color:#b3804e;}
.list li .p1{ width:130px; height:32px; font-size:14px; margin:0 22px; line-height:31px; color:#FFF; display:none;}
.list li .p2{ width:130px; height:31px; font-size:14px; margin:0 22px; line-height:31px; color:#b3804e; display:block; border-bottom:1px dashed #231505;}
.list li:hover .p1{ display:block;}
.list li:hover .p2{ display:none;}
.en{ width:46px; height:46px; background-color:#b3804e; position:absolute; right:58px; top:50px; font-size:18px; color:#FFF; line-height:46px; text-align:center;}
.img{ width:461px; height:261px; position:absolute; top:290px; left:50%; margin-left:-230px;}
.ipro{ width:100%; margin:0 auto; height:900px; overflow:hidden;}
.ipro .left{ width:50%; height:900px; float:left; overflow:hidden;}
.ipro .left .top{ width:422px; height:174px; margin:125px auto 30px; display:block;}
.ipro .left p{ font-size:14px; color:#818181; line-height:30px; text-align:center; overflow:hidden;}
.ipro .left .more{ width:138px; height:38px; border:1px solid #b3804e; overflow:hidden; font-size:14px; color:#b3804e; line-height:38px; text-align:center; display:block; margin:40px auto 90px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.ipro .left .more:hover{ background-color:#b3804e; color:#FFF;}
.ipro .left .iabout{ width:90%; height:186px; margin:0 auto; overflow:hidden;}
.ipro .left .iabout ul{ width:100%; margin:0 auto; overflow:hidden;}
.ipro .left .iabout ul li{ width:30%; margin:0 1.6666%; height:186px; float:left; overflow:hidden;}
.ipro .right{ width:50%; height:900px; float:left; overflow:hidden; position:relative;}
.ipro .right .menu{ width:70px; height:900px; position:absolute; left:0; top:0; background:#000; opacity:0.8;}
.ipro .right .menu li{ width:70px; height:90px; font-size:14px; text-align:center; line-height:90px; color:#FFF;}
.ipro .right .menu li:hover{ background-color:#b3804e;}
.picFocus{ margin:0 auto;  width:100%; position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:70px; height:900px; position:absolute; left:0; top:0; background:#000; opacity:0.8;} }
.picFocus .hd ul{ overflow:hidden; zoom:1; }
.picFocus .hd ul li{width:70px; height:225px; font-size:14px; text-align:center; line-height:70px; color:#FFF; overflow:hidden;}
.picFocus .hd ul li.on{ background-color:#b3804e;}
.picFocus .hd ul li img{ margin:52px auto 0; display:block;}
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ display:block;  }
.inews{ width:100%; height:1073px; background:url(../images/inewsbg.jpg) no-repeat center; overflow:hidden;}
.inews .tt{ margin:114px auto 85px; display:block;}
.inews .tt img{ margin:0 auto; display:block;}
.inews .menu{ width:675px; margin:0 auto 30px; height:16px; }
.inews .menu li{ width:215px; height:16px; text-align:center; float:left; font-size:16px; color:#d5d5d5; line-height:16px;}
.inews .menu .on{ color:#b3804e}
.inews .menu img{ float:left;}
.inews .nn{ width:1336px; height:640px; background-color:#f8f8f8; overflow:hidden; margin:0 auto;}
.inews .nn ul{ width:1272px; margin:65px auto 0;}
.inews .nn ul li{ width:380px; margin:0 22px; overflow:hidden; float:left;}
.inews .nn ul li .top{ width:380px; height:380px; background-color:#FFF;}
.inews .nn ul li .top .time{ width:62px; height:50px; background:#b3804e; overflow:hidden;font-size:20px; color:#FFF; line-height:24px; text-align:center; padding-top:6px;}
.inews .nn ul li .top .time span{ font-size:18px; color:#FFF; line-height:22px; text-align:center; display:block;}
.inews .nn ul li .top img{ float:right; margin-top:20px; display:block; width:280px; height:240px;}
.inews .nn ul li h3{ width:380px; height:18px; font-size:18px; color:#333; line-height:18px; margin:40px 0 15px; overflow:hidden;white-space: nowrap; text-overflow: ellipsis; display:block; font-weight:normal;}
.inews .nn ul li p{ font-size:14px; color:#818181; line-height:26px; height:52px; overflow:hidden; width:380px;}
.inews .nn ul li:hover h3{ color:#b3804e;}
.inews .nn ul li:hover p{ color:#b3804e;}
.ilist{ width:100%; height:1002px; background:url(../images/ilistbg.jpg) no-repeat center; overflow:hidden; background-size:100% 100%;}
.ilist ul{ width:1230px; margin:147px auto 0; }
.ilist li{ width:386px; height:714px; float:left; margin-right:21px; background-color:#FFF; position:relative;}
.ilist li .top{ width:133px; height:129px; margin:24px auto 0; display:block;}
.ilist li h3{ font-size:18px; color:#333; line-height:30px; margin:25px 0 15px; text-align:center; font-weight:normal;}
.ilist li p{ width:300px; font-size:14px; color:#818181; margin:0 auto; line-height:26px; text-align:center;}
.ilist li .bb{ width:386px; height:328px; position:absolute; left:0; bottom:0; overflow:hidden;}
.ilist li .line1{ width:333px; height:392px; background:url(../images/ilistl1.png) no-repeat center; position:absolute; top:-35px; left:27px;}
.ilist li .line2{ width:333px; height:565px; background:url(../images/ilistl2.png) no-repeat center; position:absolute; top:-35px; left:27px;}
.ilist li .line3{ width:333px; height:635px; background:url(../images/ilistl3.png) no-repeat center; position:absolute; top:-35px; left:27px;}
.big{ transition:500ms;}
.big:hover{transform:scale(1.1)}
.ipp{ width:100%; height:481px; margin:0 auto; overflow:hidden; position:relative;}
.ipp .left{ width:50%; height:481px; background:url(../images/ibgl.jpg) no-repeat center; float:left;}
.ipp .right{ width:50%; height:481px; background:url(../images/ibgr.jpg) no-repeat center; float:left;}
.ipp img{ margin:145px auto 45px; display:block;}
.ipp .more{ width:210px; height:50px; border:1px solid #FFF; font-size:18px; color:#FFF; line-height:50px; text-align:center; display:block; margin:0 auto;}
.ipp .more:hover{ background-color:#b3804e; border:1px solid #b3804e;}
.ipp1{ width:196px; height:196px; background:url(../images/ipp1.png) no-repeat center; position:absolute; left:50%; margin-left:-98px; top:145px;}
.bottom{ width:100%; height:684px; background:url(../images/botbg.png) no-repeat center; margin:0 auto; overflow:hidden;}
.bottom h3{ font-size:34px; color:#b3804e; line-height:60px; text-align:center; margin:70px auto 50px; font-weight:normal;}
.bottom h3 span{ font-size:18px; color:#999999; line-height:30px; text-align:center; display:block;}
.input_css{ width:190px; height:48px; border:1px solid #cccccc; float:left; padding:5px 10px; margin-right:18px; font-size:14px; color:#CCC; line-height:58px;}
.input_css2{ width:470px; height:48px; border:1px solid #cccccc; float:left; padding:5px 10px; margin-right:18px; font-size:14px; color:#CCC; line-height:58px;}
.btnsub{ width:230px; height:60px; background:#000; line-height:60px; text-align:center; overflow:hidden; color:#FFF; border:none; cursor:pointer;}
.btnsub:hover{ background-color:#b3804e;}
.phone{ margin:65px auto 40px; display:block;}
.bottom ul{ width:880px; float:left;}
.bottom ul li{ float:left; margin-right:100px;}
.bottom ul li h4{ font-size:16px; color:#b3804e; line-height:16px; padding-bottom:20px; background:url(../images/botl.png) no-repeat left bottom; font-weight:normal; margin:0 auto 20px;}
.bottom ul li p{ font-size:14px; line-height:30px; color:#999;}
.bottom ul li p:hover{ color:#b3804e;}
.bottom .right{ width:320px; float:left;}
.bottom .right p{ font-size:14px; color:#666666; line-height:26px; margin-top:10px;}
.bot{ width:100%; height:45px; background-color:#161616; overflow:hidden;}
.bot p{ font-size:14px; color:#7f7d7d; float:left; width:500px; line-height:45px;}
.bot b{ font-weight:normal; font-size:14px; color:#7f7d7d; width:500px; float:right; text-align:right; line-height:45px; }
.bot b a{ color:#7f7d7d;}
.bot b a:hover{ color:#b3804e;}
.button { -webkit-transition: all .5s; transition: all .5s; -moz-transition: all .5s;}
.button:hover { -webkit-transition: all .5s; transition: all .5s; -moz-transition: all .5s;}



.head{ width:100%; height:72px; background:#FFF; position:fixed; top:0; left:0; z-index:99999;}
.hdb{ width:100%; position:absolute; left:0; bottom:-7px; display:block; height:7px;}
.ilogo{ width:210px; height:39px; position:absolute; left:60px; top:16px;}
.inlist{ float:right; height:72px; margin-right:100px;}
.inlist .nLi{ float:left; position:relative; text-align:center;}
.inlist .nLi p{ display:block; font-size:14px; color:#333333; line-height:68px; padding:0 10px; margin:0 10px;}
.inlist .nLi:hover p{ display:block; border-top:2px solid #b3804e; color:#b3804e; line-height:66px;}
.inlist .on p{ border-top:2px solid #b3804e; color:#b3804e; line-height:66px;}
.nav .sub{ display:none; width:100%; left:0; top:72px;  position:absolute; background:#b3804e;  line-height:26px; padding:5px 0 10px; color:#FFF; }
.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:#000;}
.en2{ width:30px; height:60px; position: absolute; right:50px; top:12px; background:#b3804e; font-size:14px; color:#FFF !important; text-align:center; line-height:60px; display:block;}

.head2{ width:100%; height:76px; background:#2a2a2d; position:fixed; top:0; left:0; z-index:99999;}
.hdb2{ width:100%; position:absolute; left:0; bottom:-7px; display:block; height:7px;}
.ilogo2{ width:184px; height:76px; position:absolute; left:100px;}
.inlist2{ float:right; height:76px; margin-right:200px;}
.inlist2 .nLi{ float:left; position:relative; text-align:center;}
.inlist2 .nLi p{ display:block; font-size:14px; color:#333333; line-height:48px; padding:0 10px; margin:0 10px;}
.inlist2 .nLi:hover p{ display:block; border-top:2px solid #b3804e; color:#b3804e; line-height:46px;}
.inlist2 .on p{ border-top:2px solid #b3804e; color:#b3804e; line-height:46px;}
.nav2 .sub{ display:none; width:100%; left:0; top:50px;  position:absolute; background:#b3804e;  line-height:26px; padding:5px 0 10px; color:#FFF; }
.nav2 .sub li{ zoom:1; }
.nav2 .sub a{ display:block; padding:0 5px; text-align:center; font-size:12px ; color:#FFF; }
.nav2 .sub a:hover{ background:#000;}
.en22{ width:184px; height:76px; position: absolute; right:100px; top:0px; color:#b3804e !important; text-align:center; line-height:50px; display:block;}































.abanner{ width:100%; height:650px; background:url(../images/abanner.jpg) no-repeat center; overflow:hidden; position:relative; margin-top:50px;}
.abimg{ width:740px; height:247px; position:absolute; left:50%; margin-left:-370px; top:175px; display:block;}
.xl{ width:29px; height:17px; position:absolute; left:50%; margin-left:15px; bottom:70px; display:block;}
.about{ width:100%; height:405px; overflow:hidden; position:relative;}
#about01{ width:100%; margin:0 auto; top:-50px; position:absolute; left:0;}
.about li{ width:33.333%; float:left; height:406px; overflow:hidden; position:relative;}
.about .bg1{ background:url(../images/aboutbg1.jpg) no-repeat top;}
.about .bg2{ background:url(../images/aboutbg2.jpg) no-repeat top;}
.about .bg3{ background:url(../images/aboutbg3.jpg) no-repeat top;}
.about .ll{ margin:150px auto 0; display:block;} 
.about li .black{ width:100%; height:406px; background:#000; opacity:0; position:absolute; left:0; top:0; z-index:9; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration: 0.5s; transition-duration:0.5s;}
.about li .adt{ width:119px; height:38px; position:absolute; top:98px; left:50%; margin-left:-60px; opacity:0; z-index:99; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; transition-duration:0.5s;}
.about li .adt img{ margin:0 auto; display:block;}
.about li .adb{ width:307px; height:177px; position:absolute; bottom:30px; left:50%; margin-left:-153px; opacity:0; z-index:99; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration: 0.5s; transition-duration:0.5s;}
.about li .adb img{ margin:0 auto; display:block;}
.about li:hover .black{ opacity:0.5; }
.about li:hover .ll{ display:none;}
.about li:hover .adt{ top:108px; opacity:1;}
.about li:hover .adb{ bottom:40px; opacity:1;}
.about2{ width:100%; height:1280px; overflow:hidden; background:url(../images/about2.jpg) no-repeat top #FFF; position:relative;}
#about02{ width:100%; overflow:hidden; top:-50px; position:absolute; left:0;}
#about03{ width:100%; overflow:hidden; top:580px; position:absolute; left:0;}
.about2 h3{ width:432px; height:135px; margin:55px auto 32px; display:block; overflow:hidden;}
.about2 .bb{ width:1200px; height:365px; background:url(../images/aboutline.png) no-repeat center; overflow:hidden; margin:0 auto;}
.about2 .bb p{ font-size:14px; color:#FFF; line-height:28px; width:1100px; margin:50px auto 0;}
.about2 h4{ width:370px; height:74px; margin:68px auto 53px; overflow:hidden;}
.about2 .right .txtScroll-left{ width:1370px; height:450px; position:relative; overflow:hidden; margin:0 auto;}
.about2 .right .txtScroll-left .hd{ overflow:hidden;  height:58px; padding-top:30px; }
.about2 .right .txtScroll-left .hd .prev{ width:58px; height:58px; overflow:hidden; position:absolute; left:0px; top:160px; background:url(../images/prev.png) no-repeat center; }
.about2 .right .txtScroll-left .hd .next{ width:58px; height:58px; overflow:hidden; position:absolute; right:0px; top:160px; background:url(../images/next.png) no-repeat center; }
.about2 .right .txtScroll-left .bd{ width:1244px; overflow:hidden; margin:0 auto; }
.about2 .right .txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
.about2 .right .txtScroll-left .bd ul li{ width:273px; height:450px;; float:left; text-align:center; _display:inline; margin:0 19px;}
.about2 .right .txtScroll-left .bd ul li p{ font-size:14px; color:#333; line-height:20px; margin-top:30px; text-align:center;}
.about2 .right .txtScroll-left .bd ul li img{ width:273px; height:378px; }
.about3{ width:100%; height:1420px; overflow:hidden; background:url(../images/about3.jpg) no-repeat bottom #fff; position:relative; padding-top:50px;}
#about04{ width:100%; overflow:hidden; top:-50px; position:absolute; left:0;}
.about3 h3{ width:450px; height:134px; margin:0 auto 60px; display:block; overflow:hidden;}
.about4{ width:100%; margin:0 auto; overflow:hidden;}
.about4 h3{ width:430px; height:134px; margin:50px auto; display:block; overflow:hidden;}
.about5{ width:1220px; margin:0 auto; overflow:hidden;}
.about5 li{ width:360px; height:310px; float:left; margin-right:8px; margin-bottom:8px; overflow:hidden;}
.w464{ width:464px !important;}

.icons .icon{position:relative;width:100%;padding-bottom: 100%;background:#ececec;border-bottom:5px solid #bd9d68;margin-bottom:30px;}
.icons{display: table;width: 100%;}
.icons h4{font-family: 'Campton-Medium';color: #333333;text-align: center;font-size: 20px;}
.icons p{font-family: 'Campton-Thin';color:#808080;text-align:center;font-size:15px;font-weight:bold;margin-bottom:30px;}
.icons .halfRightPadding{padding-right:7.5px;padding-left:7.5px;}
.icons .halfLeftPadding{padding-left:7.5px;padding-right:7.5px;}
.icons .icon span{display: block;position: absolute;-webkit-transition: all 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);transition: all 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);width: 100%;top: 0;left: 0;}
.icons .icon span:before,.icons .icon span:after{content: '';display: block;position: absolute;background: #bd9d68;-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);transition: -webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);transition: transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);transition: transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9), -webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);}
.icons .icon{-webkit-transition:all .3s;transition:all .3s;-moz-transition:all .3s;}
.icons .icon:hover{background: #F9F8F8;-webkit-transition:all .3s;transition:all .3s;-moz-transition:all .3s;}
.icons .branch.hid{opacity:1;filter:alpha(opacity=100);-webkit-transition:all .8s;transition:all .8s;-moz-transition:all .8s;}
.icons .branch{top:0px;opacity:1;filter:alpha(opacity=100);-webkit-transition:all .8s;transition:all .8s;-moz-transition:all .8s;}
.icons .branch.two{-webkit-transition-delay: 0.2s;transition-delay: 0.2s;-moz-transition-delay: 0.2s;}
.icons .branch.three{-webkit-transition-delay: 0.4s;transition-delay: 0.4s;-moz-transition-delay: 0.4s;}
.icons .branch.four{-webkit-transition-delay: 0.6s;transition-delay: 0.6s;-moz-transition-delay: 0.6s;}
.btnSection{padding-top:30px;padding-bottom:20px;}
.icons .icon a{position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:10;}
.icons .icon span:first-child{height: 100%;}
.icons .icon span:first-child:before{left: 0;}
.icons .icon span:first-child:after{right: 0;}
.icons .icon span.two{width: 100%;height: 1px;}
.icons .icon:hover span:first-child:before,.icons .icon:hover span:first-child:after{content:"";-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);background: #bd9d68;-webkit-transition: background 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s,-webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.2s;transition: background 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s,-webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.2s;transition: transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.2s,background 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;transition: transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.2s,background 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s,-webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.2s;}
.icons .icon span:first-child:before,.icons .icon span:first-child:after{content:"";width: 5px;height: 100%;bottom: 0;-webkit-transform: scale3d(1, 0, 1);transform: scale3d(1, 0, 1);-webkit-transform-origin: bottom center;transform-origin: bottom center;-webkit-transition: background 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s,-webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.2s;transition: background 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s,-webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.2s;transition: transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.2s,background 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;transition: transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.2s,background 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s,-webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.2s;}
.icons .icon span.two{width: 100%;height: 1px;}
.icons .icon span.two:after{right: 0;-webkit-transform-origin: bottom right;transform-origin: bottom right;}
.icons .icon span.two:before{left: 0;-webkit-transform-origin: bottom left;transform-origin: bottom left;}
.icons .icon:hover span.two:before,.icons .icon:hover span.two:after{content:"";-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);background: #bd9d68;-webkit-transition: background 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s,-webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.4s;transition: background 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s,-webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.4s;transition: transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.4s,background 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;transition: transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.4s,background 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s,-webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.4s;}
.icons .icon span.two:before,.icons .icon span.two:after{content:"";height: 5px;width: 100%;bottom: 0;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-webkit-transition: background 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s,-webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;transition: background 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s,-webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;transition: transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s,background 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;transition: transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s,background 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s,-webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;}
.icon:hover span.noro:before,.icons .icon:hover span.noro:after{display:none;}
.icons .icon:hover span.noro:first-child:before,.icons .icon:hover span.noro:first-child:after{display:none;}
.icon.noro:hover{background: #ececec;}
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.aa1{ width:162px; height:171px; display:block; position:absolute; top:50px; left:50%; margin-left:-81px; display:block; z-index:999;}
.aa2{ width:182px; height:171px; display:block; position:absolute; top:50px; left:50%; margin-left:-91px; display:block; z-index:999;}
.aa3{ width:167px; height:147px; display:block; position:absolute; top:50px; left:50%; margin-left:-83.5px; display:block; z-index:999;}
.aa4{ width:181px; height:171px; display:block; position:absolute; top:50px; left:50%; margin-left:-90.5px; display:block; z-index:999;}
.about-xc02{ width:1200px; height:674px; margin:20px auto 27px; position:relative; display:block; }
#about05{ width:100%; overflow:hidden; top:-50px; position:absolute; left:0;}
.about-xc02 img{cursor: pointer;}
.about-xc02 .ltvs{ position: absolute; left:0px; top:0px;}
.simg1{ width:1200px; margin:0 auto;  overflow:hidden;}
.simg1 ul{ width:1220px; margin:0 auto; overflow:hidden;}
.simg1 ul li{ width:288px; margin-right:16px; float:left; overflow:hidden; cursor:pointer; }
.simg1 ul li img{ width:288px;}

.nbanner{ width:100%; height:650px; background:url(../images/nbanner.jpg) no-repeat center; overflow:hidden; position:relative; margin-top:50px;}
.nbimg{ width:623px; height:247px; position:absolute; left:50%; margin-left:-311.5px; top:175px; display:block;}
.news{ width:100%; margin:0 auto; overflow:hidden;}
.news h3{ width:100%; height:134px; margin:50px auto 30px;}
.news h3 img{ margin:0 auto; display:block;}
.news .more{ width:178px; height:42px; border:1px solid #000; font-size:14px; color:#000; line-height:44px; text-align:center; display:block; margin:0 auto 22px;}
.news .more:hover{ border:1px solid #b3804e; background:#b3804e; color:#FFF;}
.news .nl1{ width:101%; overflow:hidden; margin:0 auto 32px;}
.news .nl1 li{ width:24.7%; height:340px; float:left; margin-right:0.3%; overflow:hidden; position:relative;}
.news .nl1 li img{ position:absolute; width:100%; height:340px; left:0; top:0; z-index:1;}
.news .nl1 li .black{ width:100%; height:340px; background:#000; opacity:0.7; z-index:9; position:absolute; left:0; top:0;}
.news .nl1 li .bbb{ width:80%; height:150px; position:absolute; left:10%; top:100px; z-index:99;}
.news .nl1 li .bbb h4{ font-size:18px; color:#FFF; line-height:18px; background:url(../images/newshl.png) no-repeat left top 3px; padding-left:16px;overflow:hidden;white-space: nowrap; text-overflow: ellipsis; display:block; font-weight:normal;}
.news .nl1 li .bbb h4 span{ font-size:14px; color:#FFF; line-height:14px; margin-top: 20px; text-align:right; display:block;}
.news .nl1 li .bbb p{ font-size:14px; color:#FFF; line-height:26px; height:52px; overflow:hidden;}
.news .nl1 li .bbb .more2{ font-size:14px; color:#FFF; line-height:20px; margin-top:5px; text-align:right;}
.news .nl1 li .bbb:hover h4{ color:#b3804e; background:url(../images/newshlh.png) no-repeat left top 3px;}
.news .nl1 li .bbb:hover h4 span{ color:#b3804e;}
.news .nl1 li .bbb:hover p{ color:#b3804e;}
.news .nl1 li .bbb:hover .more2{ color:#b3804e;}
.news .nl1 li .yeo{width:100%; height:340px; background:#ab743f; opacity:0.7; z-index:9; position:absolute; left:0; top:0;}
.news .nl2{ width:1230px; margin:0 auto 32px; overflow:hidden;}
.news .nl2 li{ width:388px; height:463px; float:left; margin-right:18px; overflow:hidden;}
.news .nl2 li img{width:388px; height:272px;}
.news .nl2 li .ccc{ width:388px; height:191px; background:url(../images/newsccc.jpg) repeat center; overflow:hidden;}
.news .nl2 li .ccc h4{ font-size:18px; color:#FFF; line-height:18px; background:url(../images/newshl.png) no-repeat left top 3px; padding-left:16px;overflow:hidden;white-space: nowrap; text-overflow: ellipsis; display:block; font-weight:normal; width:288px; margin:35px auto 10px;}
.news .nl2 li .ccc p{ width:300px; margin:0 auto; height:52px; font-size:14px; color:#FFF; line-height:26px; overflow:hidden;}
.news .nl2 li .ccc .time{ font-size:14px; color:#FFF; line-height:14px; width:288px; height:14px; margin:20px auto 0; overflow:hidden; text-align:right;}
.news .nl2 li:hover .ccc h4{ color:#b3804e; background:url(../images/newshlh.png) no-repeat left top 3px; }
.news .nl2 li:hover .ccc p{ color:#b3804e}
.news .nl2 li:hover .ccc .time{ color:#b3804e}
.news2{ width:100%; height:520px; margin:0 auto; overflow:hidden; background:url(../images/newsccc.jpg) repeat;}
.news .nl3{ width:1220px; margin:70px auto 0; overflow:hidden;}
.news .nl3 li{ width:590px; height:180px; margin:0 0 20px 20px; overflow:hidden; float:left; background:url(../images/newsddd.png) no-repeat center;}
.news .nl3 li img{ float:left; width:158px; height:158px; margin:11px; display:block;}
.news .nl3 li .ddd{ width:350px; height:158px; float:left; margin-left:30px; margin-top:11px; overflow:hidden;}
.news .nl3 li .ddd h4{font-size:18px; color:#FFF; line-height:18px; background:url(../images/newshl.png) no-repeat left top 3px; padding-left:16px;overflow:hidden;white-space: nowrap; text-overflow: ellipsis; display:block; font-weight:normal; width:350px; margin:25px auto 10px;}
.news .nl3 li .ddd p{ width:350px; margin:0 auto; height:52px; font-size:14px; color:#FFF; line-height:26px; overflow:hidden;}
.news .nl3 li .ddd .time{font-size:14px; color:#FFF; line-height:14px; width:350px; height:14px; margin:15px auto 0; overflow:hidden; text-align:right;}
.news .nl3 li .ddd:hover h4{ color:#b3804e; background:url(../images/newshlh.png) no-repeat left top 3px;}
.news .nl3 li .ddd:hover p{ color:#b3804e;}
.news .nl3 li .ddd:hover .time{ color:#b3804e;}

.contact{ width:100%; height:1160px; background:url(../images/contactbg.jpg) no-repeat center; overflow:hidden; margin-top:50px;}
.contact h3{ width:785px; margin:95px auto 65px; height:247px;}
.main2{ width:1208px; margin:0 auto; overflow:hidden;}
.contact2{ width:1208px; height:663px; background:url(../images/form.png) no-repeat center; overflow:hidden;}
.contact2 h4{ font-size:24px; line-height:40px; text-align:center; color:#b3804e; margin:70px auto 30px; font-weight:normal;}
.contact2 h4 span{ font-size:18px; color:#999; line-height:30px; text-align:center; display:block;}
.main_textarea3{  width:715px; height:170px; margin:0 auto 15px; border:1px solid #ccc; padding:0 10px; font-size:14px; line-height:40px; color:#CCC; overflow:hidden;}
.input_css3{ width:715px; height:40px; margin:0 auto 15px; float:left; border:1px solid #ccc; padding:0 10px;font-size:14px; line-height:40px; color:#CCC; }
.btnsub3{ width:737px; height:42px; display:block; font-size:16px; color:#FFF; line-height:32px; text-align:center; display:block; background:#b3804e; border:none; cursor:pointer;}
.contact2 form{ width:737px; margin:0 auto; overflow:hidden; display:block;}
.contact3{ width:100%; height:840px; overflow:hidden; position:relative;}
#dituContent{ width:100%; margin:0 auto; height:840px; overflow:hidden; position:absolute; left:0; top:0; z-index:9;}
.contact3 .left{ width:410px; height:840px; overflow:hidden; background:#b3804e; opacity:0.9; position:absolute; left:50%; margin-left:-604px; top:0; z-index:99;}
.contact3 .left img{ margin:104px auto 0; display:block;}

.pro{ width:100%; height:646px; overflow:hidden; margin-top:50px;}
.pro .left{ width:50%; height:646px; background:url(../images/prol.jpg) no-repeat center; float:left;}
.pro .right{ width:50%; height:646px; background:url(../images/pror.jpg) no-repeat center; float:left;}
.pro img{ margin:165px auto 45px; display:block;}
.pro .more{ width:210px; height:50px; border:1px solid #FFF; font-size:18px; color:#FFF; line-height:50px; text-align:center; display:block; margin:0 auto;}
.pro .more:hover{ background-color:#b3804e; border:1px solid #b3804e;}
.pro1{ width:196px; height:196px; background:url(../images/ipp1.png) no-repeat center; position:absolute; left:50%; margin-left:-98px; top:240px;}
.pro .mmenu{ width:232px; margin:85px auto 0; overflow:hidden;}
.pro .mmenu li{ width:90px; height:86px; margin:0 8px; float:left; position:relative;}
.pro .mmenu li p{ width:90px; height:86px; font-size:14px; color:#FFF; line-height:86px; text-align:center; position:absolute; left:0; top:0; z-index:99;}
.pro .mmenu li span{ width:90px; height:86px; background:url(../images/mmenu.png) no-repeat center;-webkit-transition: -webkit-transform 2s ease-out; -moz-transition: -moz-transform 2s ease-out; -o-transition: -o-transform 2s ease-out; -ms-transition: -ms-transform 2s ease-out; display:block; position:absolute; left:0; top:0; z-index:9;}
.pro .mmenu li:hover span{ -moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.pro .mmenu2{ width:348px; margin:85px auto 0; overflow:hidden;}
.pro .mmenu2 li{ width:90px; height:86px; margin:0 8px; float:left; font-size:14px; color:#FFF; line-height:86px; text-align:center; position:relative;}
.pro .mmenu2 li p{ width:90px; height:86px; font-size:14px; color:#FFF; line-height:86px; text-align:center; position:absolute; left:0; top:0; z-index:99;}
.pro .mmenu2 li span{width:90px; height:86px; background:url(../images/mmenu.png) no-repeat center;-webkit-transition: -webkit-transform 2s ease-out; -moz-transition: -moz-transform 2s ease-out; -o-transition: -o-transform 2s ease-out; -ms-transition: -ms-transform 2s ease-out; display:block; position:absolute; left:0; top:0; z-index:9;}
.pro .mmenu2 li:hover span{ -moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

.sbanner{ width:100%; height:650px; background:url(../images/sbanner.jpg) no-repeat center; overflow:hidden; position:relative; margin-top:50px;}
.sbimg{ width:638px; height:247px; position:absolute; left:50%; margin-left:-319px; top:175px; display:block;}
.ser{ width:100%; margin:0 auto; overflow:hidden; height:650px; position:relative;}
.ser li{ width:25%; float:left; overflow:hidden; position:relative; height:650px;}
.ser .bg1{ background:url(../images/serl1.jpg) no-repeat center;}
.ser .bg2{ background:url(../images/serl2.jpg) no-repeat center;}
.ser .bg3{ background:url(../images/serl3.jpg) no-repeat center;}
.ser .bg4{ background:url(../images/serl4.jpg) no-repeat center;}
.ser .bg11{ background:url(../images/jlbg1.jpg) no-repeat center;}
.ser .bg22{ background:url(../images/jlbg2.jpg) no-repeat center;}
.ser .bg33{ background:url(../images/jlbg3.jpg) no-repeat center;}
.ser .bg44{ background:url(../images/jlbg4.jpg) no-repeat center;}
.ser .ll{ margin:275px auto 0; display:block;} 
.ser li .black{ width:100%; height:650px; background:#000; opacity:0; position:absolute; left:0; top:0; z-index:9; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration: 0.5s; transition-duration:0.5s;}
.ser li .adt{ width:116px; height:38px; position:absolute; top:205px; left:50%; margin-left:-58px; opacity:0; z-index:99; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; transition-duration:0.5s;}
.ser li .adt img{ margin:0 auto; display:block;}
.ser li .adb{ width:275px; height:305px; position:absolute; bottom:40px; left:50%; margin-left:-137.5px; opacity:0; z-index:99; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration: 0.5s; transition-duration:0.5s;}
.ser li .adb img{ margin:0 auto; display:block;}
.ser li:hover .black{ opacity:0.5; }
.ser li:hover .ll{ display:none;}
.ser li:hover .adt{ top:215px; opacity:1;}
.ser li:hover .adb{ bottom:50px; opacity:1;}
.ser01{ width:100%; height:753px; margin:0 auto; overflow:hidden; background:url(../images/ser01.jpg) no-repeat center;}
.ser01 h3{ width:293px; height:135px; margin:45px auto 58px; overflow:hidden;}
.ser01 ul{ width:1230px; overflow:hidden; margin:0 auto;}
.ser01 ul li{ width:380px; height:450px; background:url(../images/ser01bg.png) no-repeat center; overflow:hidden; float:left; margin-right:30px;}
.ser01 ul li h4{ width:280px; font-size:20px; color:#b3804e; line-height:20px; margin:133px auto 25px; text-align:center; font-weight:normal;}
.ser01 ul li p{ font-size:14px; color:#b3804e; line-height:26px; width:280px; margin:0 auto; overflow:hidden;}
.ser02{ width:100%; height:485px; margin:0 auto; overflow:hidden; background:url(../images/ser02.jpg) no-repeat center;}
.ser02 h3{ width:426px; height:134px; margin:55px auto; overflow:hidden;}
.ser02 ul{ width:1280px; margin:0 auto; overflow:hidden; height:183px;}
.ser02 ul li{ width:180px; height:183px; float:left; margin-right:75px; overflow:hidden;}
.ser02 ul .a1{ background:url(../images/ser02-1.png) no-repeat center;}
.ser02 ul .a2{ background:url(../images/ser02-2.png) no-repeat center;}
.ser02 ul .a3{ background:url(../images/ser02-3.png) no-repeat center;}
.ser02 ul .a4{ background:url(../images/ser02-4.png) no-repeat center;}
.ser02 ul .a5{ background:url(../images/ser02-5.png) no-repeat center;}
.ser02 ul .a1:hover{ background:url(../images/ser02-1h.png) no-repeat center;}
.ser02 ul .a2:hover{ background:url(../images/ser02-2h.png) no-repeat center;}
.ser02 ul .a3:hover{ background:url(../images/ser02-3h.png) no-repeat center;}
.ser02 ul .a4:hover{ background:url(../images/ser02-4h.png) no-repeat center;}
.ser02 ul .a5:hover{ background:url(../images/ser02-5h.png) no-repeat center;}
.ser03{ width:100%; height:708px; margin:0 auto; overflow:hidden; background:url(../images/ser03bg.jpg) no-repeat center;}
.ser03 h3{ width:356px; height:166px; margin:55px auto 45px; overflow:hidden;}
.ser03 ul{ width:1230px; margin:0 auto; overflow:hidden; height:362px;}
.ser03 ul li{ width:380px; height:362px; float:left; margin-right:30px; overflow:hidden;}
.ser03 ul .s1{ background:url(../images/ser1.png) no-repeat center;}
.ser03 ul .s2{ background:url(../images/ser2.png) no-repeat center;}
.ser03 ul .s3{ background:url(../images/ser3.png) no-repeat center;}
.ser03 ul .s1:hover{ background:url(../images/ser1h.png) no-repeat center;}
.ser03 ul .s2:hover{ background:url(../images/ser2h.png) no-repeat center;}
.ser03 ul .s3:hover{ background:url(../images/ser3h.png) no-repeat center;}
.ser03 ul li h3{ width:270px; height:20px; margin:100px auto 10px; text-align:center; font-size:20px; color:#FFF; text-align:center; font-weight:normal;}
.ser03 ul li p{ width:270px; font-size:14px; line-height:26px; text-align:center; overflow:hidden; margin:0 auto; color:#ccc;}

.newslist{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/newslist.jpg) repeat-y center;}
.newslist .menu{ width:924px; margin:25px auto 60px; overflow:hidden;}
.newslist .menu li{ width:276px; height:82px; background:url(../images/newsll.png) no-repeat center; float:left; margin-right:32px;}
.newslist .menu li p{ font-size:18px; color:#333333; line-height:114px; text-align:center;}
.newslist .menu li:hover{ background:url(../images/newsllh.png) no-repeat center;}
.newslist .menu li:hover p{ color:#b3804e;}
.newslist .menu .on{ background:url(../images/newsllh.png) no-repeat center !important;}
.newslist .menu .on p{ color:#b3804e;}
.newslist ul{ width:1250px; margin:0 auto; overflow:hidden;}
.newslist ul li{ width:276px; height:372px; margin-bottom:30px; margin-right:32px; float:left; background-color:#FFF;}
.newslist ul li img{ width:276px; height:180px; display:block;}
.newslist ul li .time{ width:230px; margin:30px auto 0; font-size:14px; color:#999; line-height:20px; }
.newslist ul li h3{ font-size:16px; color:#333; line-height:34px; font-weight:normal;overflow:hidden;white-space: nowrap; text-overflow: ellipsis; display:block; width:230px; margin:0 auto;}
.newslist ul li p{ font-size:14px; color:#333; line-height:22px; height:44px; overflow:hidden; width:230px; margin:0 auto;}
.newslist ul li .more{ font-size:14px; color:#333; line-height:20px; margin-top:10px; text-align:right; overflow:hidden; width:230px; margin:0 auto;}
.newslist ul li:hover{ background-color:#b3804e;}
.newslist ul li:hover .time{ color:#FFF;}
.newslist ul li:hover h3{ color:#FFF;}
.newslist ul li:hover p{ color:#FFF;}
.newslist ul li:hover .more{ color:#FFF;}

.jbanner{ width:100%; height:650px; background:url(../images/jbanner.jpg) no-repeat center; overflow:hidden; position:relative; margin-top:50px;}
.jbimg{ width:833px; height:247px; position:absolute; left:50%; margin-left:-416.5px; top:175px; display:block;}
.join2{ width:100%; margin:0 auto; overflow:hidden; position:relative; min-width:1200px;}
.join2 .turn{ width:30%; margin:auto; overflow:hidden; position:absolute; left:10%; top:10%; display:block; z-index:10; cursor: pointer;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;}
.join2 .turn:hover{ transform:rotateY(360deg); -moz-transform:rotateY(360deg); -ms-transform:rotateY(360deg); -o-transform:rotateY(360deg); -webkit-transform:rotateY(360deg);}
.join2 .ul1{ position:absolute; left:41%; top:50%; margin-top:-216px;}
.join2 .ul2{ position:absolute; left:57%; top:50%; margin-top:-162px;}
.join2 ul li{ width:190px; height:98px; margin-bottom:10px; background:url(../images/join02-2.png) no-repeat center left; font-size:14px; color:#b3804e; line-height:98px; padding-left:30px; font-weight:700; cursor:pointer;}
.join2 ul li span{ font-weight:normal;}
.join2 .right{ width:18.5%; position:absolute; top:10%; left:74%; opacity:1; -webkit-transition-duration:1s; -moz-transition-duration:1s; -ms-transition-duration:1s; transition-duration:1s;}
.join3{ width:100%; height:353px; background:url(../images/join03.jpg) no-repeat center; position:relative;}
.join3 img{ position:absolute; left:50%; margin-left:-143px; bottom:-73px; z-index:99}
.join4{ width:100%; height:600px; background:url(../images/join4bg.jpg) no-repeat center; overflow:hidden;}
.join4 .txtScroll-left{ width:1200px; height:379px; position:relative; margin:140px auto 0;}
.join4 .txtScroll-left .hd{ overflow:hidden;  height:58px; padding-top:30px; }
.join4 .txtScroll-left .hd .next{ width:71px; height:38px; overflow:hidden; position:absolute; right:350px; top:-105px; background:url(../images/next2.png) no-repeat center; }
.join4 .txtScroll-left .hd ul{ width:145px; overflow:hidden; zoom:1; margin:0 auto; }
.join4 .txtScroll-left .hd ul li{ float:left;  width:8px; height:8px; overflow:hidden; margin:0 7px; text-indent:-999px; cursor:pointer;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; border:1px solid #b3804e;}
.join4 .txtScroll-left .hd ul li.on{ background:#b3804e;}
.join4 .txtScroll-left .bd{ width:1200px; margin:0 auto; }
.join4 .txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
.join4 .txtScroll-left .bd ul li{ width:294px; height:353px; float:left; text-align:center; _display:inline; margin-right:8px; margin-top:26px; background-color:#f4f4f4;}
.join4 .txtScroll-left .bd ul li:hover{ background-color:#333333; margin-top:0px !important;}
.join4 .txtScroll-left .bd ul li h3{ font-size:20px; line-height:30px; text-align:center; color:#333333; margin:70px auto 18px; font-weight:normal; text-align:center;}
.join4 .txtScroll-left .bd ul li h3 span{ font-size:14px; color:#999; line-height:20px; text-align:center; display:block; text-transform:uppercase;}
.join4 .txtScroll-left .bd ul li .line{ width:80px; height:1px; background:#999; margin:0 auto;}
.join4 .txtScroll-left .bd ul li p{ font-size:14px; color:#999; line-height:30px; width:230px; margin:18px auto 0;}
.join4 .txtScroll-left .bd ul li:hover h3{ color:#ffffff;}
.join5{ width:100%; height:502px; background:url(../images/join5bg.jpg) no-repeat center; overflow:hidden; position:relative;}
.join5 h3{ width:393px; height:134px; margin:47px auto 41px; overflow:hidden;}
.join5 .txtScroll-left2{ width:1200px;  position:relative; }
.join5 .txtScroll-left2 .hd{ overflow:hidden;  height:80px; padding-top:30px; }
.join5 .txtScroll-left2 .hd ul{ width:168px; overflow:hidden; zoom:1; margin:20px auto 0; }
.join5 .txtScroll-left2 .hd ul li{ float:left;  width:8px; height:8px; overflow:hidden; margin:0 7px; text-indent:-999px; cursor:pointer;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; border:1px solid #fff;}
.join5 .txtScroll-left2 .hd ul li.on{ background:#fff;}
.join5 .txtScroll-left2 .bd{ width:1200px; overflow:hidden; margin:0 auto; }
.join5 .txtScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
.join5 .txtScroll-left2 .bd ul li{ width:261px; height:173px; padding:9px; background:#FFF; float:left; text-align:center; _display:inline; margin-right:28px;}
.join5 .txtScroll-left2 .bd ul li img{ width:261px; height:173px; }
.join6{ width:100%; height:560px; margin:0 auto; overflow:hidden; background:url(../images/join6.jpg) no-repeat top; position:relative;}
.join6 h3{ width:288px; height:135px; margin:66px auto 55px; overflow:hidden;}
.w1100{ width:1200px; overflow:hidden;}
.join6 ul{ width:1240px; height:225px; overflow:hidden;}
.join6 ul li{ width:191.5px; height:225px; overflow:hidden; float:left; margin-right:10px;}
.join6 ul .yy{ background:url(../images/yy.png) no-repeat center; background-size:100% 100%;}
.join6 ul .yy:hover{ background:url(../images/yyh.png) no-repeat center; background-size:100% 100%;}
.join6 ul .yy h4{ font-size:20px; color:#b3804e; line-height:20px; margin:70px auto 10px; overflow:hidden; text-align:center; font-weight:normal;}
.join6 ul .yy p{ font-size:14px; color:#b3804e; line-height:22px; width:146px; margin:0 auto;}
.join6 ul .bb{ background:url(../images/bb.png) no-repeat center; background-size:100% 100%;}
.join6 ul .bb:hover{ background:url(../images/bbh.png) no-repeat center; background-size:100% 100%;}
.join6 ul .bb h4{ font-size:20px; color:#333333; line-height:20px; margin:70px auto 10px; overflow:hidden; text-align:center; font-weight:normal;}
.join6 ul .bb p{ font-size:14px; color:#333333; line-height:22px; width:146px; margin:0 auto;}
.join6 ul li:hover h4{ color:#fff;}
.join6 ul li:hover p{ color:#fff;}
.join7{ width:100%; height:443px; margin:0 auto; overflow:hidden; background:url(../images/join7.jpg) no-repeat center; position:relative}
.join7 h3{ width:304px; height:134px; margin:57px auto 60px; overflow:hidden;}
.join7 ul{ width:1200px; margin:0 auto; overflow:hidden;}
.join7 ul li{ width:120px; float:left; background:url(../images/join7-03.png) no-repeat center top; }
.join7 ul li.on{ background:url(../images/join7-04.png) no-repeat center top; }
.join7 ul li p{ font-size:14px; color:#FFF; line-height:20px; padding-top:60px; text-align:center; width:100px;}
.join7 ul li.on p{ font-size:16px !important;}
.join8{ width:100%; height:954px; background:url(../images/join8.jpg) no-repeat center; overflow:hidden; position:relative;}
.join8 h3{ width:382px; height:134px; margin:50px auto 40px; overflow:hidden;}
#join01{ width:100%; margin:0 auto; overflow:hidden; position:absolute; top:-50px; left:0;}
#join02{ width:100%; margin:0 auto; overflow:hidden; position:absolute; top:-50px; left:0;}
#join03{ width:100%; margin:0 auto; overflow:hidden; position:absolute; top:-50px; left:0;}
#join04{ width:100%; margin:0 auto; overflow:hidden; position:absolute; top:-50px; left:0;}
#join05{ width:100%; margin:0 auto; overflow:hidden; position:absolute; top:-50px; left:0;}
#join06{ width:100%; margin:0 auto; overflow:hidden; position:absolute; top:-50px; left:0;}
.joinn1{width: 100%; height: 630px; background: url(../images/join4bg.jpg) repeat center; overflow: hidden;}
.joinn1 .nl{ width:35%; overflow:hidden; float:left; margin-top:55px;}
.joinn1 .nr{ width:65%; overflow:hidden; height:630px; float:left; background-color:#303030;}
.joinn1 .nr .bb{ width:920px; height:520px; float:left; margin-top:55px; background:url(../images/jnnrbg.jpg) no-repeat center; overflow:hidden;}
.joinn1 .nr .bb h3{ font-size:38px; color:#FFF; line-height:60px; margin-top:20px; margin-left:40px; margin-bottom:15px;}
.joinn1 .nr .bb ul{ width:860px; margin-left:40px; overflow:hidden;}
.joinn1 .nr .bb ul li{ width:196px; height:184px; border:1px solid #b3804e; float:left; margin-right:16px; margin-bottom:16px;}
.joinn1 .nr .bb ul li p{ font-size:18px; color:#b3804e; line-height:30px; margin:15px 14px 5px;}
.joinn1 .nr .bb ul li span{ font-size:14px; color:#b3804e; line-height:24px; margin:0 14px; display:block;}
.joinn2{ width:100%; height:1020px; background:url(../images/joinn2bg.jpg) no-repeat center; overflow:hidden;}
.joinn2 h3{ margin:54px auto 25px; display:block; }
.joinn2 h3 img{ width:707px; height:169px; margin:0 auto 5px; display:block;}
.joinn2 h3 span{ font-size:16px; color:#b3804e; line-height:32px; text-align:center; display:block;}
.joinn2 ul{ width:1230px; margin-top:90px; overflow:hidden;}
.joinn2 ul li{ width:588px; float:left; margin-right:24px; height:227px; margin-bottom:24px;}
.joinn2 ul li .jl{ width:300px; float:left; margin-top:15px;}
.joinn2 ul li .jl p{ font-size:24px; color:#FFF; line-height:36px;}
.joinn2 ul li .jl span{ font-size:14px; color:#FFF; line-height:26px; display:block;}
.joinn2 ul li .jr{ width:227px; height:227px; overflow:hidden; float:left;}
.jmore{ width:230px; height:58px; overflow:hidden; margin:20px auto; background-color:#FFF; -moz-border-radius:29px; -webkit-border-radius:29px; border-radius:29px; display:block;}
.jmore p{ font-size:24px; color:#b3804e; line-height:58px; text-align:center;}

.mbanner{ width:100%; height:650px; background:url(../images/mbanner.jpg) no-repeat center; overflow:hidden; position:relative; margin-top:50px;}
.mbimg{ width:715px; height:247px; position:absolute; left:50%; margin-left:-357.5px; top:175px; display:block;}
.mobile{ width:100%; margin:0 auto; overflow:hidden;}
.mobile h3{ width:458px; height:162px; margin:80px auto 55px; display:block;}
.mobile h4{ width:137px; height:90px; margin:0 auto 55px; overflow:hidden;}
.mobile ul{ width:1220px; margin:0 auto; overflow:hidden;}
.mobile ul li{ width:390px; height:308px; float:left; background-color:#f8f8f8; margin-right:15px; margin-top:20px; margin-bottom:70px;}
.mobile ul li h5{ width:290px; margin:76px 0 30px 50px; padding-left:85px; font-size:20px; color:#333; line-height:30px; font-weight:normal;}
.mobile ul li p{ font-size:14px; color:#333; line-height:26px; width:290px; margin:0 auto; overflow:hidden;}
.mobile ul li .h1{background:url(../images/moli1.png) no-repeat center left;}
.mobile ul li .h2{background:url(../images/moli2.png) no-repeat center left;}
.mobile ul li .h3{background:url(../images/moli3.png) no-repeat center left;}
.mobile ul li:hover{ background-color:#0084ea; margin-top:0;}
.mobile ul li:hover h5{ color:#FFF;}
.mobile ul li:hover p{ color:#FFF;}
.mobile ul li:hover .h1{background:url(../images/moli1h.png) no-repeat center left;}
.mobile ul li:hover .h2{background:url(../images/moli2h.png) no-repeat center left;}
.mobile ul li:hover .h3{background:url(../images/moli3h.png) no-repeat center left;}
.mobile2{ width:100%; margin:0 auto; overflow:hidden; background-color:#f8f8f8;}
.mobile2 .left{ width:650px; height:459px; float:left; padding:120px 0 130px; overflow:hidden;}
.mobile2 .right{ width:510px; height:459px; float:left; margin-left:40px; padding:120px 0 130px; overflow:hidden;}
.mobile2 .right h3{ width:384px; height:79px; margin:30px 0 20px; display:block;}
.mobile2 .right li{ width:510px; height:98px; border-bottom:1px dashed #cccccc; overflow:hidden;}
.mobile2 .right li h4{ font-size:16px; line-height:30px; margin:10px 0 2px; color:#0084ea; font-weight:normal;}
.mobile2 .right li p{ font-size:14px; color:#333; line-height:24px;}
.bb0{ border-bottom:none !important;}
.mobile3{ width:100%; margin:0 auto; overflow:hidden;}
.mobile3 .left{ width:510px; height:450px; float:left; padding:120px 0 180px; overflow:hidden;}
.mobile3 .left h3{ width:414px; height:79px; margin:30px 0 20px; display:block;}
.mobile3 .left li{ width:510px; height:98px; border-bottom:1px dashed #cccccc; overflow:hidden; margin-left:10px;}
.mobile3 .left li h4{ font-size:16px; line-height:30px; margin:10px 0 2px; color:#0084ea; font-weight:normal;}
.mobile3 .left li p{ font-size:14px; color:#333; line-height:24px; }
.mobile3 .right{ width:517px; height:634px; float:right; margin-left:40px; padding:120px 0 0; overflow:hidden;}
.mobile4{ width:100%; margin:0 auto; overflow:hidden; background-color:#f8f8f8;}
.mobile4 .left{ width:628px; height:453px; padding:120px 0 110px; overflow:hidden; float:left;}
.mobile4 .right{ width:530px; float:right; padding:150px 0 110px; overflow:hidden;}
.mobile4 .right h3{ width:414px inherit79px; margin:30px 0 20px; display:block;}
.mobile4 .right p{ margin-left:10px; font-size:14px; color:#333333; line-height:24px; overflow:hidden;}
.mobile4 .right ul{ margin-left:10px; width:340px; overflow:hidden; margin-top:20px;}
.mobile4 .right ul li{ width:70px; float:left; height:30px; background:url(../images/mbli.png) no-repeat center left; padding-left:15px; font-size:14px; color:#999999; line-height:30px;}

.probanner{ width:100%; height:694px; overflow:hidden; position:relative; margin-top:50px;}
.probimg{ width:825px; height:325px; position:absolute; left:50%; margin-left:-358px; top:150px; display:block;}
.probimg2{ width:785px !important; height:232px !important; position:absolute; left:50%; margin-left:-392.5px !important; top:150px; display:block;}
.probimg6{ width:716px !important; height:231px !important; position:absolute; left:50%; margin-left:-333px !important; top:150px; display:block;}
.probimg3{ width:605px; height:232px; position:absolute; left:50%; margin-left:-302px; top:150px; display:block;}
.probimg4{ width:677px !important; height:344px; position:absolute; left:50%; margin-left:-338.5px !important; top:150px; display:block;}
.probimg5{ width:618px !important; height:232px; position:absolute; left:50%; margin-left:-309px !important; top:150px; display:block;}
.probanner .menu{ width:540px; margin:0 auto; overflow:hidden; position:absolute; left:50%; margin-left:-270px; bottom:60px;}
.probanner .menu li{ width:150px; height:150px; font-size:18px; color:#FFF; text-align:center; line-height:150px; background:url(../images/proli.png) no-repeat center; float:left; margin:0 15px;}
.probanner .menu li:hover{ background:url(../images/prolih.png) no-repeat center; color:#b3804e;}
.probanner .menu li.on{ background:url(../images/prolih.png) no-repeat center; color:#b3804e;}
.product{ width:100%; height:58px; background-color:#b3804e; overflow:hidden;}
.product ul{ width:1200px; height:58px; margin:0 auto; overflow:hidden; }
.product ul li{ width:112px; height:58px; color:#FFF; line-height:58px; font-size:14px; padding-left:8px; background:url(../images/promenu2.png) no-repeat center left; float:left;}
.product ul li:hover{ color:#333; background:url(../images/promenu2h.png) no-repeat center left;}
.product ul li.on{ color:#333; background:url(../images/promenu2h.png) no-repeat center left;}
.product2{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/probg.jpg) repeat-y center;}
.product2 h3{ font-size:18px; color:#b3804e; line-height:30px; margin:40px auto 30px; overflow:hidden; text-align:center; font-weight:normal;}
.product2 h3 span{ font-size:30px; color:#333; line-height:50px; text-align: center; overflow:hidden; display:block; letter-spacing:10px;}
.product2 ul{ width:1220px; margin:0 auto; overflow:hidden;}
.product2 ul li{ width:388px; height:457px; background:url(../images/prolist.png) no-repeat center; background-size:100% 100%; float:left; margin-right:18px; margin-bottom:30px; overflow:hidden;}
.product2 ul li .iimg{ width:351px; height:351px; overflow:hidden; margin:18px;}
.product2 ul li .iimg img{ width:320px; height:auto; margin:0 auto; display:block;}
.product2 ul li p{ font-size:16px; color:#333; line-height:20px; margin:20px auto 0; text-align:center;}

#roll_top2{ display:none;}

@font-face{
	font-family:'fzltxh';
	src:url('../font/方正兰亭纤黑简体_0.TTF');
	font-weight:normal;
	font-style:normal;
}
.db{ display:block;}
.dn{ display:none;}

.tq_div_main{float:none;BACKGROUND:transparent none repeat scroll 0% 0%;color:#000000;font-size:12px;line-height:14px;PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;border:0px solid #d35555;margin:0px 0px 0px 0px;overflow:hidden;FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans",sans-serif;word-break:break-all;text-align:left;position:static;z-index:8000;}
#tq_float_container div{float:none;text-indent:0px;BACKGROUND:transparent none repeat scroll 0% 0%;color:#000000;font-size:12px;line-height:24px;PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;border:0px solid #d35555;margin:0px 0px 0px 0px;overflow:hidden;FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans",sans-serif;word-break:break-all;text-align:left;position:static;z-index:8000;}
#tq_float_container table{text-indent:0px;BACKGROUND:transparent none repeat scroll 0% 0%;color:#000000;font-size:12px;line-height:14px;PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;border:0px solid #d35555;margin:0px 0px 0px 0px;overflow:hidden;FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans",sans-serif;word-break:break-all;text-align:left;position:static;z-index:8000;}
#tq_float_container tr{text-indent:0px;BACKGROUND:transparent none repeat scroll 0% 0%;color:#000000;font-size:12px;line-height:14px;PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;border:0px solid #d35555;margin:0px 0px 0px 0px;overflow:hidden;FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans",sans-serif;word-break:break-all;text-align:left;position:static;z-index:8000;}
#tq_float_container td{text-indent:0px;BACKGROUND:transparent none repeat scroll 0% 0%;color:#000000;font-size:12px;line-height:14px;PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;border:0px solid #d35555;margin:0px 0px 0px 0px;overflow:hidden;FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans",sans-serif;word-break:break-all;text-align:left;position:static;z-index:8000;}
#tq_float_container img{float:none;text-indent:0px;vertical-align:top;float:left}

#tq_float_container .tq_float_on{color:#FF0F0F}
#tq_float_container .tq_float_off{color:#333333}
#tq_float_container .tq_float_busy{color:#FF0F0F}
#tq_float_container .tq_float_leave{color:#FF0F0F}

.yl{ width:100%; background-color:#161616; overflow:hidden; border-top:1px solid #7f7d7d}
.yl p{ font-size:14px; color:#7f7d7d; line-height:20px; margin:5px 0;}
.yl p a{ float:left;}
.yl p span{ font-size:14px; color:#FFF; line-height:20px; margin-left:5px; display:block; float:left;}
.yl p span a{ float:left; margin-left:5px; display:block; color:#7f7d7d}
.yl p span a:hover{ color:#b3804e;}