﻿
a{color: #3d4241;}
/* 阿里图标 */
[class*='icon']{
    font-family: 'iconfont';
}
/*font-size*/
.fnt_16 { font-size: 16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size:20px;}
.fnt_22 { font-size:22px;}
.fnt_24 { font-size:24px;}
.fnt_26 { font-size:26px;}
.fnt_30 { font-size:30px;}
.fnt_36 { font-size:36px;}
.fnt_40 { font-size:40px;}
.fnt_48 { font-size:48px;}
.fnt_50 { font-size:50px;}
.fnt_54 { font-size:54px;}
.fnt_60 { font-size:60px;}
.fnt_72 { font-size:72px;}
.fnt_110{ font-size:110px;}
@media only screen and (max-width:1660px) {
.fnt_72 { font-size:50px;}
    /*.fnt_110{ font-size:90px;}*/
}
@media only screen and (max-width:1440px) {
.fnt_24 { font-size:20px;}
.fnt_26 { font-size:22px;}
.fnt_30 { font-size:24px;}
.fnt_36 { font-size:30px;}
.fnt_40 { font-size:36px;}
.fnt_48 { font-size:40px;}
.fnt_50 { font-size:40px;}
.fnt_54 { font-size:42px;}
.fnt_60 { font-size:50px;}
.fnt_72 { font-size:44px;}
    /*.fnt_110{ font-size:70px;}*/
}
@media only screen and (max-width:1024px) {
.fnt_16 { font-size: 14px;}
.fnt_18 { font-size:16px;}
.fnt_20 { font-size:16px;}
.fnt_22 { font-size:18px;}
.fnt_24 { font-size:18px;}
.fnt_26 { font-size:20px;}
.fnt_30 { font-size:22px;}
.fnt_36 { font-size:22px;}
.fnt_40 { font-size:24px;}
.fnt_48 { font-size:26px;}
.fnt_50 { font-size:26px;}
.fnt_54 { font-size:26px;}
.fnt_60 { font-size:30px;}
.fnt_72 { font-size:30px;}
    /*.fnt_110{ font-size:50px;}*/

}
@media only screen and (max-width:767px) {
.fnt_16 { font-size: 14px;}
.fnt_18 { font-size:14px;}
.fnt_20 { font-size:14px;}
.fnt_22 { font-size:16px;}
.fnt_26 { font-size:16px;}
.fnt_24 { font-size:16px;}
.fnt_30 { font-size:18px;}
.fnt_36 { font-size:18px;}
.fnt_40 { font-size:20px;}
.fnt_48 { font-size:20px;}
.fnt_50 { font-size:20px;}
.fnt_54 { font-size:20px;}
.fnt_60 { font-size:20px;}
.fnt_72 { font-size:20px;}
    /*.fnt_110{ font-size:30px;}*/
}



@media only screen and (min-width:1025px) {
    a{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    a:hover{color:#0a7e64;}
}

.header{position: fixed;top:0;left: 0;width: 100%;z-index: 99999; height: 110px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;
background: #fff;}
.header_in{height: 110px;line-height: 110px;width: 1200px;max-width: 90%;margin: 0 auto;}
.header h1{margin-top: 20px;float: left;width: 110px;height: 69px;overflow: hidden;}
.header h1 a{display: block;}
.header h1 img{width: 100%;height: 100%;}
.logo02{display: none;}

.header_re{float: right;height: 100%;}
.header_re .language,.header_search,.nav_phone_btn{float: left;}
.header_re .language a{color: #7b7b7b;}
.header_re .language a.on{color: #167d64;font-weight: bold;}


/*搜索*/
.header_search{  position: relative;float: left; }
.search_btn{cursor: pointer;position: relative;float: right;text-align: center;width:100px;text-align: center;}
.search_btn.on{opacity:0.6;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6;}
.search_btn:before,.search_box_btn:before{font-size: 22px;font-weight: bold;}

.search_box {border-radius: 30px;
    background: #fff;width: 100px;right: 10px; position: absolute;top:100%;    margin-top: 0;z-index: 91;
    visibility: hidden;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    border: 1px solid #eee;
     
    overflow: hidden;
    box-sizing: border-box;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.search_box,.search_box_input,.search_box_btn:before{ height: 60px;line-height: 60px;}
.search_box_btn{height: 60px;}
.search_box.on {width: 400px;visibility: visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1;}
.search_box_input {width: calc(100% - 60px); padding: 0 10px;padding-left: 20px; float: left;border: 0;outline: none;background: #fff;box-sizing: border-box;}
.search_box_btn {
 width: 60px;background: none;border: 0;outline: none; float: right;    font-weight: bold;
  position: relative;
}
.search_box_btn:before{position: absolute;top:0;left: 0;width: 100%;height: 100%;   }
/*搜索*/

/*手机导航按钮开始*/
.nav_phone_btn{display: none;cursor: pointer;width: 68px;height: 60px; margin-top: 8px; position: relative;text-align: center; border-left: 1px solid rgba(255,255,255,0.4)}
.nav_phone_btn span {position: relative;/*font-size: 0;*/width:34px;height: 3px; background-color: #fff;display: inline-block;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out; top:-10px;}
.nav_phone_btn span i{ position: absolute; bottom:-30px; left:0; width:100%; color:#fff; font-family: arial; font-size: 12px; text-transform: uppercase;}
.nav_phone_btn span:before,.nav_phone_btn span:after {content: "";position: absolute;width: 100%;height: 3px;background-color: #fff;left:0px;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.nav_phone_btn span:before{top:-7px;width:75%;}
.nav_phone_btn span:after{top:7px;width:67%;}
.visible_nav.nav_phone_btn span{background-color: transparent !important;}
.visible_nav.nav_phone_btn span:before{top:0px;width:90%;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);}
.visible_nav.nav_phone_btn span:after{top:0px;width:90%;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);}
/*手机导航按钮结束*/
.nav-phone{float: right;font-size: 20px;font-weight: bold;}


.nav{float: left;padding-right: 0.4rem;}
.nav li{float: left;}
.nav li>a{padding: 0 20px;display: block;font-weight: bold;}
.navlist{border-top:1px solid #eee; display: none; position: absolute;top:100%;right: 0;width: 100%;padding: 20px 0;background:rgba(255,255,255,1) url(../images/navlogo.png) no-repeat 0 bottom;background-size:38%; box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);}


.nav_box{overflow: hidden;position: static;text-align: left;
    margin-left: auto;
    width: 100%;
    display: block;
    height: auto;
}
.nav_box .left{width: 37.7%; float: left;overflow: hidden;}
.nav_title{float: right;color: #f3745f; width: 270px; height: 140px;border-right:1px solid #f3745f;padding-right: 20px;}
.nav_title h2{line-height: 1.2em;margin-bottom: 0.25rem;}
.nav_title p{font-family: "Arial";line-height: 18px;margin-right: 0.55rem;}

.nav_box .right{float: right;width: 100%;overflow: hidden;padding: 0 0.6rem;text-align: center;line-height: initial;box-sizing: border-box;}
.nav_box .right p{display: inline-block;}
.nav_box .right p a{background: none;color: #000;display: block;width: auto;padding: 20px 30px;}
.nav_box .right p a i{visibility: hidden;opacity: 0;}


.scrollHeader .nav li>a,.scrollHeader .header_re .language a,.scrollHeader .search_btn:before{color: #000;}
.scrollHeader .nav_phone_btn span,.scrollHeader .nav_phone_btn span:before,.scrollHeader .nav_phone_btn span:after{background: #000;}
.scrollHeader .header{background:#fff;height: 110px;    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);}



.o_banner{padding-top: 110px;box-sizing: initial;}
@media only screen and (max-width:1440px) {

.nav_box .right p{margin-right:0}
}
@media only screen and (max-width:1280px) {
    .nav_box .right p a{padding: 20px 20px;}
}

@media only screen and (min-width:1025px) {
.nav{position: absolute;left: 0;width: 100%;height: 100%; text-align: center;}
.nav ul{display: inline-block;}
.header h1,.header_re{position: relative;z-index: 5;}

.nav_box .right p a:hover,.header_re .language a:hover,.nav li>a:hover{color: #24856d!important;}
.nav_box .right p a:hover i{visibility: visible;opacity: 1;right: 15px;}

.nav{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.navbody .nav {opacity: 0;-webkit-transform: translateX(80px); -moz-transform: translateX(80px);-o-transform: translateX(80px);-ms-transform: translateX(80px);transform: translateX(80px);}
}


.return_a,.nav li>span{display: none;}
@media only screen and (max-width:1024px) {
    .header{padding: 0;}
.nav_phone_btn{display: block;}
.return_a,.nav li>span{display: block;}
.return_a{display: none;}
.header h1{width: 70px;height: 44px;margin-top: 13px;}
.h_height,.header,.search_btn,.header_in{height: 70px;line-height: 70px;}

.news_dbody .header{background:#fff;height:70px;}
.news_dbody .h_height{height:70px;}

.header{background: #fff;}
.scrollHeader .header{height: 70px;}
.search_box,.search_box_input,.search_box_btn:before{ height: 40px;line-height: 40px;}
.search_box{right: 0;}
.search_box_btn{height: 40px;}
  .search_box.on{width: 100%;}
.header_search{position: static;margin: 0 8px;}
.nav_phone_btn{width: 50px; height: 100%;margin: 0;overflow: hidden;}
.nav_phone_btn span{top:-2px;width: 26px;}
.search_btn{width: 30px;}

.nav {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
        position: fixed;
    bottom: 0;
    right: -100%;
    width: 100%;
    background: #fff;
    height: calc(100% - 56px);
    z-index: 999;
    padding-right: 0;
    overflow-y: auto;
    border-top: 1px solid #eee;
}
.navbody .nav{right: 0;padding-top: 10px;}
.nav li{float: none;border-bottom: 1px solid rgba(255,255,255,0.1);clear: both;position: relative;    margin-left: 20px;}
.nav,.nav a{color: #000;}
.nav li>a{width:100%;float: left;padding: 0 20px;padding-left: 25px; position: relative;}
.nav li>span{    font-weight: bold;cursor: pointer; width: calc(100% - 150px);text-align: center;float: right;font-size: 16px;    text-align: right;padding-right: 25px;}
.nav{line-height: 58px;font-size: 16px;}

.return_a{border-bottom: 1px solid rgba(255,255,255,0.1);}
.navlist{padding: 0; display: block;top:0;right:0;    height: 100%;    background: #fff;box-shadow:none;position: static;clear: both;display: none;}
.navlist p a{padding: 0 20px;padding-left: 25px;font-size: 15px;}
.nav_box .right p a{height: 40px;line-height: 40px;}
.nav_box .index_more span{padding-left: 0;display: block;width: 100%;text-align: left;}
.nav li.cur .navlist{right: 0}


.navbody{overflow: hidden;}
/*.navlist{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}*/

.nav_box .left{display: none;}
.nav_box .right{padding: 0;float: none;width: 100%;}
.nav_box .right p{float: none;width: 100%;margin: 0;line-height: 40px;margin: 0;    /*border-bottom: 1px solid rgba(255,255,255,0.1);*/}


.nav li>a,.header_re .language a,.search_btn:before{color: #000;}
.nav_phone_btn span,.nav_phone_btn span:before,.nav_phone_btn span:after{background: #000;}
.header{background:#fff; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);}

.nav li>a::before,
.nav li>a::after{
  content: '';
  width: 10px;
  height: 2px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #000;
  font-size: 20px;
  transition: .5s;
}

.nav li>a::before{
  transform: translateY(-50%) rotate(90deg);
}

.nav li.cur > a::before {
  transform: translateY(-50%) rotate(0deg);
  opacity: 0;
}


.nav li.noarrow a::after,.nav li.noarrow a::before {
    display: none;
}
    .o_banner{margin: 0;padding-top: 0px;}
    .o_banner img{margin-top: 50px;}
}


/*page*/
.pageout{text-align: center; clear: both;padding-top: 0.6rem;}
.page{display:inline-block;*display:inline;*zoom:1;}
.page{vertical-align:middle;text-align:center;margin: 0 auto; color:#2d2d2d; height:55px; line-height:55px;font-size: 20px;}
.page span{color:#2d2d2d; float: left; }
.page span em{ }
.page i{float: left;width: 55px;height: 55px;margin: 0 2px;text-align: center;}
.page a{float: left; width:55px;height: 55px; color: #bfbfbf;  margin:0 5px;box-sizing:border-box; border-radius: 5px; }
.page a.on{background:#167d64;color:#fff; }
.page a.prev {background: none;color: #000;}
.page a.next {background: none;color: #000;}
.page a.prev.no,.page a.next.no{color: #bfbfbf;}
.page a.go{margin-left:10px; width: 44px; background: #167d64; color: #fff; border:1px solid #167d64; height: 28px; line-height: 28px;}
.page a.go:hover{color: #fff !important;}
.page a.on:hover{color: #fff !important;}
.page .txtnum{}
.page .txtnum input{color:#b3b3b3; width:30px;height:26px; line-height:26px; padding: 0 5px; text-align:left;background:none;border: 1px solid #dddddd; margin: 0 6px;}

.news_cont .page a.on{background:#167d64;border-color: #167d64; }

@media only screen and (min-width:1025px) {
    .page a:hover{color: #000000;}
}
@media only screen and (max-width:1024px) {
    .pageout{padding-top: 30px;}
}
@media only screen and (max-width:767px) {
    .pageout{padding-top: 20px;}
    .page a{display:none; font-weight: normal;width: 34px;height: 34px;line-height: 34px;font-size: 16px;}
    .page a.prev,.page a.next,.page a.on{display:block; display:inline-block;width: 34px;height: 34px;line-height: 34px;}
    .page i{width: 34px;height: 34px;line-height: 34px;margin: 0;}
    /*.page a.prev{margin-right:5px; }*/
    /*.page a.next{margin-left: 5px;}*/

}

/*page*/

@media only screen and (max-width:767px) {
    .phone_banner .swiper-container li a{display: block;height: 100%;}
}


.news_main .hd .r_box{position: absolute;right: 0;z-index: 2;}