@charset "utf-8";
/* CSS Document */

/*全局样式*/
*{ margin:0; padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
input,button,select,textarea{outline:none}
ul,li{list-style:none}
img{border:0; height: auto;}
textarea{resize:none}
body{font-family:微软雅黑; color: #666;}
a{cursor:pointer; outline:none; text-decoration:none;}
a:hover{ text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}/*去除ie下超链接虚线框*/
a:focus{ outline:0;}/*去除火狐下超链接的虚线*/

h1,h2,h3,h4,h5,h6{font-weight:normal;}
.fl{ float:left}
.fr{ float:right}


/*------------------------------------------公共头部样式开始------------------------------------------*/
.top{  height:120px; border-top:3px solid #8ec73c}
.top .nav{-webkit-box-pack: center;  -ms-flex-pack: center; justify-content: center; }
.logo{ }
.logo img{ width:100%;}
.nav ul{ overflow:hidden}
.nav ul li{ float:left; width:100px; height:120px; text-align:center}
.nav ul li h2{ font-size:16px; color:#333}
.nav ul li h3{ font-family:Adobe Devanagari; font-size:13px; color:#666666; line-height:20px;}
.nav ul li a{ padding:40px 0; display:block}
.nav ul li:hover h2{ color:#8ec73c}
.nav ul li:hover h3{ color:#8ec73c}
.mobile-nav-toggler{ display:none; text-align:right; font-size:24px;transform: translate(0%,-50%); top:50%; position:relative}

.mobile-menu{position:fixed;top:0;right:0;z-index:999999;visibility:hidden;padding-right:30px;width:300px;height:100%;max-width:100%;opacity:1;}
.mobile-menu .nav-logo{position:relative;padding:30px 25px;text-align:left;}
.mobile-menu-visible{overflow:hidden;}
.mobile-menu-visible .mobile-menu{visibility:visible;opacity:1;}
.mobile-menu .menu-backdrop{position:fixed;top:0;right:0;z-index:1;width:100%;height:100%;background:#000;-webkit-transition:all .9s ease;-moz-transition:all .9s ease;-o-transition:all .9s ease;transition:all .9s ease;-webkit-transform:translateX(101%);transform:translateX(101%);-ms-transform:translateX(101%);-ms-transition:all .9s ease;}
.mobile-menu-visible .mobile-menu .menu-backdrop{visibility:visible;opacity:.7;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease;-webkit-transform:translateX(0);transform:translateX(0);-ms-transition:all .7s ease;-ms-transform:translateX(0);}
.mobile-menu .menu-box{position:absolute;top:0;left:0;z-index:5;visibility:hidden;overflow-y:auto;padding:0 0;width:100%;height:100%;max-height:100%;border-radius:0;background:#202020;opacity:0;-webkit-transform:translateX(101%);transform:translateX(101%);-ms-transform:translateX(101%);}
.mobile-menu-visible .mobile-menu .menu-box{visibility:visible;opacity:1;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease;-webkit-transform:translateX(0);transform:translateX(0);-ms-transition:all .7s ease;-ms-transform:translateX(0);}
.mobile-menu .close-btn{position:absolute;top:10px;right:25px;z-index:10;width:24px;color:#fff;text-align:center;font-size:16px;line-height:30px;cursor:pointer;-webkit-transition:all .9s ease;-moz-transition:all .9s ease;-o-transition:all .9s ease;transition:all .9s ease;-ms-transition:all .9s ease;}
.mobile-menu-visible .mobile-menu .close-btn{-webkit-transform:rotate(360deg);transform:rotate(360deg);-ms-transform:rotate(360deg);}
.mobile-menu .close-btn:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg);-ms-transform:rotate(90deg);}

.mobile-menu .navigation{position:relative;float:none;display:block;width:100%;}
.mobile-menu .navigation li{position:relative;display:block;border-top:1px solid rgba(255,255,255,.1);}
.mobile-menu .navigation:last-child{border-bottom:1px solid rgba(255,255,255,.1);}
.mobile-menu .navigation li>a{position:relative;display:block;padding:10px 25px;color:#fff;text-transform:uppercase;font-weight:500;font-size:16px;line-height:24px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-ms-transition:all .5s ease;}
.mobile-menu .navigation li>a:before{position:absolute;top:0;left:0;height:0;border-left:5px solid #fff;content:'';-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-ms-transition:all .5s ease;}



/*banner*/
banner-carousel{position:relative;}
.banner-carousel .slide-item{position:relative;padding:100px 0 200px 0;background-position:center;background-size:cover;background-repeat:no-repeat;}
.banner-carousel .slide-item .image-layer{ position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;-webkit-transition:all 6s linear;-moz-transition:all 6s linear;-o-transition:all 6s linear;transition:all 6s linear;-webkit-transform:scale(1);transform:scale(1);-ms-transform:scale(1);-ms-transition:all 6s linear;}

.banner-carousel .content-box{position:relative;z-index:5;display:block;width:100%;color:#fff}
.banner-carousel .content-box p{position:relative;display:block;margin-bottom:8px; font-weight:400;font-size:18px;line-height:28px;opacity:0;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px);-ms-transform:translateY(50px);-ms-transition:all 1s ease;}
.banner-carousel .active .content-box p{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);}
.banner-carousel .content-box h1{position:relative;display:block;margin-bottom:20px; font-weight:700;font-size:48px;line-height:87px;opacity:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);-ms-transform:translateY(100px);-ms-transition:all .5s ease;}
.banner-carousel .active .content-box h1{opacity:1;-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);-ms-transition-delay:.5s;}
.banner-section .banner-carousel .content-box a.theme-btn{padding:15px 45px;}
.banner-carousel .content-box .btn-box{position:relative;opacity:0;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);-ms-transform:translateY(100px);-ms-transition:all 1s ease;}
.banner-carousel .active .content-box .btn-box{opacity:1;-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);-ms-transition-delay:1s;}
.theme-btn {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 10px 38px;
    color: #fff!important;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
	background: #2e3192;
    line-height: 30px;
    cursor: pointer;
    transition: all .5s ease;
}
.banner-carousel .owl-dots{ position:absolute; bottom:10px; left:50%; transform: translate(-50%,0%);}

/* 首页 */
.part{ background:#f8f8f8; padding-top:30px;}
.part01{border:1px solid #eeeeee; padding:0 25px;background:#fff; height:460px; margin-bottom:30px; }
.part_nav01{ overflow:hidden; margin-top:20px; margin-bottom:15px;}
.part_nav01 h2{ font-size:24px; color:#333}
.part_nav01 h3{ font-size:14px; color:#666;}
.part_nav01 span{ display:block; width:30px; height:1px; background:#2068c9; margin-top:8px;}
.part01 img{ width:100%}
.part01 p{ font-size:14px; color:#666666; line-height:24px; margin-top:15px; margin-bottom:25px;}
.part01 .links li{  border-bottom:1px dashed #999; line-height:45px; color:#666; font-size:14px}
.part01 .links li a{  background:url(../images/bg-01.png) left center no-repeat; padding-left:15px; color:#666}
.part01 .links li span{float:right; line-height:45px;}
.part01 .links li a:hover{ color:#8ec73c}

.part01_right ul{ overflow:hidden}
.part01_right ul li { font-size:14px; color:#fff; text-align:center; padding:0 2.5px 5px 2.5px; }
.part01_right ul li .icon01{ background-color:#7bbf2c;}
.part01_right ul li .icon02{ background-color:#476ed9;}
.part01_right ul li .icon03{ background-color:#7142a9;}
.part01_right ul li .icon04{ background-color:#ebba35;}
.part01_right ul li .icon05{ background-color:#ffb437;}
.part01_right ul li .icon06{ background-color:#8bcc4c;}
.part01_right ul li .icon07{ background-color:#7ac49f;}
.part01_right ul li .icon08{ background-color:#a9cd37;}
.part01_right ul li .icon09{ background-color:#ffb437;}

h4.title{ text-align:center; font-size:16px; color:#689329; margin-top:10px;}
.swiper-slide-thumb-active .product_small_img{border: 3px solid #0071bc }
.product_small_img{margin-top:5px;cursor: pointer; border: 3px solid transparent;transition: .3s;}

.tabs a{ display:block; width:160px; height:42px; font-size:14px; color:#666; line-height:42px; text-align:center; border:1px solid #dddddd; margin:15px auto}
.tabs a:hover{ color:#fff; background:#2068c9; border:1px solid #2068c9}

/* 通用底部 */
.foot{border-top:3px solid #8ec73c; background:#333}
.foot_left{ float:left; margin-top:40px; width:640px;}
.foot_left ul{ overflow:hidden; margin-bottom:20px}
.foot_left ul li{ float:left; width:160px;}
.foot_left ul li a{ font-size:14px; color:#8ec73c;display:block}
.foot_left ul li .ne a{ color:#ccc; line-height:32px; font-size:12px;}
.foot_right{ float:right;margin-top:40px; margin-bottom:30px;width:370px; }
.foot_right p{ font-size:14px; color:#f1f1f1; line-height:28px; text-align:right}
.ts02{ float:left; margin:7.5px 0}
.foot_right img{ float:right; width:105px; height:105px; margin-left:25px;}
.ts02 h4{ font-size:20px; color:#fff; text-align:right;}
.ts02 h2{ font-size:30px; text-align:right; color:#fff; line-height:45px;}
.ts02 a{ display:block;width:100px; height:26px; line-height:26px; text-align:center; -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px; background:#8ec73c; color:#fff; font-size:12px; float:right}
.foot_text{border-top:1px solid #dddddd; width:100%; overflow:hidden; height:60px; margin-top:30px;}
.foot_text h2{ font-size:14px; color:#bfbfbf; line-height:60px; float:left}
.foot_text h3{font-size:14px; color:#666666; line-height:60px; float:right}
.foot_text h2 a{ color:#bfbfbf}
.foot_text h3 a{color:#666666;}
.foot_text h3 a:hover{color:#8ec73c}

/*通用内页banner*/
.ny_banner{ margin:0 auto; overflow:hidden;}
.ny_banner h2{ width:1920px; height:300px;}

/*内页*/
.inside{ padding:25px 0;}
.inside_nav{  background:#0071bc; padding:25px 0; }
.inside_nav h3{ font-size:14px; color:#fff; margin-left:30px;}
.inside_nav h2{ font-size:20px; color:#fff; line-height:30px;margin-left:30px;}
.inside_nav span{ width:38px; height:1px; display:block; background:#fff; margin-top:10px;margin-left:30px;}
.inside_left{ overflow:hidden; margin-bottom:30px;}
.inside_left li{ height:45px; margin-top:1px;position:relative }
.inside_left li a{ display:block; padding:0 30px; background:#eee; line-height:45px; color:#666; line-height:45px; }

.inside_left li a:hover{ background:#8ec73c; color:#fff}

.ny_contact{ overflow:hidden; margin-bottom:30px; }
.ny_contact h2{ height:60px; background:#0071bc; padding-left:30px; font-size:20px; color:#fff; line-height:60px;}
.contact{ overflow:hidden; border:1px solid #dddddd; padding:10px 15px}
.contact p{ font-size:13px; color:#666; line-height:28px;}
.contact h3{ font-size:24px; color:#666666;font-family:Arial; line-height:24px;}


.inside_title{ background: #0071bc; padding:10px 15px; color:#fff; overflow:hidden;}
.inside_title h2{ font-size:18px;  float:left}
.inside_title h3{ font-size:14px; float:right}
.inside_title a{ color:#fff}
.text_nav{ height:100px; border-bottom:1px dashed #999999; margin-bottom:25px;}
.text_nav h4{ font-size:24px; color:#333; text-align:center; line-height:50px; }
.text_nav h5{ text-align:center}
.text_nav h5 em{ font-style:normal; font-size:12px; color:#888888; padding:0 15px}
.inside_text01{ overflow:hidden; padding:35px 0;}
.inside_text01 p{font-size:16px; color:#666; line-height:200%;}

.inside_text02{ overflow:hidden; padding-bottom:20px;}
.inside_text02 ul.list{ overflow:hidden}
.inside_text02 ul.list li{ height:50xp; border-bottom:1px dashed #999999}
.inside_text02 ul.list li a{ line-height:50px; font-size:14px; color:#333333; background:url(../images/bg-05.png) left center no-repeat; padding-left:10px;}
.inside_text02 ul.list li span{ float:right; font-size:14px; color:#999999; float:right; line-height:50px;}
.inside_text02 ul.list li a:hover{color:#8ec73c; font-weight:bold}

.fanye{ overflow:hidden; margin-top:20px;}
.fanye ul{ overflow:hidden}
.fanye ul li{ margin-top:10px; overflow:hidden}
.fanye ul li span{ display:block; width:80px; height:30px; background:#8ec73c; line-height:30px; text-align:center; color:#fff; font-size:14px; float:left; margin-right:10px;}
.fanye ul li a{ font-size:14px; color:#333333; line-height:30px;}
.fanye a.ts03{ display:block; padding:0 10px; height:30px; background:#999999; float:right; color:#fff; font-size:14px; text-align:center; line-height:30px;}
.fanye a:hover{color:#8ec73c;}

.inside_text02 ul{ overflow:hidden; margin-top:10px; }
.inside_text02 ul li{ overflow:hidden;}
.inside_text02 ul li img{ width:100%;border: 1px solid #ddd;}
.inside_text02 ul li h3{ font-size:16px; color:#666; line-height:30px; text-align:center}
.inside_text02 ul li:hover h3{color:#8ec73c;}

.inside_text00{ overflow:hidden; margin-bottom:25px;}
.inside_text00 .d_t p{ line-height:35px; text-align:center;overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.d_img img{border: 1px solid #ddd; width:100%}

.content{ line-height:200%; color:#666 }

/*pages*/ 
.pagination-wrapper{ margin: 20px 0; } 
.pagination{ height: 34px; text-align: center; } 
.pagination li { display: inline-block; height: 34px; margin-right: 5px; } 
.pagination li a{ float: left; display: block; height: 32px; line-height: 32px; padding: 0 12px; font-size: 16px; border: 1px solid #dddddd; color: #555555; text-decoration: none; } 
.pagination li a:hover{ background:#f5f5f5; color:#0099ff; } 
.pagination li.thisclass { background: #09f; color: #fff; } 
.pagination li.thisclass a,.pagination li.thisclass a:hover{ background: transparent; border-color: #09f; color: #fff; cursor: default; }

/* 当前位置 */
.position {
    padding-bottom: 25px;
    color: #a9a9a9;
}

.position span {
    display: block;
}
.position span i{ margin-right:5px}
.position span a {
    color: #a9a9a9;
    padding: 0 15px;
    margin-top: -5px
}


.d_t{ padding:25px 0}
.d_t .d_img{}
.d_t .d_d{ line-height:200%; color:#757575}
.d_t .d_d h2{ margin-bottom:15px; color:#8ec73c;}
.d_tab{ width:100%;  overflow: hidden;  border-bottom: 1px solid; line-height: 50px; margin:30px 0;}
.d_tab li{ width:100px; float:left; font-size:16px; cursor:pointer}
.d_tab li.on{ color:#0071bc;border-bottom: 1px solid #0071bc;}

.testimonial-carousel.owl-theme .owl-dots,.clients-carousel.owl-theme .owl-dots{ text-align:center; margin-top:15px;}
@media only screen and (max-width: 991px){
.top .nav{ display:none}
.mobile-nav-toggler{ display:block}
.part01{ height: auto;}
.inside_left{ display:none}
.foot{ display:none}
}