@charset "utf-8";

*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal; -webkit-text-size-adjust:none; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }

select{ appearance:none;  -moz-appearance:none; -webkit-appearance:none;}   
select::-ms-expand { display: none; }  

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}

.fl {float: left;}
.fr {float: right;}
.container{ display: block; max-width:1600px; width:90%; margin: 0 auto; }
.hidden{ overflow:hidden; }
.hide{ display:none; }

.flex{ display: flex; align-items: center;}


.banner,.nyban{ height:calc(100vh);}

/*header*/
.header{ z-index:200; position:fixed; width:100%; left:0; top:0; height:97px; border-bottom:1px solid rgba(255, 255, 255, 0.2); }
.header_height{ height:97px; }

.header .logo{position: relative; z-index:1;}
.header .logo img{ height:96px; }
.header .logo .logo02{ display:none;}

.header .tel{ font-size:18px; font-weight:bold; color:#ffffff; line-height:96px; margin-right:36px; position: relative; z-index:1; }
.header .tel span{ font-size:18px; margin-right:9px; }

.header .lang{ font-size:16px; color:#ffffff; line-height:96px; position: relative; z-index:1;}
.header .lang span{ font-size:16px; margin-right:8px; }
.header .container{ position: relative;}
.nav{ padding:0 372px 0 96px; position:absolute; text-align:center; width:100%; font-size:18px; left:0; top:0; text-align:center; }
.nav>li#li69{ position: relative; }
.nav>li{ display:inline-block; }
.nav>li>a{ display: block; padding:0 40px; line-height: 96px; font-weight:bold; color:#ffffff; }
.nav>li .sub{ position: absolute; top:97px; }
.nav>li .sub01{ left:-100%; background:#ffffff; width:300%; display:none; box-shadow:0 5px 5px #dcdcdc; }
.nav>li .sub02{ display:none; width:200%; left:0; background:#ffffff !important; box-shadow:0 5px 5px #dcdcdc; }
.nav>li .sub02 a{ padding:0 40px; text-align:left; border-bottom:1px solid #f6f6f6; display: block; height:50px; line-height:50px; font-size:16px; color:#333333 !important; overflow:hidden; }
.nav>li .sub02 a:hover{ background:#006dac !important; color:#ffffff !important; }
.nav>li .sub02 a span{ float:right; font-size:16px; }

.subProd{ width:1200px; margin:35px auto; text-align:left; }
.subProd .spTab{ overflow: hidden; border-top:1px solid #f5eeee; width:30%; }
.subProd .spTab li{ float: left; width:100%; border-bottom:1px solid #f5eeee; }
.subProd .spTab li.on,.subProd .spTab li:hover{ background:#f2f2f2; }
.subProd .spTab li a{ position: relative; height:100px; display: block; }
.subProd .spTab li a .img{ position: absolute; right:0; top:0; width:100px; }
.subProd .spTab li a .img img{ width:100%; }
.subProd .spTab li a .tit{ padding-left:35px; display: flex; height:100px; align-items:center; font-size:18px; color:#464646; font-weight:bold; }

.subProd .spMain{ width:70%; }
.subProd .spMain .img img{ display:block; width:100%; }
.subProd .spMain .content{ margin-top:35px; position: relative; }
.subProd .spMain .txt{ width:60%; }
.subProd .spMain .txt .tit{ color:#000000; font-size:30px; font-weight:bold; line-height:1.4; }
.subProd .spMain .txt .tit span{ font-size:30px; margin-left:5px; }
.subProd .spMain .txt .ftit{ color:#000000; font-size:18px; font-weight:bold; line-height:1.4; margin:5% 0 2.5% 0; }
.subProd .spMain .txt .info{ color:#7c7c7c; font-size:16px; line-height:2; }
.subProd .spMain .btn{ text-align: center; width:30%; position: absolute; right:0; top:0; height:100%; display:flex; align-items:center; }
.subProd .spMain .btn>div{ width:100%; }
.subProd .spMain .btn a{ line-height:2; display: block; color:#5b5b5b; font-size:16px; font-weight:bold; }
.subProd .spMain .btn a span{ font-weight:normal; margin-left:14px; font-size:14px; }

.subProd .spMain .txt .tit:hover{ color:#006dac; }
.subProd .spMain .btn a:hover{ color:#006dac; }

.nav_btn{ display: none; }

.header3,.header2,.header:hover{ border-bottom-color:#f6f6f6; background:#ffffff; }
.header3 .tel,.header2 .tel,.header:hover .tel{ color:#262626; }
.header3 .tel span,.header2 .tel span,.header:hover .tel span{ color:#006dac; }

.header3 .lang,.header2 .lang,.header:hover .lang{ color:#262626; }
.header3 .lang span,.header2 .lang span,.header:hover .lang span{ color:#006dac; }

.header3 .nav>li>a,.header2 .nav>li>a,.header:hover .nav>li>a{ color:#000000; }

.header3 .logo .logo01,.header2 .logo .logo01,.header:hover .logo .logo01{ display:none; }
.header3 .logo .logo02,.header2 .logo .logo02,.header:hover .logo .logo02{ display:block; }

.header .nav>li>a:hover,.header .nav>li.on a{ color:#006dac; }
.header .lang:hover{ color:#006dac; }
/*header*/

/*banner*/
.banner{ position: relative; }
.banner img{ display: block; width:100%; }

.hbantxt{ color:#ffffff; position: absolute; width:100%; left:0; text-align: center; }
.hbantxt .tit01{ font-size:36px; }
.hbantxt .tit02{ font-size:72px; }

.hbantxt .parameter{ text-align:center; margin-bottom:3%; }
.hbantxt .parameter li{ display:inline-block; padding:0 48px; line-height:2; }
.hbantxt .parameter li .info{ font-size:28px; font-weight:bold; }
.hbantxt .parameter li .info span{ font-size:20px; font-weight:normal; }
.hbantxt .parameter li .tit{ font-size:16px; }

.hbantxt01{ top:24%; }
.hbantxt02{ bottom:6%; }

.hbtn{ text-align: center;  }
.hbtn a{ display: inline-block; margin:0 10px; padding:0 32px; height:45px; line-height:45px; background:#ffffff; color:#000000; font-size:16px; }
.hbtn a span{ font-size:14px; margin-left:28px; }
.hbtn a:hover{ background:#006dac; color:#ffffff; }
/*banner*/

.hprod{ overflow: hidden; margin:4% auto; width:75%; }
.hprod li{ width:48%; margin-right:4%; float: left; position: relative; overflow: hidden; border-radius:10px; }
.hprod li img{ display: block; width:100%; }
.hprod li .txt{ position: absolute; left:0; bottom:0; width:100%; color:#ffffff; padding:7%; }
.hprod li .txt .tit{ font-size:36px; }
.hprod li .txt .info{ font-size:16px; margin:2% 0 6% 0; }
.hprod li .txt .btn{ text-align: center; overflow: hidden; }
.hprod li .btn a{ float: left; width:48%; margin-right:4%; height:45px; line-height:45px; background:#ffffff; color:#000000; font-size:16px; }
.hprod li .btn a span{ font-size:14px; margin-left:28px; }
.hprod li .btn a.a1{ border:1px solid #ffffff; background:none; color:#ffffff; line-height:43px; }
.hprod li .btn a.a1:hover{ background:#006dac; border-color:#006dac; color:#ffffff; }
.hprod li .btn a.a2{ margin-right:0; }
.hprod li .btn a.a2:hover{ background:#006dac; color:#ffffff; }

.prodban{ position: relative; }
.prodban img{ display: block; width:100%; }
.prodban video{ position: absolute; width:100%; height:100%; left:0; top:0; z-index:100; object-fit: cover; }
.prodban .swiper-slide{ position: relative; }
.prodban .swiper-slide .pbtxt{ padding-bottom:140px; position: absolute; color:#ffffff; z-index:10; left:0; top:0; width:100%; height:100%; display: flex; align-items:center }
.prodban .swiper-slide .tit{ font-size:60px; margin-bottom:30px; }
.prodban .swiper-slide .info{ font-size:18px; }

.prodban_nav{ position: absolute; bottom:8%; left:50%; z-index:100; width:776px; margin-left:-388px; }
.prodban_nav li{ float:left; text-align: center; cursor: pointer; width:182px; margin:0 6px; height:144px; border:1px solid rgba(255, 255, 255, 0.3); color:#ffffff; }
.prodban_nav li .ico{ line-height:100px; height:100px; }
.prodban_nav li .ico span{ font-size:56px; }
.prodban_nav li .tit{ font-size:18px; line-height:1; }

.prodban_nav li.on,.prodban_nav li:hover{ background:#006dac; color:#ffffff; border-color:#006dac; }

.service{ margin-top:2%; position: relative; }
.service img{ display: block; width:100%; }
.service .stxt{ position:absolute; color:#ffffff; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; text-align: center; }
.service .stxt .tit{ font-size:60px; }
.service .stxt .info{ font-size:24px; margin:1% 0 7% 0; }

.hmore{ display:inline-block; padding:0 32px; font-size:16px; height:45px; border:1px solid #ffffff; line-height:43px; color:#ffffff; }
.hmore span{ margin-left:7px; font-size:14px; }

.hmore:hover{ background:#ffffff; color:#006dac; }

.hmore2{ border-color:#383838; color:#383838; }
.hmore2:hover{ background:#006dac; border-color:#006dac; color:#ffffff; }

.experience_main{ margin:4% 0; overflow: hidden; position: relative; }
.experienceban{}
.experienceban .swiper-slide{ position: relative; }
.experienceban .swiper-slide img{ display: block; width:100%; }
.experienceban .swiper-slide .txt{ position: absolute; text-align: center; color:#ffffff; left:0; top:0; width:100%; height:100%; display: flex; align-items: center; }
.experienceban .swiper-slide .txt>div{ width:100%; }
.experienceban .swiper-slide .txt .tit{ font-size:60px; }
.experienceban .swiper-slide .txt .info{ font-size:24px; margin:0.5% 0 8% 0; }

.experienceban_nav{ width:90%; position: absolute; left:5%; bottom:3%; z-index:100;  }
.experienceban_nav li{ float: left; width:12.5%; text-align:center; cursor: pointer; position: relative; }
.experienceban_nav li:after{ display: none; opacity:0; z-index:100; content:""; position: absolute; height:60px; width:1px; background:#006dac; top:-60px; left: 50%; }
.experienceban_nav li .content{ width:100px; height:100px; border-radius:50%; margin:0 auto; background:rgba(255,255,255,0.7); }
.experienceban_nav li .ico{ height:70px; line-height:70px; color:#006dac; }
.experienceban_nav li .ico span{ font-size:42px; }
.experienceban_nav li .tit{ line-height:1; font-size:16px; color:#006dac; }


.experienceban_nav li:hover .content,.experienceban_nav li.on .content{ background:rgba(0,109,172,0.9); color:#ffffff; }
.experienceban_nav li:hover .ico,.experienceban_nav li.on .ico{ color:#ffffff; }
.experienceban_nav li:hover .tit,.experienceban_nav li.on .tit{ color:#ffffff; }
.experienceban_nav li.on:after{ opacity:1; }


.about{ margin-top:2%; position: relative; overflow: hidden; }
.about img{ width:100%; display: block; }
.about .atxt{ position:absolute; color:#ffffff; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; text-align: center; }
.about .atxt .tit{ font-size:60px; }
.about .atxt .info{ font-size:24px; margin:1% 0 6% 0; }

.ablist{ overflow: hidden; position: absolute; left:0; width:100%; bottom:8%; text-align: center; color:#ffffff; }
.ablist li{ display:inline-block; margin-right:8%; }
.ablist li:last-child{ margin-right:0; }
.ablist li .ico{ width:64px; height:64px; line-height:62px; border-radius:50%; float: left; border:1px solid #ffffff; }
.ablist li .ico span{ font-size:36px; }
.ablist li .txt{ padding-left:90px; text-align: left; } 
.ablist li .txt .num{ font-size:28px; font-weight:bold; line-height:40px; }
.ablist li .txt .num span{ font-size:20px; font-weight: normal; }
.ablist li .txt .tit{ font-size:16px; line-height:24px; }


.htit{ text-align: center; margin:3.5% 0; line-height:1; }
.htit .tit{ font-size:48px; color:#000000; }
.htit .info{ font-size:20px; color:#6d6d6d; margin-top:2%; }


.hclist{}
.hclist .swiper-slide{ position: relative; }
.hclist .swiper-slide .img{ position: relative; }
.hclist .swiper-slide .img video{ z-index:1; position: absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; }
.hclist .swiper-slide .img img{ display: block; width:100%; }
.hclist .swiper-slide .txt{ position: absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:100; }

.hclist .swiper-slide-active .txt{ opacity:1; }

.hclist{ position:relative;}
.hclist .swiper-slide{ width:62%; }
.hclist .swiper-slide .img{ overflow: hidden; }
.hclist .swiper-slide img{ width:100%; display:block;}
.hclist .swiper-slide .txt{ text-align: center; color:#ffffff; }
.hclist .swiper-slide .txt .tit{ font-size:36px; margin:8% 0 2.5% 0; }
.hclist .swiper-slide .txt .info{ font-size:16px; }
.hclist .swiper-slide .txt .info span{ margin:0 16px; }
.hclist .swiper-slide .more{ position: absolute; width:100%; left:0; bottom:15%; }

.hclist .button-prev,.hclist .button-next{ cursor:pointer; width:60px; height:60px; line-height:60px; color:#ffffff; text-align:center; position:absolute; top:50%; margin-top:-30px; z-index:100; cursor:pointer; }
.hclist .button-prev{ left:9%; margin-left:-30px; }
.hclist .button-next{ right:9%; margin-right:-30px; }

.hclist .button-prev span,.hclist .button-next span{ font-size:36px; }

.cmore{ text-align: center; margin:2% 0; }


.quotationbj{ background:url(../images/quotationbj.jpg) no-repeat center center; background-size:cover; overflow: hidden; }
.quotation{ box-shadow:0 0 35px #8e8e8e; background:rgba(255, 255, 255, 0.98); width:45%; border-radius:35px; padding:3%; margin:8% 0; min-width:500px; }
.quotation .qtit{ color:#313131; font-size:36px; line-height:1; }
.quotation .qtit:after{ content:""; width:70px; height:3px; margin-top:20px; display: block; background:#ebebeb; }

.qlist{ overflow: hidden; }
.qlist li{ float: left; width:100%; }
.qlist li.w48{ width:48%; margin-right:4%; }
.qlist li .tit{ font-size:16px; color:#313131; line-height:50px; }
.qlist li .tit sup{ color:#d10007; line-height:1; }

.qlist li .input{ height:40px; border:1px solid #e5e5e5; border-radius:3px; overflow: hidden; }
.qlist li .input input{ width:100%; height:38px; line-height:38px; color:#333333; background:#ffffff; padding:0 15px; font-size:16px; }
.qlist li .input input::placeholder{ color:#a5a5a5; font-size:16px; }


.qlist li .city{ overflow: hidden; }
.qlist li .city .select{ width:48%; margin-right:4%; float: left; height:40px; border:1px solid #e5e5e5; border-radius:3px; overflow: hidden; position: relative; background:#ffffff; }
.qlist li .city .select select{ width:100%; height:38px; padding:0 15px; font-size:16px; color:#4d4d4d; background:none; position: relative; z-index:1; }
.qlist li .city .select .ico{ width:40px; height:40px; text-align:center; line-height:40px; position: absolute; right:0; top:0; }
.qlist li .city .select .ico span{ font-size:16px; }

.qlist li .build{ overflow: hidden; }
.qlist li .build label{ background:#ffffff; float: left; width:32%; cursor: pointer; margin-right:2%; color:#4d4d4d; font-size:16px; height:40px; border:1px solid #e5e5e5; border-radius:3px; line-height:38px; text-align: center; }
.qlist li .build label:last-child{ margin-right:0; }
.qlist li .build label:hover,.qlist li .build label.on{ border-color:#006dac; background:#006dac; color:#ffffff; }
.qlist li .build label input{ display:none;}

.qlist li .landing{ overflow: hidden; }
.qlist li .landing label{ background:#ffffff; float: left; width:11%; cursor: pointer; margin-right:1%; color:#4d4d4d; font-size:16px; height:40px; border:1px solid #e5e5e5; border-radius:3px; line-height:38px; text-align: center; }
.qlist li .landing label:last-child{ margin-right:0; width:52%; }
.qlist li .landing label:hover,.qlist li .landing label.on{ border-color:#006dac; background:#006dac; color:#ffffff; }
.qlist li .landing label input{ display:none;}

.qlist li .textarea{ border:1px solid #e5e5e5; border-radius:3px; overflow: hidden; }
.qlist li .textarea textarea{ height:80px; width:100%; display: block; color:#333333; font-size:16px; padding:10px 15px; }

.qlist li.submit{ margin-top:20px; }
.qlist li.submit button{ width:130px; cursor:pointer; height:48px; border-radius:3px; line-height:48px; background:#006dac; color:#ffffff; font-size:18px; }
.qlist li.submit button span{ font-size:18px; margin-right:16px; }
.qlist li.submit button:hover{ background:#d10007; }

.reservationMain{ position:fixed; bottom:0; left:0; width:100%; z-index:100; background:#ffffff; box-shadow:0 0 20px #f0f0f0;  }

.reservation{ padding:24px 0; padding-left:350px; position: relative; }
.reservation .rlogo{ height:60px; position: absolute; left:0; top:10px; z-index:10; }
.reservation .rlogo img{ display: block; height:100%; }
.reservation:after{ content:""; margin-left:300px; height:99px; background:url(../images/reservation.png) right center; background-size:auto 100%; width:200%; position:absolute; bottom:0; left:-200%; }
.rlist{ overflow: hidden; }
.rlist li{ float: left; margin-right:2%; height:40px; border:1px solid #d5d5d5; border-radius:3px; }
.rlist li.input{ width:15%; overflow: hidden; }
.rlist li.input input{ display: block; height:38px; line-height:38px; padding:0 15px; width:100%; font-size:16px; }
.rlist li.input input::placeholder{ color:#535353; font-size:16px; }
.rlist li.select{ width:12%; position: relative; background:#ffffff; }
.rlist li.select select{ width:100%; height:38px; padding:0 15px; font-size:16px; color:#4d4d4d; background:none; position: relative; z-index:1; }
.rlist li.select .ico{ width:40px; height:40px; text-align:center; line-height:40px; position: absolute; right:0; top:0; }
.rlist li.select .ico span{ font-size:16px; }


.rlist li.submit{ margin-right:0; width:10%; }
.rlist li.submit button{ width:100%; cursor:pointer; height:40px; border-radius:3px; line-height:40px; background:#006dac; color:#ffffff; font-size:18px; }
.rlist li.submit button span{ font-size:18px; margin-right:16px; }
.rlist li.submit button:hover{ background:#d10007; }


/*footer*/
.footer{ background:#0f0e13; overflow: hidden; }
.dbcontent{ overflow: hidden; position: relative; margin:7% 0 4% 0; }
.dbcontent .ftel{ line-height:1; }
.dbcontent .ftel .tit{ color:#afafaf; font-size:16px; margin-bottom:14px; }
.dbcontent .ftel .info{ color:#ffffff; font-size:30px; }

.dbcontent .dblogo{ height:60px; }
.dbcontent .dblogo img{ display: block; height:60px; }

.dbcontent .dbnav{ padding:0 320px 0 200px; position: absolute; left:0; top:0; width:100%; height:60px; line-height:60px; text-align: center; }
.dbcontent .dbnav a{ font-size:18px; color:#ffffff; margin:0 42px; }
.dbcontent .dbnav a:hover{ text-decoration:underline; }

.fbottom{ border-top:1px solid #28272c; overflow: hidden; padding:27px 0; }
.fbottom .copy{ line-height:42px; color:#afafaf; font-size:16px; }
.fbottom .copy a:hover{ color:#ffffff; text-decoration:underline; }
.links{ width:240px; margin-right:20px; position: relative; background:#2d2d2d;}
.links select{ width:100%; position: relative; z-index:1; background:none; height:42px; padding:0 15px; font-size:16px; color:#cccccc; }
.links select option{ background:#2d2d2d; }
.links .ico{ width:42px; height:42px; text-align:center; line-height:42px; position: absolute; right:0; top:0; }
.links .ico span{ font-size:16px; }

.fbtn{ overflow: hidden; }
.fbtn a{ background:#ffffff; margin-left:10px; float: left; border-radius:3px; float: left; width:42px; height:42px; line-height:42px; text-align: center; }
.fbtn a span{ font-size:18px; color:#28272c; }
.fbtn a:hover{ background:#006dac; color:#ffffff; }
.fbtn a:hover span{ color:#ffffff; }



.pupupbj{ display: none; background:rgba(0,0,0,0.5); position: fixed; width:100%; height:100%; left:0; top:0; z-index:200; cursor:pointer; }
.rwm{ display:none; width:170px; height:170px; background:#ffffff; position: fixed; top:50%; left:50%; margin:-85px 0 0 -85px; z-index:201; box-shadow:0 0 15px #333333; }
.rwm img{ width:100%; display:block; }
/*footer*/


.nyban{ position: relative; }
.nyban img{ width:100%; }
.nyban .bantxt{ line-height:1; display: flex; text-align: center; align-items: center; position: absolute; left:0; top:0; width:100%; height:100%; color:#ffffff; }
.nyban .bantxt .tit{ font-size:100px; }
.nyban .bantxt .tit2{ font-size:40px; margin-top:35px; }
.nyban .bantxt .tit3{ font-size:60px; margin-top:35px; }
.nyban .bantxt .info{ font-size:30px; margin-top:35px; }

/*服务*/
.servicebj{ background:url(../images/servicebj.jpg) no-repeat center center; background-size:cover; overflow: hidden; }

.stit{ text-align:center; font-size:48px; line-height:1; font-weight:bold; color:#000000; margin:5% 0; }
.stit2{ color:#ffffff; }

.slist{ overflow: hidden; text-align:center; }
.slist li{ float: left; width:33.33%; }
.slist li .ico{ width:100px; margin:0 auto; }
.slist li .ico img{ display: block; width:100%; }
.slist li .txt{ padding:0 20%;}
.slist li .tit{ font-size:22px; color:#000000; margin:8% 0 6% 0; }
.slist li .info{ color:#424242; font-size:16px; line-height:35px; height:70px; }


.smore{ text-align:center; margin:4% 0; }
.smore a{ height:50px; padding:0 30px; margin:0 15px; display:inline-block; line-height:48px; border:1px solid #006ead; color:#006ead; font-size:18px; }
.smore a span{ margin-right:9px; font-size:18px; }
.smore a.a2{ background:#006ead; color:#ffffff; }

.smore2{ margin:3% 0 4% 0; }
.smore2 a:hover{ background:#006ead; color:#ffffff; }

.serviceList{ overflow: hidden; }
.serviceList li{ float: left; width:100%; overflow: hidden; position: relative; }
.serviceList li .img{ width:50%; }
.serviceList li .img img{ display: block; width:100%; }
.serviceList li .txt{ padding:0 7%; width:50%; position: absolute; background:#f4f8fb; top:0; height:100%; display: flex; align-items: center; }
.serviceList li .txt.fl{ left:0; }
.serviceList li .txt.fr{ right:0; }

.serviceList li .txt .tit{ color:#000000; font-size:30px; font-weight:bold; }
.serviceList li .txt .info{ color:#424242; font-size:18px; margin-top:7%; line-height:2; }


.opinionbj{ overflow: hidden; background:url(../images/opinionbj.jpg) no-repeat center center; background-size:cover; }

.opinionForm{ overflow: hidden; margin:0 auto 6% auto; width:80%; }
.opinionForm li{ float: left; width:100%; }
.opinionForm li.w40{ width:43%; }
.opinionForm li.w48{ width:55%; }

.opinionForm li.w25{ width:23%; margin-right:2%; }
.opinionForm li.w50{ width:50%; }

.opinionForm li .tit{ height:70px; line-height:70px; color:#ffffff; font-size:18px;  }
.opinionForm li .tit sup{ color:#d10007; line-height:1;  }

.opinionForm li .input input{ height:50px; font-size:16px; color:#535353; border:1px solid #e5e5e5; line-height:48px; padding:0 20px; width:100%; }
.opinionForm li .input input::placeholder{ color:#535353; }

.opinionForm li .city{ overflow: hidden; }
.opinionForm li .city .select{ width:48.2%; position: relative; float: left; background:#ffffff; height:50px; border:1px solid #e5e5e5; }
.opinionForm li .city .select select{ width:100%; height:48px; padding:0 20px; font-size:16px; color:#4d4d4d; background:none; position: relative; z-index:1; }
.opinionForm li .city .select .ico{ width:50px; height:50px; text-align:center; line-height:50px; position: absolute; right:0; top:0; }
.opinionForm li .city .select .ico span{ font-size:16px; }

.opinionForm li .textarea{ }
.opinionForm li .textarea textarea{ padding:10px 20px; font-size:16px; height:110px; border:1px solid #e5e5e5; background:#ffffff; width:100%; }

.opinionForm li.submit{ margin-top:50px; }
.opinionForm li.submit button{ width:200px; margin:0 auto; display: block; cursor:pointer; height:50px; background:#ffffff; color:#006dac; font-size:18px; }
.opinionForm li.submit button span{ font-size:18px; margin-right:16px; }
.opinionForm li.submit button:hover{ background:#006dac; color:#ffffff; border:1px solid #ffffff; }

.opinionForm2 li .city .select{ width:48%; margin-right:4%; }
.opinionForm2 li.submit button{ background:#006dac; color:#ffffff; border:none !important; }
.opinionForm2 li.submit button:hover{ background:#d10007; }
/*服务*/


/*新闻*/
.nynav{ position: absolute; left:0; width:100%; bottom:8%; text-align:center; }
.nynav a{ display:inline-block; margin:0 5px; padding:0 35px; height:60px; line-height:60px; background:#ffffff; }
.nynav .text{ margin:0 20px; }
.nynav span{ font-size:18px; }

.nynav a.on,.nynav a:hover{ background:#016dae; color:#ffffff; }

.newslist{ margin-top:6%; overflow:hidden; }
.newslist li{ width:31%; float: left; margin-right:3.5%; margin-bottom:6%; }
.newslist li a{ padding-bottom:270px; position: relative; display: block; }
.newslist li .img{ overflow: hidden; }
.newslist li img{ display: block; width:100%; }
.newslist li .txt{ overflow: hidden; position: absolute; bottom:0; left:0; width:100%; }
.newslist li .txt .time{ color:#8a8a8a; font-size:14px; line-height:20px; margin:20px 0; }
.newslist li .txt .tit{ color:#3a3a3a; font-size:24px; line-height:29px; }
.newslist li .txt .tit:after{ content:""; display:block; margin:20px 0; width:20px; height:1px; background:#262626; }
.newslist li .txt .info{ color:#8a8a8a; font-size:16px; line-height:30px; height:60px; }
.newslist li .txt .more{ margin-top:40px; width:40px; height:40px; text-align:center; line-height:40px; border-radius:50%; border:2px solid #016dae; }
.newslist li .txt .more span{ font-size:24px; color:#016dae; }

.newslist li:hover .txt{ background: rgba(1,109,174,0.9); padding:15% 7%; }
.newslist li:hover .txt .time{ color:#c6deed; }
.newslist li:hover .txt .tit{ color:#ffffff; }
.newslist li:hover .txt .tit:after{ background:#ffffff; }
.newslist li:hover .txt .info{ color:#c6deed; -webkit-line-clamp:4; height:120px; }
.newslist li:hover .txt .more{ border-color:#ffffff; }
.newslist li:hover .txt .more span{ color:#ffffff; }
/*新闻*/


.paging{ text-align: center; border-top:1px solid #e5e5e5; padding:6% 0; }
.paging div>a,.paging div>span{ border-radius:4px; margin:0 5px; padding:0 14px; color:#666666; background:#f7f7f7; font-size:16px; text-align:center; line-height:40px; height:40px; display: inline-block; }
.paging .current,.paging a:hover{ background:#016dae; color:#ffffff; }
.paging div>a span{ font-size:16px; }

/*新闻详情*/
.weizhi{ height:48px; line-height:48px; background:#006ead; font-size:16px; color:#ffffff; }
.weizhi span{ margin:0 5px; }

.showTit{ color:#101010; font-size:36px; font-weight:bold; margin:3% 0; }

.showMain{ overflow: hidden; }
.showLeft{ width:74%; }

.showTop{ height:50px; line-height:48px; border:1px solid #eeeeee; background:#fbfbfb; }
.nparameter{}
.nparameter li{ float: left; font-size:16px; margin-left:30px; }
.nparameter li span{ margin-right:8px; font-size:16px; }

.showTop .return{ width:140px; height:48px; line-height:48px; text-align: center; background:#09659a; color:#ffffff; font-size:16px; }
.showTop .return a{ display: block; }
.showTop .return a:hover{ background:#d10007; }
.showTop .return span{ font-size:16px; margin-right:8px; }

.showtxt{ font-size:16px; line-height:2; color:#5f5f5f; margin:5% 0; }
.showtxt img{ max-width:100%; height:auto !important; }

.showLeft .tag{ overflow: hidden; margin:25px 0; }
.showLeft .tag .tit{ float: left; height:36px; line-height:36px; color:#5f5f5f; font-size:16px; }
.showLeft .tag a{ float: left; margin-right:16px; height:36px; border-radius:18px; border:1px solid #006ead; color:#006ead; line-height:34px; padding:0 16px; font-size:16px; }
.showLeft .tag a:hover{ background:#006ead; color:#ffffff; }

.showsxp{ overflow: hidden; border-top:1px solid #dedede; padding:25px 0; font-size:16px; }
.showsxp>div{ width:50%; }
.showsxp>div.fr{ text-align:right; }
.showsxp a{ color:#5f5f5f; }
.showsxp a:hover{ color:#006ead; }


.showRight{ width:22%; }
.ntit{ color:#101010; font-size:30px; line-height:1; height:50px; border-bottom:1px solid #e4e4e4; }
.ntit2{ margin-top:60px; }

.rnlist{ overflow: hidden; margin-top:20px; }
.rnlist li{ float: left; overflow: hidden; border-bottom:1px solid #e4e4e4; }
.rnlist li a{ display: block; overflow: hidden; padding:20px 0; }
.rnlist li .img{ width:100px; float: left; border-radius:5px; overflow:hidden; }
.rnlist li .img img{ display: block; width:100%; }
.rnlist li .txt{ padding-left:125px; padding-top:8px; padding-bottom:8px; }
.rnlist li .txt .tit{ color:#2e2e2e; font-size:16px; line-height:26px; }
.rnlist li .txt .time{ color:#878787; font-size:16px; line-height:26px; margin-top:6px; }

.rnlist li:hover .txt .tit{ color:#006ead;}
.rnlist li:hover .txt .time{ color:#006ead;}

.caseTag{ overflow: hidden; margin-top:30px; }
.caseTag a{ float: left; margin-bottom:15px; text-align: center; margin-right:2.9%; width:31.4%; border-radius:5px; height:30px; line-height:28px; border:1px solid #006ead; color:#006ead; font-size:16px; }
.caseTag a:nth-child(3){ margin-right:0; }
.caseTag a:hover{ background:#006ead; color:#ffffff; }


.sclist{ overflow: hidden; }
.sclist li{ float: left; width:100%; overflow: hidden; margin-top:15px; }
.sclist li .img{ float: left; width:150px; overflow: hidden; }
.sclist li .img img{ display: block; width:100%; }
.sclist li .txt{ padding-left:175px; }
.sclist li .txt .tit{ color:#343434; font-size:16px; line-height:30px; height:60px; margin-bottom:10px; }
.sclist li .txt .adds{ line-height:30px; color:#969696; font-size:16px; }
.sclist li .txt .adds span{ color:#006ead; font-size:16px; margin-right:8px; }

.sclist li:hover .txt .tit{ color:#006ead; }

.vstit{ margin-top:3%; color:#101010; font-size:30px; font-weight:bold; line-height:90px; border-bottom:1px solid #e4e4e4; } 

.vclist{ overflow: hidden; margin:3% 0; }
.vclist li{ float: left; width:32%; margin-right:2%; }
.vclist li .img a{ position: relative; display: block; overflow: hidden; }
.vclist li .img a:after{ content:""; position: absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.6); }
.vclist li .img2 a:after{ display:none;}
.vclist li img{ display: block; width:100%; }
.vclist li .img .ico{ z-index:10; line-height:54px; text-align:center; border-radius:50%; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px; width:60px; height:60px; border:3px solid rgba(255,255,255,0.37); }
.vclist li .img .ico span{ font-size:20px; color:#ffffff; }
.vclist li .txt{ text-align: center; line-height:1; padding:8% 0; }
.vclist li .txt .tit{ color:#343434; font-size:20px; margin-bottom:20px; font-weight:bold; }
.vclist li .txt .adds{ color:#969696; font-size:16px; }
.vclist li .txt .adds span{ color:#006ead; font-size:16px; margin-right:8px; }

.vclist li:hover .txt .tit{ color:#006ead;}
/*新闻详情*/


/*联系我们*/
.contactbj{ background:url(../images/contactbj.jpg) no-repeat center center; background-size:cover; }

.ctop{ margin:7% 0; }
.ctit{ text-align:center; color:#303030; font-size:36px; line-height:1; }

.conlist{ overflow: hidden; text-align:center; }
.conlist li{ float: left; padding:4% 0; width:30%; margin-right:5%; background:#006ead; color:#ffffff; }
.conlist li .ico{ width:70px; margin:0 auto; height:70px; line-height:70px; text-align:center; }
.conlist li .ico span{ font-size:42px; }
.conlist li .tit{ margin-top:6%; line-height:1; color:#ffffff; font-size:24px; font-weight:bold; margin-bottom:18px; }
.conlist li .info{ font-size:18px; }

.messagebj{ background:url(../images/messagebj.jpg) no-repeat center center; background-size:cover; overflow: hidden; }

.messageMain{ margin:8% 0 6% 0; }

.message{ overflow: hidden; margin:4% auto 0 auto; width:80%; }
.message li{ float: left; width:100%; }
.message li.w25{ width:23%; margin-right:2%;}
.message li.w50{ width:50%; }

.message li .tit{ color:#313131; font-size:16px; line-height:60px; height:60px; }
.message li .tit sup{ color:#d10007; line-height:1; }

.message li .input{ height:50px; border:1px solid #e5e6e8; position: relative; }
.message li .input input{ height:48px; width:100%; display: block; padding:0 20px 0 60px; color:#333333; font-size:16px; }
.message li .input input::placeholder{color:#b9b9b9;}
.message li .input .ico{ width:50px; height:50px; text-align: center; line-height:50px; position: absolute; left:0; top:0; }
.message li .input .ico:after{ content:""; width:1px; height:12px; background:#e9e9e9; position: absolute; right:0; top:50%; margin-top:-6px; }
.message li .input .ico span{ font-size:20px; color:#b9b9b9; }

.message li .city{ overflow: hidden; }
.message li .city .select{ width:48%; position: relative; float: left; background:#ffffff; height:50px; border:1px solid #e5e6e8; }
.message li .city .select select{ width:100%; height:48px; padding:0 20px 0 60px; font-size:16px; color:#4d4d4d; background:none; position: relative; z-index:1; }
.message li .city .select .ico{ width:50px; height:50px; text-align:center; line-height:50px; position: absolute; top:0; }
.message li .city .select .ico:after{ content:""; width:1px; height:12px; background:#e9e9e9; position: absolute; right:0; top:50%; margin-top:-6px; }
.message li .city .select .ico span{ font-size:20px; color:#b9b9b9; }

.message li .city .select .ico01{ left:0; }
.message li .city .select .ico02{ right:0; }

.message li .build{ overflow: hidden; }
.message li .build label{ background:#ffffff; float: left; width:32%; cursor: pointer; margin-right:2%; color:#4d4d4d; font-size:16px; height:50px; border:1px solid #e5e6e8; line-height:48px; text-align: center; }
.message li .build label:last-child{ margin-right:0; }
.message li .build label:hover,.message li .build label.on{ border-color:#006dac; background:#006dac; color:#ffffff; }
.message li .build label input{ display:none; }

.message li .landing{ overflow: hidden; }
.message li .landing label{ background:#ffffff; float: left; width:13%; cursor: pointer; margin-right:2%; color:#4d4d4d; font-size:16px; height:50px; border:1px solid #e5e6e8; line-height:48px; text-align: center; }
.message li .landing label:last-child{ margin-right:0; width:40%; }
.message li .landing label:hover,.message li .landing label.on{ border-color:#006dac; background:#006dac; color:#ffffff; }
.message li .landing label input{ display:none; }

.message li .textarea textarea{ padding:15px 20px; height:140px; font-size:16px; color:#4d4d4d; width:100%; display: block; border:1px solid #e5e6e8; }

.message li.submit{ margin-top:5%; }
.message li.submit button{ margin:0 auto; display:block; width:270px; cursor:pointer; height:50px; line-height:48px; background:#006dac; color:#ffffff; font-size:18px; }
.message li.submit button span{ font-size:18px; margin-right:16px; }
.message li.submit button:hover{ background:#d10007; }
/*联系我们*/


/*案例列表*/
.case{ position: relative; }
.casefixed{ position: fixed; position: absolute; left:0; top:-120px; width:320px; background:#ffffff; box-shadow:0 0 30px #dcdcdc; }
.casefixed .cftit{ height:120px; line-height:120px; font-size:30px; font-weight:bold; color:#ffffff; background:#006ead; text-align:center; }
.casefixed .cftit span{ font-size:30px; font-weight:bold; margin-right:15px; }
.caseNav{ padding:35px; }
.caseNav .tit{ text-align: left; border-bottom:1px solid #eaeaea; padding:0 25px; line-height:70px; color:#006ead; font-size:18px; font-weight:bold; }
.caseNav .tit span{ float: right; }
.caseNav .sub{ padding:25px; }
.caseNav .sub a{ display: block; line-height:50px; position: relative; color:#666666; font-size:16px; padding-left:25px; }
.caseNav .sub a span{ width:14px; height:14px; position: absolute; left:0; top:50%; margin-top:-7px; border:1px solid #666666; border-radius:50%; }
.caseNav .sub a span:after{ opacity:0; content:""; width:6px; height:6px; border-radius:50%; background:#006ead; position:absolute; left:50%; top:50%; margin:-3px 0 0 -3px; }

.caseNav .sub a:hover,.caseNav .sub a.on{ color:#006ead; }
.caseNav .sub a:hover span,.caseNav .sub a.on span{ border-color:#006ead; }
.caseNav .sub a:hover span:after,.caseNav .sub a.on span:after{ opacity:1; }

.casemain{ padding-left:320px; overflow: hidden; min-height:500px; }

.caselist{ overflow: hidden; margin:7% 0 0 0; }
.caselist li{ float: left; width:48%; margin-right:4%; }
.caselist li .img{ }
.caselist li .img a{ display: block; position: relative; overflow: hidden; }
.caselist li .img a:after{ content:""; position: absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.6); }
.caselist li .img2 a:after{ display:none;}
.caselist li img{ display: block; width:100%;  }
.caselist li .img .ico{ z-index:1; line-height:54px; text-align:center; border-radius:50%; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px; width:60px; height:60px; border:3px solid rgba(255,255,255,0.37); }
.caselist li .img .ico span{ font-size:20px; color:#ffffff; }

.caselist li .txt{ text-align: center; line-height:1; padding:6% 0; }
.caselist li .txt .tit{ color:#343434; font-size:20px; margin-bottom:20px; font-weight:bold; }
.caselist li .txt .adds{ color:#969696; font-size:16px; }
.caselist li .txt .adds span{ color:#006ead; font-size:16px; margin-right:8px; }

.caselist li:hover .txt .tit{ color:#006ead; }


.modal-bg-black{display: none;position: fixed;width: 100%;height: 100%;top:0; left:0;	bottom:0;right:0;z-index: 100000; background-color: rgba(0,0,0,0.7);}
.case-modal{display: none;	position: fixed; width: 100%;height: 100%;	top:0;	left:0;	z-index: 100001; font-size: 0; text-align: center;}
.videomain{display: inline-block;	max-width:70%;	vertical-align: middle; overflow:hidden;}
.case-modal video{	display:block; width: 100%; -webkit-transition: 0.5s 0.3s ease-out;	-o-transition: 0.5s 0.3s ease-out;	transition: 0.5s 0.3s ease-out;}
.case-modal:before{	display: inline-block;	content: "";	width: 0;	height: 100%;	vertical-align: middle;}
.case-modal p{background-color: rgba(0,0,0,0.6);  display: block; width: 100%; height: 60px; text-align: center; line-height: 60px; font-size:18px; color: #fff; }
.case-modal .btn{position: fixed;display: block; width: 40px; height: 60px; border-radius: 5px;	text-align: center;	line-height: 60px; font-family: "Simsun"; font-weight: 100; color: #fff; top:50%; margin-top:-30px; background-color:#333; background-color:rgba(0,0,0,0.6); z-index:200003;}
.case-modal .btn span{ font-size:20px; }
.case-modal .btn.prev{ left:10px;}
.case-modal .btn.next{ right:10px;}
.case-modal .btn.prev:hover,.case-modal .btn.next:hover{ background:#006dac; }

.case-modal .close-btn{	display: block;	position: fixed; text-align:center; color:#ffffff; z-index: 200003; line-height:50px; width: 50px; height: 50px; border-radius: 50%; background: #333; top:10px;right: 10px; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.case-modal .close-btn span{ font-size:20px; }
.case-modal .close-btn:hover{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);	-o-transform: rotate(180deg); transform: rotate(180deg);}
/*案例列表*/

/*案例详情*/
.casebj{ background:#f4f4f4; }

.casetop{ padding:4% 0; }
.casetop .caseban{ width:60%; position: relative; }
.casetop .caseban .swiper-slide a{ position: relative; display: block; background:#000000; }
.casetop .caseban .swiper-slide a>img{  width:100%; display: block; opacity:0.7;
	filter: blur(6px); 
	-webkit-filter: blur(6px); /* Safari/Chrome */
	-moz-filter: blur(6px); /* Firefox */
	-ms-filter: blur(6px); /* IE */
	-o-filter: blur(6px); /* Opera */
}
.casetop .caseban .imgbj{position: absolute; font-size: 0; left:0; top:0; height:100%; width:100%; }
.casetop .caseban .imgbj img{ position: absolute; max-width:100%; max-height:100%; left:0; top:0; right:0; bottom:0; margin: auto;
box-shadow:0 0 30px #000000;  }

.casetop .showvideo{ position: relative; background:#000000; }
.casetop .showvideo video{ position: absolute; left:0; top:0; height:100%; display: block; width:100%; }


.casetop .caseban .swiper-pagination{ line-height:0; bottom:5%; }
.casetop .caseban .swiper-pagination .swiper-pagination-bullet{ margin:0 6px; width:12px; height:12px; border:2px solid #ffffff; background:none; opacity:1; }
.casetop .caseban .swiper-pagination .swiper-pagination-bullet-active{ background:#ffffff; }
.cban-prev,.cban-next{ cursor: pointer; color:#353535; top:50%; margin-top:-32px; text-align:center; line-height:64px; width:48px; height:64px; position: absolute; z-index:100; background:#ffffff; }
.cban-prev span,.cban-next span{ font-size:20px; font-weight:bold; }
.cban-prev{ left:0; }
.cban-next{ right:0; } 

.cban-prev:hover,.cban-next:hover{ background:#006dac; color:#ffffff; }

.casetop .caseinfo{ width:35%; }
.casetop .caseinfo .title{ font-size:32px; font-weight:bold; color:#383838; line-height:1; margin-top:4%; }
.casetop .caseinfo .caseParameter{ overflow: hidden; }
.casetop .caseinfo .caseParameter li{ line-height:1; float: left; margin-top:60px; padding-bottom:24px; width:46%; margin-right:8%; border-bottom:1px solid #e5e5e5; }
.casetop .caseinfo .caseParameter li .tit{ color:#717171; font-size:16px; }
.casetop .caseinfo .caseParameter li .text{ color:#505050; font-size:18px; font-weight:bold; margin-top:18px; }

.casetop .correlation{ overflow: hidden; padding:40px 0; }
.casetop .correlation .tit{ float: left; line-height:150px; color:#505050; font-size:18px; font-weight:bold; }
.casetop .correlationList{ float: left; overflow: hidden; }
.casetop .correlationList li{ float: left; margin-left:20px; overflow: hidden; background:#ffffff; }
.casetop .correlationList li img{ display: block; height:150px; }

.caseBtn{ overflow: hidden; }
.caseBtn a{ float:left; color:#ffffff; height:70px; border-radius:35px; overflow: hidden; width:48%; padding-left:8%; }
.caseBtn a.btn01{ background:#006dac; }
.caseBtn a.btn01:hover{ background:#d10007; }
.caseBtn a.btn02{ background:#383838; margin-left:4%; }
.caseBtn a .iconfont{ float: left; height:70px; line-height:70px; font-size:36px; }
.caseBtn a .text{ float: left; line-height:70px; font-size:18px; font-weight:bold; margin-left:16px; }
.caseBtn a.btn02 .text{ padding:10px 0; }
.caseBtn a.btn02 .text .tit{ font-size:14px; line-height:20px; }
.caseBtn a.btn02 .text .info{ font-size:18px; font-weight:bold; line-height:30px;}

.casetxt{ color:#7d7d7d; font-size:16px; line-height:1.8; margin:3% 0 4% 0; }

.casetit{ color:#006dac; font-size:36px; line-height:1.2; font-weight:bold; }
.casetit{ margin-top:4%; }

.casePaging{ overflow: hidden; color:#5e5e5e; font-size:16px; line-height:70px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; }
.casePaging .prev{ width:33.33%; }
.casePaging .return{ width:33.33%; text-align: center; background:#006dac; color:#ffffff; }
.casePaging .return a{ display: block; }
.casePaging .return:hover{ background:#d10007; }
.casePaging .next{ width:33.33%; text-align: right; }

.casePaging .prev a:hover,.casePaging .next a:hover{ color:#006dac; text-decoration:underline; }
/*案例详情*/

/*招生加盟*/
.prospectbj{ overflow: hidden; background:url(../images/prospectbj.jpg) no-repeat center center; background-size:cover; }

.prospect{ position: relative; margin-bottom:5%; }
.prospect .prospectList{ width:36%; top:50%; margin-top:-107px; position:absolute; }
.prospect .prospectList01{ left:0; }
.prospect .prospectList02{ right:0; }
.prospect .prospectList li{ padding:15px 0; padding-left:60px; position: relative; border-bottom:2px solid #ebebeb; color:#424242; font-size:18px; overflow: hidden; }
.prospect .prospectList li .num{ position: absolute; left:0; top:15px; color:#000000; line-height:60px; font-size:36px; font-weight:bold; }
.prospect .prospectList li .text{ line-height:30px; height:60px; display:flex; align-items: center; }
.prospect .prospectList li:last-child{ margin-top:30px; }

.prospect .img{ width:23%; padding:23px; border-radius:50%; margin:0 auto; position: relative; }
.prospect .img:after{ content:""; width:100%; height:100%; border-radius:50%; position: absolute; left:0; top:0; border:2px dashed #d2d2d2; 
	animation: rotate 10s infinite linear; margin:-1px 0 0 -1px; }
.prospect .img img{ display: block; width:100%; }
.prospect .img .img_logo{ position: absolute; left:0; top:0; width:100%; display: block; }

.joinbj{ background:url(../images/joinbj.jpg) no-repeat center center; background-size:cover; overflow: hidden; }

.joinList{ overflow: hidden; margin-top:-3%; margin-bottom:5%; }
.joinList li{ float: left; padding:3.5% 0; width:31%; margin-right:3.5%; margin-top:3%; background:#ffffff; }
.joinList li .ico{ width:86px; margin:0 auto; }
.joinList li .ico img{ display: block; width:100%; }
.joinList li .txt{ text-align:center; }
.joinList li .txt .tit{ font-size:24px; line-height:1; margin:8% 0; color:#000000; font-weight:bold; }
.joinList li .txt .info{ font-size:16px; line-height:30px; height:60px; padding:0 10%; }

.joinList li:nth-child(2n){ background:#006ead; }
.joinList li:nth-child(3n){ margin-right:0; }

.joinList li:nth-child(2n) .tit{ color:#ffffff; }
.joinList li:nth-child(2n) .info{ color:#b2d9f0; }

.provide{ overflow: hidden; margin-bottom:5%; }
.provide li{ width:31%; margin-right:3.5%; float: left; }
.provide li .img img{ width:100%; }
.provide li .txt{ text-align:center; }
.provide li .txt .tit{ color:#000000; font-size:24px; font-weight:bold; margin:8% 0 3% 0; }
.provide li .txt .info{ color:#424242; font-size:16px;  }

.processbj{ background:#f6f8fc; overflow: hidden; }
.process{ margin:5% 0;}

.processList{ overflow: hidden; position: relative; }
.processList li{ float:left; height:100px; line-height:100px; width:22%; margin-right:17%; text-align:center; }
.processList li>div{ display: inline-block; }
.processList li .ico{ float: left; font-weight:bold; }
.processList li .ico span{ font-size:32px;
	background: linear-gradient(to bottom right, #fcfdfe, #dceaf3);
	-webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.processList li .tit{ float: left; font-size:20px; font-weight:bold; color:#ffffff; margin-left:20px; }

.processList li.li01{ background:#006dac url(../images/process01.jpg) no-repeat right center; background-size:auto 100%; }
.processList li.li02{ background:#006dac url(../images/process02.jpg) no-repeat right center; background-size:auto 100%; }
.processList li.li03{ background:#006dac url(../images/process03.jpg) no-repeat right center; background-size:auto 100%; }

.process_ico{ position: absolute; top:50%; margin-top:-20px; width:40px; height:40px; background:url(../images/process_ico.jpg) no-repeat center center; background-size:cover; }
.process_ico01{ left:30.5%; margin-left:-20px; }
.process_ico02{ right:30.5%; margin-right:-20px; }

.joinMessagebj{ background:url(../images/joinMessage.jpg) no-repeat center center; background-size:cover; }
.joinMessage{ margin:5% 0;}
/*招生加盟*/

/*品牌*/
.brand_txt{ text-align:center; margin:5% 0; }
.brand_txt .tit{ color:#000000; font-size:48px; font-weight:bold; line-height:1; }
.brand_txt .info{ color:#414141; font-size:20px; padding:0 8%; line-height:2; margin-top:3%; }

.brandList{ overflow: hidden; }
.brandList li{ float: left; width:50%; }
.brandList li img{ display: block; width:100%; }

.brandList{ overflow: hidden; }
.brandList li{ float: left; width:50%; position: relative; }
.brandList li a{ display: block; overflow: hidden; }
.brandList li img{ display: block; width:100%; }
.brandList li .txt{ line-height:1.5; position: absolute; left:16%; top:12%; height:100%;  color:#ffffff; writing-mode: vertical-rl; }
.brandList li .txt .tit{ font-size:36px; }
.brandList li .txt .info{ font-size:16px; }
.brandList li .hmore{ position: absolute; bottom:16%; left:16%; }


.brand_img{ width:100%; position: relative; }
.brand_img img{ display: block; width:100%; }
.brand_img .txt{ position: absolute; text-align:center; left:0; top:90px; width:100%; }
.brand_img .txt span{ display: inline-block; margin:0 10px; font-size:20px; font-weight:bold; color:#ffffff; width:240px; height:60px; line-height:60px; text-align: center; background:url(../images/brand_img.png) no-repeat center center; background-size:cover; }

.qualificationsMain{ padding:0 84px; position: relative; margin-bottom:5%; }
.qualifications{ position: relative; overflow: hidden; }
.qualifications ul { position: relative; }
.qualifications li{ width:350px; float: left; padding:0 20px; }
.qualifications li img{ display: block; width:100%; border:1px solid #e5e5e5;}

.q-prev,.q-next{ width:56px; height:56px; margin-top:-28px; position: absolute; cursor:pointer; top:50%; text-align:center; line-height:56px; background:#5b5b5b; border-radius:50%; }
.q-prev span,.q-next span{ color:#ffffff; font-size:32px; }
.q-prev{ left:0; }
.q-next{ right:0; }

.q-prev:hover,.q-next:hover{ background:#006ead; }
/*品牌*/


/*VC*/
.nyban .banBtn{ position:absolute; text-align: center; left:0; width:100%; bottom:10%; }
.nyban .banBtn .btn{ width:48%; margin:0 auto; }
.nyban .banBtn a{ float: left; width:48%; margin-right:4%; height:45px; line-height:45px; background:#ffffff; color:#000000; font-size:16px; }
.nyban .banBtn a span{ font-size:14px; margin-left:28px; }
.nyban .banBtn a.a1{ border:1px solid #ffffff; background:none; color:#ffffff; line-height:43px; }
.nyban .banBtn a.a1:hover{ background:#006dac; border-color:#006dac; color:#ffffff; }
.nyban .banBtn a.a2{ margin-right:0; }
.nyban .banBtn a.a2:hover{ background:#006dac; color:#ffffff; }

.vcimg{ position: relative;}
.vcban{ height:100%; }
.vcban .swiper-slide{ height:100%; position: relative; }
.vcban .swiper-slide video{ position: absolute; width:100%; height:100%; object-fit:cover; }

.vcban .vctu{ position: absolute; width:100%; height:100%; }
.vcban .vctu .swiper-slide{ height:100%; }

.imgtxt{ position:absolute; top:55%; margin-top:-100px; width:100%; overflow: hidden; color:#ffffff; text-shadow:2px 2px 4px #333333;}
.imgtxt .txt{ width:45%; }
.imgtxt .txt.fr{ text-align:right; }
.imgtxt .tit{ line-height:60px; font-size:24px; font-weight:bold; }
.imgtxt .info{ line-height:40px; font-size:16px; }


.swiper-slide2{ position: relative; }
.swiper-slide2:after{ content: ""; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.3) 70%, rgba(0,0,0,0.5) 85%, rgba(0,0,0,0.8) 100%); left: 0; top: 0; z-index:10;}

.vctop{ top:10%; left:0; width:100%; position: absolute; text-align:center; z-index:100; color:#ffffff; }
.vctop .tit{ font-size:60px; }
.vctop .info{ font-size:18px; margin-top:18px; }
.vctop .tit2{ color:#000000; }

.vcinfo{ position:absolute; left:0; z-index:100; width:100%; line-height:85px; bottom:0; text-align:center; color:#ffffff; font-size:16px; }
.vcbottom{ left:0; bottom:70px; width:100%; position: absolute; z-index:100; }

.vcban_nav{ width:81%; margin:0 auto; text-align:center; overflow: hidden; }
.vcban_nav li{ cursor:pointer; float:left; width:33.33%; font-weight:bold; line-height:85px; font-size:24px; color:#bbbcbe; border-bottom:3px solid rgba(255, 255, 255, 0.29); }
.vcban_nav li.on{ color:#ffffff; border-color:#006dac; }
.vcban_nav li:hover{ color:#ffffff; }
.vcban_nav2{ width:54%; }
.vcban_nav2 li{ width:50%; }

.vccontent{ position: absolute; left:0; top:0; width:100%; height:100%; display: flex; align-items: center; }

.vctxt{ margin:0 auto; width:80%; margin-top:140px; overflow: hidden; }
.vctxt2{ margin-bottom:140px; margin-top:0 !important; }
.vctxt3{ margin-top:0 !important; }

.vctxt .tit{ color:#ffffff; font-size:22px; font-weight:bold; line-height:2; margin-top:60px; }
.vctxt .vcico{ overflow: hidden; width:500px; }
.vctxt .vcico li{ width:70px; float: left; margin-right:30px; }
.vctxt .vcico li .ico{ width:40px; border:2px solid #ffffff; border-radius:50%; margin:20px auto; overflow: hidden; }
.vctxt .vcico li .ico img{ display: block; width:100%; }
.vctxt .vcico li .name{ text-align:center; color:#ffffff; font-size:14px; line-height:1; }

.vcimg06{ background: linear-gradient(to bottom,#f6f7f7,#ffffff); position: relative; overflow: hidden; }
.vcimg06 .entit{ position:absolute; width:100%; text-transform:uppercase; top:50%; margin-top:-100px; font-size:200px; line-height:1; font-weight:bold; text-align:center; color:#f1f3f4; font-family:Arial; }

.colourMain{ position: relative; }

.colour .swiper-slide{ width:33.33%; overflow: hidden;  }
.colour .swiper-slide img{ height:420px; margin:70px auto; display: block; }
.colour .swiper-slide-active img{ height:560px; margin:0 auto !important; }
.colour .colour-next,.colour .colour-prev{ cursor:pointer; border-radius:5px; line-height:60px; text-align:center; background:#006dac; color:#ffffff; width:40px; height:60px; position: absolute; top:50%; margin-top:-30px; z-index:10; }
.colour .colour-next span,.colour .colour-prev span{ font-size:24px; }
.colour .colour-next{ right:0; }
.colour .colour-prev{ left:0; }
.colour .colour-next:hover,.colour .colour-prev:hover{ background:#d10007;}

.colour_nav{ overflow: hidden; margin-top:3%; text-align:center; }
.colour_nav li{ opacity:1; background:none; height:48px; width:auto; border-radius:24px; padding:10px 20px; display:inline-block; margin:0 5px; cursor:pointer; }
.colour_nav li .ico{ width:28px; height:28px; border-radius:50%; float: left; }
.colour_nav li .tit{ float: left; line-height:28px; color:#333333; font-size:16px; margin-left:16px; }

.colour_nav li:hover,.colour_nav li.swiper-pagination-bullet-active{ background:#f8f7f7; }
.colour_nav li .ico1{ background:#ffffff; border:1px solid #f0f0f0; }
.colour_nav li .ico2{ background:#0a0607; }
.colour_nav li .ico3{ background:#e0d0b7; }
.colour_nav li .ico4{ background:#4f5458; }
.colour_nav li .ico5{ background:#89232e; }
.colour_nav li .ico6{ background:#968162; }
.colour_nav li .ico7{ background:#b8935c; }
.colour_nav li .ico8{ background:#5f432b; }
.colour_nav li .ico9{ background:#4a6882; }
.colour_nav li .ico10{ background:#9d9d95; }
.colour_nav li .ico11{ background:#bc9e78; }
.colour_nav li .ico12{ background:#184d3b; }
.colour_nav li .ico13{ background:#7c614c; }


.colour_nav li .icos1{ background:#f6f7f9; border:1px solid #f0f0f0; }
.colour_nav li .icos2{ background:#0a0506; }
.colour_nav li .icos3{ background:#d8c9b3; }
.colour_nav li .icos4{ background:#4b5156; }
.colour_nav li .icos5{ background:#84222c; }

.vcimg07{ background: linear-gradient(to bottom,#1b1b1b,#323232); padding:2% 0; overflow: hidden; }

.vctit{ font-size:60px; text-align:center; line-height:1; margin:4% 0;  color:#000000; }

.parameterTop{ overflow: hidden; overflow: hidden; margin-bottom:2.5%; height:60px; }
.vctit2{ text-align:left; color:#ffffff; margin:0 !important;  }

.parameterNav{ overflow: hidden; width:47%; }
.parameterNav li{ text-align:center; font-weight:bold; float: left; cursor:pointer; border:1px solid #6d6d6d; width:18.4%; margin-right:2%; line-height:58px; height:60px; color:#b3b3b4; font-size:24px; }
.parameterNav li:last-child{ margin-right:0; }
.parameterNav li.on{ border-color:#006dac; color:#006dac; }
.parameterNav li:hover{ color:#006dac; }

.parameterNav02 li{ width:15%; }


.parameterMain .imgMain{ width:47%; }
.parameterMain .img img{ display: block; width:100%; }
.parameterMain .img .info{ padding-top:5%; overflow: hidden; color:#ffffff; font-size:16px; line-height:2.4; }
.parameterMain .img .info p{ padding-left:10%; float: left; width:50%; }

.parameterMain .txtMain{ width:47%; overflow: hidden;  }
.parameterMain .txt ul{ float: left; width:50%; }
.parameterMain .txt ul li{ float: left; width:100%; line-height:30px; margin-bottom:15px; }
.parameterMain .txt2 ul li{ margin-bottom:30px; }

.parameterMain .txt ul li:last-child{ margin-bottom:0; }
.parameterMain .txt ul li .tit{ color:#737272; font-size:16px; }
.parameterMain .txt ul li .text{ color:#ffffff; font-size:16px; font-weight:bold; }

.vcimg,.vcimg06,.vcimg07{ margin-top:2%; }

.bj{ height:100%; width:33.33%; float: left; }

/*VC*/

/*VL*/
.vltit{ color:#000000; font-size:60px; text-align:center; line-height:1; margin:5% 0; }

.vlban{ width:94%; margin:0 auto; }
.vlban img{ display: block; width:100%; }

.vlban .vltu{ width:100%; }
.vlban .vltu .swiper-slide{ width:100%; }
.vlban .vltu img{ width:100%; display: block;}

.vlban_nav{ overflow: hidden; width:85%; margin:1% auto 6% auto; }
.vlban_nav li{ width:31%; margin-right:3.5%; float: left; cursor:pointer; }
.vlban_nav li .tit{ color:#b3b3b4; font-size:24px; font-weight:bold; line-height:70px; border-bottom:2px solid #c2c3c5; }
.vlban_nav li .info{ color:#b3b3b4; font-size:16px; line-height:2; margin-top:24px; }
.vlban_nav li:last-child{ margin-right:0; }

.vlban_nav li.on .tit{ color:#006dac; border-color:#006dac; }
.vlban_nav li.on .info{ color:#393939; }
.vlban_nav li:hover .tit{ color:#006dac;}

.vlban_nav02 li,.vlban_nav03 li{ width:48%; margin-right:4%; }
/*VL*/


/*Map*/
.mainmap{ overflow:hidden; position:relative; }

.mainmap .map{ width:100%;  }

.exhibition{ padding-top:157px; position: absolute; height:90%; top:5%; left:2%; background:#ffffff; z-index:10; width:430px; }
.exhibition_top{ width:100%; top:0; position: absolute; left:0; top:35px; padding:0 35px; }
.exhibition_tit{ color:#000000; font-size:30px; margin-bottom:30px; font-weight:bold; line-height:1; }
.exhibition_select{ width:100%; position: relative; border:1px solid #e5e5e5; height:42px; border-radius:5px; }
.exhibition_select select{ width:100%; position: relative; z-index:1; background:none; height:40px; padding:0 15px; font-size:16px; color:#343434; }
.exhibition_select .ico{ width:42px; height:42px; text-align:center; line-height:42px; position: absolute; right:0; top:0; }
.exhibition_select .ico span{ font-size:16px; }

.exhibition_list{ overflow:auto; height:100%; padding:0 35px; }
.exhibition_list li{ float: left; border-radius:5px; margin-bottom:15px; padding:25px 25px 20px 50px; width:100%; background:#f5f5f5; }
.exhibition_list li .tit{ position:relative; color:#343434; font-size:18px; line-height:20px; font-weight:bold; }
.exhibition_list li .tit .ico{ text-align:center; color:#ffffff; background:#006ead; font-size:14px; font-weight:normal; position: absolute; left:-30px; top:0; width:20px; line-height:20px; height:20px; border-radius:50%; }
.exhibition_list li .info{ color:#818181; font-size:14px; line-height:30px; margin:15px 0; }
.exhibition_list li .btn{ overflow: hidden; }
.exhibition_list li .btn a{ float: right; width:130px; color:#006ead; text-align:center; height:30px; line-height:28px; border-radius:3px; border:1px solid #006ead; }

.exhibition_list li:hover{ background:#006ead; }
.exhibition_list li:hover .tit{ color:#ffffff; }
.exhibition_list li:hover .tit .ico{ background:#ffffff; color:#006ead; }
.exhibition_list li:hover .info{ color:#ffffff; }
.exhibition_list li:hover .btn a{ border-color:#ffffff; color:#ffffff; }
.exhibition_list li .btn a:hover{ background:#ffffff; color:#006ead; }

.exhibition_list::-webkit-scrollbar-track-piece {  background-color:#b0b0b0; border-radius:5px; }
.exhibition_list::-webkit-scrollbar { width:9px; height:9px; }
.exhibition_list::-webkit-scrollbar-thumb { border-radius:5px; background-color:#006dac; background-clip:padding-box; min-height:28px; }
.exhibition_list::-webkit-scrollbar-thumb:hover{ background-color:#bbb; }

.pupupMessage{ display:none; height:740px; position: fixed; top:50%; left:50%; margin-top:-370px; margin-left:-340px; width:680px; z-index:201; }
.pupupMessage .close{ cursor:pointer; position: absolute; color:#9d9d9d; top:20px; right:20px; width:40px; border-radius:50%; height:40px; border:1px solid #9d9d9d; text-align:center; line-height:38px; }
.pupupMessage .close span{ font-size:20px; }
.pupupMessage .close:hover{ color:#006dac; border-color:#006dac; }
.pupupMessage .quotation{ margin:0; width:100%; padding:60px; border-radius:0; }

.etit{ font-size:16px; padding:0 5px; line-height:1.4; }
/*Map*/

/*Tag*/
.taginfo{ font-size:16px; color:#333333; margin:1.5% 0; text-align:center; }
.taginfo span{ color:#006ead; }
.taglist{ overflow: hidden; margin-bottom:3%; min-height:500px; }
.taglist li{ padding:1% 1.5%; margin-bottom:1%; float: left; width:100%; border:1px solid #dcdcdc; }
.taglist li .tit{ font-size:18px; color:#333333; font-weight:bold; }
.taglist li .tit:hover{ color:#006ead; }
.taglist li .info{ font-size:16px; color:#333333; margin-top:0.5%; }
/*Tag*/


.animated{opacity: 0;}

.header,.header .tel,.header .tel span,.header .lang,.header .lang span,.header .nav>li>a,.header .logo .logo01,.header .logo .logo02,.header .nav>li>a,.header .lang,
.subProd .spMain .txt .tit,.subProd .spMain .btn a,.hbtn a,.hprod li .btn a,.prodban_nav li,.hmore,.experienceban_nav li .content,.experienceban_nav li .ico,
.experienceban_nav li .tit,.qlist li .build label,.qlist li .landing label,.copy a,.fbtn a,.hclist .swiper-slide .txt,.qlist li.submit button,.rlist li.submit button,
.opinionForm li.submit button,.nynav a,.newslist li .txt,.newslist li .txt .time,.newslist li .txt .tit,.newslist li .txt .tit:after,.newslist li .txt .info,
.newslist li .txt .more,.newslist li .txt .more span,.paging a,.showTop .return a,.showLeft .tag a,.showsxp a,.rnlist li .txt .tit,.rnlist li .txt .time,
.caseTag a,.sclist li .txt .tit,.vclist li .txt .tit,.smore a,.message li .build label,.message li .landing label,.message li.submit button,.caseNav .sub a,
.caseNav .sub a span,.caseNav .sub a span:after,.caselist li .txt .tit,.cban-prev,.cban-next,.caseBtn a.btn01,.casePaging .prev a,.casePaging .next a,.casePaging .return,
.q-prev,.q-next,.nyban .banBtn a,.vcban_nav li,.colour_nav li,.parameterNav li,.vlban_nav li .tit,.exhibition_list li,.exhibition_list li .tit,.exhibition_list li .tit .ico,
.exhibition_list li .info,.exhibition_list li .btn a,.exhibition_list li .btn a,.pupupMessage .close,.colour .colour-next,.colour .colour-prev,.nav>li .sub02 a,.taglist li .tit
{transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}


.hprod li img,.hclist .swiper-slide .img img,.newslist li img,.rnlist li .img img,.sclist li .img img,.vclist li img,.caselist li img,
.casetop .correlationList li img,.brandList li img{
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
}

.hprod li:hover img,.hclist .swiper-slide-active:hover .img img,.newslist li:hover img,.rnlist li:hover .img img,.sclist li:hover .img img,
.vclist li:hover img,.caselist li:hover img,.casetop .correlationList li:hover img,.brandList li:hover img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}


.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;
-o-animation-delay:.2s;-ms-animation-delay:.2s;}
.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;
-o-animation-delay:.4s;-ms-animation-delay:.4s;}
.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;
-o-animation-delay:.6s;-ms-animation-delay:.6s;}
.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;
-o-animation-delay:.8s;-ms-animation-delay:.8s;}
.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;
-o-animation-delay:1s;-ms-animation-delay:1s;}


.clippingOne{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.clippingTwo{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; }
.clippingThree{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; }


@keyframes rotate {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(360deg);
	}
}
  