@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; }
body{ font-size:12px; font-family: " "; color:#525252;}
a { text-decoration:none;  outline:none; transition:all 0.2s; color: #6b6b6b; } 
a:hover{ text-decoration:none; }

img{ border:0;}
table{ margin:auto;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none; font-family: " ";}
/*定义新型浏览器特性*/
::-webkit-scrollbar{width:0px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#dedede}
::-webkit-scrollbar-thumb:vertical{background-color:#004383;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#004383}
::-webkit-scrollbar-corner:vertical{background-color:#004383}
::-webkit-scrollbar-resizer:vertical{background-color:#004383;}

.clear{ width:100%; height:0; font-size:0; line-height:0; clear:both;}

/* modal-guidance */
.modal-guidance{}
.modal-guidance .bg{z-index: -1; -webkit-transition: all 1200ms ease 50ms; transition: all 1200ms ease 50ms; -webkit-transform: scale(2); transform: scale(2);}
.modal-guidance .logo{position: absolute; left: 50%; top: 50%; margin-top: -122px; margin-left: -110px; width: 220px; height: 90px;}
.modal-guidance .cudgel{position: absolute; overflow: hidden; left: 50%; top: 50%; margin-left: -150px; margin-top: -100px; width: 300px; height: 200px; text-align: center;}
.modal-guidance .cudgel .mask{height: 200px; background-image: url(../images/maski-logo.png); background-size: auto; background-position: 50% bottom; background-repeat: no-repeat;}
.modal-guidance .cudgel .wave{position: absolute; left: 0; width: 0; top: 50%; margin-top: -50px; height: 100px; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
.modal-guidance .cudgel .wave s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/bgi-wave.png); background-repeat: repeat-x; background-position: 0 0; background-repeat: no-repeat; -webkit-transition: height 1000ms ease 200ms; transition: height 1000ms ease 200ms; -webkit-animation-name: waveMove; animation-name: waveMove; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.modal-guidance.loaded .bar i{-webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important;}
.modal-guidance.closed .cudgel .wave s{-webkit-animation-play-state: paused; animation-play-state: paused;}
.modal-guidance.closed{-webkit-transition: all 800ms ease 100ms; transition: all 800ms ease 100ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ pointer-events: none;}
@-webkit-keyframes waveMove{0%, 100%{background-position: right 0;} 99.99999%{background-position: right bottom;}}
@keyframes waveMove{0%, 100%{background-position: right 0;} 99.99999%{background-position: right bottom;}}
.waveMove{-webkit-animation-name: waveMove; animation-name: waveMove;}

.header{ width:100%; height:108px; position: fixed; top:0; z-index:9;}

.head{ width:1200px; height:108px; margin:auto;}
.head_logo{ float:left; height:108px; cursor:pointer; width:200px;}
.head_logo img{ padding-top:26px;}

.head_right{ float:right; }
.headerxiao .sub_navbg{top: 72px;}
.nav{ float: left; height:108px; margin:auto; margin-right:60px;}
.nav_1{ float:left; height:108px; position:relative; z-index:8;}
.nav_1 a{ display:block; font-size:16px; color:#ffffff;height:108px;line-height:108px; position:relative; cursor:pointer; z-index:9; min-width:72px; text-align:center; overflow:hidden; margin:0px 20px; -webkit-transition: all 0.4s ease-in-out;}

.nav_1 a:hover{ color:#55a795;}
.nav_1 a:hover .nav_xian{ width:100%;}
.nav_1 a.nav_1_a{ color:#55a795;}
.nav_1 a.nav_1_a .nav_xian{width:100%;}

.nav_xian{ width:0px; height:2px; background-color:#ef8200; overflow: hidden; position:absolute; bottom:0; -webkit-transition: all 0.4s ease-in-out;}


.head_qie{ float:right; height:30px; margin-top:40px;}
.select{ width:80px; height:28px; position: relative;cursor: pointer;  border:1px solid #dddddd; z-index:9; border-radius:30px;}
.select::after{content: "";display: block;width: 7px;height: 7px;border-left: 1px solid #333;border-bottom: 1px solid #333;top:9px;right:15px;position: absolute;transform: rotate(-46deg);transition: all .3s ease-in;}
.select p{width:62px; padding-left:18px;line-height: 28px; font-size: 14px;font-family: " "; color: #666;}
.select ul{width: 100%;display: block;font-size: 14px;background: #FFFFFF;position: absolute;top:25px;left: 0px;max-height: 0px;overflow: hidden;transition: max-height .3s ease-in;}
.select ul li{width:62px; padding-left:18px;height:28px;line-height: 28px; list-style: none;color: #093a7b; font-size:14px;}
.select ul li.Selected{background:#003f98;color: #FFFFFF;}
.select ul li:hover{background: #003f98;color: #FFFFFF;}
.select ul li a{color: #093a7b; width: 100%;height: 24px;}
@-webkit-keyframes slide-down{
	0%{transform: scale(1,0);}
	25%{transform: scale(1,1.2);}
	50%{transform: scale(1,0.85);}
	75%{transform: scale(1,1.05);}
	100%{transform: scale(1,1);}
}
.select.open ul{max-height:450px;transform-origin: 50% 0;-webkit-animation: slide-down .5s ease-in;transition: max-height .2s ease-in;}
.select.open::after{transform: rotate(134deg);transition: all .3s ease-in;top:11px;}




.headerxiao{ width:100%; height:72px;/*overflow:hidden;*/}
.headerxiao .head{ width:1200px; height:72px; margin:auto;}
.headerxiao .head_logo{ float:left; height:72px; cursor:pointer;}
.headerxiao .head_logo img{ padding-top:15px; height:42px;}
.headerxiao .head_right{ float:right; height:72px;}
.headerxiao .nav{ float: left; height:72px; margin:auto; margin-right:60px;}
.headerxiao .nav_1{ float:left; height:72px; position:relative; z-index:8;}
.headerxiao .nav_1 a{ display:block; font-size:16px; color:#000000;height:72px;line-height:72px;}
.headerxiao .head_qie{ float:right; height:30px; margin-top:20px;}



/*首页*/
.section{ width:100%; height:100vh; overflow:hidden;}

.ping{ width:100%; height:100vh;  overflow:hidden;}


.big{ width:100%; height:807px; margin:auto;position:relative; overflow:hidden; bottom:-100px; opacity:0; -webkit-transition: all 1s 0.5s ease; margin-top:108px;}
.big .swiper-container {  width: 100%; height: 100%; overflow:hidden; margin:auto;}
.big .swiper-slide{ overflow:hidden;}
.big .swiper-slide.swiper-slide-active .big_div{opacity:1; -moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.big-left {position: absolute; left:9%; top:45%; z-index:10; cursor:pointer;  font-size:42px; color:#fff; font-family: "宋体"; overflow:hidden; width:78px; height:78px; text-align:center; line-height:78px; outline: none; background-color:rgba(0,0,0,0.2); border-radius:50%; display: none;}
.big-left:hover{ background-color:#000; -webkit-transition: all 0.4s ease-in-out;}
.big-right {position: absolute; right:9%; top:45%; z-index:10; cursor:pointer;  font-size:42px; color:#fff; font-family:"宋体"; overflow:hidden; width:78px; height:78px; text-align:center; line-height:78px; outline: none; background-color:rgba(0,0,0,0.2); border-radius:50%; display: none;}
.big-right:hover{ background-color:#000; -webkit-transition: all 0.4s ease-in-out;}



	
.big_div{ width:100%; height:807px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 2s ease-in;-moz-transition: all 2s ease-in;-o-transition: all 2s ease-in;-ms-transition: all 2s ease-in;transition: all 2s ease-in; opacity:0;}	





#s1.active .header { top:0px;}
#s1.active .big{ bottom:0px; opacity:1; }





/*第二屏*/
.about{ width:1200px; height: auto; overflow:hidden; margin: auto; position:relative;}
.about_ti{ width:100%; text-align:center; font-size:40px; color:#000; background: url(../images/serve_05.png) no-repeat center bottom; height:95px; line-height:95px; position:relative; top:-200px; opacity:0;-webkit-transition: all 1s ease;}
.about_ti span{ font-weight:bold; color:#ef8200;}

.about_xia{ width:1200px; height:360px; overflow:hidden; margin-top:65px; position:relative;}
.about_mune{ width:640px; height:42px; position: absolute; z-index:9; overflow:hidden; top:0; right:-200px; opacity:0;-webkit-transition: all 1s 0.8s ease;}
.about_mune a{ display:block; float:left; font-size:16px; color:#5d5d5e; text-align:center; border:1px solid #b6b7ba; width:133px; height:40px; line-height:40px; border-right:none; cursor:pointer;}
.about_mune a.about_mune_1{ border-right:1px solid #b6b7ba;}
.about_mune a:hover{ background-color:#55a795; border:1px solid #55a795; border-right:none; color:#fff;-webkit-transition: all 0.4s ease-in-out;}
.about_mune a.about_mune_1:hover{ background-color:#55a795; border:1px solid #55a795;  color:#fff;-webkit-transition: all 0.4s ease-in-out;}
.about_mune a.about_mune_a{ background-color:#55a795; border:1px solid #55a795; border-right:none; color:#fff;}
.about_mune a.about_mune_1.about_mune_a{ background-color:#55a795; border:1px solid #55a795;color:#fff;}

.about_con{ width:1200px; height:360px; margin-top:0px; display:none;}


.about_left{ float:left; width:505px; height:360px; position:relative; left:-200px; opacity:0;-webkit-transition: all 1s 0.5s ease;}
.about_right{ float:right; width:640px; height:295px; position:relative; padding-top:65px; right:-200px; opacity:0;-webkit-transition: all 1s 1s ease;}
.about_tit{ width:610px; font-size:22px; color:#181818; height:65px; line-height:65px; background:url(../images/index_06.jpg) no-repeat left; padding-left:30px;}
.about_tit span{ font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-left:10px;}

.about_nei{ width:100%; height:140px; overflow:hidden; font-size:15px; color:rgba(24,24,24,0.8); line-height:28px; }
.about_more{ width:119px; height:38px; position:absolute; bottom:0; left:0;}
.about_more a{ display:block; width:117px; height:36px; background-color:#ef8200; text-align:center; line-height:36px; font-size:15px; color:#fff; cursor:pointer; border:1px solid #ef8200; border-radius:30px;}
.about_more a:hover{ background-color:transparent;color:#ef8200;-webkit-transition: all 0.4s ease-in-out}


#s2.active .about_ti { top:0; opacity:1;}
#s2.active .about_left{  left:0; opacity:1; }
#s2.active .about_right{ right:0; opacity:1;}
#s2.active .about_mune{ right:0; opacity:1;}




/*******************333333333333333333333333333333333333333333333***************************/
.news{ width:1200px; height: 646px; overflow:hidden; margin: auto; position:relative;}
.news_ti{ width:100%; text-align:center; font-size:40px; color:#000; background: url(../images/serve_05.png) no-repeat center bottom; height:95px; line-height:95px; position:relative; top:-200px; opacity:0;-webkit-transition: all 1s ease;}
.news_ti span{ font-weight:bold; color:#ef8200;}
.news_mune{ width:100%; height:33px; margin-top:33px; text-align:center;position:relative; top:-50px; opacity:0;-webkit-transition: all 1s 0.5s ease;}
.news_mune a{ display: inline-block; font-size:16px; color:#fff; text-align:center; width:133px; height:33px; line-height:33px; cursor:pointer; border-radius:30px; margin:0px 10px; background-color:rgba(0,0,0,0.15);}
.news_mune a:hover{ background-color:#55a795; -webkit-transition: all 0.4s ease-in-out;}
.news_mune a.news_mune_a{ background-color:#55a795;}

.news_all{ width:1200px; height:452px; margin-top:33px;position:relative; bottom:-200px; opacity:0;-webkit-transition: all 1s 1s ease;}
.news_left{ float:left; width:505px; height:452px;}
.news_left a{ display:block; width:505px; height:452px;}
.news_left a:hover .news_img img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.news_img{ width:505px; height:270px; overflow:hidden;}
.news_img img{ width:505px; height:270px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.news_con{ width:505px; height:160px; margin-top:22px;}
.news_time{ float:left; font-size:27px; color:#000; font-family:Arial, Helvetica, sans-serif; width:125px; height:45px; line-height:45px;}
.news_rong{ float:right; width:500px; height:160px; position:relative;}
.news_1{ width:100%; height:45px; line-height:45px; overflow:hidden; font-size:18px; color:#000;}
.news_2{ width:100%; height:40px; line-height:20px; overflow:hidden; font-size:14px; color:rgba(0,0,0,0.5);}
.news_3{ width:41px; height:41px; background-color:#55a795; border-radius:50%; position:absolute; bottom:0; left:0;}

.news_right{ float:right; width:600px; height:452px; position:relative;}
.news_list{ width:600px; height:auto; overflow:hidden;}
.news_list ul li{ width:600px; height:63px; list-style:none;}
.news_list ul li a{ display:block; width:560px; height:62px; background:url(../images/index_12.png) no-repeat left; padding-left:40px; border-bottom:1px solid #dfe1e5;}
.news_list ul li a:hover{ background:url(../images/index_16.png) no-repeat left; -webkit-transition: all 0.4s ease-in-out;}
.news_list ul li a:hover .news_top{ width:88px;}
.news_list ul li a:hover .news_mid{ color:#000000;}
.news_list ul li a:hover .news_xian{ width:45px;}
.news_top{ float:left; font-size:20px; color:#55a795; font-family:Arial, Helvetica, sans-serif; height:62px; line-height:62px; width:0px; overflow:hidden; -webkit-transition: all 0.4s ease-in-out;}
.news_xian{ float:left; width:0px; height:62px; line-height:62px; overflow:hidden;background:url(../images/xian_03.png) no-repeat left; -webkit-transition: all 0.4s ease-in-out; }
.news_mid{ float:left; font-size:16px; color:rgba(0,0,0,0.5); height:62px; line-height:62px; width:330px; overflow:hidden; -webkit-transition: all 0.4s ease-in-out;}
.news_bottom{ float:right;font-size:14px; color:rgba(0,0,0,0.5); height:62px; line-height:62px;}   

.news_more{ width:100%; height:38px; position:absolute; bottom:0; right:0;}
.news_more a{ display: block; font-size:14px; color:#fff; text-align:center; width:118px; height:36px; line-height:36px; cursor:pointer; border-radius:30px; background-color:#ef8200; border:1px solid #ef8200; float:right;}
.news_more a:hover{ background-color: transparent;color:#ef8200; -webkit-transition: all 0.4s ease-in-out;}



#s3.active .news_ti { top:0; opacity:1;}
#s3.active .news_mune{  top:0; opacity:1; }
#s3.active .news_all{ bottom:0; opacity:1;}




/*第四屏*/
.contact{ width:1200px; height:455px; margin: auto; position:relative;}
.contact_ti{ width:100%; text-align:center; font-size:40px; color:#000; background: url(../images/serve_05.png) no-repeat center bottom; height:95px; line-height:95px; position:relative; top:-200px; opacity:0;-webkit-transition: all 1s ease;}
.contact_ti span{ font-weight:bold; color:#ef8200;}
.contact_all{ width:1200px; height:455px;  margin-top:120px;}
.contact_left{ float:left; width:500px; height:auto; overflow:hidden;position:relative; bottom:-200px; opacity:0;-webkit-transition: all 1s 0.5s ease;}
.contact_logo{ width:100%; height:56px; cursor:pointer;}
.contact_con{ width:100%; height:auto; overflow:hidden; font-size:15px; color:#000000; line-height:21px; margin-top:70px;}
.contact_con span{ display:inline-table; width:360px; height:auto; overflow:hidden; padding-bottom:3px;}
.contact_mid{ float:left; width:265px; height:455px; margin-left:10px;position:relative; bottom:-200px; opacity:0;-webkit-transition: all 1s 0.8s ease;}
.contact_tel{ background:url(../images/index_tel1.png) no-repeat left; height:71px; padding-left:85px; width:315px;}
.contact_tel_1{ width:100%; font-size:15px; color:#000; height:25px; line-height:25px;}
.contact_tel_2{ width:100%; font-size:28px; color:#000; height: auto; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-top:8px;}
.contact_wei{ width:100%; height:37px; margin-top:56px;}
.contact_tips{ font-size:18px; line-height:1.5em; margin-top:30px;  text-align: right;}
.contact_1{ float:left; width:130px; height:37px; position:relative;}
.contact_1:hover .contact_1_2{ top:43px; opacity:1;}
.contact_1_1{ width:130px; height:37px; background-color:#03428e; border-radius:30px; text-align:center; line-height:37px;}
.contact_1_1 span{ font-size:14px; color:#fff; background:url(../images/index_38.png) no-repeat left; padding-left:32px;}
.contact_1_2{ width:130px; height:130px; position:absolute; top:53px; opacity:0; -webkit-transition: all 0.4s ease-in-out;}

.contact_2{ float:left; width:130px; height:37px; position:relative; margin-left:35px;}
.contact_1:hover .contact_1_2{ top:43px; opacity:1;}
.contact_2 a{ display:block; width:130px; height:37px; background-color:#03428e; border-radius:30px; text-align:center; line-height:37px; cursor:pointer;}
.contact_2 span{ font-size:14px; color:#fff; background: url(../images/index_41.png) no-repeat left; padding-left:32px;}


.contact_right{ float:right; width:207px; height:207px;position:relative; bottom:-200px; opacity:0;-webkit-transition: all 1s 1.1s ease;}

.contact_typeright{ width:100%; text-align:center; font-size:14px; color:#6b6b6b; height:60px; line-height:60px; position:absolute; bottom:-200px; opacity:0;-webkit-transition: all 1s 1.3s ease;}



#s6.active .contact_ti { top:0px; opacity:1;}
#s6.active .contact_left{ bottom:0px;  opacity:1;}
#s6.active .contact_mid{ bottom:0px;  opacity:1;}
#s6.active .contact_right{ bottom:0px;  opacity:1;}
#s6.active .contact_typeright{ bottom:0px;  opacity:1;}



.carte { position: fixed; right: 2%; top: 47%; height: auto; width:90px; z-index:9; }
.carte li {  width:90px; height:30px; transition: 400ms; -webkit-transition: 400ms; cursor: pointer; list-style:none;}
.carte li .tii { display:block; width:60px; height:30px; padding-right:40px;line-height: 30px; text-align:right;  font-size:14px; color:#5ca997; background: url(../images/index_31.png) no-repeat right; font-weight: bold;}

.carte li span{ opacity:0;}
.carte li:hover .tii {background:url(../images/index_34.png) no-repeat right; }
.carte li:hover span {opacity:1; }

.carte li.active .tii {background:url(../images/index_34.png) no-repeat right; }
.carte li.active span{ opacity:1;}


.cai{ display:none;}
.btn-nav {
  position: absolute;
  top: 16px;
  right:0px;
  background: transparent;
  border: none; padding-right:10px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  z-index: 99999;
}

.btn-nav:focus { outline: 0;}
.icon-bar {
  display: block;
  margin: 6px 0;
  width: 30px;
  height: 2px;
  background-color: #55a795;
}
.btn-nav:hover .icon-bar {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  background-color: #55a795;
}
.nav-item { margin: 40px auto;text-align: center;}
.animated { display: block;  margin: 0 auto;}
.animated:hover .icon-bar,.animated:focus .icon-bar{ background-color: #55a795;}
.animated:focus { cursor: pointer;z-index: 9999;}
.middle { margin: 0 auto;}
.icon-bar {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
  z-index: 999999;
}
.animated .icon-bar {
  z-index: 999999;
  background-color: #55a795;
}
.animated .topt {
  webkit-transform: translateY(5px) rotateZ(45deg);
  -moz-transform: translateY(5px) rotateZ(45deg);
  -ms-transform: translateY(5px) rotateZ(45deg);
  -o-transform: translateY(5px) rotateZ(45deg);
  transform: translateY(5px) rotateZ(45deg);
}
.animated .bottom {
  -webkit-transform: translateY(-11px) rotateZ(-45deg);
  -moz-transform: translateY(-11px) rotateZ(-45deg);
  -ms-transform: translateY(-11px) rotateZ(-45deg);
  -o-transform: translateY(-11px) rotateZ(-45deg);
  transform: translateY(-11px) rotateZ(-45deg);
}
.animated .middle { width: 0;}
.news_lun{ display:none;}


@media screen and (max-width:1919px)and (min-width:1440px){
	
	
.header{ width:100%; height:88px;  position: fixed; top:0; z-index:9;}

.head{ width:1200px; height:88px; margin:auto;}
.head_logo{ float:left; height:88px; cursor:pointer;}
.head_logo img{ padding-top:21px; height:46px; width:auto;}

.head_right{ float:right; height:88px;}
.nav{ float: left; height:88px; margin:auto; margin-right:60px;}
.nav_1{ float:left; height:88px; position:relative; z-index:8;}
.nav_1 a{ display:block; font-size:14px; color:#fff;height:88px;line-height:88px; font-weight:bold; position:relative; cursor:pointer; z-index:9; min-width:72px; text-align:center; overflow:hidden; margin:0px 20px; -webkit-transition: all 0.4s ease-in-out;}



.head_qie{ float:right; height:30px; margin-top:30px;}
.select{ width:80px; height:28px; position: relative;cursor: pointer;  border:1px solid #dddddd; z-index:9; border-radius:30px;}

.select p{width:62px; padding-left:18px;line-height: 28px; font-size: 12px;font-family: " "; color: #666;}
.select ul{width: 100%;display: block;font-size: 14px;background: #FFFFFF;position: absolute;top:25px;left: 0px;max-height: 0px;overflow: hidden;transition: max-height .3s ease-in;}
.select ul li{width:62px; padding-left:18px;height:28px;line-height: 28px; list-style: none;color: #093a7b; font-size:14px;}



.headerxiao{ height:72px;}
.headerxiao .nav_1 a{ display:block; font-size:14px; color:#000000;height:72px;line-height:72px;}




/*首页*/

.big{ margin-top:88px;}
	
	
	.about_mune a{ font-size:14px;}
	.about_tit{ font-size:18px;}
	.about_tit span{ font-size:12px;}
	.about_nei{ font-size:13px;}
	.about_more a{ font-size:13px;}
	
	
	.news_ti{ font-size:34px;}
	.news_mune a{ font-size:14px;}
	.news_time{ font-size:24px;}
	.news_1{ font-size:16px;}
	.news_2{ font-size:13px;}
	
	.news_top{ font-size:20px;}
	.news_mid{ font-size:14px;}
	.news_bottom { font-size:12px;}
	.news_more a{ font-size:12px;}
	
	.contact_ti{ font-size:34px;}
	
	.contact_con{ font-size:14px;}
	.contact_tel_1{ font-size:14px;}
	.contact_tel_2{ font-size:24px;}
	.contact_typeright{ font-size:13px;}
	.contact_1_1 span{ font-size:13px;}
	.carte li .tii{ font-size:12px;}
	
	.about_ti{ font-size:34px;}
}

@media screen and (max-width:1439px)and (min-width:1366px){
	
.header{ width:100%; height:88px; position: fixed; top:0; z-index:9;}

.head{ width:1200px; height:88px; margin:auto;}
.head_logo{ float:left; height:88px; cursor:pointer;}
.head_logo img{ padding-top:21px; height:46px; width:auto;}

.head_right{ float:right; height:88px;}
.nav{ float: left; height:88px; margin:auto; margin-right:60px;}
.nav_1{ float:left; height:88px; position:relative; z-index:8;}
.nav_1 a{ display:block; font-size:14px; color:#000000;height:88px;line-height:88px; font-weight:bold; position:relative; cursor:pointer; z-index:9; min-width:72px; text-align:center; overflow:hidden; margin:0px 20px; -webkit-transition: all 0.4s ease-in-out;}


.head_qie{ float:right; height:30px; margin-top:30px;}
.select{ width:80px; height:28px; position: relative;cursor: pointer;  border:1px solid #dddddd; z-index:9; border-radius:30px;}

.select p{width:62px; padding-left:18px;line-height: 28px; font-size: 12px;font-family: " "; color: #666;}
.select ul{width: 100%;display: block;font-size: 14px;background: #FFFFFF;position: absolute;top:25px;left: 0px;max-height: 0px;overflow: hidden;transition: max-height .3s ease-in;}
.select ul li{width:62px; padding-left:18px;height:28px;line-height: 28px; list-style: none;color: #093a7b; font-size:14px;}

.headerxiao{ height:72px;}
.headerxiao .nav_1 a{ display:block; font-size:14px; color:#000000;height:72px;line-height:72px;}

.big{ margin-top:88px;}
	
	
	
.big-left {font-size:34px;  width:58px; height:58px; text-align:center; line-height:58px;}
.big-right { font-size:34px; width:58px; height:58px; text-align:center; line-height:58px;}



/*第二屏*/
.about{ width:1200px; height: auto; overflow:hidden; margin: auto; position:relative;}
.about_ti{ width:100%; text-align:center; font-size:28px; height:70px; line-height:70px; }
.about_xia{ width:1200px; height:360px; overflow:hidden; margin-top:45px; position:relative;}






/*******************333333333333333333333333333333333333333333333***************************/
.news{ width:1200px; height: 646px; overflow:hidden; margin: auto; position:relative;}
.news_ti{ width:100%; text-align:center; font-size:28px; height:70px; line-height:70px; }

.news_mune{ width:100%; height:33px; margin-top:20px;}


.news_all{ width:1200px; height:387px; margin-top:20px;}
.news_left{ float:left; width:505px; height:387px;}
.news_left a{ display:block; width:505px; height:387px;}

.news_con{ width:505px; height:95px; margin-top:12px;}
.news_rong{ float:right; width:380px; height:95px; position:relative;}
.news_3{ width:36px; height:36px; display:none;}


.news_right{ float:right; width:600px; height:387px; position:relative;}
.news_list{ width:600px; height:auto; overflow:hidden;}
.news_list ul li{ width:600px; height:54px; list-style:none;}
.news_list ul li a{ display:block; width:560px; height:53px;}

.news_top{ float:left; font-size:27px; height:53px; line-height:53px; width:0px;}
.news_xian{ float:left; width:0px; height:53px; line-height:53px; overflow:hidden;}
.news_mid{ float:left; font-size:16px; color:rgba(0,0,0,0.5); height:53px; line-height:53px; width:345px;}
.news_bottom{ float:right;font-size:14px; color:rgba(0,0,0,0.5); height:53px; line-height:53px;}   



/*第四屏*/
.contact{ width:1200px; height:455px; margin: auto; position:relative;}
.contact_ti{ font-size:28px; height:70px; line-height:70px;}
.contact_all{ width:1200px; height:455px;  margin-top:60px;}


.about_mune a{ font-size:14px;}
	.about_tit{ font-size:18px;}
	.about_tit span{ font-size:12px;}
	.about_nei{ font-size:13px;}
	.about_more a{ font-size:12px;}
	
	

	.news_mune a{ font-size:14px;}
	.news_time{ font-size:24px;}
	.news_1{ font-size:16px;}
	.news_2{ font-size:13px;}
	
	.news_top{ font-size:20px;}
	.news_mid{ font-size:14px;}
	.news_bottom { font-size:12px;}
	.news_more a{ font-size:12px;}
	

	.contact_con{ font-size:14px;}
	.contact_tel_1{ font-size:14px;}
	.contact_tel_2{ font-size:24px;}
	.contact_typeright{ font-size:13px;}
	.contact_1_1 span{ font-size:13px;}
	.carte li .tii{ font-size:12px; color: #55a795;
    font-weight: bolder;}	


}
@media screen and (max-width:1365px)and (min-width:300px){
	
	/*头部*/
	.cai{ display: block; width:100%; height:60px; position: fixed; top:0px; z-index:99;/* background-color:#fff;border-bottom: 1px solid #f1f1f1;*/}
	.cai_list{ width:100%; height:100vh; background-color:#fff; display:none;}
	
	
	/*mnav*/
	.zhez{ width:100%; height:100vh; position:fixed;background-color:#fff; top:0px; z-index:999; display:none;}
	.mnav{  width:100%; max-width:510px; height:auto; margin:auto; background:#FFF; position: relative; margin:auto; z-index:1000; border-radius:10px; left:0px; display:none; top:63px;}
	.mnav li{line-height:39px; border-bottom:1px #f2f1f1 solid; padding:0px 3%; width:94%; font-size:14px; background:url(../images/jl.png) no-repeat; background-position:96% 17px; list-style:none;}
	.mnav li a{ width:100%; display:block; color:#000;}
	.mnav li a:hover{ color:#55a795;}
	.mnav li.mnav_li a{ color:#55a795;}
	
	.mnav .mnavhor dl{ display:block;}
	
		
	/*头部*/
	.header{ width:100%; height:60px; position: fixed;}
	.head{ width:1200px; height:90px; margin:auto; display:none;}
	.head_logo{ float:none; position:absolute; left:2%; top:0px; height:60px;  width: auto; z-index:9999;}
	.head_logo img{ padding-top:15px;  height:30px; width:auto;}
	.select{ width:80px; height:28px; position: absolute;cursor: pointer;margin-top:16px; margin-left:30px; z-index:9999; right:50px;}

	.carte{ display:none;}
	
	
	/*首页*/
	.big{ width:100%; height:807px; margin:auto;position:relative; overflow:hidden; bottom:-100px; opacity:0; -webkit-transition: all 1s 0.5s ease; margin-top:0px;}
	.big .swiper-container {  width: 100%; height: 100%; overflow:hidden; margin:auto;}
	.big .swiper-slide{ overflow:hidden;}
	
	.big-left {position: absolute; left:4%; top:48%; z-index:10; cursor:pointer;  font-size:22px; width:38px; height:38px; text-align:center; line-height:38px; display: none;}
	.big-right {position: absolute; right:4%; top:48%; z-index:10; cursor:pointer;  font-size:22px; width:38px; height:38px; text-align:center; line-height:38px; display: none;}


	
	/*第二屏*/
	.about{ width:96%; height: auto; overflow:hidden; margin: auto; position:relative;}
	.about_ti{ width:100%; text-align:center; font-size:18px; color:#000; background: url(../images/serve_05.png) no-repeat center bottom; height:45px; line-height:30px; position:relative; top:-200px; opacity:0;-webkit-transition: all 1s ease;}
	
	
	.about_xia{ width:100%; height: auto; overflow:hidden; margin-top:35px; position:relative;}
	.about_mune{ width:306px; height:40px; position:  relative; margin:auto; z-index:9; overflow:hidden; top:0; right:-200px; opacity:0;-webkit-transition: all 1s 0.8s ease;}
	.about_mune a{ display:block; float:left; font-size:14px; color:#5d5d5e; text-align:center; border:1px solid #b6b7ba; width:100px; height:38px; line-height:38px; border-right:none; cursor:pointer;}
	.about_mune a.about_mune_1{ border-right:1px solid #b6b7ba;}
	.about_mune a:hover{ background-color:#55a795; border:1px solid #55a795; border-right:none; color:#fff;-webkit-transition: all 0.4s ease-in-out;}
	.about_mune a.about_mune_1:hover{ background-color:#55a795; border:1px solid #55a795;  color:#fff;-webkit-transition: all 0.4s ease-in-out;}
	.about_mune a.about_mune_a{ background-color:#55a795; border:1px solid #55a795; border-right:none; color:#fff;}
	.about_mune a.about_mune_1.about_mune_a{ background-color:#55a795; border:1px solid #55a795;color:#fff;}
	
	.about_con{ width:100%; height:270px; margin-top:0px; display:none;}
	
	
	.about_left{ display:none;}
	.about_right{ float:none; width:100%; height:295px; position:relative; padding-top:15px; right:-200px; opacity:0;-webkit-transition: all 1s 1s ease;}
	.about_tit{ width:100%; font-size:18px; color:#181818; height:45px; line-height:45px; background:none; padding-left:0px; text-align:center;}
	.about_tit span{ font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left:10px;}
	
	.about_nei{ width:100%; height:140px; overflow:hidden; font-size:14px; color:rgba(24,24,24,0.8); line-height:28px; }
	.about_more{ width:119px; height:38px; position: relative; bottom:0; left:0; margin:auto; margin-top:30px;}
	.about_more a{ display:block; width:117px; height:36px; background-color:#55a795; text-align:center; line-height:36px; font-size:14px; color:#fff; cursor:pointer; border:1px solid #55a795; border-radius:30px;}




	
	/*******************333333333333333333333333333333333333333333333***************************/
	.news{ width:96%; height: 646px; overflow:hidden; margin: auto; position:relative;}
	.news_ti{ width:100%; text-align:center; font-size:18px; color:#000; background: url(../images/serve_05.png) no-repeat center bottom; height:45px; line-height:30px;}
	
	.news_mune{ width:100%; height:33px; margin-top:25px; text-align:center;position:relative; top:-50px; opacity:0;-webkit-transition: all 1s 0.5s ease;}
	.news_mune a{ display: inline-block; font-size:14px; color:#fff; text-align:center; width:100px; height:33px; line-height:33px; cursor:pointer; border-radius:30px; margin:0px 10px; background-color:rgba(0,0,0,0.15);}
	
	
	.news_all{ width:100%; height: auto; overflow:hidden; margin-top:23px;position:relative; bottom:-200px; opacity:0;-webkit-transition: all 1s 1s ease;}
	.news_left{ float:left; width:505px; height:452px; display:none;}
	
	.news_right{ float:none; width:100%; height:330px; position:relative;}
	.news_list{ width:100%; height:auto; overflow:hidden;}
	.news_list ul li{ width:100%; height:43px; list-style:none;}
	.news_list ul li a{ display:block; width:100%; height:42px; background:none; padding-left:0px; border-bottom:1px solid #dfe1e5;}
	.news_list ul li a:hover{ background:none;}
	.news_list ul li a:hover .news_mid{ color:#000000;}
	
	.news_top{ display:none;}
	.news_xian{ display:none; }
	.news_mid{ float:left; font-size:14px; color:rgba(0,0,0,0.5); height:42px; line-height:42px; width:270px; overflow:hidden; -webkit-transition: all 0.4s ease-in-out;}
	.news_bottom{ float:right;font-size:12px; color:rgba(0,0,0,0.5); height:42px; line-height:42px;}   
	
	.news_more{ width:100%; height:38px; position:absolute; bottom:0; right:0;}
	.news_more a{ display: block; font-size:14px; color:#fff; text-align:center; width:118px; height:36px; line-height:36px; cursor:pointer; border-radius:30px; background-color:#55a795; border:1px solid #55a795; float:none; margin:auto;}




	/*第四屏*/
	.contact{ width:96%; height:455px; margin: auto; position:relative; margin-top:80px !important;}
	.contact_ti{ width:100%; text-align:center; font-size:18px; color:#000; background: url(../images/serve_05.png) no-repeat center bottom; height:45px; line-height:30px; }
	
	.contact_all{ width:100%; height: auto; overflow:hidden;  margin-top:30px;}
	.contact_left{ float:none; width:100%; height:auto; overflow:hidden;position:relative; bottom:-200px; opacity:0;-webkit-transition: all 1s 0.5s ease; text-align:center;}
	.contact_logo{ width:100%; height:36px; cursor:pointer; }
	.contact_logo img{ height:36px; width:auto;}
	
	.contact_con{ width:auto; height:auto; overflow:hidden; font-size:14px; color:#000000; line-height:24px; margin-top:30px; display:inline-block; text-align:left;}
	.contact_con font{ display:none;}
	.contact_con span{ display: block; width: auto; height:auto; overflow:hidden; padding-bottom:3px;}
	
	.contact_mid{ float:none; width:100%; height: auto; overflow:hidden; margin-left:0px;position:relative; bottom:-200px; opacity:0;-webkit-transition: all 1s 0.8s ease; text-align:center}
	.contact_tel{ background:url(../images/index_tel1.png) no-repeat left; height:71px; padding-left:85px; width:auto ; display:inline-block; text-align:left;}
	
	.contact_wei{ width:100%; height:37px; margin-top:36px;}
	.contact_1{ float:left; width:130px; height:37px; position:relative; display:none;}
	
	.contact_2{ float:left; width:130px; height:37px; position:relative; margin-left:0px;}
	.contact_1:hover .contact_1_2{ top:43px; opacity:1;}
	.contact_2 a{ display:block; width:130px; height:37px; background-color:#03428e; border-radius:30px; text-align:center; line-height:37px; cursor:pointer;}
	.contact_2 span{ font-size:14px; color:#fff; background: url(../images/index_41.png) no-repeat left; padding-left:32px;}
	.contact_tips{ text-align:center;}
	
	.contact_right{ width:100%; margin-top:15px;}
	.contact_right img{ display:block; max-width:150px; margin:0 auto; height:auto !important}
	.contact_typeright{ width:100%; text-align:center; font-size:12px; color:#6b6b6b; height:auto; line-height:30px; position:absolute; bottom:-200px; opacity:0;-webkit-transition: all 1s 1.3s ease;}
	

	}




/**/
.hm-sec4{ background:#f5f7fc;}
.product_ti {
    width: 100%;
    text-align: center;
    font-size: 34px;
    color: #000;
    background: url(../images/serve_05.png) no-repeat center bottom;
    height: 95px;
    line-height: 95px;
    position: relative;
    /*top: -200px;
    opacity: 0;*/
	top: 0;
    opacity: 1;
    -webkit-transition: all 1s ease;
}
.product_ti span { font-weight: bold; color: #ef8200; }
.product_all{ margin-top:50px; padding-bottom:60px; }
.product_all ul li{ padding:20px 0; border-bottom:1px solid #efefef; transform: all 0.4s ease;}
.product_all ul li:hover{ background:#ef8201; transform: all 0.4s ease;}
.product_all ul li .img{ float:left; width:220px; height:220px; position:relative;}
.product_all ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.product_all ul li .txt{ float:right; width:calc(100% - 260px); margin:0 20px 0 0;}
.product_all ul li:hover .txt{ color:#fff;}
.product_all ul li .txt .h2{ font-size:22px; line-height:1.5em;}
.product_all ul li .txt .h3{ font-size:16px; line-height:1.5em; margin-top:10px;}
.product_all .about_more{ width:100%;}
.product_all .about_more a{ margin:0 auto;}
.hm-sec4 .news{ height:auto;}
@media(max-width:768px){
.product_all{ margin-top:30px;}
.product_all ul li{ float:left; width:48%; padding:1% 1%; }
.product_all ul li .img{ float:none; width:100%; height:auto; }
.product_all ul li .img img{ max-width:100%; max-height:100%; position:static; }
.product_all ul li .txt{ float:none; width:100%; margin:0 0 0 0;}
.product_all ul li .txt .h2{ font-size:16px; line-height:1.5em; height:1.5em; overflow:hidden;}
.product_all ul li .txt .h3{ display:none;}
}

/**/
/*招聘*/
.hm-sec5{ background:#f5f7fc;}
.job{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:55px;}
.job ul li{ width:1200px; height:auto; overflow:hidden; list-style:none; margin-bottom:10px;}
.job ul li:hover .job_1_5 span{background: url(../images/job_08.png) no-repeat right;}

.job_2{ width:1200px; height:80px; background-color:#55a795;}
.job_2_1{ float:left; height:80px; line-height:80px; font-size:20px; color:#fff; padding-left:85px; width:275px;}
.job_2_2{ float:left; height:80px; line-height:80px; font-size:20px; color:#fff; width:290px; text-align:center;}
.job_2_3{ float:left; height:80px; line-height:80px; font-size:20px; color:#fff; width:125px; text-align:center;}
.job_2_4{ float:left; height:80px; line-height:80px; font-size:20px; color:#fff; width:225px; text-align:center;}
.job_2_5{ float:right; height:80px; line-height:80px; font-size:20px; color:#fff; width:200px; text-align:center;}


.job_1{ width:1200px; height:80px; background-color:#fff;}
.job_1_1{ float:left; height:80px; line-height:80px; font-size:16px; color:#404040; padding-left:85px; width:275px; background:url(../images/job_05.png) no-repeat 47px;}
.job_1_2{ float:left; height:80px; line-height:80px; font-size:16px; color:#404040; width:290px; text-align:center;}
.job_1_2 span{ padding:0px 8px;}

.job_1_3{ float:left; height:80px; line-height:80px; font-size:16px; color:#404040; width:125px; text-align:center;}
.job_1_4{ float:left; height:80px; line-height:80px; font-size:16px; color:#404040; width:225px; text-align:center;}
.job_1_5{ float:right; height:80px; line-height:80px; font-size:14px; color:#404040; width:200px; text-align:center;}
.job_1_5 span{ background: url(../images/job_12.png) no-repeat right; padding-right:40px;}

.job_con{ width:1030px; height:auto; overflow:hidden; padding:0px 85px; padding-bottom:40px; }

.job_nei{ width:100%; height:auto; overflow:hidden; font-size:12px; color:#343434; line-height:24px; margin-top:20px;}
.job_nei span{ font-size:18px;  display: inline-block; padding-bottom:10px;}

.job_11 .job_1_5 span{ background: url(../images/job_08.png) no-repeat right;}
@media(max-width:768px){
#s5 .news{ margin-top:50px !important;}
/*招聘*/
.job{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:10px;}
.job ul{
list-style: none;
margin-block-start: 0em;
margin-block-end: 0em;
padding-inline-start: 0px;
}
.job ul li{ width:100%; height:auto; overflow:hidden; list-style:none; margin-bottom:5px;}
.job ul li:hover .job_1_5 span{background:none;}

.job_2{ width:100%; height:40px; background-color:#55a795;}
.job_2_1{ float:left; height:40px; line-height:40px; font-size:16px; color:#fff; padding-left:0px; width:40%;padding-left:5%;}
.job_2_2{ display:none;}
.job_2_3{ display:none;}
.job_2_4{ float:left; height:40px; line-height:40px; font-size:16px; color:#fff; width:25%; text-align:center;}
.job_2_5{ float:right; height:40px; line-height:40px; font-size:16px; color:#fff; width:30%; text-align:center;}


.job_1{ width:100%; height:35px; background-color:#fff;}
.job_1_1{ float:left; height:35px; line-height:35px; font-size:14px; color:#404040;background:none;  width:40%;padding-left:5%;}
.job_1_2{ display:none;}
.job_1_2 span{ padding:0px 8px;}

.job_1_3{  display:none;}
.job_1_4{ float:left; height:35px; line-height:35px; font-size:14px; color:#404040; width:25%; text-align:center;}
.job_1_5{ float:right; height:35px; line-height:35px; font-size:12px; color:#404040; width:30%; text-align:center;}
.job_1_5 span{ background:none; padding-right:0px;}

.job_con{ width:92%; height:auto; overflow:hidden; padding:0px 4%; padding-bottom:40px; display:block;}

.job_nei{ width:100%; height:auto; overflow:hidden; font-size:12px; color:#343434; line-height:24px; margin-top:10px;}
.job_nei span{ font-size:14px !important;  display: inline-block; padding-bottom:10px;}

.job_11 .job_1_5 span{ background:none;}

.job_more{ width:96%; margin:auto; margin-top:25px; height:42px; margin-bottom:35px;}
.job_more a{ display:block; width:100%; height:42px; line-height:42px; cursor:pointer; text-align:center; font-size:14px; color:#fff; background-color:#55a795;-webkit-transition: all 0.5s ease-in-out;}
.job_more a:hover{ width:95%; padding-left:5%;}
}
/**/

@media(max-width:768px){
.about_xia{ margin-top:20px !important;}
.about_con{ display:none;}
.about_right{ padding-top:20px !important;}
.about_more{ margin-top:30px !important;}
/**/
.contact_logo{ text-align:center;}
}
.about_xia .about_con:nth-child(2){ display:block;}