﻿*{margin: 0;padding: 0;border:none;font-family:Helvetica,"Microsoft YaHei Light";}
a{text-decoration: none;}
ol,ul,li{list-style: none;}
a,.css3donghua,.css3donghua:before,.css3donghua:after  {transition: all 0.5s;
-moz-transition: all 0.5s;	/* Firefox 4 */
-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
-o-transition: all 0.5s;}
img{transition: all 0.5s;
-moz-transition: all 0.5s;	/* Firefox 4 */
-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
-o-transition: all 0.5s;}
.fl_c:after, .fl_c:before {content:'';display:table;}
.fl_c:after {clear:both;}
/*1200-居中*/
.main{width: 1200px;margin: 0 auto;}
/*font-size*/
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
/*color*/
.color_fff{color: #fff;}
.color_666{color: #666;}
.color_333{color: #333;}
.style_none{display: none;}
/*body*/
html,body{width: 100%;height: 100%;transition: transform .5s ease}
body {position:relative;top:0px; right:0px;
transition: all 0.5s;
-moz-transition: all 0.5s;	/* Firefox 4 */
-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
-o-transition: all 0.5s;}

/*,title*/
.title{padding: 60px 0;}
.title h2{font-size: 36px;line-height:36px;margin: 0 0 13px;text-align: center;}
.title .h2{font-size: 36px;line-height:36px;margin: 0 0 13px;text-align: center;}
.title p{line-height:16px;text-align: center;margin-bottom: 0;}
.title p img{margin: 0 13px;}
/*header*/
header{width:100%;height:72px;padding:20px 0;position: fixed;top:0;left:0;z-index: 99;}
header .h1{float:left;/* height:29px; */margin: 0;font-size: 0;padding-left: 48px;}
header .h1 img { height:40px; position:relative; top:-5px;}
header nav{float: right;}
header nav li{float: left;/* width:112px; */height:32px;line-height: 32px;text-align: center;font-size: 16px; padding:0 15px;}
header nav li a{font-size: 16px;color: #fff;}
header nav li.active a{font-weight: bold;color:#2ea6df;}
header nav li a:hover{font-weight: bold;text-decoration: none;color: #2ea6df}
header a.tel{float: right;height: 32px;border-radius: 17px;color: #fff;line-height:32px;padding: 0 14px;margin:0 30px 0 0; font-size:24px; font-weight:700;}
header a.tel:hover{color: #fff;text-decoration: none;}
header a.tel img{margin-right:6px;}
header a.video{float: right;margin:5px 48px 5px 20px;height: 22px;;}
header a.vr{float: right;height: 22px;margin: 5px 0;}

.swipe{/* transform: translate(-200px,0px) scale(1) translateZ(0px); *//* margin-right: -200px; */overflow: hidden; right:200px;}
.swipe header { left:-200px;}
.swipe nav.phoneMenu { right:0px;} 

/*手机导航*/
.btn_phoneMenu{position:absolute;top:0;right:0;z-index:99;height: 100%;display: none;/* display: none !important; */}
.btn_phoneMenu img{height: 20px;margin: 25px;}
nav.phoneMenu{position: fixed;top:0;right:-200px;width: 200px;height:100%;background-color: #2ea6df;z-index: 999;transform: translate(0px,0px) scale(1) translateZ(0px);}
nav.phoneMenu .menu_link{width:100%;padding:15px 30px;}
nav.phoneMenu .menu_link li{min-width:200px;width: 100%;height: 45px;}
nav.phoneMenu .menu_link li a{display: block;width:100%;height:100%;color: #fff;line-height: 45px;font-size: 18px;}
nav.phoneMenu .menu_link li.active{background-color: #2ab3f5;border-top: 1px solid #249fda;border-bottom: 1px solid #249fda; margin:0 -30px; padding:0 30px;}
/*footer*/
/* footer{width: 100%;background-color: #323232;height: 215px;}
footer .links{height: 104px;padding: 50px 0 40px;border-bottom: 1px solid #444;}
footer .links ul{margin-bottom: 0;float: left;}
footer .links li{float:left;text-align: center;line-height: 14px;width: 132px;}
footer .links li:first-child{width: 94px;text-align: left;}
footer .links li:last-child{width: 94px;text-align: right;}
footer .links li:last-child a{border: none;}
footer .links li a{display:block;width:100%;height:14px;color: #fff;border-right: 1px solid #fff;}
footer .links li a:hover{color: #fff;text-decoration: none;}
footer .links>a{float: right;color: #fff;line-height: 14px;}
footer .links>a:hover{text-decoration: none;}
footer .copyright{height: 44px;padding-top: 30px;color: #fff;line-height: 14px;}
footer .copyright p{float: left;margin: 0;}
footer .copyright img{float: left;height: 18px;margin: -4px 10px 0 30px;} */

footer{background: #000; padding-top: 60px; color: #666;}
.footlx{line-height: 40px;font-size: 16px; border-bottom: 1px solid #666; padding-bottom: 40px;}

.footlx1 {
   line-height: 40px;
    font-size: 16px;
    margin-bottom: 60px;
    padding-top: 40px;
}
.contact-btn {
    border: 1px solid #666;
    display: inline-block;
    padding: 6px 20px;
    font-size: 14px;
    color: #666;
    margin-right: 4px;
    line-height: 20px;
    text-decoration: none;
    transition: all 0.2s;
}
.contact-btn:hover {
    background: #2ea6df;
    color: #fff; 
    text-decoration: none;
}
.copyright{background: #242424; padding: 30px 0px; color: #bbb; padding-bottom:50px;font-size:12px;} 
.copyright a{ color:#ddd;}



/*右侧qq,微信*/
/*aside*/
aside.mHidden{width: 68px;z-index: 99;}
aside{display:none;width: 210px;border-radius: 5px;background-color: #232323;position: fixed;top:70%;right:0;/*overflow: hidden;*/margin-top: -148px;}
/*aside ul{margin-bottom: 0;overflow: hidden;}*/
aside ul{margin-bottom: 0;/*height: 228px;*/position: relative;height: 171px;}
aside li{float:right;width: 100%;height:57px;line-height:57px;}
aside li:first-child .imgWrap{border-radius: 5px;}
aside li a{display: block;position: relative;overflow: hidden;}
aside li span{float: left;width:162px;height:57px;padding-left:20px;position:absolute;left: 0;border-bottom: 1px solid #292929;}
aside li .imgWrap{float: right;width: 68px;height:57px;background-color:#232323;padding: 0 20px;text-align: center;position: relative;z-index: 19;border-bottom: 1px solid #292929;}
aside .goTop{height: 67px;padding: 17px 0;text-align: center;font-size: 0;}
aside .goTop img{line-height: 10px;margin-bottom: 10px;}
aside .goTop p{margin-bottom: 0;line-height: 16px;}
aside div.weChat{width: 184px;height: 207px;background: #3a3a3a;position: absolute;top: 20px;left: -184px;display: none;}
aside div.weChat img{display: block;width: 142px;height: 142px;margin: 0 auto; margin-top: 20px;}
aside div.weChat p{text-align: center;font-size: 14px; color: #fff;line-height: 44px;margin-bottom: 0;}
aside li.active{background: #3a3a3a;}
aside li span.active{background: #3a3a3a;}
aside li .imgWrap.active{background: #3a3a3a;}

.transition500{transition:500ms ease-out;-webkit-transition:500ms ease-out;-ms-transition:500ms ease-out;-moz-transition:500ms ease-out;-o-transition:500ms ease-out;}
.transition800{transition:800ms ease-out;-webkit-transition:800ms ease-out;-ms-transition:800ms ease-out;-moz-transition:800ms ease-out;-o-transition:800ms ease-out;}
.transition1200{transition:all 1200ms ease-out;-webkit-transition:all 1200ms ease-out;-ms-transition:all 1200ms ease-out;-moz-transition:all 1200ms ease-out;-o-transition:all 1200ms ease-out;}

@media screen and (min-width:1367px){
	header nav.mHidden {float:none; text-align: center;}
	header nav.mHidden ul {display:inline-block;}
}

@media screen and (min-width:320px) and (max-width:767px){
	 /*底部*/
    /* footer{
        height:210px;
    } */
    footer .links li{
        width:70px !important;
        text-align:left !important;
        margin-right:10px;
        margin-bottom:10px;
    }
    footer .links{
        height:auto;
        overflow:hidden;
        padding:30px 0 20px;
    }
    footer .links>a{
        float:left;
    }
    footer .copyright img{
        /*float:none;*/
        margin-left:0px;
        margin-top:5px;
    }
    footer .copyright :nth-child(1){
        margin-right:10px;
    }
    footer .copyright{
        padding-top:15px;
        height:auto;
        overflow:hidden;
    }
     footer .copyright p{
        margin-top:6px;
        padding:0;
     }
     aside.mHidden{
        display: none !important;
     }
}
header .indexLogo{
	position: absolute;
	right: 20px;
	top: 0;
	color: #fff;
	height: 100%;
	display: none;
}

.app_bigpic { width:100%; height:650px;}


/*nav_footer 2019.03.15*/
.nav_footer { width:100%; position:fixed; bottom:0px; left:0px; background:#fff; z-index:99; height:50px; border-top:1px solid #eee; box-shadow:0px 0px 10px rgba(0,0,0,0.3); padding:0 15px; display:none;}
.nav_footer .icon { text-align:center; padding-top:3px;}
.nav_footer .zi { text-align:center; font-size:12px; color:#242424; font-weight:300; line-height:20px;}

@media screen and (max-width:768px){
	.nav_footer { display:block;}
}


.new-float{
    position: fixed;right: -3px;
    bottom: 0%;
    z-index: 999;width: 77px;height: 374px;
    
}
.new-float li{
    position: relative;width: 77px;
    height: 57px;margin-bottom: 1px;
    line-height: 20px;color: #fff;
    text-align: center;
    
}
.new-float li.hover{
    /*overflow: hidden;*/
    
}
.new-float li a{
    display: inline-block;color: #fff;
    
}
.new-float li a.tit{
    width: 77px;height: 56px;padding: 30px 10px 0 0;
    color: #fff;font-size: 12px;   
    box-sizing: border-box;
    
}
.new-float li p{
    position: relative;z-index: 2;
    height: 27px;padding-top: 30px;cursor: pointer;
    
}
.new-float li.fi{
    position: relative;
}
.new-float li.fi img{
    display: none;
    position: absolute;
    top:0;
    left: -168px;
    /*opacity: 0;*/
}
.new-float li.fi:hover img{
    display: block;
}
.new-float li.fi a{ 
    background:url(../images/on_line.png) no-repeat 0px 0px;
    
}
.new-float li.fxx a{
    background:url(../images/on_line.png) no-repeat 0px -172px;    
}
.new-float li.tp a{
    background:url(../images/on_line.png) no-repeat 0px -227px;
}
.new-float li.zx a{
    background:url(../images/on_line.png) no-repeat 0px -0px;
}
.new-float li.th a{
    background:url(../images/on_line.png) no-repeat 0px -57px;
    
}
.new-float li.fo a.tit{
    background:url(../images/on_line.png) no-repeat 0px -114px;
    
}
.new-float li.fif p{
    background: url(../img/bg_float05.png) no-repeat;
    
}
.new-float li .tel{
    position: absolute;left: 75px;top: 0;z-index: 1;width: 184px;
    height: 56px;font: 24px/57px Arial;color: #fff; 
    background:#5b5b5b;cursor: pointer;
    
}

.new-float a.mof{
    display: inline-block;width: 78px;height: 71px;padding: 12px 11px 0 12px;
    margin-top: 10px;*margin-top: 7px;background:url(../images/on_line.png) no-repeat 0px -239px;
    font-size: 15px;line-height: 22px;color: #fff;
    
}