﻿@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "苹方";
    src: url("../fonts/苹方 常规_0.ttf");
    font-weight: normal;
    font-style: normal;
}
 html, body {
        position: relative;
        height: 100%;
    }
html{font-size: 62.5%;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {margin: 0;  padding: 0;  font-size:14px;font-family: "microsoft yahei";color: #3c3c3c; line-height:1.8;}
ul,li{list-style: none;padding: 0;}
*{padding: 0;margin: 0;}
a{text-decoration: none;  margin: 0;  padding: 0;color: #3c3c3c; }
p,span,i,em{  margin: 0;  padding: 0;  font-style: normal;  font-weight: normal;  }
tr,td{  margin: 0;  padding: 0;  }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.dn,.hidden{ display:none;}
div{ box-sizing:border-box;}
.clearfix {
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
img{}

.w1400{ width:1400px; margin:0 auto;}



.threecont{ position:absolute; left:0; right:0; margin:auto; width:1210px; bottom:80px;z-index:999}
.threecont dl{ float:left; width:32.6%; background:rgba(255,255,255,.85);margin-left:1%; height:90px; padding:1% 2%; box-sizing:border-box; position:relative}
.threecont dl:first-child{ margin-left:0}
.threecont dl dt{ font-size:20px;}
.threecont dl dd{ font-size:16px; color:#666666}
.threecont dl i{ position:absolute; right:5%; top:20px;}

.solution{ background:url(../images/jfbg.jpg) no-repeat center center; background-size:cover; padding:4% 0; height:100vh}
.solutionmain{}
.title{}
.title_l{}
.title_l h2{ font-family: "苹方";font-size:50px; color:#fff; text-transform:uppercase}
.title_l h3{ font-size:34px; color:#ff8d06; margin-top:-5px;}
.solutionc{ position:relative; margin-top:2%; padding-right:101px; }
.jfico{ position:absolute; right:0; top:0; background:url(../images/jt.jpg) center center; width:101px;}
.jfico img{ width:100%}
.solutioncont .swiper-button-next,.solutioncont .swiper-button-prev{ display:block}
.solutioncont .swiper-button-next,.solutioncont .swiper-button-prev{}
.solutioncont .swiper-button-next{ background:url(../images/jr.png) no-repeat center center; width:56px; height:56px; border:1px solid #fff; left:55px; bottom:0;top: auto;}
.solutioncont .swiper-button-prev{ background:url(../images/jl.png) no-repeat center center; width:56px; height:56px; border:1px solid #fff;left:0; bottom:0;top: auto;}
.imgstyle{ background-position:center center; background-size:cover; background-repeat:no-repeat}
.solution_l{ width:28%; position:absolute; left:0; top:15%; z-index:99}
.solution_l h2{ font-size:22px; color:#fff}
.solution_l p{ color:#fff; font-size:16px; line-height:2; margin-top:5%; height:128px; overflow:hidden}
.solution_r{ width:70%; }
.solution_r img{ width:100%}
.solutioncont{height:540px;}
.solutioncont .swiper-slide{ position:relative;height:540px; transition:all .1s ease-in-out}
.more{ font-size:20px; color:#fff; position:relative; display: inline-block; text-transform:uppercase; margin-top:8%}
.more span{ position:relative; z-index:10}
.more:after{ content:""; position:absolute; left:0; background:#f17d00; height:8px; bottom:8px; width:100%; z-index:0}

.product{ background:url(../images/cpbg.jpg) no-repeat center center; background-size:cover; padding:4% 0; height:100vh}
.title_r{ margin-top:5%}
.casemain{ margin-top:50px}

.index7-list{ margin-top:2%}
.index7-list .owl-nav{ display:block!important}
.index7-list .owl-prev{
	position: absolute;
	left: 46.5%;
	background:#e69904 url(../images/jl.png) no-repeat center center; width:46px; height:46px;font-size: 0;
	transition: .3s;bottom:-50%
}

.index7-list .owl-next{
	position: absolute;
	right:46.5%;
	background:#fff url(../images/jrh.png) no-repeat center center; width:46px; height:46px;
	font-size: 0;
	transition: .3s; bottom:-50%
}
.cpname{ text-align:center; font-size:16px; color:#fff; margin-top:30px; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.cimg{ position:relative;height: 327px;
    overflow: hidden;background: #fff;
-webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-box-pack: center;
    -o-box-pack: center;
    box-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-box-align: center;
    -o-box-align: center;
    box-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;}
.cimg:after{ content:""; position:absolute; left:0; right:0; bottom:0; top:0; background:rgba(255,114,0,.18) url(../images/jia.png) center center no-repeat; transform:scale(0); transition:all 500ms ease-in-out}
.owl-item:hover .cimg:after{ transform:scale(1)}
.owl-item:hover .cimg{ border:1px solid #f67c19}

.areas{ background:url(../images/ywbg.jpg) no-repeat center center; background-size:cover;height:100vh}
.areasmain{ position:relative}
.areast{ position:absolute; top:10%; left:0; right:0}
.areascont{height:100vh}
.areascont .swiper-container{ height:100%}
.areascont .swiper-slide{ padding:0 2%; padding-top:22%; transition:all 300ms ease-in-out}
.areascont .swiper-button-next,.areascont .swiper-button-prev{ display:block}
.ywname{ font-size:20px; color:#ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.ywck{ font-size:16px;color:#ffffff; margin-top:5%}
.ywimg{ margin-top:3%}
.ywimg img{ width:100%}
.ywtext{ margin-top:4%; color:#fff; height:100px; overflow:hidden}
//.line,.line1,.line2,.line3,.line4{ position:fixed; left:13.1%; background:rgba(255,255,255,.04); width:1px; height:100%; bottom:0; top:0; z-index:0}
.line,.line1,.line2,.line3,.line4{ position:fixed; background:rgba(255,255,255,.04); width:1px; height:100%; bottom:0; top:0; z-index:0}
//.line1{ left:31.6%}
//.line2{ left:50%}
//.line3{ left:68.4%}
//.line4{ left:86.8%}
.areascont .swiper-slide:hover{ background:rgba(12,22,49,.07);height:100vh}
.areascont .swiper-button-prev{
	position: absolute;
	left: 46.5%;top:auto;
	background:#e69904 url(../images/jl.png) no-repeat center center; width:46px; height:46px;font-size: 0;
	transition: .3s;bottom:10%;
}

.areascont .swiper-button-next{
	position: absolute;
	right:46.5%;
	background:#fff url(../images/jrh.png) no-repeat center center; width:46px; height:46px;
	font-size: 0; top:auto;
	transition: .3s; bottom:10%
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity:1!important}

.contact{ background:url(../images/lxbg.jpg) no-repeat center center; background-size:cover; padding:4% 0; height:100vh}
.lxt{ margin-top:10%}
.contact_l{ width:40%; margin-top:1%}
.contact_l > h2{ font-size:34px; color:#fb9401}
.contact_l > i{ display:inline-block; width:63px; height:2px; background:#fff; margin-top:10px;}
.lxfs{ margin-top:8%}
.lxfs h2{ font-size:22px; color:#fff; margin-bottom:5%}
.lxfs p{ color:#c0d5f1; font-size:16px; line-height:2.5}
.lxfs p i{ display:inline-block; width:30px; position:relative; top:5px;} 
.lxfs p i img{ max-width:100%}
.ewm{ width:180px; margin-top:18%}
.ewm img{ width:100%}

.footext{ text-align:center; height:60px; line-height:60px; background:#022853; color:#6d98c8}
.footext a{color:#6d98c8}
.footext a:hover{ text-decoration:underline}

.cpfenlist{ position:relative; display:none}
.cpmenulist{ position: fixed; right:0; width:200px; text-align:center; top:38px; background:rgba(255,255,255,.9); bottom:0; height:100%; overflow-y:auto; transform:translateX(100%); transition:all 500ms ease-in-out; z-index:100}
.navtext{ margin-right:10px;}
.cpmenulist li{border-bottom:1px solid #ddd; height:47px; line-height:47px; padding:0 8%; box-sizing:border-box}
.cpmenulist li a{ display:block; color:#222; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.cpmenulist.active{transform:translateX(0)}
.navico{ display:inline-block; width:38px; height:38px; background:rgba(255,255,255,.9) url(../images/navico.png) no-repeat center center; background-size:21px}
.mask{ position:fixed; z-index:10; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.6); display:none;}

.nybody{ background:#f5f4f4}
.nyhead{ height:auto}
.nypicimg{ position:relative}
.nypicimg img{ width:100%}
.nypicimg:before{ content:""; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background:url(../images/npbg.png) no-repeat top center; background-size:cover; z-index:99}
.nypic{ position:relative}


.picbox{position:absolute; top:30%; z-index:9999; left:0; right:0}
.picmain{}
.picmain h2{ font-size:55px; color:#fff; font-family: "苹方"; text-transform:uppercase}
.picmain h3{ font-size:42px; color:#ff8c10}
.picmain h4{ font-size:18px; color:#fff}
.adress{color:#666; margin-top:1.5%}
.adress_l{white-space:nowrap; background:url(../images/mbx.png) no-repeat left center; padding-left:25px;}
.adress_l a{margin:0 5px; color:#666}
.adress_l a:first-child{ margin-left:0}
.adress_l a:hover{ text-decoration:underline}

.nycont{ background:#fff; padding:3%; margin-top:1.5%}
.lxwm{padding:3%; padding-bottom:6%}
.lxwm_l{ width:40%;}
.lxwm_r{ width:53%;}
.lxwm_l> h2{ font-size:26px}
.lxwm_linfo{ margin-top:5%}
.lxwm_linfo dl{ display:flex; border-bottom:1px solid #e5e5e5; padding:4% 0}
.lxwm_linfo dl:first-child{border-top:1px solid #e5e5e5}
.lxwm_linfo dl dt{ height:29px; width:50px; text-align:center;}
.lxwm_linfo dl dt img{ height:29px;}
.lxwm_linfo dl dd{ font-size:16px; color:#666;line-height: 1.5;}
.nymenu{margin-top:2%;}
.nymenu ul li{background:rgba(17,24,39,.9); float:left; white-space:nowrap; height:55px; line-height:55px;}
.nymenu ul li a{ display:inline-block; color:#fff; font-size:16px; padding:0 25px; border-left:1px solid #8fa2ab; height:18px; line-height:18px;}
.nymenu ul li a:hover{ text-decoration:underline}
.nymenu ul li:first-child a{ border-left:none}

.foot{ background:#555659; padding:3% 0; margin-top:5%; padding-bottom:0}
.foot_l{ width:38%}
.foot_l ul{ float:left; width:25%; text-align:left}
.foot_l ul li a{ color:#fff}
.foot_l ul li a:hover{ text-decoration:underline}
.foot_l ul h2{ color:#f3f3f3; font-size:16px; margin-bottom:15px;}
.foot_c{ width:24%; text-align:center; margin-top:2%}
.nyewm{ display:inline-block; background:url(../images/ewmbg.png) no-repeat center center;width:151px; height:151px;text-align:center; padding:25px 25px 10px 10px }
.nyewm img{ width:115px; height:115px;}
.nyewm p{ text-align:center; color:#fff; font-size:12px; white-space:nowrap; margin-top:18%}
.foot_r{ width:38%; background:url(../images/fbg.png) no-repeat center bottom; background-size:cover; padding-left:10%}
.foot_r h2{ font-size:32px; color:#fff; margin-bottom:3%}
.foot_r p{ font-size:15px; color:#fff; line-height:2.5}
.nyfootext{ background:#555659; text-align:center; border-top:1px solid #666668; height:55px; line-height:55px; color:#9f9f9f; clear:both; margin-top:50px;}
.nyfootext a{color:#f3f3f3;}

.liuyan{ margin-top:5%}
.liuyan_l{ background:url(../images/lx.jpg) no-repeat right bottom; width:30%; height:420px;}
.liuyanbg{background:url(../images/lybg.png) no-repeat right bottom; background-size:contain;width: 40%;height: 400px;}
.liuyanbg h2{ font-size:20px; color:#0682e2}
.liuyanbg h3{ font-size:16px; color:#999}
.liuyan_l h2{ font-size:20px; color:#0682e2}
.liuyan_l h3{ font-size:16px; color:#999}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.liuyan_r{width:53%;}
.liuyan input[type=text]{border: 1px solid #ececec;
    height: 40px;
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 14px;
    width: 100%;
    margin-bottom:4%;
    outline-color: #008fd7;}
.liuyan textarea {
    border: 1px solid #ececec;
    height: 122px;
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 14px;
    width: 100%; resize:none;
    margin-bottom:4%;
    outline-color: #008fd7;
}
.liuyan input[type=radio]{margin-left:2%}
.liuyan input:focus,.liuyan textarea:focus{ outline:none}
.liuyan input::placeholder,.liuyan textarea::placeholder{ color:#ccc}
.liuyan input.submit {
    background-color: #0682e2; width: 100%;border: 1px solid #ececec;
    color: #fff;
    height: 48px;
    font-size: 16px;
    cursor: pointer;
    outline: none; margin-top:1%
}

.detail{}
.detail > h2{ font-size:26px; text-align:center}
.detail > h3{ text-align:center; font-size:14px; margin-top:15px;} 
.detail > h3 span{ display:inline-block; color:#666; margin:0 1%}
.detail > h3 span.time{ background:url(../images/sji.png) no-repeat left center; padding-left:22px;}
.detail > h3 span.lico{ background:url(../images/lico.png) no-repeat left center; padding-left:22px;}
.bshare-custom a{ margin-top:-5px;}
.detailxq{ margin-top:15px;}
.detailxq p{ color:#666666; text-align:justify}
.detailxq p img{ max-width:100%}
.sxp{ background:#f2f2f2; height:45px; line-height:45px; padding:5px 0; margin-top:3%}
.sxp span{ float:left; width:50%; padding:0 1%; box-sizing:border-box;height:35px; line-height:35px; color:#666666;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.sxp span:last-child{ border-left:1px solid #e6e6e6}
.sxp span a{color:#666666}
.sxp span a:hover{color:#1f6bdf; text-decoration:underline}

.nyabout{}
.nyabout_l{ width:62%;}
.nyabout_r{ width:35%; text-align:right}
.nyabout_r img{ max-width:100%; margin-bottom:3%}
.nyabout_l > h2{ font-size:24px; margin-bottom:3%}
.nyabout_l > h2 span{ font-size:16px; color:#666666; text-transform:uppercase}
.nyabout_l p{ font-size:16px; line-height:2; text-align:justify}
.nyabout_l p img{ max-width:100%}

.nynewbox{ padding:0; background:none}
.nynew{}
.nynew li{ background:#fff; border:1px solid #e0e0e0; box-sizing:border-box; margin-top:-1px; padding:2.5% 2%;transition:all 300ms ease-in-out;}
.newimg{ width:17%;}
.newtext{ width:81%} 
.newt{}
.newt h2{ width:70%; white-space:nowrap; text-overflow: ellipsis;overflow:hidden; float:left; font-size:18px;}
.newt h3{ width:30%;float:right; text-align:right}
.newt h3 span{ color:#999999; margin-left:7%}
.newt h3 span:last-child{ display:inline-block; background:url(../images/lico.png) no-repeat left center; padding-left:25px;}
.newtext p{ margin-top:1%; color:#666; text-align:justify; height:75px; overflow:hidden}
.nmoer{ margin-top:1.5%; text-align:right}
.nmoer span{ float:left; color:#999999; background:url(../images/sji.png) no-repeat left center; padding-left:25px; margin-top:1%}
.nmoer a{ float:right;width:36px; height:36px; background:url(../images/nico.png) no-repeat center center; transition:all 300ms ease-in-out}
.nynew li:hover{ box-shadow:0 0 10px 1px rgba(0,0,0,.1)}
.nynew li:hover .nmoer a{background:url(../images/nicoh.png) no-repeat center center;}
.newt h2 a:hover{ color:#1f6bdf}
.alimg{background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 1s ease-in-out }
.alimg img{width:100%}
.page{ text-align:center; margin-top:3%;clear:both;}
.page a{ display:inline-block;text-align:center; padding:3px 12px; color:#666; background:#eeeeee; margin:0 1px;vertical-align:middle;}
.pageactive{display:inline-block; text-align:center; padding:3px 12px; background:#f59709;color:#fff!important; margin:0 1px; vertical-align:middle;}
.page a:hover{background:#f59709;color:#fff!important;}

.tree{ width:22%}
.treet{ background:#1266af url(../images/cotbg.png) no-repeat right center; height:80px; line-height:80px; padding-left:5%}
.treet h2{ display:inline-block; font-size:26px; color:#fff}
.treet h3{display:inline-block; margin-left:5px; font-size:14px; color:#fff}
.treelist{ background:#fff; padding:3% 4%; padding-bottom:8%}
.treelist ul li{ margin-top:15px}
.treelist ul li a{ display:block; background:#eaeaea url(../images/cpico.png) no-repeat right center; height:55px; line-height:55px; white-space:nowrap; overflow:hidden; padding-left:15px; box-sizing:border-box}
.treelist ul li a:hover{ color:#f5a802; font-weight:bold}

.nylx{ margin-top:3%; background:#fff; padding:8% 0}
.nylxt{ background:url(../images/ndh.png) no-repeat left center; padding:0 10%; padding-left:25%; }
.nylxt h2{ font-size:14px; color:#666}
.nylxt h3{ font-size:20px; color:#f59709; margin-top:-9px}
.nylxtext{border-top:1px solid #eaeaea; margin-top:5%; padding:6%}
.nylxtext p{ font-size:15px; line-height:2}
.casecont{ width:76%}
.nycaselist{}
.nycaselist li{ float:left; width:32.3%; margin-right:1.5%; margin-bottom:1.5%; background:#fff; transition:all 300ms ease-in-out;position:relative} 
.nycaselist li:nth-child(3n+0){ margin-right:0}
.nycaselist li dt{ overflow:hidden}
.nycaselist li dd{ padding:5% 4%;}
.nycaselist li dd h2{ font-size:16px; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.nycaselist li dd p{ font-size:14px; color:#666666; line-height:1.6; margin-top:1%; text-align:justify; height:30px; overflow:hidden;width:85%}
.nycaselist li:hover{ box-shadow:0 0 15px 1px rgba(0,0,0,.1)}

.rczp{ width:100%;}
.rczp ul li{ min-height:50px; line-height:50px; border-bottom:1px solid #eaeaea; cursor:pointer;}
.rczp ul li:hover{ background:#fcfcfc}
.rczp ul li:first-child .rczp_t{ background:#fff;display: -webkit-box; border-bottom:2px solid #eaeaea;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;min-height:50px;}
.rczp ul li:first-child .rczp_t span{ display:inline-block;width: 100%;font-size:15px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
   -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-box-pack: center;
    -o-box-pack: center;
    box-pack: center;
   -webkit-box-align: center;
    -moz-box-align: center;
    -ms-box-align: center;
    -o-box-align: center;
    box-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box; }
.nrczp_t{display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;}
.rczp ul li div.active{border-bottom:1px solid #cecece;}
.rczp ul li div.active span.zpico a img{}
.nrczp_t span{display:inline-block;width: 100%; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
   -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-box-pack: center;
    -o-box-pack: center;
    box-pack: center;
   -webkit-box-align: center;
    -moz-box-align: center;
    -ms-box-align: center;
    -o-box-align: center;
    box-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;}
.zpinfo{ background:#f6f6f6; padding:3%;}
.zpinfo p{ color:#666666; font-size:16px; line-height:2}
.zpico a img{ transition:all 250ms ease;}
.zpico a img.zpicocur{ transform:rotate(90deg)}
.zxsq{ text-align:center; margin:2% 0}
.zxsq a{ display:inline-block; background:#1476da; padding:0 4%; color:#fff; height:45px; line-height:45px; font-size:15px;}

.sjnymenu{background: rgba(17,24,39,.9); display:none}
.sjnymenu ul li{ float:left; width:20%; text-align:center; height:40px; line-height:40px; background: rgba(17,24,39,.9);}
.jiemenu ul li{ width:33.3333%; border-bottom:1px solid #3d445f}
.sjnymenu ul li a{ color:#fff}

.cpzx{ border-top:1px solid #ddd;padding-top:2%;margin: 0 5%; margin-top: -5%;padding-bottom: 2%;}
.cpzx span{display:inline-block;position: relative;
    top: -5px;font-size:14px;margin-right:5px}
.cpzx a{ display:inline-block; margin-right:4%; background: url(../images/zx.png) no-repeat center center; width:20px; height:22px;position: relative;top:0;
  transition:all 300ms ease-in-out;-webkit-animation: hideNav 450ms linear infinite;-moz-animation: hideNav 450ms linear infinite;-o-animation: hideNav 450ms linear infinite;animation: hideNav 450ms linear infinite;}

/***.cpzx{ position:absolute; right:3%; bottom:5.5%; background: url(../images/zx.png) no-repeat center center; width:33px; height:33px;transition:all 300ms ease-in-out;-webkit-animation: hideNav 450ms linear infinite;-moz-animation: hideNav 450ms linear infinite;-o-animation: hideNav 450ms linear infinite;animation: hideNav 450ms linear infinite;}
***/
@keyframes hideNav {from { top:0; } to { top:1px; } } 
@-webkit-keyframes hideNav {from { top:0; } to { top:1px; } }
@-moz-keyframes hideNav { from { top:0; } to { top:1px; } } 
@-o-keyframes hideNav { from { top:0; } to { top:1px; } } 

.rongyu{ width:100%}

#rightButton{ position:fixed; _position:absolute;bottom:20%;right:0; z-index:999999; display:block;}

#right_ul{ position:relative;margin:0;}
#right_ul li{margin-bottom:1px; width:66px; height:66px;position:relative;  }

#right_kef{background:url(../images/online_kf.jpg) 0 0 no-repeat;background-size:100%;}
#right_qq{background:url(../images/lxqq.jpg) 0 0 no-repeat;background-size:100%;}
#right_tel{background:url(../images/lxdh.jpg) 0 0 no-repeat;background-size:100%;}
#right_weixin{background:url(../images/lxwx.jpg) 0 0 no-repeat;background-size:100%;}


#right_tip{background:url(../images/flag_right.png) no-repeat; width:252px; height:91px; position:absolute; right:80px; top:-10px; display:none; z-index:999999; }
.flagShow_p1{ float:left; margin-left:15px; _margin-left:5px; font-size:18px; line-height:91px;}
.flagShow_p2{ float:left; margin-left:10px; _margin-left:5px; font-size:18px;  color:#FA7C00;}
.flagShow_p2 a{ display:block; margin: 20px 0 5px 12px; line-height:0;}
.flagShow_p2 span{ margin: 0 0 0 14px; }
.flag_qq{ display:none;}
#backToTop{right:0; z-index:999999; display:none; }
a.backToTop_a{background:url(../images/top.jpg) 0 0 no-repeat;background-size:100%; width:66px; height:66px; display:block; }
.line91{ line-height:91px; }

#right_ul div{padding:8px;position:absolute;top:0;right:66px;width:200px;background:#1166ae;display:none;}
#right_ul li div p{font-size:16px;height:32px;line-height:32px;color:#fff;}
#right_ul li div p a{color:#fff;}
#right_ul li div p a:hover{color:#fed6d6;}
#right_ul li div p strong{width:50px;text-align:right;color:#fff;}
#right_weixin div.weixin{width:124px;height:124px;padding:5px;background:#1166ae;position:absolute;right:66px;top:0px;display:none;}
#rightButton div.weixin img{width:100%;}
#right_weixin:hover div.weixin{display:block;}
#right_ul li:hover div{display:block;}
#right_add{background:url(../images/lxdz.jpg) 0 0 no-repeat;background-size:100%;}
#right_ul li .a {
    display: block;
    width: 100%;
    height: 100%;
}
.w1400{ width:90%}
.threecont{width:78%}	
.solution{ padding:10% 0;height:auto;}
.product{height:auto; padding-bottom:20%; padding-top:6%}
.jfico{ width:88.5px;}
.solutionc{ padding-right:88.5px;}
.solution_l{ top:8%}
.solutioncont .swiper-button-next{}
.solutioncont,.solutioncont .swiper-slide,.areascont{ height:auto}
.areas,.contact{height:auto;}
.areascont .swiper-container{ padding-bottom:20%}
.areascont .swiper-slide:hover{ background:rgba(12,22,49,0);height:auto}
.contact{ padding-bottom:10%}
.picmain h2{ font-size:45px;}
.picmain h3{ font-size:33px; margin-top:-10px;}
