/*初始化*/

body{font:14px/1.5 'PingFang SC','Microsoft Yahei',Helvetica,'Hiragino Sans GB',Arial,sans-serif; margin:0;}  
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;}
a{text-decoration: none;color:#1a1a1a; cursor:pointer;}
a:active {text-decoration:none; color:#005aaa;}
.clear:after{ content:""; display:block; clear:both;}
.clearfix {overflow:hidden; zoom:1;}


/*-头部-*/

.heard{width:100%; height:100px; margin:0 auto;}
.heard_box{width:1200px; height:100px;margin:0 auto;}
.heard_left{float:left; width:70%;text-align:left; height:100px;}
.heard_left img{ width:235px; height:60px; margin-top:20px;}
.heard_Right{float:left; height:60px; width:30%;padding-top:40px; text-align:right;}
.heard_Right p{ height:28px;font-size:16px; line-height:26px; }
.heard_Right span{font-size:16px; }
.heard_Right font{font-size:18px; color:red;}
.a_bg{background:red;}

/*-nav 导航-*/

.nav{ clear:both;width:100%;height:50px;background:linear-gradient( #ffffff, #fafafa); position: relative;}
.navbg{width:1200px;height:48px; margin:0 auto;border:1px solid #e5e5e5;border-top-left-radius: 6px;border-top-right-radius:6px;border-bottom:none;}
.NavLeft{padding-left:188px;width:780px;height:48px; float:left;}
.NavLeft li{float:left; position:relative; border-right:1px solid #eee;}
.NavLeft .btm{border-left:1px solid #eee;}
.NavLeft li a{display:block; width:93px;height:50px;line-height:50px;font-size:14px;text-align:center; font-weight:bold; }
.NavLeft li a:hover{color:#428bca;transition:color 400ms;}
.nav ul li .oul{top:50px;left:0px; display:none;z-index:11;position:absolute; background:rgba(0,0,0,0.72); }
.nav ul li .oul li{height:36px;line-height:36px;border-bottom:1px dotted #fff;}
.nav ul li .oul li a{ display:block;height:36px;line-height:36px; color:#fff; font-weight:normal;}
.oul li a:hover{ background:rgba(255,80,80,.9);}
.active{ background:#ccc; }

/*- sech 搜索 -*/

.NavRight{width:220px;float:left;height:32px;font-size:14px;margin:6px 6px 0 0px;}
.NavRight form {position:relative; width:220px;height:32px; border-radius:2px;-webkit-border-radius:2px;  -o-border-radius:2px;-ms-border-radius:2px;-moz-border-radius:2px;}
.NavRight form input{height:32px; }
.NavRight form input.text:focus{ border-color:#499ef3 !important;transition: all 0.3s linear;}
.NavRight form input.text{border:none;padding-left:8px;width:212px; height:32px;font-size:14px;color:#6d6d6d;outline:0 none; border:1px solid #eeeeee;border-radius:3px; }
.NavRight form input.button{ position: absolute; top:0px; right:0px; height:24px; line-height:24px; padding:2px 6px; margin:5px;background:#59b0ff;border-radius:3px; color:#fff; text-align:center;}
.NavRight form .button{	background:none;border:none;outline:none;border:none;cursor:pointer;}
.NavRight form .button:hover{color:red;transition: all 0.2s linear;}

/* 面包屑导航*/
.navWidth{ width:100%;border-top:1px solid #e5e5e5; height:auto; }
.dsepa_menu_down{width:1200px; height:28px; line-height:28px; margin:15px auto 15px auto;}
.dsepa_menu_down ul{}
.dsepa_menu_down ul li{ float: left;}
.dsepa_menu_down ul .lis::before{transform: rotate(45deg);width:8px;height:8px;border:2px solid #ccc;margin:0 10px 0 3px;content:"";display:inline-block;border-width:1px 1px 0px 0px;}
.dsepa_menu_down ul li a{color:#666;}


 /* 内容部分 */
.cont{ width:1200px; margin:0 auto;}
.Block{ border:1px solid  #e6e6e6}
.cont .contLeft{ width:500px; border-right:1px solid  #e6e6e6; float:left;}
.cont .contLeft .contLeftTop{ width:450px; height:280px;}
.cont .contLeft .contLeftTop img{width:450px; height:280px;}
.cont .contLeftBottom{height:60px;border-top:1px solid #e6e6e6;padding:10px;}
.cont .contLeftBottom p{ line-height:30px; height:30px; color:#666;}
.contRight{ float:left; width:680px; margin-left:10px; position: relative;}
.contRight .title{ height:180px; border-bottom:1px  dashed #e6e6e6;}
.contRight .title h1{ padding-top:30px; padding-left:30px; padding-bottom:16px;}
.contRight p{padding-left:30px; color:#333; height:30px; line-height:30px;}
.contRight .info{ width:100%;  height:40px; padding:20px 0px; }
.contRight .info ul{ margin-left:60px;}
.contRight .info .wei{ position:absolute; top:186px; left:610px;}
.contRight .info ul li{ float:left; height:40px; line-height:40px; margin-right:20px; border-radius:2px; position: relative;}
.contRight .info ul li i{ position: absolute; top:2px; left:8px; font-size:26px; color:#6d6d6d;}
.contRight .info ul li a{ cursor:pointer; display:block; border:1px  solid #ccc;padding:0 20px 0 46px;}
.contRight .info ul li a:hover{ color:red;}
.contant{ height:100px; position: relative;}

.contant a{ background:#ec5a12; color:#fff; border-radius:4px; display:block; width:128px; height:42px; line-height:42px; text-align:center; font-size:18px; margin-right:5px; margin:16px 0 0 20px; float:left;}
.contant a i{margin-right:4px; font-size:24px; display:inline-block; width:30px;}
.contant a i::before{content:""}
.contant a apan{}
.contant .promotion{padding:10px 0 0 18px; color:#ff3300;}
.contant .promotion font{ color:#2a6496;}
.classBg{background:#019da9; color:#fff;}

.contant .iphoneContact{
	 display:block;
	 width:128px;
	 height:42px;
	 line-height:42px;
	 text-align:center;
	 float:left;
	 margin:16px 0 0 30px;
	 border-radius:4px;
	 background: #FF6600; 
	 color:#fff; 
	 font-size:18px;
	 cursor: pointer;
}

.contant .iphoneContact i{
	 margin-right:4px;
	 font-size:24px; 
	 display:inline-block; 
	 width:30px;
}


.contant .infor{ 
	position:absolute;
	top:-60px;
	left:140px;
	width:180px;
	height:60px;
	background-color: #fff;
    box-shadow: 1px 0 13px rgba(0,0,0,0.3);
	padding: 10px 6px 0px 6px;
	z-index:10;
	text-align:center;
	border-radius:4px;
	display:none;
	background:#f3f3f3;

	

}

.contant .infor span{
	 font-size:14px;
	 line-height:26px;
	 display:inline-block;

	
	 
}

.contanRight:hover div{
	display:block;
	animation: showWeixin .5s ease-in-out 0s 1 normal forwards running;
}

.span1{
	color:red;
	font-weight: bold;
}
	

 /* 功能导航 部分 */

.FunctionalNavigation{width:100%;}
.FunctionalNavigation .orLeft{ width:79%; float:left; marigin-right:24px; margin-top:24px; border:1px solid #e6e6e6;}
.FunctionalNavigation .aUl{border-bottom:2px solid #019da9;width:100%;}
.FunctionalNavigation .wrp{width:100%; height:46px;}
.FunctionalNavigation .orLeft .aUl{ height:46px; background:linear-gradient( #ffffff, #fafafa);}
.FunctionalNavigation .orLeft .aUl li{ float:left; height:46px; line-height:46px; font-size:16px; padding:0 36px;  font-weight:bold; cursor:pointer;}
/*.FunctionalNavigation .orLeft ul li:first-child{ background:#019da9;color:#fff;}*/
.FunctionalNavigation .box{ border-bottom:1px solid #e5e5e5;}
.FunctionalNavigation h3{ height:36px; line-height:36px; margin-top:30px; background:#fdf7f7; border-bottom:1px solid #e5e5e5;padding-left:30px; color:#d9534f;}
.FunctionalNavigation p{padding:20px; line-height:36px; color:#333;   text-indent:8px;}
.FunctionalNavigation .box2{ margin-top:24px;}
.t5 p{ text-indent:26px;}
.FunctionalNavigation .orRight{width:238px; margin:0px 0 0 0px; border:1px solid #e6e6e6;  }
.FunctionalNavigation .orRightTop{width:240px; padding-bottom:10px;}
.FunctionalNavigation .orRight h4{height:40px; line-height:40px; padding-left:10px; margin:0px;text-align:center; border-top:2px solid #e6e6e6; border-bottom:2px solid #e6e6e6;font-size:16px;}
.FunctionalNavigation .orRightTop ul li{ margin-top:10px;padding-left:10px;}
.FunctionalNavigation .orRightBottom{ margin-top:20px; padding-bottom:10px;}
.FunctionalNavigation .orRightBottom h4{}
.productsList{}
.productsList .img{ padding:10px; height:116px; border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.productsList li a{ display:inline-block;}
._productsList2 { padding-top:16px;}
._productsList2 li{ height:30px; line-height:30px; background:url(../img/Min_imas.png) no-repeat left 8px top -47px;}
._productsList2 li a{display:block;overflow:hidden; text-overflow: ellipsis; white-space: nowrap;padding-left:24px; transition:.8s}
._productsList2 li a:hover{ color:red;}
.orRightBottom .contact{margin-top:10px;padding:10px 0 10px 10px; border:none;}
.orRightBottom .contact li{ height:30px; line-height:30px;}
.orRightBottom .contact li:first-child{ text-align:center;color:red; font-size:16px;}
.orRightBottom .contact li:nth-child(2){text-align:center;}
.orRightBottom .contact li:nth-child(3){ padding-left:96px;}
.orRightBottom .contact li:nth-child(4){text-align:center}
.orRightBottom .us{padding:4px 10px; text-align:center; background:#336666;color:#fff;}
.orRightBottom .us2{ margin-left:10px;}
.orRightBottom .word{ font-size:12px; padding:10px; line-height:23px; display: inline-block; text-indent:14px;}
.fixed{ width:230px; top:1px;}
._products_list{  margin-top:20px; height:205px; }
.list{width:240px; margin-left:10px; margin-top:24px; overflow:hidden; float:left;}
._products_list p{ font-weight:bold;height:24px; line-height:24px; padding:10px; margin:0px; font-size:16px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6; }
._products_list ul { margin-top:10px;}
._products_list ul li:first-child{ margin-left:42px;}
._products_list ul li{ width:145px; height:145px; float:left; margin-right:30px;}
._products_list ul li a{ cursor:pointer; display:block; width:140px; height:110px;border:1px solid #e5e5e5;   }
._products_list ul li a img{ border:0; display:inline-block; padding:8px;transition: all 0.6s; }
._products_list ul li a img:hover{transform: scale(1.4);}
._products_list ul li span{ text-align:center;display:inline-block; width:145px; height:30px; line-height:30px; }
table{ width:900px;border-collapse:collapse; margin:20px;}
table tbody{ width:100%;}
table tr{height:36px; line-height:36px; border-bottom:1px dotted #ccc;}
table tr .td_left{ width:150px; text-align:left; padding-left:20px;}
table tr .td_center{ width:40px;}
.tableb{border-collapse:collapse; margin:20px;}
.tableb .td_a{width:16%;padding-left:10px; text-align:center} 
.tableb .td_b{width:18%;padding-left:10px; text-align:center} 
.tableb .td_c{width:18%;padding-left:10px; text-align:center} 
.tableb .td_d{width:18%;padding-left:10px; text-align:center}
.tableb .td_e{width:12%;padding-left:10px; text-align:center}
.tableb tr{ height:36px; line-height:36px;border-bottom:1px dashed #ccc;}
.center{ font-size:14px; font-weight:bold;}

.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: #ccc;
    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
    }
}