*{
-webkit-touch-callout: none; /*系统默认菜单被禁用*/
-webkit-user-select: none; /*webkit浏览器*/
-kHTML-user-select: none; /*早起浏览器*/
-moz-user-select: none; /*火狐浏览器*/
-ms-user-select: none; /*IE浏览器*/
user-select: none; /*用户是否能够选中文本*/
}
i,em{ font-style:normal;}
.header{width: 100%; padding: 0 5%; margin:0 auto; box-sizing: border-box; -webkit-box-sizing: border-box;}
.hea{height:62px;overflow:hidden; background:url(../images/h_top_bg.gif) repeat-x center bottom;}
.hea h5{ height:30px; font:14px "Microsoft YaHei UI"; line-height:30px;}
.hea h5 span{ float:right;}
.hea h5 span a{ padding:0 20px;}
.hea h5 a:hover{ color:#d70110; font-weight:bold;}
.hea .logo{ width:730px; height:113px; float:left; margin: 24px 0 0 0; position:relative;}
.hea .logo:before{ display: none; content:""; position:absolute; top:27px; right:40px; width:1px; height:58px; background:#bfbfbf;}
.hea .logo img{ display:block; width:550px;}
.hea h2{ width:430px; margin:30px 0 0 0; font:28px "Microsoft YaHei UI"; font-weight:bold; color:#000;float:left;}
.hea h2 i{ display:block;background:url(../images/logo_j.png) no-repeat left center; line-height:52px;text-align:right;}
.hea h2 em{ display:block; font:20px "Microsoft YaHei UI"; color:#5b5b5b;text-align:center;}
.lx{ width:238px; margin-top: 34px; font:28px "Microsoft YaHei UI"; font-weight:bold; color:#000; background:url(../images/lx.png) no-repeat left center; padding-left:70px;}
.lx em{ display:block;}
.hea{overflow: visible;}
.menu{ height:62px;}
.menu ul{display: flex; display: -webkit-flex; justify-content: space-between;}
.menu li{ font-size: 18px; float: left; position: relative; z-index: 99;}
.menu li>a{ display:block; color:#fff;height:62px; line-height:62px; padding:0 38px;}
.menu li:hover>a, .menu li.on>a {
    position: relative;
    background: rgb(218, 0, 20);
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(218, 0, 20) 0%, rgba(218, 0, 20) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(218, 0, 20) 0%, rgba(218, 0, 20) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(218, 0, 20) 0%, rgba(218, 0, 20) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f67344', endColorstr='#ef4b2c', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}
.menu>ul>li:hover>a:before,.menu>ul>li.on>a:before{ content:""; position:absolute; top:24px; left:-7px; width:12px; height:12px; border-radius:12px; background:#044299;}
.menu>ul>li:hover>a:after,.menu>ul>li.on>a:after{ content:""; position:absolute; top:24px; right:-7px; width:12px; height:12px; border-radius:12px; background:#044299;}
@keyframes slideDown{0%{top:50px;opacity:0}to{top:62px;opacity:1}}@-webkit-keyframes slideDown{0%{top:50px;opacity:0}to{top:62px;opacity:1}}
.menu li>dl{position: absolute; top: 62px; left: 0; width: 100%; max-height: 0; box-sizing: border-box;-webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;}
.menu li:hover>dl{z-index: 100;}
.menu li>dl>dt{
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    opacity: 0;
    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;
    background-color: rgba(218, 0, 20);
}
.menu li:hover>dl>dt{
    opacity: 1;
	z-index:100;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    background-color: red;
}

.menu li:hover>dl>dt:nth-child(1) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.menu li:hover>dl>dt:nth-child(2) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.menu li:hover>dl>dt:nth-child(3) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.menu li:hover>dl>dt:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.menu li:hover>dl>dt:nth-child(5) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.menu li:hover>dl>dt:nth-child(6) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.menu li:hover>dl>dt:nth-child(7) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
.menu li:hover>dl>dt:nth-child(8) {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms;
}
.menu li:hover>dl>dt:nth-child(9) {
    -webkit-transition-delay: 450ms;
    -moz-transition-delay: 450ms;
    -ms-transition-delay: 450ms;
    -o-transition-delay: 45ms;
    transition-delay: 450ms;
}
.menu li:hover>dl>dt:nth-child(10) {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
}


.menu li>dl>dt>a{display: flex; display: -webkit-flex; align-items: center; width: 100%; height: 45px; font-size: 14px; color: #fff; box-sizing: border-box; padding: 0 10px;}
.menu li:hover>dl{display: block;}
.menu li>dl>dt>a:hover{background-color: #044299;}
		.sou{ height:66px;overflow:hidden; background:#ededed;}
		.sou p{ width:675px; font:14px "Microsoft Yahei"; line-height:66px; color:#000;float:left; font-weight:bold;}
		.sou p a{ display:inline-block; color:#333; font:14px "Microsoft YaHei UI"; padding:0 12px; line-height:66px;}
		.sou p a:last-child{ padding-right:0;}
		.sou p a:hover{ color:#d70110; font-weight:bold; text-decoration:underline;}
		.sou .sou1{ margin-top:11px;float:right; width:350px; height:42px;background:#fff;}
		.sou .ip01{ width:280px; height:42px; padding-left:20px; font:14px "Microsoft Yahei"; line-height:42px; color:#a3a3a3;overflow:hidden; float:left; outline:none; background:none;border:0;}
		.sou .ip02{ width:50px; height:42px; float:right; color:#fff;background:url(../images/sou.png) no-repeat left center; border:0; cursor:pointer; outline:none;}
    

     .guide .video1{ width: 100%; height: auto;  overflow:hidden; position:relative;}
    .guide .video1 a.a_video{display: block; position:absolute;top:0;left:0;}
 

     .video11 .video2{ width:559px; height: auto;  overflow:hidden; position:relative;}
    .video11 .video2 a.a_video2{width: 559px; height: auto;display: block; position:absolute;top:0;left:0;}
    .video11 .video2 iframe,.video11 .video2 video{width: 100% !important; height: 300px !important;}

.foot{ min-height:463px; padding-top:62px;background: #1856ad;overflow:hidden;}
.footer{ width:100%; padding: 0 5%;  margin:0 auto; box-sizing: border-box; -webkit-box-sizing: border-box; display: flex; display: -webkit-flex; flex-wrap: nowrap; justify-content: space-between;}
.tit1{ font:18px "Microsoft YaHei UI"; height:42px; line-height:42px; overflow:hidden; color:#fff; font-weight:bold;}
.tit1 a{ color:#fff;}
.fnav{height:401px;}
.fnav p{font:16px "Microsoft YaHei UI"; line-height:38px;}
.fnav p a{ height:36px; display:block; color:#fff; overflow:hidden;}
.fnav p a:hover,.fnav1 p a:hover,.foot1 a:hover{ font-weight:bold; color:#d70110;}
.fnav1{ overflow:hidden;}
.fnav1 p{ font:16px "Microsoft YaHei UI"; line-height:30px; color:#a6adb6;}
.fnav1 p a{ display:block; color:#fff; height:30px; overflow:hidden; line-height:28px;}
.fcode{ width:500px; position:relative;}
.fcode p{ width:280px; height:43px; margin-top:10px; border:4px solid rgba(255,255,255,0.2); border-radius:2rem; font:24px Arial, Helvetica, sans-serif; font-weight:bold; color:#fcode; line-height:43px; color:#fff; letter-spacing:2.5px;}
.fcode p img{ vertical-align:middle; padding:0 10px 0 20px;}
.fcode span{ display:block; font:14px "Microsoft YaHei UI"; color:#fff; line-height:40px; margin-top:15px;}
.fcode b{display:block; width:136px; height:290px; position:absolute; top:15px; right:0; }
.fcode b img{ display:block; width:128px; height:128px;border:4px solid #fff; margin-bottom:15px;}
.foot1{ font:14px "Microsoft YaHei UI"; line-height: 190%; padding: 17px 0; color:#a6adb6; background-color: #05439a; color: #fff;}
.foot1 em{ padding:0 10px;}
.foot1 a{ color:#fff;}


        .client-2 {
            width: 45px;
            position: fixed;
            right: 10px;
            top: 60%;
            z-index: 999;
            color: #fff;
        }
        
        .client-2 li a {
            text-decoration: none;
            color: #fff;
        }
        
        .client-2 li {
            margin-bottom: 5px;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            cursor: pointer;
            position: relative;
        }
        
        .client-2 li.my-kefu-qq {
            background:#044299 url(../images/cimg23.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-weixin {
            background:#044299 url(../images/cimg24.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-tel {
            background:#044299 url(../images/cimg25.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-shouye {
            background:#044299 url(../images/tohome.png) center no-repeat;
            background-size:26px;
        }
        
        .client-2 li.my-kefu-shouye a {
            width: 45px;
            height: 45px;
            display: block;
        }
        
        .client-2 li.my-kefu-ftop {
            background:#044299 url(../images/returnTop.png) center no-repeat;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 li.my-kefu-qq .cont {
            margin: 0;
            background:#044299 url(../images/cimg23.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            width: 130px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 li.my-kefu-tel .cont {
            margin: 0;
            background:#044299 url(../images/cimg25.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 18px;
            width: 180px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop .my-kefu-main {
            padding-top: 6px;
        }
        
        .client-2 li.my-kefu-weixin .cont {
            margin: 0;
            width: 115px;
            padding: 5px;
            border: solid 1px #ccc;
            position: absolute;
            left: -150px;
            top: -44px;
            background-color: #fff;
        }
        
        .client-2 li.my-kefu-weixin .cont  span {
            display: block;
            line-height: 20px;
            font-size: 12px;
            text-align: center;
            color: #1a1a1a;
        }
        
        .client-2 li.my-kefu-weixin .cont  img {
            width: 115px;
            height: 115px;
        }
        
        .client-2 li:hover .cont {
            display: block!important;
        }