/* 手机版  */
.m-top {
    position: absolute;
    /*left: 0;*/
    top: 0;
    width: 100%;
    height: 70px;
    z-index: 99;
    background-color: rgba(0,0,0,0.3);
}

.m-logo {
    display: block;
    position: absolute;
    /*left: 0.2rem;*/
    top: 5px;
}

.m-logo img {
    /*width: 2.6rem;*/
}

.m-top .btn {
    position: absolute;
    z-index: 100;
    right: 50px;
    top: 20px;
    text-align: center;
}

.m-top .btn span {
    display: block;
    width: 60px;
    height: 4px;
    margin: 5px 0;
    background: #ffa200;
    -webkit-transition: .3s;
    transition: .3s;
}

.cross span:nth-of-type(1) {
    transform: translateY(12px) rotate(-45deg);
}

.cross span:nth-of-type(2) {
    opacity: 0;
}

.cross span:nth-of-type(3) {
    transform: translateY(-5px) rotate(45deg);
}

.m-nav {
    position: absolute;
    z-index: 99;
    right: -150px;
    top: 0;
    width: 0;
    height: 100%;
    overflow: hidden;
    padding-top: 86px;
    background: #333;
}

.m-nav li a {
    display: block;
    font: 400 28px/55px '微软雅黑';
    color: #fff;
    text-align: center;
}

.caret {
    color: #ffae00;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.m-menu {
    margin: 0 auto;
}

.m-menu li {
    float: left;
    width: 33.3%;
    padding: 5px;
}

.m-menu li a {
    display: block;
    font: 400 14px/36px 'Microsft yahei';
    color: #1a1a1a;
    text-align: center;
    background: rgba(255, 255, 255, .6)
}

.wrapper {
    position: relative;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
}

.nav{
    position: absolute;
    z-index: 999;
    right: 0;
    top: 0;
}
.nav ul{
    display: flex;
}
.nav li {
    width: 86px;
    height: 67px;
    color: #FFF;
    text-align: center;
    float: left;
    list-style-type: none;
}
.nav li>a {
    display: block;
    font-size: 18px;
    line-height: 70px;
    color: #FFF;
    /*transition: 0.5s 0.5s;*/
}
.nav li>a:hover {
    color: #ffa200;
}
.nav li ul { 
    width:924px; 
    background-color: rgba(0,0,0,0.4);
    border-radius: 10px;
    list-style-type: none; 
    z-index:50; 
    text-align:left;
    left: -999em; 
    position: absolute;
    margin-left: -500px;
    /*_background:#0881d4; */
    /*_FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
    _moz-opacity: 0.8; 
    _opacity: 0.8; 
    _ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=80)';*/
}/*二级菜单总体样式：行高24px；背景颜色；外框宽度；相对位置；边框一个象素，上边没样式，左右下边实线，边框颜色#003399；内边距1个象素*/
.nav li ul li{ 
    width:84px; 
    background:none; 
    height:60px; 
    line-height:60px; 
    /*border-bottom:#ccc solid 1px;*/
}
.nav li ul li a{ 
    color:#FFF; 
    display:block; 
    font-size:18px; 
    line-height:60px;
}/* 二级菜单链接样式；背景宽度、左对齐，左缩进2 */
.nav li ul li a:link {
    color:#FFF; 
    text-decoration:none;
}/* 未访问的链接 */ 
.nav li ul li a:visited {
    color:#FFF; 
    text-decoration:none;
}/* 已访问的链接 */
.nav li ul li a:hover {
    color:#ffa200;; 
    /*background:#064a95; */
    text-decoration:none;
}/* 鼠标在链接上 */
.nav li ul li a:active {
    color:#FFF; 
    text-decoration:none;
    margin:0;
}
.nav li:hover ul {
    left: auto; 
    /*margin-top: -3px;*/
}
.nav li.sfhover ul {
    left: auto;
}

header{
    display: none;
}


@media (min-width: 1200px){
    header{
        display: block;
        position: absolute;
        /*left: 0;*/
        top: 0;
        z-index: 99;
        width: 100%;
        background-color: rgba(0,0,0,0.3);
    }
    header .container{
        position: relative;
        width: 1180px;
        height: 70px;
        /*transition: 0.5s width, 0.5s height 0.5s;*/
    }
    .logo{
        position: absolute;
        left: 0;
        top: 5px;
        /*transition: 0.5s 0.5s;*/
    }

    .nav{
       position: absolute;
       z-index: 999;
       right: 0;
       top: 0;
    }
    .nav ul{
        display: flex;
    }
    .nav li {
        width: 90px;
        height: 67px;
        color: #FFF;
        text-align: center;
        float: left;
        list-style-type: none;
    }
    .nav li>a {
        display: block;
        font-size: 16px;
        line-height: 70px;
        color: #FFF;
        /*transition: 0.5s 0.5s;*/
    }
    .nav li>a:hover {
        color: #ffa200;
    }
    .nav li ul { 
        width:1050px; 
        background-color: rgba(0,0,0,0.4);
        border-radius: 10px;
        list-style-type: none; 
        z-index:50; 
        text-align:left;
        left: -999em; 
        position: absolute;
        margin-left: -500px;
        /*_background:#0881d4; */
        /*_FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
        _moz-opacity: 0.8; 
        _opacity: 0.8; 
        _ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=80)';*/
    }/*二级菜单总体样式：行高24px；背景颜色；外框宽度；相对位置；边框一个象素，上边没样式，左右下边实线，边框颜色#003399；内边距1个象素*/
    .nav li ul li{ 
        width:95px; 
        background:none; 
        height:60px; 
        line-height:60px; 
        /*border-bottom:#ccc solid 1px;*/
    }
    .nav li ul li a{ 
        color:#FFF; 
        display:block; 
        font-size:16px; 
        line-height:60px;
    }/* 二级菜单链接样式；背景宽度、左对齐，左缩进2 */
    .nav li ul li a:link {
        color:#FFF; 
        text-decoration:none;
    }/* 未访问的链接 */ 
    .nav li ul li a:visited {
        color:#FFF; 
        text-decoration:none;
    }/* 已访问的链接 */
    .nav li ul li a:hover {
        color:#ffa200;; 
        /*background:#064a95; */
        text-decoration:none;
    }/* 鼠标在链接上 */
    .nav li ul li a:active {
        color:#FFF; 
        text-decoration:none;
        margin:0;
    }
    .nav li:hover ul {
        left: auto; 
        /*margin-top: -3px;*/
    }
    .nav li.sfhover ul {
        left: auto;
    }

    .lev-menu{
        display: none;
        position: absolute;
        z-index: 10;
        top: 126px;
        left: 0;
        width: 100%;
        height: 212px;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.8);
        opacity: 0;
        transition: 0.6s;
    }
    .nav .lev-menu img{
        position: absolute;
        z-index: 1;
        right: 20px;
        top: 20px;
        width: 654px;
        height: 172px;
    }
    .nav .lev-menu ul{
        display: block;
        width: 88px;
        padding: 10px 0 0;
    }
    .nav .lev-menu li{
        padding: 1px 0;
    }
    .nav .lev-menu li a{
        display: block;
        width: 110px;
        padding: 0;
        font: 400 16px/30px '微软雅黑';
        color: #2a2a2a;
        text-align: center;
    }

    .nav .lev:hover>a{
        color: #017b1e;
    }

    .nav .lev:hover .lev-menu{
        display: block;
        top: 96px;
        opacity: 1;
    }

    .nav .lev-menu li a:hover{
        color: #fff;
        background: #017b1e;
    }

   
    
}
 @media (min-width: 1480px) {
    header .container {
        width: 1180px;
    }
}

@media (max-width: 1080px) {
    .about2 .box p {
    font-size: 20px;
    line-height: 30px;
    color: #666;
    text-indent: 2em;
    margin-bottom: 20px;
}
    .about4 .box ul > li > div > p {
    font-size: 20px;
    line-height: 30px;
    color: #333;
}
.tab03 ul {
    width:960px;
    float:left;
    margin: 0 10px;
}
.tab03 ul li{
    display:inline;
    float: left;
    width:120px;
    text-align: center;   
}
.tab03 ul li p{
    font-size: 18px;
    line-height: 60px;
    color:#2c54ea;
}
.tab03 .hytBtn03{
    border-bottom: 2px solid #1e48d8;
}
.cont03{
    width:960px;
    float:left;
    line-height:30px;
    padding-bottom:4px;
    margin: 5% 10px;
}
.cont03 h3{
    font-size: 24px;
    color: #152256;
}
.cont03 p{
    font-size: 18px;
    line-height: 50px;
    color: #8f7c80;
    font-weight: bold;
}
.cont03 table{
    border: 1px solid #4770fe;
}
.jy_tab{
    background: url(../images/jy_tab_bg.jpg) no-repeat;
    color: #FFF;
    font-size: 16px;
    line-height: 32px;
    float: left;
    margin: 20px;
}
.tab_tit{
    height: 110px;
    background: #4770fe;
}
.tab_r{
    border-left: 1px solid #c2d0ff;
    width: 260px;
    height: 110px;
    text-align: right;
    float: right;
}
.tab_r img{
    margin-top: 20px;
}
.java2 .box .left{
    width:100%;
    height: 650px;
    background-image: linear-gradient( to right, #1631e0, #512bcc);
    /*box-shadow: 0px 8px 16px 0px rgb(255 106 110 / 38%);*/
    float: left;
}
.java2 .box .left video{
    width:94%;
    height: 560px;
    margin: 30px 0 0 30px;
}
.java2 .box .right{
    width:90%;
    float: left;
    padding: 5%
}
.java2 .box .right h3{
    font-size: 24px;
    color: #0161ec;
    line-height: 60px;
}
.java2 .box .right p{
    font-size: 16px;
    color: #5a5a5a;
    line-height: 26px;
    margin: 10px 0;
}
.web1 .box{
    width:980px;
    background: none;
    text-align: center;
    margin: auto;
    margin-top: 30px;
    overflow: hidden;
}
.web1 .box .left{
    width:63%;
    height: 350px;
    float: left;
    margin-top: 8px;
}
.web1 .box .left img{
    width:100%;
}
.web1 .box .right{
    width:35%;
    float: right;
    margin: 1% 0 0 2%;
}
.web1 .box .right li{
    width:107px;
    list-style-type: none;
    float: left;
    margin: 30px 0 0 45px;
}
.web1 .box .right li p{
    font-size: 16px;
    color: #000;
}
.sn9 .box .left{
    width:300px;
    background: #3f3b5c;
    float: left;
}
.sn9 .box .left ul{
    width:280px;
    float: left;
    margin: 10px;
}
.sn9 .box .left ul li{
    width:280px;
    list-style-type: none;
    float: left;
    margin-top: 15px;
}
.sn9 .box .left ul li img{
    width:100%;
}
.sn9 .box .right{
    width:620px;
    float: right;
    margin:20px 20px;
}
.sn9 .box .right p{
    font-size: 14px;
    line-height: 28px;
    color: #535353;
    margin: 5px 0;
}
.sn9 .box .left01{
    width:300px;
    background: #3f3b5c;
    float: right;
}
.sn9 .box .left01 ul{
    width:280px;
    float: right;
    margin: 10px;
}
.sn9 .box .left01 ul li{
    width:280px;
    list-style-type: none;
    float: right;
    margin-top: 15px;
}
.sn9 .box .left01 ul li img{
    width:100%;
}
.sn9 .box .right01{
    width:620px;
    float: left;
    margin: 20px 20px;
}
.sn9 .box .right01 p{
    font-size: 16px;
    line-height: 26px;
    color: #535353;
    margin: 5px 0;
}
.sn4 .box .left{
    width: 630px;
    height: 400px;
    float: left;
}
.sn4 .box .left .cont01{
    width: 100%;
}
.sn4 .box .left img{
    width: 100%;
}
.sn4 .box .right{
    width: 325px;
    height: 400px;
    float: right;
    margin-right: 10px;
}
.sn4 .box .right h3{
    font-size: 32px;
    color: #3f68fe;
    margin-top: 10px;
}
.sn4 .box .right p{
    font-size: 16px;
    line-height: 26px;
    color: #535353;
    margin-top: 15px;
}
.sn4 .box .tab01{
    position: relative;
    z-index: 14;
    width: 590px;
    background: #FFF;
    border: 1px solid #cccccc;
    float: right;
    margin-right: 35px;
    margin-top: -50px;
    padding: 5px;
}
.sn4 .box .tab01 li{
    width: 190px;
    height: 117px;
    list-style-type: none;
    float: left;
    margin: 3px;
}
.sn4 .box .tab01 li img{
    width: 100%;
    opacity: 0.6;
}
.sn4 .box .tab01 .hytBtn01 img{
    width: 100%;
    opacity: 1;
}
.sn4 .box .left .cont04{
    width: 100%;
}
.sn4 .box .right04{
    width: 325px;
    height: 400px;
    float: right;
    margin-right: 10px;
}
.sn4 .box .right04 h3{
    font-size: 32px;
    color: #FFF;
    margin-top: 10px;
}
.sn4 .box .right04 p{
    font-size: 16px;
    line-height: 26px;
    color: #FFF;
    margin-top: 15px;
}
.sn4 .box .tab04{
    position: relative;
    z-index: 14;
    width: 590px;
    background: #FFF;
    border: 1px solid #cccccc;
    float: right;
    margin-right: 35px;
    margin-top: -50px;
    padding: 5px;
}
.sn4 .box .tab04 li{
    width: 190px;
    height: 117px;
    list-style-type: none;
    float: left;
    margin: 3px;
}
.sn4 .box .tab04 li img{
    width: 100%;
    opacity: 0.6;
}
.sn4 .box .tab04 .hytBtn04 img{
    width: 100%;
    opacity: 1;
}
.sn5 .box .left{
    width: 630px;
    height: 400px;
    float: right;
}
.sn5 .box .left .cont02{
    width: 100%;
}
.sn5 .box .left img{
    width: 100%;
}
.sn5 .box .right{
    width: 325px;
    height: 400px;
    float: left;
    margin-left:10px; 
}
.sn5 .box .right h3{
    font-size: 32px;
    color: #3f68fe;
    margin-top: 10px;
}
.sn5 .box .right p{
    font-size: 16px;
    line-height: 26px;
    color: #535353;
    margin-top: 15px;
}
.sn5 .box .right1{
    width: 325px;
    height: 400px;
    float: left;
    margin-left: 10px;
}
.sn5 .box .right1 h3{
    font-size: 32px;
    color: #3f68fe;
    margin-top: 0px;
}
.sn5 .box .right1 p{
    font-size: 16px;
    line-height: 22px;
    color: #535353;
    margin-top: 10px;
}
.sn5 .box .tab02{
    position: relative;
    z-index: 15;
    width: 590px;
    background: #FFF;
    border: 1px solid #cccccc;
    float: left;
    margin-left: 35px;
    margin-top: -50px;
    padding: 5px;
}
.sn5 .box .tab02 li{
    width: 190px;
    height: 117px;
    list-style-type: none;
    float: left;
    margin: 3px;
}
.sn5 .box .tab02 li img{
    width: 100%;
    opacity: 0.6;
}
.sn5 .box .tab02 .hytBtn02 img{
    width: 100%;
    opacity: 1;
}
.sn5 .box .left .cont05{
    width: 100%;
}
.sn5 .box .tab05{
    position: relative;
    z-index: 15;
    width: 590px;
    background: #FFF;
    border: 1px solid #cccccc;
    float: left;
    margin-left: 35px;
    margin-top: -30px;
    padding: 5px;
}
.sn5 .box .tab05 li{
    width: 190px;
    height: 117px;
    list-style-type: none;
    float: left;
    margin: 3px;
}
.sn5 .box .tab05 li img{
    width: 100%;
    opacity: 0.6;
}
.sn5 .box .tab05 .hytBtn05 img{
    width: 100%;
    opacity: 1;
}
.ch5 .box1 .left img{
    position:  absolute;
    z-index: 16;
    width: 41%;
    margin-left: -22px;
}
.ch5 .box2 .left img{
    position:  absolute;
    z-index: 17;
    width: 44%;
    margin-left: 23px;
}
.ch6 .box .pmggsj_eight_ul li {
    float: left;
    width: 24%;
    list-style-type: none;
    position: relative;
    margin-right: 1%;
}
.ch6 .box .pmggsj_eight_ul li img{
    width: 100%;
}
.ch6 .box .pmggsj_eight_ul li div{
    width: 65%;
    height: 124px;
    position: absolute;
    left: 40px;
    bottom: -36px;
    /*background-color: white;*/
    border-radius: 2px;
    box-shadow: 0px 8px 28px -2px #f0ebeb;
}
a.abtn{display:block;height:360px;width:40px;overflow:hidden;background:url(../images/arrow4.png) no-repeat 0px 50%;}
a.aleft{float:left;}
a.agrayleft{cursor:default;background-position:-80px 50%;}
a.aright{float:right;background-position:-40px 50%;}
a.agrayright{cursor:default;background-position:-120px 50%;}
.scrolllist{
    width:980px;
    height:410px;
    margin:0 auto;
}
.scrolllist .imglist_w{
width:900px;
height:410px;
overflow:hidden;
float:left;
position:relative;/*必要元素*/
}
.scrolllist .imglist_w ul{width:20000px;position:absolute;left:0px;top:0px;}
.scrolllist .imglist_w li {
    float: left;
    width: 280px;
    text-align: center;
    list-style-type: none;
    position: relative;
    margin: 0 10px;
}
.scrolllist .imglist_w li div{
    width: 280px;
    height: 64px;
    background: #FFF;
    border-radius: 2px;
    box-shadow: 0px 8px 28px -2px #f0ebeb;
}
.ch7 .box .left{
    width:100%;
    border-right: 1px solid #e9e9e9; 
    float: left;
    margin: 0 0 30px 0;
}
.ch7 .box .left .tab06 {
    width: 100%;
}
.ch7 .box .left .tab06 ul{
    width: 100%;
}
.ch7 .box .left .tab06 ul li{
    width: 18.5%;
    height: 60px;
    font-size: 18px;
    color: #8a8c8b;
    line-height: 60px;
    border: 1px solid #d6d6d6;
    border-radius: 30px;
    list-style-type: none;
    float: left;
    margin: 5px;
}
.ch7 .box .left .tab06 .hytBtn06{
    height: 60px;
    font-size: 18px;
    color: #FFF;
    line-height: 60px;
    background-image: linear-gradient( to bottom, #ffaf22, #ff931a);
    border: 1px solid #d6d6d6;
    border-radius: 30px;
    list-style-type: none;
    margin: 5px;
}
.ch7 .box .left .tab06 .hytBtn06 span{
    color: #ff9f1c;
}
.ch7 .box .right{
    width:880px;
    float: left;
    margin: 50px;
}
.ch7 .box .ch_bm .biaodan {
    width: 40%;
    height: 60px;
    float: right;
    margin: 103px 5% 0 0;
    overflow: hidden;
}
.ch7 .box .ch_bm .biaodan .mobil3{
    width: 45%;
    height: 60px;
    font-size: 20px;
    color: #333333;
    line-height: 60px;
    border: 1px solid #d6d6d6;
    border-radius: 30px;
    text-indent: 25px;
}
.ch7 .box .ch_bm .biaodan .bin{
    width: 37%;
    font-size: 20px;
    color: #ca5f00;
    line-height: 60px;
    overflow: hidden;
    border: 0 none;
    background-image: linear-gradient( to bottom, #fcf77f, #feda2a);
    border-radius: 30px;
}
#kefu{ 
    width:160px; 
    height:600px; 
    z-index: 200; 
    position:fixed; 
    left:5px; 
    top:80px; 
    background:#12259d;
    display:none;
}
#kefu .box{ 
    width:130px; 
    overflow:hidden; 
    margin: 15px;
}
#kefu .box li{ 
    font-size:18px;
    height: 30px;
    line-height: 30px;
    color:#FFF;
    border-bottom: 1px dashed #e3e3e3;
    list-style-type: none;
    padding: 20px 0;
}
#kefu .box li span{ 
    margin-left: 10px;
}
#kefu .box li span:hover{ 
    color:#ffa200;
}
#kefu .box .ewm3{ 
    width:130px; 
    text-align: center;
    overflow:hidden; 
    margin: 20px 0;
}
#kefu .box .ewm3 img{ 
    width:100%; 
    height: auto;
}
#kefu .box .ewm3 p{ 
    color: #FFF;
    line-height: 30px;
}
#kefu .box .ewm3 .tit{ 
    line-height: 40px;
    border-bottom: 1px dashed #e3e3e3;
}
#kefu .top{ 
    width: 90%;
    height: 30px;
    text-align: right;
    float:right;
    margin-right: 4%; 
    display: block;
}
#kefu .close{
    width: 30px;
    height: 30px;  
}
.right_bar{ 
    width:40px; 
    height:130px; 
    z-index:222; 
    position:fixed; 
    left:5px; 
    top:320px; 
    display: block;
}
.right_bar img{cursor:pointer;}


}