@charset "utf-8";
body {  margin:0; padding:0; font-family:"microsoft yahei", "微软雅黑";  font-weight: normal; background: #FFFFFF;}
body::-webkit-scrollbar { width: 5px; height: 10px; background-color:rgba(0,0,0,0.1); }
body::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    background-color:rgba(0,0,0,.2);
}
ul,li,dl,dt,dd { list-style:none; margin:0px; padding:0px;}
img { border:none; padding: 0px; margin: 0px; display: block;}
h1,h2,h3,h4 { margin:0px; padding:0; font-weight:bold;}
p { padding:0px; margin:0;}
a { text-decoration:none;  color: #000000;}
a:hover { color: #119776;}
/*public*/
.header_re { width: 100%; height: 110px; display:block; background: #ffffff;}
#headerMain { width: 100%; height: 110px; display: block; background:#ffffff; position: fixed; z-index: 9999999; top: 0; left: 0; transition: all .3s;}
.headerMain-bg { height: 90px !important; box-shadow: 0px 0px 8px rgba(0,0,0,.2);}
.header_wd { width: 100%; height: 110px; display: block; position: relative; transition: all .3s; float: left;}
.logo { width:185px; height: 80px; overflow: hidden; display: block; position: absolute; z-index: 999; left: 5%; top: 50%; transform: translateY(-50%); transition: all .3s;}
.ilogo { width: 210px; height: auto; overflow: hidden; display: block; position: fixed; z-index: 99; left: 3%; top: 4%; }
.headerMain-bg .logo{ width: 150px !important; height: 65px;}
.headerMain-bg .header_wd { height: 90px !important;}
.nav_ul { display:inline-block; height:110px; position: absolute; z-index: 9; top: 0px; left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 0;}
.nav_ul li { display: inline-block; height: 110px; position: relative; transition: all .3s; margin: 0px 30px;}
.nav_ul li a { display: block; font-size: 17px; color: #000; overflow: hidden; line-height: 110px; transition: all .3s;}
.nav_ul li .hr { width: 0px; height: 3px; display: block; background: #119776; position: absolute; z-index: 9; left:0;  bottom: 0; transition: all .3s;}
.nav_ul li:hover .hr { width:100%;}
.nav_ul li.cur .hr { width:100%;}
.nav_ul li .child_bg { display:none; height: auto; overflow: hidden; width:140px; left: 50%; transform: translateX(-50%); position: absolute; z-index: 9; top: 110px; background:rgba(255,255,255,1);  box-sizing: border-box;}
.nav_ul li:hover .child_bg{ display: block;}
.nav_ul li dl { width: 100%; height: auto; overflow: hidden;  display: block; font-size: 0;}
.nav_ul li dl dd { display:block; overflow: hidden;}
.nav_ul li dl dd a { display: block; color: #333333; overflow: hidden; line-height: 50px !important; font-size: 15px !important; font-weight: normal; text-align: center;}
.nav_ul li dl dd a:hover { background: #f4f4f4;}
.headerMain-bg .nav_ul li { height: 90px;}
.headerMain-bg .nav_ul li a  { line-height: 90px; font-size: 17px;}
.headerMain-bg .nav_ul li .child_bg { top: 90px;}
.head_ab { display: inline-block; overflow: hidden; height: auto; position: absolute; z-index: 999; right: 3%; top: 50%; transform: translateY(-50%); font-size: 0; white-space: nowrap;}
.ihead_fixd { display: inline-block; overflow: hidden; position: fixed; z-index: 99; right: 3%; top: 4%; padding-top: 35px; font-size: 0; white-space: nowrap;}
.width { width: 94%; height: auto; overflow: hidden; display: block; position: relative; margin: 0px auto; max-width: 1520px;}

.nav_img { display:inline-block; overflow: hidden; color: #000000; margin-left: 30px; vertical-align: middle;}
.nav_img a { display: block; font-size: 18px; font-weight:bold; line-height: 25px; font-family: arial; background: url(../img/btn_nav.png) no-repeat right; padding-right: 35px; color: #333333;}	
.inav_img { display:inline-block; overflow: hidden; color: #000000; margin-left: 70px; vertical-align: middle;}
.inav_img a { display: block; font-size: 23px; font-weight:bold; line-height: 30px; font-family: arial; background: url(../img/inav_btn.png) no-repeat right; padding-right: 35px; color: #ffffff;}	

.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:100000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:30px;left:3%;top:130px;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:85%;right:0px;top:110px;background:#0b0d19;height:100%;z-index:100;right:-80%; padding-bottom: 110px; box-sizing: border-box;}
.a_txt .div3 ul{padding-left:5%;padding-right:5%; padding-top: 15px; height: 95%; box-sizing: border-box; overflow: auto; overflow-x: hidden;}
.a_txt .div3 ul::-webkit-scrollbar { width: 5px; height: 10px; background-color:rgba(0,0,0,0.1); }
.a_txt .div3 ul::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    background-color:rgba(0,0,0,.2);
}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a { display:block; color:#fff;line-height:65px;padding-left:5%;font-size:20px; width: 65%; box-sizing: border-box; font-weight: bold;}
.a_txt .div3 ul li .a_js2{background:url(../img/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(../img/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{ width: 100% !important;line-height:50px;font-size:17px; display: block; color: rgba(255,255,255,.7) !important; border-bottom: 1px solid rgba(255,255,255,.1); padding-left: 8%;}
.a_txt .div3 ul li .tit_bg { display: block; overflow: hidden;}

.lau_bg { display: inline-block; overflow: hidden; margin-left: 30px; vertical-align: middle;}
.lau_bg a { display: block; font-size: 18px; font-weight:bold; line-height: 25px; font-family: arial; background: url(../img/btn_lau.png) no-repeat left; padding-left: 30px; color: #333333;}	
.head_ab a:hover { color: #119776;}
.ilau_bg { display: inline-block; overflow: hidden; margin-left: 70px; vertical-align: middle;}
.ilau_bg a { display: block; font-size: 23px; font-weight:bold; line-height: 30px; font-family: arial; background: url(../img/ilaug_img.png) no-repeat left; padding-left: 35px; color: #ffffff;}	
.dot_search { width: 25px; height: 25px; display: inline-block; overflow: hidden; vertical-align: middle;}
.dot_search a { display: block; overflow: hidden; height: 25px; background: url(../img/dot_search.png) no-repeat center;}
.idot_search { width: 26px; height: 26px; display: inline-block; overflow: hidden; vertical-align: middle;}
.idot_search a { display: block; overflow: hidden; height: 26px; background: url(../img/isearch_btn.png) no-repeat center;}

.btn_search { width: 100%; height: 100%; position: fixed; z-index: 9999999; background: rgba(0,0,0,.7); overflow: hidden; top: 0; display: none;}
.search_con { width:94%; max-width: 700px; height:auto; display: block; position: absolute; z-index: 9999; top: 50%; left: 50%; transform: translate(-50%,-50%); overflow: hidden;}
.search_bg { width: 100%; height: 60px; overflow: hidden; display: block; position: relative; padding-right: 60px; box-sizing: border-box;}
.search_bg .text { width: 100%; height: 60px; display: block; border: none; overflow: hidden; padding: 0px 10px; box-sizing: border-box; font-size: 16px; line-height: 60px; outline: none;}
.search_bg .button { width: 60px; height: 60px; display: block; position: absolute; z-index: 999; right: 0; top: 0; border: none; outline: none; cursor: pointer; background: url(../img/btn_search.png) no-repeat center #e10c17;}
.btn_close { width: 40px; height: 40px; display: block; overflow: hidden; margin: 40px auto 0px auto;}	

.swiper-i {width: 100%;height: 100%; position: absolute; display: block; overflow: hidden;}
.swiper-pagination-i { height: 30px; position: absolute; z-index: 9; right: 0; width: 30px; top: 50%;}
.swiper-i .swiper-slide { width: 100%; height: 100% !important;  overflow: hidden;
 /* Center slide text vertically */
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}
.banner_bg { width: 100%; height: 100%; overflow: hidden; display: block; position: relative;}
.banner_bg .swiper-banner { width: 100%; height: 100%; display: block; overflow: hidden;}
.banner_bg li { position: relative; height: 100% overflow: hidden; display: block; width: 100%;}
.banner_bg li .img { width: 100%; height: 100%; overflow: hidden; display: block; }
.banner_bg .ab { display: inline-block; overflow: hidden; text-align: center; position: absolute; z-index: 9; top: 20%; left: 50%; transform: translate(-50%,-50%); opacity: 0; transition: all 1s;}
.banner_bg .h { display: block; overflow: hidden; font-size: 100px; font-weight:bold; line-height: 120px; color: #ffffff; text-align: center;}
.banner_bg .tit { display: block; font-size: 60px; line-height: 70px; color: #ffffff; font-weight: bold; margin-top: 25px;}
.banner_bg .des { display: block; font-size: 30px; line-height: 40px; color: #ffffff; font-weight: bold; margin-top: 25px;}
.banner_bg .swiper-pagination-banner { display:inline-block; height: 18px; text-align: center; position: absolute; bottom: 5%; z-index: 9; display: block; overflow: hidden; left: 50%; transform: translateX(-50%);}
.banner_bg .swiper-pagination-bullet {  background:#ffffff; width:12px; height: 12px; box-sizing: border-box; border-radius: 100%; margin: 2px 5px ;  opacity: .5; vertical-align: middle; outline: none; position: relative; display: inline-block; float: left;}
.banner_bg .swiper-pagination-bullet-active { width: 15px; height: 15px; background:none; border: 3px solid #ffffff; outline: none; box-sizing: border-box; margin-top: 0; opacity: 1;}
.swiper-i .swiper-slide-active .banner_bg .ab { top: 50%; opacity: 1;}

.itow_bg { width: 100%; height: 100%; display: block; position: relative; background: #000000; overflow: hidden;}
.swiper-tow { width: 100%; height: 100%; display: block; overflow: hidden;}
.swiper-tow li {height: 100%; overflow: hidden; display: block; position: relative;}
.swiper-tow li .con_bg { width: 100%; height: 100%; overflow: hidden; display: block; position: relative;}
.swiper-tow li .black {width: 100%; height: 100%; background: rgba(0,0,0,.2); display: block; overflow: hidden;}
.swiper-tow li .ab_01 { width: 100%; height: auto; overflow: hidden; display: block; position: absolute; z-index: 1; left: 0; bottom: 10%; padding: 0px 35px; box-sizing: border-box;}
.swiper-tow li .tit_01 { display: block; overflow: hidden; font-size: 28px; font-weight: bold; line-height: 45px; text-overflow:  ellipsis; white-space: nowrap;}
.swiper-tow li .tit_01 a { display: block; overflow: hidden; color: #FFFFFF;}
.swiper-tow li .hr_01 { width: 18px; height: 3px; display: block; overflow: hidden; background: #FFFFFF; margin-top: 20px;}
.swiper-tow li .des_01  { display: block; overflow: hidden; font-size: 16px; line-height: 30px; text-overflow:  ellipsis; white-space: nowrap; color: #ffffff; margin-top: 20px;}
.swiper-tow li .ab_02 { width: 100%; height: 0; overflow: hidden; display: block; position: absolute; z-index: 9; left: 0; bottom: 0; transition: all .3s; background: #FFFFFF;}
.swiper-tow li:hover .ab_01 { display: none;}
.swiper-tow li:hover .ab_02 { height: 100%;}
.swiper-tow li .ab_03 { width: 100%; height: auto; overflow: hidden; display: block; position: absolute; z-index: 11; left: 0; top: 100%; transform: translateY(-0%); padding: 0px 5%; box-sizing: border-box; transition: all .5s;}
.swiper-tow li .tit_02 { display: block; overflow: hidden; font-size: 28px; font-weight: bold; line-height: 45px; text-overflow:  ellipsis; white-space: nowrap; text-align: center;}
.swiper-tow li .tit_02 a { display: block; overflow: hidden; color: #000000;}
.swiper-tow li .des_02  { display: block; overflow: hidden; font-size: 16px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; color: #000000; text-align: center; margin-top: 20px;}
.swiper-tow li .more { width: 70px; height: 25px; display: block; overflow: hidden; margin: 60px auto 0px auto;}
.swiper-tow li .more a { display: block; height: 25px; background: url(../img/imore_dot.png) no-repeat center #12947e; transition: all .3s; border-radius: 25px;}
.swiper-tow li .more a:hover { background: url(../img/imore_dot.png) no-repeat center #fe7801;}
.swiper-tow li .img { width: 80%; max-width: 350px; display: block; height: auto; overflow: hidden; margin: 40px auto 0px auto;}
.swiper-tow li:hover .ab_03 { top: 50%; transform: translateY(-50%);}

.ithree_bg { width: 100%; height: 100%; display: block; position: relative; background:url(../img/ithree_bg.jpg) no-repeat center; background-size:cover ; overflow: hidden; }
.ithree_wd { width: 94%; height: auto; overflow: hidden; display: block; max-width: 1520px; position: absolute; z-index: 9; left: 50%; top: 50%; transform: translate(-50%,-50%); padding-top: 0px; box-sizing: border-box;}
.ithree_h_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.ithree_tit { display: inline-block; overflow: hidden; float: left; font-size: 45px; line-height: 45px; font-weight: bold; color: #ffffff; border-right: 1px solid rgba(255,255,255,.7); padding-right: 30px;}
.ithree_tit_des { display: inline-block; overflow: hidden; font-size: 23px; line-height: 45px; float: left; margin-left: 30px; color: #FFFFFF;}
.imore_bg { display: inline-block; overflow: hidden; position: absolute; z-index: 9; right: 0; top: 0;}
.imore_bg a { display: block; overflow: hidden; font-size: 15px; line-height: 45px; color: #FFFFFF;}
.imore_bg a span { font-weight: bold; margin-left: 5px;}
.ithree_con { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 60px;}
.swiper-three { width: 100%; height: auto; overflow: hidden; display: block;}
.swiper-three li { display: block; overflow: hidden; background: none;}
.swiper-three li .img { width: 100%; height: auto; overflow: hidden; display: block;}
.swiper-three li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.swiper-three li:hover .img img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.swiper-three li .tit_bg { display: block; overflow: hidden; position: relative; width: 100%; height: auto; padding-right: 65px; box-sizing: border-box; margin-top: 15px;}
.swiper-three li .tit { display: block; overflow: hidden; font-size: 23px; line-height: 35px; font-weight: bold; text-overflow:ellipsis; white-space: nowrap;}
.swiper-three li .tit a { color: #FFFFFF;}
.swiper-three li .des { display: block; overflow: hidden; font-size: 14px; line-height: 30px; color: #FFFFFF; text-overflow:ellipsis; white-space: nowrap; margin-top: 10px;}
.swiper-three li .more { width: 26px; height: 35px; overflow: hidden; display: block; position: absolute; z-index: 9; right: 0; top: 0; background: url(../img/imore_dot.png) no-repeat center;}
.swiper-three li .more a { display: block; height: 35px; overflow: hidden;}
.ithree_scr { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 60px;}
.ithree_scr .swiper-button-prev-three { width: 48px; height: 20px; display: block; overflow: hidden; float: left; background: url(../img/iprev_img.png) no-repeat center; cursor:pointer; position: relative; outline: none;}
.ithree_scr .swiper-button-next-three { width: 48px; height: 20px; display: block; overflow: hidden; float: left; background: url(../img/inext_img.png) no-repeat center; cursor:pointer; position: relative; margin-left: 40px; outline: none;}
.wap_three { display: none;}

.ifour_bg { width: 100%; height:100%; overflow: hidden; display: block; position: relative;}
.ifour_left { width: 50%; height: 100%; overflow: hidden; display: block; position: relative; float: left;}
.ifour_l_re { width: 100%; height: auto; overflow: hidden; display: block;}
.swiper-four { width: 100%; height: 100%; overflow: hidden; display: block; position: absolute; z-index: 9; left: 0; top: 0;}
.swiper-four li { display: block; overflow: hidden; height: 100%;}
.swiper-four li .img{ width: 100%; height: 100%; display: block; overflow: hidden;}
.swiper-four li .img a { width: 100%; height: 100%; display: block; overflow: hidden;}
.ifour_bg .swiper-button-prev-four { width: 40px; height: 60px; display: block; overflow: hidden; background: url(../img/scr_l.png) no-repeat center rgba(0,0,0,.5); background-size:30px 30px ; cursor:pointer; position: absolute; z-index: 10; left: 0; top: 50%; transform: translateY(-50%); transition: all .3s;}
.ifour_bg .swiper-button-next-four { width: 40px; height: 60px; display: block; overflow: hidden; background: url(../img/scr_r.png) no-repeat center rgba(0,0,0,.5); background-size:30px 30px; cursor:pointer; position: absolute; z-index: 10; right: 0; top: 50%; transform: translateY(-50%); transition: all .3s;}
.ifour_bg .swiper-button-prev-four:hover { background: url(../img/scr_l.png) no-repeat center #119776;}
.ifour_bg .swiper-button-next-four:hover { background: url(../img/scr_r.png) no-repeat center #119776;}
.ifour_info { display: inline-block; overflow: hidden; position: absolute; z-index: 20; top: 7%; left: 7%; text-align: left;}
.ifour_h { display: block; font-size: 50px; font-weight: bold; line-height: 60px; color: #ffffff; white-space: nowrap;}
.ifour_des { display: block; font-size: 18px; line-height: 45px; color: #ffffff; overflow: hidden; text-align: left; margin-top: 20px;}
.ifour_hr { width: 30px; height: 5px; display: inline-block; overflow: hidden; background: #FFFFFF; margin-top: 20px;}
.ifour_right { width: 50%; height: 100%; overflow: hidden; display: block; position: relative; float: right;}
.ifour_r_01 { width: 100%; height: 50%; display: block; overflow: hidden; position: relative; }
.ifour_right .img { width: 100%; height: 100%; display: block; overflow: hidden;}
.ifour_right .black { width: 100%; height: 100%; display: block; overflow: hidden; background: rgba(0,0,0,.2); transition: all .3s;}
.ifour_right .img:hover .black { background: rgba(0,0,0,.5);}
.ifour_right .fn_info { display: block; overflow: hidden; width: 100%; height: auto; padding: 80px; box-sizing: border-box;}
.ifour_right .fn_h { font-size: 30px; font-weight: bold; display: block; overflow: hidden; line-height: 40px;}
.ifour_right .fn_h a { color: #FFFFFF;}
.ifour_right .fn_des { display: block; overflow: hidden; font-size: 16px; line-height: 30px; color: #FFFFFF; margin-top: 15px; text-overflow: ellipsis; white-space: nowrap;}
.ifour_right .fn_more { width: 42px; height: 42px; display: block; overflow: hidden; margin-top: 25px;}
.ifour_right .fn_more a { width: 40px; height: 40px; display: block; overflow: hidden; background: url(../img/imore_btn.png) no-repeat center; border-radius: 100%; border: 1px solid #FFFFFF;}
.ifour_right .img:hover .fn_more a { background-color:#fc8007 ; border: 1px solid #fc8007;} 
.ifour_r_02 { width: 100%; height: 50%; display: block; overflow: hidden; position: relative; }
.ifour_r_02 li { width: 50%; height: 100%; display: block; overflow: hidden; float: left; position: relative;}


.ifive_bg { width: 100%; height: 100%; overflow: hidden; display: block; background: url(../img/ifive_bg.jpg) no-repeat center; background-size:cover;}
.ifive_wd { width: 94%; height: auto; overflow: hidden; display: block; max-width: 1520px; position: absolute; z-index: 9; left: 50%; top: 50%; transform: translate(-50%,-50%); padding-top: 0px; box-sizing: border-box;}
.ifive_tit_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.ifive_tit { display: block; overflow: hidden; font-size: 35px; line-height: 45px; overflow: hidden; color: #FFFFFF; font-weight:bold;}
.ifive_des { display: block; overflow: hidden; font-size: 16px; line-height: 30px; overflow: hidden; color: #FFFFFF; margin-top: 15px;}
.ifive_con { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 60px;}
.swiper-five { width: 100%; height: auto; overflow: hidden; display: block;}
.swiper-five li { display: block; overflow: hidden; background: none;}
.swiper-five li .img { width: 100%; height: auto; overflow: hidden; display: block;}
.swiper-five li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.swiper-five li:hover .img img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.swiper-five li .time { display: block; overflow: hidden; font-size: 13px; line-height: 25px; margin-top:15px; color: #FFFFFF; }
.swiper-five li .tit { display: block; overflow: hidden; font-size: 18px; line-height: 30px; margin-top:10px; }
.swiper-five li .tit a { color: #FFFFFF; text-overflow:ellipsis; white-space: nowrap; display: block; overflow: hidden;}
.swiper-five li .more { display: block; overflow: hidden; font-size: 14px; line-height: 30px; margin-top: 10px;}
.swiper-five li .more a { color: #FFFFFF;}
.ifive_scr { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 60px;}
.ifive_scr .swiper-button-prev-five { width: 48px; height: 20px; display: block; overflow: hidden; float: left; background: url(../img/iprev_img.png) no-repeat center; cursor:pointer; position: relative;}
.ifive_scr .swiper-button-next-five { width: 48px; height: 20px; display: block; overflow: hidden; float: left; background: url(../img/inext_img.png) no-repeat center; cursor:pointer; position: relative; margin-left: 40px;}

.isix_bg { width: 100%; height: 100%; overflow: hidden; display: block; background: #119776; position: relative;}
.isix_left { width: 50%; height:100%; overflow: hidden; display: block; position:relative; float: left;}
.isix_l_ab { width: 100%; height: auto; overflow: hidden; display: block; position: absolute; z-index: 9; left: 0; top: 50%; transform: translateY(-50%); padding: 0px 3%; box-sizing: border-box;}
.isix_logo { width: 40%; height: auto; max-width: 190px; margin: 0px auto; display: block; overflow: hidden;}
.isix_h { display: block; overflow: hidden; font-size: 35px; line-height: 45px; color: #FFFFFF; text-align: center; margin-top: 25px; font-weight: bold;}
.isix_des { display: block; overflow: hidden; font-size: 23px; line-height: 35px; color: #FFFFFF; text-align: center; margin-top: 20px; color: #ffffff;}
.isix_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 8%;}
.isix_ul li { width: 33.333%; height: auto; overflow: hidden; display: block; float: left; padding: 0px 5%; box-sizing: border-box; margin-top: 20px;}
.isix_ul li:first-child { display: none;}
.isix_ul li .tit { display: block; overflow: hidden; font-size: 45px; line-height: 55px; color: #ffffff; font-weight: bold; text-align: center;}
.isix_ul li .tit span { font-size: 25px; margin-left: 10px;}
.isix_ul li .des { display: block; overflow: hidden; font-size: 15px; line-height: 28px; color: #ffffff; min-height: 84px; text-align: center; margin-top: 30px;}
.isix_more { width: 120px; height: 40px; display: block; overflow: hidden; margin: 8% auto 0px auto;}
.isix_more a { width: 116px; height: 36px; display: block; overflow: hidden; border: 2px solid #FFFFFF; color: #FFFFFF; border-radius: 30px; font-size: 15px; line-height: 36px; transition: all .3s; text-align: center;}
.isix_more a:hover { border: 2px solid #fea304; background: #fea304;}
.isix_right { width: 50%; height: 100%; display: block; overflow: hidden; float: right; position: relative;}
.isix_re { width: 100%; height: auto; overflow: hidden; display: block;}
.isix_video { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; z-index: 9; left: 0; top: 0;}
.ivideo_btn { width: 72px; height: auto; overflow: hidden; display: block; position: absolute; z-index: 10; top: 50%; left: 50%; transform: translateY(-50%,-50%);}
.isix_black { display: none;}

.iseven_bg { width: 100%; height: 100%; overflow: hidden; display: block; position: relative; padding-bottom: 316px; box-sizing: border-box;}
.iseven_foot { width: 100%; height: 316px; overflow: hidden; display: block; position: absolute; z-index: 9; left: 0; bottom: 0;}
.iseven_map { width: 100%; height: 100%; display: block; overflow: hidden;}
.iseven_map .my-map { height: 100% !important; margin: 0 !important;}
.foot_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #212121; padding: 70px 0px 40px 0px; }
.foot_wd { width: 94%; height: auto; overflow: hidden; display: block; max-width: 1300px; margin: 0px auto; position: relative;}
.foot_con { width: 100%; height: auto; display: block; overflow: hidden; text-align: center;}
.foot_h { display: block; font-size: 25px; font-weight: bold; line-height: 35px; color: #ffffff; text-align: center; overflow: hidden;}
.foot_bq { display: block; font-size: 14px; line-height: 30px; overflow: hidden; text-align: center; color: #999999; margin-top: 15px;}
.foot_bq a { color: #999999;}
.foot_zc { display: inline-block; font-size: 14px; line-height: 35px; overflow: hidden; padding: 0px 25px; border: 1px solid #646464; margin-top: 15px; color: #999999; clear: both;}
.foot_share { width: 100%; height: auto; overflow: hidden; display: block; font-size: 0; text-align: center; margin-top: 45px;}
.foot_share li { display: inline-block; width: 25px; height: 25px; overflow: hidden; margin: 0px 15px;}
.foot_share li a { display: block; overflow: hidden; transition: all .3s;}
.foot_share li:hover a { opacity: .5;}

.btn_wx_bg { width: 100%; height:100%; display: block; position: fixed; top: 0px; left: 0px; overflow: hidden; background:rgba(0,0,0,.7);  z-index: 99999999; }
.btn_wx_con { width:220px; height:auto; display: block; position: absolute; z-index: 9999; top: 50%; left: 50%; transform: translate(-50%,-50%); overflow: hidden;}
.btn_close { width: 40px; height: 40px; display: block; overflow: hidden; margin: 20px auto 0px auto;}	
.btn_wx_img { width: 100%; height: auto; overflow: hidden; display: block; margin: 0px auto; border: 10px solid #ffffff; box-sizing: border-box;}
.btn_wx_tit { display: block; font-size: 15px; text-align: center; line-height: 30px; margin-top:10px; color: #ffffff; overflow: hidden;}

.foot_left {  display: inline-block; overflow: hidden; position: absolute; z-index: 9; top: 0; left: 0; text-align: left; max-width: 500px;}
.foot_right {  display: inline-block; overflow: hidden; position: absolute; z-index: 9; top: 0; right: 0; text-align: right; max-width: 500px;}
.foot_tit { display: block; font-size: 18px; font-weight: bold; line-height: 35px; color: #cccccc;}
.foot_nav { overflow: hidden; display: block; margin-top: 15px;}
.foot_nav li { display: block; font-size: 13px; line-height: 35px; overflow: hidden; }
.foot_nav li a { color: #999999;}
.foot_nav li a:hover { color: #ffffff;}
.foot_info { display: block; font-size: 13px; line-height: 35px; overflow:hidden; color: #999999; margin-top: 15px;}
.foot_mar { width: 100%; height: 80px; display: block; overflow: hidden;}
.foot_tel { display: none;}

/*此处为内页分割线----------------------------------*/
.banner_n { width: 100%; height: auto; overflow: hidden; display: block; padding: 200px 0px;}
.banner_pro { width: 100%; height: auto; overflow: hidden; display: block; padding: 140px 0px;}
.banner_tit { display: block; text-align: center; font-size: 45px; color: #FFFFFF; font-weight: bold; line-height: 60px;}
.banner_des { display: block; text-align: center; font-size:23px; color: #FFFFFF; line-height: 35px; margin-top: 25px;}
.banner_hr { width: 30px; height: 5px; display: block; margin: 30px auto 0px auto; overflow: hidden; background:#FFFFFF;}

.gray_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #f2f2f2;}
.place_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff; padding: 20px 0px; border-bottom: 1px solid #dddddd;}
.place_ul { width: 100%; height: auto; overflow: hidden; display: block; background: url(../img/dot_place.png) no-repeat left; padding-left: 25px; box-sizing: border-box;}
.place_ul li { float: left; font-size: 15px; line-height: 30px; display: block; overflow: hidden; color: #888888;}
.place_ul li a { color: #555555;}
.place_ul li a:hover { color: #119776;}
.page_nav { width: 100%; height:auto; overflow: hidden; display: block; font-size: 0; text-align: center; margin-top: 50px;}
.page_nav li { width: 220px; height: auto; overflow: hidden; display:inline-block; vertical-align: middle; margin: 20px 15px 0px 15px;}
.page_nav li a { display: block; overflow: hidden; font-size: 18px; font-weight: bold; background: #FFFFFF; color: #333333; text-align: center; line-height: 50px; transition: all .3s;}
.page_nav li.cur a { color: #FFFFFF; background: #119776;}
.page_nav li:hover a { color: #FFFFFF; background: #119776;}
.swiper-news-tj{ width: 100%; height: auto; overflow: hidden; display: block; margin-top: 70px; position: relative; margin-bottom: -20px;}
.swiper-news-tj li { display: block; overflow: hidden; padding: 0px 20px; box-sizing: border-box; position: relative;}
.swiper-news-tj li .con_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative; background: #058364; }
.swiper-news-tj li .img { width: 56%; height: auto; overflow: hidden; display: block; position: absolute; z-index: 9; top: 50%; transform: translateY(-50%); left: 0px;}
.swiper-news-tj li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.swiper-news-tj li:hover .img img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.swiper-news-tj li .info_bg { width: 44%; height: auto; overflow: hidden; display: block; float: right; padding: 85px 60px; box-sizing: border-box;}
.swiper-news-tj li .tit { display: block; overflow: hidden; width: 100%; height: auto;}
.swiper-news-tj li .tit a { display: block; overflow: hidden; font-size: 25px; line-height: 35px; font-weight: bold; color: #FFFFFF; text-overflow: ellipsis; white-space: nowrap;}
.swiper-news-tj li .des { width: 100%; height: 105px; display: block; overflow: hidden; font-size: 16px; line-height: 35px; color: #FFFFFF;opacity: .85; margin-top: 45px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.swiper-news-tj li .time { width: 100%; height: auto; overflow: hidden; display: block; font-size: 14px; line-height: 25px; color: #FFFFFF; margin-top: 40px;}
.swiper-news-tj li .more { width: 100%; height: auto; overflow: hidden; display: block; font-size: 15px; line-height: 25px; color: #FFFFFF; margin-top: 45px;}
.swiper-news-tj li .more a { color: #ffffff;}
.swiper-news-tj li .more a span { font-weight: bold; font-family: simsun; margin-left: 5px;}
.swiper-news-tj .swiper-pagination-news-tj { width: auto; display: inline-block; white-space: nowrap; height: 18px; text-align: center; position: absolute; bottom: 25px; z-index: 9; left: 6%;}
.swiper-news-tj .swiper-pagination-bullet {  background:#ffffff; width:10px; height: 10px; display: inline-block; box-sizing: border-box; border-radius: 100%; margin: 0px 5px; opacity: .6; vertical-align: middle; outline: none;}
.swiper-news-tj .swiper-pagination-bullet-active { width: 12px; height: 12px; background:none; border: 2px solid #ffffff; outline: none; box-sizing: border-box; opacity: .9;}

.ul_article { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 30px;}
.ul_article li { width: 33.33333%; height: auto; overflow: hidden; display: block; padding: 0px 20px; box-sizing: border-box; float: left; margin-top: 40px;}
.ul_article li .con_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff; position: relative;}
.ul_article li .img { width: 100%; height: auto; overflow: hidden; display: block; }
.ul_article li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.ul_article li:hover .img img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.ul_article li .info_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 20px 25px; box-sizing: border-box;}
.ul_article li .tit { width: 100%; height: auto; overflow: hidden; display: block; }
.ul_article li .tit a { display: block; overflow: hidden; font-size: 18px; line-height: 30px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap;}
.ul_article li .time {  font-size: 13px; line-height: 30px; color: #888888; overflow: hidden; display: block; margin-top: 15px;}
.ul_article li .des { width: 100%; height: 60px; overflow: hidden; font-size: 14px; line-height: 30px; color: #777777; margin-top: 10px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pagelist { width: 100%; height: auto; overflow: hidden; display: block; text-align: center; font-size: 0; margin-top: 60px; }
.pagination { display: inline-block; height: auto; overflow: hidden; text-align: center; font-size: 0; vertical-align:middle;}
.pagination li { font-size: 14px; line-height: 30px; overflow: hidden; display: inline-block; vertical-align: middle; margin: 20px 3px 0px 3px; background: #ffffff; border: 1px solid #dddddd; padding: 0px 10px;}
.pagination li a { display: block; overflow: hidden;}
.pagination li.active { background: #119776; border-radius: 3px;}
.pagination li.active a { padding: 0px; color: #FFFFFF;}

.show_wd { width: 94%; height: auto; overflow: hidden; display: block; max-width: 1100px; margin: 50px auto 0px auto; background: #ffffff; padding: 50px 5%; box-sizing: border-box;}
.show_tit { display: block; font-size: 23px; font-weight: bold; line-height: 35px; color: #000000; text-align: center; }
.show_default { width: 100%; height: auto; overflow: hidden; display:block; text-align: center; font-size: 13px; line-height: 25px; color: #777777; margin-top: 15px; border-bottom: 1px solid #cccccc; padding-bottom: 15px;}
.show_default .span { margin-left: 10px; display: inline-block;}
.show_con { width: 100%; height: auto; overflow: hidden; display: block; font-size: 14px; line-height: 32px; color: #333333; margin-top: 30px; border-bottom: 1px solid #dddddd; padding-bottom: 40px;}
.show_con p {overflow: hidden; display: block; font-size: 14px; line-height: 32px; color: #333333; }
.show_con img { max-width: 100%; margin: 20px auto; display: block; overflow: hidden;}
.show_fanye { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 30px; position: relative; padding-right: 200px; box-sizing: border-box;}
.show_fy_li { display: block; font-size: 15px; line-height: 30px; overflow: hidden; margin-top: 5px; color: #333333; text-overflow:ellipsis; white-space: nowrap;}
.show_back { width: 150px; height: 45px; display: block; overflow: hidden; position: absolute; z-index: 9; right: 0; top: 50%; transform: translateY(-50%);}
.show_back a { display: block; overflow: hidden; font-size: 17px; line-height: 45px; color: #ffffff; background: #119776; text-align: center; transition: all .3s;}
.show_back a:hover { background: #ff6600;}
.hy_tj_wd { width: 94%; height: auto; overflow: hidden; display: block; max-width: 1100px; margin: 0px auto;}


.pro_nav { width: 100%; height: auto; overflow: hidden; display: block; margin-top:30px;}
.pro_nav li { width: 50%; padding: 20px 30px; height: auto; display: block; overflow: hidden; box-sizing: border-box; float: left;}
.pro_nav li .re_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative; padding:10px 10px 23px 10px; box-sizing: border-box;}
.pro_nav li .con_bg { width: 100%; height: auto; overflow: hidden; background: #ffffff; padding-bottom: 35px; border-bottom: 5px solid #119776; box-shadow: 0px 0px 10px rgba(0,0,0,.1);}
.pro_nav li .img { width: 100%; height: auto; overflow: hidden; display: block; }
.pro_nav li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.pro_nav li:hover .img img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.pro_nav li .info_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 0px 8%; box-sizing: border-box;}
.pro_nav li .tit { width: 100%; height: auto; display: block; overflow: hidden; margin-top: 30px;}
.pro_nav li .tit a { display: block; overflow: hidden; font-size: 23px; line-height: 35px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.pro_nav li .des { display: block; overflow: hidden; font-size: 15px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; text-align: center; color: #555555; margin-top: 10px;}
.pro_nav li .more { width: 50px; height: 50px; display: block; overflow: hidden; position: absolute; z-index: 9; bottom: 0; left: 50%; transform: translateX(-50%); border: 5px solid #119776; border-radius: 100%; box-sizing:border-box ; background: #ffffff; transition: all .3s;}
.pro_nav li .more a { display: block; overflow: hidden; font-size: 25px; font-weight: bolder;  border-radius: 100%; line-height: 40px; text-align: center; color: #000000; font-family: simsun; }
.pro_nav li:hover .more { background: #119776;}
.pro_nav li:hover .more a { color: #ffffff;}

.pro_son_des_bg { width: 100%; height: auto; overflow: hidden; display: block; padding-right: 600px; box-sizing: border-box; position: relative; background: #ffffff; margin-top: 50px;}
.pro_son_des { width: 100%; height: auto; overflow: hidden; display: block; padding: 50px 7%; box-sizing: border-box;}
.pro_son_h { display: block; overflow: hidden; font-size: 30px; font-weight: bold; line-height: 45px; color: #119776;}
.pro_son_hr { width: 30px; height: 5px; display: block; overflow: hidden; background: #119776; margin-top: 15px;}
.pro_son_con { width: 100%; height: auto; overflow: hidden; display: block; font-size: 15px; line-height: 35px; min-height: 160px; color: #000000; margin-top: 25px;}
.pro_son_thumb { width: 600px; height:100%; display: block; overflow: hidden; position: absolute; z-index: 9; right: 0; top: 0;}

.pro_son_nav { width: 100%; height: auto; overflow: hidden; display: block; margin-top:20px;}
.pro_son_nav li { width: 25%; padding: 5px 7.5px; height: auto; display: block; overflow: hidden; box-sizing: border-box; float: left; margin-top: 20px;}
.pro_son_nav li .re_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative; padding:10px 10px 17px 10px; box-sizing: border-box;}
.pro_son_nav li .con_bg { width: 100%; height: auto; overflow: hidden; background: #ffffff; padding-bottom: 45px; border-bottom: 4px solid #119776; box-shadow: 0px 0px 10px rgba(0,0,0,.1);}
.pro_son_nav li .img { width: 100%; height: auto; overflow: hidden; display: block; }
.pro_son_nav li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.pro_son_nav li:hover .img img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.pro_son_nav li .info_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 0px 8%; box-sizing: border-box;}
.pro_son_nav li .tit { width: 100%; height: auto; display: block; overflow: hidden; margin-top: 20px;}
.pro_son_nav li .tit a { display: block; overflow: hidden; font-size: 18px; line-height: 30px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.pro_son_nav li .more { width: 40px; height: 40px; display: block; overflow: hidden; position: absolute; z-index: 9; bottom: 0; left: 50%; transform: translateX(-50%); border: 4px solid #119776; border-radius: 100%; box-sizing:border-box ; background: #ffffff; transition: all .3s;}
.pro_son_nav li .more a { display: block; overflow: hidden; font-size: 20px; font-weight: bolder;  border-radius: 100%; line-height: 30px; text-align: center; color: #000000; font-family: simsun; }
.pro_son_nav li:hover .more { background: #119776;}
.pro_son_nav li:hover .more a { color: #ffffff;}

.pro_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top:20px;}
.pro_ul li { width: 25%; padding: 5px 7.5px; height: auto; display: block; overflow: hidden; box-sizing: border-box; float: left; margin-top: 20px;}
.pro_ul li .re_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative; padding:10px 10px 17px 10px; box-sizing: border-box;}
.pro_ul li .con_bg { width: 100%; height: auto; overflow: hidden; background: #ffffff; padding:15px 15px 35px 15px; border-bottom: 4px solid #119776; box-shadow: 0px 0px 10px rgba(0,0,0,.1); box-sizing: border-box;}
.pro_ul li .img { width: 100%; height: auto; overflow: hidden; display: block; }
.pro_ul li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.pro_ul li:hover .img img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.pro_ul li .info_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 0px 8%; box-sizing: border-box;}
.pro_ul li .tit { width: 100%; height: auto; display: block; overflow: hidden; margin-top: 20px;}
.pro_ul li .tit a { display: block; overflow: hidden; font-size: 18px; line-height: 30px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; }
.pro_ul li .titfb { width: 100%; height: auto; display: block; overflow: hidden; margin-top: 5px;}
.pro_ul li .titfb a { display: block; overflow: hidden; font-size: 18px; line-height: 30px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; }
.pro_ul li .des { display: block; overflow: hidden; font-size: 15px; line-height: 30px;  color: #555555; margin-top: 10px; height: 60px;}
.pro_ul li .more { width: 40px; height: 40px; display: block; overflow: hidden; position: absolute; z-index: 9; bottom: 0; left: 50%; transform: translateX(-50%); border: 4px solid #119776; border-radius: 100%; box-sizing:border-box ; background: #ffffff; transition: all .3s;}
.pro_ul li .more a { display: block; overflow: hidden; font-size: 20px; font-weight: bolder;  border-radius: 100%; line-height: 30px; text-align: center; color: #000000; font-family: simsun; }
.pro_ul li:hover .more { background: #119776;}
.pro_ul li:hover .more a { color: #ffffff;}

.pro_show_wd { width: 100%; height: auto; overflow: hidden; display: block; position: relative; padding-right: 380px; box-sizing: border-box; margin-top: 50px;}
.pro_show_white { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff; padding: 50px 5%; box-sizing: border-box;}
.pro_show_one {width: 100%; height: auto; overflow: hidden; display: block; position: relative; }
.pro_show_img { width: 45%; height: auto;float: left; display: block; overflow: hidden; border: 3px solid #f8f8f8; box-sizing: border-box;}
.pro_show_r { width: 45%; height: auto; overflow: hidden; display: block; float: right;}
.pro_show_h { display: block; overflow: hidden; font-size: 28px; line-height: 40px; color: #000000; font-weight: bold;}
.pro_show_h2 { display: block; overflow: hidden; font-size: 20px; line-height: 35px; color: #000000; font-weight: bold; margin-top: 10px;}
.pro_show_des { width: 100%; height: auto; overflow: hidden; display: block; font-size: 15px; line-height: 35px; color: #555555; margin-top: 20px;}
.pro_show_zs_tit {width: 100%; height: auto; overflow: hidden; display: block; margin-top: 40px; background: #119776; font-size: 23px; line-height: 35px; padding: 10px 15px; box-sizing: border-box; color: #ffffff; font-weight: bold;}
.pro_show_con { width: 100%; height: auto; overflow: hidden; display: block; font-size: 15px; line-height: 35px; color: #000000; margin-top: 20px;}
.pro_show_con img { max-width: 100% !important; height: auto !important;}
.pro_show_zs_con img { max-width: 100% !important; height: auto !important; display: block; margin-top: 20px;}
.pro_xn_tit_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #f2f2f2; margin-top: 35px;}
.pro_xn_tit { display: inline-block; overflow: hidden; float: left; background: #119776; font-size: 18px; line-height: 40px; font-weight: bold; color: #ffffff; padding: 0px 20px;}
.pro_show_hr { width: 100%; height: 1px; display: block; background: #dddddd; margin-top: 40px; overflow: hidden;}

.pro_tj_tit_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff; margin-top: 50px; position: relative;}
.pro_tj_tit { display: inline-block; overflow: hidden; float: left; background: #119776; font-size: 18px; line-height: 40px; font-weight: bold; color: #ffffff; padding: 0px 20px;}
.pro_tj_more { display: inline-block; position: absolute; z-index: 9; right: 30px; top: 0; font-size: 14px; line-height: 40px; overflow: hidden;}
.pro_tj_more a { color: #666666;}

.pro_tj_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top:20px;}
.pro_tj_ul li { width: 25%; padding: 5px 0px; height: auto; display: block; overflow: hidden; box-sizing: border-box; float: left; margin-top: 20px;}
.pro_tj_ul li .re_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative; padding:10px 10px 17px 10px; box-sizing: border-box;}
.pro_tj_ul li .con_bg { width: 100%; height: auto; overflow: hidden; background: #ffffff; padding:5px 5px 35px 5px; border-bottom: 4px solid #119776; box-shadow: 0px 0px 10px rgba(0,0,0,.1); box-sizing: border-box;}
.pro_tj_ul li .img { width: 100%; height: auto; overflow: hidden; display: block; }
.pro_tj_ul li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.pro_tj_ul li:hover .img img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.pro_tj_ul li .info_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 0px 8%; box-sizing: border-box;}
.pro_tj_ul li .tit { width: 100%; height: auto; display: block; overflow: hidden; margin-top: 20px;}
.pro_tj_ul li .tit a { display: block; overflow: hidden; font-size: 16px; line-height: 25px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; }
.pro_tj_ul li .titfb { width: 100%; height: auto; display: block; overflow: hidden; margin-top: 5px;}
.pro_tj_ul li .titfb a { display: block; overflow: hidden; font-size: 15px; line-height: 25px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; }
.pro_tj_ul li .des { display: block; overflow: hidden; font-size: 13px; line-height: 25px;  color: #555555; margin-top: 10px; height: 50px;}
.pro_tj_ul li .des p { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro_tj_ul li .more { width: 40px; height: 40px; display: block; overflow: hidden; position: absolute; z-index: 9; bottom: 0; left: 50%; transform: translateX(-50%); border: 4px solid #119776; border-radius: 100%; box-sizing:border-box ; background: #ffffff; transition: all .3s;}
.pro_tj_ul li .more a { display: block; overflow: hidden; font-size: 20px; font-weight: bolder;  border-radius: 100%; line-height: 30px; text-align: center; color: #000000; font-family: simsun; }
.pro_tj_ul li:hover .more { background: #119776;}
.pro_tj_ul li:hover .more a { color: #ffffff;}

.pay_bg { width: 320px; height: auto; overflow: hidden; display: block; position: absolute; z-index: 9; right: 0; top: 0;}
.pay_tit { display: block; overflow: hidden; width: 100%; height: auto; background: #119776; font-size: 20px; font-weight: bold; line-height: 60px; padding: 0px 30px; box-sizing: border-box; color: #ffffff;}
.pay_con { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff; padding: 15px 25px 40px 25px; box-sizing: border-box;}
.pay_ul { width: 100%; height: auto; overflow: hidden; display: block;}
.pay_ul li { width: 100%; height: auto; overflow: hidden; display: block; position: relative; padding-left: 45px; box-sizing: border-box; min-height: 37px; margin-top: 20px;}
.pay_ul li .lable { display: inline-block; font-size: 15px; line-height: 37px; color: #333333; overflow: hidden; position: absolute; z-index: 9; left: 0; top: 0;}
.pay_ul li .text { width: 100%; height: 37px; display: block; overflow: hidden; background: #fafafa; border: 1px solid #cccccc; padding: 0px 10px; box-sizing: border-box; font-size: 14px; line-height: 35px; color: #333333; outline: none;}
.pay_ul li .test { width: 100%;min-height: 100px; display: block; overflow: hidden; background: #fafafa; border: 1px solid #cccccc; padding: 5px 10px; box-sizing: border-box; font-size: 14px; line-height: 35px; color: #333333; outline: none; font-family: "microsoft yahei";}
.pay_ul li .submit { width: 125px; height: 35px; display: block; overflow: hidden; border: none; border-radius: 5px; margin: 15px auto 0px auto; background: #119776; outline: none; text-align: center; font-size: 14px; line-height: 35px; color: #ffffff; font-family: "microsoft yahei"; cursor: pointer;}

.video_bg { width: 100%; height: 600px; display: block; position: relative; overflow: hidden;}
.video_ab { width: 100%; height: auto; overflow: hidden; display: block; position: absolute; z-index: 9; left: 0; bottom: 0;}
.video_btn { width: 420px; height: auto; overflow: hidden; display: block; position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); right: 20%;}
.vd_btn { width: 100%; height: 100%; position: fixed; z-index: 9999999; background: rgba(0,0,0,.7); overflow: hidden; top: 0; display: none;}
.vd_con_bg { width:92%; max-width: 1100px; height: auto; background: #000000; border-radius:8px; padding: 30px; box-sizing: border-box;  position:relative; z-index: 9; left: 50%; top: 50%;  transform: translate(-50%,-50%);}
.vd_close { width: 40px; height: 40px; border-radius: 100%; overflow: hidden; display: block; position: relative; margin: 30px auto 0px auto;}
.vd_sp { width: 100%; height: 600px; display: block; overflow: hidden; border: none; outline: none;}
.about_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 100px 0px;}
.about_tit { display: block; overflow: hidden; font-size: 35px; line-height: 45px; text-align: center; font-weight: bold; color: #000000;}
.about_des { display: block; overflow: hidden; font-size: 18px; line-height: 30px; text-align: center;  color: #333333; margin-top: 15px;}
.about_hr { display: block; overflow: hidden; width: 30px; height: 5px; background: #119776; margin: 25px auto 0px auto;}
.about_l { width: 50%; height: auto; overflow: hidden; display: block; margin-top: 30px; float: left;}
.num_ul { width: 100%; height: auto; overflow: hidden; display: block;}
.num_ul li { width: 50%; height: auto; overflow: hidden; padding: 0px 7.5%; box-sizing: border-box; margin-top: 60px; float: left;}
.num_ul li .tit { display: block; font-size: 35px; line-height: 45px; font-family: impact; text-align: center; vertical-align: bottom; color: #000000;}
.num_ul li .tit span { font-size: 75px; line-height: 85px; font-weight: bold; font-family: arial; vertical-align: bottom; margin-right: 15px;}
.num_ul li .des { display: block; overflow: hidden; font-size: 15px; line-height: 30px; color: #000000; height: 90px; text-align: center; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 25px;}
.about_r { width: 50%; height: auto; overflow: hidden; display: block; margin-top: 100px; float: right; padding-left: 7%; box-sizing: border-box;}
.about_r_con { display: block; overflow: hidden; width: 100%; height: auto; font-size: 16px; line-height: 35px; color: #000000;}
.about_green { width: 100%; height: auto; overflow: hidden; display: block; padding: 90px 0px; position: relative; background: #119776;}
.about_green_l { width: 42%; height: auto;overflow: hidden; display: block; float: left; font-size: 16px; line-height: 35px; color: #FFFFFF;}
.about_green_r { width: 50%; height: 100%; position: absolute; z-index: 9; right: 0; top: 0; display: block; overflow: hidden;}

.rongyu_wd { width: 94%; height: auto; overflow: hidden; display: block; max-width: 1200px; margin: 0px auto;}
.rongyu_tit { display: block;overflow: hidden; font-size: 35px; line-height: 45px; text-align: center; font-weight: bold; color: #11ab85; margin-top: 70px;}
.rongyu_des { display: block;overflow: hidden; font-size: 15px; line-height: 35px; text-align: center; color: #000000; margin-top: 15px;}
.rongyu_wd .gallery-thumbs { width:100%; display: block; height: auto; overflow: hidden;  margin-top: 25px; padding: 0px 2px; box-sizing: border-box;}
.rongyu_wd .gallery-top { width: 100%; display: block; height: auto; overflow: hidden; margin-top: 50px;}
.rongyu_wd .swiper-slide-thumb-active img { border: 6px solid #11ab85; box-sizing: border-box;}
.rongyu_wd .gallery-thumbs li { overflow: hidden;  box-sizing: border-box; height: auto !important; padding: 0px 10px;}
.rongyu_wd .gallery-top li { width: 100%; height: auto; overflow: hidden; display: block; background: #EEEEEE; padding: 35px; box-sizing: border-box;}
.rongyu_wd .gallery-top li .img { width: 50%; height: auto; overflow: hidden; display: block; float: left;}
.rongyu_wd .gallery-top li .con { width: 45%; height: auto; overflow: hidden; display: block;float: right;}
.rongyu_wd .gallery-top li .con .tit { display: block; overflow: hidden; font-size: 30px; font-weight: bold; line-height: 40px; margin-top: 20px;}
.rongyu_wd .gallery-top li .con .des { display: block; overflow: hidden; font-size: 16px; line-height: 30px; margin-top: 40px;}
.rongyu_wd .swiper_btn { display: inline-block; overflow: hidden; position: absolute; z-index: 99; left: 55.5%; bottom: 20%; height: 35px;}
.rongyu_wd .swiper_btn .swiper-button-next-ry { position: relative; width: 100px; height: 35px; background:url(../img/r_ry.png) no-repeat center #119776; float: left; outline: none; margin-left: 30px; border-radius: 35px; cursor: pointer;}
.rongyu_wd .swiper_btn .swiper-button-prev-ry { position: relative; width: 100px; height: 35px; background:url(../img/l_ry.png) no-repeat center #119776; float: left; outline: none; border-radius: 35px; cursor: pointer;}

.ul_surp { width: 100%; height: auto; overflow: hidden; display: block; }
.ul_surp li { display: block; overflow: hidden; width: 100%; height: auto; padding: 35px 0px; position: relative; padding: 110px 0px;}
.ul_surp li.t1 { background: #119776;}
.ul_surp li.t2 { background: #ffffff;}
.ul_surp li .img { width: 50%; height: 100%; overflow: hidden; display: block; position: absolute; z-index: 9; top: 0; }
.ul_surp li.t1 .img { left: 0;}
.ul_surp li.t2 .img { right: 0;}
.ul_surp li.t1 .con { width: 44%; height: auto; overflow: hidden; display: block; box-sizing: border-box; float: right;}
.ul_surp li.t2 .con { width: 44%; height: auto; overflow: hidden; display: block; box-sizing: border-box; float: left;}
.ul_surp li .tit { width: 100%; display: block; font-size: 35px; line-height: 45px; overflow: hidden; }
.ul_surp li .tit a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold;}
.ul_surp li.t1 .tit a { color: #FFFFFF;}
.ul_surp li.t2 .tit a { color: #000000;}
.ul_surp li .des { color:#000000; opacity: .9; font-size: 16px; line-height:35px; height: 105px; display: block; margin-top: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ul_surp li.t1 .des { color: #FFFFFF;}
.ul_surp li.t2 .des { color: #000000;}
.ul_surp li .more { width: 140px; height: 35px; display: block; overflow: hidden; margin-top: 50px; }
.ul_surp li .more a { display: block; font-size: 15px; line-height: 35px; text-align: center; color: #ffffff; background: #f79304; transition: all .3s; overflow: hidden; border-radius: 35px;}
.ul_surp li .more a:hover { background: #f77604;}

.hr_wd { width: 100%; max-width: 1200px; height: auto; overflow: hidden; display: block; text-align: center; margin: 70px auto 0px auto;}
.hr_h { display: inline-block; overflow: hidden; font-size: 40px; line-height: 50px; font-weight: bold; color: #000000; background: url(../img/dot_logo.png) no-repeat left; padding-left: 170px;}
.hr_tit { display: block; overflow: hidden; font-size: 25px; line-height: 45px; color: #000000; text-align: center; margin-top: 15px; }
.hr_des { display: block; overflow: hidden; font-size: 20px; line-height: 45px; color: #000000; text-align: center; margin-top: 25px; }
.ul_hr { width: 100%; height: auto; overflow: hidden; display: block;}
.ul_hr li { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 100px; position: relative;}
.ul_hr li .con { width: 45%; height: auto; overflow: hidden; display: block; position: relative; border-top: 1px solid #888888; text-align: left;}
.ul_hr li .img { width: 50%; height: 100%; position: absolute; z-index: 9; top: 0; display: block; overflow: hidden;}
.ul_hr li.li1 .con { float: right;}
.ul_hr li.li2 .con { float: left;}
.ul_hr li.li1 .img { left: 0;}
.ul_hr li.li2 .img { right: 0;}
.ul_hr li .dot { width: 23px; height: 20px; display: block; overflow: hidden; background: url(../img/dot_fh.png) no-repeat center; margin-top: 40px;}
.ul_hr li .tit {display: block; font-size: 30px; line-height: 40px; font-weight: bold; overflow: hidden; margin-top: 40px; color: #000000;}
.ul_hr li .des {display: block; font-size: 17px; line-height: 40px; overflow: hidden; margin-top: 30px; color: #000000; min-height: 160px;}

.hr_btn { width: 130px; height: 45px; display: block; overflow: hidden; margin: 50px auto 0px auto;}
.hr_btn a { display: block; overflow: hidden; background: #119776; font-size: 17px; line-height: 45px; text-align: center; color: #FFFFFF; transition: all .3s;}
.hr_btn a:hover { background: #fb7407;}

.hr_btn_n { width: 120px; height: 40px; display: block; overflow: hidden;  margin-top: 25px;}
.hr_btn_n a { display: block; overflow: hidden; background: #119776; font-size: 15px; line-height: 35px; text-align: center; color: #FFFFFF; transition: all .3s; border-radius: 35px;}
.hr_btn_n a:hover { background: #fb7407;}

.hr_nav { width: 100%; max-width: 1280px; height: auto; overflow: hidden; display: block; margin: 60px auto 0px auto;}
.hr_nav li { width: 50%; height: auto; overflow: hidden; display: block; padding: 0px 40px; box-sizing: border-box; float: left;}
.hr_nav li .con_bg { width: 100%; height: auto; overflow: hidden; display: block; border-bottom: 1px solid #dddddd; padding-bottom: 20px;}
.hr_nav li .img { width: 100%; height: auto; overflow: hidden; display: block;}
.hr_nav li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.hr_nav li:hover .img img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.hr_nav li .info_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative; margin-top: 20px;}
.hr_nav li .tit { display: block; overflow: hidden; font-size: 19px; line-height: 35px;}
.hr_nav li .more { display: inline-block; overflow: hidden; position: absolute; z-index: 9; right: 0; top: 0; font-size: 14px; line-height: 35px;}
.hr_nav li .more a { color: #AAAAAA;}
.hr_nav li .more a:hover { color: #119776;}

.zp_btn { width: 100%; height: 100%; position: fixed; z-index: 9999999; background: rgba(0,0,0,.5); overflow: hidden; top: 0; display: none;}
.zp_con_bg { width:92%; max-width: 1100px; height: 85%; background: #ffffff;  padding: 150px 40px 50px 40px; box-sizing: border-box;  position:relative; z-index: 9; left: 50%; top: 50%;  transform: translate(-50%,-50%);}
.zp_close { width: 40px; height: 40px; border-radius: 100%; overflow: hidden; display: block; position: relative; margin: 30px auto 0px auto;}
.zp_wd { width: 94%; height: auto; overflow: hidden; display: block; max-width: 1100px; margin: 50px auto 0px auto; position: relative; background: #FFFFFF; padding: 50px; box-sizing: border-box;}
.zp_h_bg { width: 100; height: auto; overflow: hidden; display: block; position: relative;}
.zp_h { width: 180px; height: 50px; display: block; overflow: hidden; border-radius: 8px; background: #119776; color: #FFFFFF; font-size: 20px; line-height: 50px; text-align: center; margin-left: 40px;}

.shenqing_form { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px;}
.shenqing_form li { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 35px; }
.shenqing_form li .input_l { width: 50%; height: auto; padding: 0px 40px; box-sizing: border-box; float: left;}
.shenqing_form li .input_r { width: 50%; height: auto; padding: 0px 40px; box-sizing: border-box; float: left;}
.shenqing_form li .input_text { width: 100%; height: auto; padding: 0px 40px; box-sizing: border-box;}
.shenqing_form li .lable { display: block; font-size: 16px; line-height: 35px; overflow: hidden; color: #333333;}
.shenqing_form li .text { width: 100%; height: 45px; display: block; overflow: hidden; background: #fafafa; border: 1px solid #cccccc; padding: 0px 10px; box-sizing: border-box; font-size: 14px; line-height: 43px; color: #333333; outline: none; margin-top: 5px;}
.shenqing_form li .test { width: 100%;min-height: 100px; display: block; overflow: hidden; background: #fafafa; border: 1px solid #cccccc; padding: 5px 10px; box-sizing: border-box; font-size: 14px; line-height: 35px; color: #333333; outline: none; font-family: "microsoft yahei"; margin-top: 5px;}
.shenqing_form li .submit { width: 125px; height: 35px; display: block; overflow: hidden; border: none; border-radius: 5px; margin: 15px auto 0px auto; background: #119776; outline: none; text-align: center; font-size: 14px; line-height: 35px; color: #ffffff; font-family: "microsoft yahei"; cursor: pointer;}

.contact_bg { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 60px;}
.contact_bg .tab-hd { width: 100%; height: auto; overflow: hidden; display: block; font-size: 0; text-align: center;}
.contact_bg .tab-hd li { width: 175px; height: 50px; display: inline-block; overflow: hidden; margin: 0px 15px; background: #EAEAEA; cursor: pointer; font-size: 18px; text-align: center; line-height: 50px; font-weight: bold; color: #000000;}
.contact_bg .tab-hd li.active{ background:#119776; color: #FFFFFF;}
.contact_bg .tab-bd li{display:none; padding:0px; width: 100%; height: auto; overflow: hidden; margin-top: 60px;}
.contact_bg .tab-bd li.thisclass{ display:list-item;}
.contact_bg .tab-bd li .list { width: 25%; height: auto; overflow: hidden; display: block;  padding: 0px 5%; box-sizing: border-box; text-align: center; float: left; margin-top: 40px;}
.contact_bg .tab-bd li .img { width: 40%; height: auto; overflow: hidden; border-radius: 100%; border: 2px solid #119776; padding: 15px; max-width: 55px; display: block; margin: 0px auto;}
.contact_bg .tab-bd li .info { display: block; overflow: hidden; font-size: 17px; line-height: 30px; color: #000000; height: 60px; text-align: center; font-weight: bold; margin-top:40px; }

.my-map { margin: 0 auto; width: 100%; height: 600px; margin-top: 100px;} 
.my-map .icon { background: url(../img/marker.png) no-repeat ; background-size:100% auto; animation: jump 3s ease infinite; }            
.my-map .icon-cir { height: 80px; width: 70px; } 
.my-map .icon-cir-red { background-position: 0px 0px; }
.amap-container{height: 100%;}
.myinfowindow{width: 100%;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 100%; height: auto; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }

.mes_wd { width: 94%; height: auto; overflow: hidden; display: block; max-width: 760px; box-shadow: 0px 0px 15px rgba(0,0,0,.1); background: #FFFFFF; margin: 50px auto 0px auto; padding: 60px 40px; box-sizing:border-box ;}
.mes_h { display: block; overflow: hidden; font-size: 30px; font-weight: bold; color: #333333; line-height: 45px; text-align: center;}
.mes_p { display: block; overflow: hidden; font-size: 15px; color: #666666; line-height: 28px; text-align: center;}
.mes_hr { display: block; overflow: hidden;  width: 100%; height: 1px; background: #e6e6e6; margin-top:30px ;}

.mes_ul { width: 100%; height: auto; overflow: hidden; display: block; max-width: 500px; margin: 30px auto 0px auto; }
.mes_ul li { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px; }
.mes_ul li .text_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative; padding-left: 55px; box-sizing: border-box;}
.mes_ul li .lable { display: inline-block; position: absolute; z-index: 9; left: 0; top: 0; font-size: 16px; line-height: 40px; color: #333333;}
.mes_ul li .text { border: 1px solid #e2e2e2; background: #fbfbfb; width: 100%; height: auto; box-sizing: border-box; padding: 0px 8px; font-size:14px ; line-height: 40px; color: #444444; outline: none; border-radius: 3px;}
.mes_ul li .test { border: 1px solid #e2e2e2; background: #fbfbfb; width: 100%; height: auto; min-height: 150px; font-family: "microsoft yahei"; box-sizing: border-box; padding: 0px 8px; font-size:14px ; line-height: 40px; color: #444444; outline: none; border-radius: 3px;}
.mes_ul li .submit { width: 140px; height: 45px; display: block; overflow: hidden; border: none; border-radius: 3px; margin: 15px auto 0px auto; background: #119776; outline: none; text-align: center; font-size: 15px; line-height: 45px; color: #ffffff; font-family: "microsoft yahei"; letter-spacing: 2px; cursor: pointer;}

.dl_hr { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 40px;}
.dl_hr .list_hr { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff; padding: 20px 40px; box-sizing: border-box;  margin-top: 10px;}
.dl_hr .list_hr dt { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.dl_hr .list_hr dt a { width: 100%; height: auto; overflow: hidden; display: block;}
.dl_hr .list_hr dt .left { width: 40%; height: auto; overflow: hidden; display: block; float: left; font-size: 18px; font-weight: bold; line-height: 40px; padding-right: 40px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap;}
.dl_hr .list_hr dt .mid { width: 25%; height: auto; overflow: hidden; display: block; float: left; font-size: 17px;  line-height: 40px;}
.dl_hr .list_hr dt .right { width: 25%; height: auto; overflow: hidden; display: block; float: left; font-size: 17px;  line-height: 40px;}
.dl_hr .list_hr dt a { color: #333333;}
.dl_hr .list_hr dd { display: none; height: auto; width: 100%; overflow: hidden; border-top: 1px solid #dddddd; padding: 10px 0px; margin-top: 10px; }
.dl_hr .list_hr dd .tit { display: block; overflow: hidden; font-size: 18px; line-height: 25px; font-weight: bold; margin-top: 20px;}
.dl_hr .list_hr dd .con{ display: block; height: auto; width: 100%; overflow: hidden; margin-top: 10px; font-size: 15px; line-height: 30px; color: #555555;}
.dl_hr .list_hr .dot { width: 30px; height: 40px; display: block; overflow: hidden; position: absolute; z-index: 9; right:0; top: 0; background: url(../img/dot_hr.png) no-repeat center;}
.dl_hr .list_hr dt.bg .dot {  background: url(../img/dot_hr_h.png) no-repeat center;}
 
.no_h { font-size: 30px; line-height: 45px; text-align: center; display: block; overflow: hidden; padding: 100px 0px; color: #AAAAAA;}

.lc_bt_bg { width: 180px; height: 180px; display: block; margin: 70px auto 0px auto; border: 10px solid #e2e2e2; background: #089a76; border-radius: 100%; position: relative;}
.lc_bt { width: 70%; height: auto; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 35px; font-weight: bold; line-height: 50px; color: #FFFFFF; text-align: center; position: absolute; z-index: 9;}
.lc_wd { width: 100%; height: auto; max-width: 1200px; margin: 0px auto; overflow: hidden; display: block; position: relative; padding:100px 0px 180px 0px; background: url(../img/lc_bg.jpg) center repeat-y;}
.lc_wd .hidden{ display: none;}
.moreload{width: 100%;height: auto;overflow: hidden; display: block;}
.moreload ul.list{ width: 100%; height: auto; overflow: hidden; display: block; padding-top: 100px;}
.moreload ul.list li{ width: 100%; height: auto; overflow: hidden; display: block; margin-top: -100px;}
.moreload ul.list li .con_bg { width: 50%; height: auto; overflow: hidden; display: block; position: relative;}
.moreload ul.list li:nth-child(1n) .con_bg { float: left; padding-right: 20px; text-align: right; padding-left: 0;} 
.moreload ul.list li:nth-child(2n) .con_bg { float: right; padding-left: 20px; text-align: left; padding-right: 0;} 
.moreload ul.list li .info_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;box-sizing: border-box;}
.moreload ul.list li:nth-child(1n) .info_bg { padding-right: 60px; padding-left:0 ;}
.moreload ul.list li:nth-child(2n) .info_bg { padding-left: 60px; padding-right: 0;}
.moreload ul.list li .dot { width: 40px; height: 40px; background: #ffffff; border: 8px solid #089a76; border-radius: 100%; box-sizing: border-box; position: absolute; z-index: 9; top: 40%;}
.moreload ul.list li:hover .dot { border: 8px solid #f3a104;}
.moreload ul.list li:nth-child(1n) .dot { right: 0;}
.moreload ul.list li:nth-child(2n) .dot { left: 0;}
.moreload ul.list li .img {width: 100%;height: auto; overflow: hidden; display: block;}
.moreload ul.list li .tit { display: block; overflow: hidden; font-size: 25px; font-weight: bold; line-height: 35px; margin-top: 20px;}
.moreload ul.list li .des { display: block; overflow: hidden; font-size: 16px; line-height: 30px; margin-top: 10px;}
.moreload ul.list li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.moreload ul.list li:hover .img img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.moreload .more{ width: 100px; height: 100px; display: block; overflow: hidden; position: absolute; z-index: 9; bottom: 0; left: 50%; margin-left: -50px;}
.moreload .more a{ display: block; overflow: hidden; text-align: center; line-height: 100px; color: #ffffff; background: #089a76; border-radius: 100%; transition:all .3s;}
.moreload .more a:hover { background:#f3a104 ;}
.moreload .more p { background: #888888; color: #ffffff; font-size: 15px; line-height: 25px; padding: 25px 15px; border-radius: 100%; width: 100%; height: 100px; box-sizing: border-box; text-align: center;}

.kf_bg { width: 50px; height: auto; min-height: 100px; display: block; position: fixed; z-index: 99999; right: 2%; bottom: 30%;  border-radius: 60px; background: #ffffff; box-shadow: 0px 0px 10px rgba(0,0,0,.2); padding:10px 0px; box-sizing: border-box;}
.kf_re { width: 35px; height: 35px; display: block; position: relative; margin: 0px auto;}
.kf_re a.a1 { display: block; width: 35px; height: 35px; overflow: hidden; border-radius: 100%; background:url(../img/dot_kf.png) no-repeat #ffffff; transition: all .3s; }
.kf_re:hover a.a1 { background:url(../img/dot_kf_h.png) no-repeat #fb8a04;}
.kf_re a.a2 { display: block; width: 35px; height: 35px; overflow: hidden; border-radius: 100%; background:url(../img/dot_phone.png) no-repeat #ffffff; transition: all .3s; }
.kf_re:hover a.a2 { background:url(../img/dot_phone_h.png) no-repeat #fb8a04;}
.kf_re a.a3 { display: block; width: 35px; height: 35px; overflow: hidden; border-radius: 100%; background:url(../img/dot_ma.png) no-repeat #ffffff; transition: all .3s;}
.kf_re:hover a.a3 { background:url(../img/dot_ma_h.png) no-repeat #fb8a04;}
.kf_re a.a4 { display: block; width: 35px; height: 35px; overflow: hidden; border-radius: 100%; background:#ffffff; transition: all .3s; font-size: 12px; text-align: center; line-height: 35px; color: #333333; font-family: arial;}
.kf_re:hover a.a4 { background:#fb8a04; color: #ffffff;}

.kf_ab01 { width: 170px; height: auto; overflow: hidden; display: none; position: absolute; z-index: 9; right:40px; padding:10px 20px 10px 10px; top: 50%; transform: translateY(-50%);}
.kf_re:hover .kf_ab01 { display: block;}
.kf_ab02 { width: 150px; height: auto; overflow: hidden; display: none; position: absolute; z-index: 9; right:40px; padding:10px 20px 10px 10px; top: 0%; transform: translateY(-50%);}
.kf_re:hover .kf_ab02 { display: block;}
.kf_ab_bg { width: 100%; height: auto; overflow: hidden; display: block; background:#ffffff; padding: 10px; box-sizing: border-box; box-shadow: 0px 0px 10px rgba(0,0,0,.2); border-radius: 5px;}
.kf_tit { display: block; font-size: 15px; line-height: 25px; overflow: hidden; color: #000000}
.kf_tit a { color: #444444;}
.kf_tit a span { display: block; color: #fd5d05; font-size: 13px;}
.kf_hr { width: 20px; height: 1px; display: block; overflow: hidden; margin: 10px auto; background: #DDDDDD;}
.kf_img { width: 100%; height: auto; overflow: hidden; display: block;}
.kf_img_tit { display: block; font-size: 14px; line-height: 25px; margin-top: 5px; color: #555555; text-align: center; overflow: hidden;}