/*框架*/
body {color:#222;-webkit-text-size-adjust:none;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
body,button,input,select,textarea {font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self;font-size:62.5%;line-height:1.5;}
ol,ul {list-style:none;}
html,body {width:100%;height:100%;overflow:hidden;}
.section-wrap {width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}
.section-wrap .section {position:relative;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;}
.section-wrap .section .title {width:100%;position:absolute;top:10%;color:#fff;font-size:2.4em;text-align:center;}
.section-wrap .section .title p {padding:0 4%;opacity:0}
.section-wrap .section .title.active .tit {opacity:1;transform:translateY(-25px);-webkit-transform:translateY(-25px);transition:all 2s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);}
.section-wrap .section-1 {background-color:#fff;}
/* .section-wrap .section-2 {background:#f5f5f5;padding-top:100px;} */
.section-wrap .section-2 {background:url("../images/bg2.jpg") no-repeat center;padding-top:130px;background-size: cover;}
/* .section-wrap .section-3 {background:url("../images/bg3.jpg") no-repeat center;padding-top:80px;} */
.section-wrap .section-4 {background:url("../images/bg4.jpg") no-repeat center;padding-top:100px;background-size: cover;}
.section-wrap .section-5 {background:url("../images/bg5.jpg") no-repeat center;padding-top:200px;background-size:cover;}
.section-wrap .section-6 {background:url("../images/bg6.jpg") no-repeat center;padding-top:180px;background-size:cover;position:relative}
/* .section-wrap .section-6>.bg {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);} */
@media (min-width:1500px){
    .section-wrap .section-2 {padding-top:200px;}
    .section-wrap .section-5 {padding-top:260px;}
    .section-wrap .section-6 {padding-top:220px;}
}
.put-section-0 {transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-1 {transform:translateY(-100%);-webkit-transform:translateY(-100%);}
.put-section-2 {transform:translateY(-200%);-webkit-transform:translateY(-200%);}
.put-section-3 {transform:translateY(-300%);-webkit-transform:translateY(-300%);}
.put-section-4 {transform:translateY(-400%);-webkit-transform:translateY(-400%);}
.put-section-5 {transform:translateY(-500%);-webkit-transform:translateY(-500%);}
.section-btn {width:8px;position:fixed;right:4%;top:50%;}
.section-btn li {width:12px;height:3px;cursor:pointer;text-indent:-9999px;border-radius:3px;-webkit-border-radius:3px;margin-bottom:12px;background:#035c3e;text-align:center;color:#fff;}
.section-btn li.on {background:#fff;width:16px;}
.arrow {opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);position:absolute;bottom:10px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:50px;text-align:center;font-size:35px;color:#fff;border:1px solid #fff;cursor:pointer;overflow:hidden;}
.arrow:hover {animation-play-state:paused;-webkit-animation-play-state:paused;}
@keyframes arrow {0%,100% {bottom:10px;opacity:1;}
50% {bottom:50px;opacity:.5}
}
@-webkit-keyframes arrow {0%,100% {bottom:10px;opacity:1;}
50% {bottom:50px;opacity:.5}
}

/* nav */
.navbar {border:none;height:auto;margin-bottom:0 !important;z-index:99;}
.navbar-brand {padding:24px 0 0 26px !important;width:256px;margin:0;font-size:24px;color:#000;}
.navbar-brand>img {width:100%;}
.navbar-brand>p {font-size:26px;letter-spacing:4px;padding-top:20px;}
.navbar-brand>p>span {font-size:12px;letter-spacing:0;}
.top{ width:100%; height:auto; background:rgba(255,255,255,0.86); border-radius:26px; margin:30px 0;box-shadow: 0 0 15px rgba(0,0,0,.1); display: flex; display: -webkit-flex; flex-flow: row wrap; justify-content: space-between;}
.navbar-header{ display:inline-block;}
/* .navbar-collapse{ background: #fff; } */
/* .nav>.active {background:#035c3e;} */
.nav {float:right;}
.nav>li>a{ padding: 30px 24px;}
/* .dropdown-menu {min-width:0 !important;} */
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {max-height:620px;}
.navbar-default{ background: none !important;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {color:#000;}
.navbar-default .navbar-nav>li>a {font-size:16px;color:#666;}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {color:#fff;background-color:transparent;}
.navbar-default .navbar-nav>li>a:hover {color:#035c3e;background-color:transparent;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {background:transparent;color:#035c3e;}
.navbar-default .navbar-nav>.active>a>span {width:100%;}

.navbar-nav>li>ul{ position: absolute; top:80px; left: 0; display: none; background: #035c3e; border: none; text-align: center; padding: 0px; }
.navbar-nav>li>ul>li>a{ color: #fff; line-height: 32px;}
.navbar-nav>li:hover>ul{ display: block;}

.Language {float:right;margin: 26px 32px 0 20px; }
.Language a{ display: inline-block; padding: 5px; font-size: 14px;}
.Language a{ color: #333; }
.Language a span{ margin-top:-10px;}
.Language img {margin:0 5px;}
@media all and (max-width:1200px) {
    .navbar-toggle {border:none;margin-right:35px;}
    .navbar-toggle:hover {background:#fff !important;}
    .navbar-toggle:focus .icon-bar {background:#888 !important;}
    .nav {float:none;}
    .navbar-default .navbar-collapse,.navbar-default .navbar-form {border:none;}
    body {overflow-x:hidden;}
}
@media all and (max-width:767px) {
    .Language{ display: none;}
    .navbar-nav {z-index:999999;margin:7.5px 0 !important;}
    .navbar-brand {width:35%; padding-top:15px !important;}
    .navbar-default .navbar-nav>li{ width:100%;text-align: center;display: inline-block;}
    .navbar-default .navbar-nav>li>a{ padding:10px 0 !important;}
}
@media all and (min-width: 1450px) and (max-width: 1920px){
    .nav>li>a{ margin: 0 10px;}
    .ableftzi{ padding: 52px 0 !important;}
    .ableftzi p{ line-height: 32px !important;}
    .syabmore{ line-height: 60px !important;}
    .footac .aczi{ top: 88px !important;}
    .navbar-default .navbar-nav>li>a{ font-size: 18px;}
}
/*结束*/

.container {padding-left:0!important;padding-right:0!important;}

/*banner*/
.carousel,.carousel-inner {height:100%; margin-top: -140px;}
.item {height:100%;/*display:flex!important;*/    /*align-items:center;*/    /*justify-content:center;*/    /*flex-direction:column;*/    /*flex-wrap:nowrap;*/}
.item>img {width:100%!important;max-width:none!important;height:100vh !important;margin:0 auto;}
.focus {height:100%;position:relative;overflow:hidden;background-color:#fff;margin-right:auto;margin-left:auto;z-index:0;display:none;}
.focus .hd {width:100%;height:100%;position:absolute;z-index:99;text-align:center;}
.focus .hd ul {position:absolute;bottom:20px;left:0;right:0;margin:0 auto;display:inline-block;height:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:0;vertical-align:top;}
.focus .hd ul li {display:inline-block;width:30px;height:5px;background-color:rgba(255,0,0,0.5);vertical-align:top;overflow:hidden;margin-right:.08rem;margin-left:.08rem;}
.focus .hd ul .on {background-color:#FFFFFF;}
.focus .bd {position:relative;z-index:0;height:100%;}
.focus .bd li a {-webkit-tap-highlight-color:rgba(0,0,0,0);/* 取消链接高亮 */}
.focus .bd li {position:relative;}
.focus .bd li img {width:100%;height:100%;}
.focus .bd li .one {width:100%;position:absolute;top:1.6rem;text-align:center;color:#fff;}
.focus .bd li .one>h2 {font-size:.45rem;font-weight:bold;}
.focus .bd li .one>p {font-size:.1rem;}
.prev {position:absolute;top:50%;left:10%;display:inline-block;font-size:30px;cursor:pointer;}
.next {position:absolute;top:50%;right:10%;font-size:30px;cursor:pointer;}
@media all and (max-width:768px) {
    .focus {display:block;}
    .focus .hd {position:absolute;bottom:0!important;height:10px!important;}
    .focus .hd ul {bottom:0!important;}
    .prev,.next {display:none!important;}
    .top{ margin:0;}
    .carousel, .carousel-inner { margin-top: -64px !important;}
}

/* sy-动效 */
.slideshow {position:absolute;width:100vw;height:100vh;overflow:hidden;}
.slideshow-image {position:absolute;width:100%;height:100%;background:no-repeat 50% 50%;background-size:cover;-webkit-animation-name:kenburns;animation-name:kenburns;
    -webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:16s;
    animation-duration:16s;opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);}
.slideshow-image:nth-child(1) {-webkit-animation-name:kenburns-1;animation-name:kenburns-1;z-index:3;}
.slideshow-image:nth-child(2) {-webkit-animation-name:kenburns-2;animation-name:kenburns-2;z-index:2;}
.slideshow-image:nth-child(3) {-webkit-animation-name:kenburns-3;animation-name:kenburns-3;z-index:1;}
.slideshow-image:nth-child(4) {-webkit-animation-name:kenburns-4;animation-name:kenburns-4;z-index:0;}
@-webkit-keyframes kenburns-1 {0% {opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);}
1.5625% {opacity:1;}
23.4375% {opacity:1;}
26.5625% {opacity:0;-webkit-transform:scale(1);transform:scale(1);}
100% {opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1);}
98.4375% {opacity:0;-webkit-transform:scale(1.21176);transform:scale(1.21176);}
100% {opacity:1;}
}
@keyframes kenburns-1 {0% {opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);}
1.5625% {opacity:1;}
23.4375% {opacity:1;}
26.5625% {opacity:0;-webkit-transform:scale(1);transform:scale(1);}
100% {opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1);}
98.4375% {opacity:0;-webkit-transform:scale(1.21176);transform:scale(1.21176);}
100% {opacity:1;}
}
@-webkit-keyframes kenburns-2 {23.4375% {opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);}
26.5625% {opacity:1;}
48.4375% {opacity:1;}
51.5625% {opacity:0;-webkit-transform:scale(1);transform:scale(1);}
100% {opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1);}
}
@keyframes kenburns-2 {23.4375% {opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);}
26.5625% {opacity:1;}
48.4375% {opacity:1;}
51.5625% {opacity:0;-webkit-transform:scale(1);transform:scale(1);}
100% {opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1);}
}
@-webkit-keyframes kenburns-3 {48.4375% {opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);}
51.5625% {opacity:1;}
73.4375% {opacity:1;}
76.5625% {opacity:0;-webkit-transform:scale(1);transform:scale(1);}
100% {opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1);}
}
@keyframes kenburns-3 {48.4375% {opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);}
51.5625% {opacity:1;}
73.4375% {opacity:1;}
76.5625% {opacity:0;-webkit-transform:scale(1);transform:scale(1);}
100% {opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1);}
}
@-webkit-keyframes kenburns-4 {73.4375% {opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);}
76.5625% {opacity:1;}
98.4375% {opacity:1;}
100% {opacity:0;-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes kenburns-4 {73.4375% {opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);}
76.5625% {opacity:1;}
98.4375% {opacity:1;}
100% {opacity:0;-webkit-transform:scale(1);transform:scale(1);}
}

/*sy-part2-about*/
.about {width: 50%; margin-left: 50%; padding: 0 50px;}
.about>h4 {font-size:60px;color:#ddd;font-weight:bold;}
.about>h5 {font-size:24px;color:#000;font-weight:bold;margin:10px 0 15px 0;}
.about>p {width:88%;color:#333;font-size:15px;text-align:justify;line-height: 26px;}
.about>a {padding:5px 26px;border:solid 1px #019326;color:#019326;display:inline-block;margin-top:15px;border-radius: 20px;}
.about>a:hover {background:#019326;color:#fff;}
@media (min-width:1500px){
    .about{ padding: 0 80px;}
}
.col_half {width:49%;}
.col_third {width:32%;}
.col_fourth {width:60%;margin:0 auto;}
.col_fifth {width:18.4%;}
.col_sixth {width:15%;}
.col_three_fourth {width:74.5%;}
.col_twothird {width:66%;}
.col_half,.col_third,.col_twothird,.col_fourth,.col_three_fourth,.col_fifth {position:relative;display:inline;display:inline-block;float:left;margin-right:2%;margin-bottom:20px;}
.end {margin-right:0 !important;}

/* sy-shuzi */
.wrapper {width: 100%;margin: 30px 0 0 0;position:relative;}
.counter {background-color:#ffffff;padding:20px 0;border-radius:20px;width:90%}
.count-title {font-size:40px;font-weight:600;margin-top:10px;margin-bottom:0;text-align:center;color:#035c3e;}
.count-text {font-size:14px;font-weight:normal;margin-top:10px;margin-bottom:0;text-align:center;}


/* sy-part4-pro */
.flexslider {position:relative;overflow:hidden;}
.slides {position:relative;z-index:1;}
.slides img {width:100%;height:auto;}
.flex-control-nav {position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li {display:inline-block;width:12px;height:12px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a {display:inline-block;width:12px;height:12px;line-height:40px;overflow:hidden;cursor:pointer;}
.flex-control-nav .flex-active {background-position:0 0;}
.flex-direction-nav {position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a {display:block;width:60px;height:60px;overflow:hidden;cursor:pointer;position:absolute;border-radius: 50%;}
.flex-direction-nav li a.flex-prev {right:40px;background:rgba(1,147,58,.5) url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next {top:68px; right:40px;background:rgba(1,147,58,.5) url(../images/next.png) center center no-repeat;}
.flex-direction-nav li a.flex-prev:hover{ background:rgba(1,147,58,.9) url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next:hover{ background:rgba(1,147,58,.9) url(../images/next.png) center center no-repeat;}
.slides li img{ position:relative;}
.slides .sypleft{ position:absolute;width:40%;left:50px;top:15%;z-index: 10;}
.slides .sypleft h3{ font-size:36px;font-weight: 600;margin-bottom: 30px;}
.slides .sypleft p{ font-size:16px; line-height:28px; color:#666; text-align: justify;}
.sypleft ul{ margin:30px 0 0; width:60%;}
.sypleft ul li{ text-align:center; }
.sypleft ul li b{ font-size:18px; font-weight: 600;}
.sypleft ul li a{ color:#fff; display:inline-block; background:#035c3e; margin: 0 4% 10px 0; width: 96%; padding: 26px 0 16px; font-size: 18px;}
.sypleft ul li:hover a{ background: rgba(1,147,58,1);}
.sypleft ul li:nth-of-type(1) a{ border-radius: 30px 0 0 0;}
.sypleft ul li:nth-of-type(2) a{ border-radius: 0 30px 0 0;}
.sypleft ul li:nth-of-type(3) a{ border-radius: 0 0 0 30px;}
.sypleft ul li:nth-of-type(4) a{ border-radius: 0 0 30px 0;}


/* sy-syshebei */
.syshebei{ position: absolute; width: 64%; margin: 0 18%; text-align: center; top: 28%; z-index: 10;}
.syshebei h3{ font-size: 26px; font-weight: 400; color: #fff; line-height: 52px;}
.hr{ display:inline-block; width: 120px; height: 2px; margin: 0 auto; background:#fff;}
.syshebei p{ font-size: 16px; color:#fff; margin-top:20px;}
.syshebei a {display:inline-block;padding:10px 42px;border:solid 3px #ccc;background: rgba(1,147,38,.3);font-size:24px;font-weight: 600;transition:.5s;color:#fff;position:relative; z-index: 1; margin-top:50px;}
.syshebei a::before {content:" ";position:absolute;left:0;top:0;width:0;height:100%;transition:.5s; z-index:-1;}
.syshebei a:hover::before {background:#019326;width:100%;color:#fff;}
@media (min-width:1500px){
    .syshebei{ position: absolute; width: 52%; margin: 0 24%; text-align: center; top: 32%; z-index: 10;}
}

/* sy-news */
.news{ width: 100%; height:auto; display:inline-block;}
.syntit{ width: 24%; height:auto; float: left; padding-left: 50px;}
.syntit h3{ font-size: 36px; font-weight: 600;}
.syntit ul{ margin: 30px 0 0 0;}
.syntit ul li{ width:50%; height:36px; line-height:36px; text-align: center; background:#035c3e; margin-bottom: 5px;}
.syntit ul li:hover{ background:#019326;}
.syntit ul li a{ color:#fff; font-size: 16px;}
.synlist{ width: 76%; height:auto; float: left;}
.pic{ width:100%;height:auto; }
.news .synlist .synbox{width:90%;transition:all 0.3s ease 0s;padding:20px;}
.news .synlist .synbox:hover{ background: #fff;}
.news .synlist .synbox a{ color:#333;}
.news .synlist .synbox a img{ transition:all 0.3s ease 0s;}
.news .synlist .synbox:hover img{box-shadow:0px 10px 30px rgba(0,0,0,0.1);transform:translate(0,-5px);}
.news .synlist .synbox a h3{ margin: 30px 0 15px 0; font-size: 16px; font-weight: 600;}
.news .synlist .synbox a p{ color: #777;}
.news .synlist .synbox a .nmore{ width:100%; border-bottom: 1px solid #ddd;padding-bottom: 15px; margin-top:30px; display: flex; display: -webkit-flex; flex-flow: row wrap; justify-content: space-between;}
.news .synlist .synbox a .nmore span{ font-weight: 600; padding-top:10px;}
.news .synlist .synbox a .nmore i { color: #555; font-size:14px;}


/* sy-contact */
.section-6 .bg {position:absolute;bottom:0;right:0;width:100%;background: url(../images/bg6col.png);background-size: cover; z-index: 2;}
.syctit { width:100%; color: #333; float: left; padding-left: 50px;}
.syctit h3{ color: #333; font-size: 36px; font-weight: 600; margin-bottom: 30px;}
.syctit p{ font-size: 18px; text-align: justify; line-height:28px;}
.zamore{ font-size: 36px;font-weight: 600; background:#035c3e; color: #fff; display: inline-block; width:50px; height:50px; text-align:center; line-height:44px; border-radius:50%;}
.zamore:hover{ background: #019326;cursor: pointer;}
.contact-us h3{ color: #fff; font-size: 20px; margin: 0 0 20px 0;}
.contact-us p{ color:#fff; font-size: 18px;}
.contact-us p a{ color:#fff;}
.contact-us ul li{ width: 20%; float: left; margin: 0 2% 15px 0;}
.contact-us ul li img {transition:all 0.3s ease 0s;}
.contact-us ul li img:hover {box-shadow:0px 10px 30px rgba(0,0,0,0.1);transform:translate(0,-5px);}

@media all and (max-width: 767px) {
    .section-wrap .section-2 {background:url("../images/bg2.jpg") no-repeat right !important;padding-top: 182px;}
    .about{ width: 100%; margin-left:0;}
    .about>h4{ font-size: 26px;}
    .about>p{ width: 100%;}
    .counter { display:none !important;}
    .syshebei{ width: 80%; margin:0 10%;}
    .syshebei h3{ font-size:16px; line-height:26px;}
    .syshebei a{ font-size: 20px; padding:15px;}
    .slides .sypleft{ width: 100%; top:50%;}
    .product-show{ position:relative;}
    .sjprozi{ position:absolute;top:0;left:0;right:0; width: 82%; height:auto; margin: 0 9%; display:inline-block;}
    .sjprozi h3{ font-size:20px;}
    .sjprozi p{ font-size: 14px; line-height:20px;}
    .sypleft ul{ width: 100%;}
    .sypleft ul li{ width: 50%;}
    .sypleft ul li a{ padding:10px 0;}
    .syntit{ width: 100%;padding-left: 24px;}
    .syntit h3{ font-size:24px;}
    .section-wrap .section-5{ padding-top:150px;}
    .syntit ul{ display:none;}
    .synlist{ width:100%;}
    .news .synlist div:nth-of-type(2){ display:none !important;}
    .news .synlist div:nth-of-type(3){ display:none !important;}
    .syctit{ display:none !important;}
    .section-wrap .section-6{ background: url(../images/bg6.jpg) no-repeat right;padding-top: 140px;}
    .dropdown-menu{ display: none !important;}
}