﻿body{ font:12px/1.5 "Microsoft YaHei",arial,simsun,sans-serif; margin:0 auto; padding:0; background:#fff; overflow-x:hidden; color:#333;}

/*链接整体设置*/
a{ text-decoration:none; color:#333; transition:all .15s;}
a:hover{ color:#4f7e5c;}
a:active{ color:#333;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
div:focus,*:focus,a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#333;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#333;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#333;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#333;}
input[type=button],input[type=submit],input[type=file],button{ -webkit-appearance:none;} 

/*公用样式*/
div,table,tr,td,img,ul,li,ol,h1,h2,h3,h4,h5,h6,p,em,i,font,span,b,dl,dt,dd,form,textarea,input,select{ margin:0; padding:0; font-style:normal; font-family:"Microsoft YaHei"; box-sizing:border-box;}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:500;}
img{ border:none; -ms-interpolation-mode:bicubic;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.w{ max-width:1200px; width:88%; margin:0 auto; max-height:999999px;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.comflex3{ display:flex; flex-wrap:wrap; align-items:center;}
.comflex4{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between;}
.comflex5{ display:flex; flex-wrap:wrap; justify-content:center;}
.pic{ position:relative; width:100%; overflow:hidden; transition:all .6s;}
.dfimg{ display:block; width:100%;}
.pic_w{ position:absolute; left:0; right:0; top:0; bottom:0; background:#fff;}
@font-face{ font-family:impact;src:url('../images/impact.ttf'); /* IE9+ */}
.m{ display:none!important;}

/*header*********************************************************************/
.head{ height:138px; position:relative; transition:all linear .2s; z-index:55;}
.head-fixed{ width:100%; background:#fff; /*position:fixed;*/ position:relative; top:0; left:0; right:0; z-index:10; transition:all linear .2s; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.1); -moz-box-shadow:0 0 5px rgba(0,0,0,0.1); box-shadow:0 0 5px rgba(0,0,0,0.1); height:138px;}
.head_w{ position:relative; height:84px;}
.logo{ display:inline-block; margin-top:17px;}
.logo img{ height:50px;}
.tell{ position:absolute; right:0; top:50%; margin-top:-20px;/*padding-right:34px; */font-size:20px; color:#0090ff; font-family:"impact"; /*background:url(../images/tell.png) right center no-repeat;*/}
.head_on .head-fixed{ transform:translateY(-84px);}

.nav_w{ width:100%; position:relative; background:#1b273f;}
.nav .plebans{ font-size:18px; line-height:54px;}
.nav .plebans a{ display:block; color:#fff;}
.nav li{ position:relative;/* width:16.666666666%; */width: calc((100% - 0px)/6);text-align:center;}
.nav li .plebans{ position:relative;}
.nav li.on,.nav li:hover{ background:#0562ae;}
.nav li.on a,.nav li:hover a{ color:#fff;}


.goutp{ display:none; position:absolute; top:54px; left:0; right:0; border-radius:0 0 5px 5px; z-index:10; background:#2376d3; padding:10px 0; box-shadow:0 2px 5px rgba(0,0,0,0.1); text-align:center;}
.goutp p{ font-size:14px; line-height:1.5;}
.goutp p a{ display:block; padding:8px 0; color:#fff;}
.goutp p a:hover{ color:rgba(255,255,255,.8);}
/**/
.nav  li::after {content: ''; width: 1px;height: 16px;background: #fff; position: absolute; right: 0; top: 50%;transform: translateY(-50%); }
.nav  li:last-child::after { display: none; }
.nav  li:hover::after {display: none; }
.nav  li.on::after {display: none; }
.nav  li.ons::after { display: none; }
.tell {display: flex;align-items: center; }
.tell img { display: block; filter: drop-shadow(0 0 0 #0562ae)}
.tell div {overflow: hidden; margin-right: 9px; text-align: right; }
.tell div p { font-size: 14px; color: #000; margin-bottom: 3px; }
.tell div span { display: block; font-size: 20px; color: #0562ae; font-weight: bold;  line-height: 1; }
/*多语换*/
.language{float:left;display:inline-block; background:#fff; border-radius:1000px; margin-top:28px; margin-left:5px; font-size:14px;}
.language > ul > li{background:#fff; border-radius:1000px;}
.language > ul > li > a {line-height: 50px; display: inline-block; padding: 0 1rem; }
.language > ul > li:last-of-type { position: relative; }
.language > ul > li:last-of-type > a {display: flex; padding: 3px 1.5rem; height:25px;align-items: center;}
.language > ul > li:last-of-type .lang-select { position: absolute;width: 100%; z-index: 100;  left: 50%;  transform: translateX(-50%);
      -webkit-transform: translateX(-50%);  display: none;  top: 100%; }
.language > ul > li:last-of-type .lang-select ul {width: 100%; }
.language > ul > li:last-of-type .lang-select ul li { display: block;width: 100%;border-bottom: 1px solid #555555; }
.language > ul > li:last-of-type .lang-select ul li:last-of-type {border-bottom: none; }
.language > ul > li:last-of-type .lang-select ul li a {display: flex; padding: 3px 1.5rem; color: #000;  background-color: #fff;  height:25px;align-items: center;justify-content: center;}
.language > ul > li:last-of-type .lang-select ul li a:hover { background-color: #fff; color:#e60002;}
.language > ul > li:last-of-type:hover .lang-select { display: block; }
.language > ul > li.active > a,.language > ul > li:hover > a { background-color: #fff;color:#e60002; border-radius:1000px;}
.language b{position: absolute;top: 35%;right: 5px;width: 0; height: 0; border-width: 5px; border-style: solid;border-color: transparent transparent transparent #000; }
.language .en{position: absolute;top: 17%;right: 2px;width: 0; height: 0; border-width: 5px; border-style: solid;border-color: transparent transparent transparent #000; }
.language .cnf{position: absolute;top: 67%;right: 5px;width: 0; height: 0; border-width: 5px; border-style: solid;border-color: transparent transparent transparent #000; }


/*.banner .swiper-slide img{ width:100%; display:block; max-width:100%;min-height:600px;}*/
.banner{ position:relative; z-index:5;}
.banner .swiper-slide{ z-index:6; overflow:hidden;}
.banner .swiper-slide img{ width:100%; display:block; max-width:100%;}
.banner .swiper-slide .ban_pic{ width:1920px; max-width:inherit; position:absolute; left:50%; margin-left:-960px; top:0; bottom:0;}
.banner .swiper-pagination{ bottom:30px;}
.banner .swiper-pagination-bullet{ width:45px; height:5px; border-radius:0; transition:all linear .2s; background:#fff; opacity:1; margin:0 8px!important;}
.banner .swiper-pagination-bullet-active{ opacity:1; background:#df0808;}

.sjhedes{ display:none; height:100px;}
.tuerhed{ position:fixed; width:100%; top:0; left:0; z-index:88; background:#1b273f; height:100px; box-shadow:2px 0 8px rgba(0,0,0,.2); padding:0 2.5%;border-bottom: 2px solid #fff;}
.losdj{ float:left;}
.losdj img{ height:50px; display:block; margin-top:24px;}
.sanh{ float:right; width:50px; padding:10px; margin:10px 0px; position:relative;}
.sanh>div{ height:5px; margin:10px 0px; width:100%; transition:transform 0.5s,opacity 0.5s;}  
.sanh>div{ background-color:#fff;}
.fuernavt{ position:fixed; padding-top:96px; top:0px; left:-100%; width:100%; height:100%; background-color:#0090ff; z-index:8;}
.benrvav{ width:100%; height:100%; overflow:hidden; overflow-y:scroll;}
.shojvas>a{ display:block; text-align:center; font-size:26px; line-height:200%; padding:10px 0px; border-bottom:1px solid #fff; color:#fff;}
.shojvas>div{ display:block; text-align:center; font-size:26px; line-height:200%; border-bottom:1px solid #bbb;}
.shojvas>div a{ color:#333;}
.showzhen{ position:relative;}
.jd{ position:absolute; top:23px; right:25px; width:15px; height:26px;/* background:url(../images/arrow4.svg) no-repeat center; background-size:100%;*/ transition:transform 0.5s; z-index:-1; transform:rotate(90deg);}
.maei{ padding:10px 0; font-size:26px; color:#333;}
.maei a{ color:#333;}
.shopernc{ overflow:hidden; height:0px;}
.shopernc .maei{ padding:0;}
.shopernc>div a{ display:block; text-align:center; font-size:24px; color:#666; padding:10px 0px; border-top:1px solid #eee;}
.shopernc>div a.gray{ color:#666;}
.shopernc>div .maei a{ color:#666;}
.shopernc>div>div>div a{ color:#999;}
.tesd>div{ background-color:#fff!important;}
.tesd>div:nth-child(1){ transform:translate3d(0px,15px,0px) rotate(45deg);}
.tesd>div:nth-child(2){ opacity:0;}
.tesd>div:nth-child(3){ transform:translate3d(0px,-15px,0px) rotate(-45deg);}
.m_tell{ position:absolute; right:85px; top:0; bottom:0; border-right:2px solid #fff; line-height:130px; padding:0 20px 0 38px; font-size:28px; color:#fff; font-weight:bold; /*background:url(../images/tell_m.png) left center no-repeat;*/}
.m_txt{ position:absolute; right:85px; top:0; bottom:0; border-right:2px solid #fff; line-height:60px; padding:0 20px 0 38px; font-size:20px; color:#fff; font-weight:bold; }

.titc{ text-align:center; padding:20px 0;}
.titc2{display: flex;align-items: center;justify-content: center;}
.titc .iconl {flex: 1;display: flex;align-items: center;justify-content: flex-end;padding-right: 15px;}
.titc .iconr {flex: 1;display: flex;align-items: center;padding-left: 15px;}
/*.titc .icon div { flex: 1; height: 1px; background: #038eaf;}*/
.titc em{display:block; font-size:46px; color:#333;  line-height:1.41304347826087;}
.titc span{font-weight:bold;}
.titc p{ display:block; line-height:1.9; font-size:20px; color:#333; margin-top:10px;}

.con0{ padding:60px 0;}
.con0_list{ padding:35px 0 0 0;}
.con0_list li{ width: calc((100% - 60px)/4);margin-right:20px;border-radius:20px; overflow:hidden; position:relative; background:#f8f8f8; text-align:center; }
.con0_list li:nth-child(4n){margin-right: 0;}
.con0_list li .pic {height:164px; width:164px;border-radius:50%; background:#fff;margin: auto;display: flex;align-items: center;justify-content: center;}
.con0_list li .pic img{width:auto;}
.con0_list li .pic .show{display:initial;}
.con0_list li .pic .hide{display:none;}
/*.con0_list li:hover .pic  .show{display:none;}
.con0_list li:hover .pic  .hide{display:initial;}
.con0_list li:hover{background:#119dc5;}
.con0_list li:hover .txt p{color:#fff;}
*/
.con0_list li .title{background-color: #009999;border-top-left-radius:10px;border-top-right-radius:10px;}
.con0_list li .title h3{color: #fff;padding: 15px;margin: 0;font-size: 20px;font-weight: bold;margin-bottom: 15px;}
.con0_list li .txt{position:relative; left:0; right:0; bottom:0; padding:20px 0 15px 0; /* border-radius:50% 50% 0 0; */transition:all 0.6s;}
.con0_list li .txt p{font-size:16px; line-height:2; color:#333; transition:all 0.6s; text-align:center; width:75%;margin: auto;margin: 20px 30px; border-bottom: solid 1px #d1d1d1; line-height: 40px;}
a.btn-price {margin: 10px 0 25px;font-size: 17px; padding: 7px 35px; background: #FCD72C; transition: all 0.4s; color: rgb(32, 32, 32); border-radius: 4px;}
.price-footer{display: flex;justify-content: center;align-items: center;}

.con1{ padding:60px 0;}
.con1_list{ padding:35px 0 0 0;}
.con1_list li{ width: calc((100% - 60px)/4);margin-right:20px;border-radius:20px; overflow:hidden; position:relative; background:#f8f8f8; text-align:center; padding-top:60px; padding-bottom:60px;}
.con1_list li:nth-child(4n){margin-right: 0;}
.con1_list li .pic {height:164px; width:164px;border-radius:50%; background:#fff;margin: auto;display: flex;align-items: center;justify-content: center;}
.con1_list li .pic img{width:55%;}
.con1_list li .pic .show{display:initial;}
.con1_list li .pic .hide{display:none;}
.con1_list li:hover .pic  .show{display:none;}
.con1_list li:hover .pic  .hide{display:initial;}
.con1_list li:hover{background:#119dc5;}
.con1_list li .line {border-bottom: 2.5px solid #119dc5;width: 40px; margin:20px auto;}
.con1_list li:hover .line{border-bottom: 2.5px solid #fff;}
.con1_list li .txt{ /*position:absolute;*/ position:relative; left:0; right:0; bottom:0; padding:20px 0 15px 0; /* border-radius:50% 50% 0 0; */transition:all 0.6s;}
.con1_list li .txt em{ display:block; text-align:center; font-size:24px; color:#333; font-weight:bold; line-height:1.458333333333333; margin-bottom:10px; transition:all 0.6s;}

.con1_list li .txt .p1{font-size:16px; line-height:.1; color:#333; transition:all 0.6s; text-align:center; width:65%;margin: auto;}
.con1_list li .txt .p2{font-size:16px; line-height:1.5; color:#333; transition:all 0.6s; text-align:center; width:65%;margin: auto;}
.con1_list li:hover .txt em,.con1_list li:hover .txt .p1,.con1_list li:hover .txt .p2{color:#fff;}



.con22{ padding:0 0 100px 0;overflow: hidden; width: 100%;display: flex;}
.con22_right {float: right; width:50%; position: relative; z-index: 20;margin-top:60px; text-align:left; padding:30px 40px 20px 40px; font-size:16px; }
.con22_right .titc em{font-size:30px;}
.con22_right .titc p{font-size:18px;}
.con22_right em,.con22_right p{text-align:left;}
.con22_map {float:left;margin-top:60px;width:50%;overflow:hidden; border-radius:12px;}
.con22_map img{width:135%;}
.con22_list{width:100%; margin-top:30px;}
.con22_list li{font-size:20px;width: calc((100% - 60px)/3);margin-right: 30px; position: relative; float:left; text-align:center; }
.con22_list li p{text-align:center;margin-top: 10px;}
.con22_list li:nth-child(3){margin-right:0px; text-align:right;padding-right: 5%;}
.con22_list li:nth-child(3) p{text-align:right;padding-right: 2%;}
.con22_list li:nth-child(1){ margin-left:0px; text-align:left;padding-left: 5%;}
.con22_list li:nth-child(1) p{text-align:left;padding-left: 2%;}
.con22_list li.titcp{display: block;line-height: 1.9;font-size: 20px;color: #333;}
.con22_list li:nth-child(6) p{display: block; font-size:23px; color: #333;font-weight: bold; line-height: 1.41304347826087; margin-bottom:30px;}

.con2{ padding:0 0 60px 0;}
.con2_list{ padding:30px 0 0 0;}
.con2_list li{ width:calc((100% - 120px)/3);margin-right:60px; float:left;border: 1px solid #eee; box-shadow: 0 0 10px rgb(0 0 0 / 30%); margin-bottom:30px;}
.con2_list li:nth-child(3n){margin-right: 0;}
.con2_list li .txt{ display:flex;align-items: center;justify-content: center;padding: 20px; font-weight: bold;font-size: 22px;}
.con2_list li:hover{color:#fff;}
.con2_list li .txt:hover{ background:#119dc5;}

.con3{ padding:0 0 60px 0;}
.con3_list{ padding:30px 0 0 0;}
.con3_list li{ width:calc((100% - 120px)/3);margin-right:60px; float:left;border: 1px solid #eee; box-shadow: 0 0 10px rgb(0 0 0 / 30%); margin-bottom:30px;}
.con3_list li:nth-child(3n){margin-right: 0;}
.con3_list li .txt{ display:flex;align-items: center;justify-content: center;padding: 20px; font-weight: bold;font-size: 22px;}
.con3_list li:hover{color:#fff;}
.con3_list li .txt:hover{ background:#119dc5;}

.con4{ padding:0 0 60px 0;}
.con4_list{ padding:30px 0 0 0;}
.con4_list li{ width:calc((100% - 180px)/4);margin-right:60px; float:left;border: 1px solid #eee; box-shadow: 0 0 10px rgb(0 0 0 / 30%); margin-bottom:30px;}
.con4_list li:nth-child(4n){margin-right: 0;}
.con4_list li .txt{ display:flex;align-items: center;justify-content: center;padding: 20px; font-weight: bold;font-size: 22px;}
.con4_list li:hover{color:#fff;}
.con4_list li .txt:hover{ background:#119dc5;}

.con6{ padding:0 0 60px 0;}
.con6_list{ padding:30px 0 0 0;}
.con6_list li{ width:calc((100% - 120px)/3);margin-right:60px; float:left;border: 1px solid #eee; box-shadow: 0 0 10px rgb(0 0 0 / 30%); margin-bottom:30px;}
.con6_list li:nth-child(3n){margin-right: 0;}
.con6_list li .txt{ display:flex;align-items: center;justify-content: center;padding: 20px; font-weight: bold;font-size: 22px;}
.con6_list li:hover{color:#fff;}
.con6_list li .txt:hover{ background:#119dc5;}

.con33{ background:url() #f2f1f1 center bottom no-repeat; padding:100px 0 35px 0;}
.con33_img{float: right; position:relative;width:44%; text-align:right;}
.con33_title{float:left; position:relative;width:54%}
.con33_title h1{color:#e60002;border-bottom: 1px solid #e60002;display: inline-block;font-size:36px;font-weight: bold;line-height:2;}
.con33_title hr{border-bottom:1px solid #e60002; float:left; width:16.6666%;}
.con33_title p.b { display: block; line-height: 1.9; font-size:18px; color: #333; margin-top: 10px; float:left;}
.con33_list{ width:54%; padding:30px 0 0 0; float:left; text-align:center;}
.con33_list li{ float:left;min-height:175px; padding-bottom:25px; width: calc((100% - 60px)/4);margin-right:20px; position: relative;}
.con33_list li:nth-child(4n) { margin-right: 0;}
.con33_list li .t1 img{width:100%;}
.con33_list li p{ font-size:16px; line-height:1.5; color:#333; margin-top:15px;}


.con4_w{ position:relative; margin-top:30px;}
.con4_w .pic{ width:64%;}
.con4_w .pic img{ display:block; width:100%;}
.con4_c{ position:absolute; right:0; top:0; bottom:0; width:50%;}
.con4_c .swiper{ background:#f8f8f8; border-radius:20px; box-shadow:18px 18px 0 rgba(248,248,248,.35); height:365px;}
.con4_c .swiper-slide{ padding:0 10.8%;}
.con4_c .swiper-slide .txt{ width:100%;}
.con4_c .swiper-slide .txt h3{ font-weight:bold; color:#0090ff; font-size:24px; margin-bottom:20px; line-height:1.75;}
.con4_c .swiper-slide .txt p{ font-size:18px; color:#333; line-height:1.833333333333333;}
.con4_c .swiper-pagination{ right:0; width:auto; left:inherit; bottom:0; background:#f8f8f8; border-radius:1000px;}
.con4_c .swiper-pagination .swiper-pagination-bullet{ font-size:30px; font-weight:bold; line-height:62px; height:62px; background:none; color:#dcdcdc; opacity:1; width:108px; text-align:center; margin:0; transition:all 0.6s;}
.con4_c .swiper-pagination .swiper-pagination-bullet-active{ color:#fff; background:#0090ff; width:62px; box-shadow:9px 0 16px rgb(0,0,0,.1);}

.con5{ background:url(../images/bg5.jpg) #0b94bc center center no-repeat; padding:75px 0;}
.con5 .txt{ position:relative; padding:1% 0 0 25%; text-align:left; width:850px;}
.con5 .txt p:nth-child(1){ font-size:18px; font-weight:500; color:#fff; float:left;}
.con5 .txt p:nth-child(1) span{font-weight:bold;}
.con5 .txt p:nth-child(2){ font-size:18px; font-weight:bold; color:#fff; line-height:35px; margin-bottom:20px; float:left;  margin-top:20px;}
.con5 .txt p:nth-child(2) em{ font-family:"impact"; font-size:38px; font-weight:500; color:#fff; padding-left:5px;}
.con5 .txt p:nth-child(3){ font-size:24px; font-weight:bold; color:#fff; background:#fff; width:auto; padding:0 150px 0 30px; position:absolute; margin-top:30px; width:900px;}
.con5 .txt p:nth-child(3) a::after { content: '';  background: #fff;  width:1px;  height: 150%;  position: absolute; left:-80px; top:-18px;}

.con5 .txt .com_but{ position:absolute; right:0; }
.com_but{border-radius:17px 5px 17px 5px; background:#fff; color:#e60002;background: url(../images/com_but_bg.png) no-repeat center , linear-gradient(#fff, #fff); background-position:right 15% center; background-size:12%;padding-right: 3%; width:174.5333333px; line-height:2.583333; text-align:center;}
.com_but i{ padding-left:35px; font-family:"simsun"; background:#fff;border-radius:50%; color:#000; background:url(../images/com_but_bg.png) center center no-repeat; }
.com_but:hover{ opacity:1; color:#e60002;}








.con7{ background:url(../images/con7-bg.jpg) #f2f7fc center center no-repeat; padding:100px 0 185px 0;background-size: cover;}
.con7 .titc em{ display:block; font-size:46px; color:#000; font-weight:bold; line-height:1.41304347826087;}
.con7 .titc p{ display:block; line-height:1.9; font-size:20px; color:#000; margin-top:10px;}

.con7 .grow p {display: block;font-size:20px; color: rgb(76 76 76);line-height: 2;display: flex; flex-direction: row; align-items: center;}
.con7 .grow p img {padding-right:10px;}

.con7 .grow{ padding:150px 0 0 0;margin-top: -50px;}
.con7 .grow p .show{display:none;}
.con7 .grow p .hide{display:inherit;}
.con7 .grow p:hover .show{display:inherit;}
.con7 .grow p:hover .hide{display:none;}
.con7 .grow .txt{background: url() no-repeat center , linear-gradient(to top,#e2e6ee,#f2f7fc);box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); width:50%; padding:30px 50px; margin-top:50px;}
.con7 .grow .txt p span{font-weight:bold;}
.con7 .grow .txt p:nth-child(2n) span{color:#FF0000; border-radius:1000px; background:#fff; padding:0 10px; line-height:1.7}

.con7_list{ padding:60px 0 0 0;}
.con7_list li{ width:50%; padding:0 21.25% 0 0; min-height:110px; text-align:right;}
.con7_list li em{ font-size:24px; color:#fff; font-weight:bold; /*border-radius:24px 24px 5px 24px;*/ /*background:#0090ff;*/ /*width:48px;*/ display:inline-block; height:30px; line-height:30px; text-align:center; margin-bottom:6px;display: inline-flex;}
.con7_list li p{ font-size:18px; line-height:1.4; color:#fff;}
.con7_list li:nth-child(2n){ text-align:left; padding:0 0 0 21.25%;}
.con7_list li:nth-child(1),.con7_list li:nth-child(2){ margin-bottom:180px;}
.con7_list li:nth-child(1n) em img{padding-left:5px;}
.con7_list li:nth-child(2n) em img{padding-right:5px;}

.con7_list li .line{margin-top:15px;}

.con8{ background:#f8f8f8; padding:105px 0 80px 0;}
.con8 .titc{ width:31.5%; text-align:left;}
.con8 .titc em{ color:#0090ff; line-height:1.173913043478261;}
.con8 .titc p{ line-height:1.4;}
.con8 .titc p b{ display:block;}
.con8 .titc p.pc{ margin-top:18px; padding-bottom:65px; position:relative;}
.con8 .titc p.pc:after{ content:""; display:block; position:absolute; left:0; bottom:4px; background:#0090ff; font-size:0; overflow:hidden; width:1px; height:50px;}
.con8_list{ width:65.4%;}
.con8_list ul{ width:100%;}
.con8_list ul li{ width:31.6%; position:relative; overflow:hidden; border-radius:50px;}
.con8_list ul li:after{ content:""; display:block; position:absolute; left:0; bottom:0; right:0; top:0; font-size:0; overflow:hidden; background:rgba(0,0,0,.1); transition:all 0.6s;}
.con8_list ul li .pic{ width:100%;}
.con8_list ul li p{ position:absolute; left:0; right:0; text-align:center; bottom:30px; line-height:1.555555555555556; font-size:18px; color:#fff; font-weight:bold;}
.con8_list ul li.hover:after{ background:rgba(0,0,0,0);}

.con9{ padding:100px 0;}
.con9_c{ width:100%; margin-top:30px;}
.con9_c img{ display:block; width:100%;}

.con10{ background:#f8f8f8; padding:100px 0;}
.con10 .swiper-slide{ background:#fff; text-align:center; /*padding:45px 0 30px 0;*/padding:0; margin-top:70px; transition:all 0.6s;}
.con10 .swiper-slide hr{width:96%;}
.con10 .swiper-slide .pic{ /*width:66.66666666666667%;*/ width:96%; margin:0 auto;/*border-bottom: 2.5px solid #119dc5;*/}
.con10 .swiper-slide .pic .dfimg{ position:relative; z-index:0;}
.con10 .swiper-slide .pic .pic_w{ /*left:15px; bottom:15px; right:15px; top:15px;*/ left:0px; bottom:0px; right:0px; top:0px;}
.con10 .swiper-slide p{ font-size:21px; color:#333; margin-top:20px; line-height:1.333333333333333;}
.con10 ul li.hover{ /*transform:translateY(-45px);*/transform:translateY(0px); border-bottom:5px solid #0081a9;}
.con10 ul li.hover .pic img{ transform:scale(1);}

.con11{ background:url(../images/con11-bg.jpg) #f6fafe center bottom no-repeat; padding:100px 0 130px 0;}
.con11 .titc em,.con11 .titc p{color:#fff;}
.con11_c{ padding:0 4.415% 0 3.085%; margin-top:45px;}
.con11_list li img{ width:100%; display:block;}
.con11_list li.li1{ width:29.72972972972973%; margin-top:188px;}
.con11_list li.li2{ width:36.21621621621622%;}
.con11_list li.li3{ width:32.7027027027027%; margin-top:112px;}

.con12{ padding:100px 0;}
.con12_list{ margin-top:30px;}
.con12_list li{font-size:20px;width: calc((100% - 0px)/4);margin-right: 0px; position: relative; float:left; text-align:center; border: 1px solid #e3e2e2; height:110px;display: flex;align-items: center;justify-content: center; overflow:hidden }
.con12_list li img{ max-width:155px;}
/*.con12_list li:hover{background:#0080a8;}*/

.con13{ padding:0 0 130px 0;}
.con13_list{ width:101%;}
.con13_list *{ transition:all 0.6s;}
.con13_list li{ position:relative; background:#f8f8f8; margin:1% 1% 0 0; width:24%;}
.con13_list li em{ display:block; font-family:"impact"; font-size:105px; color:rgba(0,0,0,.05); line-height:1.295238095238095; padding-left:15.625%;}
.con13_list li i{ display:block; width:50px; height:50px; background:url(../images/ico2.png) no-repeat; position:absolute; left:60px; top:50%; margin-top:-25px;}
.con13_list li i.i1{ background-position:0 0;}
.con13_list li i.i2{ background-position:0 -50px;}
.con13_list li i.i3{ background-position:0 -100px;}
.con13_list li i.i4{ background-position:0 -150px;}
.con13_list li i.i5{ background-position:0 -200px;}
.con13_list li i.i6{ background-position:0 -250px;}
.con13_list li i.i7{ background-position:0 -300px;}
.con13_list li i.i8{ background-position:0 -350px;}
.con13_list li .txt{ position:absolute; left:43.4%; top:50%; transform:translate(0,-50%);}
.con13_list li span{ display:block; font-size:24px; font-weight:bold; color:#333; line-height:28px;}
.con13_list li p{ font-size:18px; color:#333; line-height:22px;}
.con13_list li.hover{ background:#0090ff;}
.con13_list li.hover i.i1{ background-position:-50px 0;}
.con13_list li.hover i.i2{ background-position:-50px -50px;}
.con13_list li.hover i.i3{ background-position:-50px -100px;}
.con13_list li.hover i.i4{ background-position:-50px -150px;}
.con13_list li.hover i.i5{ background-position:-50px -200px;}
.con13_list li.hover i.i6{ background-position:-50px -250px;}
.con13_list li.hover i.i7{ background-position:-50px -300px;}
.con13_list li.hover i.i8{ background-position:-50px -350px;}
.con13_list li.hover em{ color:rgba(255,255,25,.1);}
.con13_list li.hover span,.con13_list li.hover p{ color:#fff;}

.con14{ padding:100px 0; background:url(../images/bg14.jpg) #dfeefb center bottom no-repeat;}
.con14 .w .t1{ font-size:20px; letter-spacing:7px; line-height:1.2;}
.con14 .w .t1 em{ padding-left:30px;}
.con14 .w .t2{ font-size:46px; color:#0090ff; font-weight:bold; line-height:50px; margin:30px 0; text-shadow:9px 0 16px rgb(181,181,181,.15);}
.con14 .w .t2 em{ padding:0 15px;}
.con14 .w .t3{ display:inline-block; font-size:32px; color:#0090ff; line-height:58px; border-top:1px solid #0090ff; border-bottom:1px solid #0090ff;}
.con14 .w .t3 em{ padding-left:10px;}
.con14 .w .t4{ font-size:20px; line-height:31px; padding:25px 0;}
.con14 .w .t4 em{ padding-left:20px;}
.con14 .w .t5{ padding:25px 0 0 0;}
.con14 .w .t5 em{ font-size:20px; color:#0090ff; background:#fff; border-radius:1000px; display:inline-block; line-height:40px; padding:0 25px; border-left:2px solid #0090ff; margin-right:20px; box-shadow:9px 0 16px rgb(181,181,181,.38);}

.con15{ padding:100px 0 125px 0;}
.con15_list{ width:110%; margin-top:-20px;}
.con15_list li{ text-align:center; padding:50px 0 0 0; margin-right:10%; width:6.666666666666667%;}
.con15_list li i{ width:100px; height:100px; background:#f8f8f8; border-left:1px solid #0090ff; border-bottom:1px solid #0090ff; border-radius:50%; margin:0 auto; display:block; position:relative; transition:all 0.6s;}
.con15_list li i:before{ content:""; display:block; position:absolute; font-size:0; overflow:hidden; left:50%; top:50%; margin:-30px 0 0 -30px; width:60px; height:60px; background:url(../images/ico3.png) no-repeat; transition:all 0.6s;}
.con15_list li i.i1:before{ background-position:0 0;}
.con15_list li i.i2:before{ background-position:0 -60px;}
.con15_list li i.i3:before{ background-position:0 -120px;}
.con15_list li i.i4:before{ background-position:0 -180px;}
.con15_list li i.i5:before{ background-position:0 -240px;}
.con15_list li i.i6:before{ background-position:0 -300px;}
.con15_list li i.i7:before{ background-position:0 -360px;}
.con15_list li i.i8:before{ background-position:0 -420px;}
.con15_list li i.i9:before{ background-position:0 -480px;}
.con15_list li i.i10:before{ background-position:0 -540px;}
.con15_list li i.i11:before{ background-position:0 -600px;}
.con15_list li i.i12:before{ background-position:0 -660px;}
.con15_list li p{ font-size:18px; color:#333; margin-top:15px; line-height:28px; transition:all 0.6s;}
.con15_list li.hover i{ background:#0090ff;}
.con15_list li.hover i.i1:before{ background-position:-60px 0;}
.con15_list li.hover i.i2:before{ background-position:-60px -60px;}
.con15_list li.hover i.i3:before{ background-position:-60px -120px;}
.con15_list li.hover i.i4:before{ background-position:-60px -180px;}
.con15_list li.hover i.i5:before{ background-position:-60px -240px;}
.con15_list li.hover i.i6:before{ background-position:-60px -300px;}
.con15_list li.hover i.i7:before{ background-position:-60px -360px;}
.con15_list li.hover i.i8:before{ background-position:-60px -420px;}
.con15_list li.hover i.i9:before{ background-position:-60px -480px;}
.con15_list li.hover i.i10:before{ background-position:-60px -540px;}
.con15_list li.hover i.i11:before{ background-position:-60px -600px;}
.con15_list li.hover i.i12:before{ background-position:-60px -660px;}
.con15_list li.hover p{ font-weight:bold; color:#0090ff;}

.con17{ background:url() #f8f8f8 center bottom no-repeat; padding:60px 0 60px 0;}
.con17_c{ margin-top:45px;}
.con17_list li{width: calc((100% - 15px)/2);margin-right: 15px; position: relative; float:left;}
.con17_list li:nth-child(2n) { margin-right: 0;}
.con17_list li img{ width:100%; display:block;}

.con18{ padding:100px 0;}
.con18_list .weizhi {  float: left; position: relative;  display: inline-block;  padding-left: 15px; margin:60px;}
.con18_list .weizhi::after { content: '';  background: #1e83a2;  width: 3px;  height: 100%;  position: absolute; left: 0; top: 0;}
.con18_list .weizhi h2 { color: #1e83a2; font-size: 22px; font-weight: 600;}
.con18_list .weizhi p { color: #000; display: block;text-transform: uppercase;}
.con18_list li{font-size:20px;width: calc((100% - 60px)/3);margin-right: 30px; position: relative; float:left;background-size: 100% 100%; min-height:436px; border-radius:20px;margin-top:80px;}
.con18_list li:hover{margin-top:10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.con18_list li:nth-child(3){ margin-right:0px;background-image: url(../images/con18-3.jpg);}
.con18_list li:nth-child(2){background-image: url(../images/con18-2.jpg);}
.con18_list li:nth-child(1){background-image: url(../images/con18-1.jpg);}

.con19{ padding:100px 0 100px 0;background: url(../images/con19-bg.jpg) no-repeat center;background-size: cover;}
.con19 em{color:#fff;}
.con19_list{float:left; width:100%;}
.con19_list .weizhi {  float: left; position: relative;  display: inline-block;  margin-top:60px; text-align:center; border-top:1px solid #fff; width:100%;}
.con19_list .weizhi::after { content: '';background-image: url(../images/con19-line.png);  /*background: #fff;*/ position: absolute; left: 50%; top: -7px;width: 14px; height: 14px; position: absolute; right: 50%;border-radius: 50%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.con19_list li:hover .weizhi::after { content: '';background-image: url(../images/con19-line-2.png);  /*background: #fff;*/ position: absolute; left: 50%; top: -7px;width: 14px; height: 14px; position: absolute; right: 50%;border-radius: 50%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.con19_list .weizhi h2 { color: #fff; font-size: 22px; font-weight: 600; margin-top:30px;}
.con19_list .weizhi p { color: #000; display: block;text-transform: uppercase;}
.con19_list li{font-size:20px;width: calc((100% - 0px)/7);margin-right:0px; position: relative; float:left;background-size: 100% 100%;  border-radius:20px;margin-top:-20px; display:flex;flex-direction: column;align-items: center;}
.con19_list li .imgbg { background-image: url(); background-repeat: no-repeat;float: left; display: flex;align-items: center;justify-content: center; z-index: 9; position: relative;}
.con19_list li .imgbg img { width: 100%; z-index: 99;}
.con19_list li .img { z-index: 1;  position: absolute; margin: 25px;}
.con19_list li .img img { width: 100%; height: 100%;}

.con19_list li .imgbg .show{display:none;}
.con19_list li .imgbg .hide{display:inherit;}
.con19_list li:hover .imgbg .show{display:inherit;}
.con19_list li:hover .imgbg .hide{display:none;}

.combut{margin:auto; float:left; width:100%; display:flex;justify-content: center;align-items: center; margin-top:50px;}
.combut .mores{background:#ff0207; color:#fff;background: url(../images/com_but_bg2.png) no-repeat center right 10%, linear-gradient(#ff0207, #ff0207); width:164px;}


.yinshua{ position: relative; margin-bottom: 60px; margin-top:60px;}
.yinshua .swiper-pointer-events{ overflow:hidden;}
.yinshua  .swiper-button-next{background: #cccccc; width: 44px; height: 44px; transform:translateX(50%);
  -webkit-transform:translateX(50%); /*border-radius: 50%;*/  background-image: url(../images/ico-left.png); background-size: 40% auto;  background-position: center center; background-repeat: no-repeat; right: 0;bottom:10px;top: auto;  margin-right: 88px;}
.yinshua  .swiper-button-next:hover{ background: #e7333f; background-image: url(../images/ico-left.png); background-position: center center; background-repeat: no-repeat;}
.yinshua  .swiper-button-prev{ width: 44px; background: #cccccc; height: 44px; transform:translateX(-50%);
  -webkit-transform:translateX(-50%); bottom: 10px;top: auto; /*border-radius: 50%;*/ background-size: 40% auto; background-image: url(../images/ico-right.png); background-position: center center;  background-repeat: no-repeat; left: auto;right: 0;  margin-right: 0px;
}
.yinshua  .swiper-button-prev:hover{background: #e7333f; background-image: url(../images/ico-right.png); background-position: center center;background-repeat: no-repeat;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: '';}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content: '';}

.con20{ padding:60px 0;background:#f8f8f8;}
.con20_list{ margin-top:30px;}
.con20_list li{width: calc((100% - 40px)/3);margin-right:20px; position:relative;  background:#f8f8f8; overflow:hidden}
.con20_list li:nth-child(3n){margin-right: 0;}
.con20_list li .pic{ width:100%; float:left;}
.con20_list li .txt{ position:relative;left:0; right:0; bottom:0; float:left; width:100%;padding:30px 20px 20px 20px; text-align:center;}
.con20_list li .txt h3{padding-bottom:20px; position:relative;}
.con20_list li .txt h3 em{ display:inline-block;line-height:45px; font-size:24px; color:#333; font-weight:bold;}
.con20_list li .txtc{font-size:18px; line-height:1.2}
.con20_list li .txtc p:nth-child(2){padding:20px 0 0 0;}

.con21{ padding:60px 0 0 0; border-bottom: 1px solid #d1d1d1;}
.con21 .con21img{  width: 100%;background-size: cover;background-image: url(../images/con21-1.jpg); height:590px; background-position-x: center;margin: 30px 0 0 0;}
.con21 .txt{ position:relative;padding:30px 20px 50px 20px; text-align:center;font-size:18px; line-height:2}




.con16{ background:#007da6; padding:90px 0;background-image: url(../images/con16bg.jpg); background-position: center center; background-repeat: no-repeat;}
.con16 .titc em{color:#fff;}
.con16 .mes_form{ padding:30px 0 0 0;}
.con16 .mes_form li{ padding-top:3.75%; width:48.3%;}
.con16 .mes_form li .wbbox { position: relative;}
.con16 .mes_form li .wbbox span{position: absolute;left: 15px;top:22px;}
.con16 .mes_form li .wbbox span img{height:22px; color:#fff;}
.con16 .mes_form li.big{ width:100%;}
.m_intxt{ border:1px solid #fff; background:#fff; line-height:1.388888888888889; font-size:18px; padding:20px 43px; width:100%; resize:none; transition:all 0.6s;border: 0;
    outline: none;background: none; border-bottom: 1px solid #fff; color:#fff;}
.m_intxt::-webkit-input-placeholder{ color:#fff;}
.m_intxt::-moz-placeholder{ color:#fff;}
.m_intxt:-moz-placeholder{ color:#fff;}
.m_intxt:-ms-input-placeholder{ color:#fff;}
.m_intxt:focus{ border-color:#0090ff; color:#fff; background:#e60002;}
.m_intxt:focus::-webkit-input-placeholder{ color:#fff;}
.m_intxt:focus::-moz-placeholder{ color:#fff;}
.m_intxt:focus:-moz-placeholder{ color:#fff;}
.m_intxt:focus:-ms-input-placeholder{ color:#fff;}
.m_inbut{ color:#fff; font-weight:bold; background:#e60002; font-size:24px; cursor:pointer; border:none; line-height:2.583333333333333; border-radius:1000px; margin:0 auto; width:200px; display:block; text-align:center; transition:all 0.6s; margin-top:40px; box-shadow:9px 0 16px rgb(181,181,181,.38);background: url(../images/com_but_bg.png) no-repeat center , linear-gradient(#e60002, #e60002); background-position:right 15% center; background-size:12%;padding-right: 3%;}
.m_inbut:hover{ opacity:.9;}

.mores{border-radius:17px 5px 17px 5px; background:#fff; color:#0562ae;background: url(../images/com_but_bg.png) no-repeat center , linear-gradient(#fff, #fff); background-position:right 15% center; background-size:12%;padding-right: 3%; width:200px;line-height:2.583333333333333; font-size:24px;/*font-weight:bold;*/padding-right: 3%; text-align:center;}

.com li .pic img{ display:block; transition:all 0.6s; width:100%;}
.com li.hover .pic img{ transform:scale(1.05);}
.con0,.con1,.con2,.con3,.con4,.con5,.con6,.con7,.con8,.con9,.con10,.con11,.con12,.con13,.con14,.con15,.con16,.con17,.con18,.con19,.con120,.con21,.gxrd1,.gxrd2,.gxrd3,.gxrd4,.gxrd5,.gxrd6,.sbzl6,.fwfw1{ overflow:hidden;}

/*foot style*********************************************************************/
.footer{ width:100%; background:#1a1d2c; padding:25px 0 0 0;}
.foot1{ padding:50px 0; border-bottom:2px solid #9196a2;}
.foot1 .f_lf{ width:22.5%;}
.foot1 .f_lf img{ height:50px; display:block; margin-top:-9px;}
.foot1 .f_nav{ width:63.3%; line-height:31px;}
.foot1 .f_nav li a{ color:#fff; font-size:16px;}
.foot1 .f_nav li a:hover{ color:rgba(255,255,255,.9);}
.foot2{ position:relative; padding:25px 0;}
.foot2 .f_ewm{ position:absolute; right:0; top:50%; margin-top:-70px;}
.foot2 .f_ewm li{ width:114px; margin-left:24px; text-align:center;}
.foot2 .f_ewm li .e_pic{ position:relative;}
.foot2 .f_ewm li .e_pic:before,.foot2 .f_ewm li .e_pic:after,.foot2 .f_ewm li .e_pic .clear:before,.foot2 .f_ewm li .e_pic .clear:after{ content:""; display:block; position:absolute; font-size:0; overflow:hidden; width:10px; height:10px;}
.foot2 .f_ewm li .e_pic:before{ top:-1px; left:-1px; border-left:1px solid #ebf6ff; border-top:1px solid #ebf6ff;}
.foot2 .f_ewm li .e_pic:after{ top:-1px; right:-1px; border-right:1px solid #ebf6ff; border-top:1px solid #ebf6ff;}
.foot2 .f_ewm li .e_pic .clear:before{ bottom:-1px; left:-1px; border-left:1px solid #ebf6ff; border-bottom:1px solid #ebf6ff;}
.foot2 .f_ewm li .e_pic .clear:after{ bottom:-1px; right:-1px; border-right:1px solid #ebf6ff; border-bottom:1px solid #ebf6ff;}
.foot2 .f_ewm li .e_pic .clear{ padding:5px; position:relative;}
.foot2 .f_ewm li .e_pic .clear img{ width:104px; height:104px; display:block;}
.foot2 .f_ewm li p{ font-size:16px; color:#fcf9e8; line-height:1.6875;}
.foot2 .f_tell{ padding:31px 0 0 0; width:33.33%;}
.foot2 .f_tell em{ display:block; font-size:20px; color:#fcf9e8; line-height:40px; margin-bottom:10px;}
.foot2 .f_tell p{ font-size:48px; color:#ffffff; font-family:"impact"; line-height:60px;}
.foot2 .f_adr{ padding:30px 0; width:63.3%;}
.foot2 .f_adr p{ font-size:16px; color:#fcf9e8; line-height:2.25; max-width:460px;}
.foot{ font-size:14px; line-height:1.714285714285714; padding:15px 0; background:#10131c; border-bottom:2px solid #10131c;}
.foot em{ color:rgba(255,255,255,.6);}
.foot em a{ color:rgba(255,255,255,.6);}

/*右侧浮窗 style*********************************************************************/
.right-menu{ position:fixed; right:0; bottom:5%; z-index:777; width:70px; text-align:center;}
.right-menu .btn{ width:70px; height:70px; margin-bottom:4px; cursor:pointer; font-size:0; transition:all linear 0.6s; display:block; background:url(../images/ico1.png) #464444 no-repeat; position:relative;}
.right-menu .btn.btn-tell{ background-position:0 0;}
.right-menu .btn.btn-ewm{ background-position:0 -70px;}
.right-menu .btn.btn-mail{ background-position:0 -140px;}
.right-menu .btn.btn-online{ background-position:0 -210px;}
.right-menu .btn.btn-top{ background-position:0 -280px; background-color:#babbbc;}
.right-menu .btn:hover{ background-color:#0562ae;}
.right-menu .btn.btn-tell:hover,.right-menu .btn.btn-ewm:hover{ border-radius:0;}
.right-menu .btn-ewm .pic{ position:absolute; left:-160px; top:-45px; display:none; width:160px; height:160px; box-shadow:0 1px 3px rgba(2,2,2,.15); background:#fff;}
.right-menu .btn-tell .phone{ background:#0562ae; position:absolute; width:150px; left:-150px; top:0; line-height:70px; color:#fff; font-size:18px; text-align:right; display:none; text-align:center;}
.right-menu .btn-tell .phonem{ position:absolute; width:200px; left:-200px; top:0; line-height:70px; color:#fff; font-size:18px; text-align: center; display:none;}