body {color:#000;} a{color:#000}a:active,a:hover {color:#0f3557}
#obtn{float: left; width: 100%;}
.container1{ padding-right:15px; padding-left:15px; margin-right: auto; margin-left: auto;}
@media (min-width: 768px) {
    .container{width:768px;}
    .container1{width:768px;}
}
@media (min-width: 995px){
    .container{width:995px;}
    .container1{width:995px;}
}
@media (min-width: 1230px) {
    .container1{width:1230px;}
}
@media (min-width: 1400px) {
    .container1{width:1400px;}
}
@media (min-width: 1770px) {
    .container1{width:1770px;}
}
.head{position: absolute; left: 0;top: 74px; width:100%; z-index: 5; background: rgba(0,0,0,0.5);}
.head.top{ position: fixed; top:0;}
.head .logo{ float:left; line-height:0; margin: 18px 0; position:relative; z-index:6;}
.head .logo img{height:22px;}


/*menu*/
.head .menu{float:right; margin-top: 10px;}
.head .menu .nli{ float:left; position:relative; margin: 0 28px;}
.head .menu .nli span a{float: left; font-size: 14px;color:#FDFDFE; line-height: 48px;}
.head .menu .nli span a:hover{color:#52d3e1}

.head .menu .nli.on span a{  color:#52d3e1;
    /*background-image: linear-gradient(to right,#52d2e1,#3285e5);*/
    /*background-image: -moz-linear-gradient(to right,#52d2e1,#3285e5);*/
    /*background-image: -webkit-linear-gradient(to right,#52d2e1,#3285e5);*/
    /*background-image: -ms-linear-gradient(to right,#52d2e1,#3285e5);*/
    /*-webkit-background-clip:text;*/
}

.head .menu .nli ul.sub{position: absolute; display: none; left: 50%; width: 150px; top:110px; margin-left: -75px; text-align: center; background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,0.15); -moz-box-shadow: 0 6px 10px rgba(0,0,0,0.15); -webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.15);
}
.head .menu .nli ul.sub .l1{float: left; width: 100%;  border-bottom:1px solid #bfbfbf; }
.head .menu .nli ul.sub .l1:first-child{border-top:0;}
.head .menu .nli ul.sub .l1 a{float: left; width: 100%;color:#0f3557;font-size: 18px; line-height: 56px;}
.head .menu .nli ul.sub .l1 a:hover{background: #0f3557; color:#fff;}


.menuph{ display: none;}
.xialaph{ display: none;}

@media screen and (max-width:995px) {
    .head{top:62px;}
    .head .menu{ display: none;}
    .head .contactA{display: none;}
    .head .logo{margin: 13px 0;}

    .menuph{ display: block;}
    .xialaph{ display: block;}
    .menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin:13px 0;}
    .header .menuph{margin: 20px 0;}
    .menuph .point { display: inline-block;  width: 28px;  height: 22px; position: relative;}
    .menuph .point:hover .navbtn,
    .menuph .point:hover .navbtn::after,
    .menuph .point:hover .navbtn::before { width: 28px;}
    .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; background:#52d2e1;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;}
    .menuph .navbtn::after,
    .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #52d2e1;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;}
    .menuph .navbtn::after { top: -11px;}
    .menuph .navbtn::before { top: 10px;}
    .menuph .point.active .navbtn{ background: transparent;}
    .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
    .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}
    .xialaph{ position: fixed; top:48px;left: 0; float: left; width: 100%; height:100%; overflow: scroll; padding: 0 0 100px 0; display: none; z-index:3; background:#fff;}
    .header .xialaph{top:62px; z-index: 99;}
    .head .xialaph{top:110px; z-index: 99;}
    .head.top .xialaph{top:48px;}
    .xialaph .ul1{float: left; width: 100%;}
    .xialaph .ul2,
    .xialaph .ul3{ display: none;}
    .xialaph h4{/**padding: 0 15px;**/}
    .xialaph h5{padding: 0 10px;}
    .xialaph h4 a{ float: left; width: 80%; color: #444; font-size:15px; line-height: 50px; font-family: SourceRegular;}
    .xialaph h4 a span{ padding-left: 6px; color: #ccc; font-size: 14px;}
    .xialaph h4{ float: left; width: 100%; position: relative;}
    .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;}
    .xialaph h4.active a,
    .xialaph h4:hover a,
    .xialaph h5.active a,
    .xialaph h5:hover a{ color: #0f3557;}
    .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;background-color: #000;
    opacity: 0.1;}
    .xialaph h5 a{ float: left; width: 85%; color: #1f1f1f; font-size: 14px; line-height: 40px; text-transform: uppercase;}
    .xialaph h5{ float: left; width: 100%; position: relative;}
    .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}
    .xialaph li:last-child h5::after{ display: none;}
    .xialaph h4 b{ position: absolute; right: 15px; top: 50%; width: 9px; height: 9px;  float: right; border-top: #333 solid 1px; border-right: #333 solid 1px; margin-top: -5px;cursor: pointer; transform:rotate(45deg); -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;
    }
    .xialaph h4.active b{ transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);
        -o-transform:rotate(135deg);margin-top: -7px; border-color:#333;
    }
    .xialaph h5 b{ position: absolute; right: 15px; top: 50%; width: 9px; height: 9px;  float: right; border-top: #333 solid 1px; border-right: #333 solid 1px; margin-top: -5px;cursor: pointer; transform:rotate(45deg); -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;
    }
    .xialaph h5.active b{ transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);
        -o-transform:rotate(135deg);margin-top: -7px; border-color:#333;
    }
    .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;}
    .xialaph .ul3{float: left; width: 100%; padding: 10px 15px; position: relative;}
    .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color:#e7e7e7;}
    .xialaph li:last-child .ul3::after{ display: none;}
    .xialaph .ul3 li a{ color: #333; font-size: 12px; line-height: 24px; display: block;}
    .xialaph .ul3 li{ padding-top: 5px;}
    .xialaph .ul3 li:first-child{ padding-top: 0;}
    .xialaph .phsou{ position: relative; margin-top: 34px;}
    .xialaph .phsou input{ width: 100%; height: 56px; background-color: #fff; color: #aaa; font-size: 14px; padding-left: 20px; border: 1px solid #e5e5e5;}
    .xialaph .phsou img{ cursor: pointer; width: 21px; height: 22px; position: absolute; top: 17px; right: 29px;}
    .img_d,
    .disno{ display: none;}
}
@media screen and (max-width:767px) {
    .xialaph h4 a{font-size: 16px; line-height: 45px;}
    .xialaph h5 a{font-size: 13px; line-height: 35px;}
}
@media screen and (max-width:374px) {
    .head .tel{font-size: 12px;}
}

.pz_down{float: left; width: 100%; background: #2f3a5a;}
.footerBox{float: left; width: 100%; position: relative;}
.coopNeeds{float: left; width: 66%; padding:42px 3% 52px 3%;}
.coopNeeds .tit{float: left; width: 100%; text-align: center; color:#fff; font-size: 24px; font-weight: bold; line-height: 38px;}
.coopNeeds .tit span{display: inline-block; position: relative;}
.coopNeeds .tit span:after{position: absolute; content: ''; left: 0; width: 100%; height: 4px; bottom: -4px; background: #0767e2}
.coopNeeds .form{float: left; width: 100%; margin-top: 22px;}
.coopNeeds .form label{float: left; width: 42%; margin-top: 17px;}
.coopNeeds .form label span{float: left; width: 100%; color:#fff; font-size: 16px; line-height: 40px;}
.coopNeeds .form label input{float: left; width: 100%; height: 30px; border:1px solid #f9fdff; font-size: 14px; text-indent: 10px; line-height: 28px; color:#333; background: #f9fdff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;margin-bottom: 2px;}
.coopNeeds .form label:nth-child(2n){float: right;}
.coopNeeds .form label.Detailed{float: left; width: 100%;}
.coopNeeds .form label.Detailed textarea{float: left; width: 100%; height: 103px;padding: 10px;color:#333; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border:1px solid #f9fdff;background: #f9fdff;font-size: 14px;line-height: 24px;}
.coopNeeds .form .ps{float: left; width: 100%; color:#4FB9E0; font-size: 14px; line-height: 30px; margin-top: 10px;}
.coopNeeds .form .butBox{float: left; width: 100%; margin-top: 23px; display: block; text-align: center;}
.coopNeeds .form .butBox .coolbg{display: inline-block; width: 140px; height: 35px; font-size: 16px; line-height: 35px; background: url("/template/eyou/pc/hanniao/_im_g/bg1.jpg") repeat-y center; background-size: 100% auto; color:#fff; border:0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 10px rgba(0,0,0,0.6); -moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.6); -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.6);}
.wxhBox{float: right; width: 28.7%; position: absolute; right: 0; height: 100%; background: url("/template/eyou/pc/hanniao/_im_g/down1.jpg") no-repeat; background-size: 100% 100%;}
.wxhBox .WeChat{position: absolute; width:72%; left: 50%; top:50%;transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.wxhBox .WeChat .tIMG{float: left; width: 100%;border:1px solid #fff; padding: 7px;line-height: 0;}
.wxhBox .WeChat .tIMG img{background: #fff; padding: 13px; width: 100%;}
.wxhBox .WeChat .text{float: left; width: 100%; text-align: center; color:#fff; font-size: 19px; line-height: 30px; margin-top: 8px;}
@media screen and (max-width:991px) {
    .coopNeeds .tit{font-size: 20px;}
    .wxhBox .WeChat .text{font-size: 16px;}
    .coopNeeds .form label span{font-size: 15px;}
    .coopNeeds .form label input{font-size: 12px;}
    .coopNeeds .form label.Detailed textarea{font-size: 12px;}
    .coopNeeds .form .butBox button{font-size: 14px;}
}
@media screen and (max-width:767px) {
    .pz_down{padding-bottom: 50px;}
    .coopNeeds{width: 100%; padding: 20px 0}
    .coopNeeds .tit{font-size: 18px; line-height: 30px;}
    .coopNeeds .form label{width: 100%; margin-top: 10px;}
    .coopNeeds .form label span{font-size: 14px; line-height: 30px;}
    .coopNeeds .form .ps{font-size: 13px; line-height: 24px;}
    .coopNeeds .form .butBox{margin-top: 18px;}
    .wxhBox{position: relative; float: left; width: 100%; height: 200px;}
    .wxhBox .WeChat{width: 120px;}
    .wxhBox .WeChat .tIMG{width: 120px;}
    .wxhBox .WeChat .tIMG img{width: 120px; padding: 8px;}
    .wxhBox .WeChat .text{font-size: 14px; line-height: 24px;}
}
/*手机底部导航*/
#obtn .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#0e3cc3;  box-shadow:0 -4px 7px rgba(0,0,0,0.05); z-index:999;}
#obtn .pf_down li{width: 25%;float:left;text-align:center;padding:7px 0 5px 0;border-right:1px solid rgba(255,255,255, 0.2);}
#obtn .pf_down li:last-child{ border:none;}
#obtn .pf_down li a{float: left; width: 100%;}
#obtn .pf_down li .ico{ width:100%; float:left; text-align: center; line-height: 0; height:20px;}
#obtn .pf_down li .ico img{ width:20px; height:20px;}
#obtn .pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;}

/*banner*/
.slide_banner{float: left; width: 100%; position:relative; overflow:hidden;font-size: 0;line-height: 0; z-index: 1; text-align: center;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.slide_banner img{width: 100%;}

._hList{float: left; width: 100%;}
._hList ul{float: left; width: 100%;}
._hList li{float: left; width: 100%; margin-top: 70px; background: #fff;
    box-shadow: 0 0 5px rgba(27,77,237,0.5); -moz-box-shadow: 0 0 5px rgba(27,77,237,0.5); -webkit-box-shadow: 0 0 5px rgba(27,77,237,0.5);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._hList li:hover{
    box-shadow: 0 0 15px rgba(27,77,237,0.5); -moz-box-shadow: 0 0 15px rgba(27,77,237,0.5); -webkit-box-shadow: 0 0 15px rgba(27,77,237,0.5);
}
._hList li .lImg{float:right; line-height: 0; width: 44%; text-align: center; overflow: hidden;}
._hList li .lImg img{width: 100%;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._hList li a:hover .lImg img{
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
._hList li .rText{float: left; width: 56%; padding: 0 6%;}
._hList li .rText .tit{float: left; width: 100%;}
._hList li .rText .lIco{float: left; width: 65px; padding: 19px 0 5px 0; line-height: 0;
    border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px;
    background: linear-gradient(-90deg, #0958c1 0%, #172774 100%);
    background: -ms-linear-gradient(-90deg, #0958c1 0%, #172774 100%);
    background: -webkit-linear-gradient(-90deg, #0958c1 0%, #172774 100%);
    background: -moz-linear-gradient(-90deg, #0958c1 0%, #172774 100%);
}
._hList li .rText .h1Tit{float: left; margin-left: 28px; margin-top: 30px;}
._hList li .rText .h1Tit em{display: block; font-size: 24px; font-weight: bold; color:#0E3DC1; line-height: 35px;}
._hList li .rText .h1Tit span{display: block; color:#0E3DC1; font-size: 17px; line-height: 25px;}
._hList li .rText .p1{float: left; width: 100%; margin-top: 40px; color:#5B5B5B; font-size: 16px; line-height: 25px;}
._hList li:nth-child(2n) .lImg{float: left;}
._hList li:nth-child(2n) .lIco{float: right;}
._hList li:nth-child(2n)  .rText .h1Tit{float: right; margin-right: 28px; margin-left: 0; text-align: right;}

@media screen and (max-width:995px) {
    ._hList li{margin-top: 50px;}
    ._hList li .rText .lIco{width: 55px;padding: 12px 0 4px 0;}
    ._hList li .rText .h1Tit{margin-left: 20px; margin-top: 22px;}
    ._hList li .rText .h1Tit em{font-size: 20px; line-height: 30px;}
    ._hList li .rText .h1Tit span{font-size: 15px; line-height: 20px;}
    ._hList li .rText .p1{font-size: 14px; line-height: 23px; margin-top: 20px;}
    ._hList li:nth-child(2n) .rText .h1Tit{margin-right:20px;}
}
@media screen and (max-width:767px) {
    ._hList li{margin-top: 20px;}
    ._hList li .lImg{width: 100%;}
    ._hList li .rText{width: 100%; padding: 0 5%;}
    ._hList li .rText .lIco{width: 45px; padding: 15px 0 5px 0}
    ._hList li .rText .h1Tit{margin-top: 20px;}
    ._hList li .rText .h1Tit em{font-size: 18px; line-height: 24px;}
    ._hList li .rText .h1Tit span{font-size: 12px;}
    ._hList li .rText .p1{font-size: 12px; line-height: 22px; margin-top: 15px; padding-bottom: 15px;}
}

.industryList{float: left; width: 100%; margin-top: 70px;}
.industryList ul{float: left; width: 100%;}
.industryList li{float: left; width: 33.333%; line-height: 0; background: #000; position:relative;}
.industryList li img.imgB{opacity: 0.4;}
.industryList li .tit{position: absolute; left: 50%; top:50%; line-height: 45px; z-index: 2; font-size: 20px; color:#fff;
    transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.industryList li .tit img{vertical-align: middle; margin-top: -5px;}
.industryList li .info{position: absolute; width: 80%; left: 10%; top:0; color:#fff; font-size: 16px; line-height: 28px; z-index: 2; max-height: 140px; overflow: hidden; opacity: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
/**.industryList li:hover .tit{opacity: 0}**/
.industryList li:hover .info{  left:50%; top:50%;
    opacity: 1;filter:alpha(opacity=100);
    transform:rotateY(360deg) translate(-50%,-50%);
    -ms-transform:rotateY(360deg) translate(-50%,-50%);
    -moz-transform:rotateY(360deg) translate(-50%,-50%);
    -webkit-transform:rotateY(360deg) translate(-50%,-50%);
    -o-transform:rotateY(360deg) translate(-50%,-50%);
}
@media screen and (max-width:995px) {
    .industryList{margin-top: 50px;}
    .industryList li .tit{font-size: 18px;}
}
@media screen and (max-width:767px) {
    .industryList{margin-top: 20px;}
    .industryList li{width: 50%;}
    .industryList li .tit{font-size: 15px;}
    .industryList li .tit img{width: 25px;}
    .industryList li .info{font-size: 14px; line-height: 24px; height: 72px; overflow-y: auto;}
}

.caseBox{float: left; width: 100%; margin: 70px 0 60px 0; padding: 0 6%;}

.caseBox .tit{float: left; width: 100%; position: relative}
.caseBox .tit:after{position: absolute; content: ''; width: 107px; height: 2px; left: -21px; background: #dde5fc; top:-1px; z-index: 1;}
.caseBox .tit:before{position: absolute; content: ''; width: 81px; height: 2px; left: -8px;background: #c1cdf7; top:-1px; z-index: 2;}
.caseBox .tit .lIco{float: left; width: 65px; padding: 19px 0 5px 0; line-height: 0;
    border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px;
    background: linear-gradient(-90deg, #0958c1 0%, #172774 100%);
    background: -ms-linear-gradient(-90deg, #0958c1 0%, #172774 100%);
    background: -webkit-linear-gradient(-90deg, #0958c1 0%, #172774 100%);
    background: -moz-linear-gradient(-90deg, #0958c1 0%, #172774 100%);
}
.caseBox .tit .h1Tit{float: left; margin-left: 28px; margin-top: 30px;}
.caseBox .tit .h1Tit em{display: block; font-size: 24px; font-weight: bold; color:#0E3DC1; line-height: 35px;}
.caseBox .tit .h1Tit span{display: block; color:#0E3DC1; font-size: 17px; line-height: 25px;}



.caseBox .slideBack{ float: left; width: 100%; overflow: hidden; margin: 63px 0 0 0; padding: 15px 12% 65px 12%;}
.caseBox .slideOut{ position: relative;}
.caseBox .slide{ width: 100%; min-height: 350px; position: relative;}
.caseBox .slide .img{ position: absolute; line-height: 0; transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
box-shadow: 5px 5px 10px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
    border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
.caseBox .slide .img img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
.caseBox .slide .img .tp{ top:0; left:0; position: absolute; width: 100%; height: 100%; line-height: 0; float: left;}
.caseBox .slide .img1{ width: 40%; height: 40%; top: 30%; left: 30%; z-index: 1;}
.caseBox .slide .img1 .tp{ top:0; left:0; position: absolute; width: 100%; height: 100%; line-height: 0;}
.caseBox .slide .img2{ width: 40%; height: 86%; top: 7%; left: 0%; z-index: 2;}
.caseBox .slide .img2 .tp{ top:0; left:0; position: absolute; width: 100%; height: 100%; line-height: 0;opacity: 0.5}
.caseBox .slide .img3{ width: 86%; height:100%; top:0; left: 7%; z-index: 3;}
.caseBox .slide .img3 .tp{float:left; width: 100%;}
.caseBox .slide .img4{ width: 40%; height: 86%; top:7%; left: 60%; z-index: 2;}
.caseBox .slide .img4 .tp{ top:0; left:0; position: absolute; width: 100%; height: 100%; line-height: 0; opacity: 0.5}

.caseBox .slide .img .title{position: absolute; bottom:-64px; left: 0; width: 100%; color:#565656; font-size: 21px; margin-top: 24px; line-height: 40px; text-align:center;}
.caseBox .slide .img1 .title,
.caseBox .slide .img2 .title,
.caseBox .slide .img4 .title{opacity: 0}


.caseBox .butLeft{ position: absolute; left: -12%; top: 50%; margin-top: -22.5px; width: 25px; height: 45px; background: url("/template/eyou/pc/hanniao/_im_g/next_1.png") no-repeat center; background-size: cover; outline: 0; z-index: 4;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.caseBox .butRight{position: absolute; right:-12%; top: 50%; margin-top: -22.5px; width: 25px; height: 45px; background: url("/template/eyou/pc/hanniao/_im_g/prev_1.png") no-repeat center; background-size: cover; outline: 0; z-index: 4;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.caseBox .butLeft:hover{background: url("/template/eyou/pc/hanniao/_im_g/next.png") no-repeat;background-size: cover;}
.caseBox .butRight:hover{background: url("/template/eyou/pc/hanniao/_im_g/prev.png")no-repeat center; background-size: cover;}

.imgBig{position: fixed; left: 0; top:0; width: 100%; height: 100%; z-index: 5; display: none;}
.imgBig .bgBox{position: fixed; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 6;}
.imgBig .ul1{position: absolute; left: 50%; top:50%; z-index: 6; text-align:center; opacity: 0;
    transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.imgBig .ul1.active{opacity: 1;}
.imgBig .ul1 li{}
.imgBig .ul1 li .tImg{line-height: 0;}
.imgBig .ul1 li .dText{display: block; color:#fff; font-size: 18px; line-height: 30px;margin-top: 10px;}
.imgBig.web{display:none;}
.slidePhBox{display: none}
@media screen and (max-width:995px) {
    .caseBox{margin: 50px 0 40px 0;}
    .caseBox .tit .lIco{width: 55px;padding: 12px 0 4px 0;}
    .caseBox .tit .h1Tit{margin-left: 20px; margin-top: 22px;}
    .caseBox .tit .h1Tit em{font-size: 20px; line-height: 30px;}
    .caseBox .tit .h1Tit span{font-size: 15px; line-height: 20px;}
    .caseBox .slideBack{margin-top: 40px;padding: 15px 12% 55px 12%;}
    .caseBox .slide .img .title{font-size: 18px; line-height: 30px; bottom: -55px;}
}

@media screen and (max-width:767px) {
    .caseBox{margin: 20px 0; padding: 0 5%}
    .caseBox .tit:after{width: 81px; left: -18px;}
    .caseBox .tit:before{width: 65px; left:-10px;}
    .caseBox .tit .lIco{width: 45px;padding: 15px 0 5px 0;}
    .caseBox .tit .h1Tit em {font-size: 18px;line-height: 24px;}
    .caseBox .tit .h1Tit span {font-size: 12px;}
    .caseBox .slideBack{margin-top: 15px; padding: 10px 12% 35px 12%; display: none;}
    .caseBox .slide{min-height: 150px;}
    .caseBox .slide .img .title{font-size: 14px; margin-top: 15px; line-height: 20px; bottom: -35px;}
    .caseBox .butLeft{width:16px; height: 30px;}
    .caseBox .butRight{width:16px; height: 30px;}
    .imgBig.computer{display: none}
    .imgBig.web{display: block; position:fixed; z-index: -1; opacity: 0}
    .imgBig .ul1{width: 80%;}
    .imgBig .ul1 li .tImg{width: 100%;}
    .imgBig .ul1 li .dText{font-size: 15px; line-height: 25px;}
    .slidePhBox{display: block; float: left; width: 100%; margin-top: 10px;}
    .slidePhBox ul{margin: 0 -5px;}
    .slidePhBox li{float: left; width: 50%; padding: 0 5px; margin-top: 10px; cursor: pointer;}
    .slidePhBox li .tImg{float: left; width: 100%; line-height: 0;}
    .slidePhBox li .dTit{float: left; width: 100%; text-align: center; line-height: 24px; margin-top: 5px; font-size: 14px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .conBox{float: left; width: 80%; margin-left: 10%; z-index: 9999; top:50%;
        transform:translate(0,-50%); -moz-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);
    }
    .imgBig.web.on{z-index: 99; opacity: 1;}
    .imgBig.web .conBox .ul1{float: left; position: static; opacity: 1; width: 100%; left: 0; top:0;transform:translate(0,0); -moz-transform:translate(0,0); -webkit-transform:translate(0,0);}
    .conBox .imgBig .ul1 li{float: left; width: 100%;}
    .conBox .ul1 li .tImg{float: left; width: 100%;}

}

.back1{float: left; width: 100%; padding: 63px 0; background: url("/template/eyou/pc/hanniao/_im_g/bg1.jpg") repeat-y; background-size: 100% auto;}
.FutureBox{float: left; width: 100%; padding: 0 6%;}
.FutureBox .title{float: left; width: 100%; padding-left: 78px; background: url("/template/eyou/pc/hanniao/_im_g/ico5.png") no-repeat left center;}
.FutureBox .title .h1{float: left; width: 100%; color:#fff; font-size: 24px; font-weight: bold; line-height: 40px;}
.FutureBox .title span{float: left; width: 100%; line-height: 24px; color:#fff; font-size: 17px;}
.FutureBox .ps{float: left; width: 100%; color:#fff; font-size: 16px; line-height: 36px; margin-top: 44px;}

@media screen and (max-width:767px) {
    .back1{padding: 20px 0;}
    .FutureBox{padding: 0;}
    .FutureBox .title{padding-left: 55px;}
    .FutureBox .title .h1{font-size: 18px; line-height: 30px;}
    .FutureBox .title span{font-size: 14px; line-height: 20px;}
    .FutureBox .ps{font-size: 14px; line-height: 24px; margin-top: 15px;}
}

._hContact{float: left; width: 100%; margin: 70px 0 80px 0}

._hContact .tit{float: left; width: 100%; position: relative}
._hContact .tit:after{position: absolute; content: ''; width: 107px; height: 2px; left: -21px; background: #dde5fc; top:-1px; z-index: 1;}
._hContact .tit:before{position: absolute; content: ''; width: 81px; height: 2px; left: -8px;background: #c1cdf7; top:-1px; z-index: 2;}
._hContact .tit .lIco{float: left; width: 65px; padding: 19px 0 5px 0; line-height: 0;
    border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px;
    background: linear-gradient(-90deg, #0958c1 0%, #172774 100%);
    background: -ms-linear-gradient(-90deg, #0958c1 0%, #172774 100%);
    background: -webkit-linear-gradient(-90deg, #0958c1 0%, #172774 100%);
    background: -moz-linear-gradient(-90deg, #0958c1 0%, #172774 100%);
}
._hContact .tit .h1Tit{float: left; margin-left: 28px; margin-top: 30px;}
._hContact .tit .h1Tit em{display: block; font-size: 24px; font-weight: bold; color:#0E3DC1; line-height: 35px;}
._hContact .tit .h1Tit span{display: block; color:#0E3DC1; font-size: 17px; line-height: 25px;}
._hContact .MapBox{float: left; width: 100%; margin-top: 60px;}
._hContact .dituContent{float: left; width: 100%; height: 275px;}
._hContact .dituContent .BMapLabel{border:0!important;}
._hContact .address{float: left; width: 100%; padding:10px 8%; background: url("/template/eyou/pc/hanniao/_im_g/bg1.jpg") repeat-y center; background-size: 100% auto;}
._hContact .address .liBox{float: left;}
._hContact .address .liBox .h1Tit{display: block; color:#fff; font-size: 18px; line-height: 30px;}
._hContact .address .liBox .h1Tit img{vertical-align: middle; margin-top: -3px;}
._hContact .address .liBox .p1{display: block; color:#fff; font-size: 16px; line-height: 24px; margin-top: 10px;}
._hContact .address .liBox:nth-child(2){float: right;}
._hContact .address .liBox:nth-child(2) .p1{font-size: 14px;}
@media screen and (max-width:995px) {
    ._hContact{ margin: 50px 0 60px 0}
    ._hContact .tit .lIco{width: 55px;padding: 12px 0 4px 0;}
    ._hContact .tit .h1Tit{margin-left: 20px; margin-top: 22px;}
    ._hContact .tit .h1Tit em{font-size: 20px; line-height: 30px;}
    ._hContact .tit .h1Tit span{font-size: 15px; line-height: 20px;}
    ._hContact .MapBox{margin-top: 45px;}
}
@media screen and (max-width:767px) {
    ._hContact{ margin: 20px 0}
    ._hContact .tit:after{width: 81px; left: -18px;}
    ._hContact .tit:before{width: 65px; left:-10px;}
    ._hContact .tit .lIco{width: 45px;padding: 15px 0 5px 0;}
    ._hContact .tit .h1Tit em {font-size: 18px;line-height: 24px;}
    ._hContact .tit .h1Tit span {font-size: 12px;}
    ._hContact .MapBox{margin-top: 15px;}
    ._hContact .dituContent{height: 200px;}
    ._hContact .address{padding: 10px 15px;}
    ._hContact .address .liBox .h1Tit{font-size: 16px; line-height: 24px;}
    ._hContact .address .liBox .p1{font-size: 14px; margin-top:5px;}
    ._hContact .address .liBox:nth-child(2){float: left; margin-top: 10px;}
    ._hContact .address .liBox:nth-child(2) .p1{font-size: 13px; line-height: 22px;}
}


/*Top*/
#obtn .header{ float:left; width:100%;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 .header .logo{ float:left; margin:25px 0 21px 0; width:137px; 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 .header.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 .header .tel{float: right; line-height: 74px;  color:rgba(255,255,255,0.6); font-size: 23px; margin-right:1em;}
#obtn .header .tel a{color:#00d4b2;}
#obtn .header.pageHead .language a{color:#444444}
#obtn .header.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 .header .menu{float: left; margin-left: 41px;}
#obtn .header .menu .nli{ float:left; padding:0; margin:0 0 0 27px; position: relative;}
#obtn .header .menu .nli span a{ float:left; position:relative; padding: 0 19px; color:#444444; font-size:16px; line-height:74px;}
#obtn .header .head.pageHead .menu .nli span a{color:#444444}
#obtn .header .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 .header .menu .nli.active span a:after,
#obtn .header .menu .nli.on span a:after,
#obtn .header .menu .nli span:hover a:after{height: 4px;}

#obtn .header .menu .sub{float:left; display: none; position:absolute; left:50%; margin-left: -90px; top:74px; width:180px; z-index:66;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
#obtn .header .menu .sub.proSub{width: 450px; left: 45px;}
#obtn .header .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 .header.pageHead .menu .sub .subBox{background: #fff;}
#obtn .header .menu .sub.proSub .subBox{ padding: 45px 0 40px 0;}
#obtn .header .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 .header .menu .sub.proSub .subBox:after{left: 80px; margin-left: 0;}
#obtn .header.pageHead .menu .sub .subBox:after{border-bottom: 12px solid #fff;}

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

#obtn .header .menu .sub.proSub .tableBox li a{padding-left: 20px;}
#obtn .header .menu .sub li a:hover{ background:rgba(0,0,0,0.1);opacity:1;filter:Alpha(opacity=100); color:#58d398;}


#obtn .header.on{ box-shadow:0 5px 10px rgba(0,0,0,0.1);}
#obtn .header.on .menu .nli span a{ line-height:84px;}
#obtn .header.on .menu .sub{ top:84px;}
#obtn .header.on .logo{ margin:20px 0;}
@media screen and (max-width:1900px ) {
    #obtn .header .tel{ display: none;}
}
@media screen and (max-width:1399px ){
    #obtn .header .menu .nli{margin-left: 10px;}
    #obtn .header .menu .nli span a{padding: 0 15px;}
}
@media screen and (max-width:1229px ){
    #obtn .header .menu{margin-left:25px;}
    #obtn .header .menu .nli{margin-left:10px;}
    #obtn .header .menu .nli span a{font-size: 14px; padding:0 10px;}
    #obtn .header .menu .sub.proSub{width: 400px;}
    #obtn .header .menu .sub.proSub .subBox{padding: 30px 0 30px 0;}
    #obtn .header .menu .sub.proSub .tableBox{padding-left: 20px; padding-right:15px;}
    #obtn .header .menu .sub.proSub .tableBox li{margin-top: 8px;}
    #obtn .header .menu .sub .subBox{padding:20px 0;}
    #obtn .header .menu .sub li{margin-top: 5px;}
    #obtn .header .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 .header .menu{ display:none;}
    #obtn .header .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:374px ) {
    #obtn .header .language{display: none;}
}


/*漂浮*/
#obtn .right_pf{ float:left; position:fixed; right:25px; top:50%; margin-top:-50px;  width:60px; 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: 60px; 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: 60px;font-size: 18px;line-height: 60px;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 a p { color: #FFF; font-size: 12px;}
#obtn .right_pf .ul4 li.renter a{ padding:11px 0; margin-top:1px;}
#obtn .BMapLabel{display: block !important;border: 0 none !important;padding: 0 !important;background:url(/template/eyou/pc/hanniao/_im_g/ico41.png) no-repeat center !important; background-size:cover!important;width: 30px !important;height: 30px !important;max-width: none !important;margin-bottom: 0 !important;}