﻿@charset "utf-8";
/* CSS Document */
.btn2{ margin:0.2rem 0 0.2rem 0;  display:inline-block; height:0.58rem; line-height:0.58rem; font-size:0.25rem; padding:0 0.4rem 0 0.4rem; color:#fff; position:relative;border-radius:0.29rem; background:#9c68b9}
.btn2 .yuan{ font-size:0.22rem; display:inline-block; font-size:0.25rem}

.textGradient1{display: inline-block;color:#9866b4 !important;font-size:0.6rem; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(174, 112, 210, 1)), to(rgba(120, 87, 137, 1)));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.wrapbox{ position:relative; width:100%; overflow:hidden;  left:0; top:0;-webkit-transform:translateX(0px);transform:translateX(0px); background:#f6f6f6; z-index:2;transition-property: transform;  background-color:#fff;}

.banner { position:relative; width:100%; overflow:hidden;}
.banner  .swiper-main{width:100%;overflow:hidden;margin:auto;}

.banner  .swiper-slide{width:100%;overflow:hidden;text-align:center;}
.banner  .swiper-slide img{width:100%; -moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #333333;}

.banner .pag {text-align: center;height:0.2rem;position:absolute;bottom:-0.2rem;left:0%; width:100%;z-index:5; }
.banner .pag .swiper-pagination-switch {display: inline-block;width: 0.15rem;height:0.15rem; margin-right:0.1rem;border-radius:0.15rem; background:#bdbdbd;vertical-align:top}
.banner .pag .swiper-active-switch {background:#8e61a7;}	
.ad{background:#fff;padding:0 0.1rem 0;}

/*.menu{ border-bottom:#e9e9e9 1px solid; margin:0 0 0.15rem 0; background:#fff;}
.menu li{ position:relative;float:left; width:20%; text-align:center; vertical-align:top; padding:0.12rem 0;}
.menu li a{ display:inline-block;}
.menu li img{width:0.71rem;}
.menu li h2{ line-height:0.4rem; height:0.4rem; font-size:0.2rem;}
.menu li img.hot{position:absolute;right:20%;top:5%;width:28%;}*/

/*2017 menu start
.menu{ position:relative; width:6.4rem; height:5.98rem; box-sizing:border-box; padding-top:0.5rem;  background:url(../images/newmenubg.jpg) no-repeat; color:#fff;background-size:100% 100%}
#menubox{transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s; -webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;}
.menu li{ position:relative;float:left; width:25%; text-align:center; vertical-align:top; padding:0.12rem 0;}
.menu li a{ display:inline-block; color:#fff;}
.menu li img{width:1.1rem;}
.menu li h2{ line-height:0.4rem; height:0.4rem; font-size:0.25rem;}
.menu li img.hot{position:absolute;right:10%;top:0%;width:0.41rem;}
*/

.menu{ position:relative; width:6.4rem; height:8.8rem; box-sizing:border-box; padding:0.2rem 0;background-color:#fff; background-size:100% 100%}
#menubox{transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s; -webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;}
.menu li{ position:relative;float:left; width:33.33%; text-align:center; vertical-align:top;}
.menu li a{ display:inline-block; color:#000;}
.menu li img{}
.menu li h2{ line-height:0; height:0; font-size:0.25rem;}
.menu li img.hot{position:absolute;right:10%;top:0%;width:0.41rem;}
.dxm li{ position:relative;float:left; width:33.33%; text-align:center; vertical-align:top;background-color:#3c4145}

.item_list_li_hide{ width:6rem; height:5.5rem; position:absolute; left:50%;top:50%; margin-left:-0.6rem; margin-top:-1.1rem; -webkit-transform:scale(0.2); -moz-transform:scale(0.2); /*-webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;*/transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s; z-index:1010;}

.item_list_li_show{width:6rem; height:5.5rem; position:absolute; left:50%; top:50%; margin-left:-3rem;margin-top:-2.8rem;z-index:1010;-webkit-transform:scale(1); -moz-transform:scale(1); }

.item_list_li_hide .btn1{ width:0.45rem; height:0.45rem; position:absolute; right:0.3rem; top:0.3rem; display:none; z-index:1012}
.item_list_li_show .btn1.on{ display:block}

.othermenu{width:5.5rem; height:5.5rem; overflow:auto; box-sizing:border-box;  padding:0.5rem; margin:0 auto; background:rgba(93,93,140,0.5); color:#fff; border-radius:1.1rem}
.othermenu li{ position:relative;float:left; width:33.33%; text-align:center; vertical-align:top; padding:0.12rem 0;}
.othermenu li a{ display:inline-block; color:#fff;}
.othermenu li img{width:1.1rem;}
.othermenu li h3{ line-height:0.4rem; height:0.4rem; font-size:0.25rem;}
.othermenu li h2{ line-height:0.4rem; height:0.4rem; font-size:0.2rem;}
.item_list_li_hide h2{ line-height:2rem; height:2rem; font-size:1rem; text-align:center}
.item_list_li_show h2{ display:none}

.otherbg{ position:absolute; width:100%; height:100%; left:0; top:0;}

@media all and (max-width: 600px) {
  .item_list_li_hide h2{ font-size:1.3rem;}
}

/*2017 menu end*/
.adone{border-top:#e9e9e9 1px solid; background:#fff;}
.adtop{ width:100%; overflow:hidden; background:#fff;border-bottom:#e9e9e9 1px solid;}
.adone a{ display:block; width:100%; }
.adone a img{ width:100%; height:100%;}
.adone .picleft{ float:left; width:50%; height:3.08rem; box-sizing:border-box; border-right:1px solid #e9e9e9;}
.adone .picleft a{ display:block; width:100%; height:100%; background:url(../images/mx1.jpg) no-repeat; background-size:100% 100%}
.adone .picright{ float:left; width:50%;height:3.08rem;}
.adone .picright a:first-child{ width:100%;border-bottom:1px solid #e9e9e9;height:1.54rem;box-sizing:border-box; background:url(../images/mx1.jpg) no-repeat;background-size:100% 100%}
.adone .picright a:last-child{ width:100%;height:1.54rem;box-sizing:border-box; background:url(../images/mx1.jpg) no-repeat;background-size:100% 100%}
.adbottom{ width:100%; height:62px; line-height:62px;border-bottom:1px solid #e9e9e9;}
.adbottom strong{ float:left; text-align:center; width:23%; font-size:30px; color:#eb6598; font-style:italic; font-family:"微软雅黑"}
.adbottom .uplist{ float:right; width:75.5%; height:62px; line-height:62px; overflow:hidden; position:relative; font-size:23px; color:#646060}
.adbottom .uplist ul{ position:absolute; left:0; top:0; width:100%}
.adbottom .uplist li{}

.adtwo{ width:100%; overflow:hidden;}

.news{ position:relative;height:3.6rem;border-bottom:1px solid #e9e9e9;border-top:1px solid #e9e9e9; background:#fff;}
.news .title{ width:150%; height:0.52rem; color:#3d3d3d}
.news .tt{ float:left; width:2.5rem; height:0.52rem; line-height:0.52rem; font-size:0.28rem; }
.news .tt span{ padding-right:0.06rem; font-size:0.25rem;text-indent:0.2rem;}
.news .txt{ float:left;  font-size:0.25rem; position:relative;}
.news .txt li{ display:inline-block;height:0.5rem; margin:0 0.15rem; line-height:0.52rem; cursor:pointer}
.news .txt li.active{border-bottom:0.02rem solid #9c68b9; color:#9c68b9}

#nwrapper {
	position: relative;z-index:1;width:100%;height:0.53rem;overflow: hidden;
	/* Prevent native touch events on Windows */
	-ms-touch-action: none;
	/* Prevent the callout on tap-hold and text selection */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* Prevent text resize on orientation change, useful for web-apps */
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
#nscroller {
	position: absolute;
	/* Prevent elements to be highlighted on tap */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	/* Put the scroller into the HW Compositing layer right from the start */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
.caoao{ width:100%;height:1px; background:#e9e9e9; position:absolute; z-index:4; top:0.52rem; left:0;}
.rijiwrap{width:100%; height:3.5rem; background:#fff; opacity:0; position:absolute; left:0;  z-index:3;margin-top: 0.1rem;}

.riji{ margin:0 auto; width:93.75%; color:#3d3d3d}
.riji h3{ height:0.64rem; line-height:0.64rem; font-size:0.24rem;padding-left:0.2rem; padding-bottom:0.07rem;}
.riji h3 span{ width:0.64rem; height:0.64rem; border-radius:0.32rem; display:inline-block; margin-right:0.1rem;}
.riji .p1{ width:6rem; overflow:hidden; height:0.62rem; padding-left:0.2rem; padding-right:0.2rem; font-size:0.21rem; line-height:0.31rem; padding-bottom:0.07rem;}
.riji .p2{ padding-left:0.2rem; height:0.3rem; line-height:0.3rem; font-size:0.23rem; color:#9c68b9;padding-bottom:0.2rem}
.riji .p2 font{ margin-right:0.05rem; width:0.21rem; height:0.21rem; display:inline-block; vertical-align:middle}
.riji .pic{}

.rijiwrap  .swiper-main{width:100%;overflow:hidden;margin:auto;}
.rijiwrap 
.rijiwrap .swiper-slide{display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: top;
        align-items: top;}
.rijiwrap  .swiper-slide img{width:100%;}

.rijiwrap .pagination1,.rijiwrap .pagination2,.rijiwrap .pagination3,.rijiwrap .pagination4,.rijiwrap .pagination0 {text-align: center;height:0.2rem;position:absolute;bottom:0.1rem;left:0%; width:100%;z-index:5; }
.rijiwrap .pagination1 .swiper-pagination-switch,.rijiwrap .pagination2 .swiper-pagination-switch,.rijiwrap .pagination3 .swiper-pagination-switch,.rijiwrap .pagination4 .swiper-pagination-switch,.rijiwrap .pagination0 .swiper-pagination-switch {display: inline-block;width: 0.15rem;height:0.15rem; margin-right:0.1rem;border-radius:0.15rem; background:#bdbdbd;vertical-align:top}
.rijiwrap .pagination1 .swiper-active-switch,.rijiwrap .pagination2 .swiper-active-switch,.rijiwrap .pagination3 .swiper-active-switch,.rijiwrap .pagination4 .swiper-active-switch,.rijiwrap .pagination0 .swiper-active-switch {background:#8e61a7;}


.zhuanjia{ background:#fff; position:relative; z-index:5; padding:0;}
.zhuanjia h3{ height:0.8rem; text-align:center; line-height:0.8rem; font-size:0.35rem;}
.zhuanjia .searchzj{ margin:0 auto; width:3.68rem; height:0.44rem;  position:relative; padding-bottom:0.35rem;}
.zhuanjia .searchtxt{ position:absolute; width:2.4rem; height:0.44rem; left:0; top:0; box-shadow:inset 0 0 0.05rem #ccc;background:#fff; border:1px solid #d5d5d5; box-sizing:border-box; z-index:10; color:#505050}

.zhuanjia .searchInput{ font-style:normal; cursor:pointer; display:inline-block;width:2.25rem; height:0.44rem; font-size:0.22rem; line-height:0.44rem; text-indent:0.24rem; background:url(../images/sanjiao.png) 1.95rem 0.19rem no-repeat; background-size:0.17rem 0.09rem}
.zhuanjia .selectBox{ display:none; width:2.25rem; border:1px solid #cacaca; border-top:none; box-sizing:border-box; background:#fff;}
.zhuanjia .selectBox li{ height:0.5rem; line-height:0.5rem; padding-left:0.48rem; border-bottom:1px solid #cacaca; background:url(../images/jian.jpg) 0.29rem center no-repeat; background-size:0.11rem 0.14rem; font-size:0.18rem}
.zhuanjia .selectBox li:last-child{ border-bottom:none}

.zhuanjia .sbtn{ text-align:center; font-size:0.23rem; color:#fff; position:absolute; width:1.42rem; height:0.44rem; line-height:0.44rem; background:#262433; right:0; top:0; z-index:2; border-radius:0 0.05rem 0.05rem 0;}

.zjtime{ background:#262433; color:#fff;}
.zjtime h4{ height:0.15rem; line-height:0.15rem; padding:0.12rem 0; font-size:0.24rem; text-align:center}
.zjList{ width:100%; height:2.4rem; overflow:hidden;}
.zjList .swiper-wrapper{}
.zjList .swiper-slide {text-align: center;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: top;
        align-items: top;}
.zjList .swiper-slide img{ width:1.20rem;}
.zjList .swiper-slide span{ margin:0 auto; display:block; width:1.2rem; overflow:hidden; border-radius:0.6rem;}
.zjList .swiper-slide strong{ padding-top:0.05rem; display:block; color:#fff; height:0.3rem; line-height:0.3rem; font-size:0.2rem;}
.zjList .swiper-slide em{ margin:0 auto;  display:block; line-height:0.22rem; font-size:0.13rem; color:#848d9a; font-style:normal}

.service{ padding:0.2rem;width:100%; box-sizing:border-box; position:relative; height:3.85rem; background:#fff;}
.service .tabtt{ width:100%; height:0.5rem; padding-bottom:0.1rem;}
.service .tabtt li{ float:left; width:1.47rem; height:0.5rem; line-height:0.5rem; font-size:0.22rem; text-align:center; margin-right:0.04rem; background:#9c68b9; display:inline; color:#fff}
.service .tabtt li.active{ background:#403d55}
.service .tabtt li:last-child{ margin-right:0}

.service .tabbox{ width:93.75%;overflow:hidden; position:absolute; left:0.2rem; top:0.8rem;}
.service .swiper-container{ height:2.86rem; }
.tabbox .swiper-slide {text-align: center;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: left;
        justify-content: left;
        -webkit-box-align: left;
        -ms-flex-align: left;
        -webkit-align-items: top;
        align-items: top;}
.tabbox .swiper-slide a{ display:inline-block; width:2.18rem; height:2.86rem; position:relative}	
.tabbox .swiper-slide a h3{ position:absolute; width:100%; left:0; bottom:0; background:rgba(0,0,0,0.8); height:0.38rem; line-height:0.38rem; text-align:center; font-size:0.13rem; color:#fff;}	
.tabbox .swiper-slide img{ width:2.18rem;}

.guide{padding-top:0.2rem; position:relative; width:100%; height:2.49rem; background:#fff url(../images/laiyuan.jpg) center bottom no-repeat; background-size:6.4rem 2.49rem; overflow:hidden}

.guide .txt{ position:absolute; width:3.25rem; top:0.2rem; right:0.2rem;}
.guide .txt h3{ width:100%; height:0.8rem;}
.guide .txt h3 .k{ float:left; font-size:0.44rem; line-height:0.44rem; color:#262433}
.guide .txt h3 .t{ padding-left:0.55rem; float:left; font-size:0.2rem; color:#262433; line-height:0.26rem; }
.guide .txt h3 span{color:#807f85; font-size:0.18rem;}

.btn3{ margin:0 0 0.2rem 0;  display:inline-block; height:0.35rem; line-height:0.35rem; font-size:0.21rem; padding:0 0.2rem 0 0.2rem; color:#fff; position:relative;border-radius:0.18rem; background:#262433}
.btn3 .yuan{ font-size:0.22rem; display:inline-block}

.adbox{ width:100%;}
.adbox img{ display:block}
.adbox .adll{ float:left; width:50%; box-sizing:border-box; height:3.08rem;}
.adbox .adll a{ display:block; width:100%; height:100%;}
.adbox .adrr{ float:left; width:50%; height:3.08rem;}
.adbox .adrr a{ display:block; width:100%; height:1.54rem;box-sizing:border-box;}

.adtwo{ width:100%; height:3.85rem;}
/*.gunbox{ width:100%; height:62px; line-height:62px;border-bottom:1px solid #e9e9e9;}
.gunbox strong{ float:left; text-align:center; width:23%; font-size:30px; color:#eb6598; font-style:italic; font-family:"微软雅黑"}
.gunbox .uplist{ float:right; width:75.5%; height:62px; line-height:62px; overflow:hidden; position:relative; font-size:23px; color:#646060}
.gunbox .up1ist ul{ position:absolute; left:0; top:0; width:100%}
.gunbox .uplist li{}*/

/*2017 gunbox start*/
.gunbox{ width:100%; height:0.8rem; line-height:0.8rem; overflow:hidden; background:#fff; }
.gunbox strong{ float:left; padding-top:0.1rem; text-align:right; width:20%; font-size:0.3rem; color:#eb6598; font-style:italic; font-family:"微软雅黑"}
.gunbox strong img{ width:1.02rem; height:0.71rem;}
.gunbox .deng{ float:left; width:11.25%; padding-top:0.2rem;}
.gunbox .deng img{ width:0.51rem; height:0.46rem;}
.gunbox .uplist{ float:right; width:68.75%; height:0.8rem; line-height:0.8rem; overflow:hidden; position:relative; font-size:0.23rem; color:#646060}
.gunbox .uplist ul{ position:absolute; left:0; top:0; width:100%}
.gunbox .uplist li{}
.gunbox .uplist .swiper-slide{width:100%; height:0.8rem; line-height:0.8rem; overflow:hidden;}
.gunbox .uplist .swiper-slide span{ background:#FF0000; padding:0 0.15rem; color:#FFFFFF}
/*2017 gunbox end*/

.foot-fd{ text-align:center; font-size:20px; line-height:30px; padding-top:10px;}
@media screen and (max-width: 639px){

/*.gunbox{ width:100%; height:52px; line-height:52px;}
.gunbox strong{font-size:23px;}
.gunbox .uplist{height:52px; line-height:52px; font-size:20px;}*/
.foot-fd{font-size:13px; line-height:15px;}
}
@media screen and (max-width: 414px){
/*
.gunbox{ width:100%; height:52px; line-height:52px;}
.gunbox strong{font-size:22px;}
.gunbox .uplist{height:52px; line-height:52px; font-size:20px;}*/
.foot-fd{font-size:13px; line-height:15px;}
}
@media screen and (max-width: 390px){
/*
.gunbox{ width:100%; height:32px; line-height:32px;}
.gunbox strong{font-size:16px;}
.gunbox .uplist{height:32px; line-height:32px; font-size:12px;}*/
.foot-fd{font-size:13px; line-height:15px;}
}
.swiper-container_uplist{height:0.8rem; }


.tel{width:85%;margin:0.2rem 8%;}





@charset "utf-8";
/* CSS Document */
.csaist, .yyaist, .hyaist, .cdaist, .zzaist{ display:none;}
html {font-size:62.5%;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,   /* structural elements 锟结构元锟斤拷 */dl, dt, dd, ul, ol, li, /* list elements 锟叫憋拷元锟斤拷 */pre, /* text formatting elements 锟侥憋拷锟斤拷式元锟斤拷 */
form, fieldset, legend, button, input, textarea, /* form elements 锟斤拷锟皆拷锟?*/
th, td, /* table elements 锟斤拷锟皆拷锟?*/
img{border:medium none;margin: 0;padding: 0;list-style-type: none;}

h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;position:relative;background:#fff;}
input, img {vertical-align: middle;}
body,html{margin:0 auto;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearf{clear:both;}
.clearfix:after,.clear:before{
	display:table;
	content:'';
	}
.clearfix:after{
	clear:both;
	overflow:hidden;
	}
.clearfix{
	zoom:1;
	}
.relative {position:relative;}
.zj_relative{margin:20px 0px;z-index:-1}
.absolute {position:absolute;}
.float_left {float:left;}
.float_right {float:right;}

.gg{text-align:center;}
/*按钮样式*/
.hui{background:#f4f4f4;}
.btnswt{display:inline-block;margin:25px auto 40px;padding:0 10px;border:1px #1e1e1e solid;font: 14px/2 '微软雅黑',tahoma, Srial, helvetica, sans-serif; width:auto;}

/*header css*/
body {min-width:320px;overflow-x:hidden;}
.content,.X_foot{max-width:640px; margin:0 auto;}
.zj_slides {width:100%;min-width:320px;overflow:hidden;}
.zj_slides li {width:100%;height:100%;float:left;overflow:hidden;}
.zj_slides li a {display:block;width:100%;height:100%;}
.zjSlide_container a {position:relative;}
.zjSlide_foncus {left:0;bottom:2%;width:100%;height:15px;overflow:hidden;text-align:center;}
.zjSlide_foncus span {display:inline-block;width:10px;height:100%; background:url(/statics/nimg/s.png) no-repeat;background-size:10px 10px;margin:0 5px;cursor:pointer;}
.zjSlide_foncus span.active { background:url(/statics/nimg/ss.png) no-repeat;background-size:10px 10px;}


.bannerSlides{ min-height:200px;}
.bannerSlides,.anli_slides,.export_slides {width:100%;min-width:320px;overflow:hidden;}
.bannerSlides li,.anli_slides li {width:100%;height:100%;float:left;overflow:hidden; display:none;}
.bannerSlides li a,.anli_slides li a {display:block;width:100%;height:100%;}
.bannerSlide_container a,.anliSlide_container a, {position:relative;}
.bannerSlide_foncus,.anliSlide_foncus {left:0;bottom:2%;width:100%;height:15px;overflow:hidden;text-align:center;}
.bannerSlide_foncus span,.anliSlide_foncus span {display:inline-block;width:10px;height:100%; background:url(/statics/nimg/s.png) no-repeat;background-size:10px 10px;margin:0 5px;cursor:pointer;}
.bannerSlide_foncus span.active,.anliSlide_foncus span.active { background:url(/statics/nimg/ss.png) no-repeat;background-size:10px 10px;}

.item_lists {width:100%;margin-top:5px;}
.item_list {display:block;width:33.3%;position:relative;}
.item_plus {left:8px;bottom:7px;width:16px;height:16px; background:url(../images/item_plus.png) no-repeat;z-index:2}


.item_lists_other {width:100%;padding:34px 0 18px;background:#2e3642;}
.item_lists_other ul { width:95%; margin:0 auto; }
.item_lists_other li { float:left; width:33.3%; }
.item_lists_other li a { display:block; width:70.78%; margin:0 auto; }
.item_lists_other li p { font-size:30px; color:#fff; text-align:center; line-height:200%; }

.Microplastic_item { background-color:#f07883;}
.Microplastic_item1 {left:8px;top:11px;width:90px;height:61px; background:url(../images/Microplastic_item1.png) no-repeat;z-index:2}

.anliSlide_foncus {left:0;bottom:2%;width:100%;height:15px;overflow:hidden;text-align:center;z-index:10;}
.anliSlide_foncus span { background:url(/statics/nimg/s.png) no-repeat;background-size:10px 10px;}

.export_date {width:100%;padding: 0 0 2rem 0; background-color:#2e3642;}
.export_date h3 {width:100%;height:8rem;line-height:8rem;font-size:3rem;text-align:center;color:#6a7380;font-weight:500;}

.export_slides {width:100%;height:430px;overflow:hidden;}
#scroller {position:absolute;}
.export_slides ul {width:100%;height:430px;overflow:hidden;}
.export_slides li {width:30%;height:430px;float:left;color:#fff;}
.export_zj {width:80%;margin:0 auto 5px;}
.export_slides li p {font-size:2.4rem;text-align:center;line-height:2.8rem;}
.export_slides li p.p2 {font-size:2rem;color:#ccc;}
.security_center {padding:5rem 0;}
.sec_img {width:419px;height:212px; background:url(../images/sec_img1.png) no-repeat;float:left;}
.sec_link {float:right;display:block;width:180px;height:100px; background:url(../images/sec_img2.png) no-repeat;margin-right:11%;margin-top:5.2rem;}




/*杈句汉娲诲姩css*/
.darenhudong_btns {width:100%;height:80px;line-height:80px; background-color:#6a7380;-moz-box-shadow:0 0 8px rgba(34,23,20,.5);-webkit-box-shadow:0 0 8px rgba(34,23,20,.5);box-shadow:0 0 8px rgba(34,23,20,.5);}
.darenhudong_btns a {position:absolute;left:0;top:0;z-index:2;display:block;width:50%;text-align:center;font-size:30px;color:#2e3642;text-decoration:none;}
/*.darenhudong_btns a.active { background-color:#fff;}*/
.darenhudong_btns a:nth-child(3){left:50%;}
.animate_flag {display:block;width:50%;height:100%;left:0;top:0; background-color:#FFF;z-index:1}
.darenhuodong_lists {width:100%;}
.darenhuodong_list1 {width:96%; background-color:#f1ebeb;padding:0px 2% ;}
.darenhuodong_wrap {width:100%;margin:32px  auto 0;border:1px solid #d7d1d1; background-color:#FFF;-moz-border-radius:14px;-webkit-border-radius:14px;border-radius:14px;padding:14px;float:left;}
.darenhuodong_wrap:last-child{margin-bottom:50px;}
.darenhuodong_wrap h3 {width:100%;font-size:30px;padding-left:8px;font-weight:500;line-height:76px;}
.huodongTime {display:block;width:100%;line-height:60px;font-size:28px;color:#373737;text-decoration:none;}
.huodongTime span {display:inline-block;}
 .call_number_huodong {margin:55px auto;}

.darenhuodong_list2 { background-color:#FFF;}
.darenBanner img {float:left;}
.zhaomu_number {display:block;width:97%;margin:3.5rem auto;}
.bmzg,.tbzy {width:90%;margin:40px auto 20px;}
.bmzg h4,.tbzy h4 {margin:10px 0;width:264px;height:75px;}
.bmzg p,.tbzy p {width:100%;font-size:26px;line-height:38px;}
.bmzg p em,.tbzy p em {display:inline-block;float:left;width:28px;height:28px; background-color:#003567;color:#fff;font-size:24px;line-height:28px;text-align:center;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;margin-right:8px;margin-top:5px;display:inline;}
.bmzg p span,.tbzy span {display:inline-block;float:left;width:90%;}
.tbzy p em { background-color:#ff6005;}

/*娲诲姩璇︽儏椤礳ss*/
.prevPage {width:100%;height:80px;line-height:80px; background-color:#FFF;-moz-box-shadow:0 0 8px rgba(34,23,20,.5);-webkit-box-shadow:0 0 8px rgba(34,23,20,.5);box-shadow:0 0 8px rgba(34,23,20,.5);}
.prevPage p{display:inline-block;width:70%; padding-left:6%;}
.prevPage a {display:inline-block;width:24%;height:100%;color:#2e3642;font-size:29px;text-decoration:none;text-align:right;}
.activity_topic {width:100%;height:156px; background-color:#f1ebeb;}
.activity_topic .title {width:95%;margin:0 auto;line-height:77px;border-bottom:1px solid #d7d1d1;font-size:26px;font-weight:500;color:#6b6b6b;padding:0 10px;}
.activity_topic .title b,.activity_topic .time b {color:#000;}
.activity_topic .time {width:95%;margin:0 auto;line-height:78px;font-size:26px;font-weight:500;color:#6b6b6b;padding:0 10px;}
.pageContent {width:100%;}
.pageContent img {float:left;}

/*鍝佺墝涓績css*/
.pinpaiMenu{width:100%;height:80px;line-height:80px;background-color:#FFF;-moz-box-shadow:0 0 8px rgba(34,23,20,.5);-webkit-box-shadow:0 0 8px rgba(34,23,20,.5);box-shadow:0 0 8px rgba(34,23,20,.5);overflow:hidden;}
.menuScroll_lists {width:100%;height:80px;overflow:hidden;}
.menuScroll_lists li {width:196px;height:80px;line-height:80px;float:left;}
.menuScroll_lists li a {display:block;position:relative;width:100%;height:100%;font-size:30px;text-align:center;color:#2e3642;text-decoration:none;outline:none;}
.menuScroll_lists li a em {display:block;width:136px;height:6px; background-color:#d70a50;position:absolute;left:50%;bottom:0;margin-left:-68px;display:none;}
.menuScroll_lists li a:hover em,.menuScroll_lists li.active a em {display:block;}
.securityCenterBanner {width:100%;height:auto;}
.part1,.part3 {width:100%;padding:30px 0; background-color:#FFF;}
.part1 h3 ,.part2 h3,.part3 h3{width:100%;line-height:120px;font-size:57px;font-weight:500;text-align:center;color:#2e3642;}
.part1_wrap img,.part2_wrap img {float:left;}
.part1_txt,.part2_txt,.part3_txt {width:94%;margin:10px auto;}
.part1_txt p,.part2_txt p,.part3_txt p {font-size:26px;line-height:38px;color:#2e3642;padding-bottom:10px;}
.part2 {padding:30px 0; background-color:#f0f0f0;}
.part2_txt p{color:#6a7380}

/*鍏充簬鍗庣編css*/
.aboutPopTitle {width:93%;margin:26px auto;}
.about1 {width:93%;margin:0 auto;}
.pplx_title {width:362px;height:78px; background:url(../images/ppls.png) no-repeat;margin:40px 0 10px;}
.about1 p {font-size:26px;width:100%;color:#2e3642;line-height:38px;}
.about1 img{
		margin:22px auto;
	}
.about2 {padding-bottom:58px;}
.about2 img {float:left;}
.about3 {width:100%;padding:70px 0; background-color:#edf0f3;}
.about3_1 {width:93%;margin:0 auto;}
.about3_1 h3 {width:362px;height:78px; background:url(../images/tzyj.png) no-repeat;}
.about4 img {float:left;}
.about5 {width:100%;padding:30px 0 15px; background-color:#FFF;}
.about5 h3 {font-size:40px;text-align:center;line-height:90px;font-weight:500;}
.about5_1 img {float:left;}

/*鍖婚櫌鐜css*/
.environmeng_container {width:93%;margin:0 auto;}
.floor {padding-top:60px;}
.floor h3 {width:362px;height:76px;}
.floor p {font-size:26px;line-height:38px;color:#2e3642;margin:20px 0;}
.floor ul {width:100%;}
.floor ul li {width:100%;float:left; background-color:#FFF;padding:10px;-moz-box-shadow:0 0 12px rgba(34,23,20,.5);-webkit-box-shadow:0 0 12px rgba(34,23,20,.5);box-shadow:0 0 12px rgba(34,23,20,.5);margin-bottom:70px;}
.floor ul li img {width:100%;height:auto;}

/*涓撳鍥㈤槦css*/
.exportBtns {width:100%;height:80px;line-height:80px; background-color:#6a7380;}
.exportBtns a {position:absolute;left:0;top:0;display:block;width:50%;height:100%;font-size:30px;text-align:center;color:#2e3642;text-decoration:none;z-index:3;}
.exportBtns a:nth-child(3) {left:50%;}
/*.exportBtns a.active { background-color:#fff}*/
.expertTitleBg {width:280px;height:76px;margin-left:2%;line-height:64px;font-size:40px;color:#fff;font-weight:600;padding-left:32px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}
.expertTitleBg1 {background:url(../images/guojiTitleBg.png) no-repeat;}
.expertTitleBg2 {background:url(../images/zxwkTitleBg.png) no-repeat;}
.expertTitleBg3 {background:url(../images/pfmrTitleBg.png) no-repeat;}
.expertTitleBg4 {background:url(../images/wzxTitleBg.png) no-repeat;}
.expertTitleBg5 {background:url(../images/kqmrTitleBg.png) no-repeat;}
.expertTitleBg6 {background:url(../images/mfyzTitleBg.png) no-repeat;}
.exportList1 .exportList_container{padding-top:40px;}
.exportList1 ul {width:96%;margin:0 auto;padding-bottom:40px;}
.exportList1 ul li {width:49%;float:left;height:190px; background-color:#ececec;margin-top:36px;margin-bottom:6px;}
.exportList1 ul li:nth-child(2n){float:right;}
.exportList1 ul li a {display:block;width:100%;height:100%;}
.exports_img {position:absolute;bottom:0;left:0;width:184px;height:184px;}
.guoqi {position:absolute;right:14px;top:0;display:block;width:27px;height:19px;}
.plus {position:absolute;right:14px;bottom:13px;display:block;width:16px;height:16px;}
.export_wenzi {right:5%;top:23%;width:152px;height:106px;}
.exports_img img {width:100%;height:100%;float:left;}
.exportList2 h3 {width:100%;font-size:36px;font-weight:500;text-align:center;color:#2e3642;line-height:110px;}
.tyzj_list {width:616px;height:396px; background:url(../images/tyzj_bg.jpg) no-repeat center;margin:0 auto 42px;}
.tyzj_list_container {width:579px;height:358px; background-color:#FFF;margin:19px;float:left;display:inline;}
.tyzj_list_container .aside {width:288px;height:358px;}
.tyzj_list_container .bside {width:291px;height:358px;}
.tyzj_flag {right:24px;top:0;width:50px;height:33px;}
.tyzj_list_container .bside h4 {width:255px;font-size:36px;line-height:45px;color:#2e3642;font-weight:500;margin:38px 0 0 20px;}
.tyzj_list_container .bside h5 {width:255px;font-size:24px;line-height:36px;color:#2e3642;font-weight:500;margin:0 0 0 20px;}
.tyzj_list_container .bside h6 {width:255px;font-size:18px;line-height:24px;color:#2e3642;font-weight:500;margin:5px 0 10px 20px;}
.zuozhenDate {width:255px;font-size:24px;color:#2e3642;margin:5px 0 0 20px}
.zuozhenDate span,.zuozhenDate em {display:inline-block;float:left;line-height:32px;}
.zuozhenDate span {width:32px;height:32px; background-color:#716bbe;text-align:center;color:#fff;margin:0 2px;display:inline;}
.chakan {display:block;width:246px;height:74px;margin-left:22px;margin-top:15px;}
/*鏂囩珷椤礳ss*/
.menuScroll1_lists {width:100%;height:80px;overflow:hidden;border-bottom:4px solid #d6d6d6}
.menuScroll1_lists li {float:left;height:80px;line-height:80px;padding:0 46px;}
.menuScroll1_lists li a {display:block;width:100%;height:100%;color:#2e3642;}
.menuScroll1_lists li a span {display:block;padding:0 10px;height:100%;border:0px;font-size:14px;}
.menuScroll1_lists li.active a span {border-bottom:3px solid #00d0d7;}
.noticeBanner {width:100%;height:50px; background-color:#d70a50; display:none;}
.noticeIcon {width:24px;height:22px; background:url(../images/noticeGif.gif) no-repeat;margin:14px 10px;display:inline;}
#noticeScroll {height:50px;line-height:50px;overflow:hidden;width:92%;float:left;}
#noticeScroll li {width:100%;height:50px;font-size:22px;}
#noticeScroll li a {color:#fff;}
.popup{display:none;}
.mashangtuibian {display:block;width:97%;margin:50px auto 80px;}
.gukeguanzhu {width:100%;margin-top:80px;}
.gukeguanzhuSwitchs {width:100%;height:82px;line-height:80px;}
.gukeguanzhuSwitchs a {display:block;width:50%;height:100%;float:left;color:#6d6d6d;font-size:30px;text-align:center;text-decoration:none;border-bottom:2px solid #dddddd; background-color:#f1f1f1;}
.gukeguanzhuSwitchs a:first-child span {display:block;width:100%;border-right:2px solid #dddddd}
.gukeguanzhuSwitchs a.active {border-bottom:none;border-top:2px solid #dddddd; background-color:#ffffff;}
.gukeguanzhu_lists {width:93%;}
.gukeguanzhu_list {width:100%;margin:0 auto;}
.gukeguanzhu_container {padding:50px 0}
.gukeguanzhu_list1 li {width:100%;height:94px;line-height:94px;border-bottom:2px solid #f1ebeb;}
.gukeguanzhu_list1 li a {display:block;width:100%;height:100%;color:#6d6d6d;font-size:26px;text-decoration:none;}
.gukeguanzhu_list1 li a:hover { background-color:#f6f6f6;}
.gukeguanzhu_list1 li a em,.gukeguanzhu_list1 li a span {display:block;float:left;}
.gukeguanzhu_list1 li a em {width:31px;height:31px;line-height:31px;text-align:center; background-color:#cfcfcf;color:#fff;font-size:22px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;margin:31px 17px 0 17px;display:inline;}
.gukeguanzhu_list2 li {width:47%;/*height:142px;*/float:left; background-color:#362e2b;margin-bottom:28px;}
.gukeguanzhu_list2 li:nth-child(2n+1){float:right;}
.jqhd_lists {width:100%;padding:64px 0; background-color:#f1ebeb;}
.jqhd_list {width:93%;margin:0 auto;border:1px solid #d7d1d1; background-color:#FFF;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;}
.jqhd_flag {width:166px;height:40px;margin:22px;}
.jqhd_banner {width:95%;margin:0 auto 16px;}
.jqhd_banner a {display:block;width:100%;height:100%;position:relative;}
.jqhd_banner a img {float:left;width:100%;height:auto;}
.jqhd_title {left:0;bottom:0;z-index:10;width:100%;height:90px; background-color:rgba(0,0,0,.5);}
.jqhd_title h3 {font-size:28px;color:#fff;line-height:52px;font-weight:500;padding-left:20px;}
.jqhd_title h4 {font-size:22px;color:#fff;line-height:26px;font-weight:500;padding-left:20px;}
.jqhd_list ul {width:100%;}
.jqhd_list li {width:100%;border-top:1px solid #d7d1d1;padding:22px 12px 22px 24px;}
.jqhd_list li a {display:block;width:100%;height:100%;}
.jqhd_list li h4 {width:70%;font-size:28px;line-height:46px;color:#6d6d6d;font-weight:500;float:left;}
.hd_pic {width:107px;height:107px;}

/*鏂囩珷鍒楄〃*/
.list_arcticle {width:93%;margin:16px auto;}
.list_arcticle h3 {width:100%;font-size:36px;line-height:80px;font-weight:500;}
.list_arcticle ul,.list_arcticle ul li {width:100%;}
.list_arcticle ul li {height:94px;line-height:94px;border-bottom:2px solid #f1ebeb}
.list_arcticle ul li a { color: #6d6d6d;
    display: block;
    font-size: 26px;
    height: 100%;
    text-decoration: none;
    width: 100%;}
.list_arcticle ul li a:hover { background-color:#f6f6f6;}
.list_arcticle ul li a em,.list_arcticle ul li a span {display:inline-block;float:left;}
.list_arcticle ul li a em {background-color: #cfcfcf;
    border-radius: 50%;
    color: #fff;
    display: inline;
    font-size: 22px;
    height: 31px;
    line-height: 31px;
    margin: 31px 17px 0;
    text-align: center;
    width: 31px;}
#page {width:100%;height:74px;line-height:74px;font-size:30px;text-align:center;margin:42px auto;}
#page a {display:inline-block;color:#fff;text-align:center;margin:0 18px 0 0;}
#page a:last-child{margin-right:0;}
.page_pre,.page_next {width:150px;height:74px; background-color:#a9a9a9;-moz-border-radius:37px;-webkit-border-radius:37px;border-radius:37px;}
.page_num {width:74px;height:74px; background-color:#cfcfcf;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.page_current { background-color:#d70a50}

/*文章页内容css样式*/
.arcticleBody {width:94%;margin:0 auto;font-size:26px;}
	.txtStyle {width:100%;font-size:26px;line-height:40px;padding:10px 20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;margin-bottom:18px;}
	.txtStyle1 {border:3px solid #716bbe;}
	.txtStyle2 {border:3px solid #003567;}
	.txtStyle3 {border:3px solid #d70a50;}
	.txtStyle4 {border:3px solid #ff6005;}
	.txtStyle5 {border:3px solid #2e3642;}
	.txtStyle6 {border:3px solid #673653;}
	.txtStyle7 {border:3px solid #e0606c;}
	.txtLink {width:100%;text-align:center;font-size:29px;line-height:50px;margin:10px 0;}
	.txtLink a {display:inline-block;padding:0 10px;color:#fff;text-decoration:none; background-color:#ff6005;}
	.arcTitle {height:64px;line-height:64px;/*padding:30px 0;*/}
	.arcTitle h4 {float:left;padding:0 20px;line-height:64px;font-size:40px;color:#fff;position:relative;}
	.arcTitle h4:after {content:'';position:absolute;width:86%;height:24px;left:7%;top:30px;-moz-box-shadow:0 0 4px 12px rgba(126,126,126,.7);-webkit-box-shadow:0 0 4px 12px rgba(126,126,126,.7);box-shadow:0 0 4px  12px rgba(126,126,126,.7);z-index:-1;-moz-transform:rotate(2deg);-ms-transform:rotate(2deg);-o-transform:rotate(2deg);-webkit-transform:rotate(2deg);transform:rotate(2deg);}
	.arcTitle1 h4 { background-color:#716bbe;}
	.arcTitle2 h4 { background-color:#003567;}
	.arcTitle3 h4 { background-color:#d70a50;}
	.arcTitle4 h4 { background-color:#ff6005;}
	.arcTitle5 h4 { background-color:#2e3642;}
	.arcTitle6 h4 { background-color:#673653;}
	.arcTitle7 h4{ background-color:#e0606c;}
.qiao-icon-sector-inner{ display:none}



/*项目页*/
.xm_last{margin:0 auto;padding-top:60px;width:310px;overflow:hidden;}
.xm_last a{display:inline-block;margin-left:16px;width:90px;height:90px;text-align:center;border:2px solid #4bcec9;border-top:1px solid #e9e9e9;border-radius:50%;font-size:14px; overflow:hidden;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.xm_last a:first-child{margin-left:0;}
.xm_last a div{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);margin:0 auto;padding-top: 25px;width: 110px;}
.xm_last a p{color:#8c8c8c;}
.xm_last a span{}
.xm_zx{width:243px; height:70px;background:url(../images/xm_zx_bg.png) no-repeat top;background-size:243px 70px;text-align:center;color:#fff;margin:25px auto;padding-top: 5px;}
.xm_zx h3{font-size: 18px;}
.xm_zx p{font-size: 15px;}
.xm_btn{font-size:18px;background:#feb300;margin:20px auto;width:80%;text-align:center;color:#fff;height:60px;line-height:20px;  padding-top: 7px;}
.xm_btn_go{line-height:45px;}
















.pop_title span{font-size:0.36rem;}
.menuNavs ul li{font-size:0.30rem;}
.menuList h4{font-size:0.30rem;}
.menuList .links a{font-size:0.20rem;}




@charset "utf-8";*{margin:0;padding:0;}
.lim_m_rm { display: none!important; }
body{margin:0 auto !important;max-width:640px;min-width:320px;background: #fff !important;overflow-x: hidden;}

body,button,input,select,textarea{color:#505050;font:14px/1.5 Microsoft Yahei;}
h1,h2,h3,h4,h5,h6{text-align:center;font-size:100%;}
li,ol,ul{list-style:none;}
a{outline:0;color:#2a2a2a;text-decoration:none;}
a:hover{color:#2a2a2a;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{outline:0;font-size:100%;}
textarea{resize:none;}
img{width:100%;vertical-align:top;}
#QIAO_INVITE_CONTAINER{display: none!important;}
article,aside,footer,header,hgroup,nav,section{display:block;}
h2{color:#303132;text-align:center;}
.clear,.clearfix{ zoom:1; }
.cb{clear:both;}
.clear:after,.clearfix:after{content:' ';display:block;clear:both;height:0;visibility:hidden; }
.arcArrow{width:auto;}
.over{overflow:hidden;}
.fr{float:right;}
.fl{float:left;}
.wrapper{margin:0 auto;width:320px;}
.posa{position:relative;}
.mr10{margin:0 10px;}


.top_tips{position:fixed;top:-50px;z-index:999;width:100%;height:50px;line-height:50px;max-width:640px;background:#fff;color:#333;box-shadow:0 0 10px rgba(10,2,4,.75);}
.top_tips img { float: left; border-radius: 5px; }
.top_tips ul { float: left; }
.top_tips ul li { height: 20px; line-height: 20px; font-size: 12px !important;}
.top_tips ul li:nth-child(1) { margin-top: 5px; }

@media screen and (max-width:414px){
	.top_tips{ font-size:16px; }
}
@media screen and (max-width:375px){
	.top_tips{ font-size:14px; }
}
@media screen and (max-width:320px){
	.top_tips{ font-size:12px; }
}

@media screen and (max-width: 640px) and (min-width:320px){
	.tanchuang_bb dl dd a{font-size: 14px}
}﻿body {position: relative;height: 100%;margin: 0;padding: 0;font-size:12px;color:#000;background:none;font-family:"Microsoft YaHei",helvetica;}
.swiper-container{width:100%;margin:0 auto;position:relative;/*overflow:hidden;*/z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:1/*opacity:.8*/; margin-left:6px}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.swiper-pagination-bullet-active{opacity:1;background:#007aff}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}
.swiper-container-horizontal>.swiper-pagination{bottom:0px;left:0;width:100%}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px;}
.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}
.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px)}
.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}
.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}
.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}
@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}@charset "UTF-8";
body{max-width: 750px;}
.over{overflow:hidden;}
.fr{float:right;}
.fl{float:left;}
img{width: 100%;height:auto;}
.index_content {margin: 0 auto; height: auto; max-width:750px;min-width:320px;overflow-x: hidden;}
.item1{font-size:18px;}
.clear{clear: both; height:1px;}
.mr3{margin:0 3%;}
/* banner 轮播切换 star */
.index_head{position:relative;}
.index_head a{display:block;}
.index_head .navBtn{width: 14%; position:absolute; left: 0; top: 0;}
.index_head .zixun{width: 14%; position:absolute; right: 0; top: 0;}
#banner{position: relative;}
#banner .hd{position: absolute;width: 100%;text-align: center;bottom: 1.6%;left: 0;}
#banner .hd li{width: 0.15rem;height: 0.15rem;border:1px solid #fff;border-radius: 50%;display: inline-block;margin:0 3px;}
#banner .hd li.on{background: #9e5fd4;border-color:#9e5fd4; }


/*
新首页20180119*/
.hotjp{background-color: #fff; padding: 2% 0 1% 1%;}
.hotjp .hotjp_tt{padding: 2% 3% 2% 2%;}
.hotjp .hotjp_tt .fl{font-size: 0.28rem;color: #000;height: 0.36rem;line-height: 0.36rem;}
.hotjp .hotjp_tt .fl i{display: inline-block;width: 0.34rem;margin: 0 0.1rem;vertical-align: middle;}
.jpList{ width:93.75%; margin:0 auto; height:3.2rem; padding-top: 0.22rem;}
.jpList .swiper-slide {text-align: center;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: top;
    align-items: top;}
.jpList .swiper-slide a{width: 1.6rem;}
.jpList .swiper-slide span{ margin:0 auto; display:block; width:1.36rem;position: relative;}
.jpList .swiper-slide span i{position: absolute;right: 0.1rem;top: -0.14rem;width: 0.43rem;font-style:normal;}
/*.jpList .swiper-slide span i.ico2{height:0.29rem;background:url("../images/jphot_ico.png") no-repeat;background-size:cover;font-size: 0.16rem;line-height: 0.23rem;color: #fff;text-align: center;}*/
.jpList .swiper-slide span i.ico2 img{height:0.36rem; width:auto}
.jpList .swiper-slide strong{ padding-top:0.05rem; display:block; color:#515151; height:0.3rem; line-height:0.3rem; font-size:0.18rem;font-weight: normal;}
.jpList .swiper-slide em{ margin:0 auto;  display:block; line-height:0.22rem; font-size:0.21rem; color:#ea1542; font-style:normal}
.jpList .swiper-slide sup{margin:4% auto 0;  display:block; line-height:0.34rem; font-size:0.21rem; color:#ea1542; font-style:normal; width:0.78rem; border-radius:0.2rem; border:1px solid #fe628a;}
.index_hot_c{overflow: hidden;padding:3%;background: #edebf1; margin-top: 2%;}
.index_hot_c .index_hot_tit{font-size: 0.28rem; color:#000000; line-height: 1.5; margin-bottom: 3%;}
.index_hot_con{background:#fff; border-radius: 0.16rem; overflow:hidden; padding: 2%; height: 1.23rem;}
.tg_scroll1 { width: 100%; height: 1.3rem; overflow: hidden; position:relative;}
.tg_scroll1 .tg_hd{width: 0.6rem; overflow:hidden; text-align: center; height:0.3rem; line-height: 0.3rem;  position:absolute; right: 0; bottom: 2%; background:#edebf1; border-radius: 0.15rem; color:#666; font-size: 0.16rem}
.tg_scroll1 .tg_hd li{ width: 100%;text-align: center; display:none;}
.tg_scroll1 .tg_hd li.on{display:block;}
.tg_scroll1 .tg_hd li.on span{color:#9e5fd4;}
.index_hot_c .tg_scroll1 ol li {overflow:hidden; line-height:1.6; padding:0.1% 0 2% 0;}
.index_hot_c .tg_scroll1 ol li a{font-size: 0.24rem; color:#e91c0f;}
.index_hot_c .tg_scroll1 ol li a span{color:#ea1542; padding:0 1%; border: 1px solid #ea1542; border-radius:4px; font-size: 0.18rem; margin-right:2.5%;}
.index_hot_c .tg_scroll1 ol li dl dt{width: 26%;}
.index_hot_c .tg_scroll1 ol li dl dd{width: 71%; line-height: 1.5; padding-top: 3%;}
.index_hot_c .tg_scroll1 ol li dl dd p{color:#000000; font-size: 0.28rem;}
.note-c-t{ float:right; width: 32.5%;  text-align:right; margin-top:7%; color:#828282}

.note-c-t img{ width:30% !important; vertical-align:middle; display: inline-block}
.note-c-t li img:nth-child(2){ display: none}
.note-c-t li i{ font-style: normal}
.case_box ul.note-c-t li{float: left; width: 49%; font-size: 0.21rem; padding:0;}
.note-c-t li.active{ color:#b292d2}
.note-c-t li.active img:nth-child(1){ display: none}
.note-c-t li.active img:nth-child(2){ display: inline-block;
    -webkit-animation:Indexbounce 2s .2s ease both;
    animation:Indexbounce 2s .2s ease both;
    -moz-animation:Indexbounce 2s .2s ease both;
    -o-animation:Indexbounce 2s .2s ease both;
    -ms-animation:Indexbounce 2s .2s ease both;
}


/**首页精品**/

.jpList1{ width:95%; height:3.4rem; overflow:initial; margin: 0;}
.swiper-main{width:100%;margin:auto;  overflow:hidden;}


.jpList1 .swiper-slide .daa{width: 2.1rem;height:3.2rem; position: relative; }
.jpList1 .swiper-slide span{ display:block; width:90%;position: relative;}
.jpList1 .swiper-slide span i{position:absolute; display:block; width: 0.57rem; right: 3%; top: 0;}
.jpList1 .swiper-slide strong{ padding-top:0.1rem; display:block; color:#000000; line-height:0.25rem; font-size:0.22rem;font-weight: normal;}
.jpList1 .swiper-slide strong font{font-size: 0.2rem; color:#666;line-height:20px}
.jpList1 .swiper-slide strong .index_q{display:inline-block; width: 0.31rem;
    -webkit-animation:Indexbounce 2s .2s ease both infinite;
    animation:Indexbounce 2s .2s ease both infinite;
    -moz-animation:Indexbounce 2s .2s ease both infinite;
    -o-animation:Indexbounce 2s .2s ease both infinite;
    -ms-animation:Indexbounce 2s .2s ease both infinite;}
.jpList1 .swiper-slide em{ text-align:left; display:block; line-height:0.22rem; font-size:0.18rem; color:#e91c0f; font-style:normal; margin-top: 0.2rem;}
.jpList1 .swiper-slide em i{font-style: normal; text-decoration: line-through; font-size:0.18rem; color:#888;}
.jpList1 .swiper-slide em b{font-size: 0.3rem;font-weight: normal;}

@-webkit-keyframes Indexbounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    70% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -5px, 0);
        transform:translate3d(0, -5px, 0)
    }
    90% {
        -webkit-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}
@keyframes Indexbounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        -ms-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -10px, 0);
        -ms-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    70% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -5px, 0);
        -ms-transform:translate3d(0, -5px, 0);
        transform:translate3d(0, -5px, 0)
    }
    90% {
        -webkit-transform:translate3d(0, -4px, 0);
        -ms-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}




.carousel-indicators .active{background-color:#f00;}
.carousel-indicators{bottom:6px}
#demob{margin:6px 0;}
#demob img{border-radius:10px;}
#demob .carousel-item{padding:0 6px;}
.carousel-control-next, .carousel-control-prev{opacity:0;}
.brand .col-6{padding:0;}
.brand .col-6 img{padding:3%; border-radius:16px;}