*{margin:0px; padding:0px; list-style:none; outline:none; font-family:Microsoft YaHei, Arial, Helvetica, sans-serif;}
body{line-height:24px; font-size:14px; color:#333; background:#FFF;}
img{border:0px;}
a{color:#333333; text-decoration:none; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
/*a:hover{color:#13cb09;}*/
.clear{clear:both; height:0px; font-size:0px;}

.top01{width:100%; height:auto;background-color: #0b1223;border-bottom: 2px solid #0b1223;}
.top02{width:100%; height:60px; margin:0px auto;}
.top02_l{width:300px; height:60px; float:left;display: flex;justify-content: center;align-items: center;}
.top02_l img{width:auto; height:40px; display:block;}
/*.top02_c{width:810px; height:60px; float:right; margin-left:30px;}
.top02_r{width:530px; height:60px; float:left;display: flex;align-items: center;justify-content: flex-end;}
.top02 .search_dk{width:25px; height:25px; cursor:pointer; display:block;}
.top02 .search_gb{width:25px; height:25px; cursor:pointer; display:none;}
.top02 .search02{ display:none;margin-right: 10px;}
.top02 .search03{ padding:15px 0px; margin:0px auto;display: flex;}
.top02 .search04{width:225px; height:30px; float:right;border-radius: 5px;}
.top02 .search05{width:40px; height:30px; float:right;background-color: #039ee7;border-radius: 0 50px 50px 0;text-align: center;line-height: 30px;}
.top02 .search05 a{color: #ffffff;}
.top02 .in{width:100%; height:30px; line-height:30px; border:0px; display:block;border-radius: 50px 0 0 50px;background:rgba(255,255,255,0.3);}
*/
.top02_c{width:60%; height:60px; margin-left:30px; float:left;}
.top02_r{width:30px; height:60px; float:left;display: flex;align-items: center;justify-content: flex-end;}
.top02 .search_dk{width:25px; height:25px; cursor:pointer; display:block;}
.top02 .search_gb{width:22px; height:22px; cursor:pointer; display:none;}
.top02 .search02{width:100%; height:auto; background: rgba(255,255,255,.3); position:fixed; left:0px; top:60px; z-index:99999; display:none;}
.top02 .search03{width:1080px; height:auto; padding:15px 0px; margin:0px auto;}
.top02 .search04{width:225px; height:30px; background:#FFF; float:right;}
.top02 .search05{width:50px; height:30px; float:right;background-color: #039ee7;border-radius: 0 50px 50px 0;text-align: center;line-height: 30px;}
/*.top02 .search05 a{color: #ffffff;}*/
.top02 .search05 input{color: #ffffff;background: #039ee7;width:50px; height:30px;border-radius: 0 50px 50px 0;text-align: center;line-height: 30px;border: none;}
.top02 .in{width:98%; height:30px; line-height:30px; border:0px; display:block;padding-left: 2%;}

.dh{width:100%; height:auto;}
.dh ul{width:100%; height:auto;}
.dh ul li{width:16.66%; height:60px; float:left;}
.dh ul li .a01{width:100%; line-height:60px; text-align:center; color:#ffffff; font-size:16px; display:block;}
/*.dh ul li:hover .a01{color:#fff; background:#119f0f;}*/
.dh_xl01{width:100%; height:auto; background:#FCFCFC; padding:20px 0px; position:absolute; left:0px; top:60px; z-index:999999; display:none;}
.dh_xl02{width:65%; height:auto; margin:0px auto;}
/*.dh_xl02_l{width:700px; height:auto; }*/
.dh_box{width:20%;float: left;}
.dh_box .dh_title{width:200px; height:40px; line-height:40px; text-align:center; font-size:16px; margin:0px 10px 10px 0px;}
/*.dh_box .dh_title:hover{text-decoration:none;}*/
.dh_xl02_l a{width:200px; height:40px; line-height:40px; text-align:center; font-size:14px; margin:0px 10px 10px 0px; display:block;}
.dh_xl02_l a:hover{text-decoration: underline;}
.dh1_xl02_l a{width:200px; height:40px; line-height:40px; text-align:center; font-size:14px; margin:0px 10px 10px 0px; display:block;float: left;}
.dh1_xl02_l a:hover{text-decoration: underline;}

/*手机端导航*/
.phone-menu{z-index: 99;background: #0b1223;height: 45px;display: none;}
.menu-click img{width: 20px;height: 20px;}
.navMenubox{width: 100%; position: absolute;z-index: 5555555555555555;background: #fff;opacity: 0.9;display: none;}
.phone-menu .search_dk1{width:25px; height:25px; cursor:pointer; display:block;}
.phone-menu .search_gb1{width:22px; height:22px; cursor:pointer; display:none;}
.phone-menu .search021{width:100%; height:auto; background: rgba(255,255,255,.3); position:fixed; left:0px; top:45px; z-index:99999; display:none;}
.phone-menu .search031{width:90%; height:auto; padding:15px 0px; margin:0px auto;}
.phone-menu .search041{width:225px; height:30px; background:#FFF; float:right;}
.phone-menu .search051{width:50px; height:30px; float:right;background-color: #039ee7;border-radius: 0 50px 50px 0;text-align: center;line-height: 30px;}
/*.phone-menu .search051 a{color: #ffffff;}*/
.phone-menu .search051 input{color: #ffffff;background: #039ee7;width:50px; height:30px;border-radius: 0 50px 50px 0;text-align: center;line-height: 30px;border: none;}
.phone-menu .in1{width:98%; height:30px; line-height:30px; border:0px; display:block;padding-left: 2%;}

/*侧导航*/
.r_nav{position: fixed;right: 0;top:50%;z-index: 999999999999999999999999;}
.hide{display: none;}
.call div{display: inline-block;}
.fl{position: fixed;right: 54px;}
.text-right{text-align: right;}
.show_tel{
	display: flex;
	justify-content: center;
	align-items: center;
}
.gsxcx{width: 100px;height: 100px;}
.telphone{
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    cursor: pointer;
    margin-right: 8px;
}
.telimg{width: 25px;height: 25px;}
.qc-scrollbar-button {
    background-color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
    margin: 5px 8px 5px 0;
}
.qc-scrollbar-button {
    display: block;
    width: 44px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    text-align: center;
    cursor: pointer;
}
.qc-scrollbar-icon-service {
    background-image: url(../images/zixun.png);
    background-size: 25px;
    background-repeat: no-repeat;
}
.qc-scrollbar-icon {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: top;
}
.qc-scrollbar-button-desc {
    display: block;
    text-align: center;
    width: 16px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    color: #333;
    line-height: 1;
    margin-top: 10px;
}
.returntop{
	position: fixed;
    z-index: 99;
    right: 8px;
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(227,229,233,.25);
    margin-top: 10px;
}
.returntop:before{
	content: "";
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: 50%;
    margin-top: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 8px;
    border-color: transparent transparent #666;
}
.returntop:after{
	content: "";
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: 50%;
    margin-top: -1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 8px;
    border-color: transparent transparent #fff;
}
/* 手机端 */
.phone-talk{z-index: 99999999999999999999;display: none;width: 50%;height: 50px;position: fixed;top: 50%;right: 8px;}
.talk-show{
	z-index: 9999;
	position: fixed;
	top: 50%;
	right: 8px;
	width: 36px;
	height: 36px;
	background: #fcfcfc;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #ccc;
	border-radius: 50%;
}
.talk-img{width: 20px;height: 20px;}
.talk-hide{position: fixed;right: 8px;top:60%;display: none;background: #fcfcfc;width: 36px;border: 1px solid #ccc;border-radius: 5px;padding: 10px 0;text-align: center;}
.talk-img1{width: 25px;height: 25px;}
.talk-kf{text-align: center;}
.talk-dh{text-align: center;margin-top: 5px;}
.phone-talk .in{display: inline-block;margin-top: 10px;}
.phone-talk .in img{width: 15px;height: 15px;}

/* 底部 */
.footer{width: 100%;background: #333333;color: #fff;display: flex;justify-content: center;}
.list{width:65%;padding:0 3%;display: flex;justify-content: center;border-bottom:1px solid #fff;}
.f_b{width:10%;display: inline-block;float: left;margin:3% 3%;}
.footer_ul .jia{font-size: 16px;color: #fff;}
.footer_ul a{color: #cdcdcd;}
.footer_ul a:hover{text-decoration: underline;}
.f_b li{margin-top: 3%;font-size: 14px;font-family: "微软雅黑";}
.f-imgs{display: flex;}
.f-img{width: 100%;cursor: pointer;}
.x-img{position: relative;bottom: 50px;right: 95px;display: none;}
.img1{width: 100px;height: 100px;position: absolute;}
.img2{width: 20px;height: 20px;position: absolute;top: 92px;left: 40px;}
.l-img{width: 24%;margin: 40% auto;}
/*.f-wechat{background-image:url(../images/wx.png); background-repeat: no-repeat;background-position:0 0;background-size: 100%;}*/
.f-about{margin: 3% 0;}
.f-phone{font-size: 24px;font-family: "微软雅黑";margin-top: 3%;}
.f-hour{color: #cdcdcd;margin-top: 2%;}
.l-d{display: inline-block;margin: 2% 4% 0;}
.f-logo{width: 16%;float: right;margin:1% 15% 1% 0;}
.f-ll{margin: 2%;}

.bottom{height: 130px;width: 100%;background: #333333;}
.bottom p{color: #fff;text-align: center;font-size: 12px;width: 100%;height: 40px;margin: 0 auto;line-height: 50px;} 
.bottom a{color: #fff;}
.bootom a:hover{color:#fff;}

/*手机端底部*/
.footera{
	width: 100%;
	background: #333333;
	color: #fff;
	padding: 3% 0;
	display: none;
}
.footera_a{
	width: 100%;
	text-align: center;
}

/*分页banner*/
.p-box{width: 32%;color: #fff;margin: 5% 0 0 15%;}
.p-title{font-size: 28px;}
.p-text{font-size: 18px;line-height: 30px;margin-top: 4%;}
.now{width: 100px;height: 30px;background: #039ee7;text-align: center;line-height: 30px;color: #fff;margin-top: 6%;}
.now a{color: #fff;}

/*响应式*/
@media (max-width:1500px){
	
	.f-phone{font-size: 22px;}
	.p-box{margin: 4% 0 0 15%;}
	.p-title{font-size: 24px;}
	.p-text{font-size: 16px;line-height: 32px;}
	.now{margin-top: 3%;}
}
@media (max-width:1300px){
	.f-phone{font-size: 20px;}
	.p-box{margin: 3% 0 0 15%;}
	.p-text{font-size: 16px;line-height: 30px;margin-top: 3%;}
}
@media (max-width:1200px){
	.p-box{margin: 3% 0 0 15%;}
	.p-title{font-size: 22px;}
	.p-text{font-size: 14px;line-height: 24px;}
	.top02{width: 100%;}
	.top02_l{width: 250px;}
	
	.top02 .search03{width: 950px;}
	
	.dh_xl02_l a{width:180px;}
	.dh_box .dh_title{width:180px;}
	.list{width: 84%;}
	.f_b{margin: 3% 2%;}
}
@media (max-width:1100px){
	.p-box{width:36%;margin: 2% 0 0 10%;}
	.p-title{font-size: 20px;}
	.p-text{line-height: 22px;margin-top: 7px;}
}
@media (max-width:1000px){
	.p-box{width:36%;margin: 2% 0 0 10%;}
	.p-title{font-size: 18px;}
	.p-text{font-size: 12px;line-height: 20px;margin-top: 5px;}
	.now{width: 80px;height: 24px;line-height: 24px;font-size: 12px;}

	.top02_l{width: 220px;}

	.top02 .search03{width: 850px;}
	
	.dh_xl02{width: 80%;}
	.dh_xl02_l a{height: 30px;line-height: 30px;margin: 0px 10px 6px 0px;}
	.dh_box .dh_title{height: 30px;line-height: 30px;margin: 0px 10px 6px 0px;}
	.dh1_xl02_l{width: 100%;margin: 0 auto;}
	.list{width: 86%}
	.footer_ul .jia{font-size: 14px;}
	.f_b li{font-size: 12px;}
	.f-hour{font-size: 12px;}
}
@media (max-width:800px){
	.p-box{width:40%;margin: 1% 0 0 7%;}
	.p-title{font-size: 16px;}
	.p-text{font-size: 10px;line-height: 16px;margin-top: 5px;}
	.now{width: 80px;height: 24px;line-height: 24px;font-size: 12px;}
	
	.top02_l{width: 150px;}
	.top02_l img{height: 30px;}
	
	.top02 .search03{width: 690px;}
	
	.dh ul li .a01{font-size: 14px;}
	.list{width: 86%}
}
@media (max-width:760px){
	.p-box{margin: 5% 0 0 20%;}
	.p-text{display: none;}
	.top01{display: none;}
	.phone-menu{display: flex;justify-content: space-between;align-items: center;padding: 0 6%;}
	.r_nav{display: none;}
	.phone-talk{display: block;}
}
/*banner*/
@media(max-width: 580px){
	.p-text{display: none;}
	.p-box{margin: 5% 0 0 10%;}
	.po-banner{height:120px;}
}
@media(max-width: 500px){
	.p-text{display: none;}
	.p-box{margin: 11% 0 0 10%;}
}
@media(max-width: 400px){
	.p-text{display: none;}
	.p-box{margin: 11% 0 0 10%;}
	.p-title{font-size: 14px;}
	.now{font-size: 10px;margin-top: 2%}
}
@media(max-width: 340px){
	.p-text{display: none;}
	.p-box{margin: 8% 0 0 10%;}
	.p-title{font-size: 13px;}
	.now{font-size: 10px;margin-top: 1%}
}
/*底*/
@media (max-width:760px){
	.footer{display: none;}
	.bottom {display: none;}
	.footera{display: block;font-size: 12px;}
}
@media (max-width:530px){
	.footer{display: none;}
	.bottom {display: none;}
	.footera{display: block;font-size: 10px;}
}
/*动画*/


/*-------------------------*/
/* 震动 */
.shake{
    -webkit-animation:flipInY 1s .2s ease both;
    -moz-animation:flipInY 1s .2s ease both;
    -ms-animation:flipInY 1s .2s ease both;
    animation:flipInY 1s .2s ease both;}
    @-webkit-keyframes flipInY{
        0%{-webkit-transform:perspective(400px) rotateY(90deg);
        opacity:0}
        40%{-webkit-transform:perspective(400px) rotateY(-10deg)}
        70%{-webkit-transform:perspective(400px) rotateY(10deg)}
        100%{-webkit-transform:perspective(400px) rotateY(0deg);
        opacity:1}
    }
    @-moz-keyframes flipInY{
        0%{-moz-transform:perspective(400px) rotateY(90deg);
        opacity:0}
        40%{-moz-transform:perspective(400px) rotateY(-10deg)}
        70%{-moz-transform:perspective(400px) rotateY(10deg)}
        100%{-moz-transform:perspective(400px) rotateY(0deg);
        opacity:1}
    }
    @-ms-keyframes flipInY{
        0%{-ms-transform:perspective(400px) rotateY(90deg);
        opacity:0}
        40%{-ms-transform:perspective(400px) rotateY(-10deg)}
        70%{-ms-transform:perspective(400px) rotateY(10deg)}
        100%{-ms-transform:perspective(400px) rotateY(0deg);
        opacity:1}  

    }
    @keyframes flipInY{
        0%{transform:perspective(400px) rotateY(90deg);
        opacity:0}
        40%{transform:perspective(400px) rotateY(-10deg)}
        70%{transform:perspective(400px) rotateY(10deg)}
        100%{transform:perspective(400px) rotateY(0deg);
        opacity:1}
    }
   /*  向上飞入 */

.up-1s{
    -webkit-animation:fadeInUpBig 1s .2s ease both;
    -moz-animation:fadeInUpBig 1s .2s ease both;
    -ms-animation:fadeInUpBig 1s .2s ease both;
    animation:fadeInUpBig 1s .2s ease both;
}
    @-webkit-keyframes fadeInUpBig{
    0%{opacity:0;
    -webkit-transform:translateY(2000px)}
    100%{opacity:1;
    -webkit-transform:translateY(0)}
    }
    @-moz-keyframes fadeInUpBig{
    0%{opacity:0;
    -moz-transform:translateY(2000px)}
    100%{opacity:1;
    -moz-transform:translateY(0)}
    }
     @-ms-keyframes fadeInUpBig{
    0%{opacity:0;
    -ms-transform:translateY(2000px)}
    100%{opacity:1;
    -ms-transform:translateY(0)}
    }
     @keyframes fadeInUpBig{
    0%{opacity:0;
    transform:translateY(2000px)}
    100%{opacity:1;
    transform:translateY(0)}
    }


.up-12s{
    -webkit-animation:fadeInUpBig 1.2s .3s ease both;
    -moz-animation:fadeInUpBig 1.2s .3s ease both;
    -ms-animation:fadeInUpBig 1.2s .3s ease both;
    animation:fadeInUpBig 1.2s .3s ease both;
}
    @-webkit-keyframes fadeInUpBig{
    0%{opacity:0;
    -webkit-transform:translateY(2000px)}
    100%{opacity:1;
    -webkit-transform:translateY(0)}
    }
    @-moz-keyframes fadeInUpBig{
    0%{opacity:0;
    -moz-transform:translateY(2000px)}
    100%{opacity:1;
    -moz-transform:translateY(0)}
    }
     @-ms-keyframes fadeInUpBig{
    0%{opacity:0;
    -ms-transform:translateY(2000px)}
    100%{opacity:1;
    -ms-transform:translateY(0)}
    }
     @keyframes fadeInUpBig{
    0%{opacity:0;
    transform:translateY(2000px)}
    100%{opacity:1;
    transform:translateY(0)}
    }
.up-14s{
    -webkit-animation:fadeInUpBig 1.4s .4s ease both;
    -moz-animation:fadeInUpBig 1.4s .4s ease both;
    -ms-animation:fadeInUpBig 1.4s .4s ease both;
    animation:fadeInUpBig 1.4s .4s ease both;
}
    @-webkit-keyframes fadeInUpBig{
    0%{opacity:0;
    -webkit-transform:translateY(2000px)}
    100%{opacity:1;
    -webkit-transform:translateY(0)}
    }
    @-moz-keyframes fadeInUpBig{
    0%{opacity:0;
    -moz-transform:translateY(2000px)}
    100%{opacity:1;
    -moz-transform:translateY(0)}
    }
     @-ms-keyframes fadeInUpBig{
    0%{opacity:0;
    -ms-transform:translateY(2000px)}
    100%{opacity:1;
    -ms-transform:translateY(0)}
    }
     @keyframes fadeInUpBig{
    0%{opacity:0;
    transform:translateY(2000px)}
    100%{opacity:1;
    transform:translateY(0)}
    }
.up-16s{
    -webkit-animation:fadeInUpBig 1.6s .6s ease both;
    -moz-animation:fadeInUpBig 1.6s .6s ease both;
    -ms-animation:fadeInUpBig 1.6s .6s ease both;
    animation:fadeInUpBig 1.6s .6s ease both;
}
    @-webkit-keyframes fadeInUpBig{
    0%{opacity:0;
    -webkit-transform:translateY(2000px)}
    100%{opacity:1;
    -webkit-transform:translateY(0)}
    }
    @-moz-keyframes fadeInUpBig{
    0%{opacity:0;
    -moz-transform:translateY(2000px)}
    100%{opacity:1;
    -moz-transform:translateY(0)}
    }
     @-ms-keyframes fadeInUpBig{
    0%{opacity:0;
    -ms-transform:translateY(2000px)}
    100%{opacity:1;
    -ms-transform:translateY(0)}
    }
     @keyframes fadeInUpBig{
    0%{opacity:0;
    transform:translateY(2000px)}
    100%{opacity:1;
    transform:translateY(0)}
    }
   /*  从左边飞入 */
.FadeInLeft{
    -webkit-animation:fadeInLeftBig 1s .1s ease both;
    -moz-animation:fadeInLeftBig 1s .1s ease both;
    -ms-animation:fadeInLeftBig 1s .1s ease both;
    animation:fadeInLeftBig 1s .1s ease both;}
    @-webkit-keyframes fadeInLeftBig{
    0%{opacity:0;
    -webkit-transform:translateX(-2000px)}
    100%{opacity:1;
    -webkit-transform:translateX(0)}
    }
    @-moz-keyframes fadeInLeftBig{
    0%{opacity:0;
    -moz-transform:translateX(-2000px)}
    100%{opacity:1;
    -moz-transform:translateX(0)}
    }
     @-ms-keyframes fadeInLeftBig{
    0%{opacity:0;
    -ms-transform:translateX(-2000px)}
    100%{opacity:1;
    -ms-transform:translateX(0)}
    }
     @keyframes fadeInLeftBig{
    0%{opacity:0;
    transform:translateX(-2000px)}
    100%{opacity:1;
    transform:translateX(0)}
}
/* 从右边飞入 */
.FadeInRight{
    -webkit-animation:fadeInRightBig 1s .1s ease both;
    -moz-animation:fadeInRightBig 1s .1s ease both;
    -ms-animation:fadeInRightBig 1s .1s ease both;
    animation:fadeInRightBig 1s .1s ease both;}
    @-webkit-keyframes fadeInRightBig{
    0%{opacity:0;
    -webkit-transform:translateX(2000px)}
    100%{opacity:1;
    -webkit-transform:translateX(0)}
    }
    @-moz-keyframes fadeInRightBig{
    0%{opacity:0;
    -moz-transform:translateX(2000px)}
    100%{opacity:1;
    -moz-transform:translateX(0)}
    }
     @-ms-keyframes fadeInRightBig{
    0%{opacity:0;
    -ms-transform:translateX(2000px)}
    100%{opacity:1;
    -ms-transform:translateX(0)}
    }
     @keyframes fadeInRightBig{
    0%{opacity:0;
    transform:translateX(2000px)}
    100%{opacity:1;
    transform:translateX(0)}
}