* {
margin: 0;
padding: 0;
box-sizing: border-box
}

ul,
ol {
list-style: none;
}

a {
text-decoration: none
}

input {
border: none
}
.selects{display:none}
.cpys{padding:15px 0;}

/* 回到顶部 */
.suspension {width:46px;height:210px;position:fixed;right:30px;bottom:60px;z-index:999;}
 
 
.service-qq {background-image:url(http://www.hinnobio.com/Cn/views/default/images/suspend_icon_03.png);}
.service-qq:hover {background-image:url(http://www.hinnobio.com/Cn/views/default/images/suspend_icon_03_blue.png);}

.info-name {display:block;padding-left:52px;height:14px;font-size:14px;color:#333;}
.info-value {display:block;padding-left:52px;margin-top:8px;height:18px;font-size:18px;font-weight:700;color:#f90;}
.suspension a.consult:hover .suspension-list {display:inline !important;}
.suspension .cart {background-image:url(../image/top-icon.png);display:block;position:relative;width:46px;height:46px;margin-top:10px;border:1px solid #bcbcbc;background-color:#fff;background-repeat:no-repeat;background-position:center;}
.suspension a.cart:hover .pic {display:block;}
.suspension .back-top {background-image:url(../image/top-icon.png);background-repeat:no-repeat;background-position:center bottom;display:block;width:46px;height:46px;border:1px solid #bcbcbc;background-color:#fff;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;transition:all 0s ease-in-out;margin-top:10px;}
.suspension .cart .pic {display:none;position:absolute;left:-170px;top:-130px;width:160px;height:160px;}
.pic-content {position:absolute;width:160px;height:160px;border:1px solid #ddd;box-shadow:0 6px 12px 0 rgba(0,0,0,.15);background:url(../image/wxx.png) center no-repeat; background-size: cover;}

.contents{padding:10px 0 20px 0;}

.L{float:left;}
.R{float:right;}
.index_3{background-image:url(../image/productBg.jpg);background-repeat:no-repeat;}
.index_3 .protit h3{
    text-align: center;font-size:40px;font-weight:bold;    color: #fff;
}
.protit {padding-top:40px;}
.protit .xians{text-align: center; padding: 10px 0;}
.servicebn .sertxt{
	position: relative;
    padding: 0 10px;
    left: 0;
    bottom: 0;
	text-align: center;
    padding-top: 10px;
    margin-top: -39px;
    width: 100%;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(0,0,0,0.4);
    color: #fff;
    font-size: 14px;
}
.service h2{font-size: 20px;color: #666}
.service img{padding:80px 0}

.servicebn  {padding-top: 40px}
.service  {background: #e1e8ec; padding: 40px 0;}
.servicebn .serpic{overflow:hidden;    height: 180px;}
.servicebn .swiper-slide:hover .xian{width: 100%;}
.servicebn .swiper-slide .serpic img {
    transition: 1s;
}
.servicebn .swiper-slide .sertxt .more{padding:15px 0;}
.servicebn  .swiper-slide .serpic:hover  img{transform: scale(1.2);}
.servicebn .swiper-slide a{display: block;color:#fff}
.servicebn .swiper-slide:hover a{}

.servicebn  .swiper-button-prev{background-image: none;outline:none;cursor: pointer;left: -4%;top: 68%;}
.servicebn  .swiper-button-prev i{font-size: 50px;color: #a0a0a0; }
.servicebn  .swiper-button-next{background-image: none;outline:none;cursor: pointer;right: -2%;top: 68%;}
.servicebn  .swiper-button-next i{font-size: 50px;color: #a0a0a0; }
.servicebn  .swiper-pagination-bullet{margin: 0 3px;width: 8px;height: 8px; margin-top: 20px; }
.servicebn  .swiper-pagination{position: relative;display: none;}
.servicebn  .swiper-pagination-bullet-active{background: #a0a0a0;}
.nyabout  img{margin-top:10px;}
.albot {
    margin-top: 60px;
}
.dsz_con .abTit{font-size: 30px; font-weight: bold;}
.albot ul {
    overflow: hidden;
    padding: 30px 0;
}
.albot li {
    text-align: center;
    margin-bottom: 20px;
}
.productS{    width: 100%;
    line-height: 40px;
    height: 40px;
    background: #2390d0;
    color: #fff;
    padding: 0 15px;}
.feedback .layui-input-block{margin-left:0;padding:10px 15px;}
.protsny{position: relative;}
.protsny .protsnydt{position: relative;width: 400px;height: 350px;}
.protsny .protsnydt li{position: absolute;display: none}
.protsny .protsnydt li span  {width: 400px;height: 350px;text-align: center;vertical-align: middle;display: table-cell;border: 1px solid #dddddd;padding: 10px;box-sizing: border-box;overflow: hidden;}
.protsny .protsnydt li span img{width: 100%;height: 100%; transition: 1s;display:block;}
.protsny .protsnydt li p{padding: 0 15px; font-size: 16px;color: #4f4f4f;text-align: center;}
.protsny .protsnytxt{float: right}
.protsnytxt{text-align: center}
.protsnytxt h3{font-size: 24px;color: #005aae;padding-bottom: 25px;text-align:left;}
.protsnytxt pre{font-size: 14px;color: #939393;line-height: 28px; text-align:left;}
.protsnyxt .active span{border: 1px solid #073190;}
.protsnyxt{padding: 10px 50px 50px 0}
 .protsnyxt li span  {width: 58px;height: 58px;text-align: center;vertical-align: middle;display: table-cell;border: 1px solid #dddddd;padding: 10px;box-sizing: border-box;overflow: hidden;}
 .protsnyxt li {display: block;text-align: center;cursor:pointer;}
 .protsnyxt li span img{width: 100%;height: 100%; transition: 1s;display:block;}
 .protsnyxia { margin-top:30px;}
.protsnyxia .protsnyll{width: 160px;font-size: 18px; height: 50px;line-height: 50px;text-align: center;background: #339999;color: #fff}
.protsnyxia .xian{width: 100%;height: 1px;background: #ccc}
.protsnyxia .xiawu{line-height: 30px;padding: 30px 0 1px 0}


.honortits {background:#dbdada;width:100%;height:46px;margin-top: 30px; }
.honortits p{width:20%;background:#006ad1;height: auto; display: block;line-height: 46px;color:#fff;padding-left: 20px;}




.banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next{
	background: none;
    font-weight: bold;
    font-size: 60px;
    color: #fff;
    font-family: "宋体";
    height: 80px;
    margin-top: -40px;
    width: 40px;
    display: none;
	font-weight: bold;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:20px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:10px;}

.index_4 {
    width: 100%;
    height: 100%;
    overflow: hidden;
	margin-bottom:110px;
}
.index_4 .aboutTitBox{margin-top:70px;position:relative;}
.index_4 .aboutTitBox h3{width:100%;font-size:40px;color:#2e2e2e;padding: 10px 30px;font-weight:bold;}
.index_4 .aboutTitBox h3 .xlz{color:#009945;}
.index_4 .aboutDesBox p{font-size:20px;color:#fff;line-height:35px;text-align:center;}
.index_4 .aboutTitBox .shu{position:absolute;left:0;top:10px;}
.index_4 .aboutDesBox .mores {
       display: block;
    width: 14%;
    background: #bda87d;
    color: #fff;
    text-align: center;
    line-height: 50px;
    margin: 50px auto;
    border-radius: 12px;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#0998ce,endColorStr=#25c8c8);    /*IE*/
	background: -webkit-gradient(linear, 0% 0%, 70% 0%, from(#0998ce), to(#25c8c8));
	background:-moz-linear-gradient(top,#0998ce,#25c8c8);/*火狐*/
}

.index-about-date{overflow: hidden;position: relative;margin-top:35px;}
.index-about-date .item-4 {padding: 3% 0;overflow: hidden;position: relative;float:left;width:25%;}
.index-about-date .item-4 .tbBox{float:left;margin-right:20px;margin-top: 15px;}
.index-about-date .title-1 *{display: inline-block;vertical-align: top;color:#009945;}
.index-about-date .title-1 sup{display: inline-block;vertical-align: top;margin: 15px 0 0 0;font-weight:bold;}
.index-about-date .text-2{padding: 3% 0 0 0;overflow: hidden;}
.index-about-date .line-3{
	background: #ddd9d9;
    width: 1%;
    height: 50px;
    top: 50px;
    left: 78%;
    position: absolute;
}
.index-about-date .left20{left:87% !important;}
.index-about-date .line-3 .b100 {width: 100%;}
.index-about-date .line-3 .b80 {width: 80%;}
.index-about-date .line-3 .b70 {width: 70%;}
.index-about-date .line-3 .b40 {width: 40%;}
.index-about-bottom .index-about-top-left {position: absolute;bottom: 0;}

.headertop{background: #009945;position: fixed;height: 40px;top: 0;width: 100%;z-index:999;}
.headertop p{line-height: 40px;color: #ffffff;font-size:15px;}
.headertop p .tels{margin-right:8px;}
.headertop p  img{width:5%}
.header {width:100%;position:fixed;top:40px;left:0;z-index:999;height:100px; background:#fff;}
/* .header .left {width:12%}
*/.header .left a img {height:70px;margin-top:10px}
.header .left .img2 {display:none}
.header .nav {-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;height:100%;line-height:100px;display:block;float:right;}
.header .navbar_nav li {float:left;position:relative;display:block}
.header .navbar_nav li:after {    position: absolute;  content: ''; left: 0; bottom: 0;  width: 100%; height: 2px;  background: #009945;  transform: scale(0,1);  -webkit-transform: scale(0,1);  transition: all .6s; -webkit-transition: all .6s;}
.header .logocen{margin-top:0.15rem;float: left;}
.header .logocen img{display: block ;transition: 0.6s; margin: auto;}
.header .navbar_nav li  a {text-decoration:none;height:100%; padding:0 18px;display:block;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;color:#333;font-size:16px;font-weight: bold;}
.header .navbar_nav li:hover:after {    -webkit-transform: scale(1);   transform: scale(1); }
.header .navbar_nav li:hover::before {display: block;}
.header .navbar_nav li.active:before {display: block;}
.header .navbar_nav li.hdcen:hover .dropdss{display: block;}
.dropdss{position:absolute; left: 155px;top: 0;display: none;}
.dropdss a{display: block;width: 150px;margin-bottom: 0!important ;padding: 10px 0!important;}
.header .navbar_nav li:hover   a {color:#009945!important ; }
.header .navbar_nav li.active:after { -webkit-transform: scale(1);   transform: scale(1); }
.header .navbar_nav li.active  a {color:#009945!important ; }
.header .navbar_nav li.dropdown {display:inherit;position:relative}
.header .navbar_nav li.dropdown .jt {width:20px;height:20px;background:url(http://www.hinnobio.com/Cn/views/default/images/) no-repeat;background-size:100% 100%;display:block}
.header .navbar_nav li.dropdown .dropdown_menu {display:none;position:absolute;top:100px;width:100%;background:#fff;box-shadow:0 15px 27px 0 rgba(167,165,165,.38);width:120%;left:-10%}
.header .navbar_nav li.dropdown .dropdown_menu a {font-size:14px;color:#666;padding:14px 10px;line-height: initial;text-align:center;background:#fff;margin-bottom:2px}
.header .navbar_nav li.dropdown:hover .dropdown_menu {display:block;background:#f3f3f3;  -webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}
.header .navbar_nav li.dropdown:hover .dropdown_menu a {color:#666!important}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover {color:#fff!important;background:#009945}
.hdtel{padding-left: 30px;}
.hdtel img{padding-top: 30px;}
#navToggle {display:none}
.m_nav {position:fixed;top:0;box-shadow:0 15px 27px 0 rgba(167,165,165,.38);width:100%;height:100%;background:#fff;transition:all ease .5s;-webkit-transition:all ease .5s;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;top:0;transform:translateX(100%)}
.m_nav.open {transform:translateX(0)}
.m_nav .top {height:60px;padding:20px;box-sizing:border-box}
.m_nav .top .closed {width:30px;height:30px;vertical-align:middle;float:right;cursor:pointer}
.m_nav .logo {width:100%;margin:0 auto}
.m_nav .logo img {height:60px;display:block;margin:30px auto}
.m_nav .ul {margin-top:30px}
.m_nav .ul li {padding:0 20px; transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;opacity:0}
.m_nav.open .ul li {opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.m_nav .ul li:nth-child(1) {-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;transition:all .2s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(2) {-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0ms;transition:all .4s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(3) {-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(4) {-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0ms;transition:all .8s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(5) {-webkit-transition:all 1s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(6) {-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li a {display:block;text-decoration:none;color:#333;font-size:16px;height:50px;line-height:50px;width:100%}
.m_nav .ul li .dropdown_menu {display:none}
.m_nav .ul li.dropdown.active .dropdown_menu {display:block}
.m_nav .ul li .dropdown_menu a {display:block;height:50px;line-height:50px;padding:0 40px;box-sizing:border-box;border-bottom:1px solid #f5f5f5}
.m_nav .ul li .dropdown_menu a:last-child {border:none}
.navTN{
	position: absolute;
    width: 100%;
    color: #fff;
    top: 55%;
	}

.ins_top .instop { margin: 60px 0;}
 
.ins_top .instopfr h3 {font-size:32px;color:#1c74b2;font-weight:bold;}
.ins_top .instopfr h4 {font-size:22px;font-weight:bold;padding:20px 0;color:#333333;}
.ins_top .instopfr h5 {font-size:16px;font-weight:bold;padding:10px 0;color:#333333;}
.ins_top .instopfr p {font-size:16px;line-height:28px;color:#333333; }
.ins_top  li a{}
.ins_top li:nth-child(2n) .instopfl {float: right!important;}

.culB{background:#f9f9f9;}
.culB ul li{padding:1px 0;}
.left25{padding-left:25px;}


@media screen and (max-width:1336px) {.header .left a img {height:55px;margin-top:25px;}
.header .navbar_nav li a {padding:0 13px;}
}
@media screen and (max-width:1024px) {.header .left a img {height:45px;}
}
@media screen and (max-width:992px) {.header .left a img {margin-top:5px;}
.header .logocen{width: 15%;}
.header {padding:0 10px}
.header{height: 60px;}
.header #navToggle {height:100%;padding:9px 15px;margin-right:-15px;display:inline-block;float:right}
.header #navToggle span {position:relative;width:30px;height:2px;margin-top:19px}
.header #navToggle span:before,.header #navToggle span:after {content:'';position:relative;width:100%;height:2px;left:0}
.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after {-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;display:block;background:#009945}
.header #navToggle span:before {top:8px}
.header #navToggle span:after {bottom:10px}
.header #navToggle.open span:before {top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg)}
.header #navToggle.open span:after {bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
.header #navToggle.open span {background:0 0}
.header #navToggle.open span:before,.header #navToggle.open span:after {background:#4f4f4f}
.header .nav {display:none}

}


.slipe-box .bannar {width:100%;position:relative;margin-top: 135px;}
.slipe-box .bannar .swiper-slide img {width:100%}
.slipe-box .bannar .slipe-left,.slipe-box .bannar .slipe-right {position:absolute;top:50%; width:50px;height:50px;margin-top:-25px;z-index:8;background:rgba(255, 255, 255, 0.6); border-radius:50%;text-align:center;display:none;cursor:pointer}
.slipe-box .bannar .slipe-left:hover,.slipe-box .bannar .slipe-right:hover {display:block;background: rgba(255, 255, 255, 0.8);}
.slipe-box .bannar .slipe-left img,.slipe-box .bannar .slipe-right img {margin-top:16px}


.slipe-box .bannar .slipe-left {left:50px}
.slipe-box .bannar .slipe-left img {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.slipe-box .bannar .slipe-right {right:50px}
.slipe-box .bannar .arowshow {display:block}
.slipe-box .swiper-pagination {text-align:center;position:absolute;bottom:64px!important;left:50%!important;z-index:10;width:auto!important;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.slipe-box .swiper-pagination div {cursor:pointer;width:50px;height:7px;float:left;opacity:1;border-radius:0;margin:0 5px;background:rgba(255,255,255,1);position:relative;overflow:hidden}
.slipe-box .swiper-pagination div p {position:absolute;top:0;left:-50px;width:50px;height:7px;background:#c4013b;float:left}
.slipe-box .swiper-pagination div .login {-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px);-webkit-transition:-webkit-transform 5s linear;transition:transform 5s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}


/* 首页产品 */

.index_2 .ProductTit .shuBox{margin-right: 25px;margin-top: 2px;float:left;}

.index_2 .ProductTit .titBox{
	width: 100%;
    font-size: 40px;
    color: #fff;
    padding: 90px 0 50px;
    font-weight: bold;
}
.index_2 .proDesBox{width:55%;}
.index_2 .proDesBox p{color:#fff;}
.index_2 .proDesBox  span{color:#fff;}
.index_2 .proDesBox .mores {
    display: block;
    width: 30%;
    background: #fff;
    color: #009945;
    text-align: center;
    line-height: 50px;
	font-size:18px;
    font-weight:bold;
	margin-top: 80px;
}
.index_2 .ProductTit .jianBox_1{margin-left:12px;}
.index_2 .proDesBox .desBox {
   
}

.index_5 .newstit h3{
    text-align: center;font-size:40px;font-weight:bold;color:#000000;
}
.news  {padding-top: 40px}
.service  {background: #e1e8ec; padding: 40px 0;}
.news .serpic{overflow:hidden;}
.news .swiper-slide:hover .xian{width: 100%;}
.news .swiper-slide .serpic img {
    transition: 1s;
}
.news .swiper-slide .sertxt .more{padding:15px 0;}
.news  .swiper-slide .serpic:hover  img{transform: scale(1.2);}
.news .sertxt{background: #fff;padding: 25px 10px;background: #f6f3ec;}
.news .sertxt p{color: #333333;font-size: 20px;padding: 0 12px 15px;font-weight:bold;line-height: 32px;height:68px;}
.news .sertxt h6{color: #333333;font-size: 15px;line-height:28px;height:80px;padding: 0 12px 15px;}
.news .sertxt .mores{
display: block;
    border-radius: 12px;
    background: #009945;
    color: #fff;
    text-align: center;
    line-height: 38px;
    font-size: 18px;
    padding: 5px 0;
    font-weight: bold;
    margin-top: 35px;
    width: 45%;
	margin-left: 10px;
	}
.news .swiper-slide:hover .sertxt p{}
.news .swiper-slide a{display: block;}
.news .swiper-slide:hover a{}

.news  .swiper-button-prev{background-image: none;outline:none;cursor: pointer;left: -6%;top: 57%;}
.news  .swiper-button-prev i{font-size: 50px;color: #a0a0a0; }
.news  .swiper-button-next{background-image: none;outline:none;cursor: pointer;right: -4%;top: 57%;}
.news  .swiper-button-next i{font-size: 50px;color: #a0a0a0; }
.news  .swiper-pagination-bullet{margin: 0 3px;width: 8px;height: 8px; margin-top: 20px; }
.news  .swiper-pagination{position: relative;display: none;}
.news  .swiper-pagination-bullet-active{background: #a0a0a0;}
.index_1 .ProductTit{margin-bottom: 35px;}
.index_1 .productList{margin-top: 15px;}
.index_1 { margin:50px 0;}
.newstit .xians{text-align: center; padding: 10px 0;}

 
.productList{overflow: hidden;}
 .productList li::after{display: block;content: "";clear: both;}
 .productList li{margin-bottom: 10px;}
 .productList li a{display: block;overflow: hidden;border-bottom: 1px solid #dcdcdc;}
  .productList li .titR::after{position: absolute;left: 0 ;top: 35px;width: 1px;height: 60%;background: #ccc;display: block;clear: both;content: "";}
 .productList li .ntimetxt { padding: 45px 5px 10px 20px; }
  .productList li .titR{float: left;width:15%;position: relative;}
 .productList li .ntxt{float: left;width:85%;padding: 20px;}
 .productList li .ntxt h3{font-size: 19px;font-weight: bold; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
 .productList li .ntxt p{font-size: 14px;padding-top: 10px; line-height: 26px;text-align:left;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
 .productList li .nimg img{transition: 1s;width: 100%;}
 .productList li:hover .ntxt h3{color: #026ce3;}
 .productList li:hover .nimg img{transform: scale(1.2);}
 .productList .mores{width: 100%; display:inline-block; transition:1s; border-bottom:1px solid #ccc; position:relative;   font-size: 16px;top: -12px;}
 .productList .mores:hover{ color: #026ce3; }
 .productList .mores:before{ content:""; width:100%; height:1px; background:#026ce3; position:absolute; left:0; bottom:-1px; transform-origin:100%; 
 -webkit-transform-origin:100%; -webkit-transition:-webkit-transform 1.2s cubic-bezier(.4,0,.2,1); transition:-webkit-transform 1.32s cubic-bezier(.4,0,.2,1); transition:transform 1.6s cubic-bezier(.4,0,.2,1); transition:transform 1.2s cubic-bezier(.4,0,.2,1),-webkit-transform 1.2s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); 
 
 }
 .productList li:hover .mores:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
 
 
 /* 中间广告位 */
 .index_2 {width: 100%;height: 118px;background: url(../image/bgBox.jpg) no-repeat;background-size: cover; z-index: 100; overflow: hidden;}
 .ggwBox{margin-top:40px;position:relative;}
 .ggwBox .boxL{color:#fff;font-size:26px;}
 
 .ggwBox .boxR{background: url(../image/ab2.jpg) no-repeat;height: 449px;z-index: 100; overflow: hidden;position:relative;z-index:4}
  .ggwBox .boxR .desBox{color:#fff;padding:15% 10% 0 8%;line-height:34px;font-size:16px;}
  .ggwBox .boxR .rightBox{position:absolute;bottom:10%;left:8%}
.in1_top{height: 45px;background: #1473a8; }
.intopfr{ overflow: hidden;float: right;  line-height: 45px;padding-right: 3%; }
.intopfl{float: left;}
.index_1  .in1_fl{width: 38%;float: left;}
.index_1  .in1_fr{width: 62%;float: left;padding :0 25px;}
.aboutpicBox{position:relative;}
.fBox{width: 32%;position: absolute;right: 4%;top: -157px;z-index: 33;}
.index_1  .in1_fl p{padding: 10px 20px; font-size: 15px;font-weight: bold;background: #e0e0e0;  }
.in1_frtop h2{font-size: 18px;font-weight: bold;padding-top: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.in1_frtop p{font-size: 14px; color: #666;line-height: 24px;padding-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.in_1br {float: left;width: 72%; background: #fff;}
.in_1bl{width: 28%;float: left;padding-left: 20px; }
.inab1{padding-top: 10px;}
.inab1 .ili{margin-bottom: 15px;}
.inab1 .ili a{color: #666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;}
.inab1 .ili a:hover{color: #2177a5;}
.inab1 .ili img{margin-top: -3px;padding-right: 15px;}
.hidden { display: none !important; }

.index_2{background: url(../image/proBg.jpg) no-repeat;height:800px;}

.in1_tops{height: 45px;background: #1473a8; padding: 0  20px;}
.in1_tops .intpfr{ overflow: hidden;float: right;  line-height: 45px;  }
.in1_tops .intpfl{float: left;  color: #fff;line-height: 45px;}
.in1_tops .intpfl span{padding-left: 5px;font-size: 18px; font-weight: bold; }
.in1_tops .intpfl img{margin-top: -5px; }

.notice {background: #fff;padding : 25px 20px;}
.notice li {margin-bottom: 7px;}
.notice li a{overflow: hidden;display: block;}
.notice .notfl{float: left;}
.notice .notfr{float: left;padding-top: 15px;padding-left: 10px;font-size: 15px;}
.notice .notttxt1{width: 55px;line-height: 26px;background: #8ec8df;color: #fff;text-align: center;font-size: 16px;font-weight: bold;}
.notice .notttxt2{width: 55px;line-height: 26px;border: 1px solid #8ec8df; color: #333;text-align: center;}



.index_2 .in_dy1{width: 36%;float: left;padding-right: 10px;}
.index_2 .in_dy2{width: 36%;float: left;padding-left: 10px;}
.index_2 .in_dy3{width: 28%;float: left; padding-left: 20px;}
.in1_topdy{height:60px;background: #fff; padding: 0  20px;border-top: 2px solid #1b75a7;}
.in1_topdy .intpfr{ overflow: hidden;float: right;  line-height:60px;  }
.in1_topdy .intpfl{float: left;  color: #333;line-height:60px;}
.in1_topdy .intpfl span{padding-left: 5px;font-size: 18px; font-weight: bold; }
.in1_topdy .intpfl img{margin-top: -5px; }
.scre{background: #fff;overflow: hidden;padding: 25px  20px;width: 100%;}
.scre li{margin-bottom: 11px;}
.scre li a{display: block;overflow: hidden;}

.scre .srfl{width: 80%;float: left;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}
.scre .srfr{width: 20%;float: left;}



.subNavBox{width:100%;  background: #fff;}
.subNav{margin-bottom: 2px; background: #e0e0e0; cursor:pointer;font-weight:bold;font-size:15px;color:#333;line-height:41px;padding-left:20px; }
.subNav:hover{color:#fff;background: #1b75a7;}
.subNav:last-child{border-bottom-color: e0e0e0;}
.currentDd{color:#fff;background: #1b75a7;}
.subNavBox .navContent  img{width: 100%;}
.navContent{display: none;border-bottom:solid 1px #e5e3da;}

.in_3fl{width: 50%;float: left;}
.in_3fr{width: 50%;float: left;}

.in_3fl ul {overflow: hidden;background: #fff;}
.in_3fl  li{float: left;width: 50%; padding-right:4px;}
.in_3fl  li a{display: block;}
.in_3fr li {overflow: hidden;}
.in_3fr li:nth-child(1){background: #0045a0;margin-bottom: 4px;}
.in_3fr li:nth-child(2){background: #be3938;margin-top: 4px;}

.in_3fr li .in_3dsl{float: left;width: 50%;}
.in_3fr li a{display: block;}
.in_3fr li .in_3dsr{float: left;width: 50%;padding:0 7%;}
.in_3fr li .in_3dsr h3{font-size: 24px;font-weight: bold;color: #fff;padding-top: 16%;}
.in_3fr li .in_3dsr i{display: block;width:45px;height: 1px;background: #fff;margin : 7% 0;}
.in_3fr li .in_3dsr p{font-size: 14px;color: #fff;line-height: 24px;}


/* footer{background: url(../image/ftbg.jpg)no-repeat center;padding: 37px 0 15px 0;}
footer p{font-size: 14px;line-height: 24px;color: #fff;}
footer .ftfr {width:170px;padding-top:13px; }
footer .ftfr .link {position:relative;height:32px;}
footer .ftfr .link span {display:block;line-height:32px;color:#fff;text-indent:30px;border: 1px solid #6987ae; cursor:pointer;background:  url(http://www.hinnobio.com/Cn/views/default/images/jtx.png ) 140px center no-repeat;transition:background ease .5s;}
footer .ftfr .link:hover span {background-color:#2f82f0;background-image:url(http://www.hinnobio.com/Cn/views/default/images/jtx1.png);color:#fff;}
footer .ftfr .link div {position:absolute;display:none;left:0;bottom:30px;right:0;padding:6px 15px 0;background:#2f82f0;}
footer .ftfr .link a {display:block;line-height:2;color:#fff;border-bottom: 1px solid #fff;  overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
footer .ftfr .link a:hover{color: #72abf5;}
footer .ftcon{padding-top: 10px;}
footer .ftimg{padding-left: 20px;} */


footer{background: url(../image/footBoxBg.jpg) no-repeat center;height: 335px;padding: 2.5% 0;position:relative;}
footer .foontBox{text-align: center;}
footer .contactBox{padding: 0px 30px;width: 35%;}
footer .contactBox h2{font-size:16px;color:#fff;padding: 20px 0 10px 0;}
footer .contactBox p{color:#999999;font-size:14px;line-height:28px;}
footer .logoBox{width:14%;}
footer .navFooter{padding:0 15px;}
footer  .fxian{background:#fff;height:1px;width:95%;text-align:center;filter:alpha(Opacity=80);-moz-opacity:0.3;opacity: 0.3;margin:20px auto;}
footer .navFooter ul{
	    width: 70%;
        margin: 0 auto;
}
footer .navFooter ul li{float:left;width: 16.333333%;text-align: center;padding: 5px 0 0px 0;}
footer .navFooter ul li a{color:#fff;font-size:16px;font-weight:bold;}

footer .infoBox{
	width: 60%;
    margin: 0 auto;
	margin: 25px auto;
}
footer .infoBox p{
	width: 33%;
    float: left;
    text-align: center;
	color:#fff;
	font-size:16px;
}
footer .infoBox p img{margin-right:5px;}
footer .fotBox_2{   
    padding: 40px 0;
    text-align: center;
    color: #fff;}
.footerbott{padding-top: 45px;}
.footerbot{background: #232323;}
.footerbot p{
	padding: 15px 0;
    color: #858585;
    font-size: 14px;
    line-height: 32px;
    text-align: center;}
.footerbot p a{color: #fff;font-size: 14px;}

.nybanner{padding-top: 135px;position:relative;}
.fafltit{background: url(../image/lm1.png) no-repeat center;padding: 28px 0;}
.fafltit h3{font-size: 30px; color: #fff;padding-left: 30px;}
.fafltit p{font-size: 16px;  color: #fff;padding-left: 30px;padding-top: 5px;}

.fangan{padding-top: 40px;}
.fafllb {border: 1px solid #ccc;border-bottom: none;border-top: none; margin-bottom: 40px}
.fafllb li a{display: block; width: 100%;line-height: 55px;color: #333; height:55px;}
.fafllb li{border-bottom: 1px solid #ccc}
.fafllb li::after{content: "";clear: both;}
.fafllb li p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding-left: 30px;font-weight: bold;font-size: 15px;}
.fafllb li .active{color: #fff;background: #1ba3d4;}
.fafllb li .active2{opacity: 1;}
.fafllb li:hover {background: #f9f9f9;background: #1c74b2;}
.fafllb li:hover p{color: #fff;}
.fanganfl {padding-right: 50px;}
.fafllb li:hover em{color: #fff}
.fanganfr{padding-left:5px;padding-bottom:60px;}
.fafllb li img{padding-right: 20px;margin-top: -4px;}
.fanganfr .fafllb i{display: block;height: 1px;background: #ccc;margin-top: 10px} 
.fanfrtit span{ padding-right: 10px;  }
.fanfrtit span img{padding-right: 5px;margin-top: -5px;}
.fanfrtit .avt{color: #fff;}
.fanfrtit{text-align: center;}

.fanfg{background: #fff; }
.fanfg::after{display: block;clear: both;content: "";}

/* 产品 */
.products li .ywimg{
	 height: 0;
    padding-bottom: 72%;
    overflow: hidden;
    border: 1px solid #dddddd;
 }
 .products li .ywimg img{transition: 1s;width: 100%;}
 .products li:hover   img{transform: scale(1.1);}
 .products li p{font-size: 14px ;color: #333;padding-top: 15px;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

 .products li:hover p{color: #125fc5;}
.fanfrtit .titBox_2 {
    color: #fff;
    font-size: 15px;
	padding:10px 0;
}
.fanfrtit .titBox_1{font-size:36px;font-weight:bold;color:#fff;}

/* 子页导航 */
.page-nav {text-align: center;padding: 2.5% 0;overflow: hidden;}
.page-nav a{display: inline-block;vertical-align: middle;color: #232323;;padding-bottom: 10px;position: relative;margin: 0 30px;font-size:18px;}
.page-nav a::after{content: '';width:0;height: 4px;position: absolute;left: 0;bottom: 0;background: #009945;transition:all .4s ease;}
.page-nav a.cur,.page-news-nav a:hover {color: #009945;}
.page-nav a.cur::after {width: 100%;}


.nei_about .dsz_con .dszfl{padding-right:35px;}
.dsz_con{padding:40px 0;}
.abxian{padding:15px 0;}
.abcon{margin-top:20px;}
.tit1{color:#009945;}

 /* 资质 */
   .zizhiny {padding: 20px 0 40px;}
   .zizhiny  span{width: 350px;height:210px;text-align: center;vertical-align: middle;display: table-cell;border: 1px solid #dddddd;padding: 10px;}
   .zizhiny  span img{height: 90%;width: 80%; } 
   .zizhiny  li{display: block;text-align: center;margin-bottom: 20px;}
   .zizhiny  li p{padding: 20px;text-align: center; color: #646464;font-size: 14px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
   .zizhiny  li:hover p{color: #0068b7;}
   /* 页码 */
	.in-page{color:#888;margin-top: 30px;text-align: center;}
	.in-page span{padding:0 15px;border:1px solid #e8e8e8}
	.in-page a{height:35px;line-height:35px;padding:8px 12px;border:1px solid #e8e8e8;border-radius:3px;margin-left:4px}
	.in-page a.cur,.in-page a:hover{border-color:#0068b7;background:#0068b7;color:#fff}
 .proBox{padding-top:84px;}
 .activityBox{padding-top:10px;}
 .yewu li a{display: block;}
 .yewu li .ywimg{width: 100%;height: 0;padding-bottom: 62%;overflow: hidden; }
 .yewu li .ywimg img{transition: 1s;width: 100%;}
 .yewu li:hover   img{transform: scale(1.2);}
 .yewu li p{font-size: 14px ;color: #fff;padding-top: 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
 .yewu li:hover p{color: #fff;}
 .yewu .sertxt{
	position: relative;
    padding: 0 20px;
    left: 0;
    bottom: 0;
    padding-top: 0px;
    margin-top: -46px;
    width: 100%;
    height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #3dae5a;
    filter: alpha(Opacity=80);
    -moz-opacity: 0.9;
    opacity: 0.9;
	text-align: center;
}
 .jobBox{padding:84px 0;}
 .jobList{width:100%;border:1px solid #009945;padding: 42px 42px;margin-top: 25px;}
 .jobList:first-child{margin-top: 0px;}
 .jobList h3{font-size:18px;font-weight:bold;}
 .jobList h3 span{color:#666666;font-size:13px;margin-left:5px;font-weight: normal;}
 .jobList .jobDes{padding:15px 0;font-size:16px;float:left;width:70%;line-height:30px;}
 .jobList .mores{
    display: block;
    border-radius: 30px;
    background: #009945;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    padding: 5px 0;
    /* margin-top: 35px; */
    width: 13%;
    float: right;
    margin-left: 10px;
 }
/* 新闻列表 */
.newsList  {padding: 5px 0 50px}
.service  {background: #e1e8ec; padding: 40px 0;}
.newsList .serpic{overflow:hidden;}
.newsList .swiper-slide:hover .xian{width: 100%;}
.newsList .swiper-slide .serpic img {
    transition: 1s;
}
.newsList .swiper-slide .sertxt .more{padding:15px 0;}
.newsList  .swiper-slide .serpic:hover  img{transform: scale(1.2);}
.newsList .sertxt{background: #fff;padding: 25px 10px;background: #f6f3ec;}
.newsList .sertxt p{color: #333333;font-size: 20px;padding: 0 12px 15px;font-weight:bold;line-height: 32px;height:68px;}
.newsList .sertxt h6{color: #333333;font-size: 15px;line-height:28px;height:80px;padding: 0 12px 15px;}
.newsList .sertxt .mores{
display: block;
    border-radius: 8px;
    background: #009945;
    color: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 18px;
    padding: 5px 0;
    margin-top: 35px;
    width: 42%;
    margin-left: 10px;
	}
.newsList .swiper-slide:hover .sertxt p{}
.newsList .swiper-slide a{display: block;}
.newsList .swiper-slide:hover a{}

.newsList  .swiper-button-prev{background-image: none;outline:none;cursor: pointer;left: -6%;top: 57%;}
.newsList  .swiper-button-prev i{font-size: 50px;color: #a0a0a0; }
.newsList  .swiper-button-next{background-image: none;outline:none;cursor: pointer;right: -4%;top: 57%;}
.newsList  .swiper-button-next i{font-size: 50px;color: #a0a0a0; }
.newsList  .swiper-pagination-bullet{margin: 0 3px;width: 8px;height: 8px; margin-top: 20px; }
.newsList  .swiper-pagination{position: relative;display: none;}
.newsList  .swiper-pagination-bullet-active{background: #a0a0a0;}
.newsList .newslistBox{float:left;width:33.3333333%}
.bannar  .swiper-pagination-bullet-active{background: #e50013 !important;}
.bannar .swiper-pagination-bullet{opacity: 0.9;margin-left:8px;}
 .contactBox{padding:1rem 0;}
 .ditu{background:#009945;}
 .ditu .ditufr{padding: 0.8rem 0 0 0.4rem;}
 .ditu .ditufr h3{padding: 15px 0 20px 0;color:#fff;font-size: 24px;font-weight: bold;}
 .ditu .ditufr p{color:#666666;font-size: 15px;line-height: 36px;color:#fff;}
 .ditu .ditufr span{display: block;padding-left: 60px;color:#fff;}
.aboutny{margin-bottom:0.6rem;}
/* 方案 */
.fangancon .fanganTit{margin-bottom: 40px;}
.fangancon .fanganTit h3{
    text-align: center;font-size:32px;font-weight:bold;
}
.servicebnList .swiper-slide .serpic img {transition: 1s;}
.servicebnList .swiper-slide .sertxt .more{padding:15px 0;}
.servicebnList .serpic {overflow: hidden;}
.servicebnList  .swiper-slide .serpic:hover  img{transform: scale(1.2);}
.servicebnList .sertxt{background: #fff;padding-top: 20px;}
.servicebnList .sertxt p{color: #333333;font-size: 20px;padding-bottom: 20px;font-weight:bold;}
.servicebnList .sertxt h6{color: #333333;font-size: 14px;line-height:28px;}
.servicebnList .swiper-slide:hover .sertxt p{}
.servicebnList .swiper-slide a{display: block;}
.servicebnList .swiper-slide:hover a{}

.servicebnList  .swiper-button-prev{background-image: none;outline:none;cursor: pointer;left: -4%;top: 53%;}
.servicebnList  .swiper-button-prev i{font-size: 50px;color: #5597c5; }
.servicebnList  .swiper-button-next{background-image: none;outline:none;cursor: pointer;right: -2%;top: 53%;}
.servicebnList  .swiper-button-next i{font-size: 50px;color: #5597c5; }
.servicebnList  .swiper-pagination-bullet{margin: 0 3px;width: 8px;height: 8px; margin-top: 20px; }
.servicebnList  .swiper-pagination{position: relative;display: none;}
.servicebnList  .swiper-pagination-bullet-active{background: #5597c5;}
.cfBox{padding: 2% 0 6% 0;}
.cfBox .instopfr{padding-top:5%;padding-left:2%;}
.cfBox .instopfr h3{font-size:32px;padding: 15px 0;font-weight:bold;}
.cfBox .instopfr h4{font-size:20px;padding: 15px 0;line-height:32px;}


/* 服务支持 */
.fwzcBox{ margin: 60px 0;}
.fwzc .instop { background: #f7f7f7;}
 .fwzc .instopfr{padding: 6% 3%;}
.fwzc .instopfr h3 {font-size:32px;color:#1c74b2;font-weight:bold;}
.fwzc .instopfr p {font-size:16px;line-height:28px;color:#333333; }
.fwzc  li a{}
.fwzc li:nth-child(2n) .instopfl {float: right!important;}
.fwzc .instop .fwtxt{margin-top:20px;}
.padding30{padding-top:8%;}




/* 联系 */
.jobBox .contactBox{width:100%;margin-left: 120px;}
 .n_contact h6{font-size: 26px;padding: 40px 0 10px 0;text-align: center;}
 .n_conttop {padding : 50px 0; overflow: hidden;}
 .n_conttop li h3{overflow: hidden;}
 .n_conttop li span{display: inline-block;font-size: 18px; color: #026ce3; float: left; padding-left: 10px;}
 .n_conttop li img{ float: left;}
 .n_conttop li p{line-height: 30px;padding-top: 15px; font-size: 15px;color: #666; }


.touzi li{padding-top: 30px;}
.touzi li a{display: block;}
.touzi li i{padding-top: 10px; border-bottom: 1px dashed #ccc;display: block;clear: both;content: "";}
.touzi .touzifl{float: left;font-size: 15px; padding-top: 8px;color: #666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.touzi .touzifr{float: right;text-align: right;}
.touzi img{margin-top: -3px;margin-right: 11px;}
.touzi li:hover .touzifl{color: #009945;}


.in-page {color:#888;margin-top:30px;}
.in-page span {padding:0 15px;border:1px solid #009945}
.in-page a {height:30px;line-height:30px;padding:5px 9px;border:1px solid #009945;border-radius:3px; }
.in-page a.cur,.in-page a:hover {border-color:#009945;background:#009945;color:#fff}
.curs{margin-right:4px;}

.nyabout h3{font-size: 26px;font-weight: bold;text-align: center;padding-bottom: 30px;}




.n_about{padding-right: 20px;}


.courseList li {padding: 15px 0;}
.courseList li .pic {float: left;width: 25%;overflow: hidden;}
.courseList li .cont {float: right; width: 75%;padding-left: 45px}
.courseList li .cont h3 { font-size: 16px; font-weight: 600; line-height: 34px;padding-top: 20px;}
.courseList li .cont h3  {color: #333333;}
.courseList li:hover h3 {color: #009945;}
.courseList li .cont p {color: #666; line-height: 30px;}
.courseList li img{transition: 1s;width: 100%;} 
.courseList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.newsList li {overflow: hidden; border: none;    -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList li .pic img {width: 100%}
.newsList li a{display: block;}
.newsList li .cont {-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList li .cont h3 {overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;margin-bottom: 10px; line-height: 28px; font-size: 20px; font-weight: bold;}
.newsList li .cont h3 a {color: #333333;}
.newsList li .cont h4 {margin-top: 12px; line-height: 24px; color: #adadad;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; font-size:15px;}
.newsList li .cont p {color: #333; line-height: 28px; font-size:14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.newsList li:hover h3 a {color: #2177a5;}
.newsList li .cont span{font-size: 14px; color: #666;padding: 10px 0;display:block}
.newsList li .cont h6{display: block; font-size: 14px; color: #666;padding-top: 15px;font-weight: bold;}
.newsList li:hover .cont h6{color: #2177a5;}
.newsList li .cont .more{background: url(http://www.hinnobio.com/Cn/views/default/images/jt1.png) center no-repeat;width: 35px;height: 30px;}
.newsList li:hover .more{background: url(http://www.hinnobio.com/Cn/views/default/images/jt2.png) center no-repeat;width: 35px;height: 30px;}
.courseList .clpic {  width: 100%;height: 0;padding-bottom: 69%; overflow: hidden;    }


.courseList .mores{width: 100%; display:inline-block; transition:1s; border-bottom:1px solid #fdfdfd; position:relative; margin-top: 10px; font-size: 16px; padding-bottom: 10px;}
.courseList .mores:hover{ color: #2177a5; }
.courseList .mores:before{ content:""; width:100%; height:1px; background:#2177a5; position:absolute; left:0; bottom:-1px; transform-origin:100%; 
-webkit-transform-origin:100%; -webkit-transition:-webkit-transform 1.5s cubic-bezier(.4,0,.2,1); transition:-webkit-transform 1.5s cubic-bezier(.4,0,.2,1); transition:transform 1.6s cubic-bezier(.4,0,.2,1); transition:transform 1.5s cubic-bezier(.4,0,.2,1),-webkit-transform 1.5s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); 

}
.courseList li:hover .mores:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}


.hzpar{background: url(../image/hz1.jpg)no-repeat center;margin-bottom: 40px;}
.hzcon {width: 52%;background: rgba(49, 163, 197, 0.8);color: #fff;padding: 55px 30px;line-height: 28px;text-indent: 2em;}



.dttxt h3{font-size: 30px;font-weight: bold;padding: 30px 0;}
.dttxt  p{line-height: 30px;font-size: 15px;color: #666;}

.xian{width: 97.5%;}


.talent  li  img{width: 100%;display: block}
.talent .pic{position: relative;}
.talent .mxzyceng{position: relative;left: 0; bottom: 0;padding-top: 12px;margin-top: -45px; width: 100%;height: 45px;background: rgba(0,0,0,0.4);text-align: center; color: #fff;font-size: 16px;}
.talent  .mxceng{overflow: hidden;}
.talent  li img{transition: 1s}
.talent  li:hover  img{transform: scale(1.2);}
.talenttit h3{font-size:28px;color: #333;font-weight: bold;}
.talenttit span{font-size: 20px;color: #2177a5;}
.talenttit{text-align: center;}



.rctxt{padding:60px 40px;background: #2177a5;margin-bottom: 30px;}










.honour{padding-bottom:90px;}
.honour .top{height:47px;width:100%; }
.honour .top .s1{display: block;width:6px;height:47px;background: url(../image/h1_03.jpg) no-repeat;float: left;}
.honour .top .s2{display: block;width:6px;height:47px;background: url(../image/h1_04.jpg) no-repeat;float: right;}
.honour .top-time{width:98.63%;background: url(../image/h1_05.jpg) repeat-x;height:45px;padding:1px 0px;float: left;position: relative;}
.honour .top-time-nr{overflow: hidden;width:830px;position: relative;z-index:55;margin-left:42px;background: url(../image/h1_12.jpg) no-repeat left center;}
.honour .top-time-nr ul{position: relative;left:0px;width:999px;}
.honour .top-time-nr ul li{width:139px;background: url(../image/h1_12.jpg) no-repeat right center;text-align: center;float: left;margin:0px;height:45px;line-height:45px;
cursor: pointer;}
.honour .top-time-nr ul li.on{background: url(../image/h1_10.jpg) no-repeat right center;color:#ff864e;}
.honour .top-time a{display: block;cursor:pointer;width:10px;height:23px;position: absolute;top:12px;z-index:99;}
.honour .top-time a.prev{left:10px;background: url(../image/h1_15.jpg) no-repeat;}
.honour .top-time a.next{right:10px;background: url(../image/h1_18.jpg) no-repeat;}


.honour-slide .trigger{padding:65px 0px 32px 0px;height:24px;line-height:24px;text-align: center;position: relative;font-size:22px;color:#000;}
.honour-slide .trigger p{display: none;}
.honour-slide .bd{background:#e6e6e6;position: relative;height:646px;}
.honour-slide .bd li{ text-align: center;padding-top: 5%;}
.honour-slide .hd{height:124px;background:#434343;width:100%;position: relative;}
.honour-slide .hd-nr{margin-left:30px;width:100%;overflow: hidden;height:124px;position: relative;}
.honour-slide .hd-nr ul{width:9999px;position: relative;top:20px;height:82px;}
.honour-slide .hd-nr ul li{float:left;width:143px;height:82px;margin:0px 10px;opacity:0.5;filter:alpha(opacity=50);position: relative;}
.honour-slide .hd-nr ul li b{display: none;width:143px;height:82px;background: url(../image/h_15.png) no-repeat;position: absolute;left:0px;top:0px;}
.honour-slide .hd-nr ul li.on{opacity:1;filter:alpha(opacity=100);}
.honour-slide .hd-nr ul li.on b{display: block;}
.honour-slide a.btn{display: block;width:25px;height:14px;cursor: pointer;position: absolute;z-index:99;bottom:55px;}
.honour-slide a.prev{background: url(../image/h_14.jpg) no-repeat;left:15px;}
.honour-slide a.next{background: url(../image/h_17.jpg) no-repeat;right:15px;}



.utils{overflow:hidden;}



.touzi2  {overflow: hidden;}
.touzi2 li::after{display: block;content: "";clear: both;border-bottom: 1px  dashed #ccc;padding-top: 10px; }
.touzi2   a {display:block;}
.touzi2 .touzifl {width: 75%; float:left;font-size:16px;padding-top:13px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.touzi2 .touzifr {width: 25%; float:right;text-align:right;color:#666;margin-top:14px;}
.touzi2 .touzifl:hover{color: #2177a5;}



.news_ny span{font-size: 15px;color: #666;}
.news_ny h3{font-size: 28px; padding-bottom: 30px;font-weight:bold;}
.nybot_ny a{display: block;padding: 10px 0;}





.down li{padding-top: 30px;}
.down li a{display: block;}
.down .touzifl{float: left;font-size: 14px; padding-top: 8px;color: #666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.down .touzifr{float: right;text-align: right;}
.down img{margin-top: -3px;margin-right: 6px;}
@media(max-width:1680px) {

}

@media(max-width:1650px) {

}

@media(max-width:1440px) {


}

@media(max-width:1366px) { 

}




@media(max-width:1200px) {
.scre .srfl{width: 70%;}
.scre .srfr{width: 30%;text-align: right;}
}

@media(max-width:1024px) {
.fanganfl {display: none!important;}
.fanfrtit{display: none!important;}
.xian{display: none!important;}
.main-nav-m{display:block!important;position:relative;z-index:10;cursor:pointer; }
.main-nav-m .title{position:relative;height:45px;line-height:45px;padding:0 10px;background:#1b75a7;}
.main-nav-m .title strong{color:#fff;font-size:16px;font-weight:700}
.main-nav-m .title i{position:absolute;content:'';width:45px;height:100%;right:0}
.main-nav-m .title i::after,.main-nav-m .title i::before{position:absolute;top:50%;content:'';width:12px;height:1px;background:#fff;transition:all .3s;-webkit-transition:all .3s}
.main-nav-m .title i::before{left:46%;transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m .title i::after{right:46%;transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::before{transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::after{transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m ul{display:none;position:absolute;top:45px;width:100%;padding:0 10px;background:rgba(61, 122, 192, 0.8);color:#fff}
.main-nav-m ul li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.main-nav-m ul li a{display:block;height:45px;line-height:45px;border-bottom:1px solid rgba(255,255,255,.55); color:#fff;}

.hzcon{width: 100%;padding: 20px ;}

}

@media(max-width:992px) {


}

@media(max-width:768px) {
/* 招聘列表 */
.jobBox {padding: 50px 0 80px;}
.jobList .mores{width: 54%;}
.jobList{ padding: 40px 20px;}
.jobList .jobDes{line-height:30px;}

.index_4 .aboutTitBox {
    margin-top: 30px;
}

.selects{display:block}
 body{background: #fff}
.in_1bl{width: 100%;padding-left: 0;padding-top: 20px;}
.in_1br{width: 100%;}
.index_2 .in_dy1{width: 100%;padding:10px  0;}
.index_2 .in_dy2{width: 100%;padding:10px  0;}
.index_2 .in_dy3{width: 100%;padding:10px  0;}
.in_3fl{width: 100%;}
.in_3fl img{width: 100%;}
.in_3fl li:last-child{padding-right: 0;padding-left: 4px;}
.in_3fr{width: 100%;padding-top: 5px;}
.in_3fr li .in_3dsl{width: 100%;}
.in_3fr li .in_3dsl img{width: 100%;}
.in_3fr li .in_3dsr{width: 100%;padding: 5%;}
.in_3fr li .in_3dsr h3{padding-top: 0;}
.slipe-box .bannar{margin-top: 95px;}

.index_1 .in1_fl img{width: 100%;}

.nybanner {  padding-top: 95px;  }
.n_about{padding: 30px 0;}
.ggwBox{margin-top: 25px;position:relative;}
.ggwBox .boxL{font-size:14px;}
.ggwBox .boxR img{width:10%;}
.ggwBox .boxR { font-size: 18px;margin-top: 15px;}
.servicebn .swiper-button-prev{left:4%;}
.servicebn .swiper-button-next{right:10%;}
.index_4 .aboutTitBox h3 {
	    font-size: 40px;
    padding: 10px 20px;
}
.index-about-date .line-3{display:none;}
.index-about-date .item-4{width:49%}
.font45 {
    font-size: 30px !important;
}
.fBox{width:100%;text-align: center;position: unset;}
.index_4 {
    margin-bottom: 40px;
}
.index_4 .aboutDesBox p {font-size: 14px;}
.index_4 .aboutDesBox .mores{width:40%;}
.ggwBox .boxR .desBox {
    padding: 25% 10% 0 8%;
}
.index_2 .proDesBox {
    width: 100%;
}
.index_2 .ProductTit .titBox{padding: 50px 0 25px;}
.index_2 .proDesBox .mores {
    width: 50%;
    line-height: 44px;
    font-size: 15px;
    margin-top: 28px;
}
footer .navFooter ul li{width: 49.333333%;}
.header .logocen{width:75%;}
.m_nav .logo img {
    height: 50px;
    margin: 10px auto;
}
footer .foontBox{margin:15px 0;}
footer .infoBox{display:none;}
.page-nav {padding: 0.8rem 0 0.5rem;}
.dsz_con .abTit{font-size: 24px;}
.dsz_con {
    padding: 20px 0;
}
.nei_about .dsz_con .dszfl{padding-right:0;}
.swiper-button-next, .swiper-button-prev {top: 58%; height: 25px;}
.honortits p{width:28%;}
.protsny .protsnydt{width:100%;}
.proBox { padding-top: 50px;}
.yewu .sertxt{margin-top: -30px;height: 30px;}
.yewu li p{padding-top:5px;}
.layui-col-xs6{width:100% !important;}
.ditu .ditufr {
    padding: 0.8rem 0 0.8rem 0.4rem;
}
}

@media(max-width:767px) {
.index_1 .in1_fl{width: 100%;}
.index_1 .in1_fr{width: 100%;}
.index_1{margin: 30px 0;}
footer{background: url(../image/ftbg.jpg)repeat center;padding: 10px;text-align: center;}

footer .ftcon{display: none;}
footer a{display: block;}
footer span{display: block;}
.slipe-box .swiper-pagination{bottom: 12px!important;}
.courseList li .cont{padding-left: 0;width: 100%;}
.courseList li .pic{width: 100%;}
.courseList li .pic img{width: 100%;}
.newsList li .cont h3{font-size: 20px;padding-top: 20px;margin-bottom: 3px;}
.newsList li .cont span{padding: 10px 0;}
.newsList li .cont h6{font-size: 14px;padding-top: 4px;}
.fanganfr{padding-left: 0;}
.rctxt{padding: 20px ;}
.honour .top-time{width: 96%;}
.honour-slide .bd{height: 300px;}
.honour-slide a.btn{bottom: 10px;}
.honour-slide .hd{height: 145px;}
.honour-slide .trigger{height: auto;}
.news_ny h3{font-size: 20px;}
.gb_resItms li{width: auto!important;}
.fanganfr{padding-bottom: 30px;}
}