@charset "utf-8";
/* CSS Document */
body {color:#444444;overflow-x: hidden; background:#fff;} a{color:#444444}a:active,a:hover {color:#58d498}
#obtn{float: left; width: 100%;}
.container2,
.container1{ padding-right:15px; padding-left:15px; margin-right: auto; margin-left: auto;}
 @media (min-width: 768px) {
	 .container{ width: 768px; }
     .container1{width:768px;}
     .container2{width:768px;}
 }
@media (min-width: 1024px) {
    .container{ width: 1024px; }
    .container1{width:1024px;}
    .container2{width:1024px;}
}
 @media (min-width: 1230px) {
	 .container{ width: 1230px; }
     .container1{width:1230px;}
     .container2{width:1230px;}
 }
 @media (min-width: 1400px) {
	 .container{width:1400px;}
     .container1{width:1400px;}
 }
@media (min-width: 1770px) {
    .container1{width:1770px;}
}
/*Top*/
#obtn .head{ float:left; width:100%; background: #010f2c; background: rgba(1,15,44,0.9); position:absolute; left:0; top:0; z-index:101; border-bottom: 1px solid #fff;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.head{ position:fixed;}
#obtn .head.pageHead{background: #fff;
    box-shadow: 0 3px 15px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 3px 15px rgba(0,0,0,0.05);
    -webkit-box-shadow: 0 3px 15px rgba(0,0,0,0.05);
}
#obtn .logo{ float:left; margin:15px 0 15px 0; width:180px; height:28px; line-height:0;transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}

#obtn .language{float: right; line-height: 74px; color:#ffffff; color:rgba(255,255,255,0.6); font-size: 12px;}
#obtn .tel{float: right; line-height: 74px;  color:rgba(255,255,255,0.6); font-size: 23px; margin-right:1em;}
#obtn .tel a{color:#00d4b2;}
#obtn .head.pageHead .language{color:#444;}
#obtn .language i{float: left; margin: 0 10px;}
#obtn .language a{float: left; font-size: 16px; color:#ffffff; opacity: 0.6;filter:Alpha(opacity=60);}
#obtn .head.pageHead .language a{color:#444444}
#obtn .head.pageHead .language a:hover,
#obtn .language a:hover{color:#58d498;}
#obtn .cloud{float: right; margin: 18px 0 0 45px;}
#obtn .cloud a{float: left; width: 120px; height: 42px; font-size: 16px; line-height: 42px; text-align: center; color:#fff;
    background:#0fe9b2;
    background: -webkit-linear-gradient(left,#04c0f0,#17e8be);
    background: -o-linear-gradient(left,#04c0f0,#17e8be);
    background: -moz-linear-gradient(left,#04c0f0,#17e8be);
    background: -ms-linear-gradient(left,#04c0f0,#17e8be);
    background: linear-gradient(to right,#04c0f0,#17e8be);
    background: -webkit-gradient(linear, top left, top right, color-stop(0%,#04c0f0), color-stop(100%,#17e8be));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04c0f0', endColorstr='#17e8be',GradientType=0);
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}
#obtn .cloud a:hover{
    background:#0fe9b2;
    background: -webkit-linear-gradient(left,#33c08a,#5cd499);
    background: -o-linear-gradient(left,#33c08a,#5cd499);
    background: -moz-linear-gradient(left,#33c08a,#5cd499);
    background: -ms-linear-gradient(left,#33c08a,#5cd499);
    background: linear-gradient(to right,#33c08a,#5cd499);
    background: -webkit-gradient(linear, top left, top right, color-stop(0%,#33c08a), color-stop(100%,#5cd499));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04c0f0', endColorstr='#17e8be',GradientType=0);
}

/*menu*/
#obtn .menu{float: left; margin-left: 41px;}
#obtn .menu .nli{ float:left; padding:0; margin:0 0 0 27px; position: relative;}
#obtn .menu .nli span a{ float:left; position:relative; padding: 0 19px; color:#fff; font-size:16px; line-height:74px;}
#obtn .head.pageHead .menu .nli span a{color:#444444}
#obtn .menu .nli span a:after{position: absolute; content: ''; width: 100%; height: 0; background: #58d498; left: 0; bottom: -1px;
    background: -webkit-linear-gradient(left,#04c0f0,#17e8be);
    background: -o-linear-gradient(left,#04c0f0,#17e8be);
    background: -moz-linear-gradient(left,#04c0f0,#17e8be);
    background: -ms-linear-gradient(left,#04c0f0,#17e8be);
    background: linear-gradient(left,#04c0f0,#17e8be);
    background: -webkit-gradient(linear, top left, top right, color-stop(0%,#04c0f0), color-stop(100%,#17e8be));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04c0f0', endColorstr='#17e8be',GradientType=0 );
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}
#obtn .menu .nli.active span a:after,
#obtn .menu .nli span:hover a:after{height: 4px;}

#obtn .menu .sub{float:left; display: none; position:absolute; left:50%; margin-left: -90px; top:74px; width:180px; z-index:66;}
#obtn .menu .sub.proSub{width: 450px; left: 50%;}
#obtn .menu .sub .subBox{float: left; width: 100%;background: #16234d; padding: 15px 0 25px 0; margin-top: 20px; position: relative;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	-webkit-box-shadow: 0 0 24px rgba(0,0,0,0.8);
}
#obtn .head.pageHead .menu .sub .subBox{background: #fff;}
#obtn .menu .sub.proSub .subBox{ padding: 30px 0;}
#obtn .menu .sub .subBox:after{ position: absolute; content: ''; left: 50%; margin-left: -10px; top:-10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 12px solid #16234d;
}
#obtn .menu .sub.proSub .subBox:after{left: 80px; margin-left: 0;}
#obtn .head.pageHead .menu .sub .subBox:after{border-bottom: 12px solid #fff;}

#obtn .menu .sub.proSub .tableBox{float: left; width: 50%; padding-left:50px; /***padding-right:20px;**/ position: relative}
#obtn .menu .sub.proSub .tableBox:after{position: absolute; content: ''; width: 1px; height: 100%; border-right: 1px dotted #fff; opacity: 0.1;filter:Alpha(opacity=20);}
#obtn .head.pageHead .menu .sub.proSub .tableBox:after{border-right: 1px dotted #444;}
#obtn .menu .sub.proSub .tableBox.two:after{border-right: 0;}
#obtn .menu .sub li{float: left; width: 100%; text-align:center; margin-top: 10px;}
#obtn .menu .sub .subBox1 li{float: left; width: 100%; text-align:left;padding-left: 33.33%; margin-top: 10px;}
#obtn .menu .sub.proSub .tableBox li{text-align: left; margin-top: 14px;}
#obtn .menu .sub li a{ float:left; width: 100%; color:#fff; font-size:14px; line-height:38px;opacity: 0.6;filter:Alpha(opacity=60)}
#obtn .head.pageHead .menu .sub li a{color:#444;opacity:1;filter:Alpha(opacity=100)}
#obtn .menu .sub li a sup{color:#ff0000;}
#obtn .menu .sub li.first,
#obtn .menu .sub.proSub .tableBox li.first{margin-top: 0;}
#obtn .menu .sub li.first a{font-size: 16px; line-height: 45px; font-weight: bold;}
#obtn .head.pageHead .menu .sub li.first a{color:#58d498;}
#obtn .menu .sub.proSub .tableBox li a{padding-left: 20px;}
#obtn .menu .sub li:hover{ background:rgba(0,0,0,0.1);opacity:1;filter:Alpha(opacity=100); color:#58d398;}
#obtn .head.pageHead .menu .sub li a:hover{color:#58d498}

#obtn .head.on{ box-shadow:0 5px 10px rgba(0,0,0,0.1);}
#obtn .head.on .menu .nli span a{ line-height:84px;}
#obtn .head.on .menu .sub{ top:84px;}
#obtn .head.on .logo{ margin:20px 0;}
@media screen and (max-width:1900px )
{
	#obtn .tel{ display: none;}
}
@media screen and (max-width:1399px ){
    #obtn .menu .nli{margin-left: 10px;}
    #obtn .menu .nli span a{padding: 0 25px;}
}
@media screen and (max-width:1229px ){
    #obtn .menu{margin-left:25px;}
    #obtn .menu .nli{margin-left:10px;}
    #obtn .menu .nli span a{font-size: 14px; padding:0 20px;}
    #obtn .menu .sub.proSub{width: 400px;}
    #obtn .menu .sub.proSub .subBox{padding: 30px 0 30px 0;}
    #obtn .menu .sub.proSub .tableBox{padding-left: 20px; padding-right:15px;}
    #obtn .menu .sub.proSub .tableBox li{margin-top: 8px;}
    #obtn .menu .sub .subBox{padding:20px 0;}
    #obtn .menu .sub li{margin-top: 5px;}
    #obtn .menu .sub li.first a{font-size: 15px; line-height: 40px;}
    #obtn .language a{font-size: 15px;}
    #obtn .cloud{margin: 17px 0 0 25px;}
    #obtn .cloud a{width: 100px; height: 40px; line-height: 40px;}
}
@media screen and (max-width:1023px ){
    #obtn .menu{ display:none;}
    #obtn .logo{margin: 17px 0;}
    #obtn .language{line-height: 62px;}
    #obtn .cloud{margin: 12px 20px 0 15px;}
    #obtn .cloud a{height: 38px; line-height: 38px; font-size: 14px;}
}
@media screen and (max-width:767px ) {
    #obtn .cloud{margin: 14px 12px 0 10px;}
    #obtn .cloud a{width: 80px;height: 34px;line-height: 34px;}
    #obtn .language a{font-size: 14px;}
    #obtn .language i{margin: 0 5px;}
}
@media screen and (max-width:400px ){   
    #obtn .language{line-height: 0;opacity: 0;}
}
.slide_banner{ width: 100%;}
.btm{  height:520px; border: 1px solid #fff; background: #fff; float: left;}
.container2 h1{text-align: center; line-height: 80px; margin: 80px 0 0;}
.container2 h3{text-align: center; line-height: 40px; margin: 0 0 50px;}
.container2 .boxleft{ width: 25%; padding-left: 2%;  height: 100%;  float: left; text-align:center;}
.container2 .boxleft span{display:block; margin: 20px 10px 10px;}
.container2 .boxleft .fbig{ font-size: 20px; line-height: 60px;}
.container2 .boxleft .fsml{ font-size: 14px; line-height: 24px;}
.boxbg{ background: #f6f6f6;  display: flex; align-items: stretch; border-right: 1px solid #fff; padding: 20px 0;}
.boxbg h1{ margin: 50px 0  30px !important; flex:1; width: 100%;}
.boxbg .probox{width:45%; padding-left: 10%; float: left; display:block; flex:1}
.boxbg .proimg{ width:45%; float: left; flex:1}
.boxbg .probox .fbig{ font-size: 20px; line-height: 60px; padding-top: 20px;}
.boxbg .probox .fsml{ font-size: 14px; line-height: 30px;}

.boxbg1{ background: #f9f9f9;  display: flex; align-items: stretch; border-right: 1px solid #fff; padding:20px 0;}
.boxbg1 .probox{width:40%; padding-left: 0%; float: left; display:block; flex:1}
.boxbg1 .proimg{ width:50%; float: left; flex:1; text-align: right; }
.boxbg1 .probox .fbig{ font-size: 20px; line-height: 60px; padding-top: 30px;}
.boxbg1 .probox .fsml{ font-size: 14px; line-height: 30px;}

.about{ height: 600px; border: 1px solid #fff; padding-top: 40px; float: left; width: 100%;}
.about h1{text-align: center; line-height: 80px; margin:0px 0 0 !important;}
.about h3{ line-height: 40px; text-align: left; margin:20px 0; text-indent: 40px;}
.about .probox{width:58%; padding-left: 0%; float: left; display:block; flex:1}
.about .proimg{ width:40%; float: left; flex:1; text-align: left;  padding-top: 20px;}
.about .probox .fbig{ font-size: 18px; line-height: 46px; padding-top: 0px;}

/*首页-案例*/
#obtn .homeCaseBox{float: left; width: 100%; background: #38393a;position: relative; }
#obtn .homeCaseBg{position: absolute; left: 0; top:0; width: 100%; height: 100%; opacity: 0.55;filter:alpha(opacity=55);}
#obtn .homeCaseInfo{float: left; width: 100%; margin: 20px 0; position: relative; z-index: 4;}
#obtn .homeCaseInfo h1{ margin: 0px 0 60px;}
#obtn .homeCaseInfo .leftCaseIco{float: left; width: 23.5%; padding: 37px 30px 36px 30px;
    background: #58d498;
    background: -webkit-linear-gradient(40deg,#04c0f0,#17e8be);
    background: -o-linear-gradient(40deg,#04c0f0,#17e8be);
    background: -moz-linear-gradient(40deg,#04c0f0,#17e8be);
    background: -ms-linear-gradient(40deg,#04c0f0,#17e8be);
    background: linear-gradient(40deg,#04c0f0,#17e8be);
    background: -webkit-gradient(linear, top left, top bottom, color-stop(0%,#04c0f0), color-stop(100%,#17e8be));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04c0f0', endColorstr='#17e8be',GradientType=0 );
    box-shadow: 0 0 35px rgba(24,34,64,0.35);
    -moz-box-shadow: 0 0 35px rgba(24,34,64,0.35);
    -webkit-box-shadow: 0 0 35px rgba(24,34,64,0.35);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}
#obtn .homeCaseInfo .hCaseTit{float: left; width: 100%; color:#fff; font-size: 30px; line-height: 52px;}
#obtn .homeCaseInfo .p3{float: left; width: 100%; margin-top: 21px; color:#ffffff; font-size: 16px;line-height: 32px;}
#obtn .homeCaseInfo .leftIcoList{float: left; width: 100%; margin-top: 12px;}
#obtn .homeCaseInfo .leftIcoList ul{margin: 0 -8px;}
#obtn .homeCaseInfo .leftIcoList li{float: left; width: 50%; padding: 0 8px; margin-top:16px;}
#obtn .homeCaseInfo .leftIcoList li span{float: left; width:100%; background: #fff; background: rgba(255,255,255,0.2); color:#fff; font-size: 14px; line-height: 50px; text-align: center; /***cursor: pointer;**/
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;

    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}
#obtn .homeCaseInfo .leftIcoList li.on span,
#obtn .homeCaseInfo .leftIcoList li span:hover{
    /**background: #fff;***/ color:#FFF;
}
#obtn .homeCaseInfo .more{float: left; width: 100%; margin-top: 32px;}
#obtn .homeCaseInfo .more a{float: left; width: 100%; height: 50px; line-height: 50px; text-align: center; color:#54d097; font-size: 16px; background: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}
#obtn .homeCaseInfo .more a:hover{
    color:#fff; background: #54d097;
}
#obtn .homeCaseInfo .rightCaseList{float: right; width: 71%; border: 0px solid #f8f8f8; height: 300px; }
#obtn .homeCaseInfo .rightCaseList .ul1{margin: 0 -11px;}
#obtn .homeCaseInfo .rightCaseList .ul1 li{float: left; width:80%; margin-top: 31px; padding: 0 11px;}
#obtn .homeCaseInfo .rightCaseList .ul1 li span{float: left; width: 100%; line-height: 0; background: #fff; overflow: hidden; cursor: pointer;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
#obtn .homeCaseInfo .rightCaseList .ul1 li span img{
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}
#obtn .homeCaseInfo .rightCaseList .ul1 li span:hover img{
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
}
@media screen and (max-width:1399px) {
    #obtn .homeCaseInfo{margin: 80px 0;}
}
@media screen and (max-width:1229px) {
    #obtn .homeCaseInfo{margin: 70px 0;}
    #obtn .homeCaseInfo .leftCaseIco{padding:25px 20px;}
    #obtn .homeCaseInfo .hCaseTit{font-size: 28px; line-height: 40px;}
    #obtn .homeCaseInfo .p3{font-size: 16px; margin-top: 15px;}
    #obtn .homeCaseInfo .leftIcoList ul{margin: 0 -5px;}
    #obtn .homeCaseInfo .leftIcoList li{padding:0 5px; margin-top: 10px;}
    #obtn .homeCaseInfo .leftIcoList li span{font-size: 14px; height: 45px; line-height: 45px;}
    #obtn .homeCaseInfo .more{margin-top: 25px;}
    #obtn .homeCaseInfo .more a{height: 45px; line-height: 45px;}
}
@media screen and (max-width:1023px) {
    #obtn .homeCaseInfo{margin: 55px 0;}
    #obtn .homeCaseInfo .leftCaseIco{width: 100%;padding: 20px;}
    #obtn .homeCaseInfo .hCaseTit{font-size: 24px; line-height: 30px;}
    #obtn .homeCaseInfo .hCaseTit p{float: left;}
    #obtn .homeCaseInfo .p3{margin-top: 5px;}
    #obtn .homeCaseInfo .leftIcoList{margin-top:5px;}
    #obtn .homeCaseInfo .leftIcoList li{width:16.6666%;}
    #obtn .homeCaseInfo .more{margin-top: 15px;}
    #obtn .homeCaseInfo .rightCaseList{width: 100%;}
}
@media screen and (max-width:767px) {
    #obtn .homeCaseInfo{margin: 35px 0;}
    #obtn .homeCaseInfo .leftCaseIco{padding: 15px;}
    #obtn .homeCaseInfo .hCaseTit{font-size: 20px;}
    #obtn .homeCaseInfo .p3{font-size: 14px;}
    #obtn .homeCaseInfo .leftIcoList li{width: 33.3333%;}
    #obtn .homeCaseInfo .leftIcoList li span{height: 40px; line-height: 40px;}
    #obtn .homeCaseInfo .more a{height: 40px; line-height: 40px;}
    #obtn .homeCaseInfo .rightCaseList{margin-top: 10px;}
    #obtn .homeCaseInfo .rightCaseList .ul1{margin: 0 -5px;}
    #obtn .homeCaseInfo .rightCaseList .ul1 li{padding:0 5px; margin-top: 15px; width: 25%;}
}


/*首页-新闻*/
#obtn .homeNewsBox{float: left; width: 100%;  background: #f4fafe; display: inline-flex;}
#obtn .homeNewsInfo{float: left; width: 100%; margin: 60px 0 79px 0}
#obtn .homeNewsList{float: left; width: 100%; margin-top:36px}
#obtn .homeNewsList ul{margin: 0 -24px;}
#obtn .homeNewsList li{float: left; width: 33.3333%; margin-top: 20px; padding: 0 24px;}
#obtn .homeNewsList li .newsWord{float: left; width: 100%;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}
#obtn .homeNewsList li .newsWord:hover{
    box-shadow: 0 0 13px rgba(106,137,177,0.3);
    -moz-box-shadow: 0 0 13px rgba(106,137,177,0.3);
    -webkit-box-shadow: 0 0 13px rgba(106,137,177,0.3);
}
#obtn .homeNewsList li .newsWord .tImg{float: left; width: 100%; line-height: 0; overflow: hidden;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}
#obtn .homeNewsList li .newsWord .tImg img{
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}
#obtn .homeNewsList li .newsWord:hover .tImg img{
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
}
#obtn .homeNewsList li .newsWord .dText{float: left; width: 100%; border:1px solid #e6e9f0; border-top:0; background: #fff; padding: 23px 30px 21px 30px;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
}
#obtn .homeNewsList li .newsWord .newLi1{float: left; width: 100%; padding-bottom: 18px; border-bottom: 1px solid #e6e9f0;}
#obtn .homeNewsList li .newsWord .newLi1 a{float: left; width: 100%; color:#444444; font-size: 14px; line-height: 36px; height: 72px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#obtn .homeNewsList li .newsWord .newLi1 a:hover{color:#4ccd94}
#obtn .homeNewsList li .newsWord .newLi1 a img{vertical-align: middle; margin-top: -5px;}
#obtn .homeNewsList li .newsWord dl{float: left; width: 100%; margin-top: 19px;}
#obtn .homeNewsList li .newsWord dd{float: left; width: 100%;}
#obtn .homeNewsList li .newsWord dd a{float: left; width: 100%; padding:0 50px 0 43px; line-height: 40px;color:#444444; font-size: 14px; position: relative;
}
#obtn .homeNewsList li .newsWord dd a:hover{color:#4ccd94}
#obtn .homeNewsList li .newsWord dd a span{float: left; width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#obtn .homeNewsList li .newsWord dd a i{position: absolute; left: 0; width: 30px; height: 20px; background: #24c887; text-align: center; line-height:20px;color:#fff; font-size: 12px; top:50%; margin-top: -10px;}
#obtn .homeNewsList li .newsWord dd a em{position: absolute; right: 0; color:#888888; font-size: 14px; line-height: 40px; text-decoration: underline;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}
#obtn .homeNewsList li .newsWord dd a:hover em{color:#4ccd94;}
#obtn .homeNewsList li .newsWord dd.two a{padding-left: 0;}
#obtn .newMore{float: left; width: 100%; margin-top: 60px; display: block; text-align: center;}
#obtn .newMore a{display: inline-block; width: 180px; height: 50px; text-align: center; font-size: 16px; line-height: 50px; color:#fff; background: #58d398; position: relative;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#obtn .newMore a:before {
    content: '';position: absolute;top: -20px;left: -20px;bottom: -20px;right: -20px;background: inherit;border-radius: 50px;z-index: -1;opacity: 0.4;
    -webkit-transform: scale3d(0.8, 0.5, 1);
    -moz-transform: scale3d(0.8, 0.5, 1);
    -o-transform: scale3d(0.8, 0.5, 1);
    transform: scale3d(0.8, 0.5, 1);
}
#obtn .newMore a:hover {
    -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    color: #fff;
    background-color: #58d498;
    -webkit-animation: anim-moema-1 0.3s forwards;
    -moz-animation: anim-moema-1 0.3s forwards;
    -o-animation: anim-moema-1 0.3s forwards;
    animation: anim-moema-1 0.3s forwards;
}
#obtn .newMore a:hover:before {
    -webkit-animation: anim-moema-2 0.3s 0.3s forwards;
    -moz-animation: anim-moema-2 0.3s 0.3s forwards;
    -o-animation: anim-moema-2 0.3s 0.3s forwards;
    animation: anim-moema-2 0.3s 0.3s forwards;
}


@media screen and (max-width:1399px) {
    #obtn .homeNewsInfo{ margin: 70px 0 65px 0}
    #obtn .homeNewsList{margin-top: 30px;}
    #obtn .homeNewsList ul{margin: 0 -15px;}
    #obtn .homeNewsList li{padding: 0 15px;}
    #obtn .newMore{margin-top: 45px;}
}
@media screen and (max-width:1229px) {
    #obtn .homeNewsInfo{ margin: 60px 0;}
    #obtn .homeNewsList{margin-top: 20px;}
    #obtn .homeNewsList li .newsWord .dText{padding: 15px 20px 15px 20px;}
    #obtn .homeNewsList li .newsWord .newLi1 a{font-size: 16px; line-height: 30px; height: 60px;}
    #obtn .homeNewsList li .newsWord .newLi1 a img{width: 25px; height: 25px;}
    #obtn .homeNewsList li .newsWord dl{margin-top: 15px;}
    #obtn .homeNewsList li .newsWord dd a{font-size: 15px; line-height: 35px;}
    #obtn .homeNewsList li .newsWord dd a em{line-height: 35px;}
    #obtn .newMore{margin-top: 40px;}
}
@media screen and (max-width:1023px) {
    #obtn .homeNewsInfo{ margin:50px 0;}
    #obtn .homeNewsList{margin-top: 10px;}
    #obtn .homeNewsList ul{margin: 0 -10px;}
    #obtn .homeNewsList li{padding: 0 10px;}
    #obtn .homeNewsList li .newsWord .newLi1{padding-bottom: 10px;}
    #obtn .homeNewsList li .newsWord .newLi1 a{font-size: 15px; line-height: 28px; height: 56px;}
    #obtn .newMore{margin-top:30px;}
}
@media screen and (max-width:767px) {
    #obtn .homeNewsInfo{ margin:30px 0 35px 0;}
    #obtn .homeNewsList{margin-top: 5px;}
    #obtn .homeNewsList li{width: 100%; margin-top: 15px;}
    #obtn .newMore{margin-top: 25px;}
    #obtn .newMore a{width: 140px; height: 40px; line-height: 40px; font-size: 15px;}
}
/*漂浮*/
#obtn .right_pf{ float:left; position:fixed; right:25px; top:50%; margin-top:-50px;  width:46px; z-index:101; text-align:center;
    box-shadow: 0 0 18px rgba(162,162,162,0.3);
    -moz-box-shadow: 0 0 18px rgba(162,162,162,0.3);
    -webkit-box-shadow: 0 0 18px rgba(162,162,162,0.3);
}
#obtn .right_pf .ul4{float: left; width: 100%;}
#obtn .right_pf .ul4 li{float: left; width: 100%;}
#obtn .right_pf .ul4 li a{float: left; width: 100%; line-height: 0;
    background:#0fe9b2;
    background: -webkit-linear-gradient(left,#33c08a,#5cd499);
    background: -o-linear-gradient(left,#33c08a,#5cd499);
    background: -moz-linear-gradient(left,#33c08a,#5cd499);
    background: -ms-linear-gradient(left,#33c08a,#5cd499);
    background: linear-gradient(to right,#33c08a,#5cd499);
    background: -webkit-gradient(linear, top left, top right, color-stop(0%,#33c08a), color-stop(100%,#5cd499));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04c0f0', endColorstr='#17e8be',GradientType=0);
}
#obtn .right_pf .ul4 li a:hover{
    background: -webkit-linear-gradient(left,#04c0f0,#17e8be);
    background: -o-linear-gradient(left,#04c0f0,#17e8be);
    background: -moz-linear-gradient(left,#04c0f0,#17e8be);
    background: -ms-linear-gradient(left,#04c0f0,#17e8be);
    background: linear-gradient(to right,#04c0f0,#17e8be);
    background: -webkit-gradient(linear, top left, top right, color-stop(0%,#04c0f0), color-stop(100%,#17e8be));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04c0f0', endColorstr='#17e8be',GradientType=0);
}

#obtn .right_pf .ul4 li{height: 48px; margin-top: 1px; }
#obtn .right_pf .ul4 li a{height: 100%;font-size: 14px; line-height: 16px; padding: 11px 0;position: relative;}
#obtn .right_pf .ul4 li a .om{width: 0px;height: 48px;font-size: 18px;line-height: 50px;color: #fff;text-align: center; white-space: nowrap;overflow: hidden;
    background: url(../2020/_im_g/om.png) no-repeat right;background-size: 5px; 
 position: absolute;top: 0;right: 46px;transition: 0.3s;z-index:-1;}
#obtn .right_pf .ul4 li a .om span{display: block;margin-right: 5px;
    background: -webkit-linear-gradient(left,#04c0f0,#17e8be);
    background: -o-linear-gradient(left,#04c0f0,#17e8be);
    background: -moz-linear-gradient(left,#04c0f0,#17e8be);
    background: -ms-linear-gradient(left,#04c0f0,#17e8be);
    background: linear-gradient(to right,#04c0f0,#17e8be);
    background: -webkit-gradient(linear, top left, top right, color-stop(0%,#04c0f0), color-stop(100%,#17e8be));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04c0f0', endColorstr='#17e8be',GradientType=0);
}
#obtn .right_pf .ul4 li a:hover .om{width: 180px;}
#obtn .right_pf .ul4 li.renter a{ padding:11px 0; margin-top:1px;}

/*底部*/
#obtn .BottomConBox{float: left; width: 100%; background: #0945bc; position: relative}
#obtn .BottomConBox.parkBack1{
    background:#31cdb0;
    background: -webkit-linear-gradient(top,#31cdb0,#3551a4);
    background: -o-linear-gradient(top,#31cdb0,#3551a4);
    background: -moz-linear-gradient(top,#31cdb0,#3551a4);
    background: -ms-linear-gradient(top,#31cdb0,#3551a4);
    background: linear-gradient(to bottom,#31cdb0,#3551a4);
    background: -webkit-gradient(linear, top bottom,top right, color-stop(0%,#31cdb0), color-stop(100%,#3551a4));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04c0f0', endColorstr='#17e8be',GradientType=0);
}
#obtn .BottomConBg{position: absolute; left: 0; top:0; width: 100%; height: 100%; opacity: 0.3;filter:alpha(opacity=30);}
#obtn .BottomConBox.parkBack1 .BottomConBg{opacity: 0.2;filter:alpha(opacity=20);}
#obtn .BottomConInfo{float: left; width: 100%; margin: 67px 0 70px 0; position: relative; z-index: 3;}
#obtn .BottomConInfo .p4{float: left; width: 100%; text-align: center; color:#fff; font-size: 28px; line-height: 50px;}
#obtn .BottomConInfo .more{float: left; width: 100%; display: block; text-align: center; margin-top: 43px;}
#obtn .BottomConInfo .more a{display: inline-block; width: 180px; height: 50px; margin:0 10px;border:2px solid #fff; border:2px solid rgba(255,255,255,0.6); text-align: center; line-height: 46px; color:#fff; font-size: 16px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#obtn .BottomConInfo .more a:hover{background: #fff; background: rgba(255,255,255,0.95); color:#2cd182}
@media screen and (max-width:1229px) {
    #obtn .BottomConInfo{ margin: 55px 0;}
    #obtn .BottomConInfo .p4{font-size: 30px;}
    #obtn .BottomConInfo .more{margin-top: 35px;}
}
@media screen and (max-width:1023px) {
    #obtn .BottomConInfo{ margin: 40px 0;}
    #obtn .BottomConInfo .more{margin-top: 25px;}
    #obtn .BottomConInfo .more a{height: 45px; line-height: 41px;}
}
@media screen and (max-width:767px) {
    #obtn .BottomConInfo{ margin: 30px 0;}
    #obtn .BottomConInfo .p4{font-size: 24px;}
    #obtn .BottomConInfo .more{margin-top: 15px;}
    #obtn .BottomConInfo .more a{font-size: 16px; width: 140px; height: 40px; line-height: 36px;}
}

#obtn .pz_down{float: left; width: 100%; background: #252d45;}
#obtn .footerBox{float: left; width: 100%; margin: 90px 0 105px 0; position: relative}
#obtn .footerBox .links{position: absolute; left: 0; bottom: -52px;}
#obtn .footerBox .links h5{ float:left;  width: 150px; height: 44px;  color:#fff; color:rgba(255,255,255,0.4); font-size:14px;  cursor:pointer;border:1px solid #fff;border:1px solid rgba(255,255,255,0.1); text-align:center; line-height: 42px;
}
#obtn .footerBox .links h5 img{vertical-align: middle; margin-top: -2px;}
#obtn .footerBox .links ul{ display:none; float:left; width:150px; text-align:center; position:absolute; right:0; bottom:44px; background:#111; background:rgba(17,17,17,0.5); padding:6px 0;}
#obtn .footerBox .links ul li{ float:left; width:100%;}
#obtn .footerBox .links ul li a{ float:left; width:100%; color:#fff; font-size:12px; line-height:20px;}
#obtn .footerBox .links ul li a:hover{ color:#58d498;}
#obtn .footLogo{float: left; width: 16.3%;}
#obtn .footLogo .tImg{float: left; width:100%; line-height: 0; padding: 9px 0 15px 0;
    border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.1);
}
#obtn .footNav{float: left; width: 66.66%;}
#obtn .footNav .ul1{float: left; width: 16.6666%;}
#obtn .footNav .ul1 .footTit{float: left; width: 100%; line-height: 50px; font-size: 16px; padding-bottom: 7px; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.1); color:#fff;}
#obtn .footNav .ul1 .footTit a{color:#fff;}
#obtn .footNav .ul1 .footTit a:hover{color:#58d498;}
#obtn .footNav .ul1 .box{float: left; width: 100%; margin-top: 8px;}
#obtn .footNav .ul1 .box li{float: left; width: 100%; line-height: 48px;}
#obtn .footNav .ul1 .box li a{font-size: 14px; color:#fff; color:rgba(255,255,255,0.4);}
#obtn .footNav .ul1 .box li a:hover{color:#58d498}
#obtn .footUs{float: left; width: 17.04%;}
#obtn .footUs .footTit{float: left; width: 100%; line-height: 50px;font-size: 16px; padding-bottom: 7px; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.1); color:#fff;}
#obtn .footUs .footTel{float: left; width: 100%; margin-top: 8px;line-height: 48px; color:#fff; font-size: 24px; font-weight: bold;}
#obtn .footUs .footAdd{float: left; width: 100%;}
#obtn .footUs .footAdd dd{float: left; width: 100%; margin-top: 10px; color:#fff; color:rgba(255,255,255,0.4); line-height: 20px; min-height: 40px; font-size: 14px;}
#obtn .footUs .footIco{float: left; width: 100%; margin-top: 10px;}
#obtn .footUs .footIco span{float: left; width: 34px; height: 34px; margin-right:8px;
    background: #fff; background: rgba(255,255,255,0.1); cursor: pointer;position: relative;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
#obtn .footUs .footIco span i{position: absolute; width: 34px; height: 34px; line-height: 0; left: 0; top:0;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}
#obtn .footUs .footIco span i.last{opacity: 0;filter:alpha(opacity=0);}
#obtn .footUs .footIco span:hover i.first{opacity: 0;filter:alpha(opacity=0);}
#obtn .footUs .footIco span:hover i.last{opacity: 1;filter:alpha(opacity=100);}
#obtn .footUs .footIco span .ewm{position: absolute; display: none; left: 0; top:63px; line-height: 0; padding:5px; background: #fff; width: 100px; height: 100px;}
#obtn .footUs .footIco span:hover .ewm{display: block;}

@media screen and (max-width:1399px) {
    #obtn .footerBox{margin: 70px 0 100px 0;}
}
@media screen and (max-width:1229px) {
    #obtn .footerBox{margin: 55px 0 80px 0;}
    #obtn .footNav{width: 62.66%;}
    #obtn .footUs{width: 21.04%;}
}
@media screen and (max-width:1023px) {
    #obtn .footerBox{margin:40px 0 80px 0;}
    #obtn .footNav{display: none;}
    #obtn .footLogo{width: 40%;}
    #obtn .footUs{width:60%;}
}
@media screen and (max-width:767px) {
    #obtn .pz_down{margin-bottom: 50px;}
    #obtn .footerBox{margin:30px 0 35px 0;}
    #obtn .footLogo{width: 100%;}
    #obtn .footLogo .tImg{border-bottom: 0;padding:0;}
    #obtn .footUs{width: 100%;}
    #obtn .footUs .footTel{font-size: 20px; line-height: 35px;}
    #obtn .footUs .footAdd dd{min-height:auto;}
    #obtn .footUs .footIco{margin-top: 15px;}
    #obtn .footerBox .links{position: relative; float: left; margin-top: 25px; bottom: 0;}
}
#obtn .footerCopyright{float: left; width: 100%; text-align: center; border-top:1px solid #fff; border-top:1px solid rgba(255,255,255,0.1); padding: 40px 0 46px 0; color:#fff; color:rgba(255,255,255,0.4); line-height: 30px; font-size: 14px;}
#obtn .footerCopyright a{color:#fff; color:rgba(255,255,255,0.4);}
#obtn .footerCopyright a:hover{color:#58d498}
@media screen and (max-width:1399px) {
    #obtn .footerCopyright{padding: 30px 0 35px 0;}
}
@media screen and (max-width:767px) {
    #obtn .footerCopyright{padding:20px 0;}
}