@charset "utf-8";
/* CSS Document */
.main{height:100%;}
.main .bgbox{position:absolute;left:50%;margin-left:-725px;top:50%;margin-top:-450px;}
.bgbox li{position:absolute;}
.main .bgbox img{width:1450px;height:900px;}
/*.main ul{position:absolute;top:30%;right:20px;}
.main li{width:20px;height:20px;;margin-top:20px;background:#67423C}*/

.imgbox{position:absolute;top:150px;left:50%;margin-left:-960px;width:1920px;height:510px;}
.imgbox .smallimg{
    -webkit-box-shadow:0 0 15px rgba(0, 0, 0, .5);
    -moz-box-shadow:0 0 15px rgba(0, 0, 0, .5);
    box-shadow:0 0 15px rgba(0, 0, 0, .5);
}
.imgbox a,.imgbox img{
    display:block;
}
.imgbox img:hover{-webkit-transform:scale(1.1,1.1)}
.imgbox .posterlist{
    width:980px;
    height:200px;
}
.imgbox .posterlist .smallimg{position:absolute;top:0;width:1200px;height:510px;overflow:hidden;cursor:pointer;}

.posterbtn{
    position:absolute;top:0;width:174px;height:175px;z-index:10px;cursor:pointer;
}
.prevbtn{
    left:0;background:url(./../images/slide_left.png) no-repeat center center;
}
.nextbtn{
    right:0;background:url(./../images/slide_right.png) no-repeat center center;
}
.topbannerbg{position:absolute;background:url(./../images/bannerbg.jpg) center bottom;height:674px;width:100%;}
.topdowngray{position:absolute;bottom:10px;}

/*what we do*/
.wwd{margin-top:860px;background:#203d6c url(./../images/bgblue.jpg) center center;min-height:972px;color:#fff;}
.downgray{background:url(./../images/downgray.png) center center no-repeat;width:100%;height:23px;cursor:pointer;}
.engtitle{margin:0;font-size:52px;padding-top:90px;padding-bottom:20px;font-family:'Verdana';border-bottom:1px solid #bfc8d3;}
.nobottom{border-bottom:none;}
.blueline{position:relative;width:138px;height:9px;background-color:#009ed6;left:50%;top:-1px;margin-left:-69px;}
.downblue{background:url(./../images/downblue.png) center center no-repeat;width:100%;height:23px;cursor:pointer;margin-top:60px;}
.downwhite{background:url(./../images/downwhite.png) center center no-repeat;width:100%;height:23px;cursor:pointer;padding:50px 0;}
.wycont{}
.wycont .wyjs{padding:20px 0;}
.wycont .wyjstext{width:468px;position:relative;left:50%;margin-left:-234px;font-size:20px;text-align:justify;}
.wycont .wyjsmore{position:absolute;bottom:4px;right:16px;border:0;}
.wycont .embitem{text-align:center;height:300px;overflow:hidden;background:url(../images/embbg.png) center center no-repeat;}
.wycont .embitem embed{margin-top:20px;}
.wycont .embmmore{height:30px;line-height:30px;text-align:right;font-size:18px;color:#1cc4ff;margin-right:50px;margin-top:20px;}
/*our news*/
.onews{min-height:600px;color:#fff;}
.onewssj{background:#edeced url(./../images/bggray.jpg) top center;min-height:540px;}
.grayfont{color:#666666;padding-top:20px;}

.onews>a:hover{text-decoration:none;}
.onews .listtitle{width:100%;font-size:28px;margin-top:30px;color:#808080;}
.onews .listtitle:hover{color:#9F9F9F;}
.onews .listcont{margin: 20px 0 0;box-sizing: border-box;padding:30px 10% 30px;border-radius: 3px;background:#FAFAFA;}
.onewssj .listcont{margin:0;}
.onews .listcont p{height: 35px;margin:10px 0;}
.onews .listcont>p>a{font-size: 16px;font-weight:bold;color:#b0120c;}
.onews .listcont img{max-width: 100%;border: 0;}

.onews .listul{text-align: left;}
.onews .listul li {
    line-height: 30px;
    text-indent: 10px;
    background: url(./../images/newlist.jpg) no-repeat center left;
    line-height: 30px;
    text-indent: 10px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.onews .listul li a {
    /*color: #727272;*/
    color: #677889;
    font-size: 14px;
}
/*contact us*/
.cus{background-color: #000000;color:#c5aa78;}
.cus a{color:#c5aa78;}
.cusgray{background:#e4e4e4 url(./../images/bottombg.png) no-repeat bottom left;}/*f1f1f1*/
.contact-us{font-size:18px;}
.paddtop60{padding-top:60px;}
.margintop20{padding-top:20px;}
.margintop30{padding-top:30px;}
.margintop40{padding-top:40px;}













ul,li{margin:0;padding:0;list-style:none;}
h3{font-family: 'Verdana',sans-serif;text-shadow: 0 0 1px rgba(0, 0, 0, 0.01);}
.clearboth{clear:both;}
body{margin:0 auto;width:100%;padding:0;font-family:'Verdana',sans-serif;color:#666666;background:#FFFFFF;overflow-x:hidden;}
.wid80{width:80%;margin:0 auto;}
.wid70{width:70%;margin:0 auto;}
.wid50{width:50%;margin:0 auto;}
.wylogo{position:absolute;left:15%;top:15px;z-index:5;}

/*联系方式*/
.toprel{position:absolute;right:5%;min-width:15%;top:80px;text-align:center;z-index:101;}
.toprel .relitem{float:left;background:url(image/torus_sm.png);width:30px;height:31px;padding:4px;margin:4px;cursor:pointer;}
.toprel .relcont{float:left;height:40px;line-height:40px;width:0;overflow:hidden;}
/*竹子*/
.bamboo{position:absolute;left:0;top:0;z-index:2;}

/*新年样式*/
/*联系方式*/
.toprelxinn{position:absolute;left:15%;min-width:15%;top:80px;text-align:center;z-index:101;}
.toprelxinn .relitem{float:left;background:url(image/torus_sm.png);width:30px;height:31px;padding:4px;margin:4px;cursor:pointer;}
.toprelxinn .relcont{float:left;height:40px;line-height:40px;width:0;overflow:hidden;}
/*梅花*/
.meihua{position:absolute;right:0;top:0;z-index:2;}
.xinnianleft{position:absolute;left:0;top:0;z-index:2;}




/*公司的文化*/
.wywords{position:absolute;top:260px;font-family: yeyougen;font-size:20px;width:100%;}
.wymission{width:360px;margin:0 auto;}
.wymission .missionitem{float:left;margin-right:20px;}
.wymission .missionitem .itemtitle{float:right;width:20px;margin:0 10px;font-family:'黑体';}
.wymission .missionitem .itemcont{float:right;width:20px;margin:0 5px;font-family: yeyougen;}
.mydream{margin-top:40px;font-size:30px;text-align:center;}
/*船*/
.boatdiv{position:absolute;z-index:-1;top:600px;background:url(image/bgwater.jpg) right bottom no-repeat;height:120px;width:100%;}
/*滚动图行*/
.bannerul{height:4px;position:absolute;bottom:85px;left:50%;margin-left:-200px;}
.indexitem{float:left;width:60px;height:4px;background-color:#d2d2d2;cursor:pointer;margin:0 10px;}
.indexcurr{background-color:#009ed6;}
/*滚动图片*/
.rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.slide_container { position: relative; float: left; width: 100%; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.slide .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url(image/themes.png) no-repeat left top; margin-top: -45px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 0; }

/*新微商*/
.newws{background:url(image/lighthouse.jpg) right top no-repeat;width:100%;height:364px;margin:10px 0 50px 0;position:relative;cursor:pointer;}
.newws .light{position:absolute;right:-120px;top:20px;display:none;}
.newws .newwstitle{  float: right;margin: 0 10px;font-family: yeyougen;font-size:70px;width:80px;}
.newws .newwscont{  float: right;margin: 0 5px;font-family: yeyougen;font-size:36px;width:50px;}

/*标题*/
.wytitle{background:url(image/cloud.png) no-repeat;padding-left:24px;width:214px;height:104px;line-height:104px;font-size:30px;font-family:yeyougen;margin-left:10%;margin:30px 10%;}






/*新闻查询*/
.newsquery{float:right;}
.newsinp{float:left;height:36px;line-height:36px;margin-right:4px;width:220px;}
.querybtn{float:left;background:url(image/querybtn.png); height:36px; width:49px; cursor:pointer;}

/*联系方式*/
.iconlayer{float:left;width:10px;height:30px;margin-right:10px;}
.wximg{max-width:130px;/*border:10px solid #009ed6;*/}
.copyright{height:50px;margin-top:15px;}


/*子页导航条*/
.subbars{position:absolute;top:170px;min-height:50px;width:100%;}
.subbars .barsitem{float:left;padding:0 10px;font-family:yeyougen;font-size:20px;font-weight:bold;cursor:pointer;-webkit-transition: color .5s ease-in-out;-moz-transition: color .5s ease-in-out;-o-transition: color .5s ease-in-out;-ms-transition: color .5s ease-in-out;transition: color .5s ease-in-out;}
.subbars .barsitem:hover{color:#59AB02;}
.subbars .barsitemimg{background:url(image/barsitembg.png);width:80px;height:37px;}

/*表单页*/
input, button, select, textarea {font-family: "Verdana",Helvetica,Arial,sans-serif;}
input, textarea {border: solid 1px #E5E5E5;background: -webkit-gradient(linear, left top, left 25, from(white), color-stop(4%, #EEE), to(white));background:-moz-linear-gradient(top, white, #EEE 1px, white 25px);box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px !important;-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px !important;-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px !important;}
.controls {display: inline-block;width:50%;}
.control-group{margin-bottom: 20px;}
.tc-main{padding-bottom:60px;margin-top:100px;}
.spanimg{width: 140px;float:left;margin-left: 20px;}
.spanleft{width:22%;float: left;}
.spanright{width:75%;float: left;margin-left:3%;}
.label70{width: 70px;}
.label160{width: 160px;text-align:right;padding-right:20px;}

/*列表页*/
h1, h2, h3 {margin: 0 0 18px;font-family: 'Verdana',sans-serif;text-shadow: 0 0 1px rgba(0, 0, 0, 0.01);}
.icon-time{background:url(image/icon_clock.jpg);float:left;margin:5px;width:14px;height:13px;}

.post-header{margin-top:22px;}
.post-header a{color: #666;}
.post-image {float: left;width: 25%;margin-right: 20px;padding: 4px;border: 1px solid #DDD;background: url(image/bg_off.png) repeat;}

.btn-small {display: inline-block;font-size: 14px;padding: 7px 20px;}
.btn-color, .subscribe-btn {background: -webkit-linear-gradient(#59AB02,#82DC23);background: -moz-linear-gradient(#59AB02,#82DC23);background: -o-linear-gradient(#59AB02,#82DC23);background: -ms-linear-gradient(#59AB02,#82DC23);background: linear-gradient(#59AB02,#82DC23);border: 1px solid #6B9C36;-webkit-box-shadow: inset 0 1px 1px 0 #A7DF6B, 0 2px 0 -1px rgba(0, 0, 0, 0.2);box-shadow: inset 0 1px 1px 0 #A7DF6B, 0 2px 0 -1px rgba(0, 0, 0, 0.2);cursor: pointer;color: white !important;text-shadow: 0 1px #555 !important;}
.btn-color:hover, .subscribe-btn:hover {background: -webkit-linear-gradient(#82DC23,#59AB02);background: -moz-linear-gradient(#82DC23,#59AB02);background: -o-linear-gradient(#82DC23,#59AB02);background: -ms-linear-gradient(#82DC23,#59AB02);background: linear-gradient(#82DC23,#59AB02);}

.post-content p {margin: 0 0 10px;padding-right:5%;display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}
.post-footer{margin-top:10px;}
.post-list{padding:20px;}
.post-list .jtxw_s1 {width: 6px;height: 6px;border-radius: 6px;background: #59AB02;display: inline-block;margin-bottom:3px;margin-right: 4px;}
.post-list .jtxw_s2 {height: 26px;line-height: 26px;color: #957556;margin-right: 4px;}
.post-list .jtxw_s3 {color: #868F98 !important;}


.btn_submit {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #5bb75b !important;
    background-image: -moz-linear-gradient(top, #62c462, #51a351) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)) !important;
    background-image: -webkit-linear-gradient(top, #62c462, #51a351) !important;
    background-image: -o-linear-gradient(top, #62c462, #51a351) !important;
    background-image: linear-gradient(to bottom, #62c462, #51a351) !important;
    background-repeat: repeat-x !important;
    border-color: #51a351 #51a351 #387038 !important;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/*内容页*/
.content-title{font-size: 28px;color: #59ab02;}
.bottom-divider {margin: 20px 0;background: url(image/bg_off.png) repeat;content: "";height: 5px;}
.post-headercont{border-bottom: 1px dashed #CCCCCC;margin-bottom: 30px;padding-bottom: 20px;}

.relative .lable{width:50%;float:left;height:40px;line-height:40px;}
.relative .controls{width:48%;float:left;margin:0 1%;}


.topdiv{background-color:#000;;position:relative;height:110px;}
.wylogo{position:absolute;left:5%;top:15px;z-index:5;}
.menu{position:absolute;left:30%;top:25px;background-color:#fff;}
.menu .eng{font-size:13px;font-weight:normal;font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}




/*右边弹出*/
@font-face {
    font-family: 'fontello';
    src: url('font/fontello.eot?22208226');
    src: url('font/fontello.eot?22208226#iefix') format('embedded-opentype'),
    url('font/fontello.woff?22208226') format('woff'),
    url('font/fontello.ttf?22208226') format('truetype'),
    url('font/fontello.svg?22208226#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#C5AA78;font-size:28px;}

.icon-user-add:before{content:'\e800';}
                                       .icon-monitor:before{content:'\e803';}
                                                                             .icon-phone-2:before{content:'\e817';}
                                                                                                                   .icon-user-o:before{content:"\f2c0";}
.icon-qq:before{content:"\f1d6";}
.icon-wechat:before{content:"\f1d7";}
.icon-doc-text-inv:before{content:"\f15c";}

.menubar-wrap{position:fixed;z-index:999;top:10%;right:1px;width:60px}
.menubar-wrap span.btn-menubar{position:relative;padding-top:20px;z-index:1000;display:block;width:100%;height:40px;background:#52b6ec;border-bottom:1px solid #fff;text-align:center;line-height:40px;cursor:pointer}
.menubar-wrap span.btn-menubar:hover{background:#00a2fa}
.menubar-wrap span.btn-menubar > i{color:#f5f5f5;font-size:22px}
.menubar-wrap span.btn-menubar .menubar-sub{display:none;position:absolute;top:0;right:60px;line-height:1em;border:1px solid #fff;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;border-radius:8px;cursor:pointer}
.menubar-wrap span.btn-menubar .menubar-sub > a{display:block;width:100%;height:100%;color:#FFF;min-width:100px}
.menubar-wrap span.btn-menubar .menubar-sub > img{width:140px;height:140px;margin:10px auto}
.menubar-wrap span.btn-menubar .sub-qq{padding-top:60px;padding-bottom:20px;width:165px;background:#fff url('../img/qqBg.gif') no-repeat top center;text-align:center;border: 1px solid #ccc}
.menubar-wrap span.btn-menubar .sub-qq > span{display:block;margin:0px auto 10px auto;width:80%;text-align:center;border-bottom:1px dashed #CCC;line-height:26px}
.menubar-wrap span.btn-menubar .sub-qq > a{display:block;margin:5px auto 1px auto}
.menubar-wrap span.btn-menubar .sub-wechat{background:#fff}
.menubar-wrap span.btn-menubar .show{width:100px;top:5px;right:70px;padding:0 20px;height:50px;line-height:50px;color:#fff;font-size:18px;background:#52b6ec}
.menubar-wrap span.btn-menubar .show:after{position:absolute;top:8px;right:-15px;content:"";width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:16px solid #52b6ec}
.menubar-wrap span.btn-menubar .sub-location{padding:5px;width:160px;font-size:14px;height:70px;line-height:22px;text-align:left}
.menubar-wrap span.rtop{color:#fff;line-height:50px}
.menubar-wrap span.rtop:before{position:absolute;top:15px;left:22px;content:"";width:0;height:0;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent}
.top-bar{width:100%!important;min-width:1180px;height:40px;background:#f0f0f0}
.top-bar .top-bar-main{margin:0 auto;width:1180px;height:100%;line-height:40px;color:#666}
.top-bar .top-bar-main li{position:relative;list-style:none;float:left}
.top-bar-main .login{display:block;position:relative;height:100%;z-index:99999}
.top-bar-main .login a{color:#00a2fa;margin-right:15px}
.top-bar-main .login>li{float:left;z-index:9999}


@media (max-width: 1279px) {
    .bamboo{display:none;}
    .slidebanner .bannerul{margin-top:-6px;}
    .slidebanner .bannerimgs{margin-left:0;}
    .wid70{width:80%;}
    .mydream{margin-top:40px;font-size:22px;}

    .meihua{display:none;}

    .topdiv{height:150px;}
    .menu{left:0;top:100px;}
}
@media (min-width: 1400px) {
    .wylogo{position:absolute;left:15%;top:25px;z-index:5;}
    .menu{position:absolute;left:40%;top:25px;}
}
@media (max-width: 799px) {
    .xsnone{display:none;}
    .wid80{width:94%}
    .wid70{width:94%;}
    .wid50{width:90%;}
    .toprel{left:10%;top:10px;text-align:center;}
    .wywords{top:150px;margin-right:0;font-size:18px;}
    .wymission .missionitem{margin-right:6px;}
    .mydream{margin-top:40px;font-size:22px;}
    .mydream div{margin:30px 0;}

    /*滚动图*/
    .slidebanner{/*margin-top:500px;*/}
    .slidebanner .bannerimgs{margin-left:0;}
    .slidebanner .bannerul{height:340px;visibility:hidden;}

    /*页面标题*/
    .wytitle{margin-left:2%;}
    .wycont{margin-left:5%;}
    .wycont .wyjs{padding:10px 0;}

    /*菜单*/
    .navbar-nav {background:#000;}

    /*新微商*/
    .newws{background:none;text-align:center;}
    .newws .newwstitle{margin: 0;font-size:40px;width:50px;}
    .newws .newwscont{margin: 0;font-size:30px;width:40px;}

    /*页头*/
    .tc-main{padding-bottom:40px;margin-top:80px;}
    .topmount{width:100%;height:150px;}
    .subbars{top:160px;}


    /*新年*/
    .xinnianleft{display:none;}
    .toprelxinn{left:10%;top:10px;text-align:center;}



    .img-responsive,.am-img-responsive{margin:0 auto;}
    .engtitle{font-size:32px;}

}

/*弹出*/
.footer_flex li:hover span { display: block; }
.footer_flex li:hover .img-n { display: none; }
.footer_flex li span { display: none; color: #fff; font-size: 12px; line-height: 60px; }
.footer_flex li .img-n {}
.footer_flex li { width: 60px; height: 60px; background-color: #bbb; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0px 14px; float: left; text-align: center; cursor: pointer; position: relative; z-index: 10; }
.footer_flex li:hover { background-color: #C5AA78; }
/*top*/
.footer_flex li:hover .flex-footer { display: block; }
.footer_flex li .flex-footer { width: 139px; height: 138px; position: absolute; left: -40px; top: -140px; text-align: center; padding-top: 15px; background: url(../image/flextopbg.png) 1px top no-repeat; display: none;-webkit-animation:fadeIn 1s;animation:fadeIn 1s;}

.im-box { width: 60px; position: fixed; top: 150px; right: 0; z-index: 9999999999;background-color:#fff;border-top:0;border-bottom:0; }
.im-box >a{display:block;}
.im-box .im-ewm { cursor:pointer;width: 58px; border: 1px solid #C5AA78;text-align:center;padding:20px 0; position: relative; }
.im-box .im-ewm .ewm-hover { position: absolute; right: 58px; top: -25px; display: none; width: 139px; height: 138px;text-align: center; padding-top: 15px; background-image: url(../image/flexleftbg.png);background-size: center 100%;-webkit-animation:fadeIn 1s;animation:fadeIn 1s;}
.im-box .im-ewm:hover .ewm-hover { display: block; }
@-webkit-keyframes fadeIn {
    0% {opacity: 0; /*初始状态 透明度为0*/}
    100% {opacity: 1; /*结尾状态 透明度为1*/}
}