body{ min-width:320px;font:16px "微软雅黑","Arial,Microsoft YaHei";color:#333;line-height:24px;overflow-x: hidden; } .container{ margin:0 auto;height:auto; }
h1,h2,h3,h4,h5,p,div,span,ul,li,dl,dd,dt{margin:0;padding:0;} input,textarea{outline:none; font:16px "微软雅黑","Arial,Microsoft YaHei";}label{font-weight: normal;width:100%;}
a{text-decoration: none;outline:none;color:#333; } a:focus, a:hover{color:#333;text-decoration: none;outline: none;  outline-offset: 0;}
ul,li{list-style: none;} i,em{font-style:normal;}
.nav>li>a:focus, .nav>li>a:hover{background: none;}
.lt{float:left;}.rt{float:right;}.hide{display: none;}.show{display: block;} .imgMax{max-width:100%;max-height:100%;}
.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}.fwn{font-weight: normal}
.db{display: block;}.dib{display: inline-block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}.oh{overflow: hidden;}
.transition{-webkit-transition: all  0.3s linear;-moz-transition: all  0.3s linear;-o-transition: all  0.3s linear; transition: all  0.3s linear; }
img.desaturate { filter: grayscale(100%);  -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  }
img.desaturate:hover { filter: grayscale(0);  -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  }
img{border:none;}
html{ width:100%;overflow-x: hidden;}
body{ width:100%; ;position: relative;background: #fff;}
.clear{clear: both;}
.slick-slide{outline: none;}
.slick-slide img{margin:0 auto;max-width:100%;}
.slick-dots li button:before{display: none;}
.slick-dotted.slick-slider{margin-bottom:0;}
.container{padding-left:15px;padding-right:15px;}





.left_navBox.on{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}
.left_navBox{position:fixed;top:0;right:0;width:100%;height:100%;background: rgba(0,0,0,.8);z-index:50;transform: translate3d(100%,0,0);-webkit-transform: translate3d(100%,0,0);}
.left_navCont{position: relative;z-index: 51;height:100%;width:100%;}
.left_title{height:60px;}
.left_title h3{font-size: 18px;color:#fff;display:inline-block;line-height: 60px; }
.left_title h3:before{content:"";display: inline-block;vertical-align: middle;height:14px;width:10px;
    background: #59d4d7;margin:-3px 10px 0 0;}
.left_title .close_m{float: right;width:32px;height:60px;line-height:64px; text-align: center;margin-right:15px;}
.left_title .close_m img{width: 40px;}
.left_nav{padding:35px 0 50px 50px;height:100%;overflow-y: auto;-webkit-overflow-scrolling : touch; }
.left_nav li{margin:5px 0;}
.left_nav li a{ color:#fff;display: block;position: relative;font-size: 14px;
    height:50px;line-height: 50px;overflow: hidden;padding:0 35px 0 25px;}
.left_nav li a .en{float: right;font-size: 18px;color:#50c2c5;opacity: 0;}
.left_nav li a i{width: 25px;height:10px; display: inline-block;vertical-align: middle;
    opacity: 0; margin:-3px 0 0  0; background: url(../images/m_07.png) no-repeat center center;background-size:100%;
    transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.left_nav li:hover a {background: #59d4d7;}
.left_nav li:hover a .en{opacity: 1;}
.left_nav li:hover a i{opacity: 1;transform: translateX(30px);-webkit-transform: translateX(30px);}
.left_navCont:after{content:"";display: block;position: absolute; bottom:30px;left:34px;width:10px;height:170px;
    background:url(../images/m_11.png) no-repeat center center;background-size: 100% }


.left_float{background: #fff;border-radius: 5px;box-shadow: 0 0 10px 1px rgba(0,0,0,.1); position: fixed;top:50%;right:15px;z-index:20;transform: translateY(-50%);-webkit-transform: translateY(-50%)}
.left_float li{width:40px;height:40px;position: relative;}
.left_float li a{display: block;margin:0 5px;height:100%;border-bottom:1px solid #dedede;}
.left_float li:last-child a{border:none;}
.left_float li a span{position: absolute;top:50%;left:0;right:0;margin:auto;line-height: 16px;
    text-align: center;color:#fff;display: block;font-size: 12px;
    transform: translateY(-50%);-webkit-transform: translateY(-50%);opacity: 0;}
.left_float li .box{display: none;position: absolute;top:0;right:120%;line-height: 30px;background: rgba(255,255,255,.9);border-radius: 5px;padding:5px 20px;color:#505050;font-size: 14px;}
.left_float li .box p{ white-space:nowrap;}
.left_float li a:hover{background: #59d4d7;margin:0;border:none;}
.left_float li:first-child a{border-radius: 5px 5px 0 0}
.left_float li:last-child a{border-radius:  0 0 5px 5px}
.left_float li a:hover  span{opacity: 1;}
.left_float li:hover .box{display: block;}
.left_float li a:hover img{opacity: 0;}


.scrollTop{width:47px;height:47px;background: #59d4d7;border-radius: 50%;text-align: center;
position: absolute;bottom:103px;right:60px;box-shadow:0 3px 10px 1px rgba(0,255,255,.35)}


.section_top{position: relative;padding-left:60px;}
.top_lt{width:220px;position: absolute;top:50%;left:60px;padding:0 15px;
    transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.top_lt .logo a{display: block;width: 100%;text-align: left;}
.top_lt .logo a img{max-width: 100%;max-height: 100%;}
.top_lt .top_tell{font-size: 14px;color:#c4c4c4;line-height: 28px;margin-top:10px;}
.top_lt .top_tell img{margin:-3px 5px 0 0;}
.top_rt{margin-left:220px;}
.top_share{text-align: right;padding:33px 35px;position: relative;z-index: 20;}
.top_share li{display: inline-block;vertical-align: top;position: relative;margin:0 8px;}
.top_share li i{display: block;width:21px;height:20px;}
.top_share li.qq i{background: url(../images/1_03.png) no-repeat center center;}
.top_share li.qq:hover i{background: url(../images/s_03.png) no-repeat center center;}
.top_share li.wb i{background: url(../images/1_05.png) no-repeat center center;}
.top_share li.wb:hover i{background: url(../images/s_05.png) no-repeat center center;}
.top_share li.wx i{background: url(../images/1_07.png) no-repeat center center;}
.top_share li.wx:hover i{background: url(../images/s_07.png) no-repeat center center;}
.top_share li.wx .wx_box {opacity:0;z-index:20;box-shadow: 0 2px 10px 1px rgba(0,0,0,.09);
    text-align: center; position: absolute;top:30px;left:50%;width:68px;background: #fff;border-radius: 6px;padding:6px;margin-left:-34px;}
.top_share li.wx .wx_box img{max-width: 100%;}
.top_share li.wx .wx_box dd{font-size: 12px;color:#979797;line-height: 16px;margin-top:2px;}
.top_share li.wx:hover .wx_box{opacity: 1;}


.banner .slick-dots{right:75px;bottom:30px;width: auto;}
.banner .slick-dots li{width: 8px;height:8px;border:1px solid #fff;border-radius: 50%;}
.banner .slick-dots li.slick-active{background: #fff;}


.nav_box{padding:45px 0;border-bottom:1px solid #dddddd;}
.nav{float: left;width:60%;margin-top:3px;}
.nav li{float: left;text-align: center;width:calc(12.5% - 16px);margin-right:16px;}
.nav li a{display: block;line-height: 47px;height:47px;text-align: center;padding:0;}
.nav li a:hover{color:#fff;background: #59d4d7;}
.nav li.current a{color:#fff;background: #59d4d7;}

.nav_rt{float: right;width:39%;padding:0 1.5%;position: relative;}
.nav_rt .rec_list{float: left;width:calc(33.33% - 10px); border:1px solid #f0f0f0;border-radius: 8px;margin:0 5px;}
.nav_rt .rec_list dt{float: left;width:60px;height:52px;text-align: center;line-height: 52px;}
.nav_rt .rec_list dt img{max-width: 100%;max-height: 100%;}
.nav_rt .rec_list dd{margin-left:60px;padding:6px 10px 6px 0;}
.nav_rt .rec_list .ti{font-size: 14px;color:#30425f;line-height: 20px;height:20px;font-weight: bold;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.nav_rt .rec_list .des{font-size: 14px;color:#a7a7a7;line-height: 20px;height:20px;font-weight: bold;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.nav_rt .rec_list:hover{box-shadow: 0 4px 10px 1px rgba(166,166,166,.2);}
.nav_rt:before{content:"";position: absolute;;top:15px;left:0;display: inline-block;vertical-align: top;width:2px;height:25px;background: #36c2c5;}


.section_one{margin-top:30px;}
.com_title{padding:100px 0;text-align: center;}
.com_title span{position: relative; text-align: center;  line-height: 28px; display: inline-block;vertical-align: top;font-size: 26px;color:#30425f;font-weight: bold;}
.com_title .en{letter-spacing: 10px;text-indent: 10px;  }
.com_title .en:after{content:"";display: block;border-bottom:5px solid #59d4d7;width:calc(100% - 20px);margin:34px auto 0;}
.com_title .cn{letter-spacing: 29px; text-indent: 29px;  padding-top:20px;margin-top:21px;}
.com_title .cn:after{content:"";display: block;border-top:1px solid #59d4d7;width:calc(100% - 58px);
position: absolute;top:0;left:0;right:0;margin:auto;}


.section{padding-left:60px;padding-right:60px;}

.one_content{border-bottom:1px solid #eee;padding:30px 0 55px;}
.one_list{position: relative;background: #f9f9f9;border-right:1px solid #f2f2f2;}
.one_list dt img{max-width: 100%;max-height: 100%;opacity: 0;transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.one_list dd{position: absolute;top:0;bottom:0;left:0;right:0;padding: 0 16%;}
.one_list dd:before{content:"";display: block;width:32px;height:32px;border-radius: 50%;background: #59d4d7;position: absolute;top:30px;left:30px;}
.one_content .name{height:62px;border-left:1px solid #59d4d7;padding:8px 15px 0;}
.one_content .name .cn{margin:0 0 2px; color:#727272;font-weight: bold;font-size: 24px;line-height: 28px;height:28px;overflow: hidden;}
.one_content .name .en{color:#59d4d7;font-weight: bold;font-size: 14px;line-height: 28px;height:28px;overflow: hidden;}
.one_content dd .txt{height: 56px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.one_content .txt{color:#727272; height:auto;line-height: 28px;font-size: 14px;overflow: hidden;}
.one_content .txt p{color:#727272;line-height: 28px;font-size: 14px;height:28px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.one_list dd .name{margin:45% 0 0 0;}
.one_list dd .icon {margin:40% 0 5px}
.one_list dd .icon img{margin:inherit;}
.one_list dd .modelBtn{position: absolute;bottom:0;right:0;cursor: pointer;width:29%;}
.oneSlide{padding-bottom: 80px;}
.oneSlide .slick-dots {bottom:0;}
.oneSlide .slick-dots li button{display: none;}
.oneSlide .slick-dots li {margin:0 12px; width:9px;height:9px;border-radius: 50%;background: #e0e0e0;}
.oneSlide .slick-dots li.slick-active{background: #59d4d7;}
.one_list:hover dt img{opacity: 1;}
.one_list:hover dd:before{background: #fff;}
.one_list:hover dd .name .cn{color:#fff;}
.one_list:hover dd .name .en{color:#fff;}
.one_list:hover dd .txt{color:#fff;}
.oneModel{position: fixed;top:0;bottom:0;left:0;right:0;z-index:100;
transform: scale(0);-webkit-transform: scale(0);transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.oneModel.on{transform: scale(1);-webkit-transform: scale(1);}
.oneModel .oneModel_bg{position: fixed;top:0;bottom:0;left:0;right:0;z-index:101;background: rgba(0,0,0,.4);}
.oneModel .oneModel_cont{position: fixed;top:50%;left:7%;right:7%;z-index:102;transform: translateY(-50%);-webkit-transform: translateY(-50%)}
.oneModel .oneModel_cont img{max-width: 100%;max-height: 100%;}
.oneModel_list {position: relative;}
.oneModel_list .model_dt{text-align: center;border-radius: 10px;overflow: hidden;}
.oneModel_list .model_dd{position: fixed;top:50%;transform: translateY(-50%);left:60px;right:60px;background: #fff;border-radius: 10px;height:auto;padding:20px 60px;}
.oneModel_list .model_dd .dd_lt{float: left;width:calc(100% - 250px);}
.oneModel_list .model_dd .name{float: left;width:185px;margin-top:10px;}
.oneModel_list .model_dd .name .cn{color:#59d4d7;}
.oneModel_list .model_dd .name .en{color:#727272;}
.oneModel_list .model_dd .icon{float: left;width:15px;margin-top:28px;}
.oneModel_list .model_dd .text{margin-left:280px;}
.oneModel_list .model_dd .text .ti{color:#59d4d7;font-size: 14px;font-weight: bold;line-height: 28px;height:28px;overflow: hidden;}
.oneModel_list .model_dd .dd_rt{float:right;width:250px;}
.oneModel_list .model_dd .rt_share{float:right;width:84px;margin-top:32px;}
.oneModel_list .model_dd .rt_share a{position:relative;display: inline-block;vertical-align: top;text-align: center;margin-left:17px;}
.oneModel_list .model_dd .rt_share a i{display: inline-block;vertical-align: top;width:20px;height:20px;text-align: center;}
.oneModel_list .model_dd .rt_share .m_qq i{background: url(../images/1_03.png) no-repeat center center;}
.oneModel_list .model_dd .rt_share .m_qq:hover i{background: url(../images/s_03.png) no-repeat center center;}
.oneModel_list .model_dd .rt_share .m_wx i{background: url(../images/1_07.png) no-repeat center center;}
.oneModel_list .model_dd .rt_share .m_wx:hover i{background: url(../images/s_07.png) no-repeat center center;}
.oneModel_list .model_dd .rt_share .m_wx .ewm { text-align: center;  position: absolute;top:-24px;right:-85px;width:68px;
background: #fff;border-radius: 6px;padding:6px;box-shadow: 0 2px 6px 6px rgba(0,0,0,.09);opacity:0;z-index:20;}
.oneModel_list .model_dd .rt_share .m_wx:hover .ewm{opacity: 1;}
.oneModel_list .model_dd .rt_share .m_wx .ewm  img{max-width: 100%;}
.oneModel_list .model_dd .rt_txt{margin-top:17px; text-align: right;font-size: 14px;color:#9e9e9e;line-height: 26px;height:52px;
    width:calc(100% - 84px);float: left;padding:0 30px 0 5px;background: url(../images/1_03a_03.png) no-repeat center right;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2;
}
.oneModel .oneModel_cont .oneModel_list {display: none;}
.oneModel .oneModel_cont .oneModel_list.on {display: block;}


.twoSlide .two_list{margin:0 28px;text-align: center;padding-bottom:50px;}
.twoSlide .two_list dt{position: relative;}
.twoSlide .two_list dt img{max-width: 100%;}
.twoSlide .two_list dt .day{opacity: 0;position: absolute;top:37px;left:45px;width:103px;height:103px;border-radius: 50%;background: #59d4d7;border:3px solid #fff;}
.twoSlide .two_list dt .day h3{margin-top:26px;font-size: 18px;font-weight: bold;line-height: 24px;color:#fff;height:24px;overflow: hidden;}
.twoSlide .two_list dt .day h4{font-size: 16px;font-weight: bold;line-height: 24px;color:#ffff00;height:24px;overflow: hidden;}
.twoSlide .two_list dd{padding:35px 10px;opacity: 0;}
.twoSlide .two_list dd .ti{font-size: 24px;color:#59d4d7;line-height: 28px;font-weight: bold;display: block;height:28px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.twoSlide .two_list dd .des{margin-top:7px;font-size: 16px;color:#353535;line-height: 28px;display: block;height:28px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.twoSlide .two_list.slick-current dt .day{opacity: 1;}
.twoSlide .two_list.slick-current dd{opacity: 1;}
.twoSlide .slick-prev,.twoSlide .slick-next{opacity:0 ;top:auto;bottom:105px;width:78px;height:22px;background: #59d4d7;z-index:20;
    webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);
    transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;
}
.twoSlide .slick-prev{left:16%;transform: translateX(30px);-webkit-transform: translateX(30px);}
.twoSlide .slick-next{right:16%;text-align: right;transform: translateX(-30px);-webkit-transform: translateX(-30px);}
.twoSlide .slick-prev:before,.twoSlide .slick-next:before{content:"";width:28px;height:22px;display: block;opacity: 0;transition: all .4s ease-in-out .1s;-webkit-transition: all .4s ease-in-out .1s;}
.twoSlide .slick-prev:before{margin-left:-19px;background: url(../images/a_03.png) no-repeat center center;transform: translateX(10px);-webkit-transform: translateX(10px);}
.twoSlide .slick-next:before{float:right;margin-right:-19px;background: url(../images/a_05.png) no-repeat center center;transform: translateX(-10px);-webkit-transform: translateX(-10px);}
.twoSlide:hover .slick-prev,.twoSlide:hover .slick-next{opacity: 1;transform: translateX(0);-webkit-transform: translateX(0);}
.twoSlide:hover .slick-prev:before,.twoSlide:hover .slick-next:before{opacity: 1;transform: translateX(0);-webkit-transform: translateX(0);}

.more a{display: block;position: relative; background: #f4f4f4;text-align: center;font-size: 14px;color:#c9c9c9;line-height: 50px;height: 50px;letter-spacing:10px;}
.more a span{display: block;position: relative;z-index:20;}
.more a:after{content:"";display: block;width:100%;height:0; background: #59d4d7;position: absolute;bottom:0;left:0;right:0;
    transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.more a:hover{color:#fff;}
.more a:hover:after{height:100%;}

.three_content{background: #f9f9f9;padding:30px;margin-bottom:30px;overflow: hidden;position: relative;}
.three_content .three_lt{float: left;width:22%;overflow: hidden;position: absolute;top:30px;left:30px;bottom:30px;}
.three_content .three_lt img{max-width: none;max-height: 100%;position: relative;;left:50%;
    transform: translateX(-50%);-webkit-transform: translateX(-50%)}
.three_lt .three_ltBox{margin:0 10px; height:100%;padding:10px 0;overflow: hidden;}
.three_lt .threeSlide{border-radius: 10px;overflow: hidden;height:100%;}
.threeSlide .slick-list,.threeSlide .slick-track{height:100%;}
.threeSlide .slick-slide{overflow: hidden;}
.threeSlide .slick-dots {bottom:10px;}
.threeSlide .slick-dots li button{display: none;}
.threeSlide .slick-dots li{width:8px;height:8px;border-radius: 50%;background: #fff;}
.threeSlide .slick-dots li.slick-active {background: #59d4d7;}
.three_content .three_rt{ margin-left:22.76%; overflow: hidden;}
.three_list{float: left;width:calc(50% - 20px);margin:10px;background: #fff;border-radius: 10px;padding:20px 20px 0;}
.three_list img{max-width: 100%;max-height: 100%;}
.three_list dt{position: relative;border-radius: 10px;overflow: hidden;text-align: center;}
.three_list dt a{display: block;position: absolute;top:0;bottom:0;left:0;right:0;opacity: 0;
    background: rgba(89,212,215,.8) url(../images/1_62.png) no-repeat center right;
    transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.three_list dt a span{display: block;width:78px;height:54px;border:1px solid #fff;border-radius: 10px;text-align: center;line-height:  54px;color:#fff;font-size: 14px;font-weight: normal;
position: absolute;left:0;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%); transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.three_list dd {padding:10px 0;overflow: hidden;}
.three_list dd .ti{float: left;width:calc(100% - 90px);color:#3d3d3d;line-height: 40px;height:40px;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1}
.three_list dd .price{float: right;text-align: right;width:90px;color:#ccc;font-size: 14px;line-height: 40px;height:40px;overflow: hidden;}
.three_list dd .price i{color:#ff4501;font-size: 16px;font-weight: bold;}
.three_list:hover dt a {background-position:center right 10%;}
.three_list:hover dt a span{left:10%;}
.three_list:hover dt a {opacity: 1;}


.fourLt_img {border-radius: 10px;height:100%;overflow: hidden;}
.fourLt_img img{ height:100%;}
.fourLt_text{padding:20px 18px;position: absolute;bottom:28px;left:30px;right:30px;border-radius: 10px;overflow:hidden;background: rgba(255,255,255,.95)}
.fourLt_text dt{background:#59d4d7;height:73px;font-size: 26px;line-height:32px;text-align: center;font-weight: normal;color:#fff;
width: 73px;border-radius: 10px;float: left;padding-top:3px;}
.fourLt_text dd{margin-left:82px;overflow: hidden;height:73px;}
.fourLt_text dd a{float: left;padding:1px 5px 2px 4px;color:#4b4b4b;position: relative;}
.fourLt_text dd a span{position: relative;z-index: 10;display: block;}
.fourLt_text dd a:after{content:"";display: block;width:0;height:6px;background: #59d4d7;border-radius: 3px;position: absolute;
bottom:3px;left:0;    transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.fourLt_text dd a:hover:after{width: 100%;}

.four_rt .three_list{width:calc(25% - 20px);padding:10px 10px 0;}
.four_rt .three_list dd{padding:7px 0;}
.four_rt .three_list dt a{background-size: 11px 17px;}
.four_rt .three_list dt a span{height:44px;line-height: 44px;}

.section_five{background: #52cdd0;padding:53px 0;overflow: hidden;margin:88px 0;}
.five_list{float: left;width:33.33%;overflow: hidden;padding:15px 10px;border-right:1px dashed #a9fcfe;}
.five_list dl{display: table;margin:0 auto;}
.five_list dl dt{width:57px;float:left;}
.five_list dl dt img{max-width: 100%;}
.five_list dl dd{margin-left:80px;font-size: 14px;color:#fff;line-height: 24px;}
.section_five .five_list:nth-child(3){border:none;}

.section_six .three_content{margin-bottom:0;}

.section_seven{overflow: hidden;}
.seven_content{margin-right:-7px;}
.seven_list{float: left;width:calc(20% - 7px);position: relative;margin:0 7px 7px 0;text-align: center;}
.seven_list dt{position: relative;}
.seven_list dt img{max-width: 100%;}
.seven_list dd{position: absolute;top:0;bottom:0;left:0;right:0;background: #50c9cc;
    transform: scale(0);-webkit-transform: scale(0);
    opacity: 0;transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.seven_list dd a{display: block;padding:10px 17%;color:#fff;height:100%;width: 100%;}
.seven_list dd .box{position: relative;;top:50%;
    transform: translateY(-50%);-webkit-transform: translateY(-50%)}
.seven_list dd .box .ti{margin-top:12px;font-size: 20px;line-height: 28px;height:28px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.seven_list dd .box .des{font-size: 14px;line-height: 20px;height:60px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:3;}
.seven_list dd .box .star{margin:2px 0 8px;}
.seven_list:hover dd .box img{animation-name: fadeInUp;-webkit-animation-name: fadeInUp;animation-delay: .05s;-webkit-animation-delay: .05s}
.seven_list:hover dd .box .ti{animation-name: fadeInUp;-webkit-animation-name: fadeInUp;animation-delay: .1s;-webkit-animation-delay: .1s}
.seven_list:hover dd .box .star{animation-name: fadeInUp;-webkit-animation-name: fadeInUp;animation-delay: .2s;-webkit-animation-delay: .2s}
.seven_list:hover dd .box .des{animation-name: fadeInUp;-webkit-animation-name: fadeInUp;animation-delay: .3s;-webkit-animation-delay: .3s}
.seven_list:hover dd{opacity: 1; transform: scale(1);-webkit-transform: scale(1);}


.section_night{padding:100px 0 125px;overflow: hidden;}
.night_ti{text-align: center;font-size: 40px;line-height: 45px;margin-bottom:94px;}
.night_content{overflow: hidden;margin-right:-4.5%;}
.night_content .night_list{float: left;width:calc(33.33% - 4.5%);margin-right:4.5%; padding-bottom:14px;border-bottom:2px solid #e6e6e6;}
.night_content .night_list:last-child{margin:0;}
.night_list dt img{position: relative;z-index: 10;max-height: 100%;}
.night_list dt{position: relative;padding-bottom:11px;}
.night_list dt:after{content: "";display: block;width: 65px;height:22px;background: #59d4d7;
position: absolute;bottom:0;left:0;transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.night_list .ti{margin:14px 0 6px;color:#422740;font-size: 18px;line-height: 20px;height:20px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.night_list .des{color:#000000;font-size: 14px;line-height: 20px;height:40px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2;}
.night_list:hover dt:after{width: 107px;}


.section_ten .ten_ti{background: #59d4d7;padding:50px 0;text-align: center;}
.section_ten .ten_ti .cn{color:#fff;font-size: 34px;line-height: 40px;}
.section_ten .ten_ti .en{color:#fff;font-size: 18px;margin-top:15px;}
.ten_content{position: relative; background: #fff;padding:65px 30px 65px 0;box-shadow: 0 0 10px 2px rgba(0,0,0,.1);margin:-20px 70px 120px;overflow: hidden;}
.ten_content .icon{text-align: center;border-right:1px dashed #e5e5e5;padding:20px 15px;}
.ten_content .icon  img{max-width: 100%;max-height: 100%;}
.ten_content .contact{padding-left:4%;}
.ten_content .contact li p{padding-left:18px;line-height: 20px;color:#828282;font-size: 14px;margin:20px 0;position: relative;}
.ten_content .contact li p:before{content:"";display: inline-block;width:8px;height:2px;background: #59d4d7;position: absolute;top:9px;left:0;}
.ten_content .ten_share li{position: relative; display: inline-block;vertical-align: top;width:36px;height:36px;background: #b0b0b0;border-radius: 50%;margin:0 3px;}
.ten_content .ten_share li i{display: inline-block;vertical-align: top;width:36px;height:36px;}
.ten_content .ten_share li.wb i{background: url(../images/1_144.png) no-repeat center center;}
.ten_content .ten_share li.qq i{background: url(../images/1_146.png) no-repeat center center;}
.ten_content .ten_share li.wx i{background: url(../images/1_148.png) no-repeat center center;}
.ten_content .ten_share li.wx .wxBox{ display:none;position: absolute;top:140%;left:50%;margin-left:-35px;width:70px;height:70px;}
.ten_content .ten_share li.wx .wxBox img{max-width: 100%;max-height: 100%;}
.ten_content .ten_share li.wx:hover .wxBox{display: block;}
.ten_content .ten_share li:hover{background: #59d4d7;}
.ten_content .ten_share{text-align: center;margin-top:48px;}
.ten_content .ten_ewm{margin-top:34px;}
.ten_content .ten_ewm dd{display: inline-block;vertical-align: top;font-size: 12px;color:#828282;text-align: right;padding:20px 20px 20px 0;}
.ten_content .ten_ewm dt{display: inline-block;vertical-align: top;width:75px;height:75px;}
.ten_content .ten_ewm dt img{max-width: 100%;max-height: 100%;}


.copy{color:#fff;font-size: 14px;background: #a5a5a5;padding:25px 0;text-align: center;}
.copy a{color:#fff;font-size: 14px;margin-right:30px;}




/*about us*/
.aboutPage_top .top_lt{width:28%;top:22%;padding:0 10px 0 5%; transform: translateY(0);-webkit-transform: translateY(0);}
.aboutPage_top .top_rt{margin-left:29%;}
.aboutPage_name{position: relative;}
.aboutPage_name .en{font-size: 42px;color:#30425f;font-weight: bold;line-height: 60px;}
.aboutPage_name .cn{margin-top:10px;font-size: 30px;color:#30425f;line-height: 40px;}
.aboutPage_name:before{content:"";display: block;width:1px;height:265px;background: #59d4d7;
    position: absolute;left:30px;top:150px;animation: fadeInUp .3s;-webkit-animation:  fadeInUp .3s; }
.aboutPage_name:after{content:"";display: block;width:60px;height:60px;background:url(../images/about_06.png) no-repeat center center;
    position: absolute;left:0;top:470px;animation: about 2s ease-in-out infinite;-webkit-animation:  about 2s ease-in-out infinite;
    }
@keyframes about {
    0%{transform: translateY(0);-webkit-transform: translateY(0)}
    50%{transform: translateY(-10px);-webkit-transform: translateY(-10px)}
    100%{transform: translateY(0);-webkit-transform: translateY(0)}
}
.det_body .top_share{padding:53px 90px 53px 40px;float: right;}
.det_body .nav{float: left; width:calc(100% - 252px); margin-top:41px;position: relative;z-index: 20;}
.det_body .nav li a{color:#30425f;}
.det_body .nav li a:hover{background: #f9f9f9;}
.det_body .nav li.current a{background: #f9f9f9}
.det_banner img{max-width: 100%;}
.aboutPage_top .top_text{padding:60px 0;}
.aboutPage_top .top_text .icon{margin:20px 0;}
.aboutPage_top .top_text .ti{font-size: 36px;line-height: 40px;color:#30425f;letter-spacing:4px;font-weight: lighter;}
.aboutPage_top .top_text .txt{line-height: 30px;color:#30425f;margin-top:30px;}
.aboutPage_top .top_text .txt img{max-width: 100%;}

.aboutPage_team{margin:50px 0;}
.aboutPage_team:before{content:"";display: block;height:208px;background:#59d4d7;width:100%;}
.aboutTeam_cont{position: relative;z-index:20;background:#fff;margin-top:-145px;border-radius: 10px;box-shadow: 0 2px 10px 1px rgba(0,0,0,0.1);}
.aboutPage_title{padding:60px 0;text-align: center;}
.aboutPage_title span{color:#30425f;font-size: 36px;font-weight: lighter;line-height: 40px;margin:0 30px;vertical-align: middle;}

.aboutTeam_slide{padding:0 40px 35px;text-align: center;}
.aboutTeam_slide .slider-for .team_img{margin:0 auto; width:100%;height:auto;border-radius: 50%;text-align: center;}
.aboutTeam_slide .slider-for .team_des{margin:25px 0; color:#6c6c6c;font-size: 14px;line-height: 28px;height:28px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.aboutTeam_slide .slider-nav .team_ti{ font-weight: lighter;font-size: 36px;color:#bfbfbf;line-height: 40px;height:40px;overflow: hidden;}
.aboutTeam_slide .slider-nav .team_job{margin-top:5px;font-size: 16px;color:#a8e6e8;line-height: 28px;height:28px;overflow: hidden;}
.aboutTeam_slide .slider-nav .team_job:before{content:"";display: inline-block;vertical-align: middle;
background: #a8e6e8;width:16px;height:2px;margin-right:10px;margin-top:-3px;}
.aboutTeam_slide .slider-nav{padding:40px 0;}
.aboutTeam_slide .slider-nav .slick-current .team_ti{color:#3d3d3d;}
.aboutTeam_slide .slider-nav .slick-current .team_job{color:#48c1c4;}
.aboutTeam_slide .slider-nav .slick-current .team_job:before{background:#48c1c4;}
.aboutTeam_slide .slider-nav .slick-dots {bottom:-6px;}
.aboutTeam_slide .slider-nav .slick-dots li{margin:0 10px;width:10px;height:10px;border-radius: 50%;background: #d0d0d0;}
.aboutTeam_slide .slider-nav .slick-dots li button{display: none;}
.aboutTeam_slide .slider-nav .slick-dots li.slick-active{background: #59d4d7;}

.aboutPlan_cont{padding:50px 0;overflow: hidden;}
.aboutPlan_slide{margin:0 -38px;}
.aboutPlan_slide .slick-dots {bottom:-45px;}
.aboutPlan_slide .slick-dots li{margin:0 10px;width:10px;height:10px;border-radius: 50%;background: #d0d0d0;}
.aboutPlan_slide .slick-dots li button{display: none;}
.aboutPlan_slide .slick-dots li.slick-active{background: #59d4d7;}

.aboutPlan_list{text-align: center;margin:0 38px;border-radius: 10px;overflow: hidden;position: relative;}
.aboutPlan_list dd{display: none;position: absolute;top:0;bottom:0;left:0;right:0;background: rgba(0,0,0,.2);}
.aboutPlan_list dd a{display: block;width: 100%;height:100%;color:#fff;line-height: 28px;}
.aboutPlan_list dd .ti{font-size: 18px;height:28px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.aboutPlan_list dd .price{font-size: 14px;height:28px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.aboutPlan_list dd .price i{font-size: 18px;margin-right:5px;}
.aboutPlan_list dd .box{position: absolute;top:50%;left:10px;right:10px;
    transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.aboutPlan_list dd a:after{content:"";position: absolute;top:30px;right:25px;
    width:31px;height:28px;display: block;background: url(../images/about_17.png) no-repeat center center;}
.aboutPlan_list:hover dd{background: rgba(89,212,215,.8);}

.det_body .ten_content{box-shadow: none;margin-top:50px;}
.det_body .copy{padding:13px 0;}




/*product*/
.det_main{overflow: hidden;}
.detPage_top .top_lt{padding:0 10px 0 0;}
.detPage_top .top_tell{margin:0;background: #59d4d7;color:#fff;font-size: 18px; line-height: 50px;height:50px;overflow: hidden;}
.detPage_top .top_tell img{width: 20px;vertical-align: middle;margin:-3px 5px 0 20px;}
.detPage_top .top_rt{margin-left:29%;}
.det_navBox{padding:40px 0;position: relative;z-index: 20;}
.det_nav{position: relative;}
.det_nav .slick-slide{display: inline-block;vertical-align: top;position: relative;text-align: center;}
.det_nav   a{border-bottom:2px solid transparent;font-size: 14px;color:#979797; display: inline-block;line-height: 40px;height:40px;padding:0 15px;}
.det_nav   a.on{border-bottom:2px solid #59d4d7;color:#313131;}
.det_nav   a:hover{border-bottom:2px solid #59d4d7;color:#313131;}
.det_navTwo{display: none; padding:15px 0;z-index:20;position: absolute;top:60px;left:50%;width:194px;margin-left:-97px;background: #fff;border-radius: 10px;box-shadow: 0 0 7px 1px rgba(0,0,0,.07);}
.det_navTwo li{display: block;}
.det_navTwo li a{border:none!important;color:#808080;line-height: 26px;height:26px;overflow: hidden;}
.det_navThree li a{border:none;color:#a2a2a2;transform: translateX(20px);-webkit-transform: translateX(20px);}
.det_navTwo li a:hover{border:none;color:#59d4d7;}
.detNavSlide .slick-list{overflow: visible;}
.det_navThree{display: none;}
.detNavSlide .slick-prev{left:0;}
.detNavSlide .slick-next{right:0;}
.detNavSlide .slick-prev:before,.detNavSlide .slick-next:before{color:#333}

.proDet_cont{margin:0 -10px;overflow: hidden;}
.proDet_cont .three_list{width: calc(25% - 40px);margin:7px 20px;padding:0;}
.proDet_cont .three_list:hover{box-shadow: none}
.proDet_cont .three_list dt a{position: static;background: none;opacity: 1;}
.proDet_cont .three_list dd .ti{font-size: 14px;}
.proDet_cont .three_list dd {padding:5px 0;}

.page_list{padding:50px 0 70px;border-bottom:1px solid #eee;text-align: center;}
.page_list a{border:1px solid transparent;margin:0 20px; display: inline-block;vertical-align: top; width:22px;height:50px;line-height: 50px;color:#a1a1a1;font-size: 14px;}
.page_list a:hover{color:#333;border:1px solid #59d4d7;border-radius: 10px;}
.page_list a.current{color:#333;border:1px solid #59d4d7;border-radius: 10px;}
.page_list a.prev {background: url(../images/pro_07.png) no-repeat center center;border:none;}
.page_list a.prev:hover {background: url(../images/pro0_07.png) no-repeat center center;}
.page_list a.next {background: url(../images/pro0_09.png) no-repeat center center;border:none;}
.page_list a.next:hover {background: url(../images/pro_09.png) no-repeat center center;border:none;}
.page_more{text-align: center;color:#ccc;font-size: 14px;padding:20px 0 30px;}
.page_more img{width: 18px;margin-right:5px;}

.comeTell{text-align: center;padding-top:100px;}
.comeTell .ti{color:#828282;font-size: 32px;font-weight: lighter;line-height: 40px;}
.comeTell .tellForm{border-radius: 20px;margin:45px auto 0; width:410px;height:42px;border:1px solid #eee;padding:5px;background: #fff;}
.comeTell .tellForm input{font-size: 14px;color:#878787;font-weight: lighter; height:30px;line-height: 30px;float: left;padding:0;border:none;background:none;}
.comeTell .tellForm .txt{width:calc(100% - 40px);padding:0 15px;}
.comeTell .tellForm .sub{float: right;width:30px;height:30px; background: url(../images/pro_14.png) no-repeat center center;background-size: 100% 100%}

.proModel{position: fixed;top:0;bottom:0;left:0;right:0;z-index: 50;
transform: scale(0);-webkit-transform: scale(0);transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.proModel.on{transform: scale(1);-webkit-transform: scale(1);}
.proModel .bg{position: absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.9)}
.proModel .proModelCont{border-radius: 10px;overflow: hidden;background: rgba(50,50,50,.8);
    position: absolute;left:18%;right:18%;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%)}
.proModel_slide{}
.proModel_slide .slider-nav{padding:35px 30px;margin-right:240px;}
.proModel_slide .slider-nav .slick-slide{margin:0 22px;position: relative;}
.proModel_slide .slider-nav .slick-slide img{border-radius: 50%;opacity: .3}
.proModel_slide .slider-nav .slick-current img{opacity: 1;}
.proModel_slide .slider-nav .slick-prev,
.proModel_slide .slider-nav .slick-next{width:25px;height:46px;left:auto;right:-160px;}
.proModel_slide .slider-nav .slick-prev{right:-90px;background: url(../images/proD_10.png) no-repeat center center;}
.proModel_slide .slider-nav .slick-next{background: url(../images/proD_12.png) no-repeat center center;}
.proModel_slide .slider-nav .slick-prev:before,
.proModel_slide .slider-nav .slick-next:before{display: none;}
.proModel_slide .slider-nav .slick-prev.slick-disabled,
.proModel_slide .slider-nav .slick-next.slick-disabled{opacity: .3;}

.proModel_text {padding:0 55px 35px;position: relative;}
.proModel_text dd{width:calc(100% - 230px);}
.proModel_text dd .ti{color:#fff;font-size: 14px;line-height:20px; height: 20px;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.proModel_text dd .price{color:#59d4d7;font-size: 27px;margin-top:10px;}
.proModel_text dt{font-size:27px;letter-spacing:3px;position: absolute;top:0;right:55px;width:178px;height:66px;line-height: 66px;background: #59d4d7;color:#fff;font-weight: bold;border-radius: 10px;text-align: center;}



.news_title{background:#59d4d7;padding:50px 65px;color:#fff;font-weight: bold;overflow: hidden;}
.news_title .lt{font-size:30px; }
.news_title .rt{font-size:18px; }
.news_title .rt:before{content:'';margin-top:-3px; display: inline-block;vertical-align: middle;width:65px;height:1px;background: #aceaeb;margin-right:30px;}

.newsPage_secOne{overflow: hidden;}
.newsOne_lt{float: left;width:51%;overflow: hidden;}
.newsOne_lt img{position: relative;left:50%;
    transform: translateX(-50%);-webkit-transform: translateX(-50%)}
/*.newsOne_lt img{max-width: 100%;}*/
.newsOne_rt{float: right;width:46%;}
.newsOne_rt .rt_ti{line-height: 80px;border-bottom:1px solid #eee;font-size: 20px;}
.newsOne_rt .rt_ti img{vertical-align: middle;margin:-6px 13px 0 0;color:#303030;}
.newsOne_list li{border-bottom:1px solid #eee;position: relative;padding:0 15px;}
.newsOne_list li:after{content:"";background: #f6f6f6;height:100%;width:14px;position: absolute;top:0;right:0;
    transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.newsOne_list li a{display: block;overflow: hidden;padding:35px 0;position: relative;z-index:20;
background: url(../images/news_10.png) no-repeat right 35px center;background-size: 21px 27px;}
.newsOne_list li .txt{float: left;width: 70%;}
.newsOne_list li .ti{color:#303030;line-height: 26px;height:26px;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.newsOne_list li .des{color:#b8b8b8;line-height: 26px;height:26px;font-size: 14px;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.newsOne_list li .time{float: left;font-size: 14px;color:#737373;margin-top:14px;}
.newsOne_list li:hover:after{width: 100%;background: #59d4d7}
.newsOne_list li:hover .ti{color:#fff;transition-delay: .3s;-webkit-animation-delay: .3s;}
.newsOne_list li:hover .time{color:#fff;}
.newsOne_list li:hover .des{color:#3d9a9c;transition-delay: .3s;-webkit-animation-delay: .3s;}
.newsOne_list li:hover a{background: url(../images/news_13.png) no-repeat right 35px center;background-size: 21px 27px; }


.newsPage_secTwo{background: #f1f1f1;text-align: center;font-size: 18px;color:#999;line-height: 20px;padding:67px 0;margin:60px 0;}
.newsPage_secTwo img{margin:0 30px;}

.newsPage_secThree{margin:0 -13px;}
.newsThree_list{width:calc(33.33% - 26px);float:left;margin:0 13px 55px;padding-bottom:50px;position: relative;}
.newsThree_list dt{text-align: center;}
.newsThree_list dt img{max-width: 100%;max-height: 100%;}
.newsThree_list dd{padding:10px 25px; position: absolute;top:78%;left:33px;right:33px;background: #f8f8f8;border-radius: 0 20px 0 20px;z-index: 20;}
.newsThree_list dd .dd_top{padding:10px 50px 10px 0 ;position: relative;}
.newsThree_list dd .ti a{display:block;color:#848484;line-height: 28px;height:28px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.newsThree_list dd .time{color:#cecece;font-size: 14px; line-height: 28px;height:28px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.newsThree_list dd .toggle{cursor: pointer; position: absolute;top:15px;right:15px;color:#59d4d7;font-size: 30px;}
.newsThree_list dd .dd_bot{display:none;border-top:1px solid #7eecef;padding:15px 0 30px;   transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.newsThree_list dd .txt{color:#226567;line-height: 26px;height:78px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:3;}
.newsThree_list dd .dd_more{overflow: hidden;margin-top:20px;}
.newsThree_list dd .dd_more a{display: block;float: right;width:37%;height:37px;line-height: 37px;border-radius: 20px;
background: #4ab9bc url(../images/news_24.png)no-repeat right 25px center ;padding:0 25px;color:#30797b;font-size: 14px;}

.newsThree_list.on dd{background: #57cccf;box-shadow: 0  0 10px 0 rgba(0,0,0,.25);}
.newsThree_list.on dd .ti a{color:#fff;}
.newsThree_list.on dd .time{color:#429c9e;}
.newsThree_list.on dd .toggle{color:#fff;}
.newsThree_list.on dd .dd_bot{display: block;}
.newsThree_list.on dd .dd_bot .txt{animation: fadeInUp .3s;-webkit-animation:  fadeInUp .3s;}
.newsThree_list.on dd .dd_bot .dd_more{animation: fadeInUp .3s;-webkit-animation:  fadeInUp .3s;}
.newsThree_list.on dd{z-index:30;}
.newsThree_list.on.animated{ -webkit-animation-fill-mode: none;animation-fill-mode: none;}


.newsDet_title{margin-bottom:70px; background: #59d4d7;text-align: center;padding:38px 230px 32px 230px;position: relative;}
.newsDet_title .ti{color:#fff;font-size: 28px;line-height: 30px;}
.newsDet_title .time{margin-top:20px;color:#368486;font-size: 14px;line-height: 20px;}
.fontChange{position: absolute;top:40px;right:50px;}
.fontChange div{width:63px;height:63px; line-height:63px;border-radius: 10px;background: #4ac0c3;cursor: pointer;
   display: inline-block;vertical-align: top; margin-left:6px;color:#90fcff;font-size: 28px;position:relative;}
.fontChange div:after{content:"";display: inline-block;vertical-align: top;margin:11px -7px 0 0;
    height:20px;line-height:20px;width:20px;color:#90fcff;font-size: 28px;}
.fontChange div.cut:after{content:"-"}
.fontChange div.add:after{content:"+"}

.newsDet_lt{float: left;width: 30%;}
.newsDet_rt{margin-left:34%;}
.newsDet_slide .slick-slide{position: relative;}
.newsDet_slide .slick-slide p{line-height: 43px; position: absolute;bottom:0;left:0;right:0;background: rgba(0,0,0,.4);padding:0 100px 0 25px;}
.newsDet_slide .slick-slide p span{display: block;height:43px;color:#fff;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.newsDet_slide .slick-dots{top:auto;bottom:0;right:0;width:100px;text-align: center;line-height: 43px;}
.newsDet_slide .slick-dots li button{display: none;}
.newsDet_slide .slick-dots li {width:10px;height:10px;border-radius: 50%;background: #fff;}
.newsDet_slide .slick-dots li.slick-active{background: #59d4d7;}

.hot_news{margin-top:20px;background: #f8f8f8;padding:0 20px 25px;}
.hot_news .hot_ti{line-height: 60px;border-bottom:1px solid #e4e4e4;}
.hot_news .hot_ti span{color:#51c3c6;font-size: 24px;font-weight: bold;}
.hot_news .hot_ti a{float: right;color:#b2b2b2;font-size: 14px;padding-right:17px;background: url(../images/1_03a_03.png) no-repeat center right;background-size: 5px;}
.hotNews_list li  { border-bottom:1px dashed #dbdbdb;}
.hotNews_list li a{display: block; line-height: 76px;height:76px;overflow: hidden;transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.hotNews_list li a i{text-align: center; color:#c9c9c9;font-size: 24px;font-weight: bold;width:14%;float: left;}
.hotNews_list li a span{display: block;margin-left:16%;color:#979797;height:76px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.hotNews_list li a:hover{transform: translateX(-10px);-webkit-transform: translateX(-10px);}
.hotNews_list li a:hover i{color:#59d4d7;}
.hotNews_list li a:hover span{color:#59d4d7;}

.newsDet_txt{line-height: 1.5;font-size: 14px;}

.newsDet_rtBot{overflow: hidden;}
.newsDet_page{float: left;width:calc(100% - 300px);margin-top:20px;}
.newsDet_page li{position: relative;border-radius: 5px;overflow: hidden;margin-top:10px;background: #f8f8f8; }
.newsDet_page li a{display: block;position: relative;z-index: 20;color:#8f8f8f;font-size: 14px; line-height: 40px;padding:0 32px;height:40px;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;transition-delay: .5s;-webkit-transition: .5s}


.newsDet_share{margin-left:40px;float:left;color:#b6b6b6;font-size: 14px;line-height: 22px;}
.newsDet_share a{display: inline-block;vertical-align: top;width:88px;height:88px;background: #f8f8f8;border-radius: 10px;margin-right:10px;text-align: center;}
.newsDet_share p{margin:5px 0;}
.newsDet_share a:hover{background: #59d4d7;}
.newsDet_share a img.on{display: none}
.newsDet_share a:hover img{display: none;}
.newsDet_share a:hover img.on{display: block;}
.weChatShareModel{position:fixed;top:0;bottom:0;left:0;right:0;z-index:50;transform: scale(0);-webkit-transform: scale(0);}
.weChatShareModel.on{transform: scale(1);-webkit-transform: scale(1);}
.weChatShareModel .bg{position:fixed;top:0;bottom:0;left:0;right:0;background: rgba(0,0,0,.8);}
.weChatShareModel .imgMax{position:fixed;top:0;bottom:0;left:0;right:0;width:150px;height:150px;text-align: center;margin:auto;}
.weChatShareModel .imgMax img{width: 100%;}


.newsDet_recommend{margin-top:10px;overflow: hidden;}
.newsDet_recommend .recom_ti{padding:50px 0;position: relative;}
.newsDet_recommend .recom_ti:before{content:"";display: block;width: 100%;border-top:1px dashed #d2d2d2;position: absolute;top:63px;left:0;}
.newsDet_recommend .recom_ti span{padding:0 55px 0 0; display: inline-block;color:#787878;font-size: 24px;background: #fff;line-height: 26px;position: relative;z-index:20;}
.newsDet_recommend .recom_ti img{margin-right:20px;vertical-align: middle;margin-top:-5px;}
.newsDet_recomList{margin:0 -15px;}
.newsDet_recomList dl{float: left;width:calc(50% - 30px);margin:0 15px;position: relative;text-align: center;}
.newsDet_recomList dl img{max-height: 100%;max-width: 100%;}
.newsDet_recomList dl dd{position: absolute;top:0;bottom:0;left:0;right:0;background: rgba(0,0,0,.3);}
.newsDet_recomList dl dd .box{position: absolute;top:50%;left:0;right:0;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.newsDet_recomList dl dd .ti{color:#fff;font-size: 22px;line-height: 30px;height:30px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.newsDet_recomList dl dd .day{margin-top:5px;color:#fff;font-size: 18px;line-height: 30px;height:30px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.newsDet_recomList dl dd a{display: block;padding:0 15px;height:100%;}