@charset "utf-8";


.top_height{width: 100%;height: 100px;}

/* w-header-x
--------------------------------------------------
*/
.w-headerbg-x{width: 100%; background: #8bc0ae; position: fixed; z-index: 200; left: 0;top:0;
box-shadow: 1px 2px 12px rgba(0,0,0,0.15);
}
.w-header-x{width: 1360px;height: 100px;margin: 0 auto;  position: relative;z-index: 200;}
.w-header-x .logo{float:left;padding-top: 30px}


.w-navbg-x{float:right; }
.w-nav-x{}
.w-nav-x .nav-li{float:left;position: relative; z-index: 200; }
.w-nav-x .nav-a{position: relative; z-index: 200;font-size: 17px; height:100px;line-height:100px; display: block;padding:0 15px;color:#fff;}
.w-nav-x .nav-li:hover .nav-a:before,
.w-nav-x .nav-li.hover .nav-a:before,
.w-nav-x .nav-li.cur .nav-a:before{  position:absolute;content: '';
    left:8px;
    bottom: 0;
    width: calc(100% - 16px);height: 3px; background: #fff;
}

.w-nav-x .nav-item{position:absolute;z-index:200;left:0 ;top:100px;
    min-width:180px;  padding:20px 0 4px 20px; color:#333; display: none; background: #fff;
}
.w-nav-x .nav-item a{ font-size:14px; width: 100%; display: block;margin-bottom:14px;}

.w-nav-x .nav-item222{
    position:absolute;z-index:200;left:0 ;top:100px;padding:30px 0;
    width:100%;  color:#333; display: none; text-align: center;
    background: rgba(255,255,255,0.95);
    box-shadow: 1px 2px 12px rgba(0,0,0,0.15);
}
.w-nav-x .nav-item222 a{ display: inline-block;margin: 0 20px}
.w-nav-x .nav-item222 .img{  width:88px; height:88px;background-repeat: no-repeat; background-size: cover; border-radius: 50%;
     border: 2px solid #eee;
    background-position: center center;
}
.w-nav-x .nav-item222 .tit{margin-top: 12px; font-size: 14.2px}
.w-nav-x .nav-item222 a:hover .img{border-color:#8bc0ae}
.w-nav-x .nav-item222 a:hover .tit{color:#8bc0ae}

.w-header-x .telwrap{float:right;margin-top: 40px;margin-left: 20px}
.w-header-x .telwrap .tx{ height: 22px;padding-left:33px; font-size: 22px; color: #fff; background: url(../images/tel.png) left center no-repeat;}


/**/
.top0_wx { position: relative;z-index:200; float: right;margin-top: 30px;margin-left: 20px}
.top0_wx .wxmo_img{height: 45px;padding-top:9px;}
.top0_wx .wxmo_img img{height: 26px}
.wxmo_er{
    display: none;
    position: absolute;
    z-index: 200;
    border-radius: 2px;
    top: 45px;
    left: -55px;
    width: 150px;
    text-align: center;
    box-shadow: 0 1px 6px rgba(0,0,0,0.3);
}
.wxmo_er .pd{ background: #fff}
.wxmo_er .title{
    line-height: 40px;
    font-size: 14px;
    background-color: #f3f3f3;
    color: #555;
    display: none;
}
.wxmo_er .img{padding:5px;}
.wxmo_er .img img{width: 100%}
.wxmo_er:after{
    content: '';
    position: absolute;
    z-index:200;
    left: 65px;
    top:-6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #fff transparent;
}


/*首页样式*/

.index100_swiper0{position: relative; z-index:55; }
.index100_swiper0 .swiper-slide img{width: 100%}
.index100_swiper0_prev,
.index100_swiper0_next{position:absolute;top:50%;margin-top: -33px; z-index: 55; opacity: 0.5; cursor: pointer}
.index100_swiper0_prev{left:30px;}
.index100_swiper0_next{right: 30px;}
.index100_swiper0_prev:hover,
.index100_swiper0_next:hover{opacity: 1;}
.index100_swiper0 .swiper-pagination{ bottom: 60px;}
.index100_swiper0 .swiper-pagination-bullet{ width: 60px;height: 10px; border-radius: 5px; background-color: #fff;margin: 0 4px;border: 1px solid rgba(255,255,255,0.5);}
.index100_swiper0 .swiper-pagination-bullet-active{ background-color: #91D1D4;}


/*简介*/
.index-main11-bg{width:100%; background: #f6f6f6}
.index-main11{ width: 1340px;margin: 0 auto}
.index-main11-bd2{ background: #fff;position: relative;z-index: 100;margin-top: -40px;padding:70px 0;}
.index-main11-bd2 .tt{text-align: center}
.index-main11-bd2 .t1{font-size:36px; color: #8bc0ae}
.index-main11-bd2 .t2{font-size:16px;margin-top:20px;}

.index-main11-bd2-ul{margin-top:60px;}
.index-main11-bd2-ul li{width: 20%;float:left; text-align: center}
.index-main11-bd2-ul .i1{width: 19%;}
.index-main11-bd2-ul .d2{font-size:14px; margin-top:14px;}
.index-main11-bd2-ul .d1 span{font-size:50px;  }
.index-main11-bd2-ul .d1 em{font-size:45px;font-style: normal;padding-left:5px;}

.index-main11-bd3{padding: 45px 0}
.index-main11-bd3 .w-lt{ width: 560px;}
.index-main11-bd3 .w-rt{ width: 720px;}

.index-main11-bd3 .w-lt_1{ font-size: 30px; font-weight: 100; color: #555}
.index-main11-bd3 .w-lt_2{margin-top: 30px}
.index-main11-bd3 .w-lt_2 .item1{font-size:14px; height: 40px;line-height:20px;float:left; background: url(../images/80.png) no-repeat left center;padding-left:50px;}
.index-main11-bd3 .w-lt_2 .item2{font-size:31px; font-weight: 100;float:left;padding:4px 0 0 15px; color: #555}


.imsgform{}
.imsgform .text{border:none; background:#fff;padding:10px; height: 42px; font-size: 14px; width: 100% }
.imsgform_item1{ width: 100%}
.imsgform_item1 .w-left{ width: 33.333%;padding:0 8px}
.imsgform_item2{ width: 100% ;padding-top: 16px;}
.imsgform_item2 .w-left{ width: 50%;padding:0 8px}
.imsgform_item3{ width: 100% ;padding-top: 16px;}
.imsgform_item3 .w-left{ width: 50%;padding:0 8px}
.imsgform_btn{border:none; background:#8BC0AE;padding:10px; height: 42px; font-size: 14px; color: #fff; width: 170px }


.index100_ht{ text-align: center}
.index100_ht .t1{ font-size: 36px; background: url(../images/25.png) center bottom no-repeat}
.index100_ht .t2{font-size: 16px;margin-top: 15px; color: #555}
.index100_ht2 .t1{ background: url(../images/26.png) center bottom no-repeat}


.index100_product_bg{width: 100%; padding:70px 0; background: url(../images/bg2.jpg) center center no-repeat;}
.index100_product{width: 1340px; margin: 0 auto;}
.slideTxtBox_pro{padding-top: 60px}
.index100_product .hd{ width: 340px;float:left;padding: 20px 20px 0 20px; background:#f7f7f7;min-height: 595px}
.index100_product .hd ul li{float:left; width: 50%;padding:0 5px;margin-bottom: 15px}
.index100_product .hd .item{background: #ccc; height: 80px;display: block; position: relative; width: 100%;  }
.index100_product .hd .img{  width: 100%; height: 80px;background-repeat: no-repeat; background-size: cover;
    background-image: url(../images/index_03.jpg);
}

.index100_product .hd .img0{}
.index100_product .hd .img1{}
.index100_product .hd .img2{}
.index100_product .hd .img3{}
.index100_product .hd .img4{}
.index100_product .hd .img5{}
.index100_product .hd .img6{}
.index100_product .hd .img7{}
.index100_product .hd .img8{}


.index100_product .hd .txt{ height: 80px;line-height:80px;position: absolute;top:0;left:0; z-index:1;width: 100%; background: rgba(0,0,0,0.5);
   text-align: center; color: #fff;   font-size: 17px}
.index100_product .hd ul li.on .txt{background: rgba(139,192,174,0.9);}

.index100_product .hd .imgg{margin-bottom: 25px}

.index100_product .bd{width: 970px;float:right;}
.index100_product .bd ul{margin: 0 -10px}
.index100_product .bd li{float:left; width: 33.333%;padding:0 10px 20px 10px;}
.index100_product .bd li .img{overflow: hidden}
.index100_product .bd li .img img{width: 100%}
.index100_product .bd li .item{ display: block;border:1px solid #fff;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}
.index100_product .bd li .title .spp{margin-left: 15px;}
.index100_product .bd li .title{ width: 100%; height: 55px;line-height: 55px; text-align: center; font-size: 16px;background:#f5f5f5;}
.index100_product .bd li:hover .item{border-color:#8BC0AE;
    -webkit-transform:translateY(-3px);
    -o-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    transform:translateY(-3px);
}
.index100_product .bd li:hover .title{background:#8BC0AE; color: #fff}


.index100_an_bg{width: 100%; padding:70px 0;background: url(../images/bg1.jpg) center top no-repeat}
.index100_an{width: 98%; margin: 0 auto; }
.slideTxtBox_an{padding-top: 33px;position: relative}
.slideTxtBox_an .hd{width: 1340px;margin: 0 auto}
.slideTxtBox_an .hd li{width: 25%;float:left; }
.slideTxtBox_an .hd li .item{ display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 204px;height: 228px; margin: 0 auto; background: url(../images/d2.png) no-repeat; color: #fff}
.slideTxtBox_an .hd li .title{ font-size: 18px;margin-top: 15px;  font-weight: bold}
.slideTxtBox_an .hd li .item:hover,
.slideTxtBox_an .hd li.hover .item{ background: url(../images/d1.png) no-repeat}

.swiper_an{margin-top: 33px}
.swiper_an .swiper-slide{ width: 33.333%}
.swiper_an .swiper-slide .item{ display: block;border:2px solid #fff;}
.swiper_an .swiper-slide .img{ height: 340px; background-repeat: no-repeat; background-size: cover}
.swiper_an .swiper-slide .img img{width: 100%}
.swiper_an .swiper-slide .txt{padding:0 15px; background:#8BC0AE }
.swiper_an .swiper-slide .title{ width: 100%; height: 52px;line-height: 52px; background: url(../images/d3.png) right center no-repeat; color: #fff; font-size: 15px;}
.swiper_an_control{ width: 218px;height: 54px; background: url(../images/41.png) center center no-repeat;margin: 35px auto 0 auto}
.swiper_an_prev,
.swiper_an_next,
.swiper_an_mo{ display: block;float:left;height: 54px; cursor: pointer}

.swiper_an_prev{ width: 60px}
.swiper_an_next{width: 60px}
.swiper_an_mo{ display: block;float:left;width:98px}


.index100_vr_bg{width: 100%; padding:70px 0 0 0 ;background: url(../images/112.png) center top no-repeat;background-size: cover}
.index100_vr{width: 80%; margin: 0 auto; }
.slideTxtBox_vr{padding-top: 60px;position: relative}
.slideTxtBox_vr iframe{width: 100%;height: 800px}
.slideTxtBox_vr .hd{position: absolute;width:100%;left:0;bottom:0;}
.slideTxtBox_vr .hd li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: 20%;float:left; height: 130px;   color: #fff; background: rgba(0,0,0,0.3); font-size: 22px; cursor: pointer}
.slideTxtBox_vr .hd li.on{ background: rgba(139,192,174,0.78); }
.slideTxtBox_vr .hd li span{ display: block;margin-top: 14px; font-size: 16px;}


.index100_news_bg{width: 100%; padding:70px 0; }
.index100_news{width: 1340px; margin: 0 auto;}
.index100_news_con{padding-top: 60px; }
.index100_news_lt{width: 760px;float:left;}
.index100_news_lt .img{ width: 100%;height: 400px; overflow:hidden}
.index100_news_lt .img img{ width: 100%}
.index100_news_lt .date{ font-size: 14px; margin-top: 20px;color: #666;}
.index100_news_lt .title{font-size: 18px; margin-top: 20px}
.index100_news_lt .des{font-size: 14px; margin-top: 20px; color: #777;line-height: 1.5}
.index100_news_lt .mo{margin-top: 20px;}
.index100_news_lt .mo a{ display:block;width: 130px;height: 42px;line-height: 42px;border:1px solid #8BC0AE;color: #8BC0AE; font-size: 14px; text-align: center}


.index100_news_rt{width:520px;float: right;padding-top:10px}
.index100_news_rt li{border-bottom: 1px solid #dddd;padding-bottom: 20px;margin-bottom: 20px;}
.index100_news_rt .date{ font-size: 14px; padding-top: 20px;color: #666;}
.index100_news_rt .title{font-size: 18px; margin-top: 16px; height: 20px;line-height: 20px;width: 100%; overflow: hidden}
.index100_news_rt .title:hover{}
.index100_news_rt .mo{margin-top: 20px;}
.index100_news_rt .mo a{ display:block;width: 130px;height: 42px;line-height: 42px;border:1px solid #8BC0AE;color: #8BC0AE; font-size: 14px; text-align: center}


.index100_ab_bg{width: 100%;background: url(../images/index_01.png) center bottom no-repeat;padding: 70px 0 80px 0}
.index100_ab{width: 1360px; margin: 0 auto;}
.index100_ab_con{padding-top: 70px;}
.index100_ab .w-lt{ width: 700px;}
.index100_ab .w-rt{ width: 550px;}
.index100_ab .w-rt .t1{ font-size: 24px;}
.index100_ab .w-rt .t2{ font-weight: 100; font-size: 18px;margin-top: 8px; color: #666}
.index100_ab .w-rt .line{ width: 70px;height: 1px ; background: #8BC0AE; overflow: hidden;margin-top: 50px;}
.index100_ab .w-rt .t3con{margin-top: 66px; font-size: 16px;line-height:2}
.index100_ab .w-rt .mo{margin-top: 30px}
.index100_ab .w-rt .mo a{ display: block; width: 145px;height: 45px;line-height: 45px; background: #fff; color: #8BC0AE; font-size: 14px;text-align: center}


/*首页样式 end */




/*底部栏目*/
.footer1_bg{color:#333; background:#fff ;width: 100%; padding:50px 0; border-top:4px solid #8BC0AE}
.footer1_bg a{color:#333;}
.footer1{ width: 1400px; margin: 0 auto; }
.footer1 .w-right{float:right; }
.footer1 .w-right dl{ width:135px;overflow: hidden;}
.footer1 .w-right dl a{color:#333; }
.footer1 .w-right dt{ margin-bottom:20px;position: relative;font-size: 18px; }
/*.footer1 .w-right dt:after{content: '';position: absolute;left:0;top:38px;width:38px;height:1px;background:#fff;overflow: hidden}*/
.footer1 .w-right dd{ margin-bottom:14px; font-size: 14px;opacity: .9}
.footer1 .w-right dd a{color:#333;}

.footer1 .w-rt{width: 125px;padding:20px 0 0 0; display: none}
.footer1 .w-rt img{ width: 100%}

.footer1 .w-left{width: 200px;padding-top: 20px;}
.fshare{padding-top:35px;}
.ftel{ width: 160px; padding-top:35px;}
.ftel dl{padding-left:40px;background: url(../images/200.png) no-repeat left center; color: #d5d5d5;}
.ftel dt{font-size:14px; }
.ftel .d1{font-size:15px; padding-top:4px; }

.footer1 .w-left2{float:left; width: 125px;}
.footer1 .w-left2 .img img{width: 100%;}
.footer1 .w-left2 .title{text-align: center;margin-top: 5px; font-size: 14px}

.footer1 .w-left3{float:left; width: 300px;margin:0 0 0 25px;}
.footer1 .w-left3 .pd{margin-top: 20px;}
.footer1 .w-left3 .pd p{margin-bottom: 7px; font-size: 14px;line-height: 1.4}

.footer2_bg{color:#333; background:#fff ;width: 100%;border-top:1px solid #eee;padding:18px 0; font-size: 14px;line-height: 2 }
.footer2{ width: 1330px; margin: 0 auto;  }
.footer2 b{ font-weight: bold; font-size: 15px}
.footer2 a{color:#333;margin-left: 15px}

.footer3_bg{color:#333; background:#fff ;width: 100%;border-top:1px solid #eee;padding:18px 0; font-size: 14px;line-height: 2 }
.footer3{ width: 1330px; margin: 0 auto;  }



/* 相关内容 */
.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}



/* 联系 */
.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:#8BC0AE;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%}
.product_list li .item{ display: block;border:1px solid #fff;}
.product_list li .title{ background:#f5f5f5;}
.product_list li .title .spp{margin-left: 12px}
.product_list li:hover .item{border-color:#8BC0AE;}
.product_list li:hover .title{background:#8BC0AE; color: #fff}
.product_list li:hover .title a{color: #fff}

/* 留言 */
.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:#8BC0AE;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:#8BC0AE;}
.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;}


.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:#de3d44 }
.concolor .i2 .item{ background-color:#ef812f }
.concolor .i3 .item{ background-color:#4052d2 }
.concolor .i4 .item{ background-color:#f1d612 }
.concolor .i5 .item{ background-color:#25ced8 }
.concolor .i6 .item{ background-color:#858585}
.concolor .i7 .item {background-color:#ffffff ;border:1px solid #d8d8d8; }

/*.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 }*/


/* 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){



}