@charset "utf-8";

/* CSS Document */



/*banner*/ 

.banner_roll ul li{float: left; width:1920px;overflow: hidden;height: 800px;min-width: 1200px}

.banner_roll ul li img{width: 100%;}

.banner_dots{overflow:hidden;position: relative;z-index: 9;margin-top: -36px;}

.banner_dots ul{text-align: center;font-size: 0;}

.banner_dots ul li{display: inline-block; width:40px;height:8px;margin:0 5px;font-size: 0;cursor:pointer;background-color: #fff}

.banner_dots ul li.on{ background:#febc35;}

/*关于我们*/

.about{margin-top: 36px;}

.about_up_left{width: 440px;height: 208px;background-color: #febc35;padding: 36px 0 0 36px;font-family: Refsan;}

.about_up_left p{color: #fff;font-size: 13px;font-weight: bold;margin-bottom: 16px}

.about_up_left h6{font-size: 36px;color: #fff;font-weight: bold;text-transform: uppercase;line-height: 46px;}

.about_up_right{width: 694px;}

.about_up_right > p{font-size: 17px;color: #666;line-height: 32px;margin: 18px 0 10px}

.about_more{line-height: 0;font-size: 0;height: 28px;border-bottom: 2px solid #d2d2d2;display:inline-block;transition: all linear .5s;}

.about_more span{display: inline-block;vertical-align: middle;color: #1b2329;font-size: 14px;text-transform: uppercase;line-height: 28px;transition: all .5s}

.about_more i{display: inline-block;vertical-align: middle;width: 32px;height: 8px;background:url(../images/icon_bg.png) no-repeat -120px 0;}

.about_more:hover{border-bottom: 2px solid #febc35;margin-left: 10px}

.about_more:hover span{color: #febc35}

.about_more:hover i{background:url(../images/icon_bg.png) no-repeat -120px -8px;}

.about_list ul li{float: left;width: 382px;margin:46px 0 0 27px;height: 312px}

.about_list ul li:nth-child(1){margin-left: 0;}

.about_list ul li img{width: 382px;height: 312px}

.about_list ul li p{width: 300px;height: 104px;background-color: #fff;font-size: 17px;color: #0e0a08;margin: -142px auto 0;position: relative;z-index: 1;border-radius: 10px;padding: 24px;text-align: center;}

/*产品中心*/

.product{background: url(../images/product_bg.jpg) no-repeat center;}

.product_title ul{margin: 40px 0 20px}

.product_title ul li{float:left;width: 170px;height: 40px;border: 1px solid #333;text-align: center;font-size: 18px;border-radius: 40px;line-height: 40px;color: #666;margin-right: 36px;transition: all .5s}


.product_title ul li:last-child{margin-right: 0;}

.product_title ul li:hover{background-color: #febc35;border: 1px solid #febc35;color: #fff}

.product_title ul li.on{background-color: #febc35;border: 1px solid #febc35;color: #fff}

.product_list ul{display: none}
.product_list ul:nth-child(1){display: block;}

.product_list ul li{float: left;width: 380px;margin: 24px 0 0 30px;}

.product_list ul li:nth-child(3n+1){margin-left: 0;}

.product_list ul li .product_list_img{background-color: #fff; position: relative;width: 380px;height: 264px;overflow: hidden;margin-bottom:10px;border: 1px solid #e5e5e5}

.product_list ul li .product_list_img img{ width:100%;overflow:hidden}

.product_list ul li .product_list_img::before{position: absolute;content: "";width:372px;height:256px;top:0;left:0;background-color:rgba(0,0,0,.4);opacity: 0;transition: all .5s}

.product_list ul li h6{font-size: 19px;color: #333;text-align: center;}

.product_list ul li:hover .product_list_img{border: 4px solid #fff; box-shadow: 0 0 5px rgba(0,0,0,.2);overflow: hidden;}

.product_list ul li .product_list_img:hover:before{opacity: 1;}


/*过渡*/

.guodu{background:  url(../images/guodu_bg.jpg) no-repeat center;color: #fff;padding: 104px 0 100px;background-attachment: fixed;

    background-size: cover;}

.guodu_left{font-family: Refsan;}

.guodu_left h6{font-size: 36px;}

.guodu_left p{font-size:16px;margin-top: 18px}

.guodu_right{position: relative;display: block; width: 154px;height: 60px;text-align: center;line-height: 60px;font-size: 15px;overflow: hidden;background-color: #febc35;color: #fff;text-transform: uppercase;-webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;transition: background-color 0.3s ease-in, color 0.3s ease-in;margin-top:30px}

.guodu_right::after{content: attr(data-text);position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 60px;color: #febc35;-webkit-transform-origin: -25% 50%;transform-origin: -25% 50%;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);-webkit-transition: -webkit-transform 0.3s ease-in;transition: transform 0.3s ease-in;}

.guodu_right:hover::after,.guodu_right:hover {-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}

.guodu_right:hover {background-color: #fff;color: #fff;}

.guodu_right:hover::after {-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}

/*案例*/

.case_list ul li a{position: relative; }

.case_list ul li a::before{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;

background:-moz-linear-gradient(top,rgb(255,255,255,0),rgb(46,39,81,.8));

background:-ms-linear-gradient(top,rgb(255,255,255,0),rgb(46,39,81,.8));

background:-o-linear-gradient(top,rgb(255,255,255,0),rgb(46,39,81,.8));

background:-webkit-linear-gradient(top,rgb(255,255,255,0),rgb(46,39,81,.8));

transition: all .5s;z-index: 1;opacity: .6}

.case_list_left ul li{width: 376px;height: 257px;margin-top: 32px;}

.case_list_left ul li .case_list_img{width: 376px;height: 257px;overflow: hidden;}

.case_list_left ul li .case_list_img img{width:100%;transition: all .5s}

.case_list ul li .case_list_txt{position: absolute;width: 100%;left: 0;bottom: 24px;color: #fff;padding: 0 20px;z-index: 2}

.case_list ul li .case_list_txt h6{font-size: 20px;font-family:Refsan;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}

.case_list ul li .case_list_txt span{display:inline-block;; position: relative; font-size: 14px;color:#febc35;text-transform: uppercase;padding-left: 20px;margin-top: 10px;transition: all .5s}

.case_list ul li .case_list_txt span::before{position: absolute;content: "";width: 16px;height: 2px;background-color: #febc35;top: 10px;left: 0}

.case_list_right ul li{width: 800px;height: 546px;margin-top: 32px;}

.case_list_right ul li .case_list_img{width: 800px;height: 546px;overflow: hidden;}

.case_list_right ul li .case_list_img img{width: 100%;transition: all .5s}

.case_list_right ul li .case_list_txt h6{font-size: 32px;}

.case_list ul li:hover .case_list_txt span{margin-left: 10px;}

.case_list ul li:hover .case_list_img img{transform: scale(1.2)}

.case_list ul li a:hover::before{opacity: 0.6}

/*优点*/

.advan{background:  url(../images/advantage_bg.jpg) no-repeat center;padding: 106px 0}

.advan_left{width: 565px;height: 485px; padding: 5px;background-color: #fff;}

.advan_left img{width: 555px;height: 475px;}

.advan_right{width: 580px;color: #fff}

.advan_right > p{font-size: 17px;margin:32px 0 40px}

.advan_list ul li{float: left;width: 265px;font-size: 0;line-height: 0;margin: 0 40px 68px 0}

.advan_list ul li:nth-child(2),.advan_list ul li:nth-child(4){margin-right: 0;}

.advan_list ul li a{position: relative; display: inline-block;vertical-align: middle;width: 54px;height: 54px;border-radius: 54px;box-shadow: 0 0 0 3px #fff;padding: 7px}

.advan_list ul li a::before{position: absolute;content: ""; top:-1px;

	left: -1px;

	background: #fff;

	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

	-moz-transition: -moz-transform 0.2s, opacity 0.2s;

	transition: transform 0.2s, opacity 0.2s;width:56px;

    height:56px;

    border-radius: 50%;z-index: 0}

.advan_list ul li i{width: 42px;height: 42px;display: block;position: relative;z-index: 1}

.advan_list ul li .advan_icon1 i{background: url(../images/icon_bg.png) no-repeat 0 -56px;}

.advan_list ul li .advan_icon2 i{background: url(../images/icon_bg.png) no-repeat -40px -56px;}

.advan_list ul li .advan_icon3 i{background: url(../images/icon_bg.png) no-repeat -80px -56px;}

.advan_list ul li .advan_icon4 i{background: url(../images/icon_bg.png) no-repeat -120px -56px;}

.advan_list ul li p{width:186px; display: inline-block;vertical-align: middle;font-size: 16px;color: #fff;line-height: 20px;margin-left: 20px}

.advan_list ul li a:hover::before{-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	opacity: 0;

	-webkit-transition: -webkit-transform 0.4s, opacity 0.2s;

	-moz-transition: -moz-transform 0.4s, opacity 0.2s;

	transition: transform 0.4s, opacity 0.2s;}



.advan_list ul li .advan_icon1:hover i{background: url(../images/icon_bg.png) no-repeat 0 -96px;}

.advan_list ul li .advan_icon2:hover i{background: url(../images/icon_bg.png) no-repeat -40px -96px;}

.advan_list ul li .advan_icon3:hover i{background: url(../images/icon_bg.png) no-repeat -80px -96px;}

.advan_list ul li .advan_icon4:hover i{background: url(../images/icon_bg.png) no-repeat -120px -96px;}

.advan_online{position: relative;display: block; width: 201px;height: 58px;text-align: center;line-height: 58px;font-size: 17px;overflow: hidden;background-color: #febc35;color: #fff;-webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;transition: background-color 0.3s ease-in, color 0.3s ease-in;margin-top:30px}

.advan_online::after{content: attr(data-text);position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 60px;color: #febc35;-webkit-transform-origin: -25% 50%;transform-origin: -25% 50%;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);-webkit-transition: -webkit-transform 0.3s ease-in;transition: transform 0.3s ease-in;}

.advan_online:hover::after,.advan_online:hover {-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}

.advan_online:hover {background-color: #fff;color: #fff;}

.advan_online:hover::after {-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}

/*新闻*/

.news{background: url(../images/news_bg.jpg) no-repeat center;}

.news_con{position: relative;}

.news_list_roll  > li{width: 588px;float: left;margin: 24px 0 0 24px;transition: all .5s}

.news_list_roll  > li:nth-child(1),.news_list_roll  > li:nth-child(3){margin-left: 0;}

.news_list_roll  > li .news_img{width: 288px;height: 228px;overflow: hidden}

.news_list_roll  > li .news_img img{width: 288px;height: 228px;transition: all .5s}

.news_list_roll  > li .news_txt{width:300px;background-color: #fff;height: 228px;padding:20px;transition: all .5s}

.news_list_roll > li .news_txt h6{color: #2e2751;font-size:18px;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-weight: bold;transition: all .5s}

.news_list_roll > li .news_txt p{font-size: 16px;color: #666;margin: 10px 0;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.news_list_roll > li i{display: block; font-size: 13px;color: #999}

.news_list_roll > li span{display:inline-block;position: relative; font-size: 13px;color:#febc35;text-transform: uppercase;padding-left: 20px;margin-top: 10px;transition: all .5s;font-weight: bold}

.news_list_roll > li span::before{position: absolute;content: "";width: 16px;height: 2px;background-color: #febc35;top: 9px;left: 0}

.news_list_roll > li:hover{box-shadow: 5px 5px 5px rgba(0,0,0,.1);}

.news_list_roll > li:hover .news_img img{transform: scale(1.2);opacity: .8}

.news_list_roll  > li:hover .news_txt{padding-left: 30px}

.news_list_roll  > li:hover .news_txt h6{color: #febc35}

.news_dots a{display: block; position: absolute;top:50%;width: 52px;height: 64px;padding:20px 14px;background-color:#febc35;margin-top: -26px}

.news_dots a.prev{left:-96px}

.news_dots a.next{right: -96px}

.news_dots a i{display: block;width: 24px;height: 24px}

.news_dots a.prev i{background: url(../images/icon_bg.png) no-repeat -176px 0;transition: all .5s}

.news_dots a.next i{background:  url(../images/icon_bg.png) no-repeat -152px 0;transition: all .5s}