@charset "utf-8"; /* CSS Document */ /*--閲嶅畾涔夋祻瑙堝櫒榛樿鏍峰紡--*/ *{word-wrap:break-word} html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0} ul,ol,dl{list-style-type:none} html,body{*position:static;height: 100%;/* background-color:#1b1b1b;*/} html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit} input,button{overflow: visible;vertical-align:middle;outline:none} body,th,td,button,input,select,textarea{font-family:arial,"寰蒋闆呴粦","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #666;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale} body{line-height:1.6;} h1,h2,h3,h4,h5,h6{font-size:100%} a,area{outline:none;blr:expression(this.onFocus=this.blur())} a{text-decoration:none;cursor: pointer;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} a:hover{text-decoration:none;outline:none} a.ie6:hover{zoom:1} a:focus{outline:none} a:hover,a:active{outline:none}:focus{outline:none} a:link{ text-decoration:none;} sub,sup{vertical-align:baseline} button,input[type="button"], input[type="submit"] {line-height:normal !important;} /*img*/ img{border:0;vertical-align:middle} a img,img{-ms-interpolation-mode:bicubic} .img-responsive{max-width: 100%;height: auto} /*IE涓媋:hover 鑳屾櫙闂儊*/ *html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))} body[aos-delay='5000'] [aos], [aos][aos][aos-delay='5000']{ transition-delay: 5000ms; } /*HTML5 reset*/ header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline} audio,canvas,video{display:inline-block;*display:inline;*zoom:1} audio:not([controls]){display:none} legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5} legend small{font-size:15px;color:#999} svg:not(:root) {overflow: hidden} fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto} input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none} /* Name: style_clearfix Example: class="clearfix|cl" Explain: Clearfix锛堢畝鍐檆l锛夐伩鍏嶅洜瀛愬厓绱犳诞鍔ㄨ€屽鑷寸殑鐖跺厓绱犻珮搴︾己澶辫兘闂 */ .cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1} .fl{float:left; display:inline;} .fr{float:right; display:inline;} .clearboth{ clear:both;} .bigzm{text-transform:uppercase;} .container { width: 100%!important; max-width:1200px; max-width:1170px\9; } /*澶撮儴*/ .clearpadding{ padding:0px; margin:0px;} /* PAGE-MENU */ .fullnavr { position:fixed; top: 50%; right:30px; z-index:1;webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%);} #pagemenu {list-style:none; padding:0; margin:0; text-align: center;position: relative;z-index: 1005; padding:10px 0px;} #pagemenu li { position:relative; width: 10px; margin:5px 0px;} #pagemenu li a {width:10px;height:10px; color:#fff; font-size:14px; display:inline-block; transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; position:relative;} #pagemenu li a:after{width:10px; height:10px; border:1px solid #ffffff; position:absolute; left:0px; top:5px; content:"";-moz-border-radius: 100%; /* Gecko browsers */ -webkit-border-radius: 100%; /* Webkit browsers */ border-radius:100%; /* W3C syntax */-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .fullnavr #pagemenu li.active a:after{ background-color:#ffffff; } #pagemenu li a.disnone{ display:none;} .fullnavr #pagemenu li.active a .disnone,.fullnavr #pagemenu li.active a:hover .disnone,.fullnavr #pagemenu li a:hover .disnone{ display:block; text-decoration:none;} .mousehover{width:51px; height:41px; background:url(../images/y26.png) no-repeat; background-size:51px; position:absolute; left:50%; margin-left:-25.5px; bottom:55px; z-index:1000;} .section.y6{ height:auto !important} /*shade*/ :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #888888; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #888888; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #888888; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #888888; } .layer{ position: fixed; z-index:1001011; width: 100%; height: 100%; overflow:hidden;} .layer .layer-top, .layer .layer-bottom{ position: absolute; width: 100%; height: 50%;/* background: #da1515;*/ top: 0%; transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; z-index: 1;} .layer .layer-top{ background-color:#fff;} .layer .layer-bottom{ top: auto; bottom: 0%; background-color:#fff;} .layer .loading{width:354px; height:47px; position: absolute; top: 50%; left:50%; margin-left:-177px; margin-top:-23.5px; /*-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); */display: block; z-index: 2;-webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out;} .layer.show{ visibility: hidden;} .layer.show .loading{ display: none;} .layer.show .layer-top{ top: -50%;} .layer.show .layer-bottom{ bottom: -50%;} @-webkit-keyframes rotateplane { 0% { filter: alpha(opacity=0);-webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); } 50%{opacity: 1; filter: alpha(opacity=100); -webkit-transform:scale(1, 1); transform:scale(1, 1); } 100% {opacity: 1; filter: alpha(opacity=100); -webkit-transform:scale(1, 1); transform:scale(1, 1); } } @keyframes rotateplane { 0% {filter: alpha(opacity=0);-webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5);} 50%{opacity: 1; filter: alpha(opacity=100); -webkit-transform:scale(1, 1); transform:scale(1, 1);} 100% {opacity: 1; filter: alpha(opacity=100); -webkit-transform:scale(1, 1); transform:scale(1, 1);} } /*Index*/ .section{background-size: cover; background-position: center center; overflow:hidden;} .slide{background-size: cover; position:relative;} .section .sec-scale { width:100%; height:100%;/*transform: scale(0.8);opacity: 0.5;transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;*/} /*.active .sec-scale {transform: translate(0px,0px) scale(1);transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; opacity: 1; }*/ .bg {width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden;} .bgs {width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden; display:none;} .home-swiper {width: 100%;height: 100%;background: #000;} .home-swiper .swiper-slide {text-align: center;font-size: 18px;background-repeat: no-repeat;background-position: center center;background-size: cover;opacity: 1;width:100%; position:relative;} /*.home-swiper .swiper-slide .conver_div{width:100%; height:100%; position:absolute; left:0px; top:0px;} .home-swiper .swiper-slide img{ display:none;}*/ .home-swiper .swiper-slide .text_c{width:100%; padding:0px 3%; color:#fff; line-height:1.8; text-align:center; position:absolute; left:0px; top:50%;webkit-transform: translate(0%, -40%);-moz-transform: translate(0%, -40%);transform: translate(0%, -40%); font-size:24px;opacity: 0; filter: alpha(opacity=0);transition: all 1.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .home-swiper .swiper-slide .text_c h1{ font-size:60px;margin-bottom:20px;} .home-swiper .swiper-slide.swiper-slide-active .text_c{opacity: 1; filter: alpha(opacity=100); webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%); } .home-swiper .swiper-slide .s1{width:100%; height:100%;background-repeat: no-repeat;background-position: center center;background-size: cover; display:block;} .home-swiper .swiper-slide .s1 img{width:100%; height:auto !important; display:none;} .home-swiper .swiper-slide .s2{width:100%; height:100%;background-repeat: no-repeat;background-position: center center;background-size: cover; display:none;} .home-swiper .swiper-slide .s2 img{width:100%; height:auto !important; display:none;} .home-swiper .home_next{width:42px; height:42px; background:url(../images/banner_right.png) no-repeat; background-size:42px; right:4%; margin-top:21px;} .home-swiper .home_prev{width:42px; height:42px; background:url(../images/banner_left.png) no-repeat; background-size:42px; left:4%;margin-top:21px;} .home-swiper .home-pagination .swiper-pagination-bullet{width:30px !important; border:2px solid #fff; background-color:transparent;-moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; margin:0px 8px !important;} .home-swiper .home-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:30px !important; background-color:#00b0ac; border:2px solid #00b0ac;} /*.home-swiper .swiper-slide.swiper-slide-active{-webkit-animation: hvr-bob 7s ease infinite;animation: hvr-bob 7s ease infinite;}*/ .header_div{width:100%; padding-left:3.4%;height:80px; background-color:#fff; left:0px; top:0px; position:fixed; z-index:10000;transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .header_div .i_logo{width:19.3%; padding-top:20px;} .header_div .i_logo img{ width:auto; height:47px;} .header_div.fixedmenu,.header_div.fixedmenu1.fixedmenu{ position:fixed;-moz-box-shadow:0px 0px 10px #c7c5bf;/*firefox*/ -webkit-box-shadow:0px 0px 10px #c7c5bf;/*webkit*/ box-shadow:0px 0px 10px #c7c5bf;/*opera鎴杋e9*/} .header_div.fixedmenu1{ position:relative;} .menu_nav{width:48.5%; margin-left:5%;} .menu_nav ul{width:100%;} .menu_nav ul li{width:12.5%; float:left;text-align:center; position:relative; z-index:1;} .menu_nav ul li .nav_a{width:100%; height:80px; line-height:80px; color:#000000; display:inline-block; font-size:16px; position:relative;} .menu_nav ul li .nav_a:hover, .menu_nav ul li .nav_a.activetopm, .menu_nav ul li .nav_a.activetopm1{ color:#00b0ac; text-decoration:none; background-color:#f4f4f4;} .menu_nav ul li .nav_a:after{width:0%; height:3px; background-color:#00b0ac; position:absolute; left:50%; margin-left:-50%; bottom:0px; z-index:1; content:"";-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .menu_nav ul li .nav_a:hover:after,.menu_nav ul li .nav_a.activetopm:after,.menu_nav ul li .nav_a.activetopm1:after{width:100%;} .menu_nav ul li .dlone{width:100%; position:absolute; left:0px; top:100%; background-color:#ffffff; display:none; padding:10px 0px;} .menu_nav ul li .dlone .ddone{width:100%; height:40px; line-height:40px; float:left; position:relative;} .menu_nav ul li .dlone .ddone .aone{width:100%; height:40px; line-height:40px; display:inline-block; overflow:hidden; text-align:center; color:#222222; font-size:16px;} .menu_nav ul li .dlone .ddone .aone:hover,.menu_nav ul li .dlone .ddone .aone.activetwo{ text-decoration:none; color:#fff; background-color:#aa62a4;} .menu_nav ul li .dlone .ddone .dltwo{width:155px; background-color:#00c798; position:absolute; left:100%; top:0px; display:none;} .menu_nav ul li .dlone .ddone .dltwo dd{width:100%; float:left; border-bottom:1px solid #4dd8b7;} .menu_nav ul li .dlone .ddone .dltwo dd a{width:100%; height:40px; line-height:40px; overflow:hidden; text-align:center; color:#fff; font-size:16px; display:inline-block; float:left;} .menu_nav ul li .dlone .ddone .dltwo dd a:hover{ color:#fff; text-decoration:none; background-color:#50ecc7;} .i_morebtn{width:6%; height:80px; background-color:#00b0ac; position:relative;} .left_but{width:30px; height:30px; cursor:pointer; position:absolute; left:50%; margin-left:-15px; top:50%; margin-top:-15px; z-index:100;} .left_but_btn{display:inline-block; position:relative;width:22px; height:2px; z-index:2; margin:14px 0 0 0px; background:#fff; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms;-moz-border-radius:2px; /* Gecko browsers */ -webkit-border-radius: 2px; /* Webkit browsers */ border-radius:2px; /* W3C syntax */} .left_but_btn:before,.left_but_btn:after {content: ''; display:block; width:30px; height:2px; position:absolute; background:#fff; transition-property: margin, -webkit-transform; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; transition-duration: 300ms; -webkit-transition-duration: 300ms;-moz-border-radius:2px; /* Gecko browsers */ -webkit-border-radius: 2px; /* Webkit browsers */ border-radius:2px; /* W3C syntax */} .left_but_btn:before{margin-top:-10px;} .left_but_btn:after {margin-top:10px;} .phone_nav_one .left_but_btn{background: rgba(0, 0, 0, 0); } .phone_nav_one .left_but_btn:before {margin-top: 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .phone_nav_one .left_but_btn:after {margin-top:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);} .phone_nav_one{ transition-delay:0s; -webkit-transition-delay:0s; } .yc_box1{width:100%; position:fixed; top:100%; background-color:#fff; left:0px; z-index:12;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .yc_box1.leftbutton{ top:80px;} .yc_box1_c{width:100%; padding:150px 10% 0px 10%} .yc_box1_c_ul{width:100%;} .yc_box1_c_ul li{width:14.285%; float:left; border-right:1px solid #d2d2d2; min-height:319px;} .yc_box1_c_ul li .a1{width:100%; height:33px; line-height:33px; overflow:hidden; display:inline-block; text-align:center; float:left; color:#333333; font-size:16px; margin-bottom:25px;} .yc_box1_c_ul li .a1:hover{ text-decoration:none; color:#2a3bcb;} .yc_box1_c_ul li .a2{width:100%; height:29px; line-height:29px; overflow:hidden; display:inline-block; text-align:center; float:left; color:#333333; font-size:14px;} .yc_box1_c_ul li .a2:hover{ text-decoration:none; color:#bd3736;} .i_zhbox1{width:6.5%; border-left:1px solid #dcdcdc;} .i_ss{width:100%; position:relative;} .i_ss_t{width:100%; height:40px; padding-left:14%; cursor:pointer; position:relative;} .i_ss_t .s1{width:100%; height:40px; line-height:40px; color:#000000; font-size:14px; background:url(../images/tb_01.png) left center no-repeat; padding-left:25px; display:inline-block;} .i_ss_c{width:210px; height:40px;position:absolute; right:0px; top:100%; display:none;-moz-box-shadow:0px 0px 10px #e5e5e5;/*firefox*/ -webkit-box-shadow:0px 0px 10px #e5e5e5;/*webkit*/ box-shadow:0px 0px 10px #e5e5e5;/*opera鎴杋e9*/} .i_ss_c .ipt1{width:170px; height:40px; line-height:40px; border:0px; color:#fff; font-size:14px; text-indent:10px; font-family:"寰蒋闆呴粦";} .i_ss_c .ipt2{width:40px; height:40px; background:url(../images/tb_01s.png) center no-repeat; border:0px; background-color:#00b0ac;} .i_banben{width:100%; height:40px; border-bottom:1px solid #dcdcdc; position:relative; z-index:11;} .i_banben_t{width:100%; height:40px; background:url(../images/tb_4.png) right 14% center no-repeat; cursor:pointer; line-height:40px; padding-left:14%;} .i_banben_t .s1{ width:100%; height:40px; line-height:40px; display:inline-block; padding-left:25px; color:#000000; font-size:14px; background:url(../images/tb_2.png) left center no-repeat;} .i_banben_c{width:100%; background-color:#fff; position:absolute; right:0px; top:100%; padding:10px 11px; display:none;-moz-box-shadow:0px 0px 10px #e5e5e5;/*firefox*/ -webkit-box-shadow:0px 0px 10px #e5e5e5;/*webkit*/ box-shadow:0px 0px 10px #e5e5e5;/*opera鎴杋e9*/} .i_banben_c .div1{width:100%; float:left; padding:10px 0px; cursor:pointer; display:inline-block; overflow:hidden; text-align:center; color:#00b0ac;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .i_banben_c .div1:hover{ color:#fff; background-color:#00b0ac; text-decoration:none;} .i_picchange{width:100%; height:100%; overflow:hidden; display:block;} /*鎵嬫満瀵艰埅*/ /* CSS Document */ .phone_nav{ display:none;} .phone_logo{/* height:50px;*//* padding:10px 0px;*//* background-color:#fff;*/} .phone_logo .p1 img{width:auto; height:30px;} @media screen and (max-width:1200px) { .phone_logo .p1 {/*padding-top: 10px;*//* height: 29px;*/ display: block; width:20%;display:inline-block;} .header_div{ display:none;} .phone_logo {width: 100%;padding: 10px 15px;box-sizing: border-box;} .phone_nav{display:block; position:fixed; background-color:#fff; width:100%; top:0;left:0; display:block; z-index:100000;} .phone_nav.fixedmenu{ position:fixed;-moz-box-shadow:0px 0px 10px #c7c5bf;/*firefox*/ -webkit-box-shadow:0px 0px 10px #c7c5bf;/*webkit*/ box-shadow:0px 0px 10px #c7c5bf;/*opera鎴杋e9*/ } /*瀵艰埅鎸夐挳*/ .phone_nav .nav_but_box{ display:block; position:absolute; width:30px; height:30px; right:10px; top:50%; margin-top:-15px; z-index:1; transition:all 0.7s; -webkit-transition:all 0.7s;} .phone_nav .nav_but { display:inline-block; position:relative;width:20px; height:2px; z-index:2; margin:13px 0 0 5px; background:#00b0ac; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms;} .phone_nav .nav_but:before,.nav_but:after {content: ''; display:block; width:20px; height:2px; position:absolute; background:#00b0ac; transition-property: margin, -webkit-transform; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; transition-duration: 300ms; -webkit-transition-duration: 300ms;} .phone_nav .nav_but:before{margin-top:-5px;} .phone_nav .nav_but:after {margin-top:5px;} /*鏍忕洰鍚嶇О*/ .phone_nav .nav_main{height:100%; position:fixed; left:0; opacity:0; width:0; transition:all 0.4s ease 0.3s; -webkit-transition:all 0.4s ease 0.3s; background-color:#fff; overflow:hidden;} .phone_nav .nav_main ul{ padding:0 20px; margin-top:40px;} .phone_nav .nav_main li a{background-position:left; color:#333; height:46px; line-height:46px; display:inline-block; background-size:32px; background-repeat:no-repeat; font-size:14px;} .phone_nav .nav_main .ss{border:1px solid #ccc; margin-top:20px;} .phone_nav .nav_main .ss .p2{ float:right;} .phone_nav .nav_main .ss .p2 input{ border:0; /*background:url("../images/app_ss1.png") center no-repeat;*/ width:34px; height:34px;} .phone_nav .nav_main .ss .p1{ display:block; margin:0 34px 0 5px; } .phone_nav .nav_main .ss .p1 input{ width:100%; height:34px; line-height:34px; background:none; border:0; font-family:"Microsoft YaHei"; font-size:14px; color:#fff;} .phone_nav .nav_main li b{ display:inline-block; position:absolute; right:10px; top:0px; width:50%; height:50px; background: url("../images/lmfooter_bottom.png") center right no-repeat; z-index:99;} .phone_nav .nav_main .ul{padding:0 0 0px 20px; margin:0; max-height:0; overflow:hidden; transition:max-height 0.4s; -webkit-transition:max-height 0.4s;} .phone_nav .nav_main .ul li{ padding:0; border-bottom:0; transform:translateX(0px); -webkit-transform:translateX(0px);} .phone_nav .nav_main .ul li a{ padding:0; height:auto; line-height:30px; font-weight:normal} .phone_nav .nav_main .b_one .ul{ max-height:300px; padding:0 0 0px 20px; margin-bottom:10px;} .phone_nav .nav_main li{ transform:translateX(100px); -webkit-transform:translateX(100px); transition:all 0.8s ease; -webkit-transition:all 0.8s ease; border-bottom:1px solid rgba(225,225,225,0.5); padding:0 20px; position:relative;} .phone_nav .nav_main li:nth-of-type(1){ transition-delay:0.1s; -webkit-transition-delay:0.1s; } .phone_nav .nav_main li:nth-of-type(2){ transition-delay:0.2s; -webkit-transition-delay:0.2s; } .phone_nav .nav_main li:nth-of-type(3){ transition-delay:0.3s; -webkit-transition-delay:0.3s; } .phone_nav .nav_main li:nth-of-type(4){ transition-delay:0.4s; -webkit-transition-delay:0.4s; } .phone_nav .nav_main li:nth-of-type(5){ transition-delay:0.5s; -webkit-transition-delay:0.5s; } .phone_nav .nav_main li:nth-of-type(6){ transition-delay:0.6s; -webkit-transition-delay:0.6s; } .phone_nav .nav_main li:nth-of-type(7){ transition-delay:0.6s; -webkit-transition-delay:0.6s; } .phone_nav .nav_main li:nth-of-type(8){ transition-delay:0.6s; -webkit-transition-delay:0.6s; } .phone_nav .nav_main li:nth-of-type(9){ transition-delay:0.6s; -webkit-transition-delay:0.6s; } .phone_nav .nav_main li:nth-of-type(10){ transition-delay:0.6s; -webkit-transition-delay:0.6s; } /*鎵撳紑鏍峰紡*/ .phone_nav_one{ transition-delay:0s; -webkit-transition-delay:0s;} .phone_nav_one .nav_main {opacity:1; width:100%; overflow:inherit;} .phone_nav_one .nav_but{background: rgba(0, 0, 0, 0); } .phone_nav_one .nav_but:before {margin-top: 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .phone_nav_one .nav_but:after {margin-top:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);} .phone_nav_one .nav_but_box { opacity:0.8;} .phone_nav_one .nav_main li{ transform:translateX(0); -webkit-transform:translateX(0);} } @media screen and (max-width:758px){/*--768-0--*/ .phone_nav .nav_but_box{ right:10px;} .phone_nav .nav_main ul{ margin-top:20px; height:550px; overflow-y:auto; box-sizing:border-box;} .phone_nav .nav_main .b_one .ul{ height:auto;} } @media screen and (max-width:470px){/*--768-0--*/ .phone_logo {padding: 8px 10px} .phone_nav .nav_main ul{ height:550px;} .phone_nav .nav_main .b_one .ul{ height:auto;} } /*鎵嬫満瀵艰埅*/ .i_ssbn{width:40px; height:100%; background:url(../images/tb_01.png) center no-repeat; background-size:20px; position:absolute; top:0px; right:85px; z-index:10000;} .i_ssbn span{width:100%; height:100%; display:inline-block;} .i_ssbn_div{width:200px; display:none; background-color:#00b0ac; z-index:10000; position:absolute; right:0px; top:100%;} .i_ssbn_div .ipt1{width:80%; height:40px; line-height:40px; text-indent:15px; border:0px; font-family:"寰蒋闆呴粦"; background-color:#fff; color:#b9b9b9; font-size:0.16rem;} .i_ssbn_div .ipt2{width:20%; height:40px; background:url(../images/tb_01s.png) center no-repeat; border:0px; background-size:15px;} .i_ssbn_div input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #b9b9b9; } .i_ssbn_div input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #b9b9b9; } .i_ssbn_div input:-ms-input-placeholder { color: #b9b9b9; } .i_ssbn_div input::-webkit-input-placeholder { color: #b9b9b9; } .i_bbwap{width:30px; height:100%;background-size:14px; position:absolute; top:0px; right:50px; z-index:10000;} .i_bbwap span{width:100%; height:46px; line-height:46px; font-size:14px; display:inline-block; background-repeat:no-repeat; background-position: center center; background-size:28px;} .i_bbwap_ul{width:110px; display:none; padding:10px 10px; background-color:#fff;z-index:10000; border:1px solid #fff; position:absolute; right:0px; top:100%;} .i_bbwap_ul li{width:100%; height:35px; float:left;} .i_bbwap_ul li a,.i_bbwap_ul li a:hover{width:100%; height:35px; text-align:center; line-height:35px; display:inline-block; overflow:hidden; text-align:center; color:#333; font-size:14px;} .i_bbwap_ul li a img{width:28px; height:auto !important;} .i_content{width:100%; height:100%;position:absolute; left:0px; top:0px;} .i_content_c{width:100%; height:100%;display: table-cell;vertical-align: middle;} .i_con{width:1440px; margin:0px auto;} .i_con1{width:1440px; margin:0px auto;} /*.i_con1s{width:1400px; margin:0px auto; height:100%;} .i_con2{width:1200px; margin:0px auto;}*/ .i_content1{width:100%; height:82%; position:absolute; left:0px; bottom:0px;} .ui_div{width:100%;} .ui_div1{width:100%; overflow:hidden;} .ui_div_center{width:65%; margin:0px auto;} .ui_div_center1{width:75%; margin:0px auto;} .wx_top{width:60px; height:60px; position:fixed; right:15px; bottom:60px; z-index:100; display:none;} .wx_top img{width:100%;} .i_box1{width:100%;} .i_box1_l{width:43%;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-90%); -ms-transform: translateX(-90%); -o-transform: translateX(-90%); transform: translateX(-90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .active .i_box1_l{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} .i_box1_l_t{width:100%; line-height:1.4; color:#21a6a3; font-size:30px; letter-spacing:2px;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(-90%); -ms-transform: translateY(-90%); -o-transform: translateY(-90%); transform: translateY(-90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .active .i_box1_l_t{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;} .i_box1_l_t .s1{ font-size:60px; font-family:Arial, Helvetica, sans-serif;} .i_box1_l_t.activetwo{ text-align:center;} .i_box1_l_t.nactive{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} .i_box1_l_c{width:100%; margin:18px 0px 50px 0px; line-height:40px; height:240px; overflow:hidden; color:#21a6a3; font-size:18px; text-align:justify;} .i_box1_l_c img{ max-width:100%; height:auto !important;} .i_box1_l_b{ height:48px; line-height:48px; padding:0px 35px 0px 50px; display:inline-block; background-color:#21a6a3; color:#fff; font-size:16px;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .i_box1_l_b:hover{ text-decoration:none; color:#fff; background-color:#109491;} .i_box1_l_b .s1{ background:url(../images/tb_5z.png) right center no-repeat; height:48px; line-height:48px; padding-right:50px;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .i_box1_l_b:hover .s1{ padding-right:40px;} .i_box1_r{width:50%; background:url(../images/tb_5.png) right 0px bottom 0px no-repeat; padding:0px 30px 30px 0px;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(90%); -ms-transform: translateX(90%); -o-transform: translateX(90%); transform: translateX(90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .i_box1_r img{width:100%; border:4px solid #fff;} .active .i_box1_r{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} .i_box2{width:100%;} .i_box2_t{width:100%; padding-top:80px;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .active .i_box2_t{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;} .i_box2_t li{width:25%; padding:0px 1%; float:left;} .i_box2_t li .div{width:100%; display:inline-block; float:left; font-size:24px; color:#19b8b4; position:relative; height:340px; padding-top:40px; letter-spacing:2px;} .i_box2_t li .div:hover{ text-decoration:none; color:#19b8b4;} .i_box2_t li .div .s1{width:25px; height:25px; position:absolute; left:0px; top:0px; border-left:1px solid #40b2ad; border-top:1px solid #40b2ad;opacity: 0; filter: alpha(opacity=0);-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;-webkit-transform:scale(0, 0); transform:scale(0, 0);} .i_box2_t li .div .s2{width:25px; height:25px; position:absolute; right:0px; top:0px; border-right:1px solid #40b2ad; border-top:1px solid #40b2ad;opacity: 0; filter: alpha(opacity=0);-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;-webkit-transform:scale(0, 0); transform:scale(0, 0);} .i_box2_t li .div .s3{width:25px; height:25px; position:absolute; left:0px; bottom:0px; border-left:1px solid #40b2ad; border-bottom:1px solid #40b2ad;opacity: 0; filter: alpha(opacity=0);-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;-webkit-transform:scale(0, 0); transform:scale(0, 0);} .i_box2_t li .div .s4{width:25px; height:25px; position:absolute; right:0px; bottom:0px; border-right:1px solid #40b2ad; border-bottom:1px solid #40b2ad;opacity: 0; filter: alpha(opacity=0);-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;-webkit-transform:scale(0, 0); transform:scale(0, 0);} .i_box2_t li .div:hover .s1,.i_box2_t li .div:hover .s2,.i_box2_t li .div:hover .s3,.i_box2_t li .div:hover .s4{opacity: 1; filter: alpha(opacity=100);-webkit-transform:scale(1, 1); transform:scale(1, 1);} .i_box2_t li .div .a_img_bg{width:100%; height:120px; text-align:center; margin-top:0px;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .i_box2_t li .div .a_img{width:100%; height:120px;text-align:center;position:absolute; left:0px; top:40px; padding-top:31.5px;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .i_box2_t li .div .a_img img{width:57px; height:57px;} .i_box2_t li .div .a_text{width:100%; height:47px; line-height:47px; text-align:center; margin-top:20px; overflow:hidden;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .i_box2_t li .div:hover .a_text{ margin-top:55px;} .i_box2_t li .div:hover .a_img_bg{transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); margin-top:24px;} .i_box2_t li .div:hover .a_img{ top:64px;} .i_box3{width:100%;} .i_box3_t{width:100%; padding:125px 10% 0px 10%;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .active .i_box3_t{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;} .i_box3_t li{width:33.33%; float:left;} .i_box3_t li .div{width:100%; color:#19b8b4; font-size:16px; display:inline-block; float:left; letter-spacing:2px;} .i_box3_t li .div:hover{ text-decoration:none; color:#19b8b4;} .i_box3_t li .div .a_img{width:100%; padding-bottom:20px; text-align:center;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .i_box3_t li .div .a_img img{width:68px; height:68px;} .i_box3_t li .div .a_text{width:100%; line-height:1.5; text-align:center;} .i_box3_t li .div .a_text .s1{ font-size:24px;} .i_box3_t li .div:hover .a_img{ padding-bottom:15px;} .i_box4{width:100%;} .i_box4_t{width:100%; padding-top:50px;} .i_box4_t li{width:23%; margin-right:2.6%; float:left;} .i_box4_t li .div{width:100%; background-color:#fff; color:#444444; font-size:16px; display:inline-block; float:left;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .i_box4_t li .div:hover{ text-decoration:none; color:#fff; background-color:#40b2ad;} .i_box4_t li .div .a_img{width:100%; display:inline-block; overflow:hidden;} .i_box4_t li .div .a_img img{width:100%;} .i_box4_t li .div .a_text{width:100%; padding:12px 20px 20px 20px;} .i_box4_t li .div .a_text .s1{width:100%; height:60px; line-height:30px; overflow:hidden; margin-bottom:10px; color:#000000; font-size:18px;} .i_box4_t li .div:hover .a_text .s1{ color:#fff;} .i_box4_t li .div .a_text .s2{width:100%; height:30px; line-height:30px; overflow:hidden;} .i_box4_b{width:100%; padding-top:45px; text-align:center;} .i_box6{width:100%; padding:50px 0px 30px 0px;} .i_box6_t{width:100%; line-height:1.7; color:#000000; font-size:24px;} .i_box6_c{width:100%; padding-bottom:35px;} .i_box6_c_l{width:60%; padding-top:30px;} .i_box6_c_l li{width:30.5%; padding-right:3%; float:left;} .i_box6_c_l li:nth-child(1){width:37%;} .i_box6_c_l li:nth-child(3){width:32.5%;} .i_box6_c_l li .s1{width:100%; height:38px; line-height:38px; overflow:hidden; color:#333333; font-size:14px;} .i_box6_c_l li .s2{width:100%; color:#999999; font-size:14px; line-height:1.8;} .i_box6_c_c{ margin-top:30px;} .i_box6_c_c a{ margin-right:10px; width:32px; height:32px; float:left; -moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */} .i_box6_c_c a:hover{ text-decoration:none;} .i_box6_c_c a.bg1{ background:url(../images/tb_13.png) center no-repeat; background-color:#bfbfbf;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .i_box6_c_c a.bg1:hover{ background:url(../images/tb_13.png) center no-repeat; background-color:#37c469;} .i_box6_c_c a.bg2{ background:url(../images/tb_14.png) center no-repeat; background-color:#bfbfbf;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .i_box6_c_c a.bg2:hover{ background:url(../images/tb_14.png) center no-repeat; background-color:#37c469;} .i_box6_c_c a.bg3{ background:url(../images/tb_15.png) center no-repeat; background-color:#bfbfbf;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; position:relative;} .i_box6_c_c a.bg3:hover{ background:url(../images/tb_15.png) center no-repeat; background-color:#37c469;} .i_box6_c_c a.bg3 .img1{width:110px; height:110px; position:absolute; left:0px; top:32px;-moz-box-shadow:0px 0px 10px #e5e5e5;/*firefox*/ -webkit-box-shadow:0px 0px 10px #e5e5e5;/*webkit*/ box-shadow:0px 0px 10px #e5e5e5;/*opera鎴杋e9*/ display:none;} .i_box6_c_c a.bg3:hover .img1{ display:block;} .i_box6_c_r{width:8%; text-align:center; line-height:2; color:#999999;} .i_box6_c_r img{ max-width:100%; height:auto !important;} .i_box6_c_b{width:100%; height:25px;} .i_box6_c_b .s1{ padding-right:25px; height:25px; line-height:25px; display:inline-block; color:#999999; font-size:14px;} .i_box6_c_b_t{width:216px; height:25px; position:relative;} .i_box6_c_b_t .div_t{width:100%; height:25px; line-height:25px; border:1px solid #dcdcdc; background:url(../images/tb_17.png) right 8px center no-repeat; background-color:#fff; cursor:pointer;} .i_box6_c_b_t .div_t_text{width:188px; height:23px; line-height:23px; padding-left:10px; color:#999999; font-size:14px; overflow:hidden; border-right:1px solid #e5e5e5;} .i_box6_c_b_t .div_c{width:100%; max-height:200px; height:200px; overflow-y:auto; padding:8px 15px 6px 15px; background-color:#fff; position:absolute; left:0px; top:-200px;-moz-box-shadow:0px 1px 3px #ced3d7;/*firefox*/ -webkit-box-shadow:0px 1px 3px #ced3d7;/*webkit*/ box-shadow:0px 1px 3px #ced3d7;/*opera鎴杋e9*/ display:none;} .i_box6_c_b_t .div_c dd{width:100%; float:left;} .i_box6_c_b_t .div_c dd a{width:100%; height:36px; line-height:36px; display:inline-block; overflow:hidden; color:#222222; font-size:14px;} .i_box6_c_b_t .div_c dd a:hover{ text-decoration:none; color:#22a3a0;} .i_box6_c_b_t .div_t.activego{ border:1px solid #22a3a0; background:url(../images/tb_17s.png) right 8px center no-repeat; background-color:#fff;} .i_box6_c_b_t .div_t.activego .div_t_text{ border-right:1px solid #22a3a0; color:#22a3a0;} .i_box6_b{width:100%;} .i_fbg1{ border-top:1px solid #f2f2f2;} .i_fbg{ background-color:#22a3a0;} .i_footer_b{width:100%; padding:10px 0px; line-height:1.8; color:#ffffff;} .i_footer_b a,.i_footer_b a:hover{ color:#fff;} .video_div{width:100%; height:100%; background-color:#000; position:fixed; z-index:100011111111111; left:0px; top:-100%;} .video_div_closebtv{width:30px; height:30px; position:absolute; right:30px; top:30px; cursor:pointer; z-index:100;} .video_div_center{width:100%; height:100%; vertical-align:middle; text-align:center;} /*鍐呴〉*/ .n_banner{width:100%; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;} .n_banner img{width:100%;} .n_banner .n_banner_text{width:100%; position:absolute; left:0px; top:50%;webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%); color:#fff; font-size:24px; letter-spacing:2px; text-align:center;} .n_banner .n_banner_text .s1{ font-size:61px;} .pc_amenu{width:100%; position:absolute; left:0px; bottom:0px;} .pc_amenu:after{width:87%; height:100%; background:url(../images/tb_18.png) repeat; position:absolute; left:0px; top:0px;-moz-border-radius:0px 15px 0px 0px; /* Gecko browsers */ -webkit-border-radius:0px 15px 0px 0px; /* Webkit browsers */ border-radius:0px 15px 0px 0px; /* W3C syntax */ content:"";} .a_menu{width:100%; margin:0px; padding:0px; height:70px; overflow:hidden; position:relative; z-index:1;} .a_menu .a_menu_a{ padding:0px; margin:0px; padding:0px 25px; margin-right:10px; float:left; height:70px; -webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; display:inline-block; overflow:hidden; text-align:center; line-height:70px; color:#fff; font-size:16px; position:relative;} .a_menu .a_menu_a:before{width:2px; height:100%; background-color:#fff; position:absolute; left:0px; top:0px; content:"";-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;} .a_menu .a_menu_a:after{width:2px; height:100%; background-color:#fff; position:absolute; right:0px; top:0px; content:"";-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;} .a_menu .a_menu_a:hover,.a_menu .a_menu_a.activetm1{ color:#fff; background-color:#aa62a4; text-decoration:none;} .a_menu .a_menu_a:hover:before,.a_menu .a_menu_a:hover:after,.a_menu .a_menu_a.activetm1:before,.a_menu .a_menu_a.activetm1:after{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} .a_zxlmenu{width:100%; position:relative; display:none; z-index:111;} .a_zxlmenu_t{width:100%;padding:3% 0px;background:url(../images/zxl_jt1.jpg) right center no-repeat; font-size:16px; text-align:center; background-color:#21a6a3; color:#fff; cursor:pointer; background-size:30px;} .a_zxlmenu_c{width:100%; position:absolute; left:0px; top:100%; margin:0px; padding:0px; background-color:#eeeeee;text-indent:0px; display:none;-moz-box-shadow:0px 0px 10px #c7c5bf;/*firefox*/ -webkit-box-shadow:0px 0px 10px #c7c5bf;/*webkit*/ box-shadow:0px 0px 10px #c7c5bf;/*opera鎴杋e9*/} .a_zxlmenu_c li{width:100%; float:left; text-align:center;} .a_zxlmenu_c li .aone{width:100%;padding:3% 0px; display:inline-block; color:#21a6a3; font-size:14px; text-decoration:none; text-indent:0px;} .a_zxlmenu_c li .aone:hover,.a_zxlmenu_c li .aone.activetwo{ color:#fff; text-decoration:none; background-color:#aa62a4;} .a_zxlmenu_c li dl{width:100%; border-bottom:1px solid #ccc;display:none;} .a_zxlmenu_c li dl dd{width:100%; float:left; text-align:center;} .a_zxlmenu_c li dl dd a,.a_zxlmenu_c li dl dd a:hover{width:100%; padding:3% 0px; display:inline-block; color:#333; font-size:14px; text-decoration:none; text-indent:0px;} .n_bg1{ background:url(../images/tb_26.png) right 12% bottom no-repeat;} .n_box1{width:100%; padding:115px 0px 125px 0px;} .n_box1_t{width:100%; padding:20px 5% 90px 5%; color:#222222; font-size:17px; line-height:2; overflow:hidden; text-align:center;} .n_box1_t img{ max-width:100%; height:auto !important;} .n_box1_c{width:100%;} .n_box1_c li{width:25%; float:left; position:relative; color:#666666; font-size:17px; line-height:1.4; text-align:center;} .n_box1_c li:after{width:1px; height:80px; background-color:#ebebeb; position:absolute; right:0px; top:50%; margin-top:-40px; content:"";} .n_box1_c li .s1{ color:#21a6a3; font-size:60px; position:relative;} .n_box1_c li .s1 span{ height:20px; line-height:20px; font-size:18px; position:absolute; right:-20px; top:-10px;} .n_box1_c li:nth-child(4):after{ display:none;} .i_section{ position: relative; box-sizing: border-box; width:100%; overflow:hidden; } .bg_blur{ position: absolute; top: 0;left: 0; width: 100%;height: 100%; background-size:cover; background-attachment: fixed; background-position-x:center !important; /*opacity: 0.4;*/ z-index: 1; } .n_box2{width:100%; padding:75px 0px 65px 0px; position:relative; z-index:1;} .n_box2_t{width:100%; padding-bottom:35px; padding-top:75px; line-height:2; text-align:center; color:#fff; background:url(../images/tb_19.png) top center no-repeat; cursor:pointer; font-size:16px;} .n_box2_t .s1{ font-size:30px;} .n_box2_c{width:100%; background-color:#fff; padding:70px 8% 60px 8%; color:#222222; font-size:17px; line-height:2; overflow:hidden;} .n_box2_c img{ max-width:100%; height:auto !important;} .n_box3{width:100%; padding:95px 0px 110px 0px; background:url(../images/tb_20.png) bottom right no-repeat;} .n_box3_t{ /*background:url(../images/img4.jpg) right top 25px no-repeat;*/ padding-bottom:20px; line-height:1.3; color:#21a6a3; letter-spacing:2px; font-size:30px; position:relative; padding-right:40px;} .n_box3_t .s1{ font-size:60px;} .n_box3_t:after{width:40px; height:2px; background-color:#dadada; position:absolute; left:0px; bottom:0px; content:"";} .n_box3_c{width:100%; padding:65px 6% 90px 6%; background-color:#fff;} .n_box3_c1{width:100%; padding-bottom:25px; line-height:2; overflow:hidden; color:#222222; font-size:17px; text-indent:30px;} .n_box3_c1 img{ max-width:100%; height:auto !important;} .n_box3_c2{width:100%;} .pc-slide { width: 100%; margin: 0 auto; } .view .swiper-container { width: 100%; /*height: 500px;*/ } .view .swiper-wrapper{ height:auto !important;} .view .swiper-slide{ width:100%; padding:0px 50px 0px 50px; margin-top:30px; color:#333333; font-size:16px; line-height:2; overflow:hidden; text-align:justify; vertical-align:top;} .view .swiper-slide .s1{ margin-right:60px; float:left;} .view .swiper-slide img{width:500px; max-width:100%; height:auto !important; } .view .swiper-slide h1{ color:#000000; font-size:24px; margin-bottom:20px;} .view .arrow-left { background: url(../images/tb_22.png) no-repeat center;background-size:100%; position: absolute; left: 0px; top:50%; margin:0px; margin-top:-27.5px; /*top: 50%; margin-top: -57px;*/ width: 28px; height: 55px; z-index: 10; } .view .arrow-left:hover{ background:url(../images/tb_22s.png) center no-repeat;background-size:100%;} .view .arrow-right { background: url(../images/tb_21.png) no-repeat left bottom; background-size:100%; position: absolute; right: 0px; top:50%; margin:0px; margin-top:-27.5px; /*top: 50%; margin-top: -57px;*/ width: 28px; height: 55px; z-index: 10; } .view .arrow-right:hover{ background:url(../images/tb_21s.png) center no-repeat;background-size:100%;} .preview { width: 100%; position: relative; } .preview .swiper-container { /*width: 80%;*/ width: 100%; overflow:hidden; height: 50px; /*margin:0px 10%;*/ } .preview .swiper-slide { float:left; cursor:pointer; color:#000000; font-size:17px; height:50px; line-height:50px; text-align:center; overflow:hidden; background-color:#eaeaea; } .preview .slide6 { width: 82px; } .preview .arrow-left { /*background: url(../images/tb_030.png) no-repeat left top;*/ /* background:url(../images/y33.png) no-repeat; background-size:72px;*/ position: absolute; left: 0px; top: 50%; margin-top: -36px; width:0px; height:0px; z-index: 10; -webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; } .preview .arrow-left:hover{/* background:url(../images/y33s.png) no-repeat; background-size:72px;*/} .preview .arrow-right { /*background: url(../images/y34.png) no-repeat left bottom;*/ position: absolute; right: 0px; top: 50%; margin-top: -36px; width:0px; height:0px; z-index: 10; -webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; } .preview .arrow-right:hover{/* background:url(../images/y34s.png) no-repeat; background-size:72px;*/} .preview .swiper-slide img{width:67px; height:44px; border:1px solid #d2d2d2;} /*.preview img { padding: 1px; }*/ .preview .active-nav { color:#fff; background-color:#21a6a3;} .n_box4{width:100%; padding:80px 5%; background-color:#fff;} .pc-slide1 { width: 100%; margin: 0 auto; } .view1 .swiper-container { width: 100%; /*height: 500px;*/ } .view1 .swiper-wrapper{ height:auto !important;} .view1 .swiper-slide{ width:100%; padding:0px 24px;} .view1 .swiper-slide .div_t{width:88%; height:52px; line-height:52px; /*background:url(../images/tb_32.png) center repeat-x;*/ position:relative;} .view1 .swiper-slide .div_t:after{width:40px; height:40px;/* background:url(../images/img7.jpg) center no-repeat;*/ background-size:100%; position:absolute; right:0px; top:9px; content:""; background-size:100%;} .view1 .swiper-slide .div_t .s1{ height:52px; line-height:52px; display:inline-block; background-color:#fff; padding-right:30px; color:#21a6a3; font-size:30px;} .view1 .swiper-slide .div_t .s1 span{ font-size:60px;} .view1 .swiper-slide .div_c{width:100%; padding-top:47px; position:relative;} .view1 .swiper-slide .div_c .jb_img{width:13.5%; position:absolute; right:-24px; top:-50px; display:none;} .view1 .swiper-slide .div_c .jb_img img{ max-width:100%; height:auto !important;} .view1 .swiper-slide .div_c_l{width:40%; color:#222222; font-size:17px; line-height:1.8;} .view1 .swiper-slide .div_c_r{/*width:56%;*/ /*padding-right:8%;*/width:48%;padding-right:0% !important;} .view1 .swiper-slide .div_c_r img{ max-width:100%;} .view1 .arrow-left { /*background: url(../images/tb_22.png) no-repeat center;background-size:100%;*/ position: absolute; left: 0px; top:50%; margin:0px; margin-top:-27.5px; /*top: 50%; margin-top: -57px;*/ width: 28px; height: 55px; z-index: 10; } .view1 .arrow-left:hover{ /*background:url(../images/tb_22s.png) center no-repeat;background-size:100%;*/} .view1 .arrow-right { /*background: url(../images/tb_21.png) no-repeat left bottom; background-size:100%;*/ position: absolute; right: 0px; top:50%; margin:0px; margin-top:-27.5px; /*top: 50%; margin-top: -57px;*/ width: 28px; height: 55px; z-index: 10; } .view1 .arrow-right:hover{ /*background:url(../images/tb_21s.png) center no-repeat;background-size:100%;*/} .preview1 { width: 100%; position: relative; background:url(../images/tb_34.png) bottom repeat-x; } .preview1 .swiper-container { /*width: 80%;*/ width: 100%; overflow:hidden; height: 75px; /*margin:0px 10%;*/ margin-top:45px; } .preview1 .swiper-slide { float:left; cursor:pointer; color:#333333; font-size:20px; line-height:50px; padding-bottom:25px; background:url(../images/tb_30.png) bottom 7px center no-repeat; text-align:center; overflow:hidden; } .preview1 .slide6 { width: 82px; } .preview1 .arrow-left { background:url(../images/tb_28.png) no-repeat; background-size:100%; background-color:#fff; position: absolute; left: 0px; bottom:0px; width:34px; height:34px; z-index: 10; -webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; } .preview1 .arrow-left:hover{ background:url(../images/tb_28s.png) no-repeat; background-size:100%; background-color:#fff;} .preview1 .arrow-right { background: url(../images/tb_29.png) no-repeat left bottom; background-size:100%; background-color:#fff; position: absolute; right: 0px; bottom:0px; width:34px; height:34px; z-index: 10; -webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; } .preview1 .arrow-right:hover{ background:url(../images/tb_29s.png) no-repeat; background-size:100%; background-color:#fff;} .preview1 .swiper-slide img{width:67px; height:44px; border:1px solid #d2d2d2;} /*.preview img { padding: 1px; }*/ .preview1 .active-nav { color:#21a6a3; font-size:28px; background:url(../images/tb_31.png) bottom 7px center no-repeat;} .n_box4_ul{width:100%;} .n_box4_ul li{width:33.33%; float:left;} .n_box4_ul li .a_img{width:100%; display:inline-block; overflow:hidden; float:left; position:relative;} .n_box4_ul li .a_img img{width:100%;} .n_box4_ul li .a_img:after{width:100%; height:100%; background:url(../images/tb_24.png) repeat; position:absolute; left:0px; top:0px; z-index:1; content:"";-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .n_box4_ul li .a_img .a_text{width:100%; padding:0px 10px; position:absolute; left:0px; top:50%; z-index:2; webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%);} .n_box4_ul li .a_img .a_text_t{width:100%; padding-top:72px; line-height:1.8; text-align:center;color:#ffffff; font-size:17px; position:relative; padding-bottom:15px;} .n_box4_ul li .a_img .a_text_t .s1{ font-size:24px;} .n_box4_ul li .a_img .a_text_t:after{width:0px; height:3px; background-color:#21a6a3; position:absolute; left:50%; bottom:0px; z-index:1; content:"";-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .n_box4_ul li .a_img:hover .a_text_t{ text-decoration:none; color:#21a6a3; line-height:1.5;} .n_box4_ul li .a_img .a_text.bg1{ background:url(../images/tb_35.png) top center no-repeat;} .n_box4_ul li .a_img:hover .a_text.bg1{ background:url(../images/tb_35s.png) top center no-repeat;} .n_box4_ul li .a_img .a_text.bg2{ background:url(../images/tb_36.png) top center no-repeat;} .n_box4_ul li .a_img:hover .a_text.bg2{ background:url(../images/tb_36s.png) top center no-repeat;} .n_box4_ul li .a_img .a_text.bg3{ background:url(../images/tb_37.png) top center no-repeat;} .n_box4_ul li .a_img:hover .a_text.bg3{ background:url(../images/tb_37s.png) top center no-repeat;} .n_box4_ul li .a_img .a_text.bg4{ background:url(../images/tb_38.png) top center no-repeat;} .n_box4_ul li .a_img:hover .a_text.bg4{ background:url(../images/tb_38s.png) top center no-repeat;} .n_box4_ul li .a_img:hover:after{width:82%; height:82%; background:url(../images/tb_25.png) repeat; left:50%; top:50%; webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .n_box4_ul li .a_img:hover .a_text_t:after{width:54px; margin-left:-27px;} .n_box4_ul li .a_img .a_text_c{width:100%; line-height:1.8; margin-top:0px; text-align:center; color:#333333; font-size:17px;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%);-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .n_box4_ul li .a_img:hover .a_text_c{ margin-top:30px; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} .n_box4_ul li .a_img:hover .a_text{width:80%;left:50%; top:50%; webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .n_bg2{ background-color:#f5f5f5;} .n_box5{width:100%; padding:55px 0px 60px 0px;} .n_box5_c{width:100%; padding:58px 6.5% 58px 3.5%; background-color:#fff;color:#333333; font-size:17px; line-height:2; overflow:hidden;} .n_box5_c .s1{ padding:35px 0px 0px 35px; margin-right:60px; text-align:center; background:url(../images/tb_23.png) left top no-repeat; line-height:4; float:left;} .n_box5_c .s1 img{ max-width:100%; height:auto !important;} .n_box5_ul{width:100%;} .n_box5_ul li{width:100%; float:left; padding-bottom:20px;} .n_box5_ul li .div{width:100%; display:inline-block; overflow:hidden; float:left; background-color:#fff; padding:45px 4%; color:#333333; font-size:17px;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .n_box5_ul li .div:hover{ text-decoration:none; color:#333;-moz-box-shadow:0px 0px 10px #e5e5e5;/*firefox*/ -webkit-box-shadow:0px 0px 10px #e5e5e5;/*webkit*/ box-shadow:0px 0px 10px #e5e5e5;/*opera鎴杋e9*/} .n_box5_ul li .div .a_img{width:23.4%;} .n_box5_ul li .div .a_img img{width:100%; height:auto !important;} .n_box5_ul li .div .a_img_r{width:72%; padding-top:15px;} .n_box5_ul li .div .a_img_r .div_t{width:100%; margin-bottom:15px; height:60px; line-height:60px; overflow:hidden; background:url(../images/tb_39.png) center repeat-x;} .n_box5_ul li .div .a_img_r .div_t .s1{ padding-right:60px; background-color:#fff; display:inline-block; color:#21a6a3; font-size:30px; height:60px; line-height:60px;} .n_box5_ul li .div .a_img_r .div_t1{ margin-bottom:25px; line-height:1.7; font-size:24px;} .n_box5_ul li .div .a_img_r .div_c{width:100%; line-height:1.8; overflow:hidden; text-align:justify;} .n_box6{width:100%;} .n_box6 li{width:49.5%; float:left; margin-right:1%; padding-bottom:1%;} .n_box6 li .div{width:100%; background-color:#fff; padding:30px 6.5%; color:#333333; display:inline-block; float:left; font-size:17px; position:relative;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .n_box6 li .div:after{width:2px; height:100%; background-color:#21a6a3; position:absolute; left:0px; top:0px; content:"";} .n_box6 li .div:hover{ text-decoration:none; color:#21a6a3;-moz-box-shadow:0px 0px 10px #e5e5e5;/*firefox*/ -webkit-box-shadow:0px 0px 10px #e5e5e5;/*webkit*/ box-shadow:0px 0px 10px #e5e5e5;/*opera鎴杋e9*/} .n_box6 li .div .s1{width:78%; height:40px; line-height:40px; overflow:hidden;} .n_box6 li .div .s2{width:22%; height:40px; line-height:40px; overflow:hidden; text-align:right;} .a_mtbd_dpages{width:100%; text-align:center; padding:30px 0% 0px 0%; font-size:16px; } .a_mtbd_dpages a,.a_mtbd_dpages span{ padding:0px 15px; height:35px; margin-bottom:5px; line-height:35px; text-align:center; background-color:#fff;color:#666666; display:inline-block;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;-moz-border-radius:2px; /* Gecko browsers */ -webkit-border-radius: 2px; /* Webkit browsers */ border-radius:2px; /* W3C syntax */} .a_mtbd_dpages a:hover,.a_mtbd_dpages a.activepages,.a_mtbd_dpages span{ color:#fff; text-decoration:none; background-color:#21a6a3;} .n_box7{width:100%;} .n_box7 li{width:100%; float:left; padding-bottom:20px;} .n_box7 li .div{width:100%; background-color:#fff; padding:20px 3%; color:#999999; display:inline-block; float:left; font-size:14px; position:relative;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .n_box7 li .div:after{width:2px; height:100%; background-color:#21a6a3; position:absolute; left:0px; top:0px; content:"";} .n_box7 li .div:hover{ text-decoration:none; color:#21a6a3;-moz-box-shadow:0px 0px 10px #e5e5e5;/*firefox*/ -webkit-box-shadow:0px 0px 10px #e5e5e5;/*webkit*/ box-shadow:0px 0px 10px #e5e5e5;/*opera鎴杋e9*/} .n_box7 li .div .s1{width:78%; height:62px; overflow:hidden;} .n_box7 li .div .s1_t{width:100%; height:35px; line-height:35px; color:#333333; font-size:17px; overflow:hidden;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .n_box7 li .div .s1_c{width:100%; height:27px; line-height:27px; overflow:hidden;} .n_box7 li .div .s2{width:22%; height:62px; line-height:62px; overflow:hidden; text-align:right; color:#333333; font-size:17px;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .n_box7 li .div:hover .s2{ color:#21a6a3;} .n_box7 li .div:hover .s1_t{ color:#21a6a3;} .n_box7_c{width:100%; background-color:#fff;} .n_box7_c .a_img{width:50%; display:inline-block; overflow:hidden;} .n_box7_c .a_img img{width:100%;} .n_box7_c .a_img_r{width:50%; padding:65px 5% 0px 5%;} .n_box7_c .a_img_r .s1{width:100%; padding-bottom:30px; line-height:1.3; color:#333333; font-size:17px;} .n_box7_c .a_img_r .s1 .a1{ font-size:30px;} .n_box7_c .a_img_r .s1 .a2{ color:#21a6a3; font-size:48px;} .n_box7_c .a_img_r .s2{ width:100%; color:#333333; line-height:1.7; font-size:17px;} .n_box8{width:100%; background-color:#e7e7e7; margin-bottom:25px;} .n_box8 a{ padding:0px 40px; height:80px; line-height:80px; display:inline-block; float:left; overflow:hidden; color:#333333; font-size:17px;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .n_box8 a:hover,.n_box8 a.activetm{ color:#fff; text-decoration:none; background-color:#21a6a3;} .n_box8_c{width:100%;} .n_box8_c li{width:100%; float:left; padding-bottom:20px;} .n_box8_c li .div{width:100%; background-color:#fff; padding:30px 3%; color:#999999; display:inline-block; float:left; font-size:17px; position:relative;-webkit-transition:all ease-out 0s;transition:all ease-out 0s;} .n_box8_c li .div:after{width:2px; height:100%; background-color:#21a6a3; position:absolute; left:0px; top:0px; content:"";} .n_box8_c li .div:hover{ text-decoration:none; color:#21a6a3;-moz-box-shadow:0px 0px 10px #e5e5e5;/*firefox*/ -webkit-box-shadow:0px 0px 10px #e5e5e5;/*webkit*/ box-shadow:0px 0px 10px #e5e5e5;/*opera鎴杋e9*/ background:url(../images/tb_40.png) right 4% center no-repeat; background-color:#fff;} .n_box8_c li .div .s1{width:78%; height:36px; line-height:36px; color:#333333; overflow:hidden;} .n_box8_c li .div .s2{width:22%; height:36px; line-height:36px; overflow:hidden; text-align:right; -webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .n_box8_c li .div:hover .s1{ color:#21a6a3;} .n_box8_c li .div:hover .s2{ display:none;} .n_box9{width:100%;} .n_box9 li{width:100%; float:left; padding-bottom:20px;} .n_box9 li .div{width:100%; display:inline-block; overflow:hidden; float:left; background-color:#fff; color:#666666; font-size:17px;} .n_box9 li .div .a_img{width:24%; display:inline-block; overflow:hidden;} .n_box9 li .div .a_img img{width:100%;} .n_box9 li .div .a_img_r{width:76%; padding:38px 2.9% 0px 2.5%;} .n_box9 li .div .a_img_r_l{width:77.4%;} .n_box9 li .div .a_img_r_l_t{width:100%; padding:8px 0px; line-height:1.5; color:#222222; font-weight:bold;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .n_box9 li .div:hover .a_img_r_l_t{ color:#21a6a3;} .n_box9 li .div .a_img_r_l_c{width:100%; height:90px; line-height:30px; overflow:hidden; margin-bottom:10px; text-align:justify;} .n_box9 li .div .a_img_r_l_b{ padding:0px 40px; height:40px; line-height:40px; color:#999999; display:inline-block; border:1px solid #eeeeee;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .n_box9 li .div:hover .a_img_r_l_b{ border:1px solid #21a6a3; background-color:#21a6a3; color:#fff;} .n_box9 li .div .a_img_r_r{width:9%; margin-top:25px; border:1px solid #dcdcdc; padding:10px 5px 5px 5px;} .n_box9 li .div .a_img_r_r .s1{width:100%; padding:10px 0px; line-height:1.7; text-align:center; position:relative; color:#222222; font-size:30px;} .n_box9 li .div .a_img_r_r .s1:after{width:30px; height:2px; background-color:#dcdcdc; position:absolute; left:50%; bottom:0px; margin-left:-15px; content:"";} .n_box9 li .div .a_img_r_r .s2{width:100%; padding:10px 0px; line-height:1.7; text-align:center; color:#666666; font-size:14px;} .n_box9 li .div:hover .a_img_r_r{ border:1px solid #21a6a3;} .n_box9 li .div:hover .a_img_r_r .s1{ color:#21a6a3;} .n_box9 li .div:hover .a_img_r_r .s1:after{ background-color:#21a6a3;} .n_box9 li .div:hover .a_img_r_r .s2{ color:#21a6a3;} .n_bg3{ background-position: center center; background-repeat:no-repeat; background-size:cover;} .n_box10{width:100%; padding:150px 0px 30px 0px;} .n_box10_t{width:100%; padding-bottom:18px; line-height:1.4; color:#fff; font-size:30px; position:relative; background:url(../images/img4.jpg) right center no-repeat;} .n_box10_t .s1{ font-size:60px; font-weight:bold;} .n_box10_t:after{width:40px; height:2px; background-color:#dadada; position:absolute; left:0px; bottom:0px; content:"";} .n_box10_t1{width:100%; line-height:35px; margin-top:60px; background:url(../images/tb_41.png) left top 6px no-repeat; color:#fff; font-size:16px; padding-left:35px;} .n_box10_t1 a,.n_box10_t1 a:hover{ color:#fff;} .n_box11{width:100%; padding:20px 0px 65px 0px;} .n_box11_t{width:100%; text-align:right;} .n_box11_t img{ width:auto; height:70px;} .n_box11_c{width:100%; padding:75px 7%; background-color:#fff;} .n_box11_c_t{width:100%; padding:5px 0px; line-height:1.4; color:#222222; font-size:36px; text-align:center;} .n_box11_c_t1{width:100%; padding:20px 0px 55px 0px; border-bottom:1px solid #e5e5e5; text-align:center; color:#333333; font-size:17px;} .n_box11_c_c{width:100%; padding-top:75px; color:#333333; font-size:17px; line-height:2; overflow:hidden;} .n_box11_c_c img{ max-width:100%; height:auto !important;} .n_box11_b{width:100%; padding-top:10px;} .n_box11_b a{width:49.5%; background-color:#fff; padding:20px 0px; display:inline-block; color:#333333; font-size:17px; display:inline-block; position:relative;} .n_box11_b a:hover{ color:#21a6a3; text-decoration:none;} .n_box11_b a.a1{ float:left; padding-left:110px;} .n_box11_b a.a1:after{width:80px; position:absolute; left:0px; top:0px; height:100%; background:url(../images/tb_42.png) center no-repeat; background-color:#dadada; content:"";} .n_box11_b a.a1:hover:after{ background:url(../images/tb_42.png) center no-repeat;background-color:#21a6a3;} .n_box11_b a.a2{ float:right; padding-left:0px; padding-right:110px; text-align:right;} .n_box11_b a.a2:after{width:80px; position:absolute; right:0px; top:0px; height:100%; background:url(../images/tb_43.png) center no-repeat; background-color:#dadada; content:"";} .n_box11_b a.a2:hover:after{ background:url(../images/tb_43.png) center no-repeat;background-color:#21a6a3;} .n_box12{width:100%;} .n_box12 li{width:24%; float:left; margin-right:1.3%; padding-bottom:1.3%;} .n_box12 li .div{width:100%; display:inline-block; overflow:hidden; float:left; background-color:#fff; color:#333333; font-size:17px;} .n_box12 li .div:hover{ text-decoration:none; color:#fff; background-color:#21a6a3;} .n_box12 li .div .a_img{width:100%; display:inline-block; overflow:hidden;} .n_box12 li .div .a_img img{width:100%;} .n_box12 li .div .a_text{width:100%; padding:30px 7%; border-top:1px solid #f8f8f8;} .n_box12 li .div .a_text_c{width:100%; height:50px; line-height:25px; overflow:hidden;} .n_box12_c{width:100%; padding:75px 3%; background-color:#fff;} .n_box12_c_t{width:100%; padding-bottom:80px;} .n_box12_c_t .a_img{width:38%; display:inline-block; overflow:hidden;} .n_box12_c_t .a_img img{width:100%;} .n_box12_c_t .a_img_r{width:58%;} .n_box12_c_t .a_img_r_t{width:100%; padding:5px 0px; line-height:1.5; color:#21a6a3; font-size:36px;} .n_box12_c_t .a_img_r_c{width:100%; color:#333333; font-size:17px; line-height:1.7; overflow:hidden;} .n_box12_c_t1{width:100%; border-bottom:2px solid #21a6a3;} .n_box12_c_t1 .s1{ height:58px; line-height:58px; padding:0px 50px; display:inline-block; background-color:#21a6a3; font-size:24px; color:#fff;} .n_box12_c_c{width:100%; padding:50px 20px 0px 20px; color:#333333; font-size:17px; line-height:2; overflow:hidden;} .n_box12_c_c img{ max-width:100%; height:auto !important;} .n_box13{width:100%;} .n_box13 li{width:100%; float:left; padding-bottom:20px;} .n_box13 li .div{width:100%; display:inline-block; overflow:hidden; float:left; background-color:#fff; color:#333333; font-size:17px;} .n_box13 li .div .a_img{width:28%; display:inline-block; overflow:hidden;} .n_box13 li .div .a_img img{width:100%;} .n_box13 li .div .a_img_r{width:72%; padding:45px 2.9% 0px 2.5%;} .n_box13 li .div .a_img_r_t{width:100%; height:27px; line-height:27px; margin-bottom:18px; overflow:hidden; color:#222222; font-size:18px; font-weight:bold;} .n_box13 li .div:hover .a_img_r_t{ color:#21a6a3;} .n_box13 li .div .a_img_r_c{width:100%; height:120px; line-height:30px; overflow:hidden; margin-bottom:15px;} .n_box13 li .div .a_img_r_b{ padding:0px 40px; height:40px; line-height:40px; color:#999999; display:inline-block; border:1px solid #eeeeee;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; background-color:#f7f7f7;} .n_box13 li .div:hover .a_img_r_b{ border:1px solid #21a6a3; background-color:#21a6a3; color:#fff;} .n_box13_t{width:78.5%; padding-top:20px; line-height:1.8; color:#222; font-size:17px; overflow:hidden;} .n_box13_t img{ max-width:100%; height:auto !important;} .n_box14{width:100%; padding:50px 0px 60px 0px; position:relative; z-index:1;} .n_box14_t{width:100%; color:#000000; font-size:36px; padding:5px 0px 15px 0px; text-align:center; line-height:1.5;} .a_careers_t{width:100%; padding:3%; background-color:#fff; margin-bottom:20px;} .a_careers_t_s1{width:100%; color:#000000; line-height:1.8; font-size:16px; text-align:left;} .a_careers_t_s1 span{ font-size:24px;} .a_careers_t_s1 a,.a_careers_t_s1 a:hover{ color:#21a6a3;} .a_careers_t_s2{width:100%; padding-top:20px;} .a_careers_t_s2l{width:45%;} .a_careers_t_s22{width:100%;} .a_careers_t_s22 li{width:50%; float:left;} .a_careers_t_s22 li .ipt1{width:96%; border:1px solid #ababab; height:40px; line-height:40px; text-indent:15px; color:#666666; font-size:16px; font-family:"寰蒋闆呴粦";} .a_careers_t_s2r{width:31%; border:1px solid #ababab; } .a_careers_t_s2r .ipt2{width:73%;height:38px; line-height:38px; border:0px;text-indent:15px; color:#666666; font-size:16px; font-family:"寰蒋闆呴粦";} .a_careers_t_s2r .ipt3{width:27%; height:38px; line-height:38px; background-color:#21a6a3; color:#fff; border:0px; text-align:center;font-size:16px; font-family:"寰蒋闆呴粦";} .a_careers_c{width:100%; background-color:#fff;} .a_careers_c dt{width:100%; float:left; height:60px; font-weight:normal; line-height:60px; background-color:#d3d3d3; color:#000000; font-size:18px;} .a_careers_c dt .s1{width:37.5%; padding-left:5%;} .a_careers_c dt .s2{width:30.4%; text-align:center;} .a_careers_c dt .s4{width:31.3%; text-align:center;} .a_careers_c dd{width:100%; float:left; background-color:#fff; border-bottom:1px solid #edeae9;} .a_careers_c dd .div{width:100%; height:59px; line-height:59px; cursor:pointer; color:#000000; font-size:17px; background:url(../images/ee.png) right 25px center no-repeat;} .a_careers_c dd .div.activeds{ background:url(../images/ee1.png) right 25px center no-repeat; background-color:#21a6a3; color:#fff; border-bottom:1px solid #21a6a3;} .a_careers_c dd .div .s1{width:37.5%; padding-left:5%;} .a_careers_c dd .div .s2{width:30.4%; text-align:center;} .a_careers_c dd .div .s4{width:31.3%; text-align:center;} .a_careers_c dd .div_l{width:100%; background-color:#f1f3f6; border:1px solid #21a6a3; padding:3% 5%; overflow:hidden; display:none ; text-align:left;} .a_careers_c dd .div_l_c{width:100%; color:#333333; font-size:17px; line-height:1.8;} .a_careers_c dd .div_l_c img{ max-width:100%;} .a_careers_c dd .div_l_c span{ font-weight:bold;} .a_careers_c dd .div_l_b{ padding:0px 40px; height:42px; margin-top:20px; display:inline-block; line-height:42px; background-color:#21a6a3; border:1px solid #21a6a3; color:#fff; font-size:17px; -webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .a_careers_c dd .div_l_b:hover{ text-decoration:none; color:#21a6a3; background-color:#fff;} .n_box15{width:100%; height:100%; display:none; position:fixed; left:0px; top:0px; z-index:111111; background:url(../images/tb_043.png) repeat;} .n_box15_c{width:1100px; position:fixed; left:50%; margin-left:-550px; top:50%; z-index:111111; background-color:#fff;webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%); padding:35px 5% 25px 2%;} .n_box15_c_t{ padding-bottom:45px; line-height:50px; position:relative; text-align:center; color:#333333; font-size:30px; font-weight:bold; position:relative;} .n_box15_c_t a,.n_box14_c_t a:hover{width:27px; position:absolute; right:0px; top:0px;} .n_box15_c_c{width:100%;} .n_box15_c_c li{width:100%; padding-bottom:30px; float:left;} .n_box15_c_c li dl{width:100%;color:#666666; font-size:16px;} .n_box15_c_c li dl dd{width:33.33%; float:left;} .n_box15_c_c li dl dd .s1{width:40%; text-align:right; height:48px; line-height:48px; padding-right:1%; } .n_box15_c_c li dl dd .s2{width:60%; height:48px; line-height:48px; padding-left:1%; position:relative;} .n_box15_c_c li dl dd .s2 .ipt1{width:100%; height:48px; position:relative; border:0px; line-height:48px; border-bottom:1px solid #e5e5e5; color:#333; font-size:16px; font-family:"寰蒋闆呴粦";} .n_box15_c_c li dl dd .s2 .s3{ height:48px; line-height:48px; color:#bbb; position:absolute; right:0px; top:0px;} .n_box15_c_c li dl dt{width:100%; float:left; font-weight:normal;} .n_box15_c_c li dl dt .s4{width:13%; text-align:right; height:48px;line-height:48px; padding-right:1%;} .n_box15_c_c li dl dt .s5{width:87%; padding-left:1%;} .n_box15_c_c li dl dt .s5 .ipt2{width:100%; height:100%; outline:0; border:0px;resize:none; line-height:1.6; padding:5px 0px; border-bottom:1px solid #e5e5e5; color:#333; font-size:16px; font-family:"寰蒋闆呴粦";} .n_box15_c_c li .s6{width:100%; padding-top:55px; padding-left:9%;} .n_box15_c_c li .s6 .ipt3{width:96%; height:60px; line-height:60px; text-align:center; color:#fff; font-size:24px; background-color:#21a6a3; border:0px;font-family:"寰蒋闆呴粦";} .n_box18_ul{width:100%;} .n_box18_ul li{width:32%; float:left; margin-right:2%;} .n_box18_ul li .div{width:100%; padding:55px 10%; background-color:#fff; min-height:400px; position:relative; cursor:pointer;} .n_box18_ul li .div:after{width:0px; height:8px; background-color:#21a6a3; position:absolute; left:0px; bottom:0px; content:""; -webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .n_box18_ul li .div:hover:after{width:100%;} .n_box18_ul li .div_t{width:100%; padding-top:68px; line-height:1.4; color:#000000; font-size:18px;} .n_box18_ul li .div_t .s1{ font-size:26px; color:#21a6a3;} .n_box18_ul li .div_t.bg1{ background:url(../images/tb_015.png) top left no-repeat;} .n_box18_ul li .div_t.bg2{ background:url(../images/tb_016.png) top left no-repeat;} .n_box18_ul li .div_t.bg3{ background:url(../images/tb_017.png) top left no-repeat;} .n_box18_ul li .div_c{width:100%; padding-top:10px;} .n_box18_ul li .div_c .s1{ margin-right:15px; padding-top:10px; display:inline-block;} .n_box18_ul li .div_c .s1 img{ border:1px solid #cbcbcb;} .n_box18_ul li .div_c1{width:100%; padding-top:20px; line-height:1.2; color:#21a6a3; font-size:36px; font-weight:bold;} .n_box18_ul li .div_c2{width:100%; line-height:1.7; padding-top:20px; color:#000000; font-size:17px;} .n_box19{width:100%; padding-bottom:55px;} .n_box19 #allmap{width:100%; height:500px; overflow:hidden;} .n_box17{width:100%; padding:75px 5%; background-color:#fff} .n_box17_ul{width:100%; } .n_box17_ul li{width:100%; border-bottom:2px solid #ebebeb; float:left;} .n_box17_ul li dl{width:100%;} .n_box17_ul li dl dd{width:33.33%; float:left;} .n_box17_ul li dl dd .s1{width:19%; height:70px; line-height:70px; overflow:hidden; color:#000000; font-size:18px;} .n_box17_ul li dl dd .ipt1{width:80%; height:70px; background-color:transparent; line-height:70px; color:#000; font-size:16px; text-indent:0px; font-family:"寰蒋闆呴粦"; border:0} .n_box17_ul li.twobox{ padding-top:40px; margin-bottom:40px;} .n_box17_ul li .s2{width:6.25%;height:170px; line-height:70px; overflow:hidden; color:#000000; font-size:18px;} .n_box17_ul li .ipt2{width:93%; height:170px; background-color:transparent; padding-top:22px; color:#000; font-size:16px;font-family:"寰蒋闆呴粦"; border:0px;} .n_box17_ul li .ipt3{width:100%; height:50px; line-height:50px; background-color:#21a6a3; font-weight:bold; color:#fff; font-size:18px; text-align:center; cursor:pointer; font-family:"寰蒋闆呴粦"; border:0px;} .n_box20{width:100%;} .n_box20 li{width:100%; float:left;} .n_box20 li .div{width:100%; display:inline-block; float:left; background-color:#fff; color:#666666; font-size:17px; position:relative; overflow:hidden;} .n_box20 li .div:hover{ text-decoration:none; color:#666666;} .n_box20 li .div .a_img{width:50%;display:inline-block; overflow:hidden; float:left;} .n_box20 li .div .a_img img{width:100%;} .n_box20 li .div .a_img_r{width:50%; padding:0px 3% 0px 3%; position:absolute; right:0px; top:50%;webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%);} .n_box20 li .div .a_img_r .s1{width:100%; padding:3px 0px; line-height:1.7; margin-bottom:10px; overflow:hidden; color:#222222; font-size:28px;} .n_box20 li .div:hover .a_img_r .s1{ color:#00b0ac;} .n_box20 li .div .a_img_r .s2{width:100%; line-height:1.8;} .n_box20 li.twodiv .div .a_img_r{ right:auto; left:0px;} .n_box20 li.twodiv .div .a_img{ float:right;} .n_box21{width:100%; padding:65px 3% 50px 3%; background-color:#fff;} .n_box21_ul{width:100%;} .n_box21_ul li{width:16.66%; float:left; padding:0px 1% 2% 1%;} .n_box21_ul li .a_img{width:100%; display:inline-block; overflow:hidden; border:1px solid #f0f0f0; float:left; text-align:center;} .n_box21_ul li .a_img:hover{ border:1px solid #21a6a3; text-decoration:none;} .n_box21_ul li .a_img img{ max-width:100%; height:auto;} .n_box22{width:100%; padding:60px 3% 40px 3%; background-color:#fff; display:none;} .n_box22_t{width:100%; font-size:36px; font-weight:bold; padding-bottom:15px; line-height:1.4; text-align:center; color:#21a6a3;} .n_box22_c{width:100%; color:#222222; font-size:17px; line-height:1.7; text-align:center;} .n_box23{width:100%; display:flex;} .n_box23_l{width:11%;} .n_box23_l_t{width:100%; height:40px; background-color:#d3eded;} .n_box23_l_t1{width:100%; height:50px; text-align:center; background-color:#21a6a3; line-height:50px; color:#fff; font-size:20px; font-weight:bold;} .n_box23_l_c{width:100%;} .n_box23_l_c li{width:100%; height:60px; line-height:60px; background-color:#fff; float:left; border-right:1px solid #d6e1e1; text-align:center; overflow:hidden; color:#222222; font-size:17px;} .n_box23_l_c li.activetwo{ background-color:#e7f1f1;} .n_box23_r{width:89%; overflow-x:auto;} .n_box23_rcon{width:auto !important; cursor:pointer;} .n_box23_r::-webkit-scrollbar { width: 1px; border-radius: 1px; height: 1px; } .n_box23_r::-webkit-scrollbar-track { border-radius: 1px; width: 1px!important; background-color:#d3eded; } .n_box23_r::-webkit-scrollbar-thumb { width: 1px; height: 1px; border-radius: 1px; background-color: #21a6a3; } .n_box24{width:auto !important; height:40px; background-color:#d3eded; display:flex;} .n_box24 .s1{width:145px; height:40px;} .n_box24 .s2{width:230px; height:40px;} .n_box24 .s3{width:906px; height:40px;} .n_box24 .s3 li{width:14.285%; float:left; height:40px; line-height:40px; text-align:center; color:#222222; font-size:17px;padding-right:15px;white-space: nowrap;} .n_box24_t{width:auto !important; height:50px; background-color:#21a6a3;display:flex;} .n_box24_t .s1{width:145px; padding-left:10px; line-height:50px; overflow:hidden; height:50px; color:#fff; font-size:20px; font-weight:bold;} .n_box24_t .s2{width:230px;padding-left:20px; line-height:50px; overflow:hidden; height:50px; color:#fff; font-size:20px; font-weight:bold;} .n_box24_t .s3{width:906px;} .n_box24_t .s3 li{width:14.285%; float:left; height:50px; line-height:50px; text-align:center; color:#fff; font-size:20px; font-weight:bold; background:url(../images/tb_45.png) right center no-repeat; background-size:auto 100%; padding-right:15px;} .n_box24_t .s3 li:nth-child(7){ background:none;} .n_box24_c{width:auto !important;} .n_box24_c li{width:auto; float:left;display:flex; background-color:#fff;} .n_box24_c li .s1{width:145px; border-right:1px solid #d6e1e1; padding-left:10px; line-height:60px; overflow:hidden; height:60px; color:#222222; font-size:17px; } .n_box24_c li .s2{width:230px; border-right:1px solid #d6e1e1;padding-left:20px; line-height:60px; overflow:hidden; height:60px; color:#222222; font-size:17px;} .n_box24_c li .s3{width:906px;} .n_box24_c li .s3 dd{width:14.285%; float:left; height:60px; line-height:60px; text-align:center; color:#222222; font-size:22px; padding-right:15px;} .n_box24_c li .s3 dd.bg1{ background:url(../images/tb_44.png) center no-repeat;} .n_box24_c li .s3 dd.bg2{ background:url(../images/tb_46.png) center repeat-x;} .n_box24_c li.activetwo{ background-color:#e7f1f1;} @-webkit-keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(1em); transform: translateY(1em); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(1em); transform: translateY(1em); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes float1 { 0% { -webkit-transform: translateY(-1em); transform: translateY(-1em); } 50% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-1em); transform: translateY(-1em); } } @keyframes float1 { 0% { -webkit-transform: translateY(-1em); transform: translateY(-1em); } 50% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-1em); transform: translateY(-1em); } } .arrowGo{ animation: arrowGo 2.5s infinite; -webkit-animation: arrowGo 2.5s infinite ; } .Rotation img { transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } .Rotation:hover img { transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); } @-webkit-keyframes arrowGo { 0%{ -webkit-transform: translate(0, 30%); } 50%{ -webkit-transform: translate(0, 0%); } 100%{ -webkit-transform:translate(0, 30%); } } @keyframes arrowGo { 0%{ transform: translate(0, 30%); } 50%{ transform: translate(0, 0%); } 100%{ transform:translate(0, 30%); } } .Amplification img { transition:400ms; filter: Alpha(Opacity=100); opacity: 1; } .Amplification:hover img { filter: Alpha(Opacity=100); opacity: 1; -webkit-transform:scale(1.12); transform:scale(1.12); } .Amplification1 .img { transition:400ms; filter: Alpha(Opacity=100); opacity: 1; } .Amplification1:hover .img { filter: Alpha(Opacity=100); opacity: 1; -webkit-transform:scale(1.12); transform:scale(1.12); } @-webkit-keyframes hvr-bob { 0% { transform: scale(1.1); -webkit-transform: scale(1.1); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes hvr-bob { 0% { transform: scale(1.1); -webkit-transform: scale(1.1); } 100% { transform: scale(1); -webkit-transform: scale(1); } }