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:29px;}
.logo img{ height:26px;}
.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%; text-align:center;}
.nav li .plebans{ position:relative;}
.nav li.on,.nav li:hover{ background:#e60002;}
.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; }
.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: #e60002; font-weight: bold;  line-height: 1; }
/**/


.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%;}
.losdj{ float:left;}
.losdj img{ height:38px; display:block; margin-top:31px;}
.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:100px; padding:0 20px 0 38px; font-size:28px; color:#fff; font-weight:bold; background:url(../images/tell_m.png) left center no-repeat;}

.titc{ text-align:center; padding:20px 0;}
.titc em{ display:block; font-size:46px; color:#333; font-weight:bold; line-height:1.41304347826087;}
.titc p{ display:block; line-height:1.9; font-size:20px; color:#333; margin-top:10px;}

.con1{ padding:100px 0;}
.con1_list{ padding:35px 0 0 0;}
.con1_list li{ width:31.75%; /*border-radius:50px; */overflow:hidden; position:relative;}
.con1_list li .pic{ width:100%;}
.con1_list li .txt{ /*position:absolute;*/ position:relative; left:0; right:0; bottom:0; padding:20px 0 15px 0; background:#f8f8f8;/* 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 p{ /*display:none; */font-size:16px; line-height:1.333333333333333; color:#333; transition:all 0.6s; text-align:center;}
/*.con1_list li.hover .txt{ padding:37px 0 40px 0; background:#0090ff; border-radius:60% 60% 0 0;}
.con1_list li.hover .txt em{ color:#fff;}
.con1_list li.hover .txt p{ color:#fff; display:block;}*/

.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) #19253f center center no-repeat; padding:75px 0;}
.con5 .txt{ position:relative; padding:1% 0 0 0; text-align:right;}
.con5 .txt p:nth-child(1){ font-size:38px; font-weight:bold; font-weight:500; color:#fff; line-height:65px;}
.con5 .txt p:nth-child(2){ font-size:18px; font-weight:bold; color:#fff; line-height:35px; margin-bottom:20px}
.con5 .txt p:nth-child(3){ font-size:24px; font-weight:bold; color:#fff; line-height:35px; background:#fff; width:auto; padding:0 150px 0 30px; line-height:52px;border-radius:1000px;/* box-shadow:9px 0 16px rgb(181,181,181,.38);*/ float:right; /*width:46%;*/}
.con5 .txt p:nth-child(3) em{ font-family:"impact"; font-size:38px; font-weight:500; color:#e60002; float:left;}
.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_bg.png) center center no-repeat; }
.com_but:hover{ opacity:1; color:#fff;}

.con6{ padding:100px 0;}
.con6_list{ margin-top:30px;}
.con6_list li{width: calc((100% - 60px)/4);margin-right:20px; position:relative;}
.con6_list li:nth-child(4n){margin-right: 0;}
.con6_list li .pic{ width:100%;}
.con6_list li .txt{ position:relative;left:0; right:0; bottom:0; padding-bottom:16px; transition:all 0.6s;}
.con6_list li .txt *{ transition:all 0.6s;}
.con6_list li .txt h3{ text-align:center; padding-bottom:20px; position:relative;}
.con6_list li .txt h3 em{ display:inline-block; /*border-radius:1000px; *//*background:#fff; */line-height:45px; min-width:170px; font-size:24px; color:#333; font-weight:bold;}
.con6_list li .txt .txtc{ display:none;}
.con6_list li .txt h3 em p{display:none;}
.con6_list li.hover .txt{ position:absolute;  top:0; padding:63px 0 0 0; background:#1b273f;}
.con6_list li.hover .txt h3:after{ content:""; display:block; position:absolute; left:10%; bottom:0; background:#fff; font-size:0; overflow:hidden; width:80%; /*margin-left:-15px; */height:2px;}
.con6_list li.hover .txt em{ background:none; color:#fff;}
.con6_list li.hover .txtc{ display:block; font-size:18px; line-height:26px; padding:0 20px; text-align:left;}
.con6_list li.hover .txt h3 em p{display:block; font-size:16px; margin-top:-50px; color:#d4d6db}
.con6_list li.hover .txtc p{ color:#fff; margin-top:50px;}
.con6_list li.hover .txtc p:nth-child(2){color:#fff; margin-top:20px; text-align:center;}

.con7{ background:url(../images/con7-bg.jpg) #1d2b45 center center no-repeat; padding:80px 0 185px 0;}
.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 .titc em{ display:block; font-size:46px; color:#fff; font-weight:bold; line-height:1.41304347826087;}
.con7 .titc p{ display:block; line-height:1.9; font-size:20px; color:#fff; margin-top:10px;}
.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 .pic{ width:66.66666666666667%; margin:0 auto;}
.con10 .swiper-slide .pic .dfimg{ position:relative; z-index:3;}
.con10 .swiper-slide .pic .pic_w{ left:15px; bottom:15px; right:15px; top:15px;}
.con10 .swiper-slide p{ font-size:21px; color:#333; margin-top:20px; line-height:1.333333333333333;}
.con10 ul li.hover{ transform:translateY(-45px); 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 img{ display:block; width:100%;}

.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% - 30px)/3);margin-right: 15px; position: relative; float:left;}
.con17_list li:nth-child(3n) { margin-right: 0;}
.con17_list li img{ width:100%; display:block;}

.con18{ padding:0 0 100px 0;}
.con18_left {float: left; width:50%; position: relative; z-index: 20;margin-top:60px; margin-bottom: 50px;}
.con18_map {float: right;width: calc(100% - 50%);/* margin-top: 86px;margin-bottom: 80px;*/}
.con18_list li{font-size:20px;}
.con18_list li:nth-child(1) em{background:#e60002;color:#fff;  padding:5px 10px;}
.con18_list li:nth-child(1) span{background:#1b273f;color:#fff; padding:5px 10px;}
.con18_list li.titcp{display: block;line-height: 1.9;font-size: 20px;color: #333;}
.con18_list li:nth-child(5){margin-top:100px; border-bottom: 1px solid #1b273f;display: inline-block; line-height:3; margin-bottom:20px;}
.con18_list li:nth-child(6) p{display: block; font-size:23px; color: #333;font-weight: bold; line-height: 1.41304347826087; margin-bottom:30px;}

.con19{ padding:60px 0 100px 0;}
.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;}
.con20_list{ margin-top:30px;}
.con20_list li{width: calc((100% - 20px)/2);margin-right:20px; position:relative;  background:#f8f8f8; max-height:292px; overflow:hidden}
.con20_list li:nth-child(2n){margin-right: 0;}
.con20_list li:nth-child(1),.con20_list li:nth-child(2){ margin-bottom:20px;}
.con20_list li .pic{ width:46%; float:left;}
.con20_list li .txt{ position:relative;left:0; right:0; bottom:0; float:left; width:54%;padding:30px 20px 20px 30px;}
.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}

.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;}
.con22_list{width:100%;}
.con22_list li{font-size:20px;width: calc((100% - 300px)/4);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(4){margin-right:0px;}
.con22_list li:nth-child(1){ margin-left:0px;}
.con22_list li:nth-child(1) span{background:#1b273f;color:#fff; padding:5px 10px;}
.con22_list li.titcp{display: block;line-height: 1.9;font-size: 20px;color: #333;}
.con22_list li:nth-child(5){margin-top:100px; border-bottom: 1px solid #1b273f;display: inline-block; line-height:3; margin-bottom:20px;}
.con22_list li:nth-child(6) p{display: block; font-size:23px; color: #333;font-weight: bold; line-height: 1.41304347826087; margin-bottom:30px;}


.con16{ background:#f8f8f8; padding:100px 0;}
.con16 .mes_form{ padding:30px 0 0 0;}
.con16 .mes_form li{ padding-top:3.75%; width:48.3%;}
.con16 .mes_form li.big{ width:100%;}
.m_intxt{ border:1px solid #fff; background:#fff; line-height:1.388888888888889; font-size:18px; padding:20px 35px; width:100%; resize:none; transition:all 0.6s;}
.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;}

.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:#1b273f; 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:31px; display:block;}
.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;}
.foot{ font-size:14px; line-height:1.714285714285714; padding:15px 0; background:#0a2132; border-bottom:2px solid #5fd5c9;}
.foot em{ color:rgba(255,255,255,.6);}

/*右侧浮窗 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) #dadee9 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:#eb0007;}
.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:200px; left:-200px; top:0; line-height:70px; color:#fff; font-size:18px; text-align: center; display:none;}