body{ margin:0 auto; width:1200px; text-align:center; font:14px/1.5 Helvetica,Tahoma,Arial,"Hiragino Sans GB","Microsoft YaHei",SimSun,Heiti,sans-serif; }
ul,li{ margin:0; padding:0; border:0; list-style-type: none;}
p{padding:0px;margin:0px;}
h1,h2,h3{display:block;color:#1d1d1d;margin:0; padding:0;}
img{ border:none;}
.clear:before, .clearfix:after { content:""; display:table;  }   
.clear:after{clear:both;overflow:hidden; }   
.clear{*zoom:1;} 
a{ text-decoration:none; color:#1a1a1a;}
a:active{text-decoration:none; color:#005aaa;}
.swiper-container{width: 1200px;height: 400px;}  
.nav{clear:both; width:1200px; height:42px; margin:0 auto;}
.navbg{width:1200px;height:42px; margin:0 auto;background:#2abef5}
.menu{padding-left:208px;width:794px; float:left;height:42px;}
.menu li{width:93px;height:42px;float:left; position:relative;}
.menu li a{ width:88px; height:42px; line-height:42px;padding:0px 5px 0px 0;display: block;font-weight:bold;color:#fff; font-size:14px; }
.nav ul li ul{ position:absolute;top:42px;left:0px; display:none; z-index:11;position:absolute; background:rgba(0,0,0,0.68); }
.nav ul li ul li{ float:none;height:34px; line-height:34px;border-bottom:1px  dotted #ccc;padding:0; }
.nav ul li ul li a{ font-weight:100;height:34px; font-size:14px; line-height:34px;}
.nav ul li ul li a:hover{ background:red;}
.dsepa_menu-right{width:184px;float:right;height:40px;line-height:40px;font-size:14px;}
.dsepa_menu-right form {display:inline;float:left;width:180px;height:40px;position: relative;margin:0;}
.dsepa_menu-right form input{height:30px; line-height:30px; margin-top:4px;box-sizing:border-box; }
.dsepa_menu-right form input.text {padding-left:6px;border-radius:3px;border:1px solid #B5DDF4;width:180px;float:right;height:34px;line-height:34px;font-size:14px;color:#6d6d6d;outline:0 none;}
.dsepa_menu-right form .button{	background:none;border:none;position:absolute;left:146px;top:2px;outline:none;border:none;cursor:pointer;}
.dsepa_menu-right form .button:hover{color:red;transition: all 0.2s linear;}

.btn{ width:1190px;margin:0 auto;line-height:30px;height:30px;font-size:14px;color:red; font-weight:bold; text-align:right; background:#f3f3f3; padding-right:10px; }
.dsepa_indeximg{ width:1200px; height:400px; margin:0 auto; overflow:hidden;}
.dsepa_indexim a{ display:block; width:1200px; height:400px;}



/*- Qualifications   -*/
.Qualifications{ height:41px;text-align:left; padding-top:16px; width:1200px; margin:0 auto; padding:0px;}
.Qualifications a{ display:inline-block; padding: 4px 17px 4px 16px; background:#ccc;}
/*- Qualifications END  -*/




/*- products ?б?-*/
.ull{ width:1198px; height:380px; margin:0 auto; border:1px dashed #ccc;}
.ull li{width:154px; height:158px; float:left;margin:14px 20px 20px 23px;border:1px solid #e5e5e5; position:relative;top:0px;transition: all 0.2s linear; border-radius:2px;}
.ull li:hover{top:-4px;box-shadow:0 15px 30px #e5e5e5;transition:all 0.2s linear;}
.ull .dsepa_img{ height:126px;}
.ull li a{ width:154px;height:158px; display:block; color:#fff;box-shadow: 1px 1px 1px #eee; cursor:pointer;}
.ull li a i{ font-size:80px; color:#bbb; line-height:126px;}
.dsepa_cont{ height:30px; border-top:1px solid #e5e5e5}
.dsepa_cont h3,.dsepa_cont h2{ height:30px; line-height:30px;font-size:14px; color:#333; font-weight:bold;}
.add{width:1200px;  margin:0 auto; overflow:hidden;}
.add .add_left{ width:244px;height:205px;background:#999999;padding-left:10px; border-radius:4px;}
.add .add_left ul{width:244px; height:176px;}
.add .add_left ul li{ float:left; width:78px; height:68px; position:relative; padding-top:10px;}
.add .add_left ul li a{display:inline-block; width:78px;padding-top:54px;color:#fff; cursor:pointer;}
.add .add_left ul li a:hover{color:red;transition: 0.4s color ease;}
.add .add_left ul li a i{ width:78px;display:block;;font-size:32px; text-align:center; color:#fff;position:absolute;top:16px;left:0px;}
.add ul{width:100%;}
.add ul li{ width:289px; float:left; margin-right:14px; border-bottom:2px solid #ccc;}
.add ul li .products_img{ height:180px; border:1px dashed #ccc; overflow:hidden; border-bottom:none;}
.add ul li .productsCont{ height:86px; border:1px dashed #dbdbdb; border-bottom:none; position:relative;}
.add ul li .productsCont .line{display: inline-block;width: 40px;height:2px; background: #e44859; position:absolute; left:50%; margin-left:-25px; bottom:-2px; }
.add ul li .productsCont p{ padding:19px 12px 10px 18px; font-weight: bold;  height: 58px;overflow: hidden; }
.add ul li a{ display:block; overflow:hidden;}
.productsList{ width:1200px; height:168px;border:1px solid #eee; margin:40px auto 0 auto; background:url(../zhouqi_img/add.jpg) no-repeat; position:relative;}
.products_A{ position:absolute; z-index:10000; display:block; width:115px; height:30px;  left:634px; padding:0 6px;}
.productsList p{ font-size:32px;height:40px; padding-top:30px;line-height:0;font-size:0px; z-index:-1000}
.productsList p strong{ color:red;}
.productsList p a{ color:red;}
.bottom_ad{width:1198px;  padding-bottom:8px; margin:0 auto; border:1px dashed #ccc; }
.bottom_ad .quic{ clear:both; margin:0 8px;text-align:right; border-radius:3px;}
.bottom_ad .quic p{}
.bottom_ad .quic p a{ display:inline-block; padding:0 8px; border:1px dashed #ccc; margin-right:4px; border-radius:3px;background-color:#eee; }
.bottom_ad .quic p a font{ color:red;}
.bottom_ad ul{ padding:8px 8px 10px 8px; overflow:hidden;}
.bottom_ad ul li{ height:317px;margin-right:14px;float:left; position:relative;top:0px; left:0px;transition: all 0.2s linear;border:1px solid #e5e5e5; width:283px; overflow: hidden;border-radius:2px;}
.bottom_ad ul li .imgA{ display:block; overflow:hidden; background:#ccc; height:245px;border-radius:2px;}
.bottom_ad .info{ position: absolute; top:230px;left:20px;}
.bottom_ad .infoWidth{ width:160px;}
.bottom_ad .infoWidthTo{ width:200px;}
.bottom_ad .infoWidth h2,.bottom_ad .infoWidth h3{ color: #666;font-size:14px;margin-top:24px;margin-left: 8px;font-style:normal}
.bottom_ad .info img{ float:left; display:block; width:36px; height:36px;border:3px solid #fff; border-radius:50%;box-shadow: 0 2px 2px rgba(0,0,0,.1); background:#fff;}
.bottom_ad .info em{ display: inline-block; color: #666;font-size:14px;margin-top:24px;margin-left: 8px;font-style:normal}
.bottom_ad .img-info{padding: 0 18px;text-align:center;background: #fff;}
.bottom_ad .img-info span{display: block;color: #333;font-size: 18px;padding-top: 42px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.bottom_ad ul li:hover{top: -2px;box-shadow: 0 3px 18px #e5e5e5;transition: all 0.2s linear;}
.CompanyNews{ width:1200px; height:452px;padding-top:6px; margin:40px auto 0 auto;}
.CompanyNews .CompanyNews_Left{ width:45%; height:452px; float:left; border:1px dashed #e3e3e3;}
.CompanyNews .Power_technology{ width:100%; height:36px; line-height:36px; background:#cc9966;color:#fff}
.CompanyNews .Right{ background:#61bcc6;}
.CompanyNews .Power_technology p{ padding-left:30px;width:40%; text-align:left; font-size:16px;  float:left;position:relative;color:#fff; height:36px; line-height:36px;}
.Power_technology p:after, .Power_technology p:before{position:absolute;left:8px;top:8px;width:3px;height: 18px;background: #fff; content:"";}
.Power_technology p:after{top:14px; left:16px; height:12px;}
.CompanyNews  .Power_technology a{ width:60px; color:#333; display:block; float:right; cursor:pointer; text-align:center;}
.CompanyNews  .Power_technology a:hover{color:#fff;	transition:all 0.2s linear;}
.CompanyNews .Technology_list{ width:100%; height:416px;}
.CompanyNews .Technology_list .clearfix{padding-top:10px;}
.CompanyNews .Technology_list .time{ height:100px; width:100px;float:left;margin:14px 0 0px 8px; line-height:100px }
.CompanyNews .Technology_list .time2{background: #ff6666; line-height:30px; border-radius:2px;}
.CompanyNews .Technology_list .time span{ font-size:100px;border:1px solid #e5e5e5; color:#e5e5e5}
.CompanyNews .NewName{ float:left;margin-left:36px;width:380px; height:120px;padding-top:10px; text-align:left;}
.CompanyNews .NewName a{ font-size:16px; color:red;transition: 0.4s color ease;}
.CompanyNews .NewName a:hover{ color:#00b7f0;}
.CompanyNews .NewContent{ line-height:24px; font-size:14px;padding-top:16px; text-indent:25px;}
.CompanyNews .NewList{ width:96%; height:236px;  margin:0 auto;padding-top:10px;}
.CompanyNews .NewList li{ height:30px; width:100%;background:#f5f5f5; margin-top:10px;font-size:14px; }
.CompanyNews .NewList li a{ height:30px; width:400px; display: block;line-height:30px;text-align:left;  float:left;transition: 0.8s color ease; position:relative; padding-left:22px;}
.CompanyNews .NewList li a:before{
	position:absolute;
    transform: rotate(0deg);
    width: 5px;
    height: 5px;
	background:#ee5151;
  	top:13px;
	left:8px;
    content: "";
    display: inline-block;
    border-width: 1px 1px 1px 1px;
	border-radius:3px;
}
.CompanyNews .NewList li span{ line-height:30px;}
.CompanyNews .NewList li a:hover{ color:red;}
.guarantee{ width:1200px; height:50px; margin:0 auto 10px; background:#f2f1f1;margin-top:1px;}
.guarantee ul{ width:100%; height:100%;}
.guarantee ul li{ float:left; width:300px; height:50px; line-height:50px; font-size:20px; color:#aaa;}

/*--foot ???--*/

#foot{ 
	width:100%;
	height:303px;
	background:#f2f2f2;
	padding-bottom:60px;
}

#foot .foot_width{
	width:1200px; 
	border:1px dotted #ccc;
	margin: 0 auto;
	background:#f8f8f8;

}

#foot .foot_width .foot_top{
	 height:50px;
	 width:1200px;
	 background:#d2d2d2  ;
}

#foot .foot_top_left{
	 width:78%;
	 height:100%;
	 float:left;
	 
}
#foot .foot_top_left a{
	display:inline-block;
	padding:0 10px;
	color:#333;
	line-height:50px; 
	width:100px;
	cursor:pointer;
	text-align:center;
	position:relative;
}
#foot .foot_top_left a:hover{
	color:#000;
	transition: all 0.1s ease-in;

}
#foot .foot_top_left a:after{
content:"|";
display:inline-block;
position: absolute;
top:0px;
left:120px;
color:#7c7d7f;
}
#foot .foot_top_left a:first-child{
	 margin-left:30px;
}

#foot .foot_top_Right{
	width:20%;
	float:left;
	height:52px;
}

#foot .foot_top_Right span{
	display:inline-block;
	line-height:50px;
	text-align:center;
	width:100%;
	color:#000;
	font-size:16px;
	color:red;
	font-weight:bold;
	
}
#foot .foot_top_Right span:before{}

#foot .foot_center{
	height:226px;
	width:1200px;
	border-bottom:1px solid #e5e5e5;
	box-shadow:0 4px 20px #e5e5e5;
	transition:all 0.2s linear;
	overflow:hidden;
}

#foot .foot_center .foot_center_left{
	 width:70%;
	 float:left;
	 
}
#foot .foot_center .foot_center_left p{
	 height:50px; 
	 margin-top:10px;
	 line-height:50px;
	 text-align:center;
	 font-size:16px;
	 background:url(../img/foot_bg.png) no-repeat;
	
	
}
#foot .foot_center .foot_center_left ul{
	padding-top:10px;
}
#foot .foot_center .foot_center_left ul li{
	
	height:40px;
	margin-left:30px;
	
}
#foot .foot_center .foot_center_left ul li a{
	padding:9px 0px;
	width:200px;
	display:block;
	float:left;
	text-align:center;
	color:#333;
	
}
#foot .foot_center .foot_center_left ul li a:hover{
	color:#111;
	transition: all 0.2s linear;
}

#foot .foot_center_Right{
	 width:352px;
	 height:100%;
	 float:left;
	 position: relative;
	 
	 
	
}
#foot .foot_center_Right .Blog{
	position:absolute;
	top:60px;
	left:90px;
}
#foot .foot_center_Right .follow{
	position:absolute;
	top:60px;
	left:220px;
}
#foot .foot_bottom{
	
	 width:100%;
	 line-height:30px;
	 overflow:hidden;
		 
}
.footBottomLeft{
	width:608px; 
	float:left; 
	height:45px; 
	line-height:45px; 
	text-align:left;
	
}

.footBottomRight{
	width:580px;
	float:left;
	padding-left:1px;
	height:45px; 
	line-height:45px;
}

.footBottomRight p{
	text-align:right;
	height:45px;
	line-height:45px;

}

.footBottomRight i{
	display:inline-block; 
	padding-left:10px; 
	padding-right:2px
}

.Copyright a{
	 padding:0px;
	 margin:0px;
	 
}

.footBottomLink{

	clear:both;
	text-indent:20px; 
	text-align:left; 
	background:#ddd;
	height:34px;
}

.foot_bottom .footBottomLeft a{
	display:inline-block;
	padding:0 20px;
	color:#333;
	
}
#foot .foot_bottom a:hover{
	color:#000;
	transition: all 0.1s linear;

}
.footBottomLink a{ 
	display:inline-block; 
	text-align:center;
	line-height:36px;
	height:36px;
	color:#333;
}

.scrolltop{
    width:auto;
    position:fixed;
    right: 10px;
    bottom: 240px;
    z-index: 88888
}

.scrolltop li{
    margin-bottom: 1px;
    text-align: right;
	height:50px;
}

.scrolltop li .service{
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #FF6666;
    border-radius: 3px;
    text-align: center;
    line-height: 50px;
    color: #fff;
}

.scrolltop li .service i{
    font-size: 28px
}

.scrolltop li .service span{
    display: none
}

.scrolltop .service{
    display: none
}

.scrolltop .iphone:hover, .scrolltop .askQQ:hover{
    line-height: 0
}

.iphone:hover .service {
    position: relative;
    width: 190px;
    padding-left:8px;
    text-align:left;
    overflow: hidden;
    animation: showWidth ease-out .3s 1 normal forwards running
}


.scrolltop .askQQ:hover .service{
    position:relative;
    padding-left:8px;
    text-align:left;
    overflow: hidden;
    animation: showWidth2 ease-out .3s 1 normal forwards running

}


.scrolltop .iphone:hover .service i,.scrolltop .askQQ:hover .service i{
    float: left;
    margin-right:18px
}

.scrolltop .iphone:hover .service span,.scrolltop .askQQ:hover .service span{
    position: absolute;
    left:38px;
    float:left;
    display:inline;
    animation:showTxt ease-out 0s 1 normal forwards running;
    font-size:14px;
    color:#fff;
}

.scrolltop .iphone:hover .service{
    background: red;
}

.scrolltop .askQQ:hover .service{
    background: #3499d6;
}


.scrolltop .weixin_con{
    display: none;
    position: absolute;
    top: 0;
    left: -130px;
    opacity: 0
}

.scrolltop .weixin_con p{
    position: relative;
    width: 110px;
    height: 110px;
    border: 5px solid #dfdfdf;
    border-radius: 3px
}

.scrolltop .weixin_con p img{
    width: 100%;
	height:100%;
}



.scrolltop .weixin {
    position: relative;
}

.scrolltop .weixin:hover .weixin_con{
    display: block;
    opacity: 1;
    animation: showWeixin .5s ease-out 0s 1 normal forwards running;
}

    .scrolltop .iphone:hover .service{
       
        position: relative;
        width: 190px;
        text-align: left;
        overflow: hidden;
        animation: showWidth ease-out .3s 1 normal forwards running;
    }

    .scrolltop .iphone:hover .service i {
        float: left;
        margin-right: 18px
    }


@-moz-keyframes showWidth {  
    0% {
        width: 50px
    }

    100% {
        width: 190px
    }
}

@-webkit-keyframes showWidth {   
    0% {
        width: 50px
    }

    100% {
        width: 190px
    }
}

@-o-keyframes showWidth {    
    0% {
        width: 50px
    }

    100% {
        width: 190px
    }
}

@keyframes showWidth {        
    0% {
        width: 50px
    }

    100% {
        width: 190px
    }
}

@-moz-keyframes showWidth2 {     
    0% {
        width: 50px
    }

    100% {
        width: 120px
    }
}

@-webkit-keyframes showWidth2 {    
    0% {
        width: 50px
    }

    100% {
        width: 120px
    }
}

@-o-keyframes showWidth2 {  
    0% {
        width: 50px
    }

    100% {
        width: 120px
    }
}

@keyframes showWidth2 {       
    0% {
        width: 50px
    }

    100% {
        width: 120px
    }
}

@-moz-keyframes showTxt {  
    0% {
        display: none
    }

    100% {
        display: inline
    }
}

@-webkit-keyframes showTxt {   
    0% {
        display: none
    }

    100% {
        display: inline
    }
}

@-o-keyframes showTxt {            
    0% {
        display: none
    }

    100% {
        display: inline
    }
}

@keyframes showTxt {              
    0% {
        display: none
    }

    100% {
        display: inline
    }
}

@-moz-keyframes showWeixin {       
    0% {
        display: none;
        opacity: 0
    }

    100% {
        opacity: 1;
        display: block
    }
}

@-webkit-keyframes showWeixin {    
    0% {
        display: none;
        opacity: 0
    }

    100% {
        opacity: 1;
        display: block
    }
}

@-o-keyframes showWeixin {        /* opera showWeixin */
    0% {
        display: none;
        opacity: 0
    }

    100% {
        opacity: 1;
        display: block
    }
}

@keyframes showWeixin {        /* 正常  showWeixin */
    0% {
        display: none;
        opacity: 0
    }

    100% {
        opacity: 1;
        display: block
    }
}
.div1{ width:32%;}
.div2{ width:30%;}
.div3{ width:36%;}
.series{height:180px; float:left;border:1px dotted #bbb;padding:60px 11px 14px; position:relative; background-image:linear-gradient(to right,#f2f9ff 0,#fff 100%);box-sizing: border-box; }
.parent{ height:40px; line-height:40px; position:absolute; top:10px;}
.parent .outer{padding-right:10px; font-size:16px; color:#222; padding-left:18px;}
.parent .outer:before{position:absolute;transform: rotate(0deg);width:5px;height:10px;background:#ee5151;top:16px;left:6px;content: "";display: inline-block;border-width: 1px 1px 1px 1px;border-radius:3px;}
.series ul li{ height:32px; line-height:32px;text-align:left;}
.series .one{ float:left; padding:0 10px;}
.series .one li a{ color:#666;transition: all 0.2s linear;}
.series .one li a:hover{ color:red}
.parent .websitea{border-color: red; color:red; }
.bar{color:#00b76f;  border:1px solid #00b76f; padding: 1px 10px; border-radius:10px; height:20px; line-height:20px; }
.seriesw{margin:0 12px;}
.ol li:nth-child(2) a{ color:#00b76f;}
.el li:nth-child(1) a{ color:red;}

.hr{ height:110px; width:1200px; margin:0 auto; color:#999; clear:both}
.hr p{height:40px; text-align:center}
.br_cent{height:70px;font-size:16px; text-align:center; line-height:70px; display:flex;}
.br_cent .title_Name{padding:0 30px; font-size:18px;color:#aaa;}
.br_cent .line{height:70px;background:linear-gradient(transparent 49%,#eee 49%,#eee 51%,transparent 51%);flex:1;background:-moz-linear-gradient(transparent 49%,#eee 49%,#eee 51%,transparent 51%);flex:1;background:-webkit-linear-gradient(transparent 49%,#eee 49%,#eee 51%,transparent 51%);flex:1; background:-o-linear-gradient(transparent 49%,#eee 49%,#eee 51%,transparent 51%);flex:1}