﻿body{ font:12px/1.5 'Roboto',sans-serif;margin:0 auto; padding:0; background:#fff; overflow-x:hidden; color:#333;}
@import url(roboto.css);
/*链接整体设置*/
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; /*box-sizing:border-box;*/font-family: 'Roboto',sans-serif;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%;*/ width:94%; 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;}
.nav_w .w{width:100%;}

/*header*********************************************************************/
.head{ /*position:relative;*/ position:absolute; transition:all linear .2s; z-index:55; top:0px; width:100%; background:#fff; position:fixed; }
.head-fixed{height:68px;position: relative;}
.head_w{ position: absolute;left: 0;top: 50%;transform: translateY(-50%);width:186px;}
.logo{ display:inline-block;}
.logo img{ width:100%;}
.tell{position: absolute; right: 0; top: 50%; transform: translateY(-50%);background: url(../images/tell.png) left center no-repeat; background-size: 26px auto; padding-left: 40px; line-height: 26px; height: 26px;  font-weight: bold; color: #000;font-size: 22px;}
.navbar-search{position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-size: 26px auto;  font-weight: bold; color: #000;font-size: 22px;}
.navbar-search .search-com {
    padding: 0px;
	background: #f3f3f3  url(../images/search.png) no-repeat center !important;
    /*right: 0px;*/border-radius: 5px;
}

.navbar-search .btn {
    width: 36px;
    height: 100%;
    border: none;
    position: absolute;
}
.navbar-form .btn {
    vertical-align: top;
}
.btn {
    padding: 6px 12px;
}
.form-control {
    display: block;
    width: 80%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	float:left;margin-right: 2px;
}

.head_on .head-fixed{/* transform:translateY(-84px);*/}
.nav_w{float: left; padding-left:200px; height: 100%;}
.nav_w ul{/*overflow: hidden;*/}
.nav .plebans{ font-size:18px; line-height:68px;position:relative;}
.nav .plebans a{ display:block; color:#000;font-weight:600}
.nav li{ position:relative;text-align:center;margin-right:30px;height: 68px; line-height: 68px; float:left;}


.nav li:nth-child(7){margin-right:0px;}
.nav li.on b,.nav li:hover b { position: absolute;  top: 65%;  right: 45%;  width: 0; height: 0;  border: 6px solid #4f98cb; border-top-color: transparent;border-bottom-color: #4f98cb;border-left-color: transparent;border-right-color: transparent;}
.nav li.on a,.nav li:hover a{ color:#4f98cb;}
/**/
.nav  li::after {/*content: '';*/ width: 1px;height: 16px;background: #fff; position: absolute; left: 100px; top: 50%;transform: translateY(-50%); }
.nav  li:last-child::after { display: none; }
/*二级*/
#menu ul li ul{display: none;/*默认隐藏*/top:68px; min-width:220px;border: none;border-top: 2px solid #4f98cb;position: absolute;left:0px;color:#000;background:#fff;box-shadow: 0 4px 10px -2px rgb(0 0 0 / 10%);}
#menu ul li ul li{width:220px; margin:auto;text-align: left; height: 35px; line-height: 35px;padding-left: 20px;}
#menu ul li ul li:first-child{margin-top:20px;}
#menu ul li ul li:last-child{margin-bottom: 20px;}
#menu ul li ul li a{ color:#000;background:#fff; font-weight:600;font-size: 18px;  }
#menu ul li:hover ul{ display: block;}
#menu ul li ul li a:hover{  display: block; color: #4f98cb;}

.sm{box-sizing:border-box;position:relative;z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}
/* Mobile menu top separator */
#main-menu:before {
  content: '';display: block;height: 1px;overflow: hidden; background: #fff;}
/* Mobile menu toggle button */
.main-menu-btn {float: right;margin: 10px;position: relative;display: inline-block;width: 29px;height: 29px;text-indent: 29px;white-space: nowrap; overflow: hidden;cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* x icon */
.sm-blue a .sub-arrow {position: absolute; top: 50%; margin-top: -17px;left: auto; right: 24px; width: 34px;height: 34px;overflow: hidden; font: bold 16px/34px monospace !important;text-align: center;text-shadow: none; background: rgba(0, 0, 0, 0.1);border-radius: 4px;}
.sm-blue a .sub-arrow::before { content: '+';}
.sm-blue a.highlighted .sub-arrow::before { content: '-';}
/**/


.banner{ position:relative; z-index:5; margin-top:80px;}
.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:#f6d18b;}


.sjhedes{ display:none; height:100px;}
.tuerhed{ position:fixed; width:100%; top:0; left:0; z-index:88; background:#fff; height:100px; box-shadow:2px 0 8px rgba(0,0,0,.2); padding:0 2.5%;border-bottom:1px solid #7a7a7a;}
.losdj{ float:left;}
.losdj img{ height:90px; display:block; margin-top:8px;}
.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:#000;}
.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:#000!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;}
.titc .line{border-style: solid;color:#4f98cb;border-width:1px; width:54px; margin:8px auto 1px auto;}
.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:0px;}

.navm ul li>a {
    display: block;
    text-align: left;
    font-size: 26px;
    line-height: 200%;
    padding: 10px 0px;
    border-bottom: 1px solid #fff;
    color: #fff;
}
.navm li{float: left; line-height: 90px; font-size:26px; padding-left: 45px; width:100%;border-bottom: 1px solid #fff;}
.navm li ul{ display:none}
.navm li ul li{border:0;padding-left:0px;}
.navm li ul li{border:0;padding-left:0px;}
.navm li ul li:last-child a{border:0}
.navm li a{color: #fff;display: block;}
.navm li.cur a{color: #1365b8;background: url(../images/a2.png) no-repeat center 62px;}
.navm a:hover{color: #1365b8;background: url(../images/a2.png) no-repeat center 62px;}
.navm li.on a,.navm li:hover a{ color:#fff;}

/*css遮挡层*/
.mask {top: 0; /* 顶部对齐 */left: 0; /* 左边对齐 */right: 0; /* 右边对齐 */bottom: 0; /* 底部对齐 */background: rgba(0, 0, 0, 0.4); /* 半透明背景 */z-index: 10; /* 层级在上层 */}
/*导航*/
/*二级页幻灯片*/
.otherBanner{background-position: center center!important;height:460px;height: 100vh; overflow: hidden;text-align: center; position: relative; margin-bottom:0px; margin-top:0px; z-index:-1;  margin:auto; margin-top:80px; background-repeat: no-repeat!important; background-size: cover!important;}

.bannerTxt { text-align: center;color: #fff; margin:22.5% 0; position:absolute; top:0; width:100%;height: 100vh;}
.bannerTxt_shang {font-size:48px;font-weight: bold;float:left; width:100%; text-align:center;}
.bannerTxt_xia {font-size:26px;margin-top: 15px;  float:left;font-weight:500; text-align:center; width:100%;}
.bannerTxt_xia_i{font-family: "Racing Sans One", Sans-serif;font-style: italic;}
.bannerTxt_xia .line{border-style: solid;color:#4f98cb;border-width:1px; width:64px; margin:8px 0 ;}
.bannerTxt_xia_but a{border: 2px solid #fff;color: #fff;background: transparent;display: inline-block;border-width: 1px;padding:5px 10px;border-radius: 2px;font-size: 16px;
    font-weight: 400; margin-top:10px;}

/*产品分类*/

.rightBox{float: left;width: calc(100% - 0px);margin:40px 0;}
.proList li{float: left;width: calc((100% - 0px)/2);margin-right:0px;margin-bottom:10px;text-align: center;display: inline-block; background: #f8f8f8; border-radius: 10px; padding:0;  min-height:284px;}
.proList li:nth-child(2n){margin-right: 0;}

/*产品列表*/
.LrightBox{float: left;width: calc(100% - 0px);margin-top: 46px;}
.videoList li{float: left;width: calc((100% - 60px)/4);margin-right:20px;margin-bottom: 20px;text-align: center;display: inline-block; background: #ffffff; border-radius: 10px;
box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 4px 8px rgb(0 0 0 / 10%);}
.videoList li:nth-child(4n){margin-right: 0;}

.videoList li .title {height:50px;line-height: 25px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
	padding:0 20px;margin: 20px auto 30px;text-align: left;
}
.videoList li .title a{font-size: 20px;color: #3c3c3d;}
.videoList li .title span{display:flex;width: 35px;height: 35px;background: #0090ff;border-radius: 50%;display: flex;align-items: center;margin-right: 25px;color: #ffffff;justify-content: center;font-weight: bold;}
.videoList li .img{/*  margin-top: 20px;*/ width:100%; position:absolute;padding:20px;}
.videoList li .img img{/*  margin-top: 20px;*/ width:100%; }
.videoList li .imgbg {background-repeat: no-repeat; float: left; display: flex; align-items: center; justify-content: center;  z-index:1; position: relative; /*height:208px;*/ height:auto; overflow:hidden; }
.videoList li .show{display:none; width:100%; z-index:99;padding:20px;}
.videoList li:hover .show{display:block;width:100%;z-index:99;padding:20px;}
.videoList li:hover .hide{display:none; width:100%;padding:20px;}
.videoList li .hide{display:block;width:100%;padding:20px;}
.videoList li:hover{/*box-shadow: 0 10px 20px rgb(0 0 0 / 10%), 0 4px 8px rgb(0 0 0 / 10%);*/
    transition: all .3s ease-in-out;}

	

.proc{background-position: center center!important;overflow: hidden;text-align: center; position: relative; margin-bottom:0px; margin-top:0px; z-index:-1;  margin:auto;  background-repeat: no-repeat!important; background-size: cover!important;}
.proc img{width: -webkit-fill-available;transform: scale(1.5);}
.procTxt { text-align: center;color: #fff; margin: 11% 0; position:absolute; top:0; width:100%}
.procTxt_shang {font-size:38px;font-weight: bold;float:left; width:100%; text-align:left; padding-left:65px;}
.procTxt_xia {font-size: 16px;margin-top:0px;  float:left;font-weight:500; text-align:left;padding-left:65px;color:#bfbfbf;}
.procTxt_xia .line{border-style: solid;color:#4f98cb;border-width:1px; width:64px; margin:8px 0 ;}



/*底部*/
.fotherBanner{background-position: center center!important;height: 100vh;height:500px; overflow: hidden;text-align: center; position: relative; margin-bottom:0px; margin-top:0px;  margin:auto; margin-top:80px; background-repeat: no-repeat!important; background-size: cover!important;background-blend-mode: multiply;background: url(../images/Slides/2.jpg) no-repeat center center,linear-gradient(#efecec, #cbc7c7);background-color: rgb(164 164 164 / 10%)}

.fbannerTxt { text-align:left;color: #fff; margin:12.5% 0; position:relative; top:0; width:100%;height: 100vh; max-width:1200px; margin:auto;}
.fbannerTxt .top{margin-top:320px; max-width:1200px; border-top:1px solid #fff; padding-top:40px;}
.fbannerTxt_shang {font-size:18px;font-weight: bold;float:left; width:100%; text-align:left;}
.fbannerTxt_xia {font-size:46px;margin-top:-10px;  float:left;font-weight:500; text-align:left; width:80%;}
.fbannerTxt_xia .line{border-style: solid;color:#4f98cb;border-width:1px; width:64px; margin:8px 0 ;}
.fbannerTxt_xia_but{margin:auto; float:right;margin-top: -5px;}
.fbannerTxt_xia_but a{display: inline-block;border-width: 1px;padding:5px 10px;border-radius: 2px;font-size: 16px;
    font-weight: 400; margin-top:10px;background: #4f98cb;
    color: #fff;}
.fbannerTxt_xia_but a:hover{ background:#000}



.rvcImg{position: relative; margin-top: 40px;}
.rvcImg .swiper-container{ padding-bottom: 10px;}
.rvcImg .swiper-slide{ padding-bottom: 10px;}
.rvcImg .swiper-slide p{font-size: 20px; color:#333333; margin-top: 15px;text-align: center;}
.rvcImg .swiper-slide i{display: flex; height: 297px; justify-content: center;align-items: center;  background: #e9e9e9;border-radius: 5px;}
.rvcImg .swiper-slide img{max-width: 100%;max-height: 100%;display: block;}
.rvcImg  .swiper-slide.swiper-slide-active  i{ /*background: none;*/}
.rvcImg  .swiper-slide.swiper-slide-active p{color:#305e9b }
.rvcImg  .swiper-button-next{ background: #cccccc; width: 60px; height: 60px;
  transform:translateX(50%);
  -webkit-transform:translateX(50%); margin-top: -35px; border-radius: 50%; background-image: url(../images/ico-right.png); background-position: center center; background-repeat: no-repeat; right: 0;}
.rvcImg  .swiper-button-next:hover{ background: #e7333f; background-image: url(../images/ico-right.png); background-position: center center; background-repeat: no-repeat;}
.rvcImg  .swiper-button-prev{ width: 60px;background: #cccccc; height: 60px;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%); margin-top: -35px; border-radius: 50%; background-image: url(../images/ico-left.png); background-position: center center; background-repeat: no-repeat; left: 0;}
.rvcImg  .swiper-button-prev:hover{ background: #e7333f;background-image: url(../images/ico-left.png); background-position: center center;background-repeat: no-repeat;}














.con1{ padding:100px 0;}
.con1_list{ padding:35px 0 0 0;}
.con1_list li{ width:30%; border-radius:20px; overflow:hidden; position:relative; background:#f8f8f8; text-align:center; padding-top:60px; padding-bottom:60px;}
.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;width: 100%;display: flex;margin-top: 60px;}
.con22 .w{box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);}
.con22_right {float: left; width:50%; position: relative; z-index: 20;margin-top:0px; text-align:left; padding:80px 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: center;}
.con22_map {float:left;margin-top:0px;width:50%;overflow:hidden;height: 340px;}
.con22_map img{width:100%;}


.con2{ padding:0 0 100px 0;}
.con2_list{ padding:30px 0 0 0;}
.con2_list li .pic{ width:50%;}
.con2_list li .pic img{ display:block; width:100%; border-radius:50px 0 0 50px;}
.con2_list li .txt{ width:50%; padding:0 0 0 3.75%;}
.con2_list li .txt .clear{ width:100%;}
.con2_list li .txt em{ display:block; font-size:24px; color:#0090ff; font-weight:bold; line-height:1.333333333333333; margin-bottom:30px;}
.con2_list li .txt p{ font-size:20px; line-height:1.45; color:#333;}
.con2_list li .txt p b{ display:block;}
.con2_list li.li1 .txt{ padding:0 3.75% 0 0;}
.con2_list li.li1 .pic img{ border-radius:0 50px 50px 0; width:80%;}

.con3{ background:url() #f8f8f8 center bottom no-repeat; padding:100px 0 35px 0;}
.con3_img{float:left; position:relative;width:44%}
.con3_title{float:right; position:relative;width:54%}
.con3_title h1{color:#e60002;border-bottom: 1px solid #e60002;display: inline-block;font-size:36px;font-weight: bold;line-height:2;}
.con3_title hr{border-bottom:1px solid #e60002; float:left; width:62%;}
.con3_title p.b { display: block; line-height: 1.9; font-size:18px; color: #333; margin-top: 10px; float:left;}
.con3_list{ width:54%; padding:30px 0 0 0; float:right; text-align:center;}
.con3_list li{ float:left;min-height:175px; padding-bottom:25px; width: calc((100% - 60px)/4);margin-right:20px; position: relative;}
.con3_list li:nth-child(4n) { margin-right: 0;}
.con3_list li .t1 img{width:100%;}
.con3_list li p{ font-size:16px; line-height:1.5; color:#333; margin-top:15px;}

.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{ padding:100px 0 130px 0;}
.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:28px; 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{ color:#fff; display:inline-block; background:#e60002; font-size:20px; border-radius:1000px; padding:0 30px; line-height:52px; /*box-shadow:9px 0 16px rgb(181,181,181,.38);*/}
.com_but i{ padding-left:35px; font-family:"simsun"; background:#fff;border-radius:50%; color:#000; background:url(../images/com_but_bg2.png) center center no-repeat; }
.com_but:hover{ opacity:1; color:#fff;}






.con6{ padding:100px 0;}
.con6 .map{margin:50px auto; width:100%}
.con6 .map img{width:100%}
.con6_list{ margin-top:30px;}
.con6_list li{width: calc((100% - 0px)/3);margin-right:0px; position:relative; border-right:1px solid #4791b9; text-align:center; float:left;}
.con6_list li:nth-child(3n){margin-right: 0;border-right:0px solid #4791b9;}
.con6_list li:nth-child(2n) .pico{ margin-left:20%;}
.con6_list li:nth-child(3n) .pico{ float:right;}
.con6_list li .pico{ width:230px; padding:0 30px;display: flex; align-items: center; flex-direction: row;}
.con6_list li .pico span {position: relative;left: 8%; background:#fff;border-radius: 10px;}
.con6_list li .pico .txt {line-height: 1.488888888888889; font-size: 24px;padding: 10px 0; width: 100%; color: #000;padding-left:5%;}
.con6_list li .pico:hover{background: url() no-repeat center , linear-gradient(#0399c3, #0399c3);border-radius: 1000px; }
.con6_list li .pico .txt:hover{color:#fff;}


.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; margin-top:70px; transition:all 0.6s;}
.con10 .swiper-slide hr{width:80%;}
.con10 .swiper-slide .pic{ width:66.66666666666667%; 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 #e60002;}
.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-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;}


/*关于我们*/
.aboutbgh{overflow: hidden;background:#f5f5f5;background-position: bottom center;background-repeat: no-repeat; background-size: cover;background-blend-mode: multiply;background-color: rgb(164 164 164 / 10%);}
.about_title{float: left;width:100%;position: relative;z-index: 1;margin-top:80px;}
.about_title .ti1{width:50%; float:left;}
.about_title .ti1 p:nth-child(1){text-transform: uppercase;letter-spacing: 2px; color:#3a3a3a;font-size: 16px;font-weight: 500;}
.about_title .ti1 p:nth-child(2){ color:#3a3a3a;font-size:38px; font-weight: 500;}
.about_title .ti1 .line {border-style: solid;color: #4f98cb; border-width: 1px;width: 64px; margin: 8px 0;}
.about_title .ti2{width:50%; float:right;}
.about_title .ti2 img{width:100%;}
.about_txt{margin:auto; width:100%; font-size:22px;font-weight: 400;color:#000; margin-bottom:20px;}
.about_txt p{color:#000;}
.avideo{width:100%;}
.avideo img{width: -webkit-fill-available;}
.amap{ width:100%;margin:40px auto;}
.con20_list{}
.amap_list li{width: calc((100% - 40px)/3);margin-right:20px; position:relative;  background:#f8f8f8; overflow:hidden}
.amap_list li:nth-child(3n){margin-right: 0;}
.amap_list li div:nth-child(2){font-size:26px;font-weight:500;line-height: 1.3em;}
.amap_list li div:nth-child(3){font-size:16px;font-weight:400;margin-top: 10px;}

.con17{padding:60px 0 60px 0;}
.con17 .titc{text-align: center; padding: 20px 0px; width:864px; margin:auto;}
.con17 .titc .iconl {flex: 1 1 0%; display: flex;align-items: center;justify-content: center;}
.con17 .titc .iconr { flex: 1 1 0%;display: flex;align-items: center; justify-content: center; height:40px; width:221px; text-align:left; margin:auto; margin-top:20px;line-height: 1.2;}
.con17 .titc .iconr img{width:40px; margin-right:5px;}
.con17 .titc em { display: block;font-size:28px; color: rgb(51, 51, 51);line-height: 1.41304;}
.con17_c{ margin-top:45px;}
.con17_list li{width: calc((100% - 60px)/4);margin-right: 15px; position: relative; float:left; margin-bottom:10px;}
.con17_list li:nth-child(4n) { 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{background:#f8f8f8; padding:0px;}
.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}




.com li .pic img{ display:block; transition:all 0.6s; width:100%;}
.com li.hover .pic img{ transform:scale(1.05);}
.con1,.con2,.con3,.con4,.con5,.con6,.con7,.con8,.con9,.con10,.con11,.con12,.con13,.con14,.con15,.con16,.con17,.con18,.con19,.con120,.con21,.con33{ overflow:hidden;}

/*foot style*********************************************************************/
.footer{ width:100%; background:#f1f1f1; padding:25px 0 0 0;}
.foot1{ padding:20px 0; border-bottom:2px solid #9196a2;}
.foot1 .f_lf{ width:22.5%;}
.foot1 .f_lf img{ height:25px; display:block; margin-top:3px;}
.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:36.63%; font-weight:400}
.foot2 .f_tell em{ display:block; font-size:20px; color:#fcf9e8; line-height:40px; margin-bottom:10px;}
.foot2 .f_tell p{ font-size:16px; color:#999999; line-height:20px;}
.foot2 .f_adr{ padding:30px 0; width:23%;}
.foot2 .f_adr2{ padding:30px 0; width:23%;}
.foot2 .f_adr p a{ font-size:18px; color:#999999; line-height:1.5; max-width:460px; font-weight:400}
.foot2 .f_adr p.widget-title{ font-size:25px;color:#000000;font-weight:500; margin-bottom:30px;}
.foot{ font-size:14px; line-height:1.714285714285714; padding:15px 0; background:#f1f1f1; border-bottom:2px solid #f1f1f1; font-weight:700}
.foot em{ color:#999999; width:100%; text-align:center;}
.foot em a{ color:#999999;}

/*右侧浮窗 style*********************************************************************/
.right-menu{ position:fixed; right:0; bottom:5%; z-index:7; 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:#666;}
.right-menu .btn:hover{ background-color:#4f98cb;}
.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:#eb0007; 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:240px; left:-240px; top:0; line-height:70px; color:#fff; font-size:18px; text-align: center; display:none;}
/*分页符*/
.pagination-bar {text-align: center; padding-bottom:20px;}
.pagination-bar ul {display: flex;justify-content: center;}
.pagination-bar ul li {display: inline-block;margin: 2px;vertical-align: top; float:left}
.pagination-bar ul li a {background: #f0f0f0;height: 35px;width: 45px;display: inline-block;line-height: 35px;text-align: center;border-radius: 4px;}
.pagination-bar ul li.pageinfo {background: #f0f0f0;line-height: 35px;text-align: center;padding: 0 15px;border-radius: 4px;}
.pagination-bar ul li.active{background: #4f98cb;color: #fff;height: 35px;width: 45px;display: inline-block;line-height: 35px;text-align: center;border-radius: 4px;}
.pagination-bar ul li a i{vertical-align: middle;font-weight: bold;}
.pagination-bar ul li a:hover{ color: #fff; background: #4f98cb;}
.pagination-bar ul li .current{ color: #fff; background: #4f98cb;}