@charset "utf-8";
/* CSS Document */

body { font-size: 14px; font-family:"微软雅黑"; color: #333; background: #fff;/*height:100%*/}
@font-face{font-family: "syR";src: url(../fonts/syr.ttf);}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;height:100%}
input, select, textarea { vertical-align: middle; outline:none; border:0; }
h1, h2, h3, h4, h5, h6{font-weight:normal;}
img { border: 0; vertical-align: middle; }
ul, li, ol, dl, dt {list-style: none;}
a { text-decoration: none; outline: none; color:#2b2b2b; }
/*a:hover{ color: #218bce;}*/
* { padding: 0; margin: 0; }
.fl { float: left; }
.fr { float: right; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.w1280 { width: 1280px; margin: 0 auto; }
.w1300{ width: 1300px; margin: 0 auto; }
.w1520{ width: 1520px; margin: 0 auto; }
.w730 { width: 730px; margin: 0 auto; }



/*head*/
header {background:#fff;width: 100%;padding: 8px 0;position:relative;top: 0;left: 0;box-shadow: 0 0 10px 2px rgba(0,0,0,0.2);z-index:9999}
header.zix {z-index: 9999;background: rgba(255,255,255,0.8);box-shadow: none}
/*header.on .logo {width: 300px;transition: 0.5s ease}
header.on .nav {margin-top: 30px;transition: 0.3s ease}*/
.logo{width:342px;background-repeat: no-repeat;transition: 0.5s ease}
.logo img {width: 100%;height: auto}
header .email{ margin-top:32px;}
.nav {margin:30px  0 0 45px;transition: 0.3s ease;}
.nav li{float: left;line-height:30px;font-size: 16px;position: relative}
.nav li>a {display: inline-block;width: 125px;height: 52px;text-align: center;line-height: 52px;overflow: hidden;font-size: 18px;}
.nav li>a:hover,.nav a.active {color: #fff;background: #00a42c;}
.nav li .sub {position: absolute;top: 72px;left: 0;background: #fff;display: none;width: 550px;z-index: 9999;width:100%;}
/*.nav li .sub.on {top:72px;opacity: 1;z-index:10;transition:top  0.5s}*/
.s-nav {width: 100%;padding:10px;box-sizing: border-box;float: left;}
.s-nav a{width:100%;line-height: 30px;padding: 10px 0;font-size: 16px;color: #333;display: inline-block;border-bottom: 1px solid #ddd;text-align: center}
.s-nav a:hover {color: #00a42c}
.sub .line {position: absolute;left: 195px;width: 1px;height: 100%;background: #ddd}
.sub .con {padding: 30px;float: right}
.sub .con .pic {width: 292px;height: 192px;overflow: hidden;}
.sub .con .pic img{width:292px;height: 192px;}
.ser-wrap {border: 1px solid #2b8bf0;border-radius: 42px;overflow: hidden;margin-top:35px;}
.ser-wrap .inpt{width: 240px;height: 42px;padding-left:15px;box-sizing: border-box;text-align: left;font-size: 16px;}
.ser-wrap .inpt::-webkit-input-placeholder {
    color: #999999;
    font-size: 16px;
    text-align: left;
}
.ser-wrap .sbtn{width:70px;height: 42px;background-image:url("../images/ser-btn_06.png") ;background-repeat: no-repeat;background-position: center;background-color: #2b8bf0}


.menu-handler { display:none; overflow: hidden; width:40px; height:35px; cursor: pointer; position: absolute; right:10px; top:12px; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.menu-handler .burger { width: 40px; height: 5px; background:#1472c4; display: block; position: absolute; z-index: 5; top:0px; left: 50%; margin: 0px 0px 0px -20px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; border-radius: 3px; }
.menu-handler .burger-2 { top:10px; }
.menu-handler .burger-3 { top:20px; }
.menu-handler.active .burger-1 { top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: -100%; }
.menu-handler.active .burger-3 { top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.menuBox{ position:fixed; left: 100%; top: 0px; background-color:#1472c4; height: 100%; width: 100%; z-index: 9998; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;  }
.openMneu{ left: 0;}
.menuBox a:link, .menuBox a:visited { color: #fff;}
.menuBox a:active,.menuBox a:hover { color: #fff;}
.navMobile{ padding:50px 0;}
.navMobile a{ padding: 15px 40px; font-size: 18px; display: block; position: relative;}
.navMobile p a{ display:block; padding-left:20px; border-bottom:1px solid #2f8cdd;}
.navMobile p a:before{ content:""; width:15px; height:15px; position:absolute; right:5%; top:50%; transform:translateY(-50%) scale(0); -webkit-transform:translateY(-50%) scale(0); -moz-transform:translateY(-50%) scale(0); background:url(../images/mnav_1.png) center no-repeat;  transition:0.4s; -webkit-transition:0.4s;}
.navMobile p a:hover,.navMobile p a.cur{ background-color:#2f8cdd; border-bottom:1px solid #4da0e8;}
.navMobile p a:hover:before,.navMobile p a.cur:before{ transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1); -moz-transform:translateY(-50%) scale(1);}
.navMobile .msubnav{ display: none;}
.msubnav{ background:#2f8cdd; display:none;}
.msubnav li{ width:50%; float:left; border-bottom:1px solid #4da0e8; box-sizing:border-box;}
.msubnav li a{ font-size: 16px; position:relative; display:block;}
.msubnav li a:before{ content:""; width:7px; height:12px; background:url(../images/mnav_2.png) center no-repeat; position:absolute; right:10%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transition:0.4s; -webkit-transition:0.4s;}
.msubnav li:nth-child(odd){ border-right:1px solid #4da0e8;}
.msubnav li a:hover{ color:#fff;}
.msubnav li a:hover:before{ right: 5%;}


/*banner*/
.banner{overflow: hidden;width: 100%;margin-top: 0px;position: relative;}
.banner .swiper-slide img{width:100%;height:auto;transition:1s linear 2s}
.banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{transition:16s linear;transform:scale(1.2,1.2)}
.banner .swiper-pagination{position: absolute;bottom:30px!important;left:0!important;text-align:center;z-index: 100 !important;}
.banner .swiper-pagination-bullet{display: inline-block;width:55px;height:4px;opacity:1;background:#fff;border-radius:0;z-index: 100 !important;}
.banner .swiper-pagination-bullet-active{background:#007cc3;height: 5px;}
/*banner end*/

.blue-line {width: 100%;height: 40px;background: #2b8bf0}
/*main*/
.main {width: 90%;margin: 0 auto}
.sec1 {margin-top: 17px;}
.main .ds-int {width:35%}
.main .ds-int .pic {width: 40%;float: left;overflow: hidden}
.main .ds-int .pic img{width:100%;height: auto;transition: 0.5s}
.main .ds-int .pic:hover img{width:100%;height: auto;transform: scale(1.1);transition: 0.5s}
.main .ds-int .text {width: 60%;box-sizing:border-box;padding: 0 25px;float: left;position: relative;text-align: left}
.ds-int .text .cn {font-size: 24px;color: #333;}
.ds-int .text .en {font-size:10px;color: #888888;}
.ds-int .text .con {line-height: 28px;color: #555;padding-top:10px;}
.ds-int .text .con p {font-size:18px !important;color: #555 !important;line-height:30px !important}
.ds-int .text .con span {font-size:18px !important;color: #555 !important; }
.ds-int .text .det {display: inline-block;width: 90px;height: 32px;text-align: center;line-height: 32px;background: #ff9600;color: #fff;position: absolute;top:0;right: 0}
.sec1 .honor {width: 60%}
.sec1 .honor .tit {height:40px;line-height: 40px;}
.honor .tit span {display: inline-block;background: #2b8bf0;padding: 0 20px;text-align: center;color: #fff;font-size: 24px;}
.honor .tit a {float: right;color: #2b8bf0}
.honor-pic {padding: 20px 0}
.honor-pic .pic-item {width: 30.3%;margin: 0 1.5%;float: left}
.honor-pic .pic-item .pic {width: 100%;height: auto;overflow: hidden}
.honor-pic .pic-item .pic img{width: 100%;height: auto;transition: 0.5s}
.honor-pic .pic-item .pic:hover img{transform: scale(1.1);transition: 0.5s}
.honor-pic .pic-item p {font-size: 16px;color: #333;width: 100%;text-overflow: ellipsis;white-space: nowrap;line-height: 45px;text-align: center}

.sec2 {margin-top: 40px;}
.sec2>.tit {height: 40px;background: #2b8bf0;width: 100%;line-height: 40px;}
.sec2>.tit span {display: inline-block;line-height:38px;background: #fff;color: #333;border: 1px solid #2b8bf0;box-sizing: border-box;font-size: 24px;padding: 0 20px}
.sec2>.tit a {color: #fff;float: right;margin-right: 20px;}
.sec2 .news-box {padding-top: 20px;}
.sec2 .pic-show {width:48%;overflow: hidden;position: relative}
.sec2 .pic-show .swiper-slide{width:100%}
.sec2 .pic-show a {display: inline-block;width: 100%;height: 100%}
.sec2 .pic-show .pic{width: 100%; height:443px; overflow: hidden}
.sec2 .pic-show .pic span{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition: 0.5s}
.sec2 .pic-show .pic:hover span{transform: scale(1.1); transition: 0.5s}
.sec2 .pic-show .text {width: 100%;box-sizing: border-box;padding: 0 30px;position: absolute;left: 0;bottom: 3px;background: rgba(72,61,54,0.6);z-index: 10;height: 60px;line-height: 60px;font-size: 18px;color: #fff;}
.sec2 .pic-show .text p{max-width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left}
.sec2 .pic-show .text p .date {font-size: 14px;opacity: 0.7;color: #fff;}
.pic-pagination {position: absolute;bottom: 20px !important;right: 20px;z-index: 10;left: auto !important;width: auto !important;}
.pic-pagination  .swiper-pagination-bullet {width: 12px;height: 12px;border-radius:50% !important;background: #9f9f9f;opacity: 1}
.pic-pagination  .swiper-pagination-bullet-active{width: 16px;height: 16px;background: #ff9600;position: relative;top: 2px;}

.sec2 .news-text {width: 48%}

.tabs {width: 100%}
.tabs a {display: inline-block;width: 140px;height: 46px;background:#b9b9b9;font-size: 16px;color: #fff;line-height: 46px;text-align: center;margin-right: 10px;float: left;margin-bottom: 5px;}
.tabs a.active {background:#00a42c;}
.news-text .news-wrap {width: 100%;overflow: hidden;padding-top: 30px;}
.news-text .swiper-warpper {position: static}
.news-text .swiper-slide {width: 100%}
.news-text .swiper-slide .first-news {width:100%;padding-bottom: 20px;border-bottom: 1px dashed #e5e5e5}
.first-news .tit {font-size: 20px;color: #333;line-height: 30px;overflow: hidden;width: 100%;text-overflow: ellipsis;white-space: nowrap}
.first-news .date {font-size: 14px;color: #888;line-height: 30px}
.first-news .con {font-size: 14px;color: #666;line-height: 24px;max-height: 48px;overflow: hidden}
.first-news .con a{color: #ea8a00}
.news-text .swiper-slide ul {width: 100%;overflow: hidden}
.news-text .swiper-slide ul li{width: 100%;font-size: 16px;padding-left: 20px;box-sizing: border-box;background: url("../images/news-bg_06.png") no-repeat left center}
.news-text .swiper-slide ul li:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.news-text .swiper-slide ul li:hover{background: url("../images/news-bg2_06.png") no-repeat left center}
.news-text .swiper-slide ul li a{display: inline-block;width: 100%;color: #333;transition: 0.3s ease;line-height: 30px;}
.news-text .swiper-slide ul li a span{display: inline-block;max-width:70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left}
.news-text .swiper-slide ul li a span.date{float: right}
.news-text .swiper-slide ul li a:hover{color: #78aff4;transition: 0.3s ease;}

.sec3 {margin-top: 50px;}
.sec3>.tit {height: 40px;line-height: 40px;background: #2b8bf0;text-align: center}
.sec3>.tit h3 {display: inline-block;width: 238px;height: 40px;background: url("../images/rec-tit-bg_06.png");background-size: cover;font-size: 24px;color: #fff;}
.pro-rec {width: 100%;overflow: hidden;position: relative;margin-top: 35px;}
.pro-rec .pic {width: 100%;height: auto;overflow: hidden}
.pro-rec .pic img{width: 100%;height: auto;transition: 0.5s}
.pro-rec .pic:hover img{transform: scale(1.1);transition: 0.5s}
.pro-rec p {line-height: 50px;text-align: center;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;color:#333;transition: 0.3s}
.pro-rec .swiper-slide:hover p {background: #00a42c;color: #fff;transition: 0.3s}
.pro-rec .pro-prev,.pro-rec .pro-next {display: inline-block;width: 50px;height: 50px;position: absolute;top: 38%;z-index: 100}
.pro-rec .pro-prev {background: url("../images/pro-prev-btn_23.png") no-repeat center;background-size: cover;left: 0}
.pro-rec .pro-prev:hover {background: url("../images/pro-prev-hov-btn_23.png") no-repeat center;background-size: cover;left: 0}
.pro-rec .pro-next {background: url("../images/pro-next-btn_26.png") no-repeat center;background-size: cover;right: 0}
.pro-rec .pro-next:hover {background: url("../images/pro-next-hov-btn_26.png") no-repeat center;background-size: cover;right: 0}

.sec4 {margin-top: 30px;border-top:2px solid #2b8bf0;padding: 30px 0}
.gn-item {float: left;width: 24%;margin-right: 1%;position: relative}
.gn-item:last-child {margin-right:0}
.gn-item .pic {width: 100%;height: 273px;overflow:hidden}
.gn-item .pic img{width: 100%;height:auto;transform: scale(1.1);transition: 0.5s}
.gn-item .pic:hover img{transform: scale(1.0);transition: 0.5s}
.gn-item p {position: absolute;bottom: 0;right: 0;max-width: 100%;width: auto;padding: 0 20px;box-sizing: border-box;height: 70px;line-height: 70px;background: rgba(0,0,0,0.5);color: #fff;text-align: center;font-size:24px;text-overflow: ellipsis;white-space: nowrap}

.fd-link {margin-top: 30px;}
.fd-link .tit {width: 100%;background: #2b8bf0;height: 10px;position: relative}
.fd-link .tit h3 {font-size: 24px;color: #fff;background: url("../images/fd-link-bg_36.png") no-repeat center;background-size: cover;width: 199px;height: 35px;margin: 0 auto;position:relative;top: -13px;text-align: center}
.fd-list {padding: 30px 0}
.fd-list a {display: inline-block;width: 14%;margin: 0 1%;line-height: 40px;position: relative}
.fd-list a:hover {color: #ff9600}
.fd-list a:before {content: "";display: inline-block;width: 4px;height: 4px;background: #333;border-radius: 50%;position: absolute;left: -8px;top: 18px;}
.fd-list a:hover:before {background: #ff9600}

.footer {background: #2b8bf0;margin-top: 30px;}
.f-tp {width: 100%;border-bottom: 1px solid #61a9f5;padding: 40px 0;color: #fff;}
.f-box {width: 70%;margin: 0 15%;color: #fff;}
.f-tp .tp-item {width:25%;margin:0 0 0 8%;float: left;text-align: center}
.f-tp .tp-item .ico {padding-right: 30px;border-right: 1px solid #1079e8;height: 55px;overflow: hidden}
.f-tp .tp-item .ico i{display: inline-block;width: 55px;height: 55px;box-sizing: border-box;background-image: url("../images/bt-ico1_36.png");background-position: center;border-radius: 50%;border: 1px solid #fff;}
.f-tp .tp-item:hover .ico i {background-color: #ff9600;border:none}

.f-tp .tp-item:nth-child(2) .ico i {background-image:url("../images/bt-ico2_38.png");background-position: center;}
.f-tp .tp-item:nth-child(3) .ico i {background-image:url("../images/bt-ico3_41.png");background-position: center;}
.f-tp .tp-item .text {padding-left: 20px;border-left: 1px solid #61a9f5;height: 55px;text-align: left;font-size: 16px;line-height: 26px;overflow: hidden}
.f-tp .tp-item .text a{color: #fff}
.f-bt {text-align: center;color: #fff;border-top: 1px solid #1079e8;padding: 10px 0;opacity: 0.8}

/*蓄科荣誉*/
.honor-pic2 {padding: 20px 0}
.honor-pic2 .pic-item {width: 22%;margin: 0 1.5%;float:left}
.honor-pic2 .pic-item .pic {width: 100%;height: auto;overflow: hidden}
.honor-pic2 .pic-item .pic img{width: 100%;height: auto;transition: 0.5s}
.honor-pic2 .pic-item .pic:hover img{transform: scale(1.1);transition: 0.5s}
.honor-pic2 .pic-item p {font-size: 16px;color: #333;width: 100%;text-overflow: ellipsis;white-space: nowrap;line-height: 45px;text-align: center}

.tabs2 {width: 100%}
.tabs2 a {display: inline-block;width: 140px;height: 46px;background:#b9b9b9;font-size: 16px;color: #fff;line-height: 46px;text-align: center;margin-right: 10px;float: left;margin-bottom: 5px;}
.tabs2 a.active {background:#00a42c;}