/*通用样式*/
*{box-sizing:border-box;}
*::before, *::after{box-sizing:border-box;}
body,html,div,p,table,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
ul,ol,li,dl,dt,dd{list-style:none;}
img,a{border:none;}
em,i{font-style:normal;}
a{outline:none;text-decoration:none;color: #0d0d0d;} 
body{font-family:'phtr','Microsoft YaHei','微软雅黑','宋体',Verdana,sans-serif;color:#323232;font-size:14px;background:#fff;width:100%;height:100%;position:relative;}
.wrap{margin:0 auto; width:95%; max-width:1680px; padding:0;}
.clear{width:0;height:0;font-size:0;line-height:0;clear:both;overflow:hidden;}
.clear:after,.clear:before{content: "";display: block;clear: both;}
.fl{float:left;}
.fr{float:right;}
.flex{display:flex; align-items:center;}
.justify{justify-content:space-between;}
body{overflow-x:hidden;}


/*导航*/
#daohang{width:100%; height:100px; background:#fff; color:#333; line-height:100px; border-bottom:1px solid rgba(255,255,255,0.2); position:fixed; top:0; left:0; z-index:9999; box-shadow:0 3px 12px rgba(0,0,0,.1);}
#daohang .fl{margin-top:20px;}
#daohang .fl a{display:block; float:left; overflow:hidden;}
#daohang .fl a img{width:100%; height:100%; display:block;}
#daohang .fl span{float:left; font-size:18px; color:#00426b; line-height:60px; margin-left:10px;}

#daohang .fr .wechat{width:22px; height:22px; overflow:hidden; margin-top:40px;}
#daohang .fr .wechat img{width:100%; display:block; margin-top:-22px;}

#daohang .nav{float:left; margin-left:10%;}
#daohang .nav > li{float:left; margin:0 35px;} 
#daohang .nav > li > a{font-size:18px; line-height:100px; transition:all .5s ease; position:relative; font-weight:500; display:block; color:#333;} 
#daohang .nav > li.on > a,#daohang .nav > li:hover > a{color:#8dc309 !important;} 
#daohang .nav > li.on > a::after,#daohang .nav > li:hover > a::after{opacity:1;} 
#daohang .nav > li > a::after{content:''; width:100%; height:4px; background:#8dc309; position:absolute; bottom:0; left:0; opacity:0; transition:opacity .5s ease;}
.globalnav-menutrigger{width:27px; float:right; margin:40px 0 0 20px; display:none;}
.globalnav-menutrigger .img1{display:block;}
.globalnav-menutrigger .img2{display:none;}
._block{display:block;}
#_header1_liSolutions,#_header1_liServices,#_header1_liServices,#_header1_liCommunitys,#_header1_liAbouts{position:relative;}
.styleNav{display:none; position:absolute; top:100%; left:52%; transform:translateX(-50%); z-index:200; background-color:#fff;padding:10px 0;}
.styleNav>li{display:block; width:298px; height:40px; position:relative;}
.styleNav>li>a{display:block; line-height:40px; font-size:15px; color:#333;padding: 0 40px 0 18px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;background-image: url(../image/jian2.png);background-repeat: no-repeat;background-position: 276px center;background-size: 7px 14px;}
.styleNav>li>a.active{background-image:url(../image/jian.png);background-color:#8dc309;color: #fff;}
.styleNav>li:hover>a{background-image:url(../image/jian.png);background-color:#8dc309;color: #fff;}
.styleNav>li img{display: inline-block;width: 20px;margin-right:10px;}
.styleNav>li:hover>a .img1{display:none;}
.styleNav>li:hover>a .img2{display:inline-block !important;}
.styleNav>li>ul>li>ul{display: none;height: auto;position: absolute;top: 0;left: 100%;background: rgba(56, 66, 82, 0.95);padding: 11px 0;}
.styleNav>li>ul>li>ul>li{display: block;width: 316px!important;height: auto;position: relative;}
.styleNav>li>ul>li>ul>li>a{display: block;width: 100%;height: 40px;padding: 0 64px 0 22px;line-height: 40px;font-size: 15px;color: #b7c1cf;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;position: relative;}
.styleNav>li>ul>li>ul>li:hover>a{color: #fff;}
.styleNav>li>ul>li>ul>li>a.active{color: #fff;}
.styleNav>li>ul>li>ul>li>a.active::before{content: "";display: block;width: 2px;height: 16px;background: #fff;position: absolute;left: 0;top: 50%;margin-top: -8px;}
.styleNav>li>ul>li>ul>li:hover>a::before{content: "";display: block;width: 2px;height: 16px;background: #fff;position: absolute;left: 0;top: 50%;margin-top: -8px;}
.styleNav>li>ul>li>ul>li>span{display: block;width: 34px;height: 14px;position: absolute;right: 18px;top: 50%;margin-top: -7px;text-align: center;line-height: 14px;}

.navlinks{background-color:#fff;position:absolute;left:0;top:100px; border-top:1px solid #e9e9e9;padding:40px 2.5%;width:100%;z-index:1000;display:none;}
.navlinks .navChild{align-items:normal;} 
.navlinks .leftNavs{width:20%; height:28vw; background:#003f62;}
.navlinks .leftNavs li{height:60px;line-height:60px;cursor: pointer;font-size:18px;}
.navlinks .leftNavs li a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding:0 20px; color:#fff !important;}
.navlinks .leftNavs li.on a,.navlinks .leftNavs li:hover{background: #8dc309;color:#fff;}
.rightNavs{width:calc(100% - 20%); height:28vw; overflow:auto; position:relative;}
/* .navChild.shows:before{content:'';width:16px;height:16px;background:url(../image/1.jpg) no-repeat;position:absolute;bottom:0;left:50%;transform:translateX(-50%);} */
.rightNavs::-webkit-scrollbar{width:10px;height:4px;background-color: #eee;border-radius: 5px;}
.rightNavs::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow: inset 0 0 5px #8dc309;background: #8dc309;}
.rightNavs:-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);border-radius: 0;background: rgba(0,0,0,0.2);}
.rightNavs .navswich{display:flex;width:100%;flex-wrap:wrap;}
.rightNavs .thirdNavlist{padding:20px 0px 15px 0px; background-color:#f7f8f9; float:left; width:16.66%; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;  -webkit-transition: background-color 0.3s; transition: background-color 0.3s;}
.rightNavs .thirdNavlist:hover{background:#fff;}
.rightNavs .thirdNavlist .pic{width:120px; height:90px; margin:0 auto; text-align:center;}
.rightNavs .thirdNavlist .pic img{width:100%; height:100%; max-height:100%;}
.rightNavs .thirdNavlist .biaot{font-weight:normal; margin:0; font-size:15px; text-align:center; line-height:26px; margin-top:10px;}
.rightNavs .thirdNavlist:hover .biaot{color:#8dc309;}
.thirdNavlist{float:left;}

/* 手机版导航样式 */
.leftNavPop-bg{display:none;width:100%;height: calc(100% - 100px);background: rgba(0, 0, 0, 0.4);position: fixed;top: 100px;left: 50%;transform: translateX(-50%);z-index: 99;}
.leftNavPop{display: none;width: 100%;max-width:980px;height: auto;max-height: calc(100% - 100px);position: fixed;top: 100px;left: 50%;transform: translateX(-50%);z-index: 198;overflow: auto;}
.leftNavPop > ul > li > a{display:block;width: 100%;height:60px;border-bottom: 1px solid #e7e7e7;font-size:18px;color: #000000;line-height:60px;background: #fff;position: relative;padding:0 20px;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.leftNavPop > ul > li > a span{display: flex;width:20px;height:20px;align-items: center;justify-content: center;position: absolute;right:20px;top:50%;transform: translateY(-50%);}
.leftNavPop > ul > li > a span img{display: block;max-width: 100%;max-height: 100%;}
.leftNavPop > ul > li:last-child > a{border: none;}
.leftNavPop > ul > li > ul > li > div{display: block;width: 100%;height:52px;border-bottom: 1px solid #e1e1e1;font-size:16px;color: #282828;line-height:52px;background: #f6f6f6;position: relative;padding: 0 30px 0 50px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;}
.leftNavPop > ul > li > ul > li > div span{display: flex;width:30px;height:30px;padding:5px;align-items: center;justify-content: center;position: absolute;left:20px;top: 50%;transform: translateY(-50%);z-index: 19;}
.leftNavPop > ul > li > ul > li > div > a{display: block;width: 100%;height: 100%;line-height:52px;}
.leftNavPop > ul > li > ul > li > div span img{display: block;max-width: 100%;max-height: 100%;}
.leftNavPop > ul > li > ul > li:last-child > a{border:none;}
.leftNavPop > ul > li > ul > li > ul > li{display:flex;width:100%;height:36px;align-items: center;padding: 0 30px 0 56px;font-size:14px;color: #474747;background: #ececec;border-bottom: 1px solid #dbdbdb;}
.leftNavPop > ul > li > ul > li > ul > li span{display: flex;width: auto;height:36px;align-items: center;margin-left:10px;}
.leftNavPop > ul > li > ul > li > ul > li a{line-height:36px;display: block;width: auto;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.leftNavPop > ul > li > ul > li > ul > li > a p{max-width:20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.leftNavPop > ul > li > ul > li > ul > li > a img{min-height:36px;margin-left:6px;display: block;}
.leftNavPop > ul > li > ul > li > ul > li:last-child > a{border:none;}
.leftNavPop > ul > li > ul{display:none;}
.leftNavPop > ul > li > ul > li > ul{display:none;}

#daohang .fr{width:200px; float:right; color:#fff;}
#daohang .fr li a{float:left; height:100px;}
#daohang .fr li{float:left; line-height:100px !important; color: #fff;}
#daohang .fr li:last-child{margin-right:0;}
#daohang .fr li .lan{width:110px; height:40px; float:left; line-height:40px; position:relative; z-index:5; margin:30px 0 0 40px; background: #8dc309; border-radius:24px; display:none;}
#daohang .fr li .lan .name{height: 40px; color:#333; font-size: 14px; font-weight: bold; padding-left: 50px; width: 100%; border-radius: 24px; position: absolute; left: 0; top:0; z-index: 2; cursor: pointer; background:#8dc309 url(../image/selectIco.png) right center no-repeat; color:#fff;}
#daohang .fr li .lan .name img{position: absolute; left: 17px; top: 50%; margin-top: -10px;}
#daohang .fr li .lan dl{padding:20px 0 5px; position:absolute; z-index: -1; left: 0; top:20px; width:100%; display:none; background:#8dc309; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}
#daohang .fr li .lan a{width:100%; display:block; height:35px; line-height:35px; padding-left:46px; color:#fff; font-size: 15px;}
#daohang .fr li .lan a:hover{text-decoration: underline; color:#fff;}

.box-active .fl .wen{color: #333;}
.box-active .fr li{color: #333 !important;}   

/* 滚动条样式 */
::-webkit-scrollbar { /*滚动条整体样式*/
    width: 6px !important;; /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px !important;;
    background: #ffffff !important;;
    cursor: pointer !important;
}

::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 5px !important;
    -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5) !important;;
    background: rgba(141,195,9, 1) !important;;
    cursor: pointer !important;
}

::-webkit-scrollbar-track { /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5) !important;;
    border-radius: 0 !important;;
    background: rgba(240, 240, 240, 0.5) !important;;
    cursor: pointer !important;
}


/* 小火箭css */
#gotop1{
    width:100px;
    position:fixed;
    bottom:60px;
    cursor:pointer;
    z-index: 99998;
    right:0;
}
/* 小火箭悬停特效 */
#gotop1:hover {
    animation: rubberBand 1s;
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, .95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}
/* end 小火箭 */

.popup{background-color:rgba(0,0,0,.54);-webkit-transition:opacity .4s cubic-bezier(.23,1,.32,1) 0s;transition:opacity .4s cubic-bezier(.23,1,.32,1) 0s;-o-transition:opacity .4s cubic-bezier(.23,1,.32,1) 0s;-moz-transition:opacity .4s cubic-bezier(.23,1,.32,1) 0s;will-change:opacity,transform}.popup__container{text-align:left;font-size:12px;background-color:#fff;padding:35px;margin:30px auto;box-shadow:rgba(0,0,0,.25) 0 14px 45px,rgba(0,0,0,.22) 0 10px 18px;-webkit-box-shadow:rgba(0,0,0,.25) 0 14px 45px,rgba(0,0,0,.22) 0 10px 18px;-moz-box-shadow:rgba(0,0,0,.25) 0 14px 45px,rgba(0,0,0,.22) 0 10px 18px;border-radius:3px;transition:opacity .2s ease,visibility 0s .1s,transform 450ms cubic-bezier(.23,1,.32,1) 0s,-webkit-transform 450ms cubic-bezier(.23,1,.32,1) 0s;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8);-webkit-transition:opacity .2s ease,visibility 0s .1s,-webkit-transform 450ms cubic-bezier(.23,1,.32,1) 0s;transition:opacity .2s ease,visibility 0s .1s,-webkit-transform 450ms cubic-bezier(.23,1,.32,1) 0s;transition:opacity .2s ease,visibility 0s .1s,transform 450ms cubic-bezier(.23,1,.32,1) 0s;will-change:transform,opacity}.popup__close{position:absolute;top:15px;right:15px;width:18px;height:18px;cursor:pointer;padding-top:8px}.popup__close span{display:block;width:100%;height:1px;background-color:#2f2c2c}.popup__close span:first-of-type{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.popup__close span:last-of-type{-webkit-transform:rotate(-45deg) translateY(-1px);-moz-transform:rotate(-45deg) translateY(-1px);-ms-transform:rotate(-45deg) translateY(-1px);-o-transform:rotate(-45deg) translateY(-1px);transform:rotate(-45deg) translateY(-1px)}@media (max-width:767px){.popup__container{width:80% !important;margin:10px auto;padding:20px 18px}.popup__close{top:10px;right:10px}}.popup.opened .popup__container{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
.popup{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;z-index:1050;overflow:auto;outline:0;text-align:center;font-size:0;transform:translate3d(0,0,0)}
.popup:after{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
@media (max-width:767px){.popup{padding:20px 0}}
.popup__container{display:inline-block;vertical-align:middle;position:relative}
.popup.opened{opacity:1;visibility:visible}
body.popup-opened{position:fixed;top:0;left:0;right:0;overflow:hidden}
.popup__content img{width:1.5rem;margin:0 auto;display:block;float:left;}

/* .box-active{width:100%; height:16px;color: #fff;line-height: 16px;border-bottom: 1px solid rgba(255,255,255,0.2);position: fixed !important;top:0;left:0;z-index: 1000;background: #fff;box-shadow: 2px 5px 5px 2px rgba(0,0,0,0.1);}
.box-active .nav li a{color: #333 !important;}
.box-active .nav li a:hover{color:#fff !important;}
.box-active .navlinks .leftNavs li a{color:#fff !important;}
.box-active .globalnav-menutrigger .img1{display:none;}
.box-active .globalnav-menutrigger .img2{display:block;}
.box-active .fl span{color:#333;}
.box-active  .fr .wechat img{margin-top:-20px;} */

/* 鼠标跟随 */
#c-followDot{position: fixed;top: 0;left: 0;width:10px;height:10px;border-radius: 50%;background-color: #8dc309;z-index: 999;pointer-events: none;}
#c-followDot .c-default{position: absolute;top: -30px;left: -30px;width: 60px;height: 60px;border: 1px solid #9c9c9c;border-radius: 50%;opacity: .2;box-sizing: border-box;z-index: 99;-webkit-transition: all .6s;transition: all .6s;}
#c-followDot .c-hover{position: absolute;top: -60px;left: -60px;width: 120px;height: 120px;background-color: #bbb;border-radius: 50%;opacity: .12;z-index: 98;box-sizing: border-box;transform: scale(0, 0);-webkit-transform: scale(0, 0);-webkit-transition: all 0.6s;transition: all 0.6s;}
#c-followDot.c-active .c-default{transform:scale(0, 0); -webkit-transform:scale(0, 0);}
#c-followDot.c-active .c-hover{transform:scale(1, 1); -webkit-transform:scale(1, 1);}

#banquan{width:100%; margin:auto; background:#f8f8f8; position:relative; padding:20px 0; overflow:hidden;}
#banquan .wrap{height:100%;}
#banquan .shang{width:100%; height:160px;border-bottom:1px solid #e9e9e9; display:none;}
#banquan .shang .logo{float:left;}
#banquan .shang .logo img{display:block; width:90px; margin:20px 0 0;}
#banquan .zhong .erwei{padding-top:30px; color:#999;}
#banquan .zhong .erwei img{width:140px; height:140px; display:block; float:left; margin-right:20px;}
#banquan .shang .nav{float:right; line-height:160px;}
#banquan .shang .nav a{font-size:18px; color:#666; padding-left:30px;}
#banquan .shang .nav a:hover{color:#8dc309;}

#banquan .zhong .fl{width:40%; color:#666; font-size:16px;float:right; margin-top:40px;}
#banquan .zhong .fl span img{width:66px; display:block; padding-right:20px; float:left;}
#banquan .zhong .fl p{font-size:36px; color:#8dc309; padding:5px 10px; font-family:Verdana, Geneva, Tahoma, sans-serif;}
#banquan .zhong .fl p:last-of-type{padding:0 0 0 65px;}
#banquan .zhong .fl .wen{margin-top:0; line-height:30px;}
#banquan .zhong .fl .wen a{color:#666;}
#banquan .zhong .fl .wen a:hover{color:#8dc309;}

#banquan .zhong .fr{width:50%; margin-top:40px; float:left;}
#banquan .zhong .fr span{font-size:20px;color:#999; line-height:50px;}
#banquan .zhong .fr span img{width:66px; display:block; padding-right:20px;float:left;}
#banquan .zhong .fr input{width:100%; height:44px; line-height:44px; background:none; outline:none; border:none; margin-right:30px; font-size:16px;color: #666; margin:15px 0; display:block;border-bottom:1px solid #e9e9e9;}
#banquan .zhong .fr textarea{outline:none; border:none; background:none; width:45%; margin:20px 0;height:44px; font-size:16px; font-family:'Microsoft YaHei'; line-height:44px; border-bottom:1px solid #e9e9e9; overflow:hidden;}
#banquan .zhong .fr .tijiao1{background:#8dc309; width:200px; height:52px; line-height:52px; margin:20px 0 0; color:#fff; font-size:16px; text-indent:0; display:block; border-radius:30px; cursor:pointer;}
#banquan .zhong .fr .tijiao1:hover{background:#003f62; transition:all .5s ease-in-out;}
#banquan .zhong .fr li{width:45%; float:left; font-size:16px;}

#banquan .erji{width:160px; float:right;}
#banquan .erji li{float: left;margin-top: 12.8px;margin-left: 16px;}
#banquan .erji li:first-child{margin-left: 0;}
#banquan .erji li p{font-size: 2.56px;color: #333;margin-bottom: 3.2px;}
#banquan .erji li a{font-size: 2.24px;color: #808080;line-height: 5.6px;display: block;}
#banquan .erji li a:hover{color:#8dc309;}

.end{width:100%; height:60px; line-height:60px; margin:60px auto 0; border-top:1px solid #e9e9e9;color:#666; text-align:center; font-size:16px; overflow:hidden;}
.end a{color:#666; padding:0 20px;}
.end a:hover{color: #fff;}
.end .fl{width:100%; display:block; margin:auto; text-align:center;}


@media screen and (min-width:1440px) and (max-width:1800px) {
    #about .xia a .you{top:4px !important;}
}