/*通用样式*/
@font-face{font-family:shuzifont;src:url('../font/shuzifont.ttf');}/*数字统一字体*/
@font-face{font-family:yingwen;src:url('../font/yingwen.ttf');}/*数字统一字体*/
.wrap{ width: 92%; max-width: 1400px; margin: 0 auto;}
body{min-width: 1200px;}/*
.top{height: auto; padding: 30px 0; background: #1e2028 url(../images/top_back.png) repeat-x; background-size: auto 100%;position: relative;z-index: 50;}*/
.top .logo .img{margin-right:20px;}
.top .logo .text{margin-top:20px; color: #fff;}
.top .logo .text b{font-size: 22px; margin-bottom:14px;}
.top .logo .text b span{font-size: 22px;display: inline-block; font-weight: 400; margin-right: 10px; margin-bottom: 14px;}
.top .logo .text .qizi{width: 54px;height: 3px;}
.top .logo .text .qizi i{width: 33.33%;height: 3px;display: block;float: left;background: #fff;}
.top .logo .text .qizi i:nth-of-type(1){background: #dc1117;}
.top .logo .text .qizi i:nth-of-type(2){background: #fff;}
.top .logo .text .qizi i:nth-of-type(3){background: #2c7442;}
.top .logo:hover .text .qizi{width: 80px;}
.top .right .fenxiang{margin-bottom: 2px;}
.top .right .fenxiang a{width: 40px;height: 40px;display: block; color: #fff;  float: right; position: relative;cursor: pointer; padding-left: 0; background: inherit; margin: 0;}
.top .right .fenxiang a i{display: block; text-align: center;line-height: 40px;opacity: 0.5;filter:alpha(opacity=50); position: relative;z-index: 5;animation-delay:.3s;
-webkit-animation-delay:.3s; /* Safari 和 Chrome */}
.top .right .fenxiang a span{position: absolute;width: 40px;height: 40px; top: 0;left: 0; background: #fff; border-radius: 50%; transform: scale(0);z-index: 1;}
.top .right .fenxiang a:hover span{transform: scale(1);}
.top .right .fenxiang a i{pointer-events:none;}
.top .right .fenxiang a span{pointer-events:none;}
.top .right .fenxiang a:hover i{opacity: 1;filter:alpha(opacity=100);transform: scale(1.3);}
.top .right .fenxiang a:nth-of-type(1):hover i{color: #0E7201;}
.top .right .fenxiang a:nth-of-type(2):hover i{color: #ED1D24;}
.top .right .fenxiang a:nth-of-type(3):hover i{color: #00C8F8;}
.top .right .call{ font-size:16px; color: #fff;}
.top .right .call i{opacity: .2;filter:alpha(opacity=20); margin-right: 6px;}
.top .right .call span{ font-size:22px;display: inline-block;font-family:yingwen; color: #fff; }

.nav{ width: 100%;height: 70px; background: #323441;}
.nav .nav_ul_a>li{width: calc(100%/9 - 1px);height: 70px;line-height: 70px; float: left;position: relative; text-align: center;}
.nav .nav_ul_a>li>a{color: #fff;display: block;height: 100%; position: relative;z-index: 99;}
.nav .nav_ul_a>li>a .text{display: block;background: #323441; height: 100%;z-index: 99;}
.nav .nav_ul_a>li>a .text p{display: block;width: 100%;font-size: 16px;left: 0;top: 0;z-index: 5;}
.nav .nav_ul_a>li>a .text i{display: block;width: 100%; font-size: 14px;transform: scale(0); color: #323441;z-index: 10;}
.nav .nav_ul_a>li>a span{display: block;width: 100%;height: 100%;background: #fff;left: 0;bottom: 0;height: 0;z-index: 1;}
.nav .nav_ul_a>li:hover a .text p,.nav ul li a.active .text p{transform: scale(0);}
.nav .nav_ul_a>li:hover a .text i,.nav ul li a.active .text i{ transform: scale(1); font-weight: inherit;}
.nav .nav_ul_a>li:hover a span,.nav ul li a.active span{height: 100%;}
.nav .nav_ul_a>li ul.nav_ul_b{ position: absolute;left: 0;top:100%; z-index: 9; width: 100%; background: #fff;transform: translateY(-100%);opacity: 0;}
.nav .nav_ul_a>li ul.nav_ul_b li{height: 46px;line-height: 46px; text-align: center; display: block;border-top:1px solid rgba(0,0,0,0.1);}
.nav .nav_ul_a>li ul.nav_ul_b li a{display: block; background: #fff;color: #000; font-size: 14px;padding: 0 1em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.nav .nav_ul_a>li ul.nav_ul_b li:nth-of-type(1){border-top:0;}
.nav .nav_ul_a>li ul.nav_ul_b li:hover a,.nav_box .nav .nav_ul_a>li ul.nav_ul_b li.active a{background: #8c6340; color: #fff;}
.nav .nav_ul_a>li:hover ul.nav_ul_b{transform: translateY(0);opacity: 1;}



.swi_banner{z-index: 5;}
.swi_banner .swiper-pagination{bottom:3%;}
.swi_banner .swiper-pagination .swiper-pagination-bullet-active{background: #fff; transform: scale(1.3);
	-webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;}
.swi_banner .swiper-pagination .swiper-pagination-bullet{background: #fff;}
.index_banner{ background:#fff;}
.swi_banner .swiper-slides{overflow: hidden;}
.swi_banner .swiper-slides img{
	animation:mymove 16s infinite;
	-webkit-animation:mymove 16s infinite;
	animation-direction:alternate;
	animation-timing-function: ease;
	-webkit-animation:mymove 16s infinite;
	-webkit-animation-direction:alternate;
	-webkit-animation-timing-function: ease;}
 @keyframes mymove{0%{
	 transform: scale(1);  /*开始为原始大小*/}
	 100%{transform: scale(1.1); /*放大1.1倍*/}}
 
@-webkit-keyframes mymove /*Safari and Chrome*/{0%{
	transform: scale(1);  /*开始为原始大小*/}
	100%{transform: scale(1.1); /*放大1.1倍*/}}


/*首页简介*/
.jianjie_box{ background: #e3e3e3;}
.jianjie_box .left{ width: 60.5%; background: #fff; padding: 90px 0;}
.jianjie_box .left .box{ width: 90%;max-width: 900px;padding-bottom: 330px; float: right;background: url(../images/jianjie_back.jpg) no-repeat;background-position: right bottom;}
.jianjie_box .left .box .jianjie_title{ padding: 10px 0 0 30px; background: url(../images/jianjie_title_back.jpg) no-repeat;}
.jianjie_box .left .box .jianjie_title b{font-size: 30px; float: left; margin-right: 10px;}
.jianjie_box .left .box .jianjie_title b i{display: inline-block;margin-right: 10px;}
.jianjie_box .left .box .jianjie_title p{font-size: 14px; float: left; margin-top: 3px; opacity: 0.5;filter:alpha(opacity=50);}
.jianjie_box .left .box .jianjie_title span{font-size: 43px;font-family: yingwen; color: #000;opacity: 0.1;filter:alpha(opacity=10);font-weight:900;text-transform: uppercase; margin-top: 5px;}

.jianjie_box .left .box .text{width:90%; font-size: 15px; color: #666; line-height:22px; overflow: hidden;text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:8;
        -webkit-box-orient: vertical;
height:173px; padding:55px 0 0px;margin-bottom: 20px;}



.jianjie_box .right{ width: 39.5%;padding: 90px 0;background: #f5f5f5 url(../images/jianjie_right_back.png) no-repeat;background-position: right bottom;}
.jianjie_box .right .box{ width: 90%;max-width: 500px; float: left;}
.jianjie_box .right .box ul{padding-left: 10%;height: 297px; margin-bottom: 72px;}
.jianjie_box .right .box ul li{width:calc(50% - 5px);height: calc(33.33% - 5px); margin-right: 5px; margin-top: 5px; background: #fff; float: left;}
.jianjie_box .right .box ul li:nth-of-type(1){margin-top: 0;height: calc(33.33%);}
.jianjie_box .right .box ul li:nth-of-type(2){margin-top: 0;height: calc(33.33%);}
.jianjie_box .right .box ul li:nth-of-type(2n){margin-right: 0px;}
.jianjie_box .right .box ul li .img{ width: 40%;height: 100%; position: relative;}
.jianjie_box .right .box ul li .img img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;pointer-events:none;}
.jianjie_box .right .box ul li .text{ width: 60%;height: 100%;left: 0;top: 0;right: 0;bottom: 0;margin: auto 0;}
.jianjie_box .right .box ul li .text .text_ab{ top: 50%;transform: translateY(-50%); color: #737373;}
.jianjie_box .right .box ul li .text i{ display: block;}
.jianjie_box .right .box ul li .text b{ font-weight: 500; display: block; font-size: 16px;}
.jianjie_box .right .box ul li:hover{ background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.jianjie_box .right .box ul li:hover .text .text_ab{}
.jianjie_box .right .box .info_more{ width: 100%;height: 260px; background: #323441; display: block; position: relative; text-align: center; overflow: hidden;}
.jianjie_box .right .box .info_more .text{ width: 100%; top: 50%; transform: translateY(-50%);}
.jianjie_box .right .box .info_more a{color: #fff; display: block;height: 100%;}
.jianjie_box .right .box .info_more .text i{display: block;}
.jianjie_box .right .box .info_more .text p{display: block; font-size: 12px;}
.jianjie_box .right .box .info_more:hover .text i{transform: scale(1.5);}
.jianjie_box .right .box .info_more:hover .text p{ transform: translateX(100px);opacity: 0;filter:alpha(opacity=0);}


/*优势*/
.advantage:before{content: ' ';position: fixed;z-index: -2;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/Advantage_back.jpg) center 0 no-repeat;background-size: cover;}
.advantage{ overflow: hidden;}
.advantage ul li{width: calc(100%/4 - 1px);float: left;border-left: 1px solid rgba(255,255,255,0.1);padding: 15% 0; position: relative;}
.advantage ul li .text{position: absolute;top: 50%;left: 0;width: 70%; padding: 0 15%; transform: translateY(-50%);text-align: center;z-index: 5;}
.advantage ul li .text i{font-size: 36px; color: #fff; width: 60px;height: 60px; line-height: 60px;background: #fff; border-radius: 50%; margin: 0 auto 20px;display: block;}
.advantage ul li .text b{font-size: 26px; color: #fff;display: block; margin-bottom: 20px;}
.advantage ul li .text span{width: 50px;height: 2px; display: block;margin: 0 auto; background: #fff;content: '';transform: translateY(-10px);}
.advantage ul li .text p{font-size: 14px; color: #fff; transform: translateY(-100%);opacity: 0;filter:alpha(opacity=0);}
.advantage ul li:nth-of-type(1) .text i{background: #009944;}
.advantage ul li:nth-of-type(2) .text i{background: #ff8210;}
.advantage ul li:nth-of-type(3) .text i{background: #1d8cd1;}
.advantage ul li:nth-of-type(4) .text i{background: #da2358;}
.advantage ul li:hover .text span{width: 20px;}
.advantage ul li:hover .text p{ transform: translate(0);opacity: .5;filter:alpha(opacity=50);}
.advantage ul li:hover .text span{ transform: translateY(-20px);}
.advantage ul li:hover .text b{ transform: scale(0.8);}
.advantage ul li:hover .text i{ transform: scale(1.5); background: inherit;}
.advantage ul li .back{display: block;width: 100%;height: 100%; background: #009944; position: absolute;top: 0;left: 0;transform: translateY(99%);z-index: 1;}
.advantage ul li:nth-of-type(1) .back{background: #009944;}
.advantage ul li:nth-of-type(2) .back{background: #ff8210;}
.advantage ul li:nth-of-type(3) .back{background: #1d8cd1;}
.advantage ul li:nth-of-type(4) .back{background: #da2358;}
.advantage ul li:hover .back{transform: translateY(0%);}


/*首页通用标题*/
.index_title{ width: 100%; text-align: center; margin-bottom:35px;}
.index_title img{margin:  0 auto;}
.index_title b{font-size: 36px; color: #363636;font-style:italic;}
.index_title b i{font-style:italic;}
.index_title b em{opacity: .2;filter:alpha(opacity=20); display:inline-block;}
.index_title .index_title_text span{ display: inline-block; font-size: 30px; opacity: 0.2; filter:alpha(opacity=20);font-family: yingwen;font-weight: bold; margin-right: 10px; text-transform: uppercase;}
.index_title .index_title_text p{ display: inline-block; text-align: left;opacity: 0.6;filter:alpha(opacity=60); font-size: 14px;}
.index_title_baise b{color: #fff;}
.index_title_baise span{color: #fff;}
.index_title_baise p{color: #fff;}



/**/
.index_product{padding:80px 0 60px; overflow: hidden;}
.index_product .left{ width: 83%; float: left;}
.index_product .swi_tabs{ margin-bottom: 20px;}
.index_product .swi_tabs .swiper-slides{ width: auto; padding: 10px 20px; position: relative; overflow: hidden; cursor: pointer;}
.index_product .swi_tabs .swiper-slides p{ opacity: 0.6;filter:alpha(opacity=60);}
.index_product .swi_tabs .swiper-slides span{ position: absolute;left: 0;bottom: 0; width: calc(100% - 80px);height: 2px;display: block;background: #4f5265; transform: translateX(-100%);}
.index_product .swi_tabs .swiper-slides.swiper-slides-thumb-active span,.index_product .swi_tabs .swiper-slides:hover span{transform: translateX(40px);}
.index_product .swi_tabs .swiper-slides.swiper-slides-thumb-active p,.index_product .swi_tabs .swiper-slides:hover p{opacity: 1;filter:alpha(opacity=100);}

.index_product>.wrap{ position: relative;display: block;}
.index_product .right{  float: right;}
.index_product .right .product_color{width: 14%; position: absolute;bottom: 0;right: 0;}
.index_product .right .product_color ul li{ width: calc(48%); margin-right: 4%; float: left; margin-top: 4%; cursor: pointer;position: relative;}
.index_product .right .product_color ul li img{opacity:1;filter:alpha(opacity=100);position: static;z-index: 1;}
.index_product .right .product_color ul li span{position: absolute;width: 0%;bottom: 0;left: 0; height: 2px; display: block;background: #1e2028;}
.index_product .right .product_color ul li:nth-of-type(2n){margin-right:0%;}
.index_product .right .product_color ul li.active img,.index_product .right .product_color ul li:hover img{ opacity: .5;filter:alpha(opacity=50);}
.index_product .right .product_color ul li.active span,.index_product .right .product_color ul li:hover span{width: 100%;}
.index_product .right .more{ width: 100px;height: 40px; position: absolute;right: 0;top: 12%;}
.index_product .right .more a{ width: 100px;height: 100%;display: block;position: relative;}
.index_product .right .more p{ text-transform: uppercase; font-size: 12px; float: right;height: 40px;line-height: 40px;position:relative;z-index: 5; width: 60px;text-align: center;}
.index_product .right .more i{width: 40px;height: 40px;text-align: center;line-height: 40px; float: left; font-size: 12px; transform: scale(0.7);position: relative;z-index: 10; color: #fff;}
.index_product .right .more span{width: 40px;height: 40px; position: absolute;left: 0;top: 0; background: #95949a; border-radius: 20px;z-index: 1;}
.index_product .right .more:hover p{transform: translateX(-10px); color: #fff;}
.index_product .right .more:hover i{transform: translateX(5px) scale(0.7);}
.index_product .right .more:hover span{width: 100%; background: #323441;}

/*流程*/
.shuazi_box{ background:#fff url(../images/liucheng_back.jpg) no-repeat;background-position: bottom right;}
.licheng_box{position:relative; padding-bottom:200px; bottom: 25px;}
.licheng_box .wrap{max-width: 1300px;}
.licheng_box .title{width: 300px;height: 230px; padding-top: 70px; border-radius: 50%; background:Rgba(67,70,87,0.7); text-align: center; margin: 0 auto; color: #fff;}
.licheng_box .title span{ width: 26px; background: #fff;height: 2px;display: block;margin: 0 auto 20px;}
.licheng_box .title p{ font-size: 24px; color: #fff;}
.licheng_box .title b{ font-size: 24px; color: #fff;}
.licheng_box .title em{ font-size:16px; color: #fff;opacity: 0.1;filter:alpha(opacity=10); font-family: yingwen; font-weight: bold;}
.licheng_box .call{padding:12px 30px; background: #fff; border: 1px solid rgba(0,0,0,0.1);float: left;position: absolute;left: 50%; transform: translateX(-50%);bottom: 40px; margin: 22px auto 0;}
.licheng_box .call span{ font-size: 16px;display: inline-block;color: #95949a; }
.licheng_box .call b{ font-size: 24px; color: #95949a; display: inline-block;}
.licheng_box ul{ position: absolute;bottom:60px; left: 0; width: 100%;z-index: 99;}
.licheng_box ul li{width: calc(100%/10); display: block;float: left; text-align: center;}
.licheng_box ul li .yuanquan{ width: 90%;height: auto; padding: 45% 0; position: relative; border-radius: 50%;display: block;background: #323441; float: left; text-align: center; color: #fff;}

.licheng_box ul li .yuanquan .text{ width: 100%;display: block;position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%);}
.licheng_box ul li .yuanquan .text i{ font-size: 34px; opacity: 0.6;filter:alpha(opacity=60); transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;  }
.licheng_box ul li .yuanquan .text p{ width: 100%; font-weight: 500; display: block; font-size: 14px;}
.licheng_box ul li i{ display: block;font-size: 38px; color: #fff;}
.licheng_box ul li:nth-child(even){width: calc(100%/12.5)!important;}
.licheng_box ul li:nth-child(even) .yuanquan{ background: inherit;}
.licheng_box ul li:nth-child(even) i{ color: #000;opacity: 0.1!important;filter:alpha(opacity=10); padding-top: 34px; font-size: 30px!important;}
@media screen and (max-width:1360px){
.licheng_box .title{transform: scale(0.9);}
.licheng_box ul li{transform: scale(1.1);}
}
.licheng_box ul li .yuanquan{ display:block;}
.licheng_box ul li .yuanquan:hover{cursor:pointer;}

.licheng_box ul li:nth-child(1) .yuanquan:hover .text i{transform: rotate(180deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg); }
.licheng_box ul li:nth-child(3) .yuanquan:hover .text i{transform: rotate(180deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg); }
.licheng_box ul li:nth-child(5) .yuanquan:hover .text i{transform: rotate(180deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg); }
.licheng_box ul li:nth-child(7) .yuanquan:hover .text i{transform: rotate(180deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg); }
.licheng_box ul li:nth-child(9) .yuanquan:hover .text i{transform: rotate(180deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg); }
.licheng_box ul li:nth-child(11) .yuanquan:hover .text i{transform: rotate(180deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg); }
.licheng_box ul li:nth-child(13) .yuanquan:hover .text i{transform: rotate(180deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg); }
.licheng_box ul li:nth-child(15) .yuanquan:hover .text i{transform: rotate(180deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg); }
.licheng_box ul li:nth-child(17) .yuanquan:hover .text i{transform: rotate(180deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg); }
.licheng_box ul li:nth-child(1) .yuanquan:hover{ background:#e77b19;}
.licheng_box ul li:nth-child(3) .yuanquan:hover{ background:#da2358;}
.licheng_box ul li:nth-child(5) .yuanquan:hover{ background:#6ebb57;}
.licheng_box ul li:nth-child(7) .yuanquan:hover{ background:#90296d;}
.licheng_box ul li:nth-child(9) .yuanquan:hover{ background:#da251e;}
.licheng_box ul li:nth-child(11) .yuanquan:hover{ background:#00923f;}
.licheng_box ul li:nth-child(12) .yuanquan:hover{ background:#007dc0;}
.licheng_box ul li:nth-child(13) .yuanquan:hover{ background:#30acc6;}
.licheng_box ul li:nth-child(15) .yuanquan:hover{ background:#dd127d;}
.licheng_box ul li:nth-child(17) .yuanquan:hover{ background:#85c324;}


/*定制*/
.dingzhi:before{content: '';position: fixed;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/dingzhi_bcak.jpg) center 0 no-repeat;background-size: cover;height: 100%;overflow: hidden;}
.dingzhi{ width: 100%;padding: 60px 0; overflow: hidden;}
.dingzhi .img_box{ position: relative;margin-bottom: 20px;}
.dingzhi .img_box .thumbs_box{ position: absolute;bottom: 0;left: 0;height: 20%; width: 100%; background: rgba(53,54,66,.7);z-index: 99;}
.dingzhi .img_box .thumbs_box .swi_anli_thumbs{ width: 30%; margin-top: 2%;}
.dingzhi .img_box .thumbs_box .swi_anli_thumbs .swiper-slides{ width: 16.5%; cursor: pointer;}
.dingzhi .img_box .thumbs_box .swi_anli_thumbs .swiper-slides img{width: calc(100% - 4px); border: 2px solid rgba(255,255,255,1);}
.dingzhi .img_box .thumbs_box .swi_anli_thumbs .swiper-slides:hover img{transform: scale(0.9);}
.dingzhi .img_box .thumbs_box .swi_anli_thumbs .swiper-slides-thumb-active img{border: 2px solid #545769;}
.dingzhi .img_box .swi_anli_img .swiper-button{ width: 40px;height: 40px; border-radius: 50%; background: #fff;}
.dingzhi .img_box .swi_anli_img .swiper-button>div{position: relative;display: block;}
.dingzhi .img_box .swi_anli_img .swiper-button .yuandian{width: 4px;height: 4px;display: block;background: #000; position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);border-radius: 50%;}
.dingzhi .img_box .swi_anli_img .swiper-button-prev{left:3%;}
.dingzhi .img_box .swi_anli_img .swiper-button-next{right:3%;}
.dingzhi .img_box .swi_anli_img .swiper-button .iconfont{color: #000; display: block;text-align: center;line-height: 40px; transform:scale(0);opacity: 0;filter:alpha(opacity=0);}
.dingzhi .img_box .swi_anli_img .swiper-button-next:hover .yuandian{transform:scale(0); opacity: 0;filter:alpha(opacity=0);}
.dingzhi .img_box .swi_anli_img .swiper-button-prev:hover .yuandian{transform:scale(0); opacity: 0;filter:alpha(opacity=0);}
.dingzhi .img_box .swi_anli_img .swiper-button:hover .iconfont{opacity:1; filter:alpha(opacity=100);transform: scale(.6);}
.dingzhi .more{width: 300px;height: 48px; margin: 0 auto;}
.dingzhi .more a{ width: calc(100%/2 - 10px); float: left;display: block; text-align: center; line-height: 48px;height: 48px; position: relative; background: #fff; overflow: hidden;}
.dingzhi .more a p{ text-align: center; color: #676767; font-size: 14px;text-transform: uppercase;}
.dingzhi .more a i{color: #676767; font-size: 12px; transform: scale(0.5) translateX(10px); display: inline-block;}
.dingzhi .more a:nth-of-type(2){float: right; background: #fff;}
.dingzhi .more a:nth-of-type(2) p{color: #676767;}
.dingzhi .more a:nth-of-type(2) i{color: #676767;}
.dingzhi .more a:hover{background: #95949a;}
.dingzhi .more a:hover p{color: #fff; transform: translateX(10px);}
.dingzhi .more a:hover i{color: #fff; transform: translateX(60px); opacity: 0;filter:alpha(opacity=0);}
.dingzhi .more a:nth-of-type(2):hover{background: #95949a;}


/*痛点*/
.tongdian{padding: 60px 0; background:#1C1C1B url(../images/tongdian_back.jpg) no-repeat;background-position: center;}
.tongdian .title{ width: 100%;height: 145px;background: url(../images/tongdian_title_back.png) no-repeat; position: relative;background-position: center;}
.tongdian .title .text{position: absolute;left: 50%;top: 50%;min-width: 600px; transform: translate(-50%,-60%);}
.tongdian .title .text .left{margin-right: 10px;}
.tongdian .title .text .left b{font-size: 60px; color: #323441;opacity: 0.7; filter:alpha(opacity=70);font-family: yingwen; text-transform: uppercase;}
.tongdian .title .text .left span{width: 100%;height: 3px;}
.tongdian .title .text .left span i{width: 33.33%;height: 3px;display: block;float: left;background: #fff;}
.tongdian .title .text .left span i:nth-of-type(1){background: #dc1117;}
.tongdian .title .text .left span i:nth-of-type(2){background: #fff;}
.tongdian .title .text .left span i:nth-of-type(3){background: #2c7442;}
.tongdian .title .text .right b{ font-size: 30px;color: #fff;}
.tongdian .title .text .right p{ font-size: 14px;color: #77798a;}
.tongdian_xiantiao{margin: 130px 0 0;}
.tongdian_xiantiao .xiantiao_box{ width: 100%;height: 260px; position: relative;}
.tongdian_xiantiao .xiantiao_box .xuxian{height: 260px;}
.tongdian_xiantiao .xiantiao_box ul{position: absolute;width: 100%;height: 260px; top: 0;left: 0;}
.tongdian_xiantiao .xiantiao_box ul li{}
.tongdian_xiantiao .xiantiao_box ul li{ width: 6px;height: 6px;background: #fff; border-radius: 50%; position: absolute; cursor: pointer;}
.tongdian_xiantiao .xiantiao_box ul li .quan{ width: 74px; height: 74px;opacity: 0.2;filter:alpha(opacity=20); position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(.5); border-radius: 50%;}
.tongdian_xiantiao .xiantiao_box ul li p{display: block;position: absolute;left: 0;white-space:nowrap;font-size: 20px;pointer-events:none;opacity: 0;filter:alpha(opacity=0);}
.tongdian_xiantiao .xiantiao_box ul li:hover,.tongdian_xiantiao .xiantiao_box ul li.active{transform: scale(1.1);}
.tongdian_xiantiao .xiantiao_box ul li:hover .quan,.tongdian_xiantiao .xiantiao_box ul li.active .quan{transform: translate(-50%,-50%) scale(1);-webkit-animation: boxyuanquan 3s linear infinite;}

@keyframes boxyuanquan{

  0%{transform:translate(-50%,-50%) scale(0.3);}
  50%{transform:translate(-50%,-50%) scale(1);}
  100%{transform:translate(-50%,-50%) scale(0.3);}

}

.tongdian_xiantiao .xiantiao_box ul li:nth-of-type(1){top: -7%;left: 25%;border: 17px solid #6ebb57;}
.tongdian_xiantiao .xiantiao_box ul li:nth-of-type(1) p{top: -70px;transform: translate(-50%,50px);}
.tongdian_xiantiao .xiantiao_box ul li:nth-of-type(1) .quan{ background: #6ebb57;}
.tongdian_xiantiao .xiantiao_box ul li:nth-of-type(1) p{color: #6ebb57;}
.tongdian_xiantiao .xiantiao_box ul li:nth-of-type(2){top: 28%;left: 43%;border: 17px solid #da2358;}
.tongdian_xiantiao .xiantiao_box ul li:nth-of-type(2) p{bottom: -70px;transform: translate(-50%,-50px);}
.tongdian_xiantiao .xiantiao_box ul li:nth-of-type(2) .quan{ background: #da2358;}
.tongdian_xiantiao .xiantiao_box ul li:nth-of-type(2) p{color: #da2358;}
.tongdian_xiantiao .xiantiao_box ul li:nth-of-type(3){top:9%;left: 62%;border: 17px solid #bb2588;}
.tongdian_xiantiao .xiantiao_box ul li:nth-of-type(3) p{top: -70px;transform: translate(-50%,50px);}
.tongdian_xiantiao .xiantiao_box ul li:nth-of-type(3) .quan{ background: #bb2588;}
.tongdian_xiantiao .xiantiao_box ul li:nth-of-type(3) p{color: #bb2588;}
.tongdian_xiantiao .xiantiao_box ul li:nth-of-type(4){top: 20%;left: 85%;border: 17px solid #ef6e2a;}
.tongdian_xiantiao .xiantiao_box ul li:nth-of-type(4) p{top: 50px;transform: translate(-50%,-50px);}
.tongdian_xiantiao .xiantiao_box ul li:nth-of-type(4) .quan{ background: #ef6e2a;}
.tongdian_xiantiao .xiantiao_box ul li:nth-of-type(4) p{color: #ef6e2a;}
.tongdian_xiantiao .xiantiao_box ul li:hover p,.tongdian_xiantiao .xiantiao_box ul li.active p{transform: translate(-50%,0%);opacity: 1;filter:alpha(opacity=100);}
.tongdian_xiantiao .xiantiao_box ul .feiji{ position: absolute;right: 0; bottom: 47%;}

.tongdian_text{width: 95%; background: #fff; float: right; border-radius: 50px 0 0 0; position: relative;}
.tongdian_text .swi_tongdian_text .text{ width: 50%; margin: 0 auto; padding: 52px 0;}
.tongdian_text .swi_tongdian_text .text b{font-size: 20px; margin-bottom: 6px;}
.tongdian_text .swi_tongdian_text .text p{font-size: 14px; color: #666;}
.tongdian_text .swi_tongdian_text .swiper-slides:nth-of-type(1) .text b{color: #6ebb57;}
.tongdian_text .swi_tongdian_text .swiper-slides:nth-of-type(2) .text b{color: #da2358;}
.tongdian_text .swi_tongdian_text .swiper-slides:nth-of-type(3) .text b{color: #bb2588;}
.tongdian_text .swi_tongdian_text .swiper-slides:nth-of-type(4) .text b{color: #ef6e2a;}
.tongdian_text .tuliao_img{position: absolute;left: -10%;bottom: -10px;z-index: 99;}

.index_news{ padding: 60px 0 40px; background: #fff;}
.index_news .more{width: 300px;height: 48px; margin: 0 auto;}
.index_news .more a{ width: calc(100%/2 - 10px); float: left;display: block; text-align: center; line-height: 48px;height: 48px; position: relative; background: #949298; overflow: hidden;}
.index_news .more a p{ text-align: center; color: #fff; font-size: 14px;text-transform: uppercase;}
.index_news .more a i{color: #fff; font-size: 12px; transform: scale(0.5) translateX(10px); display: inline-block;}
.index_news .more a:nth-of-type(2){float: right; background: #95949a;}
.index_news .more a:nth-of-type(2) p{color: #fff;}
.index_news .more a:nth-of-type(2) i{color: #fff;}
.index_news .more a:hover{background: #323441;}
.index_news .more a:hover p{color: #fff; transform: translateX(10px);}
.index_news .more a:hover i{color: #fff; transform: translateX(60px); opacity: 0;filter:alpha(opacity=0);}
.index_news .more a:nth-of-type(2):hover{background: #323441;}
.swi_index_news {margin-top: 50px;}
.swi_index_news .swiper-slides{background: #f5f5f5; width: 32.2%; position: relative; overflow: hidden;}
.swi_index_news .swiper-slides a{display: block;}
.swi_index_news .swiper-slides .text{padding: 15% 10%;position: relative;z-index: 5; min-height: 199px;}
.swi_index_news .swiper-slides .text .time{margin-bottom: 20px;display: block;opacity: 0.5;}
.swi_index_news .swiper-slides .text .time i{display: inline-block; margin-right: 6px;opacity: 0.5;filter:alpha(opacity=50);}
.swi_index_news .swiper-slides .text .time b{display: inline-block; font-size:18px;  font-weight: 500; color: #363636; }
.swi_index_news .swiper-slides .text .time p{display: block; font-size:14px; color: #363636;}
.swi_index_news .swiper-slides .title_text{}
.swi_index_news .swiper-slides .title_text b{ font-size: 22px; font-weight: 500; margin-bottom: 10px;}
.swi_index_news .swiper-slides .title_text p{ font-size: 14px; opacity: 0.6;filter:alpha(opacity=60);word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.swi_index_news .swiper-slides .back{ width: 100%;height: 100%;display: block;left: 0;top: 0;transform: translateY(101%);background: #323441;z-index: 1;position: absolute;}
.swi_index_news .swiper-slides:hover .back{transform: translateY(0);}
.swi_index_news .swiper-slides a:hover{}
.swi_index_news .swiper-slides a:hover .text .time i{color: #fff;}
.swi_index_news .swiper-slides a:hover .text .time b{color: #fff;}
.swi_index_news .swiper-slides a:hover .text .time p{color: #fff;}
.swi_index_news .swiper-slides a:hover .title_text{color: #fff;}
.swi_index_news{padding-bottom: 50px;}
.swi_index_news .swiper-pagination .swiper-pagination-bullet-active{background: #323441;}


/*学院*/
.xueyuan{ padding: 60px 0;background: #f4f4f4;}
.xueyuan .left{ width: 260px; float: left;}
.xueyuan .right{ width: calc(100% - 300px); float: right;}
.xueyuan .right{ width: calc(100% - 300px); float: right;}
.xueyuan .right .xueyuan_list{border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom:10px; margin-bottom: 10px;}
.xueyuan .right .xueyuan_list .xueyuan_list_left{ width: calc(100% - 300px); float: left;}
.xueyuan .right .xueyuan_list .xueyuan_list_left b{font-size: 26px; color: #323441;display: block; margin-bottom: 10px;}
.xueyuan .right .xueyuan_list .xueyuan_list_left ul{}
.xueyuan .right .xueyuan_list .xueyuan_list_left ul li{ width: 50%;float: left;height:30px;line-height: 30px;}
.xueyuan .right .xueyuan_list .xueyuan_list_left ul li a{font-size: 14px; color: #888888;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 15px; position: relative; padding-right: 10%;}
.xueyuan .right .xueyuan_list .xueyuan_list_left ul li a:before{content: '';width: 4px;height: 4px; border-radius: 50%; display: block;background: #878787;position: absolute;left: 0; top: 50%;transform: translateY(-50%);}
.xueyuan .right .xueyuan_list .xueyuan_list_left ul li:hover a{color: #363636; transform: translateX(10px);}
.xueyuan .right .xueyuan_list .xueyuan_list_right {width: 280px; float: right; overflow: hidden;}
.xueyuan .right .xueyuan_list .xueyuan_list_right a:hover img{transform: scale(1.1);}


/*友情链接*/
.link{ background: #fff; padding: 20px 0;}
.link b{display: inline-block; margin-right: 10px; font-size: 14px;}
.link a{font-size: 14px;}

.footer{ padding: 60px 0 20px;background: #323441;}
.footer .footer_nav{ border-bottom:1px transparent solid;border-image:linear-gradient(to right,#353742,#42444E,#353742) 1 10; padding-bottom: 15px;}
.footer .footer_logo img{ width: 150px;}
.footer .footer_nav .right{padding-top: 10px;}
.footer .footer_nav .right a{color: #fff; font-size: 15px; margin-left: 26px;}
.footer .footer_text{padding: 20px 0;}
.footer .footer_text_left .fenxiang{ margin-bottom: 20px;}
.footer .footer_text_left .fenxiang a{ width: 40px;height: 40px;line-height: 40px; display: inline-block; float: left; color: #fff;background: rgba(255,255,255,0.1); border-radius: 50%; text-align: center; margin-right: 10px;cursor: pointer; padding-left: 0;}
.footer .footer_text_left .fenxiang a i{pointer-events:  none;}
.footer .footer_text_left .fenxiang a:nth-of-type(1):hover{background: #0E7201;}
.footer .footer_text_left .fenxiang a:nth-of-type(2):hover{background: #ED1D24;}
.footer .footer_text_left .fenxiang a:nth-of-type(3):hover{background: #00C8F8;}

.footer .footer_text_left .text{color: #fff; font-size: 14px; font-weight: 100;}
.footer .footer_text_left .text a{color: #6d6e77;}
.footer .footer_text_left .text a:hover{color: #fff;}
.footer .footer_text_left .text p{ color: #6d6e77; display: inline-block;}
.footer .footer_text_left .text p a{color: #6d6e77;}
.footer .footer_text_left .text p a:hover{color: #fff;}
.footer .footer_text_left .text p strong{font-size: 24px; color:#fff;}
.footer .footer_text_left .text p:nth-of-type(1){margin-bottom: 10px;}


.suspension{position:fixed;z-index:55;right:0;bottom:10%;width:70px;height:120px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:34px;height:34px;background-color:Rgba(0,0,0,0.5);margin-bottom:1px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:34px;height:34px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
.suspension .a-service .i{width:20px;height:20px;margin-top:7px;margin-left:7px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:7px;margin-left:7px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-48px -4px;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-136px -5px;}
.suspension .a-top{background:Rgba(0,0,0,0.5);display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:220px;background:#fff;position:absolute;right:43px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .e{width: 160px;}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:3px;}
.suspension .d-qrcode{top:0px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d .inner-box .qrcode-img img{ margin: 0 auto; max-width:100%;}
.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/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/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:14px;margin-left:12px; font-weight:normal; color:#666;}
.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:16px;color:#93959c;}



/*内页主图*/
.ny_banner{ overflow: hidden;}
.ny_banner img{animation:mymove 16s infinite;
	-webkit-animation:mymove 16s infinite;
	animation-direction:alternate;
	animation-timing-function: ease;
	-webkit-animation:mymove 16s infinite;
	-webkit-animation-direction:alternate;
	-webkit-animation-timing-function: ease;}

.ny_nav{padding:20px 0;background:#fff; font-size: 14px;}
.ny_nav .left{ color: #787a89;}
.ny_nav .left i{ font-size: 14px; opacity: 0.3;filter:alpha(opacity=30); margin-right: 5px;}
.ny_nav .left a{ font-size: 14px; color: #787a89;}
.ny_nav .left a:hover{ color: #363636;}

/*品牌*/
.brandOrigin{ padding:40px 0 60px; background: #fff;overflow: hidden;}
.brandOrigin .wrap{border-bottom: 1px #f4f4f4 solid; padding-bottom: 30px;}
.brandOrigin .left{ width:calc(80% - 205px); float: left;}
.brandOrigin .left .title{margin-bottom: 30px;}
.brandOrigin .left .title span{ width: 28px;height: 3px;display: block;background: #95949a;float: left;margin-top:15px;}
.brandOrigin .left .title b{ font-size: 26px; font-weight: bold;color: #909090; opacity: 0.2;filter:alpha(opacity=20); font-family: yingwen; padding-left:20px;float: left;}
.brandOrigin .left .img{ width:30px;}
.brandOrigin .left .text{ width:calc(100% - 50px); float: right; font-size: 16px; color: #363636;}
.brandOrigin .right img{margin-top:35px;}

/*简介页面简介*/
.jianjie_info{ margin-bottom:60px;}
.jianjie_info .left{ width: 55%;}
.jianjie_info .left img{min-height: 520px; object-fit: cover;}
.jianjie_info .right{ width: 40%;}
.jianjie_info .right b{font-size: 28px; color: #363636; margin-bottom: 20px;}
.jianjie_info .right .text{font-size: 14px; color: #666666; line-height: 24px;}

/*理念*/
.linian{padding:150px 0 200px; background: url(../images/linian_back.jpg) no-repeat; background-size:200%;}
.linian ul{}
.linian ul li{ width: calc(100%/6 - 10px); float: left; padding:90px 0;background: #26272e; text-align: center; margin-left: 10px;}
.linian ul li i{ font-size: 36px;}
.linian ul li b{color: #fff; font-size:20px; font-weight: 500; padding:10px 0;}
.linian ul li span{width: 22px;height: 2px;background: #f1682d; margin: 10px auto;}
.linian ul li p{color: #fff;opacity: 0.5;filter:alpha(opacity=50); padding-top:20px; font-size:14px;}
.linian ul li:nth-of-type(1) i{color: #f1682d;}
.linian ul li:nth-of-type(1):hover{background: #f1682d;}
.linian ul li:nth-of-type(1) span{background: #f1682d;}
.linian ul li:nth-of-type(2) i{color: #31a3d1;}
.linian ul li:nth-of-type(2):hover{background: #31a3d1;}
.linian ul li:nth-of-type(2) span{background: #31a3d1;}
.linian ul li:nth-of-type(3) i{color: #03b3b3;}
.linian ul li:nth-of-type(3):hover{background: #03b3b3;}
.linian ul li:nth-of-type(3) span{background: #03b3b3;}
.linian ul li:nth-of-type(3) i{color: #03b3b3;}
.linian ul li:nth-of-type(3):hover{background: #03b3b3;}
.linian ul li:nth-of-type(3) span{background: #03b3b3;}
.linian ul li:nth-of-type(4) i{color: #6fbe44;}
.linian ul li:nth-of-type(4):hover{background: #6fbe44;}
.linian ul li:nth-of-type(4) span{background: #6fbe44;}
.linian ul li:nth-of-type(5) i{color: #CA995D;}
.linian ul li:nth-of-type(5):hover{background: #CA995D;}
.linian ul li:nth-of-type(5) span{background: #CA995D;}
.linian ul li:nth-of-type(6) i{color: #00B1B1;}
.linian ul li:nth-of-type(6):hover{background: #00B1B1;}
.linian ul li:nth-of-type(6) span{background: #00B1B1;}
.linian ul li:hover span{width: 42px;background: #fff!important; }
.linian ul li:hover i{color: #fff;}


/*历史*/
.lishi{padding: 60px 0; position: relative;}
.lishi .left{ float: left;}
.lishi .left b{ font-size: 43px; color: #909090; opacity: 0.2;filter:alpha(opacity=20); font-family: yingwen;}
.lishi .left h3{ font-size: 30px; color: #363636; font-weight: bold;}
.lishi .left h3 i{font-weight: 300;}
.lishi .left p{ font-size: 14px; color: #666;}
.lishi .right{width: calc(60% - 200px);background: #323441; position: absolute;right: 0;top: -100px; padding: 60px 60px;}
.lishi .right .swi_lishi{ width: 100px;height: 150px;padding-top:18px; float: left;}
.lishi .right .swi_lishi .swiper-slides{ color: #fff; width: 100%;height: 50px; text-align: center;}
.lishi .right .swi_lishi .swiper-slides p{ opacity: 0.3;filter:alpha(opacity=30); transform: scale(0.8); cursor: pointer;}
.lishi .right .swi_lishi .swiper-slides-thumb-active p{ opacity:1;filter:alpha(opacity=100); transform: scale(1.7); font-weight: bold;}
.lishi .right .lishi_wrap{ width: calc(100% - 20%); min-width: 470px; position: relative;}
.lishi .right .lishi_wrap .swi_lishi_page{ width: 30px;height: 60px; position: absolute;right: 0;bottom: 20%;}
.lishi .right .lishi_wrap .swi_lishi_page .swiper-button{ width: 30px; height: 25px;display: block;line-height:25px; position: static;left: inherit;right: inherit;top: inherit;bottom: inherit; margin: inherit; text-align: center; background: inherit;}
.lishi .right .lishi_wrap .swi_lishi_page .swiper-button i{color: #fff; font-size: 30px;}
.lishi .right .lishi_wrap .swi_lishi_page span{ width: 10px;height: 1px; display: block;margin: 4px auto;background: #fff; opacity: 0.5;}
.lishi .right .swi_lishi_text{ color: #fff;}
.lishi .right .text{ width: calc(100% - 100px);height: 200px; float: left; position: relative; display: block;}
.lishi .right .text .lishi_text{position: absolute; width: 70%; padding-left: 10%; top: 50%; transform: translateY(-51.5%);}
.lishi .right .text .lishi_text .swiper-slides span{ font-size: 22px;margin-bottom: 10px; font-weight: bold;}


.gcsj{ padding:90px 0 60px 0;background: #fff;}
.info_title{text-align: center; margin-bottom: 30px;}
.info_title b{font-size: 32px; color: #363636;}
.info_title span{ width: 30px;height: 2px; display: block;background: #949298;margin:5px auto 10px;}
.info_title p{ font-size: 14px;color: #999;}

.honorList ul{ color: #666; padding: 0;}
.honorList li{width: 33%; margin-bottom:20px; cursor: pointer; text-align: center;}
.honorList li p{margin-top: 6px; font-size: 14px;}
.honorList .img{overflow: hidden; position: relative;}
.honorList li a{}
.honorList li a img{width:100%;height:auto;}
.honorList .bg{ background: rgba(0,0,0,0.4);position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0;filter:alpha(opacity=0); visibility: hidden; transition: 400ms; -webkit-transition: 400ms;}
.honorList .il,.honorList .ir{ background-color: #fff; position: absolute; left: 50%; top: 50%; display: block; transition: 400ms; -webkit-transition: 400ms;}
.honorList .il{ height: 3px; width: 0px; margin:-1px 0px 0px -15px;}
.honorList .ir{ height: 0px; width: 3px; margin:-15px 0px 0px -1px;}
.honorList li:hover .img{ border-color: #d5615d;}
.honorList li:hover .bg{ opacity: 1;filter:alpha(opacity=100); visibility: visible;}
.honorList li:hover .il{ width: 30px; }
.honorList li:hover .ir{ height: 30px;  transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms;}
.overlayClose { width: 52px; height: 52px; display: block; position: fixed; right: 1%; top: 2%; border-radius: 50%; transition: 300ms; -webkit-transition: 300ms; z-index: 100;}
.overlayClose i { background: url(../images/close-empty.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; cursor: pointer;}
.overlayClose:hover{ background-color: #353642;}
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.imgShowBox { background: url(../images/black.png) repeat; background: none rgba(0,0,0,0.9); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 800ms ease 0s; -webkit-transition: all 800ms ease 0s; z-index: 1010; width: 100%; overflow: hidden;  -webkit-overflow-scrolling: touch; }
.no-csstransitions .imgShowBox{ display: none;}
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.imgShowDemo .con{ position: absolute; left: 0px; right: 0px;bottom: 0px; background-color: #fff; width: 90%; padding: 10px 5%;}
.imgShowDemo .con .t{ font-size: 16px; color: #333;}
.imgShowDemo .txt { background: #272727; font-size: 16px; color: #fff; line-height: 65px; position: absolute; left: 0; right: 0; bottom: 0; height: 65px; }
.imgShowDemo .txt .i { padding-left: 3%; }
.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.no-csstransitions .img-show{ display: block;}
.owl-item{margin:0;float:left;}
.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; width: 64px; height: 64px; border-radius: 10px; background-color: transparent; overflow: hidden; top: 50%; margin-top: -32px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; cursor:pointer;transition:all 0.5s;}
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 3%; background-image:url(../images/left.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 3%; background-image:url(../images/right.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover {background-color: #353642; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background:none;}
.Factory_swi{ padding-bottom:60px;}
.Factory_swi .swiper-scrollbar{ width: 32.8%; height: 6px; background:#EEEEEE;left: 50%; position: absolute; transform:translateX(-50%); bottom:50px;z-index: 8;}
.Factory_swi .swiper-scrollbar .swiper-scrollbar-drag{ background: #ED7B31;}
.honorList{ padding-bottom:60px;}
.honorList .swiper-scrollbar{ width: 32.8%; height: 6px; background:#EEEEEE;left: 50%; position: absolute; transform:translateX(-50%); bottom:50px;z-index: 8;}
.honorList .swiper-scrollbar .swiper-scrollbar-drag{ background:#323441; cursor: pointer;}

.honorList .swiper-pagination-bullet-active{background: #95949a;}
.rongyua{padding: 60px 0; background: url(../images/rongyu_back.jpg) no-repeat;}



/*加萌*/
.shili{padding: 60px 0 30px; background: #fff;}
.shili .wrap{ position: relative;}
.shili .left{ width: calc(100% - 280px); float: left;}
.shili .swi_shili .swiper-pagination{ text-align: left; padding-left: 30px; bottom: 30px;}
.shili .swi_shili .swiper-pagination-bullet{ background: #fff;}
.shili .swi_shili .swiper-pagination-bullet-active{ background: #fff;}
.shili .right{ position: absolute;right: 0;top: 50%; transform: translateY(-50%);}

.shili_logo{ padding-bottom: 30px;background: #fff;}
.swi_shili_logo .swiper-slides{background: #f4f4f4; padding: 20px 0; width: 20%;}
.swi_shili_logo .swiper-slides .img img{margin: 0 auto;}
.swi_shili_logo .swiper-slides p{text-align: center; opacity: 0.6;filter:alpha(opacity=60);}
.jmysbt{ text-align:center; background:#3b0302; line-height:70px; color:#fff; font-size:30px;}
.jianzheng img{ max-width:100%;}


/*市场分析*/
.shichang{ padding: 60px 0; overflow: hidden;}
.shichang:before{content: '';position: fixed;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/fenxi_back.jpg) center 0 no-repeat;background-size: cover;height: 100%;overflow: hidden;}
.shuzi_box .title{ text-align: center; margin-bottom: 20px;}
.shuzi_box .title b{  font-size: 28px; color: #fff; opacity: 0.5;filter:alpha(opacity=50);  font-weight: 500;}

.shuzi_box{padding:40px 0; overflow: hidden;}
.shuzi_box ul{height: 130px; background: url(../images/join_shuziback.png) no-repeat; background-position: center; padding-top: 30px; padding-bottom: 10px;}
.shuzi_box ul li{ width: calc(20% - 1px); float: left; text-align: center;}
.shuzi_box ul li .shuzi{}
.shuzi_box ul li .shuzi b{font-size: 60px; color: #fff; display: inline-block;font-family:shuzifont;}
.shuzi_box ul li .shuzi span{font-size: 13px; color: #fff; display: inline-block;}
.shuzi_box ul li p{color: #fff; display: inline-block;opacity: 0.6;filter:alpha(opacity=60);}
.shuzi_box ul li:nth-of-type(2n){ width: 1px;height: 40px; background: rgba(255,255,255,0.1);display: block;margin-top: 50px;}

/*政策*/
.zhengce{padding-bottom: 40px;}
.swi_zhengce .img{ width: 49%;}
.swi_zhengce .text{ width: 49%; color: #fff; padding-top: 5%;}
.swi_zhengce .text .title{ }
.swi_zhengce .text .title b{ font-size: 26px;}
.swi_zhengce .text .title span{font-size: 16px;opacity: 0.3;filter:alpha(opacity=30);text-transform: uppercase;}
.swi_zhengce .text .font{margin-top: 30px; font-size: 15px; opacity: 0.7;filter:alpha(opacity=70);}
.zhengce_tabs{ padding-bottom: 20px; border-top: 1px dashed rgba(255,255,255,0.3);}
.swi_zhengce_tabs{ overflow: visible;}
.swi_zhengce_tabs .swiper-wrappers{ overflow: visible;}
.zhengce_tabs .swiper-slides{text-align: center; color: #fff; position: relative;cursor: pointer;}
.zhengce_tabs .swiper-slides p{padding-top: 30px; opacity: 0.5;filter:alpha(opacity=50);}
.zhengce_tabs .swiper-slides span{ position: absolute;left: 50%; display: block;background: #fff;}
.zhengce_tabs .swiper-slides span:nth-of-type(1){ width: 8px; height: 8px; top: -4px;transform: translateX(-50%) rotate(45deg);opacity: 0.5;filter:alpha(opacity=50);}
.zhengce_tabs .swiper-slides span:nth-of-type(2){ width: 1px; height: 0px; top: -0px;transform: translateX(-50%);}
.zhengce_tabs .swiper-slides.active span:nth-of-type(1){opacity: 1;filter:alpha(opacity=100);}
.zhengce_tabs .swiper-slides.active span:nth-of-type(2){ height: 30px; top: -30px;}
.zhengce_tabs .swiper-slides.active p{opacity: 1;filter:alpha(opacity=100); transform: scale(1.2);}


/*证书*/
.zhengshu{padding: 60px 0; background: #fff;}
.zhengshu .title{ text-align: center; margin-bottom: 30px;}
.zhengshu .title b{font-size: 32px; color: #363636;}
.zhengshu .title span{font-size: 20px; color: #000; opacity: 0.2;filter:alpha(opacity=20); text-transform: uppercase; font-family: yingwen;}

/*合作政策*/
.hezuo{padding: 60px 0; background: url(../images/hezuo_back.jpg);}
.hezuo .left{ width:65%; float: left;}
.hezuo .text_box{ padding:60px; background: #fff; margin-bottom: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.hezuo .text_box b{ font-size: 24px; margin-bottom: 20px;}
.hezuo .text_box .text{ font-size: 16px;opacity: 0.7;filter:alpha(opacity=70);}
.hezuo .left .text_box:nth-of-type(1){background: #fff url(../images/hezuo_text1_back.jpg) no-repeat;background-position: right bottom; padding-bottom: 150px;}
.hezuo .left .text_box:nth-of-type(2){background: #fff url(../images/hezuo_text2_back.jpg) no-repeat;background-position: left bottom; padding-left: 37%; margin-bottom: 0;}

.hezuo #height_a_a{width:calc(35% - 20px); float: right; background: #fff url(../images/hezuo_text3_back.jpg);background-repeat: no-repeat!important; background-position: right bottom; background-size: 100%;}
.hezuo .right .text_box{background: inherit;display: block; height: calc(100% - 120px);}


/*流程*/
.liucheng{ padding: 60px 0; background: #f4f4f4 url(../images/jiamengliucheng_back.jpg) repeat-X;background-position: left top;}
.swi_liucheng{padding-bottom: 50px;}
.swi_liucheng .swiper-wrappers{padding-bottom: 30px; background:url(../images/liucheng_back.png) repeat-x;background-position: bottom;}
.swi_liucheng .swiper-slides{ width: 14.5%; padding: 1% 0;}
.swi_liucheng .swiper-slides .yuanquan{width: 80%; padding: 40% 0; background: #323441;border-radius: 50%; position: relative;margin: 0 auto;}
.swi_liucheng .swiper-slides .yuanquan .text{position: absolute; text-align: center; color: #fff; width: 100%; top: 50%; transform: translateY(-50%);}
.swi_liucheng .swiper-slides .yuanquan .text b{font-size: 16px; font-family: shuzifont;}
.swi_liucheng .swiper-slides .yuanquan span{width: 110%;height: 110%; display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: url(../images/yuanquanzhuanzhuan.png) no-repeat; background-size: 100% 100%; opacity: 0;filter:alpha(opacity=0);}
.swi_liucheng .swiper-slides:hover .yuanquan{background: #95949a;}
.swi_liucheng .swiper-slides:hover .yuanquan .text b{transform:scale(1.4) translateY(-10px);}
.swi_liucheng .swiper-slides:hover .yuanquan .text p{transform:scale(1.2);}
.swi_liucheng .swiper-slides:hover .yuanquan span{ -webkit-animation: turn 1.2s linear infinite; /*Safari and Chrome*/ opacity: 1;filter:alpha(opacity=100);}
.swi_liucheng .swiper-pagination-bullet-active{ background: #323441;}
@keyframes turn{
  0%{transform:translate(-50%,-50%) rotate(0deg);}
  100%{transform:translate(-50%,-50%) rotate(360deg);}
}

/*实力见证*/
.jianzheng{ padding: 60px 0; background: #fff;}
.jianzheng .left{ width: 40%; float: left;}
.jianzheng .left .call {}
.jianzheng .left .call i{ font-size: 40px; float: left; margin-right: 10px; opacity: 0.5;filter:alpha(opacity=50); padding-top: 10px;}
.jianzheng .left .call .text{ float: left;}
.jianzheng .left .call .text span{font-size: 16px;opacity: 0.6;filter:alpha(opacity=60);}
.jianzheng .left .call .text b{font-size:30px; font-family: shuzifont; color: #f62e42;}
.jianzheng .right{width: 50%;}
.jianzheng .right .title{margin-bottom: 30px;}
.jianzheng .right .title img{width: 60%;}
.jianzheng .right .swi_jianzheng{ padding-bottom: 50px;}
.jianzheng .swiper-pagination-bullet-active{ background: #95949a;}


/*产品优势*/
.cp_youshi{ padding: 60px 0; background: url(../images/cp_youshi_back.jpg) no-repeat;}

.youshi_box{position: relative;}
.youshi_box .youshi_yuanqian{ width: 500px;height: 500px; border: 1px dashed rgba(255,255,255,0.2); border-radius: 50%; margin: 0 auto; -webkit-animation: suoxiao 5s linear infinite;}
@keyframes suoxiao{
  0%{transform:scale(.3);}
  50%{transform:scale(1);}
  100%{transform:scale(.3);}
}

.youshi_box .img{position: absolute; left:0; top: 50%; transform: translateY(-50%);width: 100%;}
.youshi_box .img img{margin: 0 auto; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.youshi_box .icon_box{ position: absolute;width: 100%; top: 50%; transform: translateY(-30%);}
.youshi_box .icon_box ul {height: 500px;}
.youshi_box .icon_box ul li{height: 33.33%; position: relative; color: #fff;display: block;}
.youshi_box .icon_box ul li .text b{font-size: 22px; font-weight:500;}
.youshi_box .icon_box ul li .text p{font-size:14px; opacity: 0.6;filter:alpha(opacity=60);}
.youshi_box .icon_box ul li img{position: absolute;}
.youshi_box .icon_box .left{ width:40%; text-align: right; float: left;}
.youshi_box .icon_box .right{ width:40%; text-align: left; float: right;}
.youshi_box .icon_box ul li img{ top: 0; right: 0;}
.youshi_box .icon_box ul li .text{ width:calc(100% - 280px); float: left;}
.youshi_box .icon_box ul li:nth-of-type(3) img{ transform: translateY(-80px)}
.youshi_box .icon_box .right ul li img{ left: 0;}
.youshi_box .icon_box .right ul li .text{float: right;}

/*先锋*/
.xianfeng{ padding: 60px 0;background: url(../images/xianfeng_back.jpg) no-repeat;}
.xianfeng .title{text-align: center; color: #fff; margin-bottom: 30px;}
.xianfeng .title img{margin: 0 auto;}
.xianfeng .title b{font-size: 36px; margin-bottom: 10px;}
.xianfeng .title p{width: 40%;min-width: 600px; font-size: 20px;color: rgba(255,255,255,0.6); padding: 6px 30px; border:1px solid rgba(255,255,255,.1); margin: 0 auto;}
.xianfeng .left{ width: 55%; float: left;}
.swi_xianfeng .swiper-slides{ background: #fff;}
.xianfeng .box{background: #fff; padding: 30px;}
.xianfeng .right{width: calc(40% - 30px); float: right; background: url(../images/xianfeng_title_back.png) no-repeat;background-size: 100% auto; background-position: top left;}
.xianfeng .right .swi_text{ text-align: center;}
.xianfeng .right .swi_text .swiper-slides .text{padding:50px;}
.xianfeng .right .swi_text .swiper-slides .text b{font-size: 32px; margin-bottom: 20px;}
.xianfeng .right .swi_text .swiper-slides .text p{font-size: 16px; margin-bottom: 20px; text-align: left;opacity: 0.6;filter:alpha(opacity=60);}
.xianfeng .right .tabs ul li{ width: calc(33% - 3px);float: left; margin-right: 3px; margin-bottom: 3px; cursor: pointer;}
.xianfeng .right .tabs ul li:hover img{ transform: scale(0.95); opacity: 0.8;filter:alpha(opacity=80);}


/*扶持*/
.fuchi{padding: 60px 0; background: #fff;}
.fuchi .left{width: 29.6%; float: left;}
.fuchi .left img{ width: 100%;}
.fuchi .right{ width: 70%; float: right; position: relative;}
.fuchi .right .swi_fuchi{ width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.fuchi .right .swi_fuchi .swiper-slides{position: relative;}
.fuchi .right .swi_fuchi .swiper-slides .text{position: absolute;bottom: 10%;left:50%; transform: translateX(-50%);width: 80%;background: #fff;}
.fuchi .right .swi_fuchi .swiper-slides .text .box{padding: 30px 50px 50px;}
.fuchi .right .swi_fuchi .swiper-slides .text .box b{font-size: 22px; margin-bottom: 10px;}
.fuchi .right .swi_fuchi .swiper-slides .text .box b i{font-size:50px; font-weight: 400; margin-left: 20px; font-family: yingwen; opacity: 0.1;filter:alpha(opacity=10); display: inline-block; }
.fuchi .right .swi_fuchi .swiper-slides .text .box p{}

.swi_fuchi .swiper-button{ width: 40px;height: 40px; border-radius: 50%;top: 70%;bottom:0%; background: #fff;}
.swi_fuchi .swiper-button>div{position: relative;display: block;}
.swi_fuchi .swiper-button .yuandian{width: 4px;height: 4px;display: block;background: #000; position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);border-radius: 50%;}
.swi_fuchi .swiper-button-prev{left:3%;}
.swi_fuchi .swiper-button-next{right:3%;}
.swi_fuchi .swiper-button .iconfont{color: #000; display: block;text-align: center;line-height: 40px; transform:scale(0);opacity: 0;filter:alpha(opacity=0);}
.swi_fuchi .swiper-button-next:hover .yuandian{transform:scale(0); opacity: 0;filter:alpha(opacity=0);}
.swi_fuchi .swiper-button-prev:hover .yuandian{transform:scale(0); opacity: 0;filter:alpha(opacity=0);}
.swi_fuchi .swiper-button:hover .iconfont{opacity:1;filter:alpha(opacity=0); transform: scale(.6);}


/*百科*/
.baike{ padding: 60px 0; background: #f4f4f4 url(../images/jiamengliucheng_back.jpg) repeat-x;}
.baike .left{ width: 58%; float: left;}
.baike ul li{ margin-bottom: 10px; position: relative; background: #000; overflow: hidden;}
.baike ul li .text{ position: absolute; bottom: 5%;left:5%; width: 100%; color: #fff;opacity: 0;filter:alpha(opacity=0);}
.baike ul li .text span{  width: 0px;height: 1px;display:inline-block;background: #fff; transform: translateY(-5px); margin-right: 10px;}
.baike ul li:hover .text{opacity: 1;filter:alpha(opacity=100);}
.baike ul li:hover .text span{  width: 40px;}
.baike ul li:hover img{opacity: 0.5;filter:alpha(opacity=50); transform: scale(1.1);}
.baike .left ul li:nth-of-type(1):hover img{opacity: 0.8;filter:alpha(opacity=80); transform:none;}
.baike .right{ width: calc(42% - 10px); float: right;}


/*分析*/
.fenxi{ padding: 60px 0; background: #fff;}
.fenxi .fenxi_shuzi ul li{ width: calc(20% - 1px); text-align: center; float: left;}
.fenxi .fenxi_shuzi ul li b{font-size:34px; color: #363636;}
.fenxi .fenxi_shuzi ul li b i{font-size:30px; font-weight: bold;}
.fenxi .fenxi_shuzi ul li p{font-size:14px;color: #666666;}
.fenxi .fenxi_shuzi ul li span{width: 30px;height: 2px;display: block;margin: 7px auto 10px; background: #95949a;}
.fenxi .fenxi_shuzi ul li h3{font-size: 20px; color: #363636; font-weight: bold;}
.fenxi .fenxi_shuzi{ padding: 60px 0 100px;}
.fenxi .text{text-align: center; }
.fenxi .text p{margin-bottom: 20px;opacity: 0.4;filter:alpha(opacity=40);font-size: 14px;}
.fenxi .text .more{ width: 220px;height: 48px;text-align: center;line-height: 48px; margin: 0 auto; background: #95949a;}
.fenxi .text .more a{ font-size: 14px;color: #fff;}
.fenxi .text .more a i{ font-size: 12px; transform: scale(0.6); display: inline-block;}
.fenxi .text .more:hover{ background: #323441;}
.fenxi .text .more:hover span{transform: translateX(10px);}
.fenxi .text .more:hover i{transform: scale(0.6) translateX(10px);}

/*品牌文化*/
.pinpaiwh{ padding: 60px 0 100px; background: url(../images/pinpai_back.jpg) no-repeat;}
.pinpaiwh ul li{ width: 24%;margin-right: 1.25%; background: #fff; float: left;}
.pinpaiwh ul li:nth-of-type(4){margin-right: 0%;}
.pinpaiwh ul li .text{ padding: 20px 20px; text-align: center;}
.pinpaiwh ul li .text span{ width: 30px;height: 2px; display: block;margin: 0 auto 10px; background: #2e3037;}
.pinpaiwh ul li:nth-of-type(2n){transform: translateY(30px);}

/*留言*/
.zxzx{ padding:100px 0; background: #fff;}
.zxzx .cpxq_title img{ margin: 0 auto 60px;}
.product_zxzx #GBookAdd .text{ width: calc(48% - 22px); border: 1px solid rgba(0,0,0,0.1);margin-right: 4%; float: left; height: 42px;line-height: 42px; padding: 0 10px; margin-bottom:10px; border-radius: 4px;position: relative; font-size: 14px;}
.product_zxzx #GBookAdd .text:nth-of-type(1){background: url(../images/biaodan_icon1.jpg) no-repeat;background-size:auto; background-position: right;}
.product_zxzx #GBookAdd .text:nth-of-type(2){background: url(../images/biaodan_icon2.jpg) no-repeat;background-size:auto; background-position: right;}
.product_zxzx #GBookAdd .text:nth-of-type(3){background: url(../images/biaodan_icon3.jpg) no-repeat;background-size:auto; background-position: right;}
.product_zxzx #GBookAdd .text:nth-of-type(4){background: url(../images/biaodan_icon4.jpg) no-repeat;background-size:auto; background-position: right;}
.product_zxzx #GBookAdd .text:nth-of-type(2n){ margin-right: 0%;}
.product_zxzx #GBookAdd .clear{margin-bottom: 20px;}
.product_zxzx #GBookAdd .cmessage{ width: calc(100% - 22px); border: 1px solid rgba(0,0,0,0.1);min-height: 100px; padding: 10px 10px; margin-bottom:10px; border-radius: 4px; }
.product_zxzx #GBookAdd .submit{ width:200px;height: 45px;line-height: 45px;text-align: center; color: #fff;margin: 0 auto;font-size: 14px;margin-right: 10px; border-radius: 4px; float: right;}
.product_zxzx #GBookAdd .submit:hover{ background: #323441; cursor:pointer; color: #fff; transform: scale(1.05);}
.product_zxzx #GBookAdd .zhijie{ width: 200px;height: 45px; line-height: 45px; text-align: center; color: #fff; background: #323441; display: block; float: left; border-radius: 4px; font-size: 14px;margin-right: 20px;}
.product_zxzx #GBookAdd .zhijie:hover{transform: scale(1.05); background: #323441;}
.product_zxzx #GBookAdd span{ width: 430px; margin: 0 auto; padding-top: 20px;}
.product_zxzx #GBookAdd span b{ font-size: 18px; color: #000; line-height: 45px;}
.product_zxzx #GBookAdd span p{ color: #323441; display: inline-block;}
.product_zxzx #GBookAdd span p:nth-of-type(2){font-size: 19px;}
.product_zxzx #GBookAdd span p:nth-of-type(3){font-size: 22px;}
.product_zxzx #GBookAdd span p:nth-of-type(4){font-size: 25px;}
.product_zxzx #GBookAdd span p:nth-of-type(5){font-size: 28px;}
.product_zxzx #GBookAdd span p:nth-of-type(6){font-size: 32px;}


/*产品*/

.chanpin_box{padding-bottom: 100px;}
.chanpin_box:before{ content: ' ';position: fixed;z-index: -2;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/product_back.jpg) center 0 no-repeat;background-size: cover;}
.chanpin_box .ny_nav{background: #32343f;}
.chanpin_box .title{ text-align: center; padding-top:60px; padding-bottom:40px;}
.chanpin_box .title p{ font-size: 28px; color: #fff; opacity: 0.08;filter:alpha(opacity=8); font-family: yingwen; text-transform: uppercase;}
.chanpin_box .title b{ text-align: center; font-size: 28px; color: #fff; margin-bottom: 10px;}
.chanpin_box .title b h2{font-weight: bold; display: inline-block; padding: 0 20px 0 40px;}
.chanpin_box .title b span{ width: 9px;height: 9px; display:inline-block; background: #fff;transform: rotate(45deg) translateY(-18px);}
.chanpin_box .tabs{ text-align: center; margin-bottom:50px;}
.chanpin_box .tabs a{ width: calc(100%/6 - 13px);margin-right: 10px; padding: 17px 0; display:inline-block; background: #fff; font-size: 14px; color: #7f7f7f;}
.chanpin_box .tabs a:nth-of-type(6n){ margin-right: 0px;}
.chanpin_box .tabs a.active,.chanpin_box .tabs a:hover{background: #95949a; color: #fff;}
.swi_product_suoluebox{background: #fff;}
.swi_product_suoluebox .swiper-slides img{ width:calc(100% - 4px);height: calc(100% - 4px); border: 2px solid rgba(255,255,255,1);}
.swi_product_suoluebox .swiper-slides-thumb-active img{ border: 2px solid #95949a;}

.product_imgbox{ margin-bottom:0;}
.swi_product_imgbox{ width:1200px; margin:auto;}
.product_imgbox .swiper-slides .cpbt{ text-align:center; padding:15px 0; color:#fff; font-size:18px;}
.chanpin_box .more{width:282px;height:48px; margin:0 auto;}
.chanpin_box .more a{ width:140px;display: block; text-align: center; line-height: 48px;height: 48px; position: relative; background: #323441; overflow: hidden; float:left;}
.chanpin_box .more a:nth-child(1){ margin-right:2px;}
.chanpin_box .more a p{ text-align: center; color: #fff; font-size: 14px;text-transform: uppercase;}
.chanpin_box .more a i{color: #fff; font-size: 12px; transform: scale(0.5) translateX(10px); display: inline-block;}
.chanpin_box .more a:hover{background: #fff;}
.chanpin_box .more a:hover p{color: #323441; transform: translateX(10px);}
.chanpin_box .more a:hover i{color: #676767; transform: translateX(60px); opacity: 0;filter:alpha(opacity=0);}
.swi_zuoyou{padding: 23px 80px; position: relative; background:#181413; margin-bottom:20px; outline:none;}
.swi_zuoyou .swiper-button{ width: 40px;height: 40px; border-radius: 50%; background: #95949a; outline:none;}
.swi_zuoyou .swiper-button>div{position: relative;display: block;}
.swi_zuoyou .swiper-button .yuandian{width: 4px;height: 4px;display: block;background: #000; position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);border-radius: 50%;}
.swi_zuoyou .swiper-button-prev{left:2%; background:url(pl.png) no-repeat center;}
.swi_zuoyou .swiper-button-next{right:2%; background:url(pr.png) no-repeat center;}
.swi_zuoyou .swiper-button .iconfont{color: #fff; display: block;text-align: center;line-height: 40px; transform:scale(0);opacity: 0;filter:alpha(opacity=0); outline:none;}
.swi_zuoyou .swiper-button:hover .yuandian{transform:scale(0); opacity: 0;filter:alpha(opacity=0);}
.swi_zuoyou .swiper-button-prev:hover .yuandian{transform:scale(0); opacity: 0;filter:alpha(opacity=0);}
.swi_zuoyou .swiper-button:hover .iconfont{opacity:1; filter:alpha(opacity=100);transform: scale(.6);}

.product_box{ padding: 30px; background: #fff;}
.product_box .left{ width: 37%; float: left;background: url(../images/xianfeng_title_back.png) no-repeat;background-size: 100% auto;background-position: top left; padding: 8% 0 0;}
.product_box .left .text{ width: 70%; float: left; padding-left: 5%; margin-bottom: 20px;}
.product_box .left .text b{font-size: 32px;color: #323441;}
.product_box .left .text b i{font-size: 22px;color: #666666; padding-left: 10px;}
.product_box .left .text span{ width: 30px;height: 3px;display: block; background: #dcdcdc; margin: 10px 0;}
.product_box .left .text p{font-size: 16px; color: #666666;}
.product_box .left .clearfloat{ border-top: 1px solid rgba(0,0,0,0.1); margin-bottom: 28px;}

.product_box .left .erweima{ width:20%; float: right; padding-right: 5%; margin-bottom: 20px;}
.product_box .right{ width: 60%; float: right;}

html{height: 100%;}
body{height: 100%;}

/*新闻*/
.article_banner{ position: relative;}
.article_banner:before{ content: ' ';position: fixed;z-index: -2;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/dingzhi_bcak.jpg) center 0 no-repeat;background-size: cover;}
.artic_banner:before{ content: ' ';position: fixed;z-index: -2;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/article_banner.jpg) center 0 no-repeat;background-size: cover;}
.article_banner .title{ color: #fff; text-align: center; width: 100%;position: absolute;top: 50%; transform: translateY(-50%);}
.article_banner .title p{font-size: 16px; margin-bottom: 20px;}
.article_banner .title b{font-size: 50px; margin-bottom:10px; font-weight: 500;}
.article_banner .title span{font-family: yingwen; text-transform: uppercase;color: rgba(255,255,255,0.5);}
.article_banner .title .tabs{margin-top: 50px;}
.article_banner .title .tabs a{ width: 180px; margin: 0 5px; height: 50px; display: inline-block;line-height: 50px; background: #fff; font-size: 14px;}
.article_banner .title .tabs a:hover,.article_banner .title .tabs a.active{ background: #323441; color: #fff;}
.article_box{background: #fff; width: 100%; margin: 0 auto; padding-bottom: 70px;}
.matop_box{max-width: inherit;position: relative;}
.article_list{ width: 100%;}
.article_list ul{margin-bottom: 30px;}
.article_list ul li{ border-bottom: 1px solid rgba(0,0,0,0.1); padding: 30px 0;position: relative; background: #fff;}
.article_list ul li a{display: block;}
.article_list ul li .box{width: 92%; max-width: 1400px; margin: 0 auto; position: relative;z-index: 5;}
.article_list ul li .img{ width: 320px; float: left; overflow: hidden;}
.article_list ul li .text{ width: calc(100% - 350px); float: right; padding-top: 15px;}
.article_list ul li .text b{font-size: 22px; margin-bottom: 10px; font-weight: 500;;}
.article_list ul li .text p{font-size: 14px;opacity: 0.6;filter:alpha(opacity=60); margin-bottom: 30px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.article_list ul li .text span{font-size: 14px;opacity: 0.6;filter:alpha(opacity=60);}
.article_list ul li .back{ position: absolute;z-index: 0;width: 100%;height: 0%; background: rgba(0,0,0,0.05); top: 50%;left: 0; transform: translateY(-50%);}
.article_list ul li:hover .back{ height: 100%;}
.article_list ul li:hover .img img{transform: scale(1.2);}
.article_list ul li:hover .text p{opacity: 0.7;filter:alpha(opacity=70);}
.article_list ul li:hover .text b{opacity: 1;filter:alpha(opacity=100); font-weight: bold; color: #323441;}
.article_info{ background: #f4f4f4; padding: 30px 0;}
.article_info .wrap{ background:#fff;}
.article_info .wrap .left{ width:70%; float: left; background: #fff;border-right: 1px solid #f4f4f4;}
.article_info .wrap .left .box{ padding:50px;}
.article_info .wrap .title{  padding:40px 50px 30px; border-bottom: 1px solid #f4f4f4;}
.article_info .wrap .title h1{margin-bottom:5px; display: block; font-size:36px; color:#333; font-weight:700;}
.article_info .wrap .title p{display: inline-block; margin: 0; color:#666;}
.article_info .wrap .left .box .content{ padding-bottom:30px;}
.article_info .wrap .left .box .content img{ max-width:100%; display:inline;}
.article_info .wrap .right{ width: calc(30% - 20px);float: right;background: #fff;}
.article_info .wrap .right .box{padding: 50px; padding-left:20px;}
.article_info .wrap .right .box b{font-size: 22px; border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 10px;margin-bottom: 10px;}
.article_info .wrap .right .box ul li{height: 40px;line-height: 40px; border-bottom: 1px dashed rgba(0,0,0,0.1);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.article_info .wrap .right .box ul li a{ width:100%;}
.article_info .wrap .right .box ul li a:hover{color: #dc1117;}
.article_info .wrap .left .box .return{ color:#666; border-top:1px solid #f4f4f4; padding-top:30px;}
.article_info .wrap .left .box .return a{ color:#666;}
.article_info .wrap .left .box .return a:hover{ color:#000;}


/*下载*/
.down_list_box{max-width: 1100px;}
.down_list ul li{ background: #fff; padding: 15px 0;}
.down_list ul li b{width: 70%; float: left; font-weight: 500;line-height: 40px;}
.down_list ul li a{width: 120px;height: 40px;line-height: 40px;background: #f4f4f4; float: right; text-align: center; display: inline-block; font-size: 14px; color: #999;}
.down_list ul li a:hover{background:#323441; color: #fff;}


.lxwm_banner:before{ content: ' ';position: fixed;z-index: -2;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/lxwm_bcak.jpg) center 0 no-repeat;background-size: cover;}
.lxwm_box{ background: #fff;}
.lxwm_box .lxwm_dianhua{ padding: 50px 0; text-align: center; border-bottom: 1px dashed rgba(0,0,0,0.1);}
.lxwm_box .lxwm_dianhua span{ font-size: 16px; opacity: 1;filter:alpha(opacity=100);margin-bottom: 20px;}
.lxwm_box .lxwm_dianhua b{ font-size: 30px; color: #323441; opacity: .6;filter:alpha(opacity=60);font-family: shuzifont; width: 300px; height: 60px;line-height: 60px; border: 2px solid #323441; margin: 0 auto 20px;}
.lxwm_box .lxwm_dianhua i{ width: 40px;height: 2px;display: block; margin: 0 auto; background: #323441;}
.lxwm_box .lxwm_dizhi{ padding: 50px 0;}
.lxwm_box .lxwm_dizhi img{ display:inline; max-width:100%;}

/*联系*/
.lxwm_box{ width: 100%; display: block;}
.lxwm_box .left{ float: right; width: 100%;}
.lxwm_box .left #map{float: right; width:100%;}
.lxwm_box .lxwm_text{width: 100%;}
.lxwm_box .lxwm_text .text{width: 40%;text-align: left; font-size: 14px; color: #000;line-height: 26px; padding: 30px 0;}
.lxwm_box .lxwm_text .text b{font-size:24px; }
.lxwm_box .lxwm_text .text .font{font-size: 14px; opacity: 0.6;filter:alpha(opacity=60); margin-bottom: 20px;}
.lxwm_box .lxwm_text .text a{ color: #000; display: block; cursor: pointer;}

.contact_biaodan{ padding: 60px 0;background: #fff;}
.contact_biaodan .title{ text-align: center; margin-bottom: 50px;}
.contact_biaodan .title b{font-size: 30px; color: #000; font-family: Times; display: block;margin-bottom: 15px;}
.contact_biaodan .title p{color: #000;font-size: 16px; opacity: 0.5;filter:alpha(opacity=50);font-family: Times;}
#GBookAdd .wenben{ width: 32%; float: left; margin-right: 1.9%; color: #000;}
#GBookAdd .wenben .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .wenben .text{ width: calc(100% - 20px); height: 48px;line-height: 48px; padding: 0 10px; border: 1px solid rgba(0,0,0,0.2); background: inherit; color: #000;}
#GBookAdd .wenben:nth-of-type(3){margin-right: 0;}
#GBookAdd .neirong{margin-top: 30px; margin-bottom: 30px;}
#GBookAdd .neirong .cmessage{ width: calc(100% - 22px); padding: 10px; min-height: 150px; border: 1px solid rgba(0,0,0,0.2); background: inherit;color: #000;}
#GBookAdd .neirong .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .submit{ width: 160px;height: 52px; display: block; background: #323441; color: #fff;margin: 0 auto; font-size: 16px;}
#GBookAdd .submit:hover{opacity: 1;filter:alpha(opacity=100);}
.lxwm_back:before{content: ' ';position: fixed;z-index: 3;top: 0;right: 0; bottom: 0;left: 0;background: url(../images/lxwm_back.png) center 0 no-repeat;
    background-size: cover;pointer-events:none;}


/*人才招聘*/
.zhaoping_wrap_box{ background: rgba(0,0,0,0); }
.zhaoping_banner { padding: 15% 0 5%;}
.zhaoping_banner:before{content: ' ';position: fixed;z-index: -1;top: 0;right: 0; bottom: 0;left: 0;background: url(../images/zhaoping_bcak.jpg) center 0 no-repeat;
    background-size: cover;pointer-events:none;}
.zhaoping_banner .title{ position: static; transform: none;}
.zhaoping ul li{background: #fff; margin-top:1px;}
.zhaoping ul li:nth-of-type(1){border-top: 0px;}
.zhaoping ul li .title {cursor: pointer; display: block;padding:20px 33px;transition:0.7s;color:#fff;}
.zhaoping ul li .open .title{background:#323441;}
.zhaoping ul li .open .title b{color:#fff;}
.zhaoping ul li .open .title .icon_more i{color: #fff;}
.zhaoping ul li .title:hover{ background:#323441;transition:0.7s; color:#fff;}
.zhaoping ul li .title b{ font-size:18px;float: left; margin-right:20px; font-weight:100;}
.zhaoping ul li .title:hover b{color:#fff;}
.zhaoping ul li .title .widget-metas{ font-size: 14px; color: #A0ADB5;transform:translateY(5px); float: left;}
.zhaoping ul li .title .widget-metas span{ float: left; margin-right: 20px; color:#666;}
.zhaoping ul li .title .widget-metas span i{font-size: 14px; margin-right: 6px;}
.zhaoping ul li .title .icon_more{ float: right; width: 26px;height: 26px; text-align: center; line-height: 26px;}
.zhaoping ul li .title .icon_more i{font-size: 14px; transform: scale(0.7);color: #666;}
.zhaoping ul li .title:hover .icon_more i{color: #fff;}
.zhaoping ul li .text{ padding: 0 40px 30px; line-height: 26px; display: none; border-top:1px solid #f1f1f1; padding-top:25px; font-size:14px; line-height:24px; color:#444;}
.zhaoping ul li:hover{} 
.zhaoping ul li:hover b{transform:translateX(5px);} 
.zhaoping ul li:hover .title .widget-metas{transform:translate(5px,5px);} 
.zhaoping ul li .open .icon_more{transform:rotate(90deg) scale(0.7);} 
.zhaoping ul li:hover .icon_more i{} 
.zhaplist .link{ background:Rgba(50,52,65,0.5);}

/*定制*/
.dingzhi_content{ background: #fff;}
.dingzhi_box:before{ content: ' ';position: fixed;z-index: -2;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/dingzhi_banner.jpg) center 0 no-repeat;background-size: cover;}


/*视频*/
.video_banner:before{ content: ' ';position: fixed;z-index: -2;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/video_banner.jpg) center 0 no-repeat;background-size: cover;}
.video_banner .title{margin-bottom: 100px;}
.video_bax{ background: #fff; }
.video_bax ul{padding: 50px 0 0;}
.video_bax ul li{ width: calc(25% - 20px); float: left; margin-right: 22.5px;  border-bottom: 0px; padding: 0; margin-bottom: 20px;}
.video_bax ul li:nth-of-type(4n){margin-right: 0px;}
.video_bax ul li .img{ width: 100%; background: #000;position: relative; overflow: hidden;}
.video_bax ul li .img img{ width: 100%;}
.video_bax ul li .text{margin-top: 10px; opacity: 0.6;filter:alpha(opacity=60);}
.video_bax ul li .img i{ position: absolute; width: 60px;height: 60px;line-height: 60px; border-radius: 50%; background: rgba(0,0,0,0.5);color: #fff;display: block; top: 0;right: 0;bottom: 0;left: 0; margin: auto; text-align: center; font-size: 20px; opacity: 0;filter:alpha(opacity=0); transform: translateY(-100px);}
.video_bax ul li:hover .img img{transform: scale(1.1);opacity: 0.3;filter:alpha(opacity=30);}
.video_bax ul li:hover .img i{opacity: 1;filter:alpha(opacity=100);transform: translateY(0px);}
.video_bax ul li:hover .text p{transform: translateX(10px);}



@media screen and (max-width: 1360px){
	.product_box .left .text b{font-size: 26px;}
	.product_box .left .text b i{font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
	.product_box .left .text p{font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
	.product_box .left .clearfloat{margin-bottom: 20px;}
}