@charset "utf-8";
/*公共头部--01*/
.ui-header{ position:relative;position:fixed; z-index:101; height:auto;min-width: 320px;max-width: 720px; margin:0 auto; background-color:#fff; color:#fff; height:1rem;margin:auto; left:0; right:0; top:0;box-sizing:border-box;}
.ui-header-left{ position:absolute; top:0; left:0; width:3.19rem;margin-left:0.2rem;}
.ui-header-left2{ position:absolute; top:0; left:0;width:0.21rem;margin-left:0.29rem;}
.ui-header-right{top:0;  right:0;margin-right:0.2rem;position:absolute;width:0.63rem; }
.ui-header-ico-home{ background:url(../img/img/logo.png) no-repeat center; height:1rem;background-size:100% auto; display:block }
.ui-header-ico-menu2{ background:url(../img/img/mumen.png) no-repeat center;height:1rem; background-size:100% auto; display:block}
.ui-header-ico-back{ background:url(../img/sorrw_back.png) no-repeat center;height:1rem; background-size:100% auto; display:block}
.ui-header p{ position:relative; text-align:center; font-size:0.35rem; color:#fff; line-height:1rem; z-index:-9}
/**************************banner*****************************/
.main_visual {position: relative;z-index: 23;min-width: 320px;max-width: 720px; margin:0 auto; padding-top:1rem}
.main_image {width: 100%;height: 100%;overflow: hidden;margin: 0 auto;position: relative}
.main_image ul {width: 9999px;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0}
.main_image li {float: left;width: 100%;height: 100%;}
.main_image li span {display: block;width: 100%;height: 100%}
.main_image li img {display: block;overflow: hidden;width: 100%;max-height:3.2rem;}
.main_image li a {display: block;width: 100%;height: 100%}
div.flicking_con {overflow: hidden;text-align: center;position: absolute;bottom:0.2rem;left: 45%;z-index: 11;}
div.flicking_con li {float: left;height:0.1rem;width:0.1rem;margin: 0 4px;display: inline-block; background-color:#f8ebc3; border-radius:50%}
div.flicking_con li.on { background-color:#f9c700}
/**************************首页栏目图标*****************************/
.index_nav{ width:100%; height:auto; overflow:hidden; padding:0.25rem 0px 0.45rem;}
.index_nav ul li{ width:25%; float:left;position:relative}
.index_nav ul li a .pic{ width:1.33rem; height:1.33rem; text-align:center; margin:0 auto; overflow: hidden}
.index_nav ul li a .pic img{width:1.33rem; height:1.33rem;}
.index_nav ul li a p{ font-weight:bold; text-align:center; font-size:0.24rem; color:#070505; bottom:-0.15rem; left:0px; position:absolute; right:0px; margin:0 auto}
.kong_ge{ width:100%; height:0.2rem; background-color:#f0f0f0; overflow:hidden}
/**************************康洁荣誉*****************************/
.index_rongyubox{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.index_rongyuboxtitle{ width:100%; height:0.85rem; overflow:hidden; line-height:0.85rem;color:#333;}
.index_rongyuboxtitle span{ display:block; font-weight:bold; font-size:0.3rem;float:left; padding-left:0.2rem}
.index_rongyuboxtitle a{ display:block; float:right; font-size:0.16rem; padding-right:0.2rem}
.index_rongyuboxcon{ width:100%; height:auto; overflow:hidden}
.index_rongyuboxcon ul li{ width:3.33rem; height:auto; float:left; overflow:hidden; margin:0px 0.135rem; padding-bottom:0.3rem}
.index_rongyuboxcon ul li .pic{ width:3.33rem; height:2.5rem; margin:0 auto 0.12rem; text-align:center; overflow:hidden}
.index_rongyuboxcon ul li .pic img{ width:100%;}
.index_rongyuboxcon ul li  p{ font-size:0.22rem; color:#333; text-align:center;}
/**************************康洁问题解决*****************************/
.problem_bg{ padding:0.25rem 0px 0.25rem; overflow:hidden}
.problem_box{height:auto; overflow:hidden; padding:0rem 0.2rem 0.3rem;}
.problem_box ul li{ width:100%;line-height:0.6rem; overflow:hidden; float:left; border-bottom:1px dashed #c0c0c0;font-weight:bold; font-size:0.22rem; background:url(../img/img/problem_coin1.png) no-repeat left center; padding-left:0.35rem}
.sigle_bg{ width:100%; height:0.8rem; background-color:#333; text-align:center; font-size:0.3rem; color:#fff; line-height:0.8rem}
.problem_conttitle{ font-size:0.3rem; font-weight:bold; color:#333;padding-left:0.2rem; line-height:0.6rem}
.problem_cont{ padding:0px 0.2rem 0px; overflow:hidden;}
.problem_cont ul li{ width:100%;border-bottom:1px dashed #c0c0c0; float:left; overflow:hidden; padding:0.15rem 0px 0.2rem; }
.problem_cont ul li p.p1{  background:url(../img/img/problem_coin2.png) no-repeat left center; font-weight:bold; font-size:0.24rem; color:#333; padding-left:0.2rem; line-height:0.4rem}
.problem_cont ul li p.p2{font-size:0.22rem; color:#333; padding-left:0.2rem; line-height:0.35rem;}
.problem_cont ul li p.p2 span{ font-weight:bold}
/**************************康洁产品分类*****************************/
.index_product{ width:100%; height:auto; overflow:hidden; text-align:center; padding-bottom:0.25rem}
.index_product ul li{ width:25%; float:left; height:auto; overflow:hidden; margin-bottom:0.2rem;}
.index_product ul li a .pic{ width:1.15rem; height:1.15rem; overflow:hidden; margin:0 auto; background:url(../img/img/pro_navbgc.png) no-repeat top center; background-size:100% auto}
.index_product ul li a .pic img{width:0.38rem; float:left; margin-left:0.35rem; margin-top:0.28rem;}
.index_product ul li a p{ font-size:0.24rem; font-weight:bold; color:#333}
.index_product ul li:hover a .pic{background:url(../img/img/pro_navbgc.png) no-repeat top center;background-size:100% auto}
/**************************3大理由*****************************/
.index_resontitle{ font-size:0.3rem; font-weight:bold; text-align:center; font-weight:bold}
.index_resontitle i{ font-size:0.52rem;}
.index_resoncon{ padding:0.24rem  0.2rem 0px; overflow:hidden;}
.index_resoncon ul li{ width:100%; float:left; margin-bottom:0.18rem; overflow:hidden}
.index_resoncon ul li .picleft{ width:0.49rem; height:0.48rem; float:left; overflow:hidden; font-family:Arial; color:#fff; font-weight:bold; font-size:0.28rem; line-height:0.48rem; text-align:center}
.index_resoncon ul li .picleft.picbg1{ background:url(../img/img/reson_coin1.png) no-repeat center; background-size:100%}
.index_resoncon ul li .picleft.picbg2{ background:url(../img/img/reson_coin2.png) no-repeat center; background-size:100%}
.index_resoncon ul li .picleft.picbg3{ background:url(../img/img/reson_coin3.png) no-repeat center; background-size:100%}
.index_resoncon ul li .picright{ width:6rem;float:left; overflow:hidden; margin-left:0.12rem;}
.index_resoncon ul li .picright p.p1{ font-size:0.26rem; font-weight:bold; color:#333; line-height:0.42rem; padding-bottom:0.1rem}
.index_resoncon ul li .picright p.p2{ font-size:0.20rem;color:#070505; line-height:0.35rem}
/**************************资讯列表*****************************/
.index_newscon{ width:100%; height:auto; overflow:hidden; padding-bottom:0.2rem}
.index_newscon ul li{ margin:0px 0.2rem 0.3rem; float:left; overflow:hidden; width:6.8rem;}
.index_newscon ul li a .pic{height:3.33rem; margin:0 auto 0.15rem; text-align:center; overflow:hidden}
.index_newscon ul li a .pic img{ width:100%;}
.index_newscon ul li a p.p1{ font-size:0.22rem; font-weight:bold; color:#070505; line-height:0.35rem; padding-bottom:0.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.index_newscon ul li a p.p2{ font-size:0.2rem; color:#666; line-height:0.33rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/*首页案例*/
.index_casebg{ width:100%; height:auto; overflow:hidden; background-color:#f1f1f1; padding:0.3rem 0px;}
.index_casetitle{ width:100%; height:auto; overflow:hidden; line-height:0.4rem}
.index_casetitle span{ float:left; display:inline-block; padding-left:0.2rem; font-size:0.3rem; font-weight:bold;}
.index_casetitle a{ display:inline-block; float:right; padding-right:0.2rem; font-size:0.18rem; color:#333}
.index_casecon{ width:100%; height:4.5rem;  padding:0rem 0px 0rem; position:relative; margin-top:0.25rem}
.index_casecon ul.one{ margin:0px 0.2rem ;}
.index_casecon ul.one li{width: 1.6rem;height:1.6rem;float: left;cursor: pointer;position: relative;}
.index_casecon ul.one li .kuang{position: absolute;width: 1.14rem;height: 1.14rem;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg); background-color:#fff;margin-top:0.25rem;margin-left:0.25rem;box-shadow: 0 6px 8px rgba(0, 0, 0, 0.06);}
.index_casecon ul.one li .text1{width: 1.6rem;height:1.6rem;text-align:center;z-index: 3;position: absolute;left:0.02rem;top:0.02rem;}
.index_casecon ul.one li .text1 .bg{width: 1.6rem;height:1.6rem;transition: all 0.5s;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.index_casecon ul.one li{ margin-right:0.15rem}
.index_casecon ul.one li:hover .text1 .bg{-webkit-filter: none;filter: none;transform: scale(1.1);}
.index_casecon ul.one.one1{position:absolute; top:0rem; left:1.4rem}
.index_casecon ul.one.one2{position:absolute; top:0.95rem; left:0.53rem}
.index_casecon ul.one.one3{position:absolute; top:1.9rem;left:1.4rem}
.index_casecon ul.one.one4{position:absolute; top:2.85rem; left:0.53rem}
/*首页底部*/
.foot_bg{ width:100%; height:auto; overflow:hidden; background-color:#161314; padding:0.26rem 0px;}
.foot_con{ padding:0px 0.2rem; overflow:hidden;}
.foot_con p.p1{ font-size:0.22rem; color:#fff; line-height:0.42rem;}
.foot_con p.p1 i{ font-weight:bold; font-size:0.26rem}

/*关于我们内页*/
.class_abouttitle{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:0.3rem; font-weight:bold; padding:0.38rem 0px 0.15rem;}
/*企业文化内页*/
.class_culturebg{ width:100%; height:auto; overflow:hidden; background-color:#f0f0f0; padding:0.1rem 0px 0.25rem;}
/*康洁荣誉内页*/
.slide_container{position: relative;width:90%; margin:0.2rem auto 0.65rem;}
.rslides{position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li{-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0; text-align:center}
.rslides li:first-child{position: relative;display: block;float: left;}
.rslides img{display: block;height: auto;border: 0;}
.slide_img{position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0; background-color:#3f3f41; text-align:center}
.slide_img li{position: absolute;width: 100%; left:0; right:0px; margin:0 auto;top: 0; text-align:center}
.slide_img li a{ display:block; float:left}
.slide_img img{display: block;position: relative;z-index: 1;height: auto;border: 0; margin:0 auto; height:3.7rem;}
.slide_img_nav{position: absolute;top: 50%;left: 0;z-index: 3;text-indent: -9999px;overflow: hidden;height:1.27rem;width:0.49rem; background:url(../img/sheying_butonleft.png) no-repeat top;margin-top: -45px; background-size:100%}
.slide_img_nav:active{opacity: 1.0;}
.slide_img_nav.next{left: auto; background:url(../img/sheying_butonring.png) no-repeat top;right: 0;background-size:100%}
.slide_img .caption{display: block;position: absolute;z-index: 2;text-shadow: none;color: #fff;background: #000;background: rgba(0,0,0, .6);left: 0;right: 0;bottom: 0;padding: 10px 20px;margin: 0;max-width: none;}
.slide_img .caption p.p1{ font-size:0.26rem; line-height:0.42rem; text-align:left}
.slide_img .caption p.p2{ font-size:0.20rem; line-height:0.30rem; text-align:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/**************************公司团队展示 轮播*****************************/
.section-focus-pic{margin:0.4rem auto ;height:4.4rem;width:6.6rem;overflow:hidden;position:relative;}
.section-focus-pictt{ width:2.67rem; height:0.76rem; background:url(../img/topbanner_title.png) no-repeat; z-index:9; background-size:100% auto; position:absolute; left:0px; top:0px;}
.section-focus-pictt a{ color:#fff; font-size:0.28rem; line-height:0.76rem; padding-left:0.18rem; display:inline-block; position:absolute}
.section-focus-pic ul li{position:absolute;top:0;left:6.6rem;width:6.6rem;height:4.4rem; text-align:center}
.section-focus-pic ul li h3{position:absolute;bottom:0px;left:0;font-weight:normal;z-index: 111;font-size:0.26rem; width:100%}
.section-focus-pic ul li h3 {color:#FFF; display:inline-block;margin-left:0.27rem; line-height:0.6rem;}
.section-focus-pic ul li div{position:absolute;bottom:0;left:0;height:0.6rem;background-color:#000;width:6.6rem;opacity: 0.6;filter: alpha(opacity=60);}
.section-focus-pic ul li img{ max-width:100%;height:4.4rem;}
.section-focus-pic .pages{width:6.6rem;height:4.4rem;}
.section-focus-pic .controler{position:absolute;bottom:0.2rem;right:0.2rem;}
.section-focus-pic .controler b{cursor:pointer;width:0.16rem;height:0.14rem;display:block;overflow:hidden;text-indent:0.2rem; background:url(../img/topbanner_cur.png) no-repeat; float:left;margin:0 0 0 5px; background-size:100%;}
.section-focus-pic .controler b.down{ background:url(../img/topbanner_curcur.png) no-repeat; background-size:100%}
.section-focus-pic .controler2 a{display:block;position:absolute;top:35%;width:0.49rem;height:1.27rem;}
.section-focus-pic .controler2 a i{cursor:pointer;display:block;width:0.32rem;height:0.6rem;}
.section-focus-pic .controler2 .prev{left:0px;}
.section-focus-pic .controler2 .prev i{ background:url(../img/img/left2.png) no-repeat; background-size:100%;}
.section-focus-pic .controler2 .next{right:0px;}
.section-focus-pic .controler2 .next i{ background:url(../img/img/right2.png) no-repeat; background-size:100%}
.section-focus_teamnav{ width:67%; height:auto; overflow:hidden; text-align:center; margin:0.25rem auto;}
.section-focus_teamnav a{display: inline-block; float:left;background-color: #333;margin: 0px 0.1rem;padding:0.1rem 0.22rem;font-size:0.16rem;color: #fff;font-weight: bold;border-radius: 20px;}
.section-focus_teamnav a.cur{background-color: #f9c700;color: #070505;}



/*公共底部*/
.bottom-fixed{bottom: 0;position: fixed;text-align: center;width:100%;z-index: 9999;min-width: 320px;max-width: 720px; margin:0 auto;}
.footer {display: block;text-align: center; background-color:#090a0b; overflow:hidden; color:#FFF; height:1rem}
.footer li{float:left; width:25%; padding:0.1rem 0px 0.08rem; overflow:hidden}
.footer li a .footpic{ width:0.53rem; height:0.42rem; text-align:center;margin:0 auto 0.05rem; }
.footer li a .footpic1{background:url(../img/foot_con1.png) no-repeat center;background-size:81% auto}
.footer li a .footpic2{ background:url(../img/foot_con2.png) no-repeat center; background-size:100% auto}
.footer li a .footpic3{background:url(../img/foot_coin3.png) no-repeat center;background-size:75% auto}
.footer li a .footpic4{background:url(../img/foot_coin4.png) no-repeat center;background-size:66% auto}
.footer li a p{color:#fff; text-align:center; line-height:0.35rem; font-size:0.24rem}




/************************** 内页*****************************/
.main{width:100%;margin:0 auto;overflow: hidden;line-height:0.28rem;}
.news_pptbg{ width:100%; height:auto; overflow:hidden; padding-bottom:0.3rem; min-height:5.5rem}
.nei{margin:0px auto 0.2rem;width: 96%;}
.nei_name{font-weight: normal; background-color:#f4f4f4;height:0.75rem;line-height:0.75rem; padding-left:0.2rem;color:#000; font-size:0.28rem}
.nei_name>span{color:#d4d4d4;font-family: Arial; text-transform:uppercase; font-size:0.13rem}
.cont{ padding:0.2rem 0px 0rem; line-height:0.4rem; font-size:0.25rem; color:#333; min-height:5.5rem}
ul.Sort1 > li.s1>a{ background:url(../img/down.png) no-repeat 95% 50% ;background-size:16px 8px;}
ul.Sort1 > li.s2>a{background:url(../img/up.png)no-repeat 95% 50%;background-size:16px 8px; }
ul.Sort1 > li.s2{ border-bottom: 1px solid #ebebeb;}
ul.Sort1 > li > a{ color:#000; padding-left:4%; display:block; font-family:Microsoft YaHei}

ul.Sort2{ margin:0 0.09rem 0.04rem; overflow:hidden; display:none; background:#FFF; padding:0.1rem 0;}
ul.Sort2 > li{  margin:0.05rem 1%; float:left;display: inline-block;text-align: center; height:0.69rem; overflow:hidden; line-height:0.69rem; background:#f8f8f8; width:31%; font-size:0.85em}
ul.Sort2 > li > a{ color:#333;display:block; font-weight:bold; font-size:0.25rem}
ul.Sort2 > li > a.a1{ color:#fff; background-color:#f9c700}

ul.Sort3 > li.s3>a{ background:url(../img/down.png) no-repeat 95% 50% ;background-size:16px 8px;}
ul.Sort3 > li.s4>a{background:url(../img/up.png)no-repeat 95% 50%;background-size:16px 8px; }
ul.Sort3 > li.s4{ border-bottom: 1px solid #ebebeb;}
ul.Sort3 > li > a{ color:#000; padding-left:4%; display:block; font-family:Microsoft YaHei}

ul.Sort4{ margin:0 0.09rem 0.04rem; overflow:hidden; display:none; background:#FFF; padding:0.1rem 0;}
ul.Sort4 > li{  margin:0.05rem 1%;font-size:0.25rem; text-align: center; height:0.69rem; line-height:0.69rem; font-size:0.85em; overflow:hidden; float:left; display:inline-block}
ul.Sort4 > li.li1{ width:31%;background: #f8f8f8; overflow:hidden}
ul.Sort4 > li.li1 > a.a2{ background:#f8f8f8; display:inline-block; line-height:0.69rem; overflow:hidden}
ul.Sort4 > li.li1 > a.a1{ color:#fff; background-color:#000; display:block}
ul.Sort4 > li.li2{ width:13%}
ul.Sort4 > li.li2 >a.pic{ margin:0.05rem 1%; overflow:hidden}
ul.Sort4 > li.li2 >a.a1 img{border:1px solid #000; overflow:hidden; display:inline-block}
ul.Sort4 > li.li2 >a.pic >img{ height:0.6rem}
/*内页产品展示*/
.class_product_list{width:100%; height:auto; overflow:hidden;  padding:0.35rem 0px ;}
.class_product_list ul li{ width:3.4rem; height:4.27rem; margin:0px 0.1rem 0.2rem; float:left; background:url(../img/img/product_bg.png) no-repeat top center; background-size:100%}
.class_product_list ul li a .pic{ width:3.15rem; height:3.35rem; overflow:hidden; text-align:center; margin:0.14rem auto 0px;}
.class_product_list ul li a .pic img{ height:3.35rem}
.class_product_list ul li a p{color: #070505;padding:0.18rem 0.1rem 0px;overflow: hidden;font-size: 0.22rem;text-overflow: ellipsis;white-space: nowrap;}
.class_news_bg{ padding:0.35rem 0px 0px; overflow:hidden}
/*菱形案例样式*/
.process-box{ width:100%; padding-bottom:0.5rem; overflow:hidden}
.process-box ul{width:100%}
.process-box ul li{width: 1.6rem;height:1.6rem;float: left;cursor: pointer;position: relative;}
.process-box ul li .kuang{position: absolute;width: 1.14rem;height: 1.14rem;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg); background-color:#fff;margin-top:0.25rem;margin-left:0.25rem;box-shadow: 0 6px 8px rgba(0, 0, 0, 0.06);}
.process-box ul li .kuang.kuang1{ background-color:#f4f4f4; z-index:-99}
.process-box ul li .text1{ width: 1.6rem;height:1.6rem; text-align:center;z-index: 3; position: absolute; left:0.04rem; top:0.02rem;}
.process-box ul li .text1 .bg{width: 1.6rem;height:1.6rem;transition: all 0.5s;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.process-box ul li{ margin-right:0.15rem; }
.process-box ul.two li{ margin-top: -0.45rem;}
.process-box ul li:hover .text1 .bg{-webkit-filter: none;filter: none;transform: scale(1.3);}
/*内页加入样式*/
.join_title{ width:100%; text-align:center; overflow:hidden; font-size:0.3rem; font-weight:bold; color:#333; padding:0.35rem 0px 0.2rem}
.join_boxtcon{padding:0.2rem 0.1rem 0.35rem; overflow:hidden}
.accordion dd{ background:url(../img/img/join_listbgcr2.jpg) no-repeat top center #fff9e1; background-size:100%}
.accordion dd .txtpal{line-height:0.3rem; padding:0.38rem 0.4rem; font-size:0.24rem; color:#333;}
.accordion {position: relative;}
.accordionTitle{display: block; position:relative;-webkit-transition: background-color 0.5s ease-in-out;transition: background-color 0.5s ease-in-out; height:0.55rem; background:url(../img/img/join_listbg.jpg) no-repeat center;background-size:100%}
.accordionTitle:before{content: "";display: block;height:0.55rem;width:0.48rem; background:url(../img/img/jion_stop.png) no-repeat center;background-size:100%;float:right; display:inline-block;-webkit-transition: -webkit-transform 0.3s ease-in-out;transition: -webkit-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;}
.accordionTitle:hover{}
.accordionTitle span.span1{ display:block; width:30%; float:left; color:#333; font-weight:bold; font-size:0.22rem; line-height:0.52rem; padding-left:3%}
.accordionTitle span.span2{ display:block; width:30%; float:left; font-size:0.22rem; color:#333;line-height:0.52rem}
.accordionTitleActive,.accordionTitle.is-expanded { background:url(../img/img/join_listbg2.jpg) no-repeat center !important;background-size:100%}
.accordionTitleActive:before,.accordionTitle.is-expanded:before {background:url(../img/img/jion_down.png) no-repeat center;background-size:100%}
.accordionItem {height: auto;overflow: hidden;-webkit-transition: max-height 1s;transition: max-height 1s;}
.accordionbottom{ width:100%; height:0.33rem; background:url(../img/img/join_buttonbg.jpg) no-repeat top center;background-size:100%}
.accordionItem.is-collapsed {max-height: 0;}
.no-js .accordionItem.is-collapsed {max-height: auto;}
.animateIn {-webkit-animation: accordionIn 0.45s normal ease-in-out both 1;animation: accordionIn 0.45s normal ease-in-out both 1;}
.animateOut {-webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;animation: accordionOut 0.45s alternate ease-in-out both 1;}
@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}
@keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}

/*联系我们样式*/
.contant_bg{ width:100%; height:3.55rem; margin-top:1rem;    position: relative;}
.contan_right{background-color:#fff; border-radius:6px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.06);}
.contan_right p.p1{ font-size:0.26rem; font-weight:bold;padding:0.35rem 0.25rem 0.24rem; text-align:left}
.contan_right p.p2{ font-size:0.26rem; line-height:0.4rem;text-align:left;font-weight:bold;background:url(../img/img/contan_coin1.png) no-repeat left top; margin:0px 0.25rem 0.27rem; padding-left:0.6rem}
.contan_right p.p3{ font-size:0.26rem; line-height:0.55rem;text-align:left;font-weight:bold;background:url(../img/img/contan_coin2.png) no-repeat left top; margin:0px 0.25rem 0.27rem; padding-left:0.6rem}
.contan_right p.p4{ font-size:0.26rem; line-height:0.55rem;text-align:left;font-weight:bold;background:url(../img/img/contan_coin3.png) no-repeat left top; margin:0px 0.25rem 0.27rem; padding-left:0.6rem}
.contan_right p.p5{ font-size:0.26rem; line-height:0.55rem;text-align:left;font-weight:bold;background:url(../img/img/contan_coin4.png) no-repeat left center; margin:0px 0.25rem ; padding-left:0.6rem; padding-top:0.15rem}
.contan_right .righ_cin{ width:100%; height:0.9rem; background-color:#f9c700; overflow:hidden; border-radius:0px 0px 6px 6px;}
.contant_box_bg{ width:100%; height:auto; overflow:hidden; background-color:#f1f1f1; padding:0rem 0px 0.4rem;}
.contant_ewm{ width:50%; height:auto; overflow:hidden; margin:0.4rem auto}
.contant_ewm .ewmpic{ width:1.24rem; float:left; margin-right:0.4rem; overflow:hidden}
.contant_ewm .ewmpic .pic{ width:1.24rem; height:1.24rem; margin:0 auto 0.15rem; overflow:hidden}
.contant_ewm .ewmpic .pic img{ width:100%}
.contant_ewm .ewmpic p.p1{ font-size:0.2rem; text-align:center; font-weight:bold}
/*新闻详情页*/
/*view*/
.view_title{text-align: center;margin:0.2rem auto 0px;font-size:0.26rem; font-weight:bold; line-height:0.5rem}
.view_date{text-align: right;padding-right:0.2rem;font-size:0.2rem; color:#666; line-height:0.3rem; padding-top:0.1rem}
/*page*/
.page{padding:0.12rem 0;font-size:0.2rem;text-align:center;clear:both; border-top:1px solid #ebebeb; line-height:0.45rem}
.page a{display: block;background: none;border:0;text-align: left;color:#666;padding:0;}
.page a:hover{background: none;border:0;padding:0;color:#e50e17;}
.sure_vbuttom{ width:38%; height:auto; overflow:hidden; padding:2% 0px; background-color:#b92916; color:#fff; text-align:center; left:1%; right:1%; margin:0.2rem auto 0px; display:block; border-radius:4px;}


/*摄影家详情页面*/
.view_sheying_banner{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:1rem}
.view_sheying_geyan{ width:100%; text-align:center; line-height:0.4rem; color:#fff; font-size:0.3rem; margin-top:4.45rem; padding:0.3rem 0px 0.1rem;}
.view_sheying_title{width:100%; text-align:center; line-height:0.4rem; color:#fff; font-size:0.3rem; padding:0.1rem 0px 0.3rem; background:url(../img/sheying_line.jpg) no-repeat bottom center}
.view_sheying_con{ width:92%; height:auto; overflow:hidden; margin:0 auto; padding:0.2rem 0px ; color:#898989; font-size:0.26rem; line-height:0.45rem}
.view_sheying_more{ font-size:0.28rem; color:#333; line-height:0.5rem; padding:0.1rem 0px 0; overflow:hidden; text-align:center}
/*汽车列表页面*/
.class_car_box1{ margin-top:1rem; width:100%; height:auto; overflow:hidden}
/*汽车类页*/
.carview_con_title{ width:100%; height:0.8rem;line-height:0.8rem;  background-color:#f4f4f4; overflow:hidden}
.carview_con_title span{ color:#333; display:inline-block;overflow:hidden; padding-left:0.2rem; font-size:0.29rem; font-weight:bold}
.carview_con_brand{ width:100%; height:auto; overflow:hidden; padding:0.4rem 0px;}
.carview_con_brand ul li{ width:24.7%; border-right:1px solid #dadada; float:left; overflow:hidden}
.carview_con_brand ul li p.p1{ font-size:0.24rem; text-align:center; line-height:0.3rem; color:#000; height:0.5rem}
.carview_con_brand ul li p.p1 img{ width:0.5rem; height:0.5rem;}
.carview_con_brand ul li p.p3{ color:#de0206;font-size:0.26rem; text-align:center; line-height:0.4rem;height:0.5rem; font-weight:bold}
.carview_con_brand ul li p.p2{ font-size:0.26rem; text-align:center; line-height:0.5rem; color:#434343}
.carview_con_navbrand{ width:100%;overflow:hidden; text-align:center; margin:0rem auto 0.2rem;}
.carview_con_navbrand a{ display:block; background-color:#e3e3e3; color:#333; width:18.8%; line-height:0.67rem; font-size:0.26rem;float:left; margin:0px 0.04rem;}
.carview_con_navtitle{ width:100%; border-bottom:1px solid #e3e3e3; line-height:0.8rem; font-weight:bold; color:#000; text-align:center; font-size:0.28rem; margin:0.3rem auto 0px;}
.carview_con_navtitlecon{ padding:0.3rem 0.3rem 0.4rem; overflow:hidden; line-height:0.4rem; color:#000; font-size:0.26rem}


/******************************leftnav****************************/
.inavs{ position:fixed; width:3.24rem; top:0; height:100%; background-color:#333333; z-index:105; padding-left:0.36rem; right:-3.6rem;}
.inavs .inavstop img{ width:0.31rem; padding:0.34rem 0;}
.inavsbot{overflow-y:scroll;overflow-x:hidden}
.inavsbot ul{}
.inavsbot ul li{ height:0.9rem; line-height:0.9rem; border-bottom:1px solid #424242; background:url(../img/cnav_bg.png) no-repeat 90% center;}
.inavsbot ul li a{ display:block;font-size:0.25rem; color:#fff;}
.inavsbot ul li a img{ width:0.24rem; vertical-align:middle; margin-left:1.45rem;transition:all 0.3s ease 0s;}
.inavsbot ul li a img.xla{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);-o-transform:rotate(180deg); }
.inavsbot ul li .xlas{ text-indent:0.3rem; padding:0.1rem 0; display:none;}
.inavsbot ul li .xlas a{ display:block; font-size:0.26rem; color:#c7c7c7; height:0.6rem; line-height:0.6rem;}
/**图片相册**/
.view_pic_tumbom{ width:100%; height:auto; overflow:hidden; margin:1rem auto 0px;}