@charset "utf-8";@import url('../../css/fonts.css');
*{margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all;}
a,.pager a font,#fp-nav ul li a span,.indexrighticon li .icon p,.fixtop,.indmore:before,#indexPage .section3 .cons .in li .pic p,#indexPage .section5 .item .cons,#indexPage .section5 .item:before,#indexPage .section5 .item .pcover,.bgline i,.navbar,.honor dd .pic p,.news li .pic a p,.product li:before,.product li .in .cons,.product li p,.show5 a:before,.service .owl-carousel .owl-nav
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
#indexPage .section5 .item:Hover .pcover,.honor dd:Hover .pic p,.news li:hover .pic a p,.product li:Hover p
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
#indexPage .section5 .item,.history li,.history li .num,.product li,.show3 .col .c td,.aftersale li,.job li .t,.message .mmid dd
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.abc
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#fff;line-height:1.8;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Source Han Sans','Microsoft YaHei','微软雅黑';}
html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:15px;color:#333;font-weight:400}a {color:#333}b,strong {font-weight:700}
a:hover,#indexPage .section3 .cons .in li:Hover .title a,.honor dd:hover .title a,.news li:hover .cons .title a,.prevnext .prev a:hover,.prevnext .next a:hover{color:#00afec}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}
.table .td { display:table-cell; vertical-align:middle;}
.vcenter{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}.list-paddingleft-2{margin:0 0 0 20px;}.list-paddingleft-2 li { list-style:inherit;}
hr {border:0; background:#073190;height:1px;margin:0px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:80px 0 0 0;text-align:center}
.pager {width:100%; } 
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:2px 5px;width:30px; height:30px; line-height:28px; background:none;text-align: center;border-radius:4px;}   
.pager font {font-family:'宋体';font-weight:900;margin:0;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#00afec; background: #00afec} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;font-weight:400;color:#666;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 33px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 3px}

::-webkit-scrollbar {width: 10px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #ccc;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #EDEDED;}

::-webkit-input-placeholder {color:#666666;}
:-moz-placeholder {color:#666666; } 
::-moz-placeholder { color:#666666; } 
:-ms-input-placeholder {color:#666666; }

::selection {background:#00afec;color:#ffffff;}
::-moz-selection {background:#00afec;color:#ffffff;}
::-webkit-selection {background:#00afec;color:#ffffff; }

.di {float:left;}
.dipage {float:left;}

.wrap {margin:0 auto;max-width:1145px;position:relative;}
.wrap1 {margin:0 2.5%;position:relative;}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 9990; height:65px;}
.fixtop .logo  { background:url("../images/logo.png");width:104px; height:31px; background-size:100%;float:left;margin:17px 0 0 0}
.fixtop .logo a {display:block;width:100%;height:100%}
.fixtop .navpc {text-align:right;}
.fixtop .navpc li {display:inline-block; vertical-align:top; position: relative;}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top; height:65px; line-height:80px;font-size:16px;padding:0 25px;color:#fff}
.fixtop .navpc li.check a.a,.fixtop .navpc li:hover a.a,.fixtop ul.navpc li:Hover>a.a {background:#fff;color: #00afec}
.fixtop .navpc li .list { position:absolute; z-index: 9999; left:0;width:170px;top:65px; display: none; background:rgba(255,255,255,1); text-align:left; padding:10px 10px 15px 25px}
.fixtop .navpc li .list4 {width:230px}
.fixtop .navpc li .list5 {width:150px}
.fixtop .navpc li .list dd p {margin:0;padding:0}
.fixtop .navpc li .list dd p a {font-size:14px; line-height: 24px;display: block; padding:5px 0;}
.fixtop .navpc li .list dd p a:hover {color: #00afec;}
.fixtop .navpc li.en a {font-size:12px;margin:31px 0 0 8px;background:#31bdef;color:#fff;opacity:0.6;display: inline-block;height:20px; line-height: 19px;border-radius:20px;padding:0 10px}
.fixtop .navpc li.cn a {margin-left:25px}
.fixtop .navpc li.en a:hover,.fixtop .navpc li.lancheck a {opacity:1;background:#31bdef;color:#fff}

.fixtop.active {background: -moz-linear-gradient(left, #00afec 0%, #008cd6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00afec), color-stop(100%,#008cd6));
    background: -webkit-linear-gradient(left, #00afec 0%,#008cd6 100%);
    background: -o-linear-gradient(left, #00afec 0%,#008cd6 100%);
    background: -ms-linear-gradient(left, #00afec 0%,#008cd6 100%);
    background: linear-gradient(to right, #00afec 0%,#008cd6 100%);}

#indexPage .section1 .item {position:relative;height:100vh;}
#indexPage .section1 .item .cons {position:absolute;left:-80px;top:0;width:100%;height:100%; z-index: 200; text-align: center}
#indexPage .section1 .item .cons .mleft {width:175px; height: 175px; background: rgba(0,175,236,0.5) url("../images/logo_pics.png") no-repeat center;display:inline-block; vertical-align: top;}
#indexPage .section1 .item .cons .mright {height: 175px; background: rgba(255,255,255,0.8);display:inline-block; vertical-align: top;padding:0 60px}
#indexPage .section1 .item .cons .mright .t {font-weight:700;color:#00afec;font-size:38px; line-height: 48px;}
#indexPage .section1 .item .cons .mright .c {font-size:19px; line-height: 1.6;color:#000;margin:10px 0 0 0;font-weight:300}

#indexPage .section1 .item.item5 .mleft {height:250px}
#indexPage .section1 .item.item5 .mright {max-width:800px;height:250px}

.indexrightmenu { position:absolute;right:2.5%;top:50%;margin-top:-170px; z-index: 999}
.indexrightmenu .menu li{margin-top:-1px}
.indexrightmenu .menu li a{ display: block; background: url("../images/1.png");width:122px;font-size:13px; height: 37px; line-height: 36px; background-size:100%; text-align: center;color:#fff;position: relative; z-index: 0}
.indexrightmenu .menu li a:hover,.indexrightmenu .menu li.active a{ background: url("../images/2.png"); z-index: 1;}
.indexrightmenu.active .menu li a{background: url("../images/8.png");color:#666;}
.indexrightmenu.active .menu li a:hover,.indexrightmenu.active .menu li.active a{ background: url("../images/2.png");color:#fff}

#indexPage .section2 .cons { text-align: right; position: absolute;top:0;width:100%}
#indexPage .section2 .cons .wrap {max-width:60%}
#indexPage .section2 .cons .in {display:inline-block; vertical-align: top;margin:15% -100px 0 auto;width:570px; text-align: center;}
#indexPage .section2 .cons .in .t {font-size:59px; line-height: 69px;font-weight:500;}
#indexPage .section2 .cons .in .t2 {font-size:22px; line-height: 32px;margin:40px 0}
#indexPage .section2 .cons .in .c {font-size:16px;margin:0 0 60px 0; text-align: center}
#indexPage .section2 .cons .in .indmore {text-align:center;margin:0 auto}
.indmore { position: relative;width:160px; height:40px; background-size:100%;text-align: center; line-height: 38px; z-index: 2}
.indmore:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%;background:url("../images/more.png"); z-index: 1;opacity:0.8}
.indmore a {color:#fff;font-size:20px; font-weight:300; position: relative; z-index: 3; display: block}
.indmore:Hover:before {opacity:1}

#indexPage .section3 .cons { text-align:center; position: relative;top:30px}
#indexPage .section3 .cons .in {margin:0 auto; background: rgba(255,255,255,0.5);padding:55px 30px 40px 30px;}
#indexPage .section3 .cons .in .t {font-size:59px; line-height: 69px;font-weight:500;color:#00afec}
#indexPage .section3 .cons .in .c {font-size:25px; line-height: 35px;margin:20px 0 40px 0}
#indexPage .section3 .cons .in ul {text-align:center}
#indexPage .section3 .cons .in li {display:inline-block; vertical-align: top;margin:0 0 0 80px}
#indexPage .section3 .cons .in li:nth-child(1) {margin:0}
#indexPage .section3 .cons .in li .pic { position:relative;width:107px;height: 121px;margin:0 auto 20px auto}
#indexPage .section3 .cons .in li .pic p { background-position: top;}
#indexPage .section3 .cons .in li:hover .pic p {background-position:bottom}
#indexPage .section3 .cons .in li .title {max-width:80px; line-height: 25px;margin:0 auto}
#indexPage .section3 .cons .in li .title a {font-size:17px;}
#indexPage .section3 .cons .in .indmore {margin:40px auto 0 auto}

#indexPage .section4 .cons { text-align:center; position: relative;top:30px}
#indexPage .section4 .cons .in {margin:0 auto;background: rgba(255,255,255,0.8);padding:55px 30px 40px 30px;}
#indexPage .section4 .cons .in .t {font-size:59px; line-height: 69px;font-weight:500; color:#00afec}
#indexPage .section4 .cons .in .t2 {font-size:25px; line-height: 35px;margin:40px 0}
#indexPage .section4 .cons .in .c {font-size:17px;margin:0 auto 60px auto; line-height: 2;max-width:80%;}
#indexPage .section4 .cons .in .indmore {text-align:center;margin:0 auto}

#indexPage .section5 .subject {text-align:center;margin-top:30px}
#indexPage .section5 .subject .t {font-size:59px; line-height: 69px;font-weight:500;color:#00afec}
#indexPage .section5 .subject .c {font-size:25px; line-height: 1.6;margin:10px 0 8% 0;color:#b3b3b3;}
#indexPage .section5 .owl-carousel {border-right:1px solid #eee}
#indexPage .section5 .item {border:1px solid #eeeeee;margin:0 -1px 0 0;padding:60px 30px; position: relative}
#indexPage .section5 .item:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; z-index: 180;background:rgba(0,175,236,0.6);opacity:0}
#indexPage .section5 .item .in {padding:50% 0; position: relative;}
#indexPage .section5 .item .in a { display: block;}
#indexPage .section5 .item .cons {position:absolute;left:0;top:0;width:90%;padding:0 5%;height:100%; z-index: 200; text-align: center;color:#fff; opacity:0;font-size:18px; line-height: 28px}
#indexPage .section5 .item:hover:before {opacity:1}
#indexPage .section5 .item:hover .cons {opacity:1}

.topblank {height:65px}
.bannerin {padding:13% 0}
.mainsubject1 {text-align:center;}
.mainsubject1 .t {font-size:42px; line-height: 52px;font-weight:500;color:#00afec; padding:60px 0 20px 0;}
.mainsubject1 .c {font-size:25px;color:#666; line-height: 1.6; max-width:800px;margin:0 auto}
.about {margin:0 0 130px 0}
.about .wrap {max-width:920px}
.about .content {font-size:17px;color:#666;margin:40px 0 0 0; line-height: 2}
.about_pic {padding:12.5% 0}
#myvideo {object-fit:cover; width:100%; height: 100%}
.videos{position: relative; text-align:center;margin-top:40px}
.videos video {border-radius:25px}
.video-btn{ cursor:pointer;position: absolute; z-index:1;opacity:1;left: 50%;top:50%;background:url(../images/play.png) no-repeat center; background-size:cover;width:100px; height:100px;margin:-50px 0 0 -50px}
.video-btn.active {opacity:0;width:0; height:0;margin:0}
.video-sp{width: 100%;}
video::-webkit-media-controls {opacity:0}
video::-webkit-media-controls:Hover {opacity:1}

.bgline { position:absolute;bottom:0;left:0;width:100%; text-align: center; height:2px; z-index:-1}
.bgline i {width:0; height: 100%; background: #00afec; display: block;margin:0 auto}
.navbar { background: #f0f0f0;text-align: center; position: relative; z-index: 100}
.navbar.active { position:fixed;left:0;top:65px; z-index: 999;width:100%}
.navbar-nav li {display:inline-block; vertical-align: top;position:relative;}
.navbar-nav li a { display: block;color:#666; position: relative; height: 65px; line-height:63px;padding:0 30px}
.navbar-nav-adv li a {padding:0 25px}
.navbar-nav li.active .bgline i,.navbar-nav li:hover .bgline i{width:100%}
.navbar-nav li.active a,.navbar-nav li:hover a {color:#00afec}
.namemj {height:0; position:relative;top:-135px}

.mainsubject2 {text-align:center;padding:70px 0 0 0}
.mainsubject2 .wrap {max-width:960px}
.mainsubject2 .icon {width:50px;height:50px;border-radius:50%; color:#fff;margin:0 auto;
    background: -moz-linear-gradient(top, #008cd6 0%, #009fe3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008cd6), color-stop(100%,#009fe3));
    background: -webkit-linear-gradient(top, #008cd6 0%,#009fe3 100%);
    background: -o-linear-gradient(top, #008cd6 0%,#009fe3 100%);
    background: -ms-linear-gradient(top, #008cd6 0%,#009fe3 100%);
    background: linear-gradient(to bottom, #008cd6 0%,#009fe3 100%);
}
.mainsubject2 .icon p{font-size:28px; line-height:53px; font-family: "iconfont" !important;}
.mainsubject2 .t,.mainsubject2 .cons h3 {font-size:35px; line-height: 45px;font-weight:500;color:#00afec;margin:15px 0 15px 0; }
.mainsubject2 .t2 {font-size:19px;}
.mainsubject2 .cons {text-align:left;font-size:17px;color:#666; line-height: 2;margin:35px 0 0 0}
.mainsubject2 .cons hr {height:0;border-top:2px dashed #ccc;margin:40px 0; background: none;}
.adv1 {text-align:center; background: #b7e2f9;padding:65px 0;margin:50px 0 0 0}
.mainsubject2_ad4 {padding-top:85px}
.adv4 {padding:10.5% 0;margin:70px 0 0 0}
.adv5 {margin:60px 0 0 0}
.culture .content {margin:80px 0 0 0}
.history {margin:80px 0 120px 0; position: relative}
.history:before {content:''; position: absolute;left:50%;top:0;width:16px;height: 16px;border:2px solid #bbb;border-radius:50%;margin-left:-10px; background: #fff; z-index: 100}
.history:after {content: "\e87e"; position: absolute;bottom:-20px;margin-left:-25px;left:50%;font-family: "iconfont" !important;font-size:50px; line-height: 50px;color:#bbb; z-index: 100}
.history ul{ position:relative;padding:120px 0 100px 0}
.history ul:before {content:''; position: absolute;top:0;left:50%;margin:0 0 0 -1px;width:2px; height: 100%; background: #ccc}
.history li {width:50%;text-align:right; position: relative;padding:0 100px 0 0}
.history li.li2 {margin:0 0 0 50%;width:50%; text-align: left;padding:0 0 0 100px}
.history li .in {display:inline-block;margin: 0 0 0 auto}
.history li.li2 .in {margin:0 auto 0 0}
.history li .num { position: absolute;right:-55px;top:-10px; background: #fff;border-radius:50%;width:110px; height: 110px;padding:10px 0 0 10px}
.history li .num p { background: #00afec;border-radius:50%;width:90px; height: 90px;color:#fff;font-size:27px; line-height:88px;text-align: center}
.history li.li2 .num {right:auto;left:-55px}
.history li .title2 {color:#035786;font-size:17px; line-height: 27px;font-weight:500;}
.history li .content {color:#666;margin:10px 0 0 0}

.honor {margin:-30px 0 120px 0}
.honor .subject {font-size:25px; line-height: 35px;font-weight:500;color:#00afec;margin:80px 0 50px 0}
.honor dl {width:103%;margin:-35px 0 0 -1.5%}
.honor dd {float:left;width:22%;margin:35px 1.5% 0 1.5%}
.honor dd .pic { position:relative; overflow: hidden;padding:71.6% 0}
.honor dd .title {height:25px; line-height: 25px; overflow: hidden;margin:10px 0 0 0; text-align: center}
.honor dl.dl47 dd {width:30.3333%}
.honor dl.dl47 dd .pic {padding:34.8% 0}

.mainsubject3 {text-align:center;}
.mainsubject3 .t {font-size:42px; line-height: 52px;font-weight:500;color:#00afec;padding:80px 0 10px 0}
.mainsubject3 .c {font-size:25px;color:#bbb; line-height: 1.6; }

.news {margin:30px 0 100px 0}
.news ul {float:left;width:104%;margin:-40px 0 0 -2%}
.news li {float:left;width:46%;margin:40px 2% 0 2%; position: relative;min-height:168px}
.news li .pic {position:absolute;left:0;top:0;width:245px; height: 168px; overflow: hidden}
.news li .pic a {display:block;width:100%;height:100%}
.news li .cons {margin:-3px 0 0 265px}
.news li .cons .title {height:50px; line-height: 25px; overflow: hidden}
.news li .cons .title a {font-weight:700;font-size:18px}
.news li .cons .addtime {color:#666;margin:2px 0 10px 0}
.news li .cons .content {color:#666; line-height: 28px; height: 84px; overflow: hidden}

.nshow {padding:0 0 150px 0}
.nshow .t {text-align:center;color:#00afec;font-size:25px; line-height: 35px;font-weight:500;margin:40px 0 0 0}
.nshow .t2 {text-align:center;color:#666;border-bottom:1px solid #ccc;padding:10px 0 30px 0;margin:0 0 40px 0}
.nshow .c {color:#666}
.prevnext  { position:relative;margin:80px 0 0 0}
.prevnext .prev {float:left;width:40%;  position: relative}
.prevnext .back {float:left;width:20%; text-align: center;}
.prevnext .next {float:left;width:40%; text-align: right;}
.prevnext .next .in { position:relative; display: inline-block;margin:0 0 0 auto}
.prevnext p { position:absolute;left:0;top:0; height:40px; line-height: 39px; background: #00afec;color:#fff;width:90px; text-align: center}
.prevnext .prev a,.prevnext .next a {display:inline-block;margin:6px 0 0 105px;color:#666}
.prevnext .back a {display:block; background: #f0f0f0;height:40px; line-height: 39px;width:90px; text-align: center;margin:0px auto 0 auto}
.prevnext .back a:hover { background:#00afec;color:#fff}

.product {padding:40px 0 120px 0}
.product ul {width:102%;margin:-2% 0 0 -1%}
.product li {float:left;width:23%;margin:2% 1% 0 1%;border:1px solid #f0f0f0;padding:30px; position: relative}
.product li:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; z-index: 180;background:rgba(0,175,236,0.6);opacity:0}
.product li a { display: block}
.product li .in {padding:50% 0; position: relative}
.product li .in .cons {position:absolute;left:0;top:0;width:96%;padding:0 2%;height:100%; z-index: 200; text-align: center;color:#fff; opacity:0;font-size:19px; line-height: 29px}
.product li:hover:before {opacity:1}
.product li:hover .in .cons {opacity:1}

.show1 {padding:105px 0 0 0; text-align: center}
.show1 .t2 {font-size:53px; line-height: 63px;font-weight:500;color:#00afec;margin:0 0 15px 0}
.show1 .t {color:#fff;font-size:23px; line-height: 33px;display: inline-block;padding:0 10px 2px 10px;margin:0 0 10px 0;
    background: -moz-linear-gradient(left, #00afec 0%, #008cd6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00afec), color-stop(100%,#008cd6));
    background: -webkit-linear-gradient(left, #00afec 0%,#008cd6 100%);
    background: -o-linear-gradient(left, #00afec 0%,#008cd6 100%);
    background: -ms-linear-gradient(left, #00afec 0%,#008cd6 100%);
    background: linear-gradient(to right, #00afec 0%,#008cd6 100%);
}
.show1 .hy {color:#666;}
.show2 {margin:100px 0 150px 0}
.show2 .item {width:600px;margin:0 auto}
.show2 .owl-carousel .owl-nav .owl-prev {left:0px;}
.show2 .owl-carousel .owl-nav .owl-next {right:0;}

.show3 { background: #ebebec;padding:70px 0;margin:0 0 120px 0}
.show3 .row {width:108%;margin:-60px 0 0 -4%}
.show3 .col {float:left;width:42%;margin:60px 4% 0 4%}
.show3 .col .t {color:#fff;font-size:20px; line-height: 25px; background: #00afec; display: inline-block;border-radius:3px;padding:1px 10px 4px 10px;margin:0 0 20px 0}
.show3 .col .c {color:#666}
.show3 .col .c table {width:100%}
.show3 .col .c td { vertical-align:top;width:50%;border-bottom:1px solid #bcbdbe;padding:0px 0 2px 0}
.show3 .col .c td:nth-child(2) {padding:0 0 0 20px}
.show4 .wrap {max-width:888px;margin-bottom:100px}

.show5 {text-align:center;margin:0 0 130px 0}
.show5 a {display:inline-block; vertical-align: top;border:1px solid #999;padding:0 60px; height: 45px; line-height:43px;margin:0 15px;font-size:17px; position: relative}
.show5 a:before {content:''; position: absolute;left:0;top:0;width:0%;height:100%;
    background: -moz-linear-gradient(left, #00afec 0%, #008cd6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00afec), color-stop(100%,#008cd6));
    background: -webkit-linear-gradient(left, #00afec 0%,#008cd6 100%);
    background: -o-linear-gradient(left, #00afec 0%,#008cd6 100%);
    background: -ms-linear-gradient(left, #00afec 0%,#008cd6 100%);
    background: linear-gradient(to right, #00afec 0%,#008cd6 100%);}
.show5 a p { position:relative; z-index: 10}
.show5 a:hover:before,.show5 a.check:before {width:100%}
.show5 a:hover,.show5 a.check {color:#fff;border-color:#fff}
.show5 a span {text-transform: uppercase}

.aftersale {margin:80px 0 150px 0}
.aftersale ul {width:100%;margin:-60px 0 0 0}
.aftersale li {float:left;width:50%;margin:60px 0 0 0;position: relative;padding:0 2% 0 9.5%}
.aftersale li:before {content:''; position: absolute;right:0;top:8px;width:1px;height:93%; background: #ccc;}
.aftersale li:nth-child(2),.aftersale li:nth-child(5),.aftersale li:nth-child(8),.aftersale li:nth-child(11) {padding:0 0 0 10%}
.aftersale li:nth-child(2):before,.aftersale li:nth-child(5):before,.aftersale li:nth-child(8):before,.aftersale li:nth-child(11):before {display:none}
.aftersale li .t {color:#00afec;font-size:19px; line-height: 29px;font-weight:500;margin:0 0 10px 0}
.aftersale li .c {color:#666;  line-height: 2}

.download {padding:30px 0 120px 0}
.download li {border-bottom:1px dashed #ccc; position: relative;padding:25px 0 10px 0}
.download li .btn { position:absolute;right:0;top:50%;margin-top:-19px;
    background: -moz-linear-gradient(left, #00afec 0%, #008cd6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00afec), color-stop(100%,#008cd6));
    background: -webkit-linear-gradient(left, #00afec 0%,#008cd6 100%);
    background: -o-linear-gradient(left, #00afec 0%,#008cd6 100%);
    background: -ms-linear-gradient(left, #00afec 0%,#008cd6 100%);
    background: linear-gradient(to right, #00afec 0%,#008cd6 100%);
}
.download li .cons {margin:0 400px 0 0;}
.download li .cons .t a {font-size:19px;font-weight:500; line-height: 29px;}
.download li .cons .c {color:#666; line-height: 2;margin:5px 0 20px 0}
.download li .btn a {display:block;width:110px; height: 35px; line-height: 34px;color:#fff;font-size:17px; text-align: center;font-size:17px}

.job {margin:50px 0 80px 0}
.job ul.u1 {color:#fff;
    background: -moz-linear-gradient(left, #00afec 0%, #008cd6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00afec), color-stop(100%,#008cd6));
    background: -webkit-linear-gradient(left, #00afec 0%,#008cd6 100%);
    background: -o-linear-gradient(left, #00afec 0%,#008cd6 100%);
    background: -ms-linear-gradient(left, #00afec 0%,#008cd6 100%);
    background: linear-gradient(to right, #00afec 0%,#008cd6 100%);}
}
.job li { position:relative;}
.job li .t {width:16%;display:inline-block; vertical-align:top;text-align:center;font-size:17px; position: relative;padding:15px 4% 15px 0px}
.job li .t1 {text-align:left;padding-left:6.5%;padding-right:0;width:20%}

.accordionservice li .t {font-size:15px}
.accordionservice li .link {border-bottom:1px solid transparent;cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;background:#fff}
.accordionservice li#nobg .link { background:#e7e7e6;}
.accordionservice li.open .link {border-color:#ccc}
.accordionservice li#nobg.open .link {border-color:#fff}
.accordionservice .submenu {display:none;padding:35px 0 40px 6.5%;color:#666; line-height: 2}
.accordionservice .submenu .apply {margin:30px 0 0 0}
.accordionservice .submenu .apply a {width:200px; height: 35px; line-height: 34px;color:#fff;display:block;text-align:center; 
    background: -moz-linear-gradient(left, #00afec 0%, #008cd6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00afec), color-stop(100%,#008cd6));
    background: -webkit-linear-gradient(left, #00afec 0%,#008cd6 100%);
    background: -o-linear-gradient(left, #00afec 0%,#008cd6 100%);
    background: -ms-linear-gradient(left, #00afec 0%,#008cd6 100%);
    background: linear-gradient(to right, #00afec 0%,#008cd6 100%);
}
#container,.map iframe {width:100%;height:690px;}

.contact {background:#f8f8f8;padding:70px 0 90px 0;}
.contact .subject {text-align:center}
.contact .subject p {font-size:25px; line-height:25px;font-weight:500}
.contact .subject span {color:#999;}
.contact ul {width:104%;margin:10px 0 0 -2%;}
.contact li {float:left;width:46%;margin:40px 2% 0 2%}
.contact li .t { position: relative;font-size:23px; line-height: 33px;font-weight:500;margin:0 0 10px 0;padding:0 0 0 15px}
.contact li .t:before {content:''; position: absolute;left:0;top:8px;width:4px; height: 20px; background: #00afec;}
.contact li .c {color:#666; line-height: 2.2;font-size:17px}

.contact_add {border-top:1px solid #ccc;padding:50px 0 0 0;margin:60px 0 0 0;color:#666}
.contact_add .c {font-size:17px; line-height: 2}
.contact_add .t {font-size:20px; line-height: 30px;margin:40px 0 0 0}

.message { position:relative;}
.message .subject {text-align:center;font-size:17px;line-height: 25px; color:#666;margin:70px 0 30px 0}
.message .mleft {float:left;width:20%;height:225px;line-height: 225px;color:#fff; text-align: center;
    background: -moz-linear-gradient(left, #00afec 0%, #008cd6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00afec), color-stop(100%,#008cd6));
    background: -webkit-linear-gradient(left, #00afec 0%,#008cd6 100%);
    background: -o-linear-gradient(left, #00afec 0%,#008cd6 100%);
    background: -ms-linear-gradient(left, #00afec 0%,#008cd6 100%);
    background: linear-gradient(to right, #00afec 0%,#008cd6 100%);
}
.message .mright {float:left;width:20%;height:225px; background: #ccc; line-height: 225px; text-align: center}
.message .mright input {width:70px; height: 70px;border:2px solid #333; background: none; cursor: pointer}
.message .mmid {float:left;width:60%;height:225px; }
.message .mmid dd {height:80px;border:1px solid #999;border-left:0;border-right:0;float:left;width:42%;margin:0 0 -1px 0; position: relative;padding:10px 10px 0 10px}
.message .mmid dd:nth-child(2) {border-left:1px solid #999;width:58%;padding-left:20px}
.message .mmid dd:nth-child(3) {width:100%; height: 146px}
.message .mmid dd span { position: absolute;left:10px;top:14px;color:#999;font-size:16px; line-height: 16px}
.message .mmid dd p {margin:0 0 0 60px}
.message .mmid dd:nth-child(2) span {left:20px}
.message .mmid dd:nth-child(2) p {margin:0 0 0 75px}
.message .mmid dd:nth-child(3) p {margin:0 0 0 105px}
.message .mmid dd p input {width:100%; background: none;height: 25px;font-size:16px}
.message .mmid dd .col {color:#999;font-size:16px; line-height: 16px;margin:10px 0 0 0}
.message .mmid dd .col label { cursor:pointer;margin:0 0 0 20px}
.message .mmid dd .col label:nth-child(1) {margin:0}
.message .mmid dd:nth-child(3) textarea {width:100%;height:125px; line-height: 25px; overflow: auto; background: none;color:#666; font-size:16px}

.service {padding:0 0 120px 0;margin-top:-60px}
.service .title {color:#00afec;font-size:30px; line-height:40px;font-weight:700;text-align: center; letter-spacing:1px;margin:120px 0 60px 0}
.service .content { text-align: center}
.service .videopic {margin:110px auto 0 auto;max-width:770px}
.service .item .video {display:inline-block; vertical-align: middle;width:50%; position: relative;border-radius:25px;}
.service .item .video img {width:100%}
.service .item .video iframe {width:100%;height:100%;border-radius:25px; position:absolute;left:0;top:0}
.service .item .icon {display:inline-block; vertical-align: middle;width:15%;text-align: center;}
.service .item .icon p {margin:0 auto; background: url("../images/10.png") no-repeat center;width:58px; height: 58px;}
.service .item .pic {display:inline-block; vertical-align: middle;width:35%}
.service .item .pic img {width:100%;border-radius:25px}
.service .item .t {text-align:center;color:#333;margin:50px 0 0 0;font-size:25px}
.service .owl-carousel .owl-nav {margin-top:-73px}

.video-btn2{ cursor:pointer;position: absolute; z-index:1;opacity:1;left: 50%;top:50%;background:url(../images/play2.png) no-repeat center; background-size:cover;width:60px; height:60px;margin:-30px 0 0 -30px}
.video-btn2.active {opacity:0;width:0; height:0;margin:0}
.servicevideo {}
.servicevideo video::-webkit-media-controls {opacity:0}
.servicevideo video::-webkit-media-controls:Hover {opacity:1}











.foot {padding:50px 0 35px 0;background:#00afec url("../images/fbg.png") repeat-y center;color:#fff; position: relative}
.foot:before {content:''; position: absolute;left:0;top:40px;width:100%; height:2px; background: url("../images/9.png") no-repeat center; z-index: 10}
.foot:after {content:''; position: absolute;left:0;top:105px;width:100%; height:2px; background: url("../images/9.png") no-repeat center; z-index: 10}
.foot a {color:#fff}
.foot dl {float:left;margin:0 6.6% 0 0}
.foot dl.ser {margin:0;}
.foot dl.con {float:right;margin:0}
.foot dt {margin:9px 0 30px 0}
.foot dt a {font-size:16px; }
.foot dt a p {font-size:12px; line-height: 12px;}
.foot dd p {margin:3px 0}
.foot dd p a {font-size:13px;}
.foot .down {text-align:center;font-size:13px; position: relative;margin:40px 0 0 0}
.foot .down .cons {padding:0 100px 0 100px 0}
.foot .down .wx { position:absolute;right:0;bottom:0;width:120px; text-align: center;font-size:12px;}
.foot .down .wx img {margin:0 auto;width:66px}
.foot .down .wx p {margin:3px 0 0 0}

.indexrighticon {position:absolute;right:2.5%;top:50%;margin-top:40px; z-index: 999}
.indexrighticon.active {position:fixed;margin-top:-75px}
.indexrighticon li { position:relative; cursor: pointer;margin:20px 0 0 0}
.indexrighticon li .icon p {width:44px; height: 44px;}
.indexrighticon li .icon p.p2 {position: absolute;top:0;left:0;opacity:0}
.indexrighticon li.tel .icon p.p1 { background:url("../images/3.png"); background-size:100%}
.indexrighticon li.totop .icon p.p1 { background:url("../images/4.png"); background-size:100%}
.indexrighticon li.wx .icon p.p1 { background:url("../images/5.png"); background-size:100%}
.indexrighticon li.tel .icon p.p2 { background:url("../images/3_2.png"); background-size:100%}
.indexrighticon li.totop .icon p.p2 { background:url("../images/4_2.png"); background-size:100%}
.indexrighticon li.wx .icon p.p2 { background:url("../images/5_2.png"); background-size:100%}
.indexrighticon.active li.tel .icon p.p2 { background:url("../images/3.png"); background-size:100%}
.indexrighticon.active li.totop .icon p.p2 { background:url("../images/4.png"); background-size:100%}
.indexrighticon.active li.wx .icon p.p2 { background:url("../images/5.png"); background-size:100%}
.indexrighticon li .cons {display:none;position:absolute;right:49px;top:7px;width:150px;padding:0 8px 0 0;height:28px; line-height: 27px; text-align: center;background: url("../images/6.png");color:#00afec}
.indexrighticon li.wx .cons {width:138px;padding:0 21px 0 0;height:97px; background: url("../images/7.png");}
.indexrighticon li.wx .cons p {width:66px;height:66px;margin:6px auto 0 auto}
.indexrighticon li.wx .cons span {font-size:12px; line-height: 12px;color:#333; position: relative;top:-5px}
.indexrighticon li:hover .icon p.p1 {opacity:0}
.indexrighticon li:hover .icon p.p2 {opacity:1}