@charset "utf-8";

/* CSS Document */

.index_bg{background: url(../images/bg.jpg);width: 100%;height: 100%}

.title_center{text-align: center;}

.title p{font-size: 15px;color: #ff5e14}

.title p i{display: inline-block;margin-left: 12px;}

.title p .title_xs{margin-left: 0;margin-right: 12px}

.title h6{font-size: 30px;color: #0a3071;font-weight: bold;margin: 10px 0 24px;text-transform: uppercase;}

/*banner*/

.banner_roll ul li{float: left; width:1920px;overflow: hidden;height: 814px;}

.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:20px;height:20px;margin:0 5px;font-size: 0;cursor:pointer; border-radius: 10px;border: 1px solid #666}

.banner_dots ul li.on{ background:#ff5e14;border:1px solid #ff5e14;}

/*关于我们*/

.about{background-color: #f7f6f6;padding: 100px 0 120px;margin: 72px 0}

.about_title p{font-size: 20px;}

.about_txt{width: 668px;}

.about_txt > p{font-size: 17px;color: #666;line-height: 33px}

.about_right{position: relative; width: 508px;}

.about_img{width: 508px;height: 396px;border-radius: 36px;overflow: hidden;}

.about_img img{width: 100%}

.about_xs{position: absolute;bottom: 0;left: -80px;}

.more{display: block; width: 175px;height: 42px;text-align: center;line-height: 44px;background-color: #ff5e14;color:#fff;font-size: 16px;border-radius: 10px;margin-top: 20px;}

.more span{display: inline-block;vertical-align: middle}

.more i{display: inline-block;vertical-align: middle;padding-left: 6px}

/*产品*/

.product{margin-bottom: 72px}

.product_title{}

.product_title ul li{}

.product_title ul li{display: inline-block;margin: 0 40px 24px 0;width: 270px;height: 44px;border: 1px solid #bfbfbf;border-radius: 10px;background-color: #f7f6f6;text-align: center;line-height: 44px;font-size: 20px;color: #747272;transition: all .5s;text-transform: uppercase;}
.product_title ul li:last-child{margin-right: 0;}
.product_title ul li a{display: block;}

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

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

.product_list1{display: none}

.product_list1.cur{display: block;}

.product_list1_title{padding: 24px 16px;border: 1px solid #ececec}

.product_list1_title ul li{float: left}

.product_list1_title ul li a{font-size: 18px;color:rgba(46,46,53,.64);position: relative;margin: 0 30px;line-height: 40px;transition: all .5s}

.product_list1_title ul li a::before{position: absolute;content:"";width: 6px;height: 6px;border-radius: 8px;border: 1px solid #89888a;top: 6px;left: -16px}

.product_list1_title ul li:hover a{color: #ff5e14}

.product_list1_title ul li:hover a::before{border: 1px solid #ff5e14;}

.product_list1_con ul li{float: left;margin: 27px 0 0 27px;width: 382px;border: 1px solid #dfdcdc;overflow: hidden;}

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

.product_list1_con ul li .product_img{position: relative; width: 382px;height: 292px;overflow: hidden;}

.product_list1_con ul li .product_img em{position: absolute;content: "";width: 382px;height: 292px;background-color:rgba(0,0,0,.4);top: 0;left: 0;display:none;transition: all .5s}

.product_list1_con ul li .product_img img{width: 100%;transition: all .5s}

.product_list1_con ul li .product_txt{background-color: #fff;padding:20px 28px 24px;transition: all .5s}

.product_list1_con ul li .product_txt h6{font-size: 18px;color: #333;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 6px}

.product_list1_con ul li .product_txt p{font-size: 16px;color: #666;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.product_list1_con ul li:hover .product_img img{transform: scale(1.2);}

.product_list1_con ul li:hover .product_img em{display: block;}

.product_list1_con ul li:hover .product_txt{padding-left: 24px}

.product_list1_con ul li:hover .product_txt h6{color: #ff5e14}

/*为什么*/

.hui{ width:100%; height:148px; background:#f4f4f4; margin-top:-150px;}

.slide .txt{width:971px; height:148px; margin:0 auto; background:url(../images/hs.jpg) no-repeat left; display:none;padding: 20px 20px 0 30px}

.slide .txt h6{ font-size:20px; color:#333;text-transform: uppercase;font-weight: bold;margin-bottom: 4px}

.slide .txt p{ font-size:15px; line-height:28px; color:#666; height:56px; overflow:hidden;}

/*合作*/

.case{margin: 72px 0}

.case_con{position: relative;}

.case_list ul li{position:relative; width:382px;float: left;margin:0 27px 72px 0}

.case_list ul li .case_list_img{width: 382px;height:308px;overflow: hidden;}

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

.case_list ul li a> h6{font-size: 18px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5;text-align: center;margin-top: 10px}

.case_dots a{display: block; position: absolute;top:115px;width: 48px;height: 78px;}

.case_dots a.prev{background:#ebebeb  url(../images/case_left.png) no-repeat center;left: -80px;transition: all .5s}

.case_dots a.next{background:#ebebeb  url(../images/case_right.png) no-repeat center;right: -80px;transition: all .5s}

.case_dots a.prev:hover{background:#ff5e14  url(../images/case_left1.png) no-repeat center;}

.case_dots a.next:hover{background:#ff5e14  url(../images/case_right1.png) no-repeat center;}

.case_list ul li .case_list_txt{opacity: 0; width: 382px;height: 308px;position: absolute;top: 0;left: 0;background-color:rgba(10,48,113,.8);padding: 20px;transition: all .5s}

.case_list_border{border: 1px solid #fff;width: 342px;height: 268px;overflow: hidden;padding: 48px 20px 0 20px;}

.case_list_txt .case_list_border img{width: 52px;height: 52px;margin: 0 auto 20px;}

.case_list_txt .case_list_border p{white-space: normal;font-size: 15px;color: #fff;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 30px;}

.case_list ul li:hover .case_list_txt{opacity: 1;}

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

/*工厂*/

.factory{background-color: #f7f6f6;padding: 72px 0}

.factory_con{position: relative;}

.factory_list{width: 1200px;overflow: hidden;}

.factory_list ul{white-space: nowrap;width: 500%}

.factory_list ul li{position: relative; width: 376px;height: 470px;float: left;margin-right:36px;overflow: hidden;}

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

.factory_list ul li h6{opacity: 0; position: absolute;width: 376px;height: 470px;top: 0;left: 0;font-size: 26px;color: #fff;text-align: center;background-color: rgba(0,0,0,.65);transition: all .5s;white-space: normal;padding: 184px 20px 0 20px}

.factory_list ul li:hover h6{opacity: 1;}

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

.factory_dots a{top: 188px;z-index: 999}

.factory_dots a.prev{left: -60px;}

.factory_dots a.next{right: -60px;}

/*新闻*/

.news{padding: 72px 0}

.news_title ul{text-align: center;margin-bottom: 36px;}

.news_title ul li{display:inline-block;width: 218px;height: 46px;border:1px solid #bfbfbf;border-radius: 10px;font-size: 20px;color: #747272;line-height: 46px;text-align: center;margin:0 14px;transition: all .5s}

.news_title ul li a{display: block;}

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

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

.news_list{display: none;}

.news_list.on{display: block;}

.news_list ul li{float: left;width: 380px;border:1px solid #eaeaea;overflow: hidden;margin-left: 30px;transition: all .5s}

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

.news_list ul li .news_list_img{width: 380px;height: 258px;overflow: hidden;}

.news_list ul li .news_list_img img{width: 100%;transition: all .5s;}

.news_list_txt{background-color: #fff;padding: 16px 24px 30px}

.news_list_txt h6{font-size: 18px;color: #333;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;transition: all .5s;}

.news_list_txt span{display: block;font-size: 14px;color: #999;margin: 6px 0 10px;}

.news_list_txt p{font-size: 16px;color: #666;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}

.news_list_txt em{position: relative; display: block;font-size: 14px;color: #333;font-weight: bold;text-transform: uppercase;padding-left: 36px;margin-top: 16px;transition: all .5s}

.news_list_txt em::before{position: absolute;content: "";width: 30px;height: 3px;background-color: #ff5e14;top: 8px;left: 0;transition: all .5s}

.news_list ul li:hover{border:1px solid #ff5e14;}

.news_list ul li:hover .news_list_txt em{margin-left: 4px;color: #ff5e14}

.news_list ul li:hover .news_list_txt h6{color: #ff5e14;margin-left: 4px}

.news_list ul li:hover .news_list_img img{transform: scale(1.2)}

/*友情链接*/

.link{background-color: #ff5e14}

.link p{color: #fff;font-size: 20px;line-height: 64px;text-transform: uppercase;}

.link p a{font-size: 16px;text-transform: capitalize}