@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; }
body,blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, button,input, textarea,th, td,img{border:medium none;margin: 0;padding: 0; outline:none;}
body,button, input, select, textarea {font: 14px/1.5 "微软雅黑",tahoma, Srial, helvetica, sans-serif; outline:none;}
ul, ol,li { list-style: none; }
a { text-decoration: none; color:#5c5c5c;-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
a:hover{ outline:none;}
img{ border:0px;}
table { border-collapse: collapse; border-spacing: 0; }
html,body{-webkit-text-size-adjust:none; width:100%; height: auto; color:#5c5c5c;}
.clear{ clear:both;}
.animate2ms{-webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -ms-transition-duration:0.3s;transition-duration:0.3s;}
.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;}
.animate2{-webkit-transition-duration:2s; -moz-transition-duration:2s; -ms-transition-duration:2s;transition-duration:2s;}
.animate5{-webkit-transition-duration:5s; -moz-transition-duration:5s; -ms-transition-duration:5s;transition-duration:5s;}


.hs header{ width: 100%; height:461px;}
.hs header .banner{ width:100%; height: 100%;}
.hs header .banner img{ width: 100%;}
.hs .content{ width: 100%; height: auto;}
/*************h_news*************/
#h_news{background: #f3f1ec;overflow: hidden;}
#h_news .newTit{ width: 100%; height: 75px; text-align: center; position: relative; padding-top: 110px;}
#h_news .content{ background: #f9f8f5; padding-bottom: 30px; }
#h_news .newTit img{ position: relative; z-index: 1; padding: 0 30px; background: #f9f8f5;}
#h_news .newTit .border{ width: 100%; height: 2px; background: #e0dfdc; position: absolute; top: 50%; margin-top: 55px; z-index: 0; left: 0;}
#h_news .newsBox{ width: 1280px; height: 685px; margin:100px auto 80px;}
#h_news .newsImgs{ width: 485px; height: 100%; float: left; margin-right: 93px; overflow: hidden;}
#h_news .newsImgs .imgList{ width: 100%; height: 685px; overflow: hidden; position: relative;}
#h_news .newsImgs .imgList li{ width: 100%; height: 0px; overflow: hidden; position:absolute; top: 0px; left: 0px;}
#h_news .newsImgs .imgList li .textBg{ position: absolute; width: 100%; height: 135px; bottom: 0; left: 0; background: #000; opacity: 0.7; filter:alpha(opacity=70); z-index: 1;}
#h_news .newsImgs .imgList li .textBox{ position: absolute; width: 100%; height: 135px; bottom: 0; left: 0; z-index: 2;}
#h_news .newsImgs .imgList li .textTit{ width: 435px;  margin:30px auto 0; color: #ffffff; font-size: 18px; font-weight: bold;}
#h_news .newsImgs .imgList li .text { width: 435px;  margin:10px auto 0; color: #b9b8b7; line-height: 16px;}
#h_news .newsBox .news{ width:695px; height:100%; float: right; position: relative; overflow: hidden;} 
#h_news .news .listBox{ width: 100%; height: 594px; overflow: hidden;}
#h_news .news .newList{ width: 9999px; height: 100%;}
#h_news .news .newList li{ width: 695px; height: 100%; float: left; }
#h_news .news .newList li a{ display: block; height:134px; width: 100%; border-bottom: 1px solid #e0dfdc; margin-top: 18px; position: relative;}
#h_news .news .newList li a:hover .font2{ color: #000; font-weight: bold;}
#h_news .news .newList .imgs{ width: 155px; height: 105px; float: left; background: #d5d5d5;}
#h_news .news .newList .newsCon{ width: 400px; height: 105px; float: left; margin-left: 30px; position: relative;}
#h_news .news .newList .newsCon .font1{ color: #000000; font-weight: bold; height: 30px;}
#h_news .news .newList .newsCon .font2{ color: #565655; line-height: 16px; font-size: 12px;} 
#h_news .news .newList .newTime{ width:50px; height: 50px; position: absolute; right: 0; top: 50%; margin-top: -34px; background: #009572;}
#h_news .news .newList .newTime .borderL{ width: 3px; height: 100%; background: #f55a08; position: absolute; left: 0; top: 0; }
#h_news .news .newList .newTime .day{ color: #ffffff; font-family: arial; font-size: 24px; width: 100%; text-align: center; height: 30px; margin-top: 5px;}
#h_news .news .newList .newTime .year{ width: 100%; text-align: center;color: #ffffff; line-height: 16px; font-size: 12px; font-family: arial;}
#h_news .news .readMore{ width: 90px; height: 17px; line-height: 19 px; text-align: center; color: #fff; font-size: 12px; font-family: arial; background: #f55a08; position: absolute; bottom: 0; left: 0;}
#h_news .news .newPage{left: 0; position: absolute; height: 40px; padding: 0 55px 0 40px;}
#h_news .news .newPage li{ width: 15px; height: 15px; background: #919191; float: left; margin-top:13px; margin-left: 18px;cursor: pointer;}
#h_news .news .newPage li:hover{ background: #f55a08;}
#h_news .news .newPage li.cur{background: #f55a08;}
#h_news .news .PageBox{ width: 195px; height: 40px; position: relative; margin-top: 40px; }
#h_news .news .PageBox .prev.cur{background: #f55a08;}
#h_news .news .PageBox .next.cur{background: #f55a08;}
#h_news .news .PageBox .prev{ width: 40px; height: 40px; float: left; text-align: center; line-height: 40px; background: #919191; color: #fff;font-size: 20px; cursor: pointer; position: absolute; left: 0; z-index: 10;}
#h_news .news .PageBox .next{ width: 40px; height: 40px; float: left; text-align: center; line-height: 40px;background: #919191; color: #fff;font-size: 20px; position:absolute;right: 0; cursor: pointer;z-index: 10;}


/*********h_desgin*************/
#h_desgin .content{ background: url(../images/h_desBg.jpg) no-repeat top right; height: auto; width: 100%; padding-bottom: 150px; overflow: hidden; }
#h_desgin .greenDesgin{ width: 100%; height:75px; line-height: 75px; text-align: center; padding-top: 40px;}
#h_desgin .desTeam{ width: 100%; text-align: center; height: 43px; position: relative; margin-top: 30px;}
#h_desgin .desTeam .desTeamText{ width:260px; height: 100%; margin:auto; line-height: 43px; color: #fff; font-size: 18px; background: #f55a08 ; border-radius: 1em; position: relative; z-index: 2;}
#h_desgin .desTeam .border{ height: 1px; width: 100%; position: absolute;  left: 0; top: 50%; background: #c2d6cb; z-index: 1;}
#h_desgin .teamFont{ width: 100%; text-align: center; margin-top: 20px;}
#h_desgin .teamList{ width: 1380px; margin:60px auto 0; height: 213px; }
#h_desgin .teamList li{ width: 333px; height: 213px; overflow: hidden; position: relative;margin-right: 12px; float: left; background: #0a5841;}
#h_desgin .teamList li a{ display: block; width: 100%; height: 100%;}
#h_desgin .teamList li .bg{ width: 100%; height: 100%; position: absolute;z-index: 10; left: -30px; top: -60px;}
#h_desgin .teamList li .contBox{ position: relative; z-index: 4; float: left; margin: 115px 0  0 20px;}
#h_desgin .teamList li .contBox .text{ color: #009572; font-size: 16px; font-family: arial; font-weight: bold; opacity: 1;filter:alpha(opacity=100);}
#h_desgin .teamList li .contBox .text span{ font-size: 14px; font-weight: bold;}
#h_desgin .teamList li .contBox2{position: relative; z-index: 4; float: left; margin-left: 20px; display: none;}
#h_desgin .teamList li .contBox2 .font1{ font-size: 24px; color: #FFFFFF; font-weight: bold; margin-top: 65px; opacity: 0.9;filter:alpha(opacity=90);}
#h_desgin .teamList li .contBox2 .font2{ font-size: 14px; color: #FFFFFF; font-weight: bold; margin-top: 30px; opacity: 0.5;filter:alpha(opacity=50);}
#h_desgin .teamList li .contBox2 .font3{ font-family: arial; font-size: 26px; color: #FFFFFF; font-weight: bold; margin-top: 10px; opacity: 0.5;filter:alpha(opacity=50);}
#h_desgin .teamList li .people{position: absolute; z-index: 3; top: 0; right: 0;}
#h_desgin .teamList li .border{ width: 325px; height: 205px; border: 1px solid #fff; opacity:0.4;position: absolute; z-index: 9; top: 3px; left: 3px;filter:alpha(opacity=40);}
#h_desgin .teamList li.cur{ background: #e95100;}
#h_desgin .teamList li.cur .contBox{ display: none;}
#h_desgin .teamList li.cur .contBox2{display: block;}
#h_desgin .line{ width: 100%; height: 3px; background: #f55a08; margin-top: 47px; position: relative;}
#h_desgin .line .lineBox{ width: 1380px; margin: auto; position: relative;}
#h_desgin .line .arrow{ position: absolute; width: 0px; height: 0px; border-style: solid;  border-color: transparent transparent #f55a08 transparent; border-width: 8px 12px; top:-16px; left:150px;}
#h_desgin .box{ width: 100%;position: relative; height: 455px; overflow: hidden;}
#h_desgin .box ul{ width: 9999px; height: 100%;}
#h_desgin .box li{ position: relative; height: 455px; float: left;}
#h_desgin .box .left{ width: 43%; height: 455px; position: absolute;left: 0; background: #f1590a; z-index: 9; overflow: hidden;}
#h_desgin .box .left img{ opacity: 0.3;filter:alpha(opacity=30);}
#h_desgin .box .right{ width:57%;height: 100%; position: absolute;left: 43%; overflow: hidden;}
#h_desgin .box .right .text{ font-size: 60px; color: #ffffff; position: absolute; left: 20px; bottom: 20px; font-family: arial; font-weight: bold; opacity: 0.6;filter:alpha(opacity=60); text-shadow: 0 0 1px #ccc;}
#h_desgin .box .prev{ width: 67px; height: 54px; position: absolute; top: 50%; margin-top: -30px; left: 12%; cursor: pointer; z-index: 10;  }
#h_desgin .box .prev:hover{transform: translateX(-20px);-webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px);}
#h_desgin .box .next{ width: 67px; height: 54px; position: absolute; top: 50%; margin-top: -30px; right: 12%; cursor: pointer; z-index: 10; }
#h_desgin .box .next:hover{transform: translateX(20px);-webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px);  }
#h_desgin .box .contentBox{ position: absolute; z-index: 12; width: 430px;  right: 40px; top: 110px;}
#h_desgin .box .contentBox .font1{ color: #f3f1ec; font-size: 38px; font-weight: bold;}
#h_desgin .box .contentBox .textBox{ font-size: 12px; color: #f3f1ec;}
#h_desgin .box .contentBox .textBox .textType{width: 83px; height: 27px; border-radius: 1em; line-height: 27px; margin-top: 30px; text-align: center; background: #00825c;}
#h_desgin .box .contentBox .textBox .text{ line-height: 24px; margin-top: 10px;}
#h_desgin .box .contentBox .border{ width: 100%; height: 0; border-top: 1px dotted #fff; margin-top: 30px;}
#h_desgin .desginTit{ width: 100%; height: 45px; line-height: 45px; margin-top: 90px; position: relative;}
#h_desgin .desginTit .text{ color: #f7f7f7;font-size: 18px; width: 175px; height: 45px; margin: auto; background: #00825c; text-align: center; border-radius: 1em; position: relative; z-index: 2;}
#h_desgin .desginTit .border{ width: 100%; height: 1px; background: #c2d6cb; position: absolute; top: 50%; z-index: 1;}
#h_desgin .box2{ width: 100%; height: 648px; border: 2px solid #cecece; border-width: 2px 0 2px 0; margin-top: 140px; position: relative;}
#h_desgin .box2 .top{ position: absolute;  top: -75px; width: 865px; left: 50%; margin-left: -427px;}
#h_desgin .box2 .des{ float: left; padding: 0 5px; margin-left: 65px;height: 150px; line-height: 150px; position: relative; width: 110px; height: 150px; cursor: pointer;}
#h_desgin .box2 .des .bg{ width: 100%; height:100%; position: absolute; top: 0; left: 0; background: #f3f1ec; opacity: 0.4; filter:alpha(opacity=40); }
#h_desgin .box2 .des>img{ vertical-align: bottom;}
#h_desgin .box2 .des.cur .bg{opacity: 0;filter:alpha(opacity=0); }
#h_desgin .box2 .des.cur .down{ display: block;}
#h_desgin .box2 .des .down{ position: absolute; width: 22px; height: 22px; bottom: -10px; line-height: 22px; left: 50%; margin-left: -11px; display: none;}
#h_desgin .box2 .bottom{position: absolute;  bottom: -75px; width: 865px; left: 50%; margin-left: -427px;}
#h_desgin .box2 .boxBg{ width: 100%;  height: 469px; margin-top: 90px; position: relative;}
#h_desgin .boxBg .prev{ width: 67px; height: 54px; position: absolute; top: 50%; margin-top: -30px; left: 12%; cursor: pointer; z-index: 10;  }
#h_desgin .boxBg .prev:hover{transform: translateX(-20px);-webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px);}
#h_desgin .boxBg .next{ width: 67px; height: 54px; position: absolute; top: 50%; margin-top: -30px; right: 12%; cursor: pointer; z-index: 10; }
#h_desgin .boxBg .next:hover{transform: translateX(20px);-webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px);  }
#h_desgin .boxBg .box3{ width: 1205px; height: 300px; background: #fff; position: absolute; overflow: hidden; left: 50%; margin-left: -603px; top: 50%; margin-top: -150px;}
#h_desgin .box3 ul li{height: 250px; float: left; position: absolute;  left: 0; top: 20px; width: 100%; overflow: hidden; background: #fff;}
#h_desgin .box3 ul li .left{ width: 845px; float: left; height: 100%; border-right: 1px solid #000; margin-left: 30px;}
#h_desgin .box3 ul li .left .imgBox{ float: left;}
#h_desgin .box3 ul li .left .text{ width: 585px; float: left; margin-left: 20px; margin-top: 35px;}
#h_desgin .box3 ul li .left .text .name{font-size: 24px; color: #007b5e; width: 377px; height: 35px; line-height: 35px; border-bottom:1px solid #ccc; margin-bottom: 15px;}
#h_desgin .box3 ul li .left .text .lineBox{ margin-bottom: 25px;}
#h_desgin .box3 ul li .left .text .lineBox span{ color: #118a67;}
#h_desgin .box3 ul li .right{ float: left; margin-left: 15px;}
/*********h_join**************/
#h_join .content{ position: relative;}
#h_join .joinTit{ width: 100%; height: 75px; text-align: center; position: relative; margin-top: 100px;}
#h_join .joinTit img{ padding: 0 30px; position: relative; z-index: 2; background: #fff;}
#h_join .joinTit .border{ height: 2px; width: 100%; position: absolute; z-index: 1; background: #cccccc; top: 50px; margin-top: -1px; left: 0;} 
#h_join .joinFont{ width: 100%; height: 44px; text-align: center; margin-top: 75px;}
#h_join .joinTen{ width: 100%; text-align: center; height: 286px; margin-top: 70px;margin-bottom: 50px;}
#h_join .joinProcess{ width: 100%; height: 620px; background: url(../images/h_joinBg.jpg) no-repeat; background-size: cover; margin-bottom: 75px;}
#h_join .joinProcess .joinTit{ margin-top: 0; padding-top: 40px; height: 535px;}
#h_join .joinProcess img{ background: none;}
#h_join .joinTit2{ width:90%; height: 75px; text-align: center; position: relative; margin: auto;}
#h_join .joinTit2 img{ padding: 0 30px; position: relative; z-index: 2; background: #fff;}
#h_join .joinTit2 .border{ height: 2px; width: 100%; position: absolute; z-index: 1; background: #cccccc; top: 50px; margin-top: -1px; left: 0;} 
#map{ width: 100%; height: 540px; position: relative; margin-top: 50px;}
#h_join .address{ position: absolute; z-index: 100; bottom: 207px; width: 620px; height: 180px; background:#ffffff; top: auto; left: 334px;}
#h_join .address .title{ width: 100%; height: 55px; background: #00825c; font-size: 30px; color: #ffffff; text-indent: 30px; margin-bottom: 20px; line-height: 55px;}
#h_join .address .left{ float: left; width: 335px; margin-left: 45px; line-height: 30px;}
#h_join .address .right{ float: left;width: 200px; text-align: left; line-height: 30px;}



#h_popBox{ width: 794px; height: 670px; background: url(../images/h_popBg.png) no-repeat; background-size: cover; margin:100px auto; position: fixed; display: none; top: 50%; left: 50%; margin-left: -400px; margin-top: -335px; z-index: 100002;}
#h_popBox .sub{ width: 190px; height: 85px; bottom: 72px; position: absolute; left: 50%;margin-left: -155px; background: url(../images/subBtnBg.png) no-repeat; cursor: pointer;}
#h_popBox .pop_linebox{ width: 417px; margin: 0 0 0 105px; height: 37px; line-height: 37px; font-size: 18px; color: #ffffff; padding-bottom: 27px;position: relative;}
#h_popBox .pop_linebox.name{ padding-top: 215px;}
#h_popBox .pop_linebox input{ width: 363px; height: 35px; border: 1px solid #42e5b4; background: #087050; color: #37a785; text-indent: 20px; float: right; font-size: 14px;}
#h_popBox .pop_linebox select{ width: 363px; height: 35px; border: 1px solid #42e5b4; background: #087050; color: #37a785; text-indent: 20px; float: right; font-size: 14px;}
#h_popBox .pop_linebox2{ width: 417px; margin: 0 0 0 105px; height: 37px; line-height: 37px; font-size: 18px; color: #fff; padding-bottom: 27px;position: relative;}
#h_popBox .pop_linebox3{ float: left; width: 201px; position: relative;}
#h_popBox .pop_linebox3 select{width: 148px; height: 35px; float: right;border: 1px solid #42e5b4; background: #087050; color: #37a785; text-indent: 20px; font-size:14px ;}
.popBg{ width: 100%; height: 100%; position: fixed;background:#002b1e; opacity:.7;filter:alpha(opacity=70); top: 0; left: 0; z-index: 100000; display: none;}



#wj_container{ width:100%; height:auto; position:relative; overflow:hidden; background:#f3f1ec;}
#wj_banner{ width:100%; height:auto; position:relative;}
#wj_nav{ width:86%; height:68px; position:absolute; top:45px; background:#008e64; left:6%; overflow:hidden; font-size:30px; color:#fff; font-weight:bold; line-height:68px; z-index:1000;}
#wj_nav .nav_log{ width:199px; height:68px; background:url(../images/wj_nav_log.jpg); float:left;}
#wj_nav .ulWra{ width:840px; height:100%; float:right; overflow:hidden;  right: 0; top: 0; position: absolute;}
#wj_nav .ulWra ul{ width:100%; height:100%;}
#wj_nav .ulWra ul li{ width:120px; height:100%; float:left; text-align:center; color:#fff; font-size:14px;}
#wj_nav .ulWra ul li a{ display:block; width:100%; height:100%; color:#fff; font-weight:100;}
#wj_nav .ulWra ul li.cur a{ color:#f55a08;-webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -ms-transition-duration:0.3s;transition-duration:0.3s;}
#wj_nav .ulWra .jt{ position:absolute; border-style:dashed dashed solid dashed; border-width:10px; width:0; height:0; border-color:transparent transparent #f55a08 transparent; bottom:0px; left:50px;}



#wj_left_top{ width:78px; height:253px; position:fixed; top:50%; margin-top:-126px; left:70px; z-index:1000;}
#wj_left_top .top{display:none; width:100%; height:28px; background:url(../images/wj-left-top.jpg) top; cursor:pointer;}
#wj_left_top .anli{ width:100%; height:222px; background:url(../images/wj-left-top.jpg) bottom; display:block; margin-top:3px;display:none; cursor:pointer;}



#wj_footer{ width:100%; height:454px; background:#f3f1ec; position:relative;}
#wj_footer .lastLink{ width:100%; height:37px; line-height:37px; background:#181818; position:absolute; bottom:0;}
#wj_footer .lastLink .center{ width:1000px; height:100%; margin:auto; color:#616161; font-size:12px;}
#wj_footer .lastLink .center a{ float:right;}
#wj_footer .lastLink .center a:hover{ text-decoration:underline;}
#wj_footer .lastLink .center span{ float:right;}
#wj_footer .bottomPhone{ width:100%; height:82px; position:absolute; bottom:37px; border-top:1px solid #181818;}
#wj_footer .bottomPhone .phoneImg{ background:url(../images/wj-phone.png); width:232px; height:42px; margin:20px auto;}
#wj_footer .nav_bottom{ width:900px; height:14px; bottom:165px; left:50%; margin-left:-450px; position:absolute;}
#wj_footer .nav_bottom li{ float:left; width:99px; border-right:1px solid #868582; height:14px; line-height:14px; text-align:center;}
.weixinW{ width:420px; height:140px; position:absolute; left:50%; margin-left:-210px; top:80px; font-size: 12px;}
.weixinW .wrawexin{ width:140px; text-align:center; height:100%; float:left;}
.weixinW .wrawexin .font{ color:#000; width:100%; height:25px; line-height:35px;}


.wj_title{ width:1390px; margin:auto; height:75px; position:relative;}
.wj_title .hr1{ width:530px; height:1px; background:#c2c1bd; position:absolute; left:0; top:37px;}
.wj_title .hr2{ width:530px; height:1px; background:#c2c1bd; position:absolute; right:0; top:37px;}
.wj_title .centers{ width:315px; height:100%; margin:auto; overflow:hidden;}
.wj_title .centers img{ display:block; width:190px; height:75px;float:right;}
.wj_title .wj-xiongmao{ background:url(../images/wj-logo-yuan.png); height:75px; width:75px; float:right;}

#wj_designers{ width:100%; height:670px; position:relative; overflow:hidden; margin-top:100px;}
#wj_designers .desiWra{ width:100%; height:35px; line-height:35px; position:relative; color:#fff; text-align:center; overflow:hidden; margin-top:55px;}
#wj_designers .desiWra .left{ width:260px; position:absolute; background:#00825c; height:35px; left:50%; margin-left:-265px; border-radius:20px; cursor:pointer;}
#wj_designers .desiWra .right{ width:165px; height:35px; left:50%; background:#00825c; position:absolute; margin-left:5px; border-radius:20px; cursor:pointer;}
#wj_designers .desiWra .cur{ background:#f55a08;}
#wj_designers .imgBg{ width:100%; height:265px; background:url(../images/wj-shiji.jpg) center; margin-top:45px;}
#wj_designers .shijiList{ width:485px; height:215px; position:absolute; left:50%; margin-left:-242px;}
#wj_designers .shijiList li{ width:110px; height:110px;border-radius:110px; overflow:hidden; background:#fff; position:absolute; top:50%; margin-top:-35px; cursor:pointer;}
#wj_designers .shijiList li.cur{ -webkit-transform:scale(1.7);transform:scale(1.7);-moz-transform:scale(1.7);-ms-transform:scale(1.7);}
#wj_designers .shijiList li.cur1{left:0;}
#wj_designers .shijiList li.cur2{ left:125px;}
#wj_designers .shijiList li.cur3{ left:250px;}
#wj_designers .shijiList li.cur4{ left:375px;}
#wj_designers .shijiList li .font{ width:110px; height:41px; font-weight:bold; line-height:20px; text-align:center; position:absolute; bottom:0; color:#009572;}
#wj_designers .shijiList li.tranY{ -webkit-transform:translateX(40px);transform:translateX(40px); -moz-transform:translateX(40px);-ms-transform:translateX(40px);}
#wj_designers .shijiList li.tranY2{ -webkit-transform:translateX(-40px);transform:translateX(-40px);-moz-transform:translateX(-40px); -ms-transform:translateX(-40px);}
#wj_designers .imgBg.curs{ display:none;}


.wj_banyuan{ width:100%; height:100%; background:url(../images/wj-banyuan.png); position:absolute; top:0; left:0;}
#wj_designers .bgGreen{ width:100%; height:195px; background:#00825c; color:#fff;}
#wj_designers .fontList{ width:600px; margin:auto; height:195px;position:relative;}
#wj_designers .bgGreen .jt{ width:0; height:0; border-style:dashed dashed solid dashed; border-color:transparent transparent #00825c transparent; margin-left:-205px; position:absolute; left:50%;border-width:10px; bottom:195px; border-width:10px;}
#wj_designers .fontList li{ width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; opacity:0; margin-left:30px;filter:alpha(opacity=0);}
#wj_designers .fontList li .wra{ width:100%; height:67px; padding-top:30px;}
#wj_designers .fontList li .wra .left{ width:87px; height:33px; background:#f55a08; border-radius:10px; text-align:center; line-height:33px; float:left;}
#wj_designers .fontList li .wra .text{ width:500px; height:67px; border-bottom:1px dashed #ccc; float:right;}
#wj_designers .fontList li.cur{ -webkit-transform:translateX(-30px);transform:translateX(-30px);-moz-transform:translateX(-30px);-ms-transform:translateX(-30px); opacity:1;filter:alpha(opacity=100);}





#wj_index_pro{ width:100%; height:900px; position:relative;  background:url(../images/wj-bg-mutou.jpg) bottom center no-repeat;}
#wj_index_pro .proList{ width:1120px; height:525px; margin:auto; padding-top: 100px;}
#wj_index_pro .imgYY{ background:url(../images/wj-index-pro.png); width:1259px; height:163px; position:absolute; left:50%; margin-left:-630px; top:655px; opacity:.7;}
#wj_index_pro .proList li{ width:280px; height:525px; float:left; position:relative;}
#wj_index_pro .proList li img{ display:block; width:100%; height:410px;}
#wj_index_pro .proList li .font{ width:100%; height:115px; background:#ffffff; text-align:center;}
#wj_index_pro .proList li .font span{ font-size:24px;}
#wj_index_pro .proList li .liHoverW{ width:100%; height:410px;position:absolute; top:150px; opacity:0; left: 0; text-align:center;filter:alpha(opacity=0);}
#wj_index_pro .proList li:hover .liHoverW{ opacity:1; filter:alpha(opacity=100);-webkit-transform:translateY(50px);transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);}
#wj_index_pro .proList li .liHoverW .bg{ background:url(../images/wj-pro-hover.jpg); width:250px; padding:0 15px; left: 0; height:100%; position:absolute; top:0; color:#fff;}
#wj_index_pro .proList li .liHoverW .yyMin{ background:url(../images/wj-li-yy.png); width:578px; height:24px; position:absolute; bottom:-13px; left:50%; margin-left:-289px;}
#wj_index_pro .proList li.cur .newProImg{ background:url(../images/wj-news.png); width:70px; height:70px; position:absolute; top:0; left:0;}
#wj_index_pro .proList li.cur:hover .newProImg.cur{ opacity:0;filter:alpha(opacity=0);}

#wj_idea{ width:1200px; margin:auto; height:auto; position:relative; overflow:hidden; line-height:24px; font-size:12px; color:#000;}
#wj_idea .titleIdea{ width:100%; height:76px; margin-bottom:50px;}
#wj_idea .wj_canye{ width:100%; height:250px;}

#wj_product{ width:100%; height:auto; position:relative; overflow:hidden; margin-top:110px;}
#wj_product .wj_case{ width:100%; height:auto; position:relative; overflow:hidden; margin:auto;}
#wj_product .wj_case .wj_case_nav{ width:1200px; height:80px; margin:auto; background:#009570; margin-top:85px;}
#wj_product .wj_case .wj_case_nav li{ width:300px; height:80px; line-height:80px; text-align:center; color:#fff; font-size:18px; float:left; cursor:pointer;}
#wj_product .wj_case .wj_case_nav li.cur{ background:#f55a08;}
#wj_product .wj_case .wj_case_nav li span{ font-size:24px; margin-right:10px;}
#wj_product .wj_caseBg{ width:100%; height:610px;}
#wj_product .wj_case_text{ width:1200px; height:610px; margin:auto; position:relative;}
#wj_product .wj_case_text li{ width:100%; height:100%; position:absolute; top:0; left:0; display:none;}
#wj_product .wj_case_text li .left{ width:750px; height:610px; float:left;}
#wj_product .wj_case_text li .right{ width:420px; padding:0 15px; height:610px; background:#fff; float:left; color:#6e6e6e; line-height:24px; position:relative;}
#wj_product .wj_case_text li .right .titleTop{ width:100%; height:90px; line-height:90px; color:#009570; font-size:36px;}
#wj_product .wj_case_text li .right .titles{ width:100%; height:50px; border-top:1px solid #cceae2; border-bottom:1px solid #cceae2; line-height:50px; font-size:22px; color:#009570; margin-bottom:10px;}
#wj_product .wj_case_text li .right .minImgList{ width:420px; height:150px; position:absolute; bottom:0;}
#wj_product .wj_case_text li .right .fontWraW{ width:33.33333333333333%; height:100%; float:left; text-align:center; color:#009570; line-height:40px;}
#wj_product .wj_case_text li .right .titleMin{ width:420px; height:40px; line-height:40px; border-bottom:1px solid #cceae2; color:#009570; position:absolute; left:15px; bottom:180px; font-size:18px; font-weight:bold;}

#wj_Custom{ width:100%; height:745px; background:url(../images/wj-case-change-bg.jpg) center;}
#wj_Custom .titlesWj{ width:1200px; height:140px; line-height:140px; color:#fff; font-size:30px; margin:auto;}
#wj_Custom .wj_custom_nav{ width:1200px; height:54px; margin:auto; position:relative; overflow:hidden;}
#wj_Custom .wj_custom_nav .wj_bun1{ width:170px; height:54px; background:#00a57d; border-radius:20px; bottom:-24px; position:absolute; color:#fff; text-align:center; line-height:30px; left:0; cursor:pointer;}
#wj_Custom .wj_custom_nav .wj_bun2{ width:170px; height:54px; background:#00a57d; border-radius:20px; bottom:-24px; position:absolute; color:#fff; text-align:center; line-height:30px; left:180px; cursor:pointer;}
#wj_Custom .wj_custom_nav .cur{ bottom:-14px; background:#f55a08; line-height:40px;}
#wj_Custom .wj_change_wra{ width:1200px; height:420px;margin:auto; position:relative;}
#wj_Custom .wj_change_wra .wj_one{ width:100%; height:100%; position:absolute; top:0; left:0; display:none;}
#wj_Custom .wj_change_wra .wj_one .leftBg{ width:315px; padding:0 30px; height:420px; float:left; background:url(../images/wj-demop-bg.jpg); color:#008f6c; line-height:24px; position:relative;}
#wj_Custom .wj_change_wra .wj_one .leftBg b{ color:#008f6c; font-size:24px;}
#wj_Custom .wj_change_wra .wj_one .leftBg a{ width:112px; height:32px; background:#f55a08; text-align:center; line-height:32px; display:block; color:#fff; border-radius:20px; font-weight:bold; position:absolute; left:31px; bottom:50px;}
#wj_Custom .wj_change_wra .rightImg{ width:785px; height:420px; float:left; position:relative;}
#wj_Custom .wj_change_wra .rightImg .imgListWj{ width:100%; height:100%; position:absolute; top:0; left:0;}
#wj_Custom .wj_change_wra .rightImg .imgListWj li{ width:100%; height:100%; position:absolute; top:0; left:0; display:none;}
#wj_Custom .wj_change_wra .rightImg .wj_dianList{ width:100%; height:50px;bottom:0; left:0; position:absolute;}
#wj_Custom .wj_change_wra .rightImg .wj_dianList li{ width:15px; height:15px; background:#008f6c; border-radius:15px; float:left; margin-left:10px; margin-top:18px; cursor:pointer;}
#wj_Custom .wj_change_wra .rightImg .wj_dianList li.cur{ background:#f55a08;}
#wj_Custom .wj_change_wra .rightImg .bottomOp{ width:100%; height:50px; position:absolute; left:0; bottom:0; background:#fff; opacity:.5;filter:alpha(opacity=50);}
#wj_Custom .wj_change_wra .wj_one .leftBg a:hover{ background:#008f6c;}

#advantage{ width:1200px; height:400px; border:1px solid #79b9a4; position:relative; margin:auto; border-top:0px;}
#advantage .hr1{ width:450px; left:0; top:0; position:absolute; height:1px; background:#79b9a4}
#advantage .hr2{ width:450px; right:0; top:0; position:absolute; height:1px; background:#79b9a4}
#advantage .titels{ width:292px; height:74px; position:absolute; top:-37px; left:50%; margin-left:-146px;}
#advantage .wj_ico_img{ width:960px; height:75px; position:absolute; left:50%; margin-left:-480px; top:50%; margin-top:-37px;}
#advantage .wj_xiong_log{ background:url(../images/wj-index-xiong.png); width:250px; height:350px; position:absolute; right:-120px; bottom:-160px;}
#advantage .wj_ico_img li{ width:75px; height:75px; border:1px solid #d2d2d2; border-radius:5px; float:left; background:#fff; position:absolute; top:0; cursor:pointer; text-align:center; color:#fff;}
.hr_green{ width:917px; height:1px; background:#00825c; position:absolute; left:50%; margin-left:-480px; top:50%;}
#advantage .wj_ico_img li .weiziW{width:40px; height:40px; position:absolute; position:absolute; top:50%; left:50%; margin-left:-20px; margin-top:-20px;}
#advantage .wj_ico_img li .wj_icos_0{ background:url(../images/wj-inde-ico.png) -320px 0; }
#advantage .wj_ico_img li .wj_icos_1{ background:url(../images/wj-inde-ico.png) 0 0; }
#advantage .wj_ico_img li .wj_icos_2{ background:url(../images/wj-inde-ico.png) -40px 0; }
#advantage .wj_ico_img li .wj_icos_3{ background:url(../images/wj-inde-ico.png) -80px 0; }
#advantage .wj_ico_img li .wj_icos_4{ background:url(../images/wj-inde-ico.png) -120px 0; }
#advantage .wj_ico_img li .wj_icos_5{ background:url(../images/wj-inde-ico.png) -160px 0; }
#advantage .wj_ico_img li .wj_icos_6{ background:url(../images/wj-inde-ico.png) -200px 0; }
#advantage .wj_ico_img li .wj_icos_7{ background:url(../images/wj-inde-ico.png) -240px 0; }
#advantage .wj_ico_img li .wj_icos_8{ background:url(../images/wj-inde-ico.png) -280px 0; }

#advantage .wj_ico_img li.cur .wj_icos_0{ background:url(../images/wj-inde-ico.png) -320px -40px; }
#advantage .wj_ico_img li.cur .wj_icos_1{ background:url(../images/wj-inde-ico.png) 0 -40px; }
#advantage .wj_ico_img li.cur .wj_icos_2{ background:url(../images/wj-inde-ico.png) -40px -40px; }
#advantage .wj_ico_img li.cur .wj_icos_3{ background:url(../images/wj-inde-ico.png) -80px -40px; }
#advantage .wj_ico_img li.cur .wj_icos_4{ background:url(../images/wj-inde-ico.png) -120px -40px; }
#advantage .wj_ico_img li.cur .wj_icos_5{ background:url(../images/wj-inde-ico.png) -160px -40px; }
#advantage .wj_ico_img li.cur .wj_icos_6{ background:url(../images/wj-inde-ico.png) -200px -40px; }
#advantage .wj_ico_img li.cur .wj_icos_7{ background:url(../images/wj-inde-ico.png) -240px -40px; }
#advantage .wj_ico_img li.cur .wj_icos_8{ background:url(../images/wj-inde-ico.png) -280px -40px; }
#advantage .wj_ico_img li.cur{ width:240px; height:260px; background:#f55a08; margin-left:-83px; margin-top:-93px; z-index: 100;}
#advantage .wj_ico_img li.curY{ -webkit-transform:translateX(80px); -moz-transform:translateX(80px); -ms-transform:translateX(80px); transform:translateX(80px);}
#advantage .wj_ico_img li.curY2{ -webkit-transform:translateX(-80px);-moz-transform:translateX(-80px); -ms-transform:translateX(-80px); transform:translateX(-80px);}
#advantage .wj_ico_img li.cur .weiziW{ top:0%;}
#advantage .wj_ico_img li .yuan_wj{ width:70px; height:70px; border:3px; border:3px solid #fff; position:absolute; left:50%;top:50%; margin-left:-38px; margin-top:-38px; border-radius:70px; opacity:0;filter:alpha(opacity=0);}
#advantage .wj_ico_img li.cur .yuan_wj{ opacity:1; top:0; background:#f55a08;filter:alpha(opacity=100);}
#advantage .wj_ico_img li .fonts{ width:100%; height:14px; position:absolute; bottom:-25px; color:#555555;}
#advantage .wj_ico_img li:hover .fonts{ opacity:0;filter:alpha(opacity=0);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transform:translateY(-20px);
-ms-transform:translateY(-20px);}

#advantage .wj_ico_img li .titles{ width:100%; position:absolute; left:0; top:80px; font-size:18px; font-weight:bold; opacity:0;filter:alpha(opacity=0);}
#advantage .wj_ico_img li .hrs{ width:30px; height:3px; background:#fff; position:absolute; left:50%; margin-left:-15px; top:130px; opacity:0;filter:alpha(opacity=0);}
#advantage .wj_ico_img li .font{ width:90%; left:5%; position:absolute; height:auto; top:150px; opacity:0;filter:alpha(opacity=0);}
#advantage .wj_ico_img li:hover .titles{ opacity:1  !important; -webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transform:translateY(-20px);
-ms-transform:translateY(-20px); -webkit-transition-delay:.3s;transition-delay:.3s; -moz-transition-delay:.3s;-ms-transition-delay:.3s;filter:alpha(opacity=100);}
#advantage .wj_ico_img li:hover .hrs{ opacity:1  !important; -webkit-transform:translateY(-30px);transform:translateY(-30px);-moz-transform:translateY(-30px);
-ms-transform:translateY(-30px); -webkit-transition-delay:.35s;-moz-transition-delay:.35s;transition-delay:.35s;-ms-transition-delay:.35s;filter:alpha(opacity=100);}
#advantage .wj_ico_img li:hover .font{ opacity:1  !important;-webkit-transform:translateY(-30px);transform:translateY(-30px);-moz-transform:translateY(-30px);
-ms-transform:translateY(-30px);-webkit-transition-delay:.37s;-moz-transition-delay:.37s;transition-delay:.37;-ms-transition-delay:.37s;filter:alpha(opacity=100);}
.wj_animate{ width:670px; height:310px; position:absolute; left:50%; margin-left:-335px; top:50%; margin-top:-155px;}
.wj_animate .font{ background:url(../images/wj-banner-font.png); width:675px; height:108px; position:absolute;top:0px; opacity:0;filter:alpha(opacity=0);
-webkit-transform:scale(1.5);transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5);}
.wj_animate .zhuanWj{ background:url(../images/wj-banner-cz.png); width:104px; height:104px; background:url(../images/wj-banner-cz.png); top:-40px; left:50%; margin-left:-52px; 
position:absolute; opacity:0; -webkit-transform:scale(1.5) rotate(-90deg);transform:scale(1.5) rotate(-90deg);-moz-transform:scale(1.5) rotate(-90deg); -ms-transform:scale(1.5) rotate(-90deg);filter:alpha(opacity=0);}
.wj_animate .wj_btn_1{ background:url(../images/wj-banFont-img-1.jpg); width:222px; height:121px; position:absolute; left:0; bottom:0; opacity:0; filter:alpha(opacity=0);-webkit-transform:translateY(30px);transform:translateY(30px);-moz-transform:translateY(30px); -ms-transform:translateY(30px);}
.wj_animate .wj_btn_2{ background:url(../images/wj-banFont-img-2.jpg); width:222px; height:121px; position:absolute; left:230px; bottom:0; opacity:0; 
-webkit-transform:translateY(30px);transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);filter:alpha(opacity=0);}
.wj_animate .wj_btn_3{ background:url(../images/wj-banFont-img-3.jpg); width:222px; height:121px; position:absolute; left:460px; bottom:0; opacity:0; 
-webkit-transform:translateY(30px);transform:translateY(30px); -moz-transform:translateY(30px); -ms-transform:translateY(30px); 
filter:alpha(opacity=0);-webkit-animation-delay:12s;-moz-animation-delay:12s;animation-delay:12s; -ms-animation-delay:12s;}
.wj_animate .zhuanWj.cur{ -webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg); -moz-transform:scale(1) rotate(0deg); -ms-transform:scale(1) rotate(0deg); opacity:1;filter:alpha(opacity=100);}
.wj_animate .font.cur{ -webkit-transform:scale(1);transform:scale(1);-moz-transform:scale(1); -ms-transform:scale(1); opacity:1;filter:alpha(opacity=100);}
.wj_animate .wj_btn_1.cur{-webkit-transform:translateY(0px);transform:translateY(0px);-moz-transform:translateY(0px); -ms-transform:translateY(0px); opacity:1;filter:alpha(opacity=100);}
.wj_animate .wj_btn_2.cur{-webkit-transform:translateY(0px);transform:translateY(0px);-moz-transform:translateY(0px); -ms-transform:translateY(0px); opacity:1;filter:alpha(opacity=100);}
.wj_animate .wj_btn_3.cur{-webkit-transform:translateY(0px);transform:translateY(0px);-moz-transform:translateY(0px); -ms-transform:translateY(0px); opacity:1;filter:alpha(opacity=100);}
.wj_animate .wj_btn_1:hover{ -webkit-transform:translateY(-10px);transform:translateY(-10px);-moz-transform:translateY(-10px); -ms-transform:translateY(-10px);}
.wj_animate .wj_btn_2:hover{ -webkit-transform:translateY(-10px);transform:translateY(-10px);-moz-transform:translateY(-10px); -ms-transform:translateY(-10px);}
.wj_animate .wj_btn_3:hover{ -webkit-transform:translateY(-10px);transform:translateY(-10px);-moz-transform:translateY(-10px); -ms-transform:translateY(-10px);}
.wj_tanchus{ background:url(../images/wj-right-img.png); width:112px; height:226px; position:absolute; left:0; bottom:-226px; cursor:pointer;}


#wj_tanchuWra{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:10000000000000000000000000; display:none;}
#wj_tanchuWra .bg{ background:#002b1e; opacity:.7; position:absolute; top:0; left:0; width:100%; height:100%;filter:alpha(opacity=70);}
#wj_tanchuWra .text{ width:auto; height:600px; position:absolute; top:50%; margin-top:-300px; background:#fff; left: 50%;}

#wj_tanchuWra .wj_leftImg{ height:600px; float:left; position:relative; overflow:hidden;}
#wj_tanchuWra .wj_leftImg li{ position:absolute; top:0; left:0; display:none;}
#wj_tanchuWra .wj_rightfont{ width:530px; height:600px; float:left; position:relative;}
.wj_anli{ width:500px; position:absolute; left:15px; height:55px; line-height:55px; color:#184c3c; font-size:24px; border-bottom:1px solid #184c3c}
.wj_anli.cur{ bottom:120px;}
#wj_tanchuWra .wj_fontWra{ width:100%; height:100%; position:absolute; top:0; left:0;}
#wj_tanchuWra .wj_fontWra li{ width:100%; height:100%; position:absolute; top:0; left:0; display:none;}
#wj_tanchuWra .wj_fontWra li .fonts{ width:500px; left:15px; top:70px; height:350px; position:absolute; line-height:24px;}
#wj_tanchuWra .imgListWj{ width:500px; height:90px; position:absolute;bottom:20px; left:15px;}
#wj_tanchuWra .imgListWj li{ float:left; width:90px; height:90px; margin-right:10px; cursor:pointer;}
.wj_banck{ width:100px; height:30px; background:#00825c; position:absolute; top:20px; right:15px; line-height:30px; text-align:center; color:#fff; cursor:pointer;}
.wj_banck:hover{ background:#f55a08;}



::-webkit-input-placeholder { /* WebKit browsers */
color:#37a785;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#37a785;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#37a785;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color:#37a785;
}

.wj_img_list{ position: relative; top: 0; height: 0; width: 1400px; height: 100%; background: red; overflow: hidden; float: left;} 


.wj_video{ width:100%; height:260px; background:#d2e3de; text-align:center;position:relative; margin-bottom:100px;}
/*.wj_video video{ position:absolute; left:50%; margin-left:-200px; display:block; width:400px; top:20px;}*/
.wj_video .videoyy{ background:url(../images/videoyy.png); position:absolute; left:50%; margin-left:-358px; width:716px; height:30px; bottom:-3px;}


.h_hideBg{ background: #000000; width: 100%; height: 100%; position:absolute; top: 0; left: 0; opacity: 0.2;filter:alpha(opacity=20); z-index: 10; display: none;}

.h_sc{ width: 210px; height: 210px;  border:10px solid #008f64; box-sizing: border-box; position: absolute; left: 50%;top: 50%; margin-left: -105px; border-radius: 50%; z-index: 100;  overflow: hidden; display: block;margin-top: -105px; transform: scale(0); -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);}
.h_scTextBg{ width: 100%; height: 0px; position: absolute; bottom: 0; left: 0; background: #008f64; opacity: 0.8;filter:alpha(opacity=80); }
.h_scText{ width: 95px; height: 0px; position: absolute; bottom: 0; left: 50%; margin-left: -47px; text-align: center; color: #fff; font-size: 12px; }
.h_icon{ width: 11px; height: 18px; border: 1px solid #fff; border-radius: 4px; position: absolute; left: 50%; margin-left: -6px; bottom: 15px; z-index: 100; display: block;}
.h_shu{ width: 1px; height: 5px; background: #fff; position: absolute; top: 5px; left: 5px;} 
.h_delBg{opacity: .2; width: 24px; height: 24px; text-align: center; position: absolute; z-index: -1; top: 50%; margin-left: -12px; left: 50%; margin-top: -12px; border-radius: 50%; cursor: pointer; background: #184c3c;filter:alpha(opacity=20);}
.h_del{ position: absolute;background: #184c3c; width: 100%; height: 100%; top: 50%; margin-top: -8px; line-height: 16px; left: 50%; margin-left: -8px; text-align: center; z-index: -1; transform: auto; border-radius: 50%; cursor: pointer;}
.h_delBg2{opacity: .2; width: 24px; height: 24px; text-align: center; position: absolute; z-index: -2; top: 50%; margin-left: -12px; left: 50%; margin-top: -12px; border-radius: 50%; cursor: pointer; background: #fff;filter:alpha(opacity=20);animation:h_delBg2 1s ease-out infinite;
-ms-animation:h_delBg2 1s ease-out infinite;-webkit-animation:h_delBg2 1.5s ease-out infinite;-moz-animation:h_delBg2 1s ease-out infinite;}
#wj_tanchuWra .wj_rightfont { z-index: 400;}
.h_hideBox{ width: 16px; height: 16px;position: absolute; left: 620px; top: 180px; border-radius: 50%; background: #184c3c;color: #fff;  text-align: center; line-height: 16px;z-index: 10;}
.h_hideBox2{top: 470px; left: 900px;}
.h_hideBox3{top: 480px; left: 300px;}
.h_hideBox4{top: 220px; left: 80px;}
.h_hideBox5{top: 400px; left: 470px;}
.h_hideBox6{top: 400px; left:900px;}
.h_hideBox7{top: 280px; left:100px;}
.h_hideBox8{top: 150px; left: 450px;}
.h_hideBox9{top: 480px; left: 550px;}
.h_hideBox10{top: 350px; left: 60px;}
.h_hideBox11{top: 180px; left: 540px;}
.h_hideBox12{top: 130px; left: 900px;}
.h_hideBox13{top: 100px; left: 750px;}
.h_hideBox14{top: 350px; left: 250px;}
.h_hideBox15{top: 130px; left: 430px;}
.h_hideBox16{top: 480px; left: 460px;}
.h_hideBox:hover .h_sc{transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1); z-index: 100;}


#h_newDel{ width: 1200px; height: auto; margin: auto; background: #f3f1ec; margin-top: 60px; position: relative; padding-bottom: 100px;}
#h_newDel .title{ width: 100%; color: #008e64; font-weight: bold; font-size: 24px; text-align: center;}
#h_newDel .clc{ text-align: center; width: 100%;color: #666666; font-size: 12px; margin: 10px 0;}
#h_newDel .retuList{ width: 100%; height: 33px; border-bottom:1px solid #008e64 ;}
#h_newDel .retuList a{ width:130px; height: 100%; text-align: center; line-height: 33px; color: #fff; background:#008e64; float: right;}
#h_newDel .retuList a:hover{ text-shadow:  0 0 5px #E0DFDC;}
#h_newDel .cont{ width: 100%; color: #666666; text-align: left; margin-top: 40px;}
#h_newDel .pageBtn{position: absolute; right: 0; bottom: 0;}
#h_newDel .pageBtn a{display: inline-block; width: 80px; height: 32px; line-height: 32px; color: #fff; text-align: center; background: #008e64;}
#h_newDel .pageBtn a:hover{text-shadow: 0 0 5px #000;}




@-webkit-keyframes h_delBg2{
	from{-webkit-transform: scale(0); opacity: 0.5;}
	to{-webkit-transform: scale(1.5);opacity: 0.2;}
}
@keyframes h_delBg2{
	from{transform: scale(0);opacity: 0.5;}
	to{transform: scale(1.5);opacity: 0.2;}
}
@-moz-keyframes h_delBg2{
	from{-moz-transform: scale(0);opacity: 0.5;}
	to{-moz-transform: scale(1.5);opacity: 0.2;}
}
@-ms-keyframes h_delBg2{
	from{-ms-transform: scale(0);opacity: 0.5;}
	to{-ms-transform: scale(1.5);opacity: 0.2;}
}



/***********ly8-28*****************************/
.productsIndustry{height:538px; width:100%; position:relative; text-transform:uppercase;}

.productsIndustry_Line{ background:url(../images/quxian.png) center; width:100%; height:178px; position:absolute; top:280px;}
.productsIndustry_Line2{ background:url(../images/quxian2.png) 0 0 no-repeat; width:100%; height:190px; position:absolute; top:286px;}
.productsIndustry_Btn{ width:1000px; margin:0 auto; position:relative; height:738px; z-index:99}
.productsIndustry_Btn ul{height:738px;}
.productsIndustry_Btn ul li{ cursor:pointer; text-transform:uppercase; color:#FFF; text-align:center; line-height:84px; height:84px; width:84px; font-size:13px}
.productsIndustry_Btn ul li:hover .oo{ background:url(../images/btnFC.png) center; }
.productsIndustry_Btn ul li:hover .oo {transition:all 0.5s; -moz-transition:all 0.5; display:block ;height:84px; width:84px; -moz-transform:rotateY(360deg) ;-webkit-transform:rotateY(360deg) ;transform:rotateY(360deg) ;}
.oo{height:84px; width:84px; background:url(../images/btnF.png) center;}
@keyframes mat1{100%{ margin-top:15px}}
@-webkit-keyframes mat1{100%{ margin-top:10px}}
@keyframes mat2{100%{ margin-top:14px}}
@-webkit-keyframes mat2{100%{ margin-top:10px}}
@keyframes mat3{100%{ margin-top:7px}}
@-webkit-keyframes mat3{100%{ margin-top:11px}}
@keyframes mat4{100%{ margin-top:8px}}
@-webkit-keyframes mat4{100%{ margin-top:13px}}
@keyframes mat5{100%{ margin-top:12px}}
@-webkit-keyframes mat5{100%{ margin-top:8px}}
@keyframes mat6{100%{ margin-top:9px}}
@-webkit-keyframes mat6{100%{ margin-top:30px}}
@keyframes mat7{100%{ margin-top:10px}}
@-webkit-keyframes mat7{100%{ margin-top:10px}}
.btn1{height:84px; width:84px; position:absolute; z-index:10; left:2.7%; top:20.24%; -webkit-animation:mat1 2s linear infinite alternate;animation:mat1 2s linear infinite alternate;}
.btn2{height:84px; width:84px; position:absolute; z-index:10;left: 30%;top:20%;-webkit-animation:mat2 1.5s linear infinite alternate;animation:mat2 1.5s linear infinite alternate;}
.btn3{height:84px; width:84px; position:absolute; z-index:10; left:55.9%;top:25.209%;-webkit-animation:mat3 2.5s linear infinite alternate;animation:mat3 2.5s linear infinite alternate;}
.btn4{height:84px; width:84px; position:absolute; z-index:10; left:76.6%;top:31.15%;-webkit-animation:mat4 2s linear infinite alternate;animation:mat4 2s linear infinite alternate;}
.btn5{height:84px; width:84px; position:absolute; z-index:10; left:96%;top:38.081%;-webkit-animation:mat5 1.5s linear infinite alternate;animation:mat5 1.5s linear infinite alternate;}
.btn6{height:84px; width:84px; position:absolute; z-index:10; left:105%;top:16.40054%;-webkit-animation:mat6 2s linear infinite alternate;animation:mat6 2s linear infinite alternate;}
.btn7{height:84px; width:84px; position:absolute; z-index:10; left: 22%;top:45%;-webkit-animation:mat7 1.5s linear infinite alternate;animation:mat7 1.5s linear infinite alternate;}
.bolang1{position:absolute; width:100%; height:178px; top:20%; left:0; background:url(../images/quxian.png) 0 0 repeat-x;z-index:8;}
.bolang2{position:absolute; width:100%; height:190px; top:24%; left:0; background:url(../images/quxian2.png) 0 0 repeat-x;z-index:10;}

.wj_video{ width:100%; height:260px; background:#d2e3de; text-align:center;position:relative; margin-bottom:100px;}
/*.wj_video video{ position:absolute; left:50%; margin-left:-200px; display:block; width:400px; top:20px;}*/
.wj_video .videoyy{ background:url(../images/videoyy.png); position:absolute; left:50%; margin-left:-358px; width:716px; height:30px; bottom:-3px;}




/***************9-1***************/
#h_desgin .box2 .des>img{ position: absolute; z-index: 10; left: 0; bottom: 0;}
#h_desgin .box2 .des .yuan{ width: 120px; height: 120px; background: #d8b6b4; position: absolute; bottom: 0; left: 0; border-radius: 50%;}
#h_desgin .box2 .des .down{z-index: 12;}
#h_desgin .box2 .des .bg{z-index: 15;}
#h_desgin .box3 ul li .left .imgBox{ position: relative; z-index: 10; width: 191px; height: 254px;}
#h_desgin .box3 ul li .left .imgBox img{ position: absolute;  z-index: 10; }
#h_desgin .box3 ul li .left .imgBox .yuan{ width:190px; height:190px;border-radius: 50%; background: #d8b6b4; position: absolute; bottom: 0; left: 0;}

/*******9-2******************/
.ls_mm{ width:900px; height:600px; margin:auto; margin-top:100px; position:relative; left:50%; margin-left:-450px; background:url(../images/ls_bg.png) no-repeat}
.ls_mm ul li{ position:absolute; width:48px; height:49px}
.ls_li1{ background:url(../images/ls_bg1.png); margin-left:680px}
.ls_li2{ background:url(../images/ls_bg2.png); margin-left:810px; margin-top:280px}
.ls_li3{ background:url(../images/ls_bg3.png); margin-left:680px; margin-top:480px}
.ls_li6{ background:url(../images/ls_bg1.png); margin-top:183px}
.ls_li5{ background:url(../images/ls_bg2.png);  margin-left:100px; margin-top:383px}
.ls_li4{ background:url(../images/ls_bg3.png); margin-left:370px; margin-top:518px}
.lsl_wz{ font-size:12px; color:#3C833D; margin-left:-12px; margin-top:60px; line-height:20px; width:76px; -webkit-border-radius:6px; -moz-border-radius:6px;-ms-border-radius:6px;border-radius:6px; text-align:center}
.ls_yy{ position:absolute; height:16px; width:44px; margin-top:44px; background:url(../images/ls_yy.png)}
.lshl,.ls_mm ul li:hover{ background:url(../images/ls_hbg.png)}
.lshw,.ls_mm ul li:hover .lsl_wz{ background:#f66808; color:#fff}
.ls_lbtn,.ls_rbtn{ position:absolute; width:26px; height:26px; z-index:99}
.ls_lbtn{ margin-left:188px; margin-top:88px}
.ls_rbtn{ margin-left:622px; margin-top:362px}
.ls_text{ position:absolute; width:538px; overflow:hidden; height:313px; margin-left:195px; margin-top:130px}
.ls_text li{ width:538px; height:313px; position:absolute; top:0px; display:none}
.lszxn{ width:270px; height:auto}
.tymmmy{ width:750px; height:47px; background:url(../images/tyma_tx.png)}
.mmmywz{ text-align:center}
.mmmywz img{ width:170px !important; height:15px !important}
.mmmys{ text-align:center; color:white; margin-top:6px}
.ls_text li p{text-indent:24px; margin-bottom:5px}
.lst_rfy,.lst_lfy{ position:absolute; font-size:12px; color:#f66808; margin-top:200px}
.lst_rfy{ margin-left:80px}
.ls_text ol{ width:270px; height:195px; overflow:hidden}
.ls_text>div:hover{ text-decoration:underline}
.ls_lbtn:hover{ margin-left:183px}
.ls_rbtn:hover{ margin-left:627px}
.xinls1{ width:538px; height:313px; background:url(../images/lvse2.png); cursor:pointer;}
.xinls2{ background:url(../images/lvse3.png)}
.xinls3{ background:url(../images/lvse5.png)}
.xinls4{ background:url(../images/lvse4.png)}
.xinls5{ background:url(../images/lvse6.png)}
.xinls6{ background:url(../images/lvse1.png)}
.xinlszt{ position:absolute; margin:120px 340px; width:140px}
.xinlszt h1{ width:74px; font-size:18px; color:white; border-bottom:3px solid #f66808; margin:auto}
.xinlszt p{ font-size:18px; color:#a5cabd; text-indent:0px !important; margin-top:8px; text-align:center}
/****************************************/

.productsIndustry_Btn ol li{ position:absolute; display:none;transform:scale(1.1);-webkit-transform:scale(1.1);}
.jupPic_1{top: 35%;left: -2%;}
.jupPic_2{top:35%;left: 18%;}
.jupPic_3{top:40%;left: 22%;}
.jupPic_4{top: -10%;left:52%;}
.jupPic_5{top: -15%;left:54%;}
.jupPic_6{top: -12%;left: 57%}

.wj_img_list li{ width: 100%; height: 100%; display: none; position: absolute; left: 0; left: 0;}

.h_imgBtn{ width: 90px; height:500px; float: left; margin:35px 20px 0;}
.h_imgBtn li{ width: 100%; height:90px; margin-bottom: 10px; background: #D2D2D2; text-align: center; cursor: pointer;}
.h_imgBtn li.back{width: 100%; height: 40px; line-height: 40px; background: #00825C; color: #fff;}




/**************9-6*************/
#h_news .newsImgs{ height: 685px; position: relative;}
#h_news .newsImgs .imgList{ width: 100000px; height: 100%;}
#h_news .newsImgs .imgList li{ width: 485px; height: 100%; position: relative; float: left;}
#h_desgin .box .left { background: #0c644b;}
#wj_footer .bottomPhone .phoneImg{width: 269px;}
#con_main{ width:100%; height:585px;}
.cont{ height:400px; width:1024px; margin:auto; margin-top:55px}
.cont_map{ float:left; width:640px; height:260px; background:url(../images/cont_map.jpg); overflow:hidden; margin-top:25px;}
.cont_bj{ position:absolute; margin-left:385px; margin-top:75px; -webkit-animation:cont_bj 0.5s linear alternate infinite; -moz-animation:cont_bj 0.5s linear alternate infinite; -ms-animation:cont_bj 0.5s linear alternate infinite; animation:cont_bj 0.5s linear alternate infinite;}
.cont_yy{ position:absolute; margin-left:380px; margin-top:80px}
.con_rig{ color:666666; width:350px; height:auto; margin-left:34px; margin-top:20px; float:left; font-size:12px; position:relative;}
.con_rigEwm{ width:350px; height:105px; position:absolute; left:0px; top:0px;}
.con_rigEwm .ewmDiv{ width:100px; height:105px; float:left;}
.con_rigEwm .ewmDiv img{ display:block; width:90px; height:90px; margin-left:5px;}
.con_rigEwm .ewmDiv span{ display:block; width:100%; height:15px; text-align:center; font-size:12px; padding-top:5px;}
.con_logo{ width:190px; height:40px; margin-top:-40px; background:url(../images/logo1.png); background-size:190px 40px}
.con_addr{ font-weight:bold; margin-top:25px; font-size:14px;}
.con_dh{ height:auto; line-height:20px; margin-top:20px; background:url(../images/cont_icon.jpg) no-repeat; padding-left:25px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.con_dh p{ margin-bottom:15px}
.con_qgty{ line-height:26px; width:342px; margin-top:13px; background:#f55000; font-family:宋体; color:white; padding-left:8px; font-weight:bold}
.contactCompanyName{ width:335px; height:55px; }
.contactCompanyInfo{ width:335px; height:auto; padding:20px 0px; line-height:28px; color:#00875f; padding-top:10px;}
.contactHotLine{ width:335px; height:30px; background:#f55000; line-height:30px; padding-left:10px; position:absolute; left:405px; top:240px; color:#fff;}
.contactMap{ float: right; height: 230px; margin-top:55px; overflow: hidden; width: 605px;background:url(../images/map.png) no-repeat; margin-right:15px;}
.contactInfo{ width:400px; height:auto;float:left;  position:relative; margin-top:50px;}

.con_rigEwm{ width:350px; height:115px; position:absolute; left:0px; top:240px;}
.con_rigEwm .ewmDiv{ width:100px; height:105px; float:left; color:#00875f;}
.con_rigEwm .ewmDiv img{ display:block; width:90px; height:90px; margin-left:5px;}
.con_rigEwm .ewmDiv span{ display:block; width:100%; height:15px; text-align:center; font-size:12px; padding-top:5px;}
.xxgDiv{width:400px; float:left; height:135px; margin-left:15px; margin-top:10px; font-size:16px; color:#fff; line-height:26px; position:relative;}
.xxgDiv a{width:94px; line-height:27px; height:30px; background:url(../images/abqbg.png); color:white; font-size:12px; display:block; text-align:center; margin-top:20px; position:absolute; left:0px; bottom:0px;}
.projectBg{ width:620px; height:210px; background:url(../images/projectBg.png) no-repeat; margin-top:35px; position:relative;}
.projectBg .proTxts{ width:530px; height:30px; position:absolute; left:45px; top:100px; font-weight:bold; font-family:"微软雅黑"; font-size:18px; color:#03694e;}
.proTxts span{ font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:normal;}


@media screen and (max-width:1440px){
	#wj_nav{ width:100%; left:0;}
	#wj_left_top{ left: 0px; margin-top: -150px;}
	#wj_idea{ margin-left: 100px;}
	#h_news .newsBox{ width: 1250px; overflow: hidden; margin-left: 90px;}
	#h_news .newsImgs{ margin-right: 40px;}
	#advantage .wj_xiong_log{ right: -100px;}
	#h_desgin .teamList{ width:1250px; margin-left: 90px;}
	#h_desgin .teamList li{ width: 300px;}
	#h_desgin .boxBg .box3{ width: 1100px; margin-left: -500px;}
	#h_desgin .box3 ul li .left{ width: 740px;}
	#h_desgin .box3 ul li .left .text{ width: 485px;}
	#h_desgin .teamList li .border{ width: 292px;}
	#h_desgin .box .prev{ left: 5%;}	
	#h_desgin .box .next{ right: 2%;}
	.hs_backTop{ left: 20px;}
	#h_desgin .boxBg .prev{ left: 10%;}
	#h_desgin .boxBg .next{ right: -1%;}
	#wj_Custom .wj_change_wra{ margin-left: 100px;}
	#wj_product .wj_case_text{margin-left: 100px;}
	#wj_Custom .wj_custom_nav{margin-left: 100px;}
	#wj_product .wj_case .wj_case_nav{ margin-left: 100px;}
	.wj_img_list{width: 1000px;}
	}


#wj_left_top .top{ height: 36px;}
#wj_left_top .anli{ background: url(../images/wj-left-top.png) no-repeat; height: 140px;}
#wj_left_top{ height: 180px;}
.wj_tanchus{  background: url(../images/wj-right-img.jpg) no-repeat; width: 100%; height: 140px; bottom: -140px;}
.wj_tanchus:hover{-webkit-animation:wj_tanchus .1s 5 alternate;animation:wj_tanchus .1s 5 alternate;-moz-animation:wj_tanchus .1s 5 alternate;-ms-animation:wj_tanchus .1s 5 alternate;}
#wj_left_top .top:hover{-webkit-animation:wj_tanchus .1s 5 alternate;animation:wj_tanchus .1s 5 alternate;-moz-animation:wj_tanchus .1s 5 alternate;-ms-animation:wj_tanchus .1s 5 alternate;}
#wj_left_top .anli:hover{-webkit-animation:wj_tanchus .1s 5 alternate;animation:wj_tanchus .1s 5 alternate;-moz-animation:wj_tanchus .1s 5 alternate;-ms-animation:wj_tanchus .1s 5 alternate;}



.compImg{ float: left; font-size: 0;}
.compText{ float: left; margin: 25px 0 0 87px; width: 500px; height: auto;font-size: 14px;}
.videos{ width: 900px; height: 200px; margin:auto; padding-top: 20px;}

@-webkit-keyframes wj_tanchus{
	from{-webkit-transform:translateX(-2px);}
	to{-webkit-transform:translateX(2px);}
}
@keyframes wj_tanchus{
	from{transform:translateX(-2px);}
	to{transform:translateX(2px);}
}
@-moz-keyframes wj_tanchus{
	from{-moz-transform:translateX(-2px);}
	to{-moz-transform:translateX(2px);}
}
@-ms-keyframes wj_tanchus{
	from{-ms-transform:translateX(-2px);}
	to{-ms-transform:translateX(2px);}
}