body { font-family: 微软雅黑,"Open Sans", sans-serif;font-size:14px; }
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif;font-size:1em;; }
.wrap { width: 100%; margin: 0 auto;max-width:1100px; position: relative; }

img,a{ border:0;}
ul,li{ list-style:none;}
*{ margin:0; padding:0;}
.flt{ float:left;}
.frt{ float:right;}
.clear{ clear:both;}
.clear:after,.clear:before{content:'';clear:both; display:table;}
 
.img{overflow:hidden;position:relative;}
.img:before{ transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s; content:'';display:block;position:absolute; top:0;left:0;right:0; bottom:0; border:1px solid rgba(255,255,255,0);z-index:100}
.img:hover:before{ top:10px;left:10px;right:10px; bottom:10px; border:1px solid rgba(255,255,255,0.5);}
.img:hover img{ transform:scale(1.1) rotate(3deg);-o-transform:scale(1.1) rotate(3deg);-webkit-transform:scale(1.1) rotate(3deg);-moz-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);}

 
*{ transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}


/*----------header----------*/
.scroll .header{ position:fixed; padding:5px 0; box-shadow:0 0 5px rgba(0,0,0,0.25); }
.header { position:absolute; top:0; left:0; width:100%;z-index:1000;padding:20px 0; background:#fff; transition:all 0s;-o-transition:all 0s;-webkit-transition:all 0s;-moz-ms-transition:all 0s;transition:all 0s;}
.header .wrap,.banner .wrap{max-width:1100px;}
.header .logo{ margin-top:8px;}
.menu{ overflow:hidden;padding:40px 5px 0px 5px;}
.menu ul li{   float:left; margin-left:40px;}
.menu ul li.frt{ float:right;}
.menu ul li a{margin-top:7px; display:block; line-height:20px; color:#180d35; font-size:14px;} 
.menu ul li.on a,.menu ul li a:hover{ width:100%; border-bottom:1px solid #180d35}
.search{ box-shadow:0 2px 5px rgba(0,0,0,0.2); width:200px;line-height:36px;border-radius:25px;background:#fff;padding-right:10px;padding-left:40px;background:url(icon1.png) no-repeat 12px center #fff;}
.search input{width:100%; border:0; background:none;}


.banner .item{ position:relative;text-align:left;}
.banner .item img{ display:block; width:100%;}
.banner .item .text{ position:absolute; left:0; top:25%;  line-height:80px; width:100%;color:#180d35;font-weight:bold; font-size:46px;}
.banner .item .text h2{ font-size:70px;text-transform:uppercase;font-family:Arial; }
.banner .btn{ margin-top:30px;}
.banner .btn a{font-size:16px;box-shadow:-5px 10px 25px rgba(0,0,0,0.1),-5px 10px 25px rgba(0,0,0,0.1);border-radius:3px; display:block;width:180px;line-height:50px;text-align:center; background:#180d35;color:#fff;}
.banner .btn a:hover{ background:#0d0425;}
.banner .btn a:hover span{padding-left:10px;padding-right:45px;}
.banner .btn span{display:inline-block;padding-right:35px;background:url(icon2.png) no-repeat right center;}
.banner.owl-theme .owl-dots{ margin-bottom:15px;}
.banner.owl-theme .owl-dots .owl-dot span{width:34px;height:4px;border-radius:0}
.banner.owl-theme .owl-dots .owl-dot.active span, .banner.owl-theme .owl-dots .owl-dot:hover span{background:#180d35}

.page_tit{padding:65px 0; font-size:30px;}
.page_tit h3{font-weight:normal;text-align:center; }
.page_tit span{ font-size:24px;color:#5c5768; text-transform:uppercase;display:inline-block;margin-left:10px;}
.page_list1 ul{overflow:hidden; margin:-10px -1%;}
.page_list1 ul li{width:48%; margin:10px 1%;float:left;}
.page_list1 ul li .list{ padding:45px;border:1px solid #ebebeb}
.page_list1 ul li .list:hover{border-color:#4ab1ad}
.page_list1 ul li .icon{margin-right:30px; width:83px;height:83px;border-radius:100%; border:1px solid #ebebeb;float:left;}
.page_list1 ul li .icon1{ background:url(icon3.png) no-repeat center center;}
.page_list1 ul li .icon2{ background:url(icon4.png) no-repeat center center;}
.page_list1 ul li .icon3{ background:url(icon5.png) no-repeat center center;}
.page_list1 ul li .icon4{ background:url(icon6.png) no-repeat center center;}
.page_list1 ul li .text{ overflow:hidden; color:#8c8c8c; line-height:25px;}
.page_list1 ul li .text h3{margin-top:5px; color:#000; font-size:18px;font-weight:normal;margin-bottom:10px;}
 
.page_list2{ margin-top:-30px;}
.page_list2 ul li{margin-top:40px;margin-bottom:10px;}
.page_list2 ul .list{box-shadow:-1px 5px 10px rgba(0,0,0,0.15);margin:0 5px; padding:38px;background:#f8f8f8;position:relative;}
.page_list2 ul .list:hover{ background:#eee;}
.page_list2 ul .list .img1{position:absolute; bottom:10px;right:10px;}
.page_list2 ul .list h4{font-size:14px;font-weight:normal; margin-top:75px;}
.page_list2 ul .list h3{ font-size:16px;font-weight:normal;margin-bottom:15px;}
.page_list2 ul .list p{color:#969696;}
.page_list2 ul .list p label{display:inline-block;  margin:0 5px;}


.page2{ background:url(banner2.jpg) no-repeat center center;background-size:cover;height:850px;}
.page2 .text{width:80%; max-width:380px; float:right;padding-top:115px;line-height:28px;font-size:14px; color:#3f3f3f}
.page2 .text h4{ font-size:12px; font-family:Arial; font-weight:normal; text-transform:uppercase; color:#494949;margin-bottom:10px;}
.page2 .text h3{font-size:23px;font-weight:normal; color:#000; line-height:42px;margin-bottom:15px;}
.page2 .text a { font-size: 14px; color: #180d35; display: inline-block; border-bottom: 1px solid #180d35; text-transform: uppercase; margin-top: 20px; line-height: 20px; }
.page2 .text a:hover{padding:0 10px;}
.page3{padding-bottom:70px;}
.page_list3{ margin-bottom:30px;}
.page_list3 ul .img1 img{display:block;}
.page_list3 .list{position:relative;}
.page_list3  .text{position:absolute;top:50%;left:10%;margin-top:-73px;}
.page_list3  .text h3{ font-size:20px;margin-bottom:20px;}
.page_list3  .text h4{font-weight:normal;color:#000}
.page_list3  .text h4 span{color:#4ab1ad}
.page_list3  .text p{ line-height:24px;color:#7f7f7f;}
.page_list3  .text label{display:inline-block;margin:20px 0;width:28px;height:2px;background:#b7b7b7}
.page_list4 ul{overflow:hidden; margin:0 -15px }
.page_list4 ul li{width:25%; float:left;}
.page_list4 ul li a{ display:block; margin:15px;}
.page_list4 ul li a:hover{ transform:translateY(-20px);-o-transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);}
.page_list4 ul li a:hover h3{color:#4ab1ad}
.page_list4 ul li .text{ padding:20px; color:#4ab1ad}
.page_list4 ul li .text h3{ font-size:14px;color:#000; font-weight:normal;margin-bottom:10px;}
.more a{display:block;width:145px;margin:0 auto; line-height:50px; font-size:14px;text-align:center; border:1px solid #180d35;color:#180d35;}
.more a:hover{background:#4ab1ad;border-color:#4ab1ad;color:#fff;}
/*----------mainer----------*/
.mainer { margin-top:86px;}
body.on .mainer{ margin-top:56px;}









/*----------footer----------*/
.footer {background:url(banner3.jpg) no-repeat center center; background-size:auto 100%;}
.footer .logo{color:#fff; padding:72px 0;text-align:center;}
.footer .logo p{ margin-top:40px;font-size:16px;}
.footer .logo a{display:block;width:210px;line-height:71px; border:3px solid #fff;margin:0 auto;}
.footer .logo img{vertical-align:middle;}
.footer .text{ padding:40px 0; border-top:1px solid rgba(255,255,255,0.14);color:#a6b0b7;}
.footer .text ul li{ float:left; padding:0 10px;border-left:1px solid  rgba(255,255,255,0.25)}
.footer .text ul li:first-child{ border-left:0;padding-left:0;}
.footer .text ul li a{ color:#a6b0b7;}
.footer .text ul li a:hover{color:#4ab1ad}
.footer .text h3{ font-size:20px;font-weight:normal;margin-bottom:20px;}
.footer .text .frt{ text-align:right;}
.footer .text .frt h3{font-size:18px;}
.footer .text .frt h3 span{color:#4ab1ad;font-size:20px;font-weight:bold;}

.full{ position:fixed; bottom:10%;z-index:100; right:10px;width:50px;}
.full .contact a{display:block; padding:16px 0; background:#4ab1ad}
.full .contact a:hover{background-color:#007b76}
.full .contact span{display:block;width:16px;padding:0 10px; margin:0 auto;padding-top:40px;text-align:center;color:#fff;background:url(icon7.png) no-repeat top center;}
.full .top{cursor:pointer; width:100%; height:50px;background:#4ab1ad url(icon8.png) no-repeat center center; margin-top:1px;}
.full .top:hover{background-color:#007b76}
/*----------custom----------*/
.page_banner{ height:326px;}
.page_header .search{background-color:#eaf2f2}

.pro_tit{margin-bottom:20px; border-bottom:1px solid #dfe6e6;margin-top:40px;line-height:40px;}
.pro_tit ul{ display:inline-block;}
.pro_tit ul li{display:inline-block;padding:0 20px; border-left:1px solid #d2dbdb;height:11px;line-height:11px;}
.pro_tit ul li a{ display:block; position:relative;}
.pro_tit ul li label{display:block;position:absolute; bottom:-15px;left:50%;width:0; height:2px; background:#4ab1ad}

.pro_tit ul li a:hover label,.pro_tit ul li.on label{width:100%;margin-left:-50%;}
.pro_tit ul li:first-child{ border-left:0;padding-left:0;}

.tit_cur{ float:right; margin-top:-5px;}
.tit_cur span{cursor:pointer;border:1px solid #dfe6e6; display:block;float:left;width:34px;height:34px; margin-left:10px;}
.tit_cur span.next{ background:url(cur2.png) no-repeat center center;}
.tit_cur span.prev{ background:url(cur1.png) no-repeat center center;}
.tit_cur span.next:hover{ background:url(cur2-1.png) no-repeat center center #4ab1ad;}
.tit_cur span.prev:hover{ background:url(cur1-1.png) no-repeat center center #4ab1ad;}
.page_list4 ul li.on { animation-name: zoomIn; animation-duration: 1s; animation-fill-mode: both; }
@keyframes zoomIn {
  from {
    opacity: 0;filter:alpha(opacity=0);
    transform: scale3d(.3, .3, .3);-o-transform: scale3d(.3, .3, .3);-webkit-transform: scale3d(.3, .3, .3);-ms-transform: scale3d(.3, .3, .3);-moz-transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;filter:alpha(opacity=100);
  }
}
.news{ margin-top:70px;}
.news_list{width:67%; float:left;} 
.news_list ul li:first-child{ padding-top:0}
.news_list ul li{padding:40px 0;border-bottom:1px solid #e4eaea}
.news_list ul li h3{font-size:18px;font-weight:normal; line-height:50px;margin-top:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_list ul li h3 a:hover{ color:#4ab1ad}
.news_list ul li p{margin-bottom:20px; line-height:26px;color:#535353;}
.news_list ul li .bottom{line-height:22px; color:#888c8c;}
.news_list ul li .bottom span{display:inline-block;padding:0 5px;background:#4ab1ad; color:#fff;border-radius:3px;margin-right:10px;}
.news_list ul li .bottom span.span2{background:#70c363;}
.news_list ul li .bottom span.span3{background:#f2a617;}
.news_list ul li .bottom .more{ float:right; color:#180d35; border-bottom:1px solid #180d35;display:block;text-transform:uppercase;}
.news_list ul li .bottom .more:hover{ color:#000}
.news_rt{width:26%; float:right;}

.rt_search{width:100%;}
.rt_search .search{position:relative;overflow:hidden; width:auto;box-shadow:none; border:1px solid #e4eaea;padding-left:20px;padding-right:40px;background:none;;}
.rt_search .search a{ display:block;position:absolute; top:0;right:0;width:38px;height:36px; background:url(icon1.png) no-repeat center center;}
.rt_search .search a:hover{ transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}
.news_rt .h3_tit{font-size:16px;font-weight:normal;}
.news_rt .item{margin-top:30px;}
.news_rt .item ul.ul1{margin-top:10px;}
.news_rt .item ul.ul1 li{line-height:48px;border-bottom:1px solid #e4eaea}
.news_rt .item ul.ul1 a:hover{margin:0 15px;}
.news_rt .item ul.ul1 a:hover *{color:#4ab1ad}
.news_rt .item ul.ul1 a{background:url(icon9.png) no-repeat left center; display:block;padding-left:20px;padding-right:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;position:relative;color:#888c8c}
.news_rt .item ul.ul1 label{position:absolute; top:0;right:0;display:block;}
.news_rt .item ul.ul2  li{margin-top:30px;} 
.news_rt .item ul.ul2  li a:hover h3{color:#4ab1ad}
.news_rt .item ul.ul2  li p{color:#4ab1ad;}
.news_rt .item ul.ul2  li h3{ font-size:14px;line-height:35px;font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.pagesize{text-align:right;padding:50px 0;}
.pagesize a{margin-left:5px; min-width:32px;padding:0 5px; line-height:42px;border:1px solid #dee6e6;text-align:center; display:inline-block;}
.pagesize a.on,.pagesize a:hover{background-color:#242f3c;color:#fff; border-color:#242f3c;}
.pagesize a.a_prev{background:url(cur1-3.png) no-repeat center center}
.pagesize a.a_next{background:url(cur2-3.png) no-repeat center center}
.pagesize a.a_prev:hover{background:url(cur1-1.png) no-repeat center center #242f3c}
.pagesize a.a_next:hover{background:url(cur2-1.png) no-repeat center center #242f3c}

.news_details .wrap{max-width:958px;}
.news_details .tit{box-shadow:0 3px 10px rgba(0,0,0,0.14);color:#525656; position:absolute; top:-20px;line-height:40px; padding:0 20px;left:0;right:0; background:#fff;font-size:12px;}
.news_details .tit .pos a{display:inline-block;color:#525656}
.news_details .tit .pos a.on,.news_details .tit .pos a:hover{color:#000;}
.news_details .tit .back a{display:block;padding-right:20px;background:url(icon10.png) no-repeat right center;color:#4ab1ad}
.news_details .tit .back a:hover{margin-right:10px;padding-right:25px;}
.news_details .c_tit{text-align:center;}
.news_details .c_tit h2{max-width:550px;margin:0 auto; padding-top:80px; font-size:32px;font-weight:normal;line-height:50px;margin-bottom:30px;}
.news_details .c_tit p{text-align:center;line-height:22px;margin-bottom:10px;color:#525656}
.news_details .c_tit p.line { width:75%; margin:30px auto;height:1px;background:#e7e8e8; line-height:1px;}
.news_details .c_tit p.line label{ width:53px;height:5px; border-radius:0;}
.news_details .c_tit span{width:20px;white-space:nowrap; display:block;}
.news_details .c_tit span.flt{padding-left:25px;background:url(icon11.png) no-repeat left center;}
.news_details .c_tit span.frt{padding-right:25px;background:url(icon12.png) no-repeat right center;}
.news_details .c_tit label{display:inline-block; background:#4ab1ad;color:#fff; border-radius:2px;padding:0 5px;}
.news_details .text{width:80%;max-width:720px; margin:0 auto;text-align:center;line-height:34px;color:#000}
.news_details .text p{margin-bottom:20px; text-indent:2em;}
.news_details .img_owl{ width:95%; margin:20px auto;max-width:877px;}
.img_owl .owl-theme .owl-controls .owl-nav{ float:right;}
.img_owl .owl-theme .owl-controls .owl-nav [class*=owl-]{ margin:0;padding:0;width:50px;height:50px;background-color:#fff;border-radius:0;display:block;float:left;border-left:1px solid #e1e6e6;background-position:center center; background-repeat:no-repeat;}
.img_owl .owl-theme .owl-controls .owl-nav .owl-prev{background-image:url(cur3.png)}
.img_owl .owl-theme .owl-controls .owl-nav .owl-next{background-image:url(cur4.png)}
.img_owl{ position:relative;}
.img_owl .cur_num{z-index:10; display:block;position:absolute; bottom:0; right:102px;width:100px;line-height:50px;background:rgba(0,0,0,0.54); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54000000', endColorstr='#54000000');text-align:center;color:#fff;}
.img_owl .cur_num label{color:#4ab1ad}

.cont_cur{padding:20px 0; border-top:1px solid #f0f0f0;margin-top:40px;}
.cont_cur span{display:block; max-width:48%; border:1px solid #e1e5e2;line-height:40px;}
.cont_cur span a{display:block;padding:0 20px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;color:#69706c}
.cont_cur span a:hover{background:#4ab1ad;color:#fff;}

.contactus{display:table;width:100%; }
.contactus .cell{width:50%; display:table-cell;vertical-align:middle;}
.contactus .cell img{width:100%;}
.contactus .list{ width:80%; margin:40px auto;max-width:615px;}
.contactus .list h3{ font-size:18px;margin-bottom:20px;}
.contactus .list .ul1 li{ float:left; min-width:40%;line-height:35px;;}
/*.contactus .list .ul1 li label{color:#e32827}*/
.contactus .list ul{ overflow:hidden;}
.contactus .list .ul2 li{width:47%; margin:10px 1.5%; float:left;}
.contactus .list .ul2 li.li1{width:97%;}
.contactus .list .ul2{margin:0 -1.5%;}
.div_input{ border:1px solid #d5d5d5;padding:7px 10px;line-height:24px;}
.div_input input,.div_input textarea{width:100%; border:0; background:none;resize:none;}
.div_input textarea{height:80px;}
.contactus .btn{margin-top:20px;}
.contactus .btn a{display:block;width:184px;line-height:40px;background:#4ab1ad;color:#fff;text-align:center;}
.contactus .btn a:hover{ background:#007b76}

.join{background:#f6f9f9;padding-top:20px;}
.join_list{} 
.join_list ul li{ box-shadow:0 1px 3px rgba(0,0,0,0.05); background:#fff;margin-top:20px;padding:0 40px; }
.join_list ul li .tit{cursor:pointer; min-height:90px; padding:30px 0; padding-right:50px;background:url(icon13.png) no-repeat right center;}
.join_list ul li .tit.on{background:url(icon13-1.png) no-repeat right center;}
.join_list ul li .tit h5{font-size:12px;color:#797979;font-weight:normal;text-transform:uppercase;}
.join_list ul li .tit h3{font-size:26px;font-weight:normal; line-height:60px;}
.join_list ul li .tit p { line-height:20px;}
.join_list ul li .tit p label{color:#4ab1ad;font-size:20px; display:inline-block; vertical-align:middle;margin-right:20px;}
.join_list ul li .text{display:none;transition:all 0s;-o-transition:all 0s;-webkit-transition:all 0s;-moz-ms-transition:all 0s;transition:all 0s;}
.join_list ul li .text .list{ padding:20px 0;border-top:1px solid #ebefef;line-height:32px;color:#4c4c4c;}
.join_list ul li .text h4{ font-size:16px;color:#000;font-weight:normal;}
.about_tit{ border-bottom:1px solid #4ab1ad}
.about_tit ul li{width:25%; float:left;line-height:60px; text-align:center;}
.about_tit ul li a{display:block;margin:0 1px;}
.about_tit ul li span{display:inline-block;padding-left:20px;background:url(icon14.png) no-repeat left center}

.about_tit ul li a:hover,.about_tit ul li.on a{background:#4ab1ad;}
.about_tit ul li a:hover span,.about_tit ul li.on span{color:#fff;background:url(icon14-1.png) no-repeat left center}
.about_tit ul{ overflow:hidden;}
.about_lsit .list .wrap{width:90%;max-width:1000px;}
.about_lsit .list{ padding:85px 0;}
.about_lsit .list .img{margin-left:80px;margin-right:30px; width:51%;}
.about_lsit .list2{background:#f0f6f5}
.about_lsit .list2 .img{margin:0;margin-right:54px; width:43.5%;position:relative;}
.about_lsit .list h2{margin-top:50px; font-size:20px;color:#000;margin-bottom:10px;position:relative;}
.about_lsit .list .lbl_line{position:absolute; top:65px;height:2px;width:52px; background:#000;display:block; left:43.5%; margin-left:-25px;z-index:100}
.about_lsit .list h3{font-size:20px;font-weight:normal; margin-bottom:20px;color:#000}
.about_lsit .list .text {text-align:justify; line-height:30px;color:#484848;overflow:hidden;}
.about_lsit .list2 .text p{width:80%;max-width:370px;}
.about_lsit .bottom ul li{ float:left;width:50%; margin-top:50px;}
.about_lsit .bottom ul li h3{margin-bottom:10px;}
.about_lsit .bottom ul li h3 span{font-size:50px;display:inline-block;margin-right:5px;}
.team_list .wrap{max-width:1000px;}
.team_list .tit .list{ margin-top:22px;border:1px solid #ebebeb}
.team_list .tit .list .img{width:234px;float:left; margin-right:46px;}
.team_list .tit .list .img img{display:block;}
.team_list .tit .list .text{overflow:hidden; }
.team_list .tit .list .text h3{ line-height:50px;padding-top:25px;font-size:18px;font-weight:normal;}
.team_list .tit .list .text h4{font-size:18px;font-weight:normal;text-transform:uppercase;margin-bottom:15px;}
.team_list .tit .list .text h5{ font-size:14px;color:#4ab1ad;font-weight:normal;margin-bottom:20px;}
.team_list .tit .list .text p{ line-height:26px;color:#616565;padding-right:50px;height:78px;overflow:hidden;}
.team_list .page_list4 ul{margin:0 -8px;padding:5px 0;}
.team_list .page_list4 ul li a{margin:10px;margin-bottom:0}
.team_list .page_list4 ul li h3{ font-size:16px;}
.team_list .page_list4 ul li .text{padding:15px 0;}
.about3_list{ padding:40px 0;}
.about3_list .wrap{max-width:1000px;}
.about3_list ul{ margin:0 -15px;overflow:hidden;}
.about3_list ul li{ width:50%;float:left;}
.about3_list ul li:nth-child(2n+1){clear:both;}
.about3_list ul li .list:hover{ border-color:#4ab1ad;background:#fefefe}
.about3_list ul li .list{ padding:20px; border:1px solid #eee;margin:15px;line-height:25px;color:#3e3e3e}
.about3_list ul li h3{padding-left:35px;color:#000; background:url(icon15.png) no-repeat left center;line-height:20px;font-size:16px;font-weight:normal; margin-bottom:10px;}
.about3_list ul li p{padding-left:35px;}


@media only screen and (max-width: 1400px){
    .header .wrap, .banner .wrap{ width:95%;}
}

@media only screen and (max-width: 1100px) {
    .menu ul li{ margin-left:30px;}
    .wrap{ width:95%;}
    .img1 img{width:100%;}
    .img1{overflow:hidden;}
    .page2{ height:650px;}
    .page2 .text{padding-top:70px;}
    .about .wrap{width:96%;}
    .about_tit .wrap{width:100%;}
    .about_tit ul li a{margin:0 auto;}
}

@media only screen and (max-width: 1024px) {
    
    .page2{ height:450px;}
    .page2 .text h3{ font-size:18px;line-height:25px;}
    .page2 .text{padding-top:30px;line-height:24px;}
    .page_list1 ul li .list{padding:30px;}
    .page_list1 ul li .list .text p{ height:50px;}
    .search{width:150px;}
    
    .team_list{padding:0 10px;}
    /*.contactus .list{margin:10px auto;}
    .contactus .cell.img1{width:60%;}
    .contactus .list h3{ margin-bottom:10px;}
    .contactus .list .ul1 li{line-height:25px;margin-right:20px;}
    .contactus .list .ul2 li{margin-top:5px;margin-bottom:5px;}
    .div_input{ padding:3px 10px;}*/
    .contactus .cell{display:block;width:100%;}
    .contactus .list{width:90%;max-width:initial;}
}
img{max-width:100%;}
@media only screen and (max-width: 950px) {
    .menu{ position:fixed; top:-100%;left:0%;width:100%; height:100%; background:#fff;display:table;}
    .menu ul{display:table-cell; vertical-align:middle;}
    .menu ul li{ float:none !important;margin:0 20px;line-height:40px;}
    .menu ul li a{width:50%; max-width:200px;margin:0 auto; font-size:20px;line-height:50px;text-align:center;}
    .search{max-width:300px;width:50%; margin:0 auto;display:none;}
    .header .logo{margin-top:5px; position:relative;z-index:100;}
    .scroll .header{padding:10px 0;}
    .menu_wrap{position:absolute; top:0px;right:0;width:40px;height:40px;background:url(menu.png) no-repeat center center #4ab1ad;background-size:25px auto;}
    .page2{height:auto;padding:20px 0;}
    .page2 .text{ float:none; padding:50px;margin:0 auto; background:rgba(255,255,255,0.8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#80ffffff');width:auto;max-width:initial;}
    .page3{padding-bottom:20px;}

    .header.menu_on .menu{top:0;}

    .page_banner{height:250px;}
    .about_lsit .list .img{margin-left:20px;margin-right:0; ;}
    .about_lsit .list .wrap{width:95%;}
    .about_lsit .list2 .img{ margin-left:0;margin-right:30px;}
    .about_lsit .list h2{ margin-top:0}
    .about_lsit .list .lbl_line{ top:15px;}
    .about_lsit .list{padding:50px 0;}
    .about3_list{padding:20px 0;}
    .about3_list ul li .list{ padding:15px;margin:5px;}
    
}

@media only screen and (max-width: 850px) {
    .footer .text>div{ float:none !important;text-align:center;}
    .footer .text ul li {float:none;display:inline-block;}
    .footer .text{padding:15px 0;}
    .footer .logo{ padding:20px 0;}
    .footer .logo p{ margin-top:20px;}
    .footer .text .frt{text-align:center;margin-top:15px;}
    .page_tit{padding:30px 0;font-size:26px;}
    .page_tit span{ font-size:20px;}
    .more a{line-height:40px;}
    .banner .item .text{ font-size:20px;line-height:40px;}
    .banner .item .text h2{ font-size:30px;}
    .team_list .tit .list .text p{padding-right:20px;}
    .team_list .tit .list .img{margin-right:20px;}
    .join_list ul li{padding:0 30px;}
    .join_list ul li .tit{padding:20px 0;padding-right:30px;}
}


@media only screen and (max-width: 500px) {
.header{padding:10px 0;}
.mainer{ margin-top:57px;}
.banner .img1{ width:130%; margin-left:-15%;}
.banner .item{overflow:hidden;}
.banner .btn a{width:130px;line-height:40px;}
.banner .btn{margin-top:20px;}
.banner .item .text{ line-height:30px;}
.page_list1 ul li{width:98%;}
.page_list1 ul li .list{padding:15px;}
.page_list2,.page_list3{width:80%; margin-left:auto; margin-right:auto;}
.page_list3{margin-bottom:10px}
.page_list2 .owl-carousel .owl-stage-outer,.page_list3 .owl-carousel .owl-stage-outer{ overflow:initial;}
.page{overflow:hidden;}
.page_list4 ul{margin:0 auto}
.page_list4 ul li{width:50%;}
.page_list4 ul li a{ margin:10px;}
.full .contact {display:none}
.footer .text ul li{padding:0 5px;font-size:12px;}
.footer .logo p{ margin-top:10px;font-size:14px;line-height:18px;}
.footer .logo a{ width:auto; height:auto;padding:5px;border:0;}
.join_list ul li{padding:0 20px;margin-top:10px;}
    .page_banner{height:150px;}
    .about .wrap{width:95%;}
    .join{padding-top:1px}
    .about_tit .wrap{width:100%;}
    .about3_list ul{margin:0 auto;}
    .about3_list ul li{width:100%;}
    .about_lsit .list .img{width:100%; float:none;margin:0 auto;}
    .about_lsit .list .text{margin-top:20px;}
    .about_lsit .list h3{margin-bottom:10px;}
    .about_lsit .bottom ul li{ margin-top:20px;text-align:center;}
    .about_lsit .list2 .text p{ width:100%;  max-width:inherit;}
    .team_list .tit .list{padding:15px; text-align:center;}
    .team_list .tit .list .text h3{padding-top:0}
    .team_list .tit .list .text h4{ margin-bottom:5px;}
    .team_list .tit .list .text p{ padding-right:0;}
    .team_list .tit .list .img{ float:none;margin:0 auto;max-width:234px; width:100%;text-align:center;}
    .team_list .tit .list .img img{margin:0 auto;}
    .pagesize a{min-width:20px;line-height:30px;}
    .pagesize{padding:20px;text-align:center;}
    .join_list ul li .text .list{padding:10px 0;line-height:25px;}
    .pro_tit{margin-top:15px;}
    .news{margin-top:20px;}
.news_rt,   .news_list{width:100%; float:none;}
.news_list ul li{padding:20px 0;}
.news_rt .item ul.ul2 li .img{width:100px;float:left;margin-right:10px;}
.news_rt .item ul.ul2 li .text{overflow:hidden;}
.news_rt .item ul.ul2 li{margin-top:15px;}

.news_details .c_tit h2{padding-top:30px;font-size:20px;line-height:30px}
.news_details .c_tit p.line{margin:15px auto;width:100%; }
.cont_cur span{ max-width:100%; float:none !important;margin-bottom:10px;}
.ht50{ height:10px;}
.news_details .text{width:100%;}
.about_tit ul li span{background-size:auto 8px !important;}
.pro_tit{display:flex;}
.pro_tit ul{flex:1;white-space:nowrap;overflow-x:auto;}

}