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

@import url("global.css");
body{ font-family: "微软雅黑"; float: left; width: 100%; background-color: #fff; }
img{ display: block; float: left; width: 100%; }
.nav{ background-color:#fff; float: left; height: 100px; width: 100%; position: fixed; z-index: 100;box-shadow: 0px 2px 5px rgb(0,0,0,0.3); }
.nav_con{ float: none; height: 100%; max-width: 100%; margin-right: auto; margin-left: auto; }
.logo{ float: left; height: 100%; width: 270px;overflow: hidden;}
.nav_ul{ float: right; height: 100%; }
.nav_ul li{ float: left; height: 100%;position: relative; z-index: 100; margin-left: 15px; margin-right: 15px}
.nav_ul li h1{ float: left; height: 100%; width: 100%; font-size: 16px; line-height: 100px; color: #000; text-align: center; }
.nav_ul li h1 i{ float: left; height: 100%; width: 20px; font-size: 16px; line-height: 97px; color: #18b7af; text-align: center; }

.nav_ul li h1 a{ height: 100%; font-size: 16px; line-height: 100px; color: #000; text-align: center; text-decoration: none; display: inline-block; float: left; }
.nav_ul li h1 a:hover{ height: 100%; font-size: 16px; line-height: 100px; color: #18b7af; text-align: center; text-decoration: none; display: inline-block; }
.nav_ul li .nav_ej{ float: left; display: none; position: absolute; top: 100px; padding-right: 10px; padding-bottom: 10px;  width: 180px}
.nav_ul li .nav_ej h1{ float: none; overflow: hidden; width: 12px; background-image: url(../images/nav_top_ico.png); background-repeat: no-repeat; background-position: center top; height: 6px; margin-right: auto; margin-left: auto; position: relative; z-index: 20; }
.nav_ul li .nav_ej h2{ border-radius: 5px; box-shadow: 0px 2px 5px rgb(0,0,0,0.3);background-color: #fff;float: left;width: 100% }
.nav_ul li .nav_ej h2 a{  font-size: 16px; line-height: 40px; color: #278785; text-decoration: none; text-align: center; height: 40px;  float: left;width: 100%;height: 40px}
.nav_ul li .nav_ej h2 a:hover{ color: #fff; background-color: #18b7af }

.nav_ul li:hover .nav_ej{ float: left; display:block; position: absolute; top: 100px; padding-right: 10px; padding-bottom: 10px;  width: 180px}
.nav_ul li:hover .nav_ej h1{ float: none; overflow: hidden; width: 12px; background-image: url(../images/nav_top_ico.png); background-repeat: no-repeat; background-position: center top; height: 6px; margin-right: auto; margin-left: auto; }
.nav_ul li:hover h1 a{ height: 100px; font-size: 16px; line-height: 100px; color: #18b7af; text-align: center; text-decoration: none; display: inline-block; }

.nav_ul li:hover .nav_ej h2{  border-radius: 5px; box-shadow: 0px 2px 5px rgb(0,0,0,0.3); background-color: #fff;float: left; width: 100%;padding: 0 ; overflow: hidden;}
.nav_ul li:hover .nav_ej h2 a{  font-size: 16px; line-height: 40px; color: #278785; text-decoration: none; text-align: center; height: 40px;  float: left;width: 100%;height: 40px}
.nav_ul li:hover .nav_ej h2 a:hover{ color: #fff; background-color: #18b7af }

.nav_ul li.cu{ float: left; height: 100%;position: relative; z-index: 100; margin-left: 15px; margin-right: 15px}
.nav_ul li.cu h1{ float: left; height: 100%; width: 100%; font-size: 16px; line-height: 100px; color: #18b7af; text-align: center; }
.nav_ul li.cu h1 i{ float: left; height: 100%; width: 20px; font-size: 16px; line-height: 100px; color: #18b7af; text-align: center; }

.nav_ul li.cu h1 a{ height: 100%; font-size: 16px; line-height: 100px; color: #18b7af; text-align: center; text-decoration: none; display: inline-block; float: left; }
.nav_ul li.cu .nav_ej{ float: left; display: none; position: absolute; top: 100px; padding-right: 10px; padding-bottom: 10px;  width: 180px}
.nav_ul li.cu .nav_ej h1{ float: none; overflow: hidden; width: 12px; background-image: url(../images/nav_top_ico.png); background-repeat: no-repeat; background-position: center top; height: 6px; margin-right: auto; margin-left: auto; position: relative; z-index: 20; }
.nav_ul li.cu .nav_ej h2{ border-radius: 5px; box-shadow: 0px 2px 5px rgb(0,0,0,0.3);background-color: #fff;float: left;width: 100% }
.nav_ul li.cu .nav_ej h2 a{  font-size: 16px; line-height: 40px; color: #278785; text-decoration: none; text-align: center; height: 40px;  float: left;width: 100%;height: 40px}
.nav_ul li.cu .nav_ej h2 a:hover{ color: #fff; background-color: #18b7af }

.nav_ul li.cu:hover .nav_ej{ float: left; display:block; position: absolute; top: 100px; padding-right: 10px; padding-bottom: 10px;  width: 180px}
.nav_ul li.cu:hover .nav_ej h1{ float: none; overflow: hidden; width: 12px; background-image: url(../images/nav_top_ico.png); background-repeat: no-repeat; background-position: center top; height: 6px; margin-right: auto; margin-left: auto; }
.nav_ul li.cu:hover h1 a{ height: 100px; font-size: 16px; line-height: 100px; color: #18b7af; text-align: center; text-decoration: none; display: inline-block; }

.nav_ul li.cu:hover .nav_ej h2{  border-radius: 5px; box-shadow: 0px 2px 5px rgb(0,0,0,0.3); background-color: #fff;float: left; width: 100%;padding: 0 ; overflow: hidden;}
.nav_ul li.cu:hover .nav_ej h2 a{  font-size: 16px; line-height: 40px; color: #278785; text-decoration: none; text-align: center; height: 40px;  float: left;width: 100%;height: 40px}
.nav_ul li.cu:hover .nav_ej h2 a:hover{ color: #fff; background-color: #18b7af }
.nav_ico{float: right;width: 10%;height: 100%;font-size: 30px;text-align: center;line-height: 60px;display: none;}
.nav_close{width: 60px;height: 60px;float: right;background-color: #fff;display: none;}

.main{height: 600px;position: relative; z-index: 20; }
.summary{width: 100%;height: 99px; background-color: #18b7af; border-radius: 5px;box-shadow: 2px 2px 5px rgb(0,0,0,0.3);}
.summary_con{width: 20%;height: 99px; float: left;background-image:url(../images/summary_fg.jpg); background-repeat: no-repeat; background-position: right top; }
.summary_con h1{width: 30%;height: 99px; float: left;color: #fff;font-size: 70px; line-height: 99px;text-align: center;margin-left: 20%}
.summary_con h2{width: 40%;height: 40px; float: left;color: #fff;text-align: center;margin-top: 20px}
.summary_con h2 img {width: 42%;margin-left: 29%}
.summary_con h3{width: 40%;height:20px; float: left;color: #fff;text-align: center; color: #fff; font-size: 14px;line-height: 20px}
.summary_tel{ width: 40%; float: left;height: 99px }
.summary_tel img {width:91%;margin-left: 5%}
.main_title{margin-top: 50px;margin-top: 100px;}
.main_title h1{float: left;width: 100%; font-size: 48px;line-height:80px;text-align: center; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 162, 154, 1)), to(#05fbef));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.main_title h2{float: left;width: 100%;font-size: 14px;color: #828282; text-align: center;line-height: 30px}
.main_title1{margin-top: 50px;margin-top: 100px;}
.main_title1 h1{float: left;width: 100%; font-size: 48px;line-height:80px;text-align: center; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 162, 154, 1)), to(#05fbef));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.main_title1 h2{float: left;width: 100%;font-size: 14px;color: #828282; text-align: center;line-height: 30px}
.main_title01{margin-top: 100px;margin-top: 200px;opacity: 0}
.main_title01 h1{float: left;width: 100%; font-size: 48px;line-height:80px;text-align: center; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 162, 154, 1)), to(#05fbef));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.main_title01 h2{float: left;width: 100%;font-size: 14px;color: #828282; text-align: center;line-height: 30px}
.index_con{ width: 100%;margin-top: 60px;float: left; }
.index_con_left{}
.nr_l{margin-left: -100px;opacity: 0;float: left;width: 100%}
.nr_l h1{width: 100%; height: 40px;font-size: 30px;line-height: 40px;font-weight: bold;color: #000;float: left;margin-top: 30px}
.nr_l h2{width: 85%; height: 120px;font-size: 14px;line-height: 30px;color: #575757;float: left;margin-top: 30px}
.nr_l h3{width: 85%; float: left;margin-top: 10px}
.nr_l h3 a{float: left;margin-right: 10px;font-size: 12px;line-height: 20px;height: 20;margin: 0 5px 0 0;padding: 0 5px;color: #fff;background-color: #18b7af;border-radius: 3px;text-decoration: none;}
.nr_l h3 a:hover{background-color: #ee8a41 }
.nr_l h4{width: 149px; float: left;margin-top: 40px;height: 41px}
.nr_l h4 a{float: left;width:145px;height: 37px;font-size: 14px;line-height: 35px;height: 20;margin: 0 10px 0 0;padding-left: 50px;color: #ee8a41;background-color: #fff;border-radius: 3px;text-decoration: none;border:solid 1px #ee8a41;border-radius: 3px;background-image:url(../images/more_bg.jpg); background-repeat: no-repeat; background-position: 30px 12px;}
.nr_l h4 a:hover{background-color: #ee8a41;color: #fff; }
.nr_r{margin-left: 300px;opacity: 0;width: 100%; float: left;}
.nr_r01{margin-left: -100px;opacity: 0;width: 80%;float: left;}
.nr_l01{margin-left: 300px;opacity: 0;float: left;width: 100%}
.nr_l01 h1{width: 100%; height: 40px;font-size: 30px;line-height: 40px;font-weight: bold;color: #000;float: left;margin-top: 30px;text-align: right;}
.nr_l01 h2{width: 85%; height: 120px;font-size: 14px;line-height: 30px;color: #575757;float: left;margin-top: 30px;text-align: right;margin-left: 15%}
.nr_l01 h3{width: 95%; float: right;margin-top: 10px}
.nr_l01 h3 a{float: right;margin-left: 10px;height: 54px;border-radius: 3px;text-decoration: none;border:solid 1px #18b7af;width: 30%}
.nr_l01 h3 a .Span{float: left;width: 40px; height: 40px;margin-left: 10px;margin-top: 7px}
.nr_l01 h3 a .Span01{float: left;width: 80px; height: 54px;margin-left: 5px;font-size: 14px;line-height: 54px;color: #18b7af }
.nr_l01 h3 a:hover{border:solid 1px #ee8a41; }
.nr_l01 h4{width: 149px; float: right;margin-top: 40px;height: 41px}
.nr_l01 h4 a{float: left;width:145px;height: 37px;font-size: 14px;line-height: 35px;height: 20;margin: 0 10px 0 0;padding-left: 50px;color: #ee8a41;background-color: #fff;border-radius: 3px;text-decoration: none;border:solid 1px #ee8a41;border-radius: 3px;background-image:url(../images/more_bg.jpg); background-repeat: no-repeat; background-position: 30px 12px;}
.nr_l01 h4 a:hover{background-color: #ee8a41;color: #fff; }
.index_con_left01{float: right;}
.index_con_right01{float: right;}
.xbcc{margin-top: 100px;opacity: 0}
.main_lm{width: 100%;height: 720px;background-image:url(../images/body_bg.jpg); background-repeat: no-repeat; background-position: center top; float: left;margin-top: 100px}
.xbcc .lm_title{width: 100%;height: 100px;float: left;text-align: center;font-size: 30px;line-height: 100px;color: #fff;font-weight: bold;margin-top: 10px;margin-bottom: 30px}
.cc_left{float: left;width: 40%;}
.cc_left .cc_con{float: left;width: 100%;height: 240px}
.cc_left .cc_con h1{float: right;width: 72px;height: 82px}
.cc_left .cc_con h2{float: right;width: 368px;font-size: 18px;line-height: 25px;color: #fff;font-weight: bold;text-align: right;margin-right: 20px}
.cc_left .cc_con h3{float: right;width: 368px;font-size: 14px;line-height: 30px;color: #fff;text-align: right;margin-right: 20px;margin-top: 15px}
.cc_cen{float: left;width: 16%;margin:80px 2%;}
.cc_left .cc_con h4{float: left;width: 368px;margin-left: 38px;margin-top: 15px}
.cc_left .cc_con h4 a{float: right;margin-right: 80px;padding:0 10px;height: 21px;font-size: 12px;line-height: 21px;color: #fff;background-color: #057974;border-radius: 3px;text-decoration: none;}
.cc_right{float: left;width: 40%;}
.cc_right .cc_con{float: left;width: 100%;height: 240px}
.cc_right .cc_con h1{float: left;width: 72px;height: 82px}
.cc_right .cc_con h2{float: left;width: 368px;font-size: 18px;line-height: 25px;color: #fff;font-weight: bold;text-align: left;margin-left: 20px}
.cc_right .cc_con h3{float: left;width: 368px;font-size: 14px;line-height: 30px;color: #fff;text-align: left;margin-left: 20px;margin-top: 15px}
.cc_right .cc_con h4{float: left;width: 368px;margin-left: 92px;margin-top: 15px}
.cc_right .cc_con h4 a{float: left;margin-right: 20px;padding:0 10px;height: 21px;font-size: 12px;line-height: 21px;color: #fff;background-color: #057974;border-radius: 3px;text-decoration: none;}
.main_lm01{width: 100%;height: 780px;background-image:url(../images/body_bg01.png); background-repeat: no-repeat; background-position: center bottom; float: left;margin-top: 0px;overflow: hidden;}
.cclc .lm_title{width: 100%;height: 100px;float: left;text-align: center;font-size: 30px;line-height: 100px;color: #000;font-weight: bold;margin-top: 10px;margin-bottom: 30px}
.cclc .lm_ul{float: left;width: 100%;height: 606px}
.cclc .lm_ul li{float: left;width: 49%;height: 606px;border:solid 1px #18b7af;border-right: none;background-color: #fff;opacity: 0;margin-top: -50px}
.cclc .lm_ul li h1{float: left;width: 90%;height: 111px;background-color: #18b7af;font-size: 20px;text-align: center;line-height: 105px;color: #fff;border-radius: 15.5px;margin:8px 5% 5px 5%;font-weight:bold;}
.cclc .lm_ul li h1gai3{float: left;width: 90%;height: 111px;background-color: #18b7af;font-size: 20px;text-align: center;line-height: 105px;color: #fff;border-radius: 15.5px;margin:8px 5% 5px 5%;font-weight:bold;}
.cclc .lm_ul li h1gai{float: left;width: 90%;height: 111px;background-color: #2de4db;font-size: 20px;text-align: center;line-height: 105px;color: #fff;border-radius: 15.5px;margin:8px 5% 5px 5%;font-weight:bold;}

.cclc .lm_ul li h1gai1{float: left;width: 90%;height: 143px;background-color: #18b7af;font-size: 20px;text-align: center;line-height: 145px;color: #fff;border-radius: 0px;margin:8px 5% 0px 5%;font-weight:bold;}
.cclc .lm_ul li h1gai2{float: left;width: 90%;height: 143px;background-color: #2de4db;font-size: 20px;text-align: center;line-height: 145px;color: #fff;border-radius: 0px;margin:0px 5% 5px 5%;font-weight:bold;}

.cclc .lm_ul li h2{float: left;width: 100%;margin:0px 0px;}
.cclc .lm_ul li h3{float: left;width: 100%;font-size: 16px;line-height: 20px;font-weight: bold;text-align: center;color: #000;margin-top: 15px}
.cclc .lm_ul li h4{float: left;width: 100%;font-size: 14px;line-height: 25px;text-align: center;color: #898989;margin-top: 15px}
.cclc .lm_ul li:last-child{ border-right: solid 1px #18b7af;width: 49%}
.gjrz .lm_title{width: 100%;height: 100px;float: left;text-align: center;font-size: 30px;line-height: 100px;color: #000;font-weight: bold;margin-top: 50px;margin-bottom: 30px;opacity: 0}
.gjrz .lm_ul{width: 100%;float: left;margin-top: 100px;opacity: 0}
.gjrz .lm_ul li a h1{width: 100%;float: left;font-size: 20px;height: 30px;color: #000}
.gjrz .lm_ul li a h2{width: 100%;float: left;font-size: 12px;height: 30px;color: #666;margin-top: 10px}
.gjrz .lm_ul li a h3{width: 15%;float: left;height: 3px;margin-top: 10px;background-color: #0b0b0b}
.gjrz .lm_ul li a h4{margin-top: 30px;float: left;}
.gjrz .lm_ul li a:hover h1{width: 100%;float: left;font-size: 20px;height: 30px;color: #ee8a41}
.gjrz .lm_ul li a:hover h2{width: 100%;float: left;font-size: 12px;height: 30px;color: #ee8a41;margin-top: 10px}
.gjrz .lm_ul li a:hover h3{width: 15%;float: left;height: 3px;margin-top: 10px;background-color: #ee8a41}
.yjy{width: 100%;float: left;overflow: hidden;}
.yjy .lm_title{width: 100%;height: 100px;float: left;text-align: center;font-size: 30px;line-height: 100px;color: #000;font-weight: bold;margin-top: 60px;margin-bottom: 0px;opacity: 0}
.yjy_con{width: 100%;float: left;margin-left: 100%}
.yjy_img{width: 172px;height: 250px;float: left;margin-top: 20px}
.yjy_img h1{width: 172px;height: 172px;float: left;border-radius: 86px;overflow: hidden;}
.yjy_img h2{width: 172px;height: 30px;float: left;font-size: 14px;text-align: center;color: #000;margin-top: 20px;font-weight: bold;}
.fh{width: 66px;height:66px;float: left;}
.fh01{width: 66px;height:66px;float: left;margin-top: 180px}
.yjy_nr{float: left;width: 420px;margin: 0 20px}
.yjy_nr h1{width: 100%;height:30px;float: left;width: 100%;font-size: 24px;font-weight: bold;line-height: 30px;color: #18b7af;margin-top: 40px}
.yjy_nr h2{width: 100%;float: left;font-size: 14px;line-height: 30px;color: #333;margin-top: 40px}
.qypt{width: 100%;margin-top: 50px;float: left;}
.qypt_title{float: left;width: 100%;background-image:url(../images/yypt.jpg); background-repeat: no-repeat; background-position: center bottom;height: 145px;font-size: 30px;color: #fff;line-height: 145px;text-align: center;font-weight: bold;opacity: 0}
.qypt_ul{float: left;width: 100%;}
.qypt_ul li{float: left;width: 25%;opacity: 0}
.qypt_ul li a{float: left;width: 100%;position: relative;height: 100%}
.qypt_ul li a h1{width: 100%;}
.qypt_ul li a h2{float: left;width: 100%;position: absolute;left: 0;top: 0;background-color: rgb(2,57,56,0.7);height: 100%;z-index: 20;display: none;}
.qypt_ul li a h3{float: left;width: 100%;position: absolute;left: 0;top: 0;height: 30px;z-index: 30;font-size: 30px;line-height: 30px;text-align: center;color: #fff;margin-top: 125px}
.qypt_ul li a h4{float: left;width: 80%;position: absolute;left: 0;top: 0;z-index: 30;font-size: 14px;line-height: 30px;text-align: center;color: #fff;margin-top: 180px;margin-left: 10%}
.qypt_ul li a:hover h2{float: left;width: 100%;position: absolute;left: 0;top: 0;background-color: rgb(2,57,56,0.7);height: 100%;z-index: 20;display: block;}
.lcyy{float: left;}
.lcyy .lm_title{width: 100%;height: 100px;float: left;text-align: center;font-size: 30px;line-height: 100px;color: #000;font-weight: bold;margin-top: 80px;margin-bottom: 50px;opacity: 0}
.lcyy .lcyy_ul{opacity: 0}
.lcyy .lcyy_ul .lcyy_li a h1{width: 80%;border-radius: 50%;overflow: hidden;float: left;margin-left: 10%}
.lcyy .lcyy_ul .lcyy_li a h2{width: 80%;overflow: hidden;float: left;margin-left: 10%;font-size: 18px;line-height: 30px;text-align: center;color: #000;margin-top: 30px}
.lcyy .lcyy_ul .lcyy_li a:hover h1{width: 80%;border-radius: 50%;overflow: hidden;float: left;margin-left: 10%;opacity: 0.8}
.lcyy .lcyy_ul .lcyy_li a:hover h2{width: 80%;overflow: hidden;float: left;margin-left: 10%;font-size: 18px;line-height: 30px;text-align: center;color: #18b7af;margin-top: 30px}

.news{opacity: 0}
.news .lm_title{width: 100%;height: 100px;float: left;text-align: center;font-size: 30px;line-height: 100px;color: #000;font-weight: bold;margin-top: 80px;margin-bottom: 50px;opacity: 1}
.news .news_ul{opacity:1}
.news .news_ul .lcyy_li a h1{width: 80%;overflow: hidden;float: left;margin-left: 10%}
.news .news_ul .lcyy_li a h2{width: 80%;overflow: hidden;float: left;margin-left: 10%;font-size: 14px;line-height: 30px;text-align: left;color: #000;margin-top: 30px;font-weight: bold; height:60px;}
.news .news_ul .lcyy_li a h3{width: 80%;overflow: hidden;float: left;margin-left: 10%;font-size: 12px;line-height: 20px;text-align: left;color: #999;margin-top: 30px;height:60px;}
.news .news_ul .lcyy_li a:hover h1{width: 80%;overflow: hidden;float: left;margin-left: 10%;opacity: 0.8}
.news .news_ul .lcyy_li a:hover h2{width: 80%;overflow: hidden;float: left;margin-left: 10%;font-size: 14px;line-height: 30px;text-align: left;color: #000;margin-top: 30px;font-weight: bold;color: #18b7af;}

.coop{}

.coop .lm_title{width: 100%;height: 100px;float: left;text-align: center;font-size: 30px;line-height: 100px;color: #000;font-weight: bold;margin-top: 80px;margin-bottom: 50px;opacity: 1}
.coop .coop_fl{width: 40%;float: left;height: 45px;margin-left: 30%;}
.coop .coop_fl h1{width: 45%;float: left;height: 45px;border:solid 1px #18b7af;font-size: 16px;line-height: 43px;text-align: center;border-radius: 22.5px;cursor: pointer;color:#18b7af }
.coop .coop_fl h1:last-child{margin-left: 10%}
.coop .coop_fl h1.on{width: 45%;float: left;height: 45px;border:solid 1px #18b7af;font-size: 18px;line-height: 43px;text-align: center;border-radius: 22.5px;cursor: pointer;background-color: #18b7af;color:#fff;font-weight: bold; }
.coop .coop_con{width: 100%;float: left; margin-top: 30px}
.coop_info{float: left;width: 100%;height: 150px;margin-bottom: 30px;display: none;}
.coop_info .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:20px;}
.coop_info .swiper-container{height: 100%}
.coop_ul{float: left;width: 100%}
.coop_ul li{float: left;width: 25%}
.dq{display: block;}




.footer{float: left; width: 100%; background-color: #001110; margin-top: 20px; padding-top: 20px; padding-bottom: 20px; }
.footer_logo{ text-align: center; float: left; width: 100%; }
.footer_logo img{ width: 20%; margin-right: auto; margin-left: auto; float: none; }
.footer_ul{ float: left; width: 100%; margin-top: 20px; }
.footer_ul dd{ float: left; width: 10%;}
.footer_ul li{ float: left; width: 90%; }
.footer_ul li a{ float: left; width: 9%;font-size: 12px;height: 25px;margin-right: 2%;border-bottom: solid 1px #222e2d;text-align: center;color: #7d7e7e;text-decoration: none;margin-top: 8px;margin-bottom: 5px}
.footer_ul li a:hover{ float: left; width: 9%;font-size: 12px;height: 25px;margin-right: 2%;border-bottom:none;text-align: center;color: #7d7e7e }

.footer_ul01{ float: left; width: 100%; margin-top: 20px; margin-bottom:4em; }
.footer_ul01 dd{ float: left; width: 10%;}
.footer_ul01 li{ float: left; width: 90%; }
.footer_ul01 li a{ float: left; width: 9%;font-size: 12px;height: 25px;margin-right: 2%;text-align: center;color: #7d7e7e;text-decoration: none;margin-top: 8px;margin-bottom: 5px}
.footer_ul01 li a:hover{ float: left; width: 9%;font-size: 12px;height: 25px;margin-right: 2%;border-bottom: solid 1px #222e2d;text-align: center;color: #7d7e7e }
.tel{float: left;width: 15%;border-right: solid 1px #162423;height: 150px;margin-top: 30px}
.tel h1{width: 52px;height: 52px;margin: 0 auto;}
.tel h2{width: 100%;height: 50px;padding-top: 30px;font-size: 14px;line-height: 25px;color: #18b7af;text-align: center;}
.fox{float: left;width: 25%;border-right: solid 1px #162423;height: 150px;margin-top: 30px}
.fox h1{width: 52px;height: 52px;margin: 0 auto;}
.fox h2{width: 100%;height: 50px;padding-top: 30px;font-size: 14px;line-height: 25px;color: #18b7af;text-align: center;}
.add{float: left;width: 25%;border-right: solid 1px #162423;height: 150px;margin-top: 30px}
.add h1{width: 52px;height: 52px;margin: 0 auto;}
.add h2{width: 100%;height: 50px;padding-top: 30px;font-size: 12px;line-height: 25px;color: #18b7af;text-align: center;}
.ewm{width: 35%;float: left;}
.ewm h1{width: 40%;float: left;margin-left: 30%}
.ewm h2{width: 40%;float: left;margin-left: 30%;font-size: 12px;line-height: 30px;margin-top: 20px;text-align: center;color: #18b7af}
.bq{width: 100%;float: left;font-size: 14px;left: 30px;margin-bottom: 30px;text-align: center;color: #545858}
.bq a{color: #545858;text-decoration: none;}
.bq a:hover{color: #ff6600;text-decoration: none;}
.service_fl{width: 100%;height: 370px;float: left;background-image:url(../images/service_bg.jpg); background-repeat: no-repeat; background-position: center bottom;padding-top: 180px}
.service_bq div a{width: 80%;float: left;height: 35px;font-size: 16px;line-height: 35px;text-align: center;color: #006d68;font-weight: bold;text-decoration: none;margin-left: 10%;border-radius: 3px;margin-bottom: 20px}
.service_bq div a:hover{width: 80%;float: left;height: 35px;font-size: 16px;line-height: 35px;text-align: center;color: #006d68;font-weight: bold;text-decoration: none;margin-left: 10%;background-color: #fff;margin-bottom: 20px}
.service_bq div.on a{width: 80%;float: left;height: 35px;font-size: 16px;line-height: 35px;text-align: center;color: #006d68;font-weight: bold;text-decoration: none;margin-left: 10%;background-color: #fff;margin-bottom: 20px}
.dqwz{font-size: 14px;color: #000}
.dqwz a{color: #000;text-decoration: none;}
.dqwz a:hover{color: #ff6000;text-decoration: none;}
.about_title{font-size: 36px;line-height: 50px;height: 50px;font-family: "STSong";margin-top: 100px}
.about_title h1{font-size: 36px;line-height: 50px;height: 50px;font-family: "STSong";font-weight: bold;width: 30%;float:left;}
.about_title h2{font-size: 36px;line-height: 50px;height: 50px;font-family: "STSong";float:right;}
.about_title h2 a{float:left;height: 30px;font-size: 14px;padding: 0 10px;margin: 10px 15px;border:solid 1px #18b7af;line-height: 30px;border-radius: 15px;color: #000;text-decoration: none;}
.about_title h2 a:hover{float:left;height: 30px;font-size: 14px;padding: 0 10px;margin: 10px 15px;border:solid 1px #18b7af;line-height: 30px;border-radius: 15px;color: #fff;text-decoration: none;background-color: #18b7af}
.about_title h2 a.on{float:left;height: 30px;font-size: 14px;padding: 0 10px;margin: 10px 15px;border:solid 1px #18b7af;line-height: 30px;border-radius: 15px;color: #fff;text-decoration: none;background-color: #18b7af}

.about_con{font-size: 14px;line-height: 30px;margin-top: 30px;}
.about_left h1{background-color: #05bec0;padding: 50px 30px;margin-top: 20px;color: #fff;line-height: 36px}
.about_left h1 span{font-size: 26px}
.about_left h3{padding: 50px 30px;margin-top: 20px;color: #000;line-height: 30px;margin-top: 10px;float: left;}
.about_left h4{background-color: #54c857;padding: 50px 30px;margin-top: 20px;color: #fff;line-height: 30px;margin-top: 10px;float: left;}
.about_right h1{background-color: #ff8b84;padding: 50px 30px;margin-top: 80px;color: #fff;line-height: 36px}
.about_right h2{padding: 50px 30px;margin-top: 20px;color: #000;line-height: 30px;margin-top: 10px;float: left;}
.about_right h2 span{font-weight: bold;}
.about_right h4{padding: 50px 30px;margin-top: 20px;color: #000;line-height: 30px;margin-top: 10px;float: left;}
.team_con{color: #000;margin-top: 50px}
.honor_ul{margin-top: 50px;float: left;width: 100%}
.honor_ul li{padding: 20px;margin-bottom: 20px}
.honor_ul li h2{width: 100%;height: 30px;font-size: 14px;line-height: 30px;text-align: center;}
.contact_con{position: relative;width: 100%;margin-top: 50px}
.contact_left{width: 30%;position: absolute;left: 5%;top: 50px;background-color: rgb(0,0,0,0.8);border:solid 2px rgb(0,0,0,0.5);height: 400px}
.map{border:solid 5px rgb(0,0,0,0.5);float: left;}
.contact_left h1{width: 90%;float: left;margin-left: 5%;margin-top: 20px;font-size: 30px;color: #fff;line-height: 50px}
.contact_left h2{width: 90%;float: left;margin-left: 5%;margin-top: 20px;font-size: 14px;color: #fff;line-height: 30px}
.contact_left h3{width: 90%;float: left;margin-left: 5%;margin-top: 20px;font-size: 14px;color: #fff;line-height: 30px}
.recruit_title{width: 100%;float: left;}
.recruit_title h1{width: 100%;float: left;height: 50px;text-align: center; color: #ff6000;font-size: 30px;line-height: 50px;margin-top: 50px}
.recruit_title h2{width: 100%;float: left;height: 30px;text-align: center; color: #666;font-size: 14px;line-height: 50px;}
.recruit_ul{float: left;width: 100%;margin-top: 50px}
.recruit_ul li{float: left;width: 100%;margin-top: 50px;border-left: solid 1px #e2e2e2;border-right: solid 1px #e2e2e2;}
.recruit_ul li h1{float: left;width: 100%;font-size: 22px;padding: 0 2%;background-color: rgb(0,0,0,0.6);height: 50px;line-height: 50px;color: #fff;border-bottom: solid 1px #e2e2e2;}
.recruit_ul li h1 span{float: right;font-size: 14px}
.recruit_ul li h2{float: left;width: 100%;font-size: 14px;padding: 0 2%;height: 50px;line-height: 50px;color: #888;font-weight: bold;border-bottom: solid 1px #e2e2e2;}
.recruit_ul li h3{float: left;width: 100%;font-size: 16px;padding: 20px 2%;line-height: 30px;color: #888;border-bottom: solid 1px #e2e2e2;}

.recruit_ul li:hover{float: left;width: 100%;margin-top: 50px;border-left: solid 1px #c2c2c2;border-right: solid 1px #c2c2c2;background-color: #e7e7e7}
.recruit_ul li:hover h1{float: left;width: 100%;font-size: 22px;padding: 0 2%;background-color: rgb(0,0,0,0.6);height: 50px;line-height: 50px;color: #fff;border-bottom: solid 1px #c2c2c2;}
.recruit_ul li:hover h1 span{float: right;font-size: 14px}
.recruit_ul li:hover h2{float: left;width: 100%;font-size: 14px;padding: 0 2%;height: 50px;line-height: 50px;color: #000;font-weight: bold;border-bottom: solid 1px #c2c2c2;}
.recruit_ul li:hover h3{float: left;width: 100%;font-size: 16px;padding: 20px 2%;line-height: 30px;color: #000;border-bottom: solid 1px #c2c2c2;background-color: #fff}
.banner01{display: none;}
.banner{margin-top: 100px;float: left;height: 640px;width: 100%}
@media (min-width: 1280px){   
   .nav_con{ float: none; height: 100%; max-width: 90%; margin-right: auto; margin-left: auto; }
   

}
@media (min-width: 1024px) and (max-width: 1279px){
    .nav{height: 80px; width: 100%; position: fixed; z-index: 100;box-shadow: 0px 2px 5px rgb(0,0,0,0.3); }
    .nav_con{ float: none; height: 100%; max-width: 100%; margin-right: auto; margin-left: auto; }
    .banner_dqwz{width: 20%;height: 200px;position: absolute;z-index: 20;left: 5%;background-color: #fff;bottom: -60px}
    .banner_dqwz h1{width:100%;height: 60px;float: left;font-size: 24px;font-family: "STSong";font-weight: bold;line-height: 60px;color: #000;margin-top: 50px;text-align: center;}
    .banner_dqwz h2{width:100%;height: 60px;float: left;font-size:36px;font-family: "STSong";font-weight: bold;line-height: 60px;color: #dbdbdb;text-align: center;}
    .logo{ float: left;width: 20%;}
	.nav_ul{ float: right; height: 100%; }	
	.nav_ul li h1 i,.nav_ul li h1 a,.nav_ul li h1 a:hover,.nav_ul li.cu h1,.nav_ul li.cu h1 i,.nav_ul li.cu h1 a,.nav_ul li:hover h1 a,.nav_ul li.cu:hover h1 a{ font-size: 14px; line-height: 80px; }	
	.nav_ul li .nav_ej,.nav_ul li:hover .nav_ej,.nav_ul li.cu .nav_ej,.nav_ul li.cu:hover .nav_ej{ top: 80px;width: 140px}	
	.nav_ul li:hover .nav_ej h2 a,.nav_ul li.cu .nav_ej h2 a,.nav_ul li.cu:hover .nav_ej h2 a{  font-size: 14px; line-height: 30px;height: 30px; }	
	.banner{height: 400px;margin-top: 80px;}

	.about_con h1{padding-left:30px;width: 90%}
	.about_con h3{margin-left: 30px;}
	.about_con h5 span,.about_con h2{padding: 0 30px}
	.about_con h4{padding: 20px 30px;}		
	.about_wz h1,.about_right h1,.about_wz01 h1{padding: 0 10px}		
}
@media (max-width: 1023px){

    .nav{height: 60px; width: 100%; position: fixed; z-index: 100;box-shadow: 0px 2px 5px rgb(0,0,0,0.3); }
    .nav_con{ float: none; height: 100%; max-width: 100%; margin-right: auto; margin-left: auto; }
    .banner_dqwz{width: 20%;height: 200px;position: absolute;z-index: 20;left: 5%;background-color: #fff;bottom: -60px;display: none;}
    .banner01{margin-top: 60px;height: 500px}
    .banner_img{width: 100%;height: 250px;float: left;}
    .logo{ float: left;width: 162px;height: 60px}
    .nav_ul{ }	
    .nav_ico{display: block;}
    .service_bq{width: 100%;float: right;}
    .service_bq div a,.service_bq div.on a{font-size: 14px;}
    .nav_wk{background-color: rgb(0,0,0,0.5);width: 100%;height: 2000px;position: fixed;left: 0;top: 0;display: none;overflow: hidden;}
    .nav_all{width: 260px;float: right;height: 2000px;margin-right: -260px}
    .nav_ul{background-color: #05bec0;width: 200px;height: 2000px;float: right;}
    .nav_ul li{width: 100%;float: left;margin:0px;height: auto;-webkit-box-shadow: 0 1px 1px -1px rgba(145,254, 255, 1);}
    
    .nav_ul li h1{width: 100%;height: 40px;float: left;line-height: 60px}
    .nav_ul li h1 i{ float: right; height: 100%; width: 40px; font-size: 16px; line-height: 40px; color: #fff; text-align: center; }
    .nav_ul li h1 a{width: auto;height: 40px;float: left;line-height: 40px;color: #fff;font-size: 16px;text-align: left;padding-left: 10%;}    
    .nav_ul li .nav_ej{width: 100%;float: left;line-height: 60px;display: none;position: relative;top:0;}
    .nav_ul li .nav_ej h1{display: none;}
    .nav_ul li .nav_ej h2{ border-radius: 0px; box-shadow: 0px 0px 0px rgb(0,0,0,0.3);background-color: #05bec0;float: left;width: 100% }
    .nav_ul li .nav_ej h2 a{  font-size: 14px; line-height: 40px; color: #fff; text-decoration: none; text-align: left; height: 40px;  float: left;width: 100%;height: 40px;padding-left: 15%;margin-left: 5%;-webkit-box-shadow: 0 1px 1px -1px rgba(145,254, 255, 1);}
    .nav_ul li .nav_ej h2 a:last-child{-webkit-box-shadow: 0 1px 1px -1px rgba(145,254, 255, 0);}    
    .nav_ul li:hover h1{width: 100%;height: 40px;float: left;line-height: 60px}
    .nav_ul li:hover h1 a{width: auto;height: 40px;float: left;line-height: 40px;color: #fff;font-size: 16px;text-align: left;padding-left: 10%}
    .nav_ul li:hover .nav_ej{width: 100%;float: left;line-height: 60px;display: none;position: relative;top:0;}
    .nav_ul li:hover .nav_ej h2{ border-radius: 0px; box-shadow: 0px 0px 0px rgb(0,0,0,0.3);background-color: #05bec0;float: left;width: 100% }
    .nav_ul li:hover .nav_ej h2 a{  font-size: 14px; line-height: 40px; color: #fff; text-decoration: none; text-align: left; height: 40px;  float: left;width: 100%;height: 40px;padding-left: 15%}
    .nav_ul li.cu{width: 100%;height: 40px;float: left;}
    .nav_ul li.cu{width: 100%;float: left;margin:0px;height: auto;-webkit-box-shadow: 0 1px 1px -1px rgba(145,254, 255, 1);}    
    .nav_ul li.cu h1{width: 100%;height: 40px;float: left;line-height: 60px}
    .nav_ul li.cu h1 i{ float: right; height: 100%; width: 40px; font-size: 16px; line-height: 40px; color: #fff; text-align: center; }
    .nav_ul li.cu h1 a{width: auto;height: 40px;float: left;line-height: 40px;color: #fff;font-size: 16px;text-align: left;padding-left: 10%;}    
    .nav_ul li.cu .nav_ej{width: 100%;float: left;line-height: 60px;display: none;position: relative;top:0;}
    .nav_ul li.cu .nav_ej h1{display: none;}
    .nav_ul li.cu .nav_ej h2{ border-radius: 0px; box-shadow: 0px 0px 0px rgb(0,0,0,0.3);background-color: #05bec0;float: left;width: 100% }
    .nav_ul li.cu .nav_ej h2 a{  font-size: 14px; line-height: 40px; color: #fff; text-decoration: none; text-align: left; height: 40px;  float: left;width: 100%;height: 40px;padding-left: 15%;margin-left: 5%;-webkit-box-shadow: 0 1px 1px -1px rgba(145,254, 255, 1);}
    .nav_ul li.cu .nav_ej h2 a:last-child{-webkit-box-shadow: 0 1px 1px -1px rgba(145,254, 255, 0);}    
    .nav_ul li.cu:hover h1{width: 100%;height: 40px;float: left;line-height: 60px}
    .nav_ul li.cu:hover h1 a{width: auto;height: 40px;float: left;line-height: 40px;color: #fff;font-size: 16px;text-align: left;padding-left: 10%}
    .nav_ul li.cu:hover .nav_ej{width: 100%;float: left;line-height: 60px;display: none;position: relative;top:0;}
    .nav_ul li.cu:hover .nav_ej h2{ border-radius: 0px; box-shadow: 0px 0px 0px rgb(0,0,0,0.3);background-color: #05bec0;float: left;width: 100% }
    .nav_ul li.cu:hover .nav_ej h2 a{  font-size: 14px; line-height: 40px; color: #fff; text-decoration: none; text-align: left; height: 40px;  float: left;width: 100%;height: 40px;padding-left: 15%}
    .nav_close{width: 40px;height: 40px;float: right;background-color: #999999;display: block;font-size: 40px;line-height: 35px;text-align: center;-webkit-text-stroke: 7px #999999;color: #fff}
    .footer_ul dd,.footer_ul01 dd{ width: 25%;}
	.footer_ul li,.footer_ul01 li{ float: left; width: 100%; }
	.footer_ul li a{ float: left; width:23%;font-size: 14px;height: 30px;}
	.footer_ul li a:hover{ float: left; width:23%;font-size: 14px;height: 30px;}	
	.footer_ul01 li a{ float: left; width: 25%;font-size: 14px;height: 30px;margin-right: 0}
	.footer_ul01 li a:hover{ float: left; width: 23%;font-size: 14px;height: 30px;}
	.tel{float: left;width: 50%;border-right: solid 1px #162423;height: 100px;margin-top: 30px}
	.tel h1{width: 40px;height:40px;margin: 0 auto;}
	.tel h2{width: 100%;height: 50px;padding-top: 10px;font-size: 12px;line-height: 25px;color: #18b7af;text-align: center;}
	.fox{float: left;width: 50%;border-right: none;height: 100px;margin-top: 30px}
	.fox h1{width: 40px;height: 40px;margin: 0 auto;}
	.fox h2{width: 100%;height: 50px;padding-top: 10px;font-size: 12px;line-height: 25px;color: #18b7af;text-align: center;}
	.add{float: left;width: 50%;border-right: solid 1px #162423;height: 100px;margin-top: 30px}
	.add h1{width: 40px;height: 40px;margin: 0 auto;}
	.add h2{width: 100%;height: 50px;padding-top: 10px;font-size: 12px;line-height: 25px;color: #18b7af;text-align: center;}
	.ewm{width: 50%;float: left;margin-top: 30px}
	.ewm h1{width: 40%;margin-left: 30%}
	.ewm h2{width: 70%;margin-left: 15%;margin-top: 0}
    .bq{width: 100%;float: left;font-size: 12px;margin-top: 20px}    
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px}
    .swiper-pagination-bullet{ width: 20px;}
    .main_con{overflow: hidden;}
    .main_title{margin-top: 100px;margin-top: 200px;opacity: 0}
	.main_title h1,.main_title01 h1{font-size: 24px;line-height:40px;}
	.main_title h2,.main_title01 h2{width: 90%;font-size: 12px;margin-left:5%;line-height: 30px}
	.main_title1 h1{font-size: 24px;line-height:40px;}
	.main_title1 h2{width: 90%;font-size: 12px;margin-left:5%;line-height: 30px}
	.main_title01{margin-top: 100px;margin-top: 200px;opacity: 0}	
	.index_con{ width: 90%;margin-top: 30px;float: left; margin-left: 5%}
	.nr_l{width: 100%}
	.nr_l h1,.nr_l01 h1{font-size: 20px;text-align: left;}
	.nr_l h2,.nr_l01 h2{height: auto;width: 100%;margin-left: 0;text-align: left;}
	.nr_l h3,.nr_l01 h3{width: 100%; float: left;}
	.nr_l h3 a{float: left;margin-right: 10px;font-size: 14px;line-height: 30px;height: 30px;margin-bottom: 20px}
	.nr_l h3 a:hover{background-color: #ee8a41 }
	.nr_l h4{margin-top: 20px;margin-bottom: 30px}		
	.nr_l01 h3 a{float: left;margin-left:0;height: 54px;margin-right: 20px;width: 150px}	
    .nr_l01 h3 a .Span01{float: left;width: 70px; height: 54px;margin-left: 5px;font-size: 14px;line-height: 54px;color: #18b7af }
	.nr_l01 h4{float: left;margin-bottom: 30px}
	.nr_r01{width: 100%}
	.main_lm{height: auto;background-position: center bottom; float: left;margin-top: 30px;padding-bottom: 100px;background-color: #18b8b0}
	.xbcc .lm_title{font-size: 20px;line-height: 50px;margin-bottom: 10px;margin-top: 30px}
	.cc_left,.cc_right{float: left;width: 100%;}
	.cc_left .cc_con,.cc_right .cc_con{width: 100%;height: auto;margin-bottom: 30px}
	.cc_left .cc_con h1{float: left;width: 72px;height: 82px;}
	.cc_left .cc_con h2,.cc_right .cc_con h2{float: left;width: 70%;font-size: 16px;text-align: left;margin-right: 0;margin-left: 5%;margin-top: 0}
	.cc_left .cc_con h3,.cc_right .cc_con h3{float: left;width: 70%;font-size: 12px;line-height: 20px;text-align: left;margin-right: 0;margin-top: 15px;margin-left: 5%;}
	.cc_cen{display: none;}		
	.cc_right .cc_con h4{float: left;width: 75%;margin-left: 0margin-top: 15px}
	.cclc .lm_title{font-size: 20px;}
	.main_lm01{width: 100%;height: auto;padding-bottom: 30px}
	.cclc .lm_ul{height: auto;}
	.cclc .lm_ul li{float: left;width: 100%;height: auto;border-right: solid 1px #18b7af;border-bottom: none;padding-bottom: 30px}
	.cclc .lm_ul li h1{width: 60px;height: 60px;font-size: 20px;line-height: 60px;color: #fff;border-radius: 30px;margin:10px 0 0 10px;}
	.cclc .lm_ul li h2{float: left;width: 100%;margin:0px 0px;}
	.cclc .lm_ul li h3{float: left;width: 100%;font-size: 20px;line-height: 20px;font-weight: bold;text-align: center;color: #000;margin-top: 15px}
	.cclc .lm_ul li h4{float: left;width: 100%;font-size: 16px;line-height: 30px;text-align: center;color: #898989;margin-top: 15px}
	.cclc .lm_ul li:last-child{ border-right: solid 1px #18b7af;width: 100%;border-bottom: solid 1px #18b7af;}	
	.qypt_title{height: 100px;font-size: 20px;line-height: 100px;}
	.qypt_ul{float: left;width: 100%;}
	.qypt_ul li{float: left;width: 100%;opacity: 0}
	.lcyy{float: left;}
	.lcyy .lm_title{width: 100%;height: 60px;float: left;text-align: center;font-size: 20px;line-height: 60px;color: #000;font-weight: bold;margin-top: 40px;margin-bottom: 50px;opacity: 0}
	.lcyy .lcyy_ul{opacity: 0}	
	.lcyy .lcyy_ul .lcyy_li a h2,.lcyy .lcyy_ul .lcyy_li a:hover h2{padding-bottom: 20px}	
	.news{opacity: 0}
	.news .lm_title{height: 100px;font-size: 20px;margin-top: 0px;margin-bottom: 30px;}
	.news .news_ul{opacity:1}
	.news .news_ul .lcyy_li{margin-bottom: 30px}	
	.coop .lm_title{font-size: 20px;margin-top: 20px;margin-bottom: 30px;}
	.coop .coop_fl{width: 60%;float: left;height: 35px;margin-left: 20%;}
	.coop .coop_fl h1{width: 45%;float: left;height: 35px;border:solid 1px #18b7af;font-size: 14px;line-height: 33px;text-align: center;border-radius: 22.5px;cursor: pointer;color:#18b7af }
	.coop .coop_fl h1:last-child{margin-left: 10%}
	.coop .coop_fl h1.on{width: 45%;float: left;height: 35px;border:solid 1px #18b7af;font-size: 14px;line-height: 33px;text-align: center;border-radius: 22.5px;cursor: pointer;background-color: #18b7af;color:#fff;font-weight: bold; }
	.coop .coop_con{width: 100%;float: left;}
	.coop_info{float: left;width: 100%;height: 150px;margin-bottom: 30px;display: none;}
	.coop_info .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:20px;}
	.coop_info .swiper-container{height: 100%}
	.coop_ul{float: left;width: 100%}
	.coop_ul li{float: left;width: 50%}
	.dq{display: block;}
	.banner01{display: block;}
	.banner{display: none;}
	
}