@charset "utf-8";

.concolor .t{font-size:16px;margin:15px 0 12px 0;}
.concolor ul{}
.concolor li{float:left; margin-right:10px;width:11.5%; border:1px solid #d8d8d8;padding:7px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.concolor li .item{ width:100%; height:15px;   overflow: hidden;}

.concolor .i1 .item{ background-color:#FD0102 }
.concolor .i2 .item{ background-color:#FA6D04 }
.concolor .i3 .item{ background-color:#0101FB }
.concolor .i4 .item{ background-color:#FEFD02 }
.concolor .i5 .item{ background-color:#04E8F5 }
.concolor .i6 .item{ background-color:#ffffff ;border:1px solid #d8d8d8;}
.concolor .i7 .item{ background-color:#858585 }

.w-header-bg2{width:100%; z-index:100; background:#fd813b;height:80px;
     position: fixed; top: 0px;
}
.w-header2{width: 100%;  position: relative;z-index:100;}
.w-header2 .w-logo{ position: absolute;top:0;left:50px;z-index:101;}
.w-header2 .w-logo a{ display: block; width:300px; }
.w-header2 .w-logo  img{ max-height: 80px;}
/**/
.w-header2 .w-nav{width: 800px; margin: 0 auto;}
.w-header2 .w-nav-li{float: left; position: relative; z-index: 100; }
.w-header2 .w-nav-li span>a{height:80px;line-height:80px;font-size: 16px;color:#fff;text-align: center;font-weight:400; display: block;width: 100px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.w-header2 .w-nav-li:hover span>a,
.w-header2 .w-nav-li.cur span>a,
.w-header2 .w-nav-li.hover span>a{color:#fff;background: #e67536;}

/*.w-header2 .w-nav-li:hover span:after,*/
/*.w-header2 .w-nav-li.cur span:after,*/
/*.w-header2 .w-nav-li.hover span:after{ background: #fd813b;*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 3px;*/
/*    left:0;*/
/*    bottom:0;*/
/*    z-index: 200;*/
/*}*/

.w-header2 .w-nav-li .item{position:absolute;z-index:100;left:0px;top:80px;
    color:#fff; display: none; width:600px;
}
.w-header2 .w-nav-li .item a{color:#fff; font-size:14px; display: inline-block;padding:0 14px;line-height: 60px;}


.w-header2 .w-ct{position:absolute;right:50px;top:0;z-index:101;}
.w-header2 .w-ct dl{float:left;width: 240px;padding-left:50px;margin-left:10px;margin-top:15px;
    background: url(../images/index13.png) no-repeat left center;
}
.w-header2 .w-ct dt{font-size:15px;padding-top:2px;color: #fff;}
.w-header2 .w-ct .d1{font-size:25px;color: #fff;padding-top:3px;font-weight: bold}

.w-header2 .w-nav-li .item2{top:80px}


.h3t_1{ text-align: center; }
.h3t_1 .img{padding-bottom:15px;}
.h3t_1 p{font-size:15px;color:#888; font-family: '微软雅黑'; display: inline-block}
.h3t_1 .t1{font-size:34px;color:#333;margin-bottom: 10px}

.hdc .hd{text-align: center;}
.hdc .hd ul li{display:inline-block;width: 110px;height: 42px;line-height: 42px; font-size: 16px;margin:0 5px;cursor: pointer;
border:1px solid #0080D9;background: #0080D9;color:#fff;
}
.hdc .hd ul li a{color:#fff;}
.hdc .hd ul li.on{background: #fff;color:#0080D9;}
.hdc .hd ul li.on a{ color:#0080D9;}


.index-main1-bg{margin-top: 90px}
.index-main1{}
.index-main1-hd{margin-top: 50px}
.index-main1-hd ul{text-align: center}
.index-main1-hd li{position:relative;text-align:center;display:inline-block;margin:0 45px;}
.index-main1-hd li a{display:inline-block;border-bottom: 2px solid  #fff;line-height: 42px;font-size: 16px;}
.index-main1-hd li.cur a,
.index-main1-hd li a:hover{border-bottom: 2px solid  #6FB737;}
.index-main1-bd{margin-top: 50px}
.index-main1-bd ul{margin-left: -15px}
.index-main1-bd li{float:left; width: 25%;padding-left: 15px}
.index-main1-bd .img{overflow: hidden;}
.index-main1-bd .img img{width: 100%}
.index-main1-bd .txt{background: #eee}
.index-main1-bd .title{height: 60px;line-height: 60px; text-align: center;font-size: 16px}

/*简介*/
.index-main11-bg{padding:60px 0 80px 0; background:#f7f7f7; }

.index-main11-bd{}
.index-main11-bd .w-lt{width:515px;margin-top: 90px;}
.index-main11-bd .w-lt .t11{font-size:42px;font-weight:bold;color:#0080D9}
.index-main11-bd .w-lt .t1{font-size:23px;margin-top:10px; color:#6d6965;}
.index-main11-bd .w-lt .con{line-height:1.8;font-size:16px; color:#6d6965;border-top:1px solid #ccc;margin-top: 20px;padding-top:20px;}
.index-main11-bd .w-lt .more{margin-top:25px;}
.index-main11-bd .w-lt .more a{ display: inline-block;width:148px;height: 38px;line-height:38px;color:#fff;background:#0080D9;font-size:14px;text-align: center;border-radius: 20px;}

.index-main11-bd .w-rt{width:620px;margin-top: 70px;}
.index-main11-bd .w-rt img{width: 100%}

/*产品*/
.index_pro_bg{padding:60px 0 0 0;}
.index_pro .prot{ text-align: center;color: #0080D9; }
.index_pro .prot .sp3{font-size: 48px;font-weight: bold;}
.index_pro .prot .sp2{font-size: 60px;}
.index_pro .prot .sp1{font-size: 34px; }
.slideTxtBox_pro .hd{margin:30px 0;}

.slideTxtBox_pro .hd ul li{background: #aaa;border-color:#aaa; width: 100px}
.slideTxtBox_pro .hd ul li a{color:#fff;}
.slideTxtBox_pro .hd ul li.on{background: #FD813B;border-color:#FD813B;color:#fff;}
.slideTxtBox_pro .hd ul li.on a{ color:#fff;}

.index_pro .bd{}
.index_pro .bdcon ul{margin-left:-15px;}
.index_pro .bdcon li{width: 33.333%;padding:15px 0 0 15px;float: left}
.index_pro .bdcon .img img{width: 100%}
.index_pro .bdcon .item{ display: block;position:relative;}
.index_pro .bdcon .txt{ }
.index_pro .bdcon .title{text-align: center;width:100%;height:40px;line-height: 40px;font-size:15px}

/*vr*/
.index_vr_bg{padding:60px 0 0 0; background: url(../images/index8.png) no-repeat center 300px;}
.slideTxtBox_vr{position: relative;}
.slideTxtBox_vr .hd{margin:55px 0 135px 0;}
.slideTxtBox_vr .hd ul li{background: #aaa;border-color:#aaa; width: 150px}
.slideTxtBox_vr .hd ul li a{color:#fff;}
.slideTxtBox_vr .hd ul li.on{background: #FD813B;border-color:#FD813B;color:#fff;}
.slideTxtBox_vr .hd ul li.on a{ color:#fff;}

.slideTxtBox_vr .bd{height: 510px;}
.slideTxtBox_vr .bdc1{padding-left:22px;height: 510px;}
.slideTxtBox_vr .img{position: absolute;right:100px; bottom:25px;}

.index_jg{margin:60px auto;}

/* 优势 */
.index_youshi_t{width: 100%;height:193px;background:url(../images/index10.png) no-repeat center top;line-height: 160px;font-size:48px; text-align: center ;color:#fff }
.index_youshi{}

/* 流程 */
.index_liucheng{margin-top:60px;margin-bottom:80px;}
.index_liucheng .bdcon{margin-top:55px;}
.index_liucheng .bdcon ul{margin-left:-20px;}
.index_liucheng .bdcon li{float:left;width:33.333%;padding-left:20px;}
.index_liucheng .bdcon .item{border:1px solid #ccc;}
.index_liucheng .bdcon .img img{width:100%;}
.index_liucheng .bdcon .title,
.index_liucheng .bdcon .subtitle{border-top:1px solid #ccc;padding:12px;}
.index_liucheng .bdcon .title{line-height:1.6;font-size:16px;color: #FD813B;}
.index_liucheng .bdcon .title span{ display: inline-block;background: #FD813B;color:#fff;padding:0 5px;margin-right:8px;}
.index_liucheng .bdcon .subtitle{line-height:1.7;font-size:14px;}

/*实力展示*/
.index_sl_bg{padding:60px 0 80px 0; background:#f7f7f7;  }
.index_sl_video{width: 1200px;margin:0 auto;margin-top: 55px}
.index_sl_video img{width:100%;}

.swiper_sl_box{width: 1200px;margin:0 auto; position: relative}
.swiper_sl{position: relative;margin-top:20px}
.swiper_sl .swiper-slide{width: 33.333%;float:left;}
.swiper_sl .item{position: relative; display:block;width:100%;overflow: hidden}
.swiper_sl .img{overflow: hidden;}
.swiper_sl .img img{width: 100%; height: 292px;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.swiper_sl .txt{display: none}
.swiper_sl .title{width:100%;padding:0 30px 22px 30px;color:#fff;font-size:15px; text-align: center}
.swiper_sl .item:hover .img img{  -webkit-transform: scale(1.07); transform: scale(1.07);}

.swiper_sl_prev,
.swiper_sl_next{display:block; cursor:pointer;  position: absolute; z-index: 100;
  text-align: center;color:#fff;  top:96px;
}
.swiper_sl_prev{left:-60px;}
.swiper_sl_next{right:-60px;}


/* 案例 */
.index_fuwu_bg{padding:60px 0 0 0}
.index_fuwu{position: relative;z-index:10 ;}

.slideTxtBox_fuwu{margin-top: 55px}
.slideTxtBox_fuwu .parHd{width:351px ; float: left; }
.slideTxtBox_fuwu .parHd ul{ }
.slideTxtBox_fuwu .parHd ul li{ width: 351px;height: 108px; position: relative;z-index: 10;background-color: #f0efeb;}
.slideTxtBox_fuwu .parHd ul .pd{display: block;   height: 108px;  }
.slideTxtBox_fuwu .parHd ul .pd .con{width: 206px;float:left;}
.slideTxtBox_fuwu .parHd ul .pd .con .t1{font-size: 24px;line-height: 108px}
.slideTxtBox_fuwu .parHd ul .pd .pic{width: 108px;height: 108px;float:left;background-repeat: no-repeat; background-position: center center;}
.slideTxtBox_fuwu .parHd ul .ic1 .pic{background-image:url(../images/1_03.png) ;}
.slideTxtBox_fuwu .parHd ul .ic2 .pic{background-image:url(../images/1_04.png) ;}
.slideTxtBox_fuwu .parHd ul .ic3 .pic{background-image:url(../images/1_05.png) ;}
.slideTxtBox_fuwu .parHd ul .ic4 .pic{background-image:url(../images/1_06.png) ;}
.slideTxtBox_fuwu .parHd ul li.on{ background: url(../images/2-1.png) no-repeat left center;width: 393px;}
.slideTxtBox_fuwu .parHd ul li.on a{color:#fff}

.slideTxtBox_fuwu .parBd{width:849px ;height: 432px;float: left; }
.slideTxtBox_fuwu .parBd img{width:100% ;height: 540px;}

.slideTxtBox_fuwu222{position:relative;}
.slideTxtBox_fuwu222 .hd{position: absolute;bottom:10px;left:0;z-index:88;width: 100%;text-align:center;}
.slideTxtBox_fuwu222 .hd li{ display:inline-block;margin-left:10px;text-indent: -99999em;width:22px;height:6px; background:#fff;cursor: pointer}
.slideTxtBox_fuwu222 .hd li.on{background:#FD813B;}

/* 证书 */
.index_zheng_bg{padding:60px 0 80px 0; background:#f7f7f7;margin-top: 60px;  }
.index_zheng .bdcon{margin-top: 55px; text-align: center}


/*新闻*/
.index_xinw_bg{padding:80px 0;}
.index_xinw{ width:1200px; }
.slideTxtBox_xinw{margin-top: 50px;}

.slideTxtBox_xinw .bd{margin-top:30px;}
.slideTxtBox_xinw .bd ul{margin-left:-25px;}
.slideTxtBox_xinw .bd li{float:left;width: 50%;padding-left:25px;padding-top:20px;}
.slideTxtBox_xinw .bd li a{width: 100%; display: block; background: #fff; border:1px solid #B9B9B9;}

.slideTxtBox_xinw .bd li .d1{ text-align: center;border-right: 1px solid #B9B9B9; width:100px;height:100px;}
.slideTxtBox_xinw .bd li .d1 dt{font-size: 38px;padding-top:26px;}
.slideTxtBox_xinw .bd li .d1 dd{font-size:13px;}

.slideTxtBox_xinw .bd li .d2{ width: 480px;overflow:hidden;padding:12px 12px 0 12px;}
.slideTxtBox_xinw .bd li .d2 dt,
.slideTxtBox_xinw .bd li .d2 dd{ width: 100%;overflow:hidden;}
.slideTxtBox_xinw .bd li .d2 dt{font-size: 18px;height: 22px;line-height: 22px;font-weight:bold;}
.slideTxtBox_xinw .bd li .d2 dd{font-size: 14px;height: 44px;line-height:22px;margin-top:9px;}



/*行业应用*/
.index-main3-bg{width:100%;background:url(../images/index10.png) no-repeat center top;background-size:cover;padding:70px 0 60px 0;margin-top:45px}
.index-main3{margin-top:0;}
.index-main3 .h3t_1 .t1,
.index-main3 .h3t_1 p{color:#fff;}
.index-main3-bd{margin-top:50px;}
.index-main3-bd  ul{margin-top:-15px;}
.index-main3-bd  li{width: 33.333%;padding:15px 0 0 15px;float: left}
.index-main3-bd  .img img{width: 100%}
.index-main3-bd  .item{ display: block;position:relative;}
.index-main3-bd  .txt{opacity: 1;background:rgba(0,0,0,.5);position:absolute;left:0;bottom:0;width: 100%;height: 60px;line-height: 60px;color:#fff;font-size:20px;text-align:center}
.index-main3-bd  .title{padding-left:15px;}
.index-main3  .more{margin-top:50px; text-align: center}
.index-main3  .more a{ display: inline-block;width:148px;height: 38px;line-height:38px;color:#333;background:#fff;font-size:14px;text-align: center;border-radius: 20px;}
.index-main3 .txt2{opacity: 0; background:rgba(0,0,0,.5);position:absolute;left:0;bottom:0;width: 100%;height:100%;color:#fff;text-align:center;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index-main3 .txt2 .t{}


.index-main3 .txt2 .t1{font-size:20px;}
.index-main3 .txt2 .t2{width:46px;height:2px;background:#fff; display: inline-block;margin:15px 0 15px 0;}
.index-main3 .txt2 .t3{font-size:14px;line-height: 1.8;opacity: .8;width:70%;margin: 0 auto}


    /*优势*/
.bfj_youshi{width: 1200px;margin: 0 auto;padding:80px 0;}
.bfj_youshi .t{text-align: center;margin-bottom: 40px}
.bfj_youshi .bdcon .img img{max-width: 100%}
.bfj_youshi .bdcon .w-lt .img{padding-bottom:30px;}
.bfj_youshi .bdcon .w-rt .img{padding-top:60px;}
.bfj_youshi .bdcon .w-lt{width: 590px}
.bfj_youshi .bdcon .w-rt{width: 590px}
.bfj_youshi .bdcon li{padding-top: 40px}
.bfj_youshi .bdcon .ic{width:77px;height:77px;line-height:77px;text-align:center;float:left;background:url(../images/index22.png) no-repeat center center;font-size:28px;font-weight: bold;color:#fff;}
.bfj_youshi .bdcon .txt{float:right;width: 495px;}
.bfj_youshi .bdcon dt{font-size:24px;font-weight: bold;padding-top:5px;}
.bfj_youshi .bdcon .d1{font-size:13px;color: #bbb;margin-top: 10px;font-weight: 100}
.bfj_youshi .bdcon .d2{font-size:16px;color: #333;margin-top:10px;padding-top:12px;border-top:1px solid  #d8d8d8; line-height: 1.7;}

/*证书*/
.index-main4-bg{background:#2b90df;padding:30px 0 60px 0;}
.index-main4{margin:0 auto;}
.index-main4 .t1{font-size:20px;color:#fff;font-weight: bold}
.index-main4 .t2{font-size:13px;color:#66b7f7; margin-top: 6px}
.swiper_ab_wrap{position: relative;margin-top:45px}
.index-main4-bd3{ position: relative; width: 1080px;margin: 0 auto }
.index-main4-bd3 .swiper-slide{width: 20%}
.index-main4-bd3 .item{position: relative; display:block;width:100%;overflow: hidden}
.index-main4-bd3 .img{overflow: hidden;}
.index-main4-bd3 .img img{width: 100%; height: 153px;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.index-main4-bd3 .txt{display: none}
.index-main4-bd3 .title{width:100%;padding:0 30px 22px 30px;color:#fff;font-size:15px; text-align: center}
.index-main4-bd3 .item:hover .img img{  -webkit-transform: scale(1.07); transform: scale(1.07);}

.index-main4 .swiper_ab_prev,
.index-main4 .swiper_ab_next{display:block;background-color:#fff;opacity:.6;cursor:pointer;  position: absolute; z-index: 100;  width:45px;height: 153px;
    padding:18px 0;top:0; text-align: center;color:#fff;}
.index-main4 .swiper_ab_prev i,
.index-main4 .swiper_ab_next i{ display: none}
.index-main4 .swiper_ab_prev{left:0; background: url(../images/s1.png) no-repeat center center;background-color: rgba(255, 255 ,255 ,0.35) }
.index-main4 .swiper_ab_next{right:0;background: url(../images/s2.png) no-repeat center center;background-color: rgba(255, 255 ,255 ,0.35) }


/*产品*/
.index-main5-bg{width:100%;background:url(../images/index200.jpg) no-repeat center top;background-size:cover;padding:90px 0 90px 0;}
.index-main5{margin:0 auto;}
.swiper_pp_wrap{position: relative;margin-top:70px}
.swiper_pp{ position: relative; width: 1200px;margin: 0 auto ;margin-left:-20px;}
.swiper_pp .swiper-slide{width: 25%;float: left;padding-left:20px;}
.swiper_pp .item{position: relative; display:block;width:100%;overflow: hidden}
.swiper_pp .img{overflow: hidden;border:1px solid #ddd;}
.swiper_pp .img img{width: 100%;height:278px;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.swiper_pp .txt{border:1px solid #ddd;border-top:none;}
.swiper_pp .title{width:100%; color:#333;font-size:14px; text-align: left;height:42px;line-height:42px; background: #fff;text-indent: 1em;position:relative;}
.swiper_pp .item:hover .img img{  -webkit-transform: scale(1.07); transform: scale(1.07);}
.swiper_pp .title i{position:absolute;top:0;right:0; display: block;width:42px;height:42px;background:url(../images/index233.png);}
.index-main5  .more{margin-top:50px; text-align: center}
.index-main5  .more a{ display: inline-block;width:120px;height: 35px;line-height:35px;color:#666;background:none;border:1px solid #666;font-size:14px;text-align: center;border-radius: 20px;}

/*留言*/
.index-msg-bg{width:100%;height:342px;background:url(../images/in100-jpg.jpg) no-repeat center center;}
.index-msg{width: 1200px;margin: 0 auto;padding-top:80px;}
.index-msg .w-lt{width: 430px;}
.index-msg .bdcon{float:left;width:580px;margin-left:30px;}
.index-msg .form-field{padding-left:15px; }
.index-msg .text{border:2px solid #fff;font-size:15px;padding:12px 12px;width: 100%;background: none;color:#fff;}
.index-msg .text::-webkit-input-placeholder{color:#eee;}
.index-msg .text:-moz-placeholder{color:#eee;}
.index-msg .text::-moz-placeholder{color:#eee;}
.index-msg .text:-ms-input-placeholder{color:#eee;}
.index-msg .form-group .form-field{width:50%;}
.index-msg .form-group3,
.index-msg .form-group2{margin-top:12px;}

.index-msg .form-group .form-field4{width:25%;}
.index-msg .btn{border:none;padding:14px 0;width: 100%;background:#fff;color:#0080D9;font-size:15px;}
.index-msg .btn2{background:#0080D9;color:#fff;}


.index-jia{width:1200px;margin:100px auto 0 auto}
.index-jia li{padding:0 12px;float:left;width:33.333%}
.index-jia li a{ display: block;width:100%;height:275px; background: #f5fafd;}
.index-jia li .txt{width:85%;height:275px;border:2px solid #2b90df;margin:0 auto;position: relative;top:-30px;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index-jia li dl,
.index-jia li dd{width:100%;text-align: center;}
.index-jia li .d11{font-size:55px;color:#2b90df;margin-top:-30px;}
.index-jia li .d12{ display: inline-block; width: 60px;height:2px;background:#2b90df;overflow:hidden;margin: 0 auto }
.index-jia li .d21{font-size: 18px;margin:40px 0 10px 0;font-weight: bold}
.index-jia li .d22{font-size: 14px;}
.index-jia li:hover .txt{
    -webkit-transform:translateY(-10px);
    -o-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    transform:translateY(-10px);
}

/*底部栏目*/
.footer1_bg{color:#fff; background:#0080D9 ;width: 100%; }
.footer1_bg a{color:#fff;}
.footer1{ width: 1200px;margin: 0 auto;padding:40px 0; }
.footer1 dl{ width:120px;}
.footer1 dl a{color:#fff; }
.footer1 dt{ margin-bottom:20px;position: relative;font-size: 18px;font-weight: bold}
.footer1 dt:after{content: '';position: absolute;left:0;top:35px;width:38px;height:1px;background:#444;overflow: hidden; display: none}
.footer1 dd{ margin-bottom:13px; font-size: 14px;}
.footer1 dd a{color:#fff;}

.footer_wx{float: right;width: 300px; }
.footer_wx img{ }
.footer_wx .img{margin-bottom:20px;}
.footer_wx p{ font-size:15px;margin-top:8px;line-height: 1.6}

/* 相关内容 */
.content_related{margin-top:20px;    padding: 15px }
.content_related .t{font-size:20px;line-height:45px;border-bottom:1px dashed #ddd}
.content_related .con li{font-size:14px;width:100%;height:45px;line-height:45px;border-bottom:1px dashed #ddd}
.content_related .con li span{float: right;color:#999}

    /*友情链接*/
.index-link{width: 1200px;margin: 0 auto;margin-bottom: 45px}
.index-link .bdcon{border:1px solid #ddd;padding:15px;line-height: 1.8;font-size:14px;}
.index-link .bdcon a{color:#555;margin-right: 15px}
.index-link .bdcon a:hover{text-decoration: underline}

/*底部*/
.footer_bg{width:100%;height:50px;background:#2392e0;}
.footer{line-height: 50px;font-size:15px;color:#fff;width:1200px;margin:0 auto}
.footer a{color:#fff;}

.timeLine { overflow: hidden;position: relative;width: 700px;margin: 0 auto;padding:70px 0 0 0; font-size: 19px; }
.timeLine li {background: url(../images/back2.png) repeat-y 190px 0;padding-bottom: 50px; display: flex;}

.timeLine li:last-child {background:none !important;}
.timeLine li p {background:url(../images/icon2.jpg) no-repeat 183px 0;display:inline-block;width:200px;text-align:right;padding-right:30px;color:#a8dda3;}
.timeLine li p span {display: block;color: #333;}
.timeLine li .con {width: calc(100% - 230px);display:inline-block;padding-left: 20px;}
.timeLine li .con img{max-width: 100%;}

/* .on  */
.timeLine li.on{background: url(../images/back2.png) repeat-y 179px 0;}
.timeLine li.on p {background:url(../images/icon2.jpg) no-repeat 172px 0;color: #1db702;}
.timeLine li.on p span {color: #a8dda3;}

/* .on 下面的li  */
.timeLine li.on ~ li{background: url(../images/back3.png) repeat-y 179px 0;}
.timeLine li.on ~ li p {background:url(../images/icon3.jpg) no-repeat 172px 0;color: #c3c3c3;}
.timeLine li.on ~ li p span {color: #d0d0d0;}

/* 联系 */
.contact{padding:60px 0 120px 0;}
.w-contact-con{padding:60px 0;width:400px;float:left}
.w-contact-con .hh1{font-size:33px;position: relative;}
.w-contact-con .hh1:after{content: '';position: absolute;left:0;top:50px;width:65px;height:2px;background:#FD813B;overflow: hidden}
.w-contact-con .hh1 span{font-size:16px;color:#666;}
.w-contact-con .hh3{font-size:22px;margin:56px 0 12px 0}
.w-contact-con .pp1{line-height:2.2;font-size:17px}

.w-contact-ditu{padding-bottom:40%;width:730px;float:right}


/* 留言 */
.w-contact-msg{padding:60px 0;width:1000px;margin:0 auto;border-top:1px solid #ddd;}
.w-contact-msg .hh1{margin-bottom:18px;font-size:26px}
.w-contact-msg label{font-size: 14px;margin:14px 0 6px 0; color:#555; display: none;}
.w-contact-msg .form-group{margin-bottom:.8rem}
.w-contact-msg .form-control{background: #fff;width: 80%;border:1px solid #ccc;padding:14px 10px; border-radius: 0;font-size:.75rem}
.w-contact-msg .tcon{text-align: center;margin-bottom: 50px;}
.w-contact-msg .tcon .t1{font-size: 35px;color:#cccccc}
.w-contact-msg .tcon .t2{font-size: 30px;color:#009049;margin-top: 10px;}
.w-contact-msg .tcon .t3{font-size: 14px;color:#666;margin-top: 10px;}
.w-contact-msg .btn{border:none;width: 110px;padding:12px 0; color:#fff;border-radius:0;background: #333;font-size:.75rem}

.zhengshu_list{padding:15px;}
.zhengshu_list li{width: 33.333%}

.download_list  .noimg .txt{position: relative;padding:0;}
.download_list h3{padding-right:110px;font-size:16px;}
.download_list .btn{position: absolute; top:0;right:0;margin: 0}

.product_list li{width: 33.333%}

/* 留言 */
.msg_pd{width: 800px;margin: 0 auto;padding:0px 0 60px 0;}
.msg_pd label{font-size: 14px;margin:14px 0 6px 0; display: block;color:#555;}
.msg_pd .form-control{background: #f5f5f5;width: 90%;border:1px dashed #ccc;padding:10px 5px; border-radius: 3px;}
.msg_pd .tcon{text-align: center;margin-bottom: 50px;}
.msg_pd .tcon .t1{font-size: 35px;color:#cccccc}
.msg_pd .tcon .t2{font-size: 30px;color:#009049;margin-top: 10px;}
.msg_pd .tcon .t3{font-size: 14px;color:#666;margin-top: 10px;}
.msg_pd .btn{border:none;width: 110px;height: 35px;color:#fff;border-radius: 3px;background: #333;font-size: 12px;margin-top:14px;}

#vdcode{width:330px;background:#fff;font-size:14px;border:1px solid #ccc;padding:40px 30px}
    /*display:none;position:absolute;left:0;margin-left:0;bottom:0px;*/
#vdcode #checkcode{border:1px solid #ccc; width:100px;margin-right:10px;padding:10px;}
#vdcode img{vertical-align:middle}
#vdcode .sbtn{border:none; display: block; width:100%;font-size:14px;height:40px;color:#fff;background:#c70e14;margin:18px 0 0 0}
#vdcode .close_item{margin-top:18px;text-align:center;cursor:pointer}



.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px; }
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#FD813B;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/a/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/a/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/a/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/a/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:10px;}
.suspension .d-qrcode{top:0px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/a/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/a/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px; color:#333}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:14px;color:#93959c;}



/* 1680 1600 */
@media screen and (max-width:1680px){}

/* 1440 1366*/
@media screen and (max-width:1440px){}

/* 1280 */
@media screen and (max-width:1280px){}

/* wap 1024 ipad 768 */
@media screen and (max-width:768px){



}
