body{font-family:"微软雅黑"!important;color: #999;font:14px Microsoft YaHei!important;line-height: 24px;background: #fff;opacity: 0;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;}
li,ol{list-style:none;}
a,input,img,textarea{border:none;outline:none;}
i,em{font-style:normal;}
.fl{float: left;}.fr{float: right;}.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}
.db{display: block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}
.transition{-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out; }
a{text-decoration: none;color: #666;}
a:focus{text-decoration: none;}
a:hover,a:focus{text-decoration: none;color: #fff;}
.hide{display: none}
.show{display: block}
.modal a{outline:none;}
label{font-weight: normal;}
a:focus {outline:none;outline-offset:0;}
.img img{width: 100%;transition: 0.7s transform;}
.slick-slide{outline: none!important;}
#wrap_index{overflow: hidden;position: relative;}
.holder{padding: 0 8%;}
/*头部*/
#header{width: 100%;height:90px;display: flex;position: fixed;top: 0;left: 0;z-index:10;padding: 0 8%;background: #fff;}
#header:before{content: "";width: 10%;height: 100%;background: #00a9b1;position: absolute;right: 0;top: 0;z-index: -1;}
#header .logo{width: 16%;height: 100%;}
#header .logo a{display: table-cell;vertical-align: middle;width: 248px;height: 90px;transition: 400ms;}
#header .logo img{max-width: 100%;max-height: 100%;}
#header .nav_box{flex:1;height: 100%;padding-right: 10px;}
.nav_box .yiji{width:14.25%;float: left;height: 100%;text-align: center;position: relative;}
.nav_box .yiji a{display: block;width: 100%;height: 90px;line-height: 90px;overflow: hidden;position: relative;font-size: 15px;color: #333333;transition: 300ms;}
.nav_box .yiji.on a,.nav_box .yiji:hover a{color: #00a9b1;transition: 300ms;} 
.nav_box .yiji>a:before{content: "";width: 1px;height: 20%;background: #00a9b1;position: absolute;left: 50%;bottom: -20%;opacity: 0;transition: 300ms;}
.nav_box .yiji>a:after{content: "";width: 1px;height: 20%;background: #00a9b1;position: absolute;left: 50%;top: -20%;opacity: 0;transition: 300ms;}
.nav_box .yiji.on>a:before,.nav_box .yiji:hover>a:before{bottom: 0;opacity: 1;transition: 300ms;}
.nav_box .yiji.on>a:after,.nav_box .yiji:hover>a:after{top: 0;opacity: 1;transition: 300ms;}
.nav_box .libox{padding: 10px 0;width: 100%;height: auto;overflow: hidden;position: absolute;top:100%;left:0;z-index: 8;background: #f7f7f7;visibility: hidden; opacity: 0; 
transition: all 0.3s ease 0s; transform: translate3d(0px, 10px, 0px); -moz-transform: translate3d(0px, 10px, 0px); -webkit-transform: translate3d(0px, 10px, 0px);}
.nav_box .yiji:hover .libox,.nav_box .yiji.on .libox{opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); visibility: visible; }
.nav_box .yiji .libox a{display: block;width: 100%;height: 40px;line-height: 40px;overflow: hidden;color: #808080;font-size: 14px;transition: 350ms;}
.nav_box .libox a:hover{color: #00a9b1;text-indent: 8px;transition: 350ms;}

.tlinks{width: 240px;height: 90px;line-height: 90px;background: #00a9b1;padding-left: 10px;}
.tlinks .serch-btn{width:57px;height: 100%;float: left;cursor: pointer;}
.serch-btn span{display: inline-block;width: 100%;height: 20px;margin: 35px 0;border-right: 1px solid #1fcfd7;background: url(../images/icon1.png) center no-repeat;}
.tlinks .tell{margin-left: 73px;padding-left: 25px;font-size: 16px;font-weight: bold;color: #fff;background: url(../images/icon2.png) left center no-repeat;}
.formbox{display: none;width: 350px;height:60px;position: absolute;top:100%;left:50%;background: #f7f7f7;padding: 10px;margin-left: -175px;}
.formbox form{width: 100%;height: 100%;background: #fff;display: flex;}
.formbox .subbtn{width: 21%;height: 100%;background: #00a9b1;color: #fff;line-height: 40px;}
.formbox .key_txt{flex:1;color: #808080;padding: 0 10px;} 

.mol_navbutton{width: 44px;height: 80px;float: right;background: url(../images/nav_btn.png) right center no-repeat;background-size: 36px;}
.mol_navbutton.close{background: url(../images/clossbtn.png) right center no-repeat;background-size: 30px;}

/*首页大图*/
.slick-dotted.slick-slider{margin-bottom: 0;}
#banner{width: 100%;position: fixed;z-index: 2;top:90px;left: 0;}
#banner img{width: 100%;}
#banner .slick-list{width: 100%;}
#banner .slick-slide{overflow: hidden;}
.slick-dots li button:before{display: none;}
#banner .slick-dots{bottom:20px;padding: 0 8%;}
#banner .slick-dots li{width: 1px;height: 56px;margin:0 4px;}
#banner .slick-dots li button{width:1px;height: 30px;padding: 0;position: absolute;bottom: 0;left: 0;background:#fff;transition: 300ms;}
#banner .slick-dots li.slick-active button{height: 56px;transition: 300ms;}
/*内容*/
#Maincont{width: 100%;position: relative;z-index:4;background: #fff;padding-bottom: 30px;}
/*.content1{padding-top: 20px;}*/
.index-nav{width: 100%;height: auto;overflow: hidden;background: #fff;padding: 20px 4px;position: relative;box-shadow: 0 10px 20px rgba(14,5,10,0.07);margin-bottom: 60px;}
.index-nav li{width:16.35%;padding: 20px 0;display: inline-block;position: relative;}
.index-nav li a{display: block;width: 100%;height: auto;}
.index-nav li i{display: inline-block;width: 50px;height: 50px;}
.index-nav li p{width: 100%;height: 34px;line-height: 34px;overflow: hidden;font-size: 16px;color: #333;transition: 300ms;}
.index-nav li:hover p{color: #00a9b1;transition: 300ms;}
.index-nav li:before{content: "";width: 1px;height: 0;background: #00a9b1;position: absolute;left: 50%;bottom: -20px;transition: 300ms;}
.index-nav li:hover:before{height: 26%;transition: 300ms;}

.alltitle{font-size: 30px;color: #333;line-height: 40px;text-transform: uppercase;}
.alltitle a{float: right;font-size: 14px;color: #808080;position: relative;padding-right: 14px;transition: 300ms;}
.alltitle a:before{content: "";border-left: 6px solid #808080;border-right: 6px solid transparent;border-top: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;right: -6px;top: 50%;margin-top: -7px;transition: 300ms;}
.alltitle a:hover,.probox .pronav a:hover{color: #00a9b1;transition: 300ms;}
.alltitle a:hover:before{border-left: 6px solid #00a9b1;transition: 300ms;}
.alltitle i{font-size: 16px;color: #808080;margin-left: 6px;padding-top: 8px;position: relative;}
.alltitle i:before{content: "";width: 18px;height: 1px;background: #00a9b1;position: absolute;left: 0;top: 0;}
.probox .pronav{width: 66%;height: 40px;line-height: 40px;text-align: right;position: absolute;top: 0;right: 66px;}
.probox .pronav a{font-size: 16px;color: #333;}
.probox .pronav span{display: inline-block;width: auto;padding: 0 14px;height:14px;line-height: 14px;border-right: 1px solid #b3b3b3; }
.probox .pronav a:last-child span{border-right: none;}
.prosul{width: 102.28%;margin-left: -1.14%;height: auto;overflow: hidden;padding-bottom: 40px;}
.prosul li{width: 25%;padding:1.14%;float: left;}
.prosul li a{display: block;width: 100%;height: auto;position: relative;}
.prosul .bg{width: 50%;height: 50%;top: 25%;left: 25%;background: #00a9b1;box-shadow: 0 5px 15px rgba(0,169,177,0.2);opacity: 0;transition: 400ms;}
#Maincont .prosul .protext{width: 100%;max-height: 100%;padding: 0 2%;text-align: center;top: 80%;left: 0;opacity: 0;transition: 400ms;
	-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}
.prosul .protext dt{font-size: 16px;width: 100%;height: 50px;line-height: 50px;overflow: hidden;color: #fff;font-weight: normal;}
.prosul .protext dd{width: 100%;max-height: 58px;font-size: 14px;line-height: 24px;overflow: hidden;color: #fff;position: relative;padding-top: 10px;}
.prosul .protext dd:before{content: "";width: 10%;height: 1px;background: #fff;position: absolute;left: 45%;top: 0;}
.prosul .protext .lmore{display: inline-block;width: 128px;height: 36px;line-height: 36px;border-radius: 18px;border: 1px solid #80d4d8;font-size: 14px;color: #fff;margin-top: 6%;}
#Maincont .prosul a:hover img{animation: lines 0.2s ease forwards;}
.prosul a:hover .bg{width: 106%;height: 107%;top: -3.5%;left: -3%;opacity: 1;transition: 500ms;}
#Maincont .prosul a:hover .protext{top: 50%;opacity: 1;transition: 500ms;}
@keyframes lines {  
    0% {opacity: 1;transform: scale(1);} 
    100% {opacity:0;transform: scale(0.8);}  
  }

.content2{background:#f7f7f7;padding: 4%;height: auto;overflow: hidden;margin: 20px 0 40px;}
.content2 .about_l{width: 50%;float: left;}
.about_l .abdec{padding-top: 25px;border-top: 1px solid #00a9b1;margin-top: 10px;font-size: 14px;color: #333;line-height: 30px;max-height: 145px;overflow: hidden;}
.about_num{width: 100%;height: auto;overflow: hidden;margin-top: 15%;}
.about_num li{width: 25%;float: left;text-align: center;font-size: 18px;font-weight: bold;color: #333;line-height: 1.2;}
.about_num li span{font-size: 38px;color: #00a9b1;}
.about_num li p{font-weight: normal;font-size: 14px;}
.content2 .about_r{width: 50%;float: right;padding-left: 4%;}

#Maincont .content3{width: 100%;height: auto;background: url(../images/bg2.jpg) center no-repeat;background-size: cover;padding: 55px 0;}
.content3 ul{width: 100%;height:auto;text-align: center;}
.content3 ul li{display: inline-block;width:16.35%;border-right: 1px solid rgba(255,255,255,0.3);color: #fff;}
.content3 ul li i{display: inline-block;width: 72px;height: 72px;}
.content3 ul li:last-child{border-right: none;}
.content3 ul li p{font-size: 16px;line-height: 52px;height: 52px;overflow: hidden;}

.content4{margin: 90px 0;position: relative;}
.content4 .alltitle{display: none;width: 506px;height: 120px;background: #fff;padding: 24px 38px;position: absolute;right:10.1%;bottom: 0;border-bottom: 4px solid #00a9b1;}
.content4 .casebox{width: 100%;position: relative;}
.casebox .slider-nav{padding-right: 14px;width:430px;position: absolute;bottom: 18px;right: 4.8%;z-index: 6;}
.casebox .slider-nav p{display: none;width: 100%;height: 32px;line-height: 32px;font-size: 18px;color: #333;overflow: hidden;}
.slider-nav .slick-dots{bottom: -11px;text-align: right;}
.slider-nav .slick-dots li{width: 8px;height: 8px;margin:0 5px;border-radius: 50%;background: #d2d2d2;transition: 300ms;}
.slider-nav .slick-dots li.slick-active{background: #00a9b1;transition: 300ms;}

.content5{margin-bottom: 20px;}
.newslider{width: 100%;padding: 40px 0 60px;}
.newslider .slick-slide{padding-right:30px;}
.newli{display: block;width: 100%;padding: 2.5% 3%;background: #fff;border-left: 4px solid #eeeeee;transition: 300ms;position: relative;}
.newli:before{content: "";border-left:8px solid #00a9b1;border-top: 6px solid transparent;border-right: 8px solid transparent;border-bottom: 6px solid transparent;position: absolute;right: 5%;top: 46px;opacity: 0;transition: 300ms;}
.newli .time{font-size: 14px;color: #808080;line-height: 1.6;}
.newli .ntitle{width: 100%;height:40px;line-height: 40px;font-size: 18px;color: #333333;overflow: hidden;}
.newli .ndec{font-size:14px;color: #808080;line-height:24px;width: 100%;height: 48px;overflow: hidden;margin: 15px 0;}
.newli:hover{background: #effbfc;border-left: 4px solid #00a9b1;transition: 300ms;}
.newli:hover:before{right:1%;opacity: 1;transition: 300ms;}
.newslider .slick-dots{bottom: 0px;}
.newslider .slick-dots li{width: 12px;height: 12px;margin:0 9px;border-radius: 50%;background: #d2d2d2;transition: 300ms;}
.newslider .slick-dots li.slick-active{background: #00a9b1;transition: 300ms;}

#footer{position: relative;z-index: 6;background: #fff;}
.copy{width: 100%;line-height: 26px;padding: 35px 8%;color: #808080;font-size: 14px;}
.copy a{color: #808080;}
.copy a.iconlink{display: inline-block;width: 26px;height: 26px;float: right;margin-left: 16px;}
.copy a.iconlink img{-webkit-filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(graysale=1);transition: 300ms;}
.copy a.iconlink:hover img{-webkit-filter: grayscale(0%);filter: progid:DXImageTransform.Microsoft.BasicImage(graysale=0);transition: 300ms;}

.content6{background: #00a9b1;}
.contact{width: 100%;height: auto;display: flex;padding: 30px 0;}
.contact .tact{width: 20%;padding-left: 38px;font-size: 14px;color: #ffffff;line-height: 22px;padding-right: 20px;padding-top: 4px;}
.contact .tact1{flex:1;background: url(../images/icon7.png) left top no-repeat;}
.contact .tact2{width: 100%;margin-bottom: 15px; background: url(../images/icon8.png) left top no-repeat;}
.contact .tact3{width: 100%;background: url(../images/icon9.png) left top no-repeat;}
.link{width:250px;position: relative;margin-left: 12%;}
.linkbtn{cursor: pointer;width: 100%;height: 38px;line-height: 38px;font-size: 14px;color: #fff;padding:0 14px;background:#30bfc6;border-radius: 7px;position: relative;z-index: 4;}
.link span{display: block;width: 1px;height: 1px;float: right;margin-top: 7px;border-bottom:8px solid #fff;border-top: 8px solid transparent;border-right: 6px solid transparent;border-left: 6px solid transparent;}
.linkbox{width: 100%;max-height: 114px;overflow-y: scroll;border-radius: 7px;position: absolute;bottom: 100%;right: 0;background: #ededed;
    -webkit-transition: opacity .3s 0s,visibility 0s .3s;-moz-transition: opacity .3s 0s,visibility 0s .3s;
    transition: opacity .3s 0s,visibility 0s .3s;visibility: hidden;opacity: 0;}
.linkbox a{display: block;width: 100%;height: 38px;line-height: 38px;overflow: hidden;font-size: 14px;color: #808080;padding: 0 12px;background: url(../images/icon10.png) 110% center no-repeat;transition: 300ms;}
.linkbox a:hover{color: #00a9b1;background: url(../images/icon10.png) 94% center no-repeat;transition: 300ms;}
.linkbox dd{-webkit-transform: translateY(40px);-moz-transform: translateY(40px);-ms-transform: translateY(40px);-o-transform: translateY(40px);transform: translateY(40px);
    -webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;
    -webkit-transition-duration: .3s;-moz-transition-duration: .3s;transition-duration: .3s;}
.linkbox.link-visible{opacity: 1;visibility: visible;z-index: 3;
    -webkit-transition: opacity .3s 0s,visibility 0s 0s;-moz-transition: opacity .3s 0s,visibility 0s 0s; transition: opacity .3s 0s,visibility 0s 0s;}
.linkbox.link-visible dd{-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);}
/* 滚动条样式 */
.linkbox::-webkit-scrollbar{width: 3px;}
.linkbox::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 3px rgba(195,199,204,0.3);
    -webkit-border-radius: 10px;border-radius: 10px;background: #434343;}
.linkbox::-webkit-scrollbar-thumb{
    -webkit-border-radius: 10px;border-radius: 10px;background: #808080;
    -webkit-box-shadow: inset 0 0 3px rgba(195,199,204,0.5);}
.linkbox::-webkit-scrollbar-thumb:window-inactive{background:#808080;}
.mol_navbox{width: 100%;height: 54px;background: #009198;position: fixed;bottom: 0;left: 0;z-index: 6;}
.mol_navbox .fotli{width: 25%;float: left;text-align: center;font-size:14px;color: #fff;line-height: 24px; position: relative;}
.mol_navbox .fotli i{display: inline-block;height: 28px;padding-top: 5px;}
.mol_navbox .fotli img{height: 100%;}
.mol_navbox .fotli a{color: #fff;}
.mol_navbox .fshow{display: none;background: #fff;height: auto;position: absolute;left: 50%;bottom: 62px;border-radius: 8px;box-shadow: 0 0 12px rgba(107,107,107,0.28);font-size: 14px;line-height: 1.7;color: #444;padding: 6px 10px;
  -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.mol_navbox .fshow:before{content: "";border-bottom: 6px solid transparent;border-top: 6px solid #fff;border-left: 6px solid transparent;border-right: 6px solid transparent;position: absolute;top: 100%;left: 50%;margin-left: -6px;}
.mol_navbox .adr{width: 250px;}
.mol_navbox .ewm{width: 110px;padding: 12px;}

/*内页*/
#banner .content3{width: 100%;height: auto;padding: 0 18%;position:absolute;top: 50%;left: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}
#banner .content3 li{padding: 4% 0;width: 33%;}
#banner .content3 li:nth-child(3),#banner .content3 li:nth-child(2),#banner .content3 li:nth-child(1){border-bottom: 1px solid rgba(255,255,255,0.3);}
#banner .content3 li:nth-child(3n){border-right: none;}
#Maincont_ny{width: 100%;position: relative;z-index:4;background: #f7f7f7;padding-bottom:20px;}
.aboutbox{width: 100%;height: auto;overflow: hidden;background: #fff;padding: 3.6%;position: relative;top: -80px;}
.abtitle{width: 100%;text-align: center;font-size: 36px;color: #333;line-height:1.4;text-transform: uppercase;padding: 10px 0 16px;}
.abtitle i{font-size: 16px;color: #808080;padding-top: 10px;position: relative;}
.abtitle i:before{content: "";width: 18px;height: 1px;background: #00a9b1;position: absolute;left: 50%;margin-left: -9px;top: 0;}
.nydectil{width: 100%;height: auto;overflow: hidden;font-size: 16px;color: #333;line-height: 38px;}
.nydectil img{max-width: 100%;}
.about_mov{width: 100%;height: auto;margin-top: 3.6%;}
.culture{padding-top: 30px;padding-bottom: 30px;background: #00a2af url(../images/bg1.png) right bottom no-repeat;}
.culture .abtitle,.culture .abtitle i{color: #fff;}
.culture .abtitle i:before{background: #fff;}
.culture ul{width: 100%;height: auto;overflow: hidden;text-align: center;padding: 40px 0;}
.culture ul li{width: 19%;display: inline-block;color: #fff;line-height: 1.6;vertical-align: top;}
.culture ul li:nth-child(2){animation-delay: 0.2s;}
.culture ul li:nth-child(3){animation-delay: 0.4s;}
.culture ul li:nth-child(4){animation-delay: 0.6s;}
.culture ul li:nth-child(5){animation-delay: 0.8s;}
.culture li span{display: inline-block;width: 50px;height: 50px;}
.culture li h3{font-size: 18px;margin: 24px 0 8px;}
.culture li p{font-size: 14px;line-height: 18px;color: #a4eef1;}
.honorbox{margin:60px 0;padding: 3.6% 2.8%;background: #fff;}
.honor-Slider{width: 100%;padding: 8px 0 36px;}
.honor-Slider .slick-slide{padding:24px 18px;}
.honor-Slider .hli{padding: 10px;background: #f2f2f2;transition: 400ms;}
.honor-Slider .hli:hover{background: #fff;box-shadow: 0 8px 24px rgba(14,5,10,0.1);transition: 400ms;}
.honor-Slider .slick-dots{bottom: 0;}
.honor-Slider .slick-dots li{width: 10px;height: 10px;margin:0 9px;border-radius: 50%;background: #d9d9d9;transition: 300ms;}
.honor-Slider .slick-dots li.slick-active{background: #00a9b1;transition: 300ms;}

.content3 .alltitle,.content3 .alltitle i{color: #fff;}
.content3 .alltitle i:before{left: 50%;margin-left: -9px;}
.postop{background: #fff;box-shadow: 0 6px 18px rgba(14,5,10,0.05);padding:0 16%;position: relative;z-index: 4;}
.postop:before{content: "";width: 16%;height:100%;background: #fff;position: absolute;top: 0;left: 0;z-index: 3;}
.postop:after{content: "";width: 16%;height:100%;background: #fff;position: absolute;top: 0;right: 0;z-index: 3;}
.postop .posSlider{width: 100%;height: auto;}
.posSlider .posli{width: 100%;height: auto;background: url(../images/bg3.jpg) right 33px no-repeat;}
.posSlider .slick-list{overflow: unset;}
.posSlider .ce{display: block;width: 90%;height: 80px;border-bottom:1px solid #fff;overflow: hidden;line-height: 80px;margin: 0 5%;font-size: 16px;color: #333;text-align: center;transition: 400ms;}
.posSlider .posli:hover .ce{border-bottom:1px solid #00a9b1;color: #00a9b1;font-weight: bold;transition: 400ms;}
.posSlider .erul{display: none;width: 90%;height: auto;position: absolute;left: 5%;top: 100%;background: #fff;}
.posSlider .erul a{display: block;width: 100%;height: 40px;line-height: 40px;font-size: 14px;color: #808080;overflow: hidden;padding: 0 15px;background: url(../images/icon10.png) 110% center no-repeat;transition: 300ms;}
.posSlider .erul a:hover{color: #00a9b1;font-weight: bold;background: url(../images/icon10.png) 90% center no-repeat;transition: 300ms;}

.nytitle{width: 100%;line-height: 2;font-size:24px;color: #333;padding: 35px 0 22px;}
.nytitle span{display: block;width: 32px;height: 1px;background: #00a9b1;float: left;margin: 24px 8px 0 0;}
.nyprosul li a{background: #fff;transition: 400ms;}
.nyprosul .protext{width: 100%;padding: 8px 14px;text-align: center;}
.nyprosul .protext dt{color: #333;}
.nyprosul .protext dd{color: #808080;height: 58px;overflow: hidden;}
.nyprosul .protext dd:before{background: #00a9b1;}
.nyprosul .protext .lmore{border: none;background: #b3b3b3;margin: 10px auto;transition: 400ms;}
.nyprosul a:hover .protext .lmore{background: #00a9b1;transition: 400ms;}
.nyprosul a:hover{box-shadow: 0 6px 18px rgba(14,5,10,0.1);transition: 400ms;}

.dectitle{color: #fff;width: 100%;height: auto;padding: 0 8%;position:absolute;top: 50%;left: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}
.dectitle i{color: #fff;}
.dectitle i:before{background: #fff;}
.dectitle .adr{color: #fff;font-size: 14px;}
.dectitle .adr a{float: unset;color: #fff;padding-right: 0;}
.dectitle .adr a:before{display: none;}
.protitle{width:100%;height:auto;font-size: 36px;color: #333;line-height: 1.5;padding: 20px 0;}
.protitle:before{content: "";width: 6.8%;height: 1px;background: #00a9b1;position: absolute;top: 0;left: 0;}
.protitle dd{font-size: 14px;color: #808080;line-height: 2;}
.caseul{width: 101.6%;height: auto;overflow: hidden;margin-left: -0.8%;padding-bottom: 20px;}
.caseul li{width: 50%;float: left;padding: 0.8%;}
.caseul li a{display: block;width: 100%;height: auto;position: relative;}
.caseul .ctitle{width: 100%;height: 60px;line-height: 60px;padding: 0 20px;font-size: 18px;color: #fff;position: absolute;bottom: 0;left: 0;background-color: rgba(0, 0, 0, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f000000,endcolorstr=#2f000000);}
.caseul .ctitle span{float: right;font-size: 14px;position: relative;padding-right: 14px;margin-left: 12px;margin-right: 20px;opacity: 0;transition: 300ms;}
.caseul .ctitle span:before{content: "";border-left: 6px solid #fff;border-right: 6px solid transparent;border-top: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;right: -6px;top: 50%;margin-top: -7px;}
.caseul li a:hover .ctitle span{margin-right: 0;opacity: 1;transition: 300ms;}

.newsul{width: 101.8%;height: auto;overflow: hidden;margin-left: -0.9%;padding-bottom: 20px;}
.newsul li{width: 33.3%;float: left;padding: 0.9%;}
.humanul{width: 100%;height: auto;padding-bottom: 20px;}
.humanul .lititle{border-bottom: 1px solid #e6e6e6;}
.humanul .litop{border: 1px solid #e6e6e6;}
.humanul .lititle dl{width: 100%;font-size: 16px;color: #333;cursor: pointer;}
.humanul .litop dl{background: #f5f5f5;font-size: 18px;}
.lititle dl dd{width:337px;height: 56px;display: table-cell;text-align: center;vertical-align: middle; }
.lititle dl dd.last{width: 134px;}
.lititle dl dd.morebg{width: 134px;background: url(../images/add.png) center no-repeat;}
.lititle dl.on dd.morebg{background: url(../images/add2.png) center no-repeat;}
.lititle .hm_dec{display: none;background: #fafafa;width: 100%;padding: 3%;font-size: 14px;color: #333;line-height: 2.2;}
.lititle .hm_dec h3{font-weight: bold;font-size: 14px;margin-bottom: 10px;}

#dituContent{width:100%;height:540px;}
h1.tact{ font-size: 30px;line-height: 1.5;color: #333;padding: 40px 0 20px;}
.nycontact{width: 100%;height: auto;overflow: hidden;}
.nycontact dd{width: 50%;float: left;}
.nycontact dd .dec{padding: 7px 0;padding-left: 20px;font-size: 15px;color: #333;line-height: 22px;position: relative;}
.nycontact dd .dec:before{content: "";width: 8px;height: 1px;background: #00a9b1;position: absolute;left: 0;top: 18px;}
.nycontact dd .ewmimg{width: 140px;float: right;margin-left: 20px;text-align: center;line-height: 30px;font-size: 14px;color: #808080;}
dd .ewmimg img{padding: 12px;border: 1px solid #e6e6e6;}


/*页码*/
.pagebox{width: 100%;text-align: center;padding:20px 0 80px;}
.pagebox a{display:inline-block;margin:0 4px;width: 30px;height: 30px;line-height: 30px;color: #808080;font-size: 14px;transition: 400ms;}
.pagebox a.prev,.pagebox a.next{color: transparent!important;}
.pagebox a.prev:before{content: "";border-right: 12px solid #959595;border-top: 8px solid transparent;border-left: 12px solid transparent;border-bottom: 8px solid transparent;position: absolute;right: 8px;top: 7px;}
.pagebox a.next:before{content: "";border-left: 12px solid #959595;border-top: 8px solid transparent;border-right: 12px solid transparent;border-bottom: 8px solid transparent;position: absolute;left: 8px;top: 7px;}
.pagebox a:hover,.pagebox a.on{color: #00a9b1;font-weight: bold;}
.pagebox a.prev:hover:before{border-right: 12px solid #00a9b1;}
.pagebox a.next:hover:before{border-left: 12px solid #00a9b1;}
/*分享*/
.share2{width: 150px;float: right;margin: 20px 0;}
/*文章上下篇*/
.choose_art{width: 100%;height:auto;overflow: hidden;padding: 20px 0;position: relative;border-top: 1px solid #e6e6e6;}
.choose_art .backul{width: 128px;border-radius: 19px;text-align: center;background: #b3b3b3;color: #fff;right: 0;top: 20px;}
.choose_art .backul:hover{background: #00a9b1;transition: 300ms;}
.choose_art a{display: block;height: 36px;line-height: 36px;color: #808080;font-size: 14px;overflow: hidden;transition: 300ms;}
.choose_art li a:hover{color: #00a9b1;transition: 300ms;}
/*手机导航*/
.left_nav{display: none;width:100%;height:94%;background:#f7f7f7;position: fixed;top:54px;right:0px;z-index: 66;}
.left_nav .nnav{width:100%;height:99%;overflow-y:auto;}
.left_nav .nnav li{width: 100%;height: auto;overflow: hidden;border-bottom: 1px solid #e0e0e0;}
.left_nav .nnav li a.ce{padding: 0 16px;color: #545454;font-size: 16px;display: block;height:48px;line-height:48px;}
.left_nav .nnav li a.ce.xz_a{color: #fff;background: #00a8b1;}
.menu_head .ericon{padding: 0 8px;width:44px;height:48px;line-height:48px;text-align:center;float:right;display:inline;position: relative;z-index: 3;color: #545454;font-size: 22px;}
.menu_head .ericon img{width: 100%;}
.menu_head .ericon .icon1{ display:none;}
.menu_head .ericon.xz .icon1{ display:block;color: #fff}
.menu_head .ericon.xz .icon2{ display:none;}
.left_nav .nnav li .menu_body{display: none;background: #f2f2f2;}
.left_nav .nnav .menu_body li{border-bottom: none;}
.menu_body li a.er{padding:0 16px 0 32px;font-size:15px;display: block;height:40px;line-height:40px;color: #878787;position: relative;}
.menu_body li a.er.tz_a{color: #00a8b1;}
.menu_body .thricon{color:#666;width:44px;height:40px;line-height:40px;text-align:center;float:right;display:inline;position: relative;z-index: 3;font-size: 24px;}
.menu_body .thricon .icont1{ display:none;}
.menu_body .thricon.tz .icont1{ display:block;color: #00a8b1;}
.menu_body .thricon.tz .icont2{ display:none;}
.left_nav .nnav li .thr_body{display: none;}
.left_nav .nnav li .thr_body li{border-bottom: none;padding: 0;}
.thr_body li a.thr{position: relative;padding:0 15px 0 46px;font-size: 14px;display: block;height:44px;line-height:44px;color: #666;}
.thr_body li a.thr:before{content: "";border-left: 5px solid #666;border-right: 5px solid transparent;border-top: 5px solid transparent;border-bottom: 5px solid transparent;position: absolute;left: 32px;top: 17px;}
.thr_body li a.fz_a:before{border-left: 5px solid #00a8b1;}
.thr_body li a.thr.fz_a{color: #00a8b1;}
.left_nav .nnav li .for_body{display: none;}
.for_body li a.for{position: relative;padding-left:68px;font-size: 14px;display: block;height:40px;line-height:40px;color: #666;}
.menu_body .foricon{color:#666;width:44px;height:40px;line-height:40px;text-align:center;float:right;display:inline;position: relative;z-index: 3;font-size: 24px;}
.menu_body .foricon .icont1{ display:none;}
.menu_body .foricon.tz .icont1{ display:block;color: #00a8b1;}
.menu_body .foricon.tz .icont2{ display:none;}
/*panle导航结束*/


@media(max-width: 1600px){
    /*.about_num li span{font-size: 52px;}*/

}
@media(max-width: 1460px){
    .alltitle{font-size: 28px;}
    .alltitle i{font-size: 14px;}
    .probox .pronav a{font-size: 14px;}
    .prosul .protext .lmore{width: 102px;height: 30px;line-height: 28px;border-radius: 15px;font-size: 12px;margin-top: 5%;}
    .about_num li span{font-size: 46px;}
    .about_r iframe{height: 320px;}
    .content4 .alltitle{padding: 22px;}
    .casebox .slider-nav{width: 456px;}
    .postop{padding: 0 12%;}
    .postop:before,.postop:after{width: 12%;}
 
}
@media (max-width: 1360px){
  .index-nav{padding: 20px 0;}
  .index-nav li,.content3 ul li{width: 16.2%;}
  .index-nav li i{width: 45px;height: 45px;}
  .index-nav li p{font-size: 14px;}
  .probox .pronav{width: 100%;height: auto;position: relative;right: 0;}
  .prosul .protext dd{line-height: 22px;max-height: 54px;}
  .prosul .protext .lmore{width: 90px;height: 26px;line-height: 24px;border-radius: 13px;}
  /*.about_num{margin-top: 5%;}*/
  .about_num li{width: 50%;margin-bottom: 10px;}
  .about_num li span{font-size: 34px;}
  .content3 ul li i{width: 60px;height: 60px;}
  .content3 ul li p{font-size: 14px;line-height: 44px;height: 44px;}
  .newli .ntitle{font-size: 16px;height: 30px;line-height: 36px;}
  .newslider .slick-slide{padding-right: 18px;}
  .newli{border-left: 2px solid #eeeeee;}
  .newli:hover{border-left: 2px solid #00a9b1;}
  #banner .content3{padding: 0 10%;}
  #banner .content3 li{padding: 3% 0;}
  .aboutbox{top: -50px;}
  .abtitle{font-size: 30px;}
  .honor-Slider .slick-slide{padding: 20px 14px;}
  .postop{padding: 0 10%;}
  .postop:before,.postop:after{width: 10%;}
  .protitle{font-size: 32px;}
  #dituContent{height: 450px;}

}
@media (max-width: 1199px){
  #header,#header .logo a{height: 80px;}
  .nav_box .yiji a{height: 80px;line-height: 80px;font-size: 14px;}
  .nav_box .libox{width: 140%;left: -20%;}
  #banner{top: 80px;}
  .index-nav{padding: 10px 0;}
  .alltitle,.about_num li span{font-size: 26px;}
  .alltitle i,.about_num li p{font-size: 12px;}
  .prosul{width: 102%;margin-left: -1%;}
  .prosul li{padding: 1%;}
  .prosul .protext dt{height: 40px;line-height: 40px;}
  .prosul .protext .lmore{display: none;}
  .tlinks{width: 208px;height: 80px;line-height: 80px;padding-left:0; }
  .serch-btn span{margin: 30px 0;}
  .link{width: 180px;margin-left: 7%;}
  .tlinks .serch-btn{width: 45px;}
  .tlinks .tell{margin-left: 58px;}
  #banner .content3{padding: 0 7%;}
  #banner .content3 li{padding: 1.2% 0;}
  .about_mov iframe{height: 440px;}
  .nyprosul .protext{padding: 8px 14px 14px;}
  .postop{padding: 0 8%;}
  .postop:before,.postop:after{width:8%;}
  .protitle{font-size: 30px;}
  .caseul .ctitle{height: 50px;line-height: 50px;font-size: 16px;padding: 0 15px;}
  #dituContent{height: 400px;}
  h1.tact{font-size: 28px;}


  
}

@media (max-width: 991px){
    #header .logo{flex:1;}
    .tlinks{width: 300px;}
    #banner .slick-dots{bottom: 70px;}
    .index-nav li,.content3 ul li{width: 32%;overflow: hidden;}
  .index-nav li:before{bottom: -15px;}
  .alltitle,.about_num li span{font-size: 24px;}
  .prosul .protext dd{font-size: 12px;max-height: 50px;line-height: 20px;}
  .content2 .about_l{width: 100%;}
  .content2 .about_r{width: 100%;padding-left: 0;padding-top: 20px;}
  .content3 ul{display: flex;}/*x-230726*/
  .content3 ul li p{height: 24px;line-height: 24px;}
  .content3 ul li{padding: 18px 0;}
  .content3 ul li:nth-child(3),.content3 ul li:nth-child(2),.content3 ul li:nth-child(1){border-bottom: 1px solid rgba(255,255,255,0.3);}
  .content3 ul li:nth-child(4){border-bottom: 1px solid rgba(255,255,255,0.3);}/*x-230726*/
  /*.content3 ul li:nth-child(3n){border-right: none;}*//*x-230726*/
  .content4 .alltitle{width: 100%;position: relative;right: 0;}
  .casebox .slider-nav{width: 92%;right: 4%;bottom: -97px;padding-right: 0;}
  .link{display: none;}
  .contact{display: block;padding: 20px 0;overflow: hidden;}
  .contact .tact{width: 50%;float: left;margin: 10px 0;}
  .contact .tact1{width: 100%;flex:none;}
  .copy{padding: 20px 8%;line-height: 24px;}
  #banner .content3 li{width: 32%;}
  .content3 ul li i{width: 44px;height: 44px;}
  .abtitle{font-size: 24px;line-height: 1.8}
  .abtitle i{font-size: 14px;}
  .culture{background-size: auto 100%;}
  .culture ul{padding-bottom: 0;}
  .culture ul li{width: 32%;padding-bottom: 40px;}
  .about_mov iframe{height: 380px;}
  .nytitle{font-size: 20px;}
  .nytitle span{margin: 20px 8px 0 0;}
  .protitle{font-size: 26px;}
  .caseul .ctitle{height: 40px;line-height: 40px;font-size: 14px;}
  .caseul .ctitle span{font-size: 12px;}
  .caseul .ctitle span:before{margin-top: -5px;}
  .newsul li{width: 50%;}
  .newsul .newli .ndec{margin: 10px 0;}
  #dituContent{height: 350px;}
  h1.tact{font-size: 24px;}
  .slider-nav .slick-dots{bottom: -14px;}


}
@media (min-width: 768px) and (max-width: 991px){
  .about_num li{width: 25%;}

}
@media (max-width: 767px){
  #wrap_index.wheight{height: 300px;}
  .holder{padding: 0 15px;}
  #header{padding: 0 15px;height: 54px;}
  #header .logo{padding-left: 0;}
  #header .logo a{height: 54px;}
  .tlinks{width: 102px;height: 54px;}
  .tlinks .serch-btn{width: 54px;}
  .serch-btn span{margin: 17px 0;}
  .mol_navbutton{width: 48px;height: 54px;background-size: 28px;}
  .formbox{position: fixed;top: 54px;left: 0;margin-left: 0;width: 100%;}
  #banner{top: 54px;}
  #banner .slick-dots{bottom: 16px;}
  #banner .slick-dots li{height:30px;margin:0 3px;}
  #banner .slick-dots li button{height: 14px}
  #banner .slick-dots li.slick-active button{height: 30px;}
  .index-nav{padding:5px 0;margin-bottom: 30px;/*x-230726*/padding: 20px 0 8px;}
  .index-nav li{padding: 8px 0;/*x-230726*/padding: 2px 0;}
  .index-nav li i{width:32px;height: 32px;/*x-230726*/height: auto;}
  .index-nav li p{font-size: 12px;height: 26px;line-height: 26px;}
  .alltitle{font-size: 18px;line-height: 34px;}
  .alltitle a{font-size: 13px;}
  .probox .pronav{line-height: 32px;text-align: left;}
  .prosul li{width: 50%;padding: 1.5%;}
  #Maincont .prosul .bg,#Maincont .prosul .protext{display: none;}
  .prosul h4{width: 100%;height: 30px;line-height: 34px;margin: 0;text-align: center;font-size: 14px;color: #333;}
  .about_l .abdec{padding-top: 18px;line-height: 24px;max-height: 176px;}
  .about_r video{height: 225px;}
  .about_num li span{font-size: 26px;}
  .about_num li{margin-bottom: 20px;}
  .about_r iframe{height: 210px;}
  .content3 ul li i{width: 40px;height: 40px;}
  .content3 ul li p{font-size: 12px;}
  .content3{padding: 30px 0;}
  .content4{margin: 50px 0;/*230726*/padding: 0;}
  .content4 .alltitle{padding: 16px 4%;height: 102px;border-bottom: 2px solid #00a9b1;}
  .casebox .slider-nav p{height: 28px;line-height: 28px;font-size: 16px;}
  .casebox .slider-nav{bottom: -84px;}
  .newslider{padding: 25px 0 42px;}
  .newslider .slick-slide{padding-right: 0;}
  .newslider a{background: #effbfc;border-left: 2px solid #00a9b1;}
  .newslider a:before{right: 1%;top: 40px;opacity: 1;}
  .newslider .slick-dots li,.honor-Slider .slick-dots li{width: 8px;height: 8px;margin: 0 5px;}
  .contact{padding: 15px 0;}
  .contact .tact{width: 100%;background-size: 20px auto!important;padding: 0;padding-left: 26px;margin: 5px 0;font-size: 12px;}
  .copy a.iconlink{display: none;}
  #footer{padding-bottom: 54px;}
  .copy{padding: 10px 15px;text-align: center;line-height: 20px;font-size: 12px;}
  #banner .abimg img{width: 130%;margin-left: -15%;}
  #banner .content3{padding: 0 15px;top: 48%;}
  #banner .content3 li{padding: 2% 0;}
  .aboutbox{top: -24px;padding-top: 30px;}
  .abtitle{font-size: 20px;line-height: 2;padding: 10px 0;}
  .abtitle i{font-size: 12px;}
  .about_mov iframe{height: 200px;}
  .culture{padding: 20px 15px;}
  .culture li span{width: 34px;height: 34px;}
  .culture li h3{font-size: 14px;margin: 12px 0 8px;}
  .culture li p{font-size: 12px;}
  .honorbox{margin: 38px 0 25px;}
  .honor-Slider .slick-slide{padding: 15px 8px;}
  .honor-Slider .hli{padding: 7px;}
  .honor-Slider .slick-dots{bottom: 15px;}

  .posSlider .posli{background: url(../images/bg3.jpg) right 20px no-repeat;background-size: 1px 10px;}
  .posSlider .ce{height: 50px;line-height: 50px;font-size: 14px;}
  .posSlider .erul a,.posSlider .erul a:hover{padding: 0 5px;background: none;}
  .dectitle{top: 36%;padding: 0 15px;}
  .dectitle .adr{font-size: 12px;line-height: 1;}
  .protitle{padding: 10px 0;font-size: 20px;}
  .choose_art .backul{display: none;}
  .choose_art{margin-top: 14px;padding: 15px 0;}
  .choose_art a{height: 30px;line-height: 30px;}
   .caseul li{width: 100%;padding: 0 0.8% 15px;}
   .caseul .ctitle{padding: 0 10px;height: 35px;line-height: 35px;}
   .newsul li{width: 100%;padding: 0 0 15px;}
  .newsul .newli .time{font-size: 12px;}
  .newsul .newli .ndec{margin: 0;margin-top: 5px;height: 44px;line-height: 22px;}
  .humanul .lititle dl{font-size: 12px;padding: 5px 0;}
  .humanul .litop dl{font-size: 14px;}
  .lititle dl dd{height: 30px;line-height: 20px;}
  #dituContent{height: 240px;}
  h1.tact{font-size: 18px;padding: 24px 0 14px;}
  .nycontact dd{width: 100%;}
  .nycontact dd .dec{font-size: 14px;padding-left: 16px;}
  .nycontact dd .ewmimg{width: 90px;float: left;padding-top:20px;margin-left: 0;margin-right: 14px; }
  dd .ewmimg img{padding: 6px;}

}
@media (max-width: 420px){
  .postop{padding: 0 15px;}
  .postop:before,.postop:after{width:15px;}
  .nytitle{font-size: 18px;padding: 22px 0;}
  .nytitle span{width: 20px;}
  .pagebox{padding: 0;padding-bottom: 50px;}
  .protitle{font-size: 18px;}
    

}
@media (max-width: 360px){
	
}



.quickbar_nav {
    width: 40px;
    height: auto;
    position: fixed;
    right: 26px;
    top: 50%;
    z-index: 6;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .quickbar_nav ul li {
        width: 40px;
        height: 44px;
        padding: 2px 0;
        position: relative;
    }

        .quickbar_nav ul li a {
            display: block;
        }

        .quickbar_nav ul li .icon {
            width: 40px;
            height: 40px;
            border-radius: 6px;
            overflow: hidden;
            cursor: pointer;
            box-shadow: 0 0 3px #b7b7b7;
            background-color: rgba(255, 255, 255, 0.5);
        }

            .quickbar_nav ul li .icon img {
                /* older safari/Chrome browsers */
                -webkit-opacity: 0.6;
                /* Netscape and Older than Firefox 0.9 */
                -moz-opacity: 0.6;
                /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
                -khtml-opacity: 0.6;
                /* IE9 + etc...modern browsers */
                opacity: 0.6;
                /* IE 4-9 */
                filter: alpha(opacity=60);
                /*This works in IE 8 & 9 too*/
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
                /*IE4-IE9*/
                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            }

        .quickbar_nav ul li .seabtn { /* older safari/Chrome browsers */
            -webkit-opacity: 0.6;
            /* Netscape and Older than Firefox 0.9 */
            -moz-opacity: 0.6;
            /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
            -khtml-opacity: 0.6;
            /* IE9 + etc...modern browsers */
            opacity: 0.6;
            /* IE 4-9 */
            filter: alpha(opacity=60);
            /*This works in IE 8 & 9 too*/
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            /*IE4-IE9*/
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            width: 100%;
            height: 100%;
            background: url(/res/cn/images/icon/icon_32.png) center no-repeat;
            border: none;
        }

        .quickbar_nav ul li:hover .icon img, .quickbar_nav ul li:hover .seabtn {
            opacity: 1;
        }

        .quickbar_nav ul li .li_hover {
            display: none;
            position: absolute;
            right: 50px;
            top: 2px;
            text-align: center;
            font-weight: bold;
            color: #0d0d0d;
            border-radius: 6px;
            box-shadow: 0 0 6px #d6d6d6;
            min-height: 24px;
            padding: 8px 0;
            width: 126px;
            background-color: rgba(255, 255, 255, 0.8);
        }

            .quickbar_nav ul li .li_hover:before {
                content: "";
                border-left: 6px solid rgba(214,214,214,0.8);
                border-right: 6px solid transparent;
                border-top: 6px solid transparent;
                border-bottom: 6px solid transparent;
                position: absolute;
                right: -12px;
                top: 14px;
            }

            .quickbar_nav ul li .li_hover.ewmimg {
                width: 96px;
                height: 100px;
                padding: 5px 0;
                background: #fff;
            }

                .quickbar_nav ul li .li_hover.ewmimg img {
                    width: 85px;
                }

        .quickbar_nav ul li .sea_input {
            width: 150px;
            padding: 0;
        }

            .quickbar_nav ul li .sea_input input {
                width: 130px;
                height: 40px;
                border: none;
                padding: 0 10px;
                outline: none;
                border-radius: 6px;
                background: none;
            }

        .quickbar_nav ul li.r_weChart .li_hover {
            width: 100px;
            top: -40px;
        }

            .quickbar_nav ul li.r_weChart .li_hover img {
                max-width: 100%;
            }