@charset "utf-8";
/* CSS Document */
body,blockquote,fieldset,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,ul,li,ol,p,pre,th,td,textarea
{font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
@font-face{
    font-family:'FuturaLL';
    src:url('../Fonts/Futura LT Light.otf');
}
ol,ul,li{list-style:none;}
a{color:#333;text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;display:inline-block;vertical-align:middle;}
::-webkit-input-placeholder{color:#999;}
/* --Public-- */
.hidden{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content:".";visibility:hidden;display:block;height:0;clear:both;}
.center{text-align:center;}
.valign-middle{display:table-cell;vertical-align:middle;}
.swiper-slide{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position:relative;
}
.tc{text-align:center;}
/* --pub-- */
body{padding-top:76px;}
.pub{width:80%;margin:auto;}
/* --banner-- */
.swiper-banner{width:100%;height:930px;overflow:hidden;position:fixed;top:76px;left:0;}
.swiper-banner .swiper-wrapper{width:100%;height:100%;}
.swiper-banner .swiper-slide{overflow:hidden;}
.swiper-banner .swiper-slide .imgScale{width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:center top;background-size:cover;}
.slide-inner{width:80%;height:100%;left:10%;z-index:99;position:absolute;}
.slide-inner .banner_img{
	position: absolute;
	z-index: 5;
	opacity: 0;
	transition: 1s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition-timing-function: ease;
	-moz-transition-timing-function: ease;	/* Firefox 4 */
	-webkit-transition-timing-function: ease;	/* Safari 和 Chrome */
	-o-transition-timing-function: ease;	/* Opera */
}
.swiper-banner .ani-slide .banner_img{
	transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1;
}
.banner1_1{width:80%;left:0;top:26%;
	transform: translateX(-60px);
	-ms-transform: translateX(-60px);
	-moz-transform: translateX(-60px);
	-webkit-transform: translateX(-60px);
	-o-transform: translateX(-60px);
}
.banner2_1{width:60%;left:0;top:16%;
	transform: translateX(-60px);
	-ms-transform: translateX(-60px);
	-moz-transform: translateX(-60px);
	-webkit-transform: translateX(-60px);
	-o-transform: translateX(-60px);
}
.banner3_1{width:60%;left:16%;top:12%;
	transform: translateX(-60px);
	-ms-transform: translateX(-60px);
	-moz-transform: translateX(-60px);
	-webkit-transform: translateX(-60px);
	-o-transform: translateX(-60px);
}

/* --header-- */
.header_bg{width:100%;height:76px;position:fixed;left:0;top:0;z-index:999;background:#FFF;box-shadow:0 0 16px rgba(0,0,0,0.2);
-webkit-transition:all 0.4s;transition:all 0.4s;}
.header{position:relative;}
.header .logo{width:30%;height:76px;line-height:76px;float:left;display:table;}
.header .logo img{width:auto;height:42px;max-width:100%;}
.nava{width:70%;height:76px;float:right;position:relative;padding-right:160px;}
.nava li{width:12.5%;height:76px;float:left;font-size:16px;color:#333;line-height:76px;font-weight:bold;text-align:center;position:relative;overflow:hidden;cursor:pointer;}
.nava li span{width:0px;height:3px;background:#de4b39;position:absolute;left:50%;bottom:0px;border-radius:4px;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.nava li:hover{color:#de4b39;}
.nava li:hover span{width:30%;left:35%;}

.other{width:150px;height:48px;position:absolute;right:0px;top:14px;}
.other .lang{width:36px;height:36px;float:left;margin-top:6px;margin-right:10px;line-height:36px;text-align:center;font-size:12px;border:1px solid #eee;border-radius:50%;box-shadow:0 0 1px rgba(0,0,0,0.2);}
.other .line{width:1px;height:48px;float:left;background:url(../Image/b2.png) no-repeat left center;}

.search{width:48px;height:48px;border:1px solid #FFF;float:left;position:absolute;right:0;top:0;}
.search input.s{width:100%;height:48px;line-height:48px;color:#333;font-size:14px;border:none;outline:none;background:none;padding:0 50px 0 10px;display:none;}
.search input.b{width:46px;height:46px;border:none;outline:none;position:absolute;right:0px;top:0px;z-index:2;background:url(../Image/ser.png) no-repeat center;cursor:pointer;}
.search:hover{background:rgb(245,245,245);}
.search:hover input.s{display:block;}

/* --index-- */
.main{width:100%;height:auto;z-index:20;background:#fff;position:relative;}
.main_title{font-size:36px;color:#333;line-height:48px;font-weight:normal;padding-bottom:32px;background:url(../Image/b3.png) no-repeat left bottom;}

.morelink{width:146px;height:36px;text-align:center;overflow:hidden;border:1px solid #de4b39;border-radius:18px;display:block;position:relative;}
.morelink b{font-weight:normal;position:relative;z-index:3;font-size:16px;line-height:36px;color:#de4b39;}
.morelink i{width:100%;height:100%;background:#de4b39;position:absolute;left:-146px;top:0;z-index:2;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.morelink:hover b{color:#FFF;}
.morelink:hover i{left:0;}


.index_company{width:100%;height:auto;padding:40px 0;overflow:hidden;}
.index_company_con{width:57%;height:auto;float:left;padding-bottom:50px;padding-right:30px;border-bottom:1px solid #ddd;}
.index_company_con h1 span{display:block;}
.index_company_con p{font-size:16px;text-align:left;color:#666;line-height:32px;margin-top:30px;}
.index_company_con .morelink{margin-top:30px;}
.index_company_img{width:29%;height:auto;float:right;}
.index_company_img img{width:100%;height:auto;display:block;}
.index_company_list{width:90%;height:auto;margin-top:30px;}
.index_company_list li{width:25%;height:auto;margin-right:8.33%;float:left;}
.index_company_list li img{width:auto;height:56px;display:block;}
.index_company_list li b{font-size:24px;line-height:32px;display:block;margin-top:20px;}
.index_company_list li p{font-size:16px;color:#666;line-height:24px;margin-top:10px;}


.index_product{width:100%;height:auto;padding:40px 0;overflow:hidden;}
.index_product_title{width:28%;height:auto;float:left;}
.index_product_type{width:auto;max-width:70%;height:auto;float:right;position:relative;z-index:9;}
.index_product_type li{width:auto;height:40px;float:left;position:relative;}
.index_product_type li .t1{width:auto;height:40px;font-size:16px;color:#000;font-weight:bold;text-align:center;line-height:40px;padding:0 20px;background:url(../Image/b8.png) no-repeat left 20px center;cursor:pointer;display:block;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.index_product_type li .t1:hover{color:#de4b39;padding:0 10px 0 30px;background:url(../Image/b7.png) no-repeat left 12px center;}

.index_product_type li .con{width:0;height:auto;position:absolute;left:110%;top:-10px;border-radius:4px;background:#FFF;box-shadow:0 0 16px rgba(0,0,0,0.2);z-index:99;opacity:0;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.index_product_type li .con a{width:auto;height:32px;display:block;font-size:14px;line-height:32px;text-align:center;overflow:hidden;}
.index_product_type li .con a:first-child{padding-top:10px;}
.index_product_type li .con a:last-child{padding-bottom:10px;}
.index_product_type li:hover .con{width:140px;left:100%;opacity:1;}
.index_product_type li .con a:hover{color:#de4b39;}


.index_product_list{}
.index_product_list li{width:25%;margin-top:20px;margin-right:12.5%;padding-bottom:120px;float:left;cursor:pointer;position:relative;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.index_product_list li:nth-child(3n){margin-right:0;}
.index_product_list li img{width:100%;height:auto;-webkit-filter:grayscale(80%);filter:grayscale(80%);
-webkit-transition:all 0.4s;transition:all 0.4s;}
.index_product_list li .con{width:80%;height:auto;padding:20px 30px;position:absolute;left:0;bottom:0;z-index:9;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.index_product_list li .con span{height:32px;font-size:14px;color:#de4b39;display:block;line-height:32px;overflow:hidden;}
.index_product_list li .con b{height:32px;font-size:24px;color:#333;display:block;line-height:32px;overflow:hidden;}
.index_product_list li .con p{height:32px;font-size:16px;color:#666;line-height:32px;margin-top:10px;overflow:hidden;}
.index_product_list li:hover{}
.index_product_list li:hover img{
	-webkit-filter: grayscale(0%);filter: grayscale(0%);
	transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-o-transform: translateY(-10px);
}
.index_product_list li:hover .con{left:6%;}


.index_news{width:100%;height:auto;padding:40px 0;overflow:hidden;}
.index_news_title{width:28%;height:auto;float:left;}
.index_news_more{float:right;margin-top:20px;}
.index_news_list{}
.index_news_list li{width:47.5%;margin-right:5%;margin-top:40px;float:left;padding-bottom:58px;position:relative;}
.index_news_list li:nth-child(2n){margin-right:0;}
.index_news_list li .time{color:#FFF;line-height:32px;text-align:center;padding:30px 20px;background:#de4b39;position:absolute;right:-8%;top:-6%;opacity:0;z-index:9;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.index_news_list li .time b{font-size:36px;display:block;font-family:'FuturaLL';}
.index_news_list li .time p{font-size:20px;display:block;font-family:'FuturaLL';}
.index_news_list li .img{overflow:hidden;}
.index_news_list li .img img{width:100%;height:auto;display:block;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.index_news_list li .title{height:32px;font-size:24px;line-height:32px;color:#000;overflow:hidden;margin-top:16px;}
.index_news_list li .con{height:48px;font-size:16px;line-height:24px;color:#666;overflow:hidden;position:absolute;left:0;bottom:-10px; opacity:0;
-webkit-transition:all 0.4s;transition:all 0.4s;}

.index_news_list li:hover .time{opacity:1;right:-6%;}
.index_news_list li:hover img{transform:scale(1.12);}
.index_news_list li:hover .con{
	opacity:1;
	transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-o-transform: translateY(-10px);
}


.index_advantage{width:100%;height:auto;padding:40px 0;overflow:hidden;background:url(../Image/bg2.jpg) no-repeat center;background-size:cover;}
.index_advantage_title{width:50%;height:auto;float:left;}
.index_advantage_more{width:50%;font-size:16px;color:#666;line-height:32px;padding-left:50px;padding-right:50px;float:right;}
.index_advantage_list{width:40%;margin-left:10%;float:left;}
.index_advantage_list li{width:36%;margin-right:14%;float:left;margin-top:60px;}
.index_advantage_list li i{font-size:50px;color:#de4b39;display:block;line-height:72px;}
.index_advantage_list li span{font-size:60px;color:#de4b39;display:block;line-height:72px;font-weight:bold;}
.index_advantage_list li b{font-size:24px;color:#de4b39;display:block;line-height:32px;font-weight:normal;margin-top:20px;}
.index_advantage_list li p{font-size:16px;line-height:32px;margin-top:12px;}
.index_advantage_bg{width:50%;height:auto;float:right;margin-top:40px;}
.index_advantage_bg img{width:100%;height:auto;display:block;}


.index_cases{width:100%;height:auto;padding:40px 0;overflow:hidden;}
.index_cases_title{width:28%;height:auto;float:left;}
.index_cases_more{float:right;margin-top:20px;}
.index_cases_list{}
.index_cases_list li{width:30%;margin-right:5%;float:left;margin-top:40px;padding-bottom:10px;border-radius:6px;overflow:hidden;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.index_cases_list li:nth-child(3n){margin-right:0;}
.index_cases_list li .img{overflow:hidden;}
.index_cases_list li .img img{width:100%;height:auto;display:block;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.index_cases_list li .title{height:32px;font-size:24px;line-height:32px;color:#000;overflow:hidden;margin-top:20px;padding:0 20px;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.index_cases_list li .con{height:48px;font-size:16px;line-height:24px;color:#666;overflow:hidden;margin-top:10px;padding:0 20px;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.index_cases_list li:hover{box-shadow:0 0 16px rgba(0,0,0,0.2);}
.index_cases_list li:hover img{transform:scale(0.9);}
.index_cases_list li:hover .title{
	transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-o-transform: translateY(-10px);
}
.index_cases_list li:hover .con{
	transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-o-transform: translateY(-10px);
}



.footer{width:100%;height:auto;padding:40px 0 12px;border-top:1px solid #ddd;}
.footer .logo{width:18%;height:52px;line-height:52px;float:left;display:table;margin-top:16px;}
.footer .logo img{width:auto;height:52px;max-width:100%;}
.footer .contact{width:58%;height:auto;font-size:16px;line-height:24px;color:#666;float:left;padding-left:10%;}
.footer .order{width:20%;height:52px;float:right;overflow:hidden;position:relative;margin-top:16px;}
.order input.s{width:100%;height:52px;line-height:52px;color:#333;font-size:14px;border:none;outline:none;padding:0 50px 0 10px;background:rgb(245,245,245);}
.order input.b{width:80px;height:52px;font-size:14px;color:#FFF;border:none;outline:none;position:absolute;right:0px;top:0px;z-index:2;background:#de4b39;;cursor:pointer;}


.footer_nava{width:100%;height:56px;margin-top:40px;border-bottom:1px solid #ddd;}
.footer_nava li{width:12.5%;height:56px;float:left;font-size:16px;color:#333;line-height:56px;font-weight:bold;text-align:center;position:relative;overflow:hidden;cursor:pointer;}
.footer_nava li span{width:0px;height:3px;background:#de4b39;position:absolute;left:50%;bottom:0px;border-radius:4px;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.footer_nava li:hover{color:#de4b39;}
.footer_nava li:hover span{width:30%;left:35%;}

.footer .beian{font-size:15px;color:#333;line-height:32px;text-align:center;margin-top:12px;}
.footer .beian span{margin-left:30px;}




/* --inner-- */
.no-goods{padding:60px 0;overflow:hidden;text-align:center;}
.no-goods img{display: block;margin:0 auto 30px;width:220px;max-height: 105px;}
.no-goods p{font-size:14px;color:#999;line-height: 20px;}


.inner_banner_bg{width:100%;height:528px;}
.inner_banner{width:100%;height:528px;background-size:cover;background-position:center;overflow:hidden;position:fixed;}
.inner_banner_title{padding-top:220px;text-align:center;}
.inner_banner_title img{width:auto;max-width:80%;height:auto;display:block;margin:auto;}


.inner{padding:40px 0;}
.inner_title{font-size:36px;color:#333;line-height:48px;}
.inner_title b{color:#de4b39;}

.inner_company{padding:40px 0;}
.inner_company_con{width:57%;height:auto;float:left;padding-bottom:50px;}
.inner_company_con p{font-size:16px;text-align:left;color:#666;line-height:32px;margin-top:20px;}
.inner_company_img{width:29%;height:auto;float:right;}
.inner_company_img img{width:100%;height:auto;display:block;}
.inner_company_list{width:100%;height:auto;margin-top:30px;}
.inner_company_list li{width:30%;height:auto;margin-right:5%;padding:30px 40px;float:left;text-align:center;border:1px solid #ddd;}
.inner_company_list li:nth-child(3n){margin-right:0;}
.inner_company_list li img{width:auto;height:56px;display:block;margin:auto;}
.inner_company_list li b{font-size:24px;line-height:32px;display:block;margin-top:20px;}
.inner_company_list li p{font-size:16px;color:#666;line-height:24px;margin-top:10px;}

.inner_culture{padding:40px 0;background:rgb(245,245,245);}
.inner_culture_list{width:100%;height:auto;margin-top:40px;}
.inner_culture_list li{width:22%;height:auto;margin-right:4%;float:left;}
.inner_culture_list li:nth-child(4n){margin-right:0;}
.inner_culture_list li b{font-size:24px;line-height:32px;display:block;}
.inner_culture_list li b span{color:#de4b39;}
.inner_culture_list li p{font-size:16px;color:#666;line-height:24px;margin-top:20px;}

.inner_middle{width:100%;height:auto;padding:200px 0;overflow:hidden;position:relative;background:url(../Image/company.jpg) no-repeat center;background-size:cover;}
.inner_middle h1{color:#fff;position:relative;z-index:9;}
.inner_middle_bg{width:100%;height:100%;background:rgba(0,0,0,0.6);position:absolute;left:0;top:0;z-index:3;}

.inner_progress{padding:40px 0 0;border-bottom:1px solid #ddd;}
.inner_progress_list{width:100%;height:auto;margin-top:40px;}
.inner_progress_list li{width:18%;height:auto;margin-right:2.5%;padding-bottom:20px;float:left;position:relative;}
.inner_progress_list li:nth-child(5n){margin-right:0;}
.inner_progress_list li .time{width:108px;height:108px;font-size:24px;line-height:108px;text-align:center;background:rgb(245,245,245);border-radius:50%;position:relative;z-index:9;}
.inner_progress_list li .line{width:1px;height:100%;position:absolute;left:54px;bottom:0;background:#ddd;z-index:2;}
.inner_progress_list li .icon{width:19px;height:19px;position:absolute;left:45px;bottom:-9px;background:url(../Image/b9.png) no-repeat center;z-index:3;}
.inner_progress_list li .con{height:168px;font-size:16px;color:#666;line-height:24px;overflow:hidden;margin-left:54px;padding:24px 0 0 24px;}
.inner_progress_list li.s1{margin-top:40px;}
.inner_progress_list li.s2{padding-bottom:60px;}
.inner_progress_list li b{font-size:24px;line-height:32px;display:block;}
.inner_progress_list li b span{color:#de4b39;}
.inner_progress_list li p{font-size:16px;color:#666;line-height:24px;margin-top:20px;}

.inner_customer{padding:40px 0;}
.inner_customer_list{margin-top:20px;}
.inner_customer_list li{width:22%;height:auto;margin-top:20px;margin-right:4%;float:left;}
.inner_customer_list li:nth-child(4n){margin-right:0;}
.inner_customer_list li img{max-width:100%;margin:auto;display:block;}

.shows_list{overflow:hidden;}
.shows_list li{width:31.33%;height:auto;margin:3% 3% 0 0;float:left;overflow:hidden;cursor:pointer;}
.shows_list li:nth-child(3n){margin-right:0;}
.shows_list li .bg{width:100%;height:100%;background:url(../Image/ser2.png) no-repeat center rgba(0,0,0,0.4);position:absolute;left:0;top:0;z-index:2;padding:24px;transform:scale(1.2);opacity:0;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.shows_list li .bg .border{width:100%;height:100%;border:1px solid #FFF;}
.shows_list li .img{overflow:hidden;position:relative;border-radius:6px;}
.shows_list li img{width:100%;height:auto;display:block;-webkit-transition:all 0.5s;transition:all 0.5s;}
.shows_list li p{width:100%;height:32px;font-size:16px;color:#333;line-height:32px;text-align:center;margin-top:10px;}
.shows_list li:hover img{transform:scale(1.2);}
.shows_list li:hover .bg{transform:scale(1);opacity:1;}


.inner_agent_title{width:60%;font-size:16px;color:#666;text-align:center;line-height:32px;margin:20px auto 0;}
.inner_agent_list{width:100%;height:auto;margin-top:40px;}
.inner_agent_list li{width:22%;height:auto;margin-right:4%;float:left;cursor:pointer;}
.inner_agent_list li:nth-child(4n){margin-right:0;}
.inner_agent_list li b{font-size:24px;line-height:32px;display:block;padding:20px;text-align:center;background:rgb(245,245,245);
-webkit-transition:all 0.4s;transition:all 0.4s;}
.inner_agent_list li p{font-size:15px;color:#000;font-weight:bold;line-height:24px;padding:20px;margin-top:20px;background:rgb(245,245,245);}
.inner_agent_list li p span{margin-right:16px;display:inline-block;}
.inner_agent_list li:hover b{background:#de4b39;color:#FFF;text-align:left;text-indent:30px;}

.world_map{width:100%;margin-top:80px;}
.world_map img{width:100%;height:auto;display:block;}


.inner_message{width:37%;height:auto;float:left;margin-top:30px;}
.inner_message_con{overflow:hidden;margin-top:20px;}
.inner_message_con .in{width:100%;height:auto;border-bottom:1px solid #ddd;position:relative;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.inner_message_con input{width:100%;height:52px;margin-top:12px;font-size:16px;color:#000;padding:0 4px;border:none;outline:none;}
.inner_message_con textarea{width:100%;height:144px;margin-top:24px;font-size:16px;color:#000;padding:4px;border:none;outline:none;line-height:24px;}
.inner_message_con .btn{width:80%;height:52px;float:left;margin-right:4%;margin-top:24px;font-size:16px;color:#FFF;background:#000;border-radius:6px;cursor:pointer;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.inner_message_con .btn:hover{background:#de4b39;}
.inner_message_con .in .cur{width:0;height:2px;background:#de4b39;position:absolute;left:0;bottom:-1px;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.inner_message_con .in.current .cur{width:100%;}

.inner_contact{width:42%;height:auto;float:right;background:#000;padding:48px 60px;margin-top:30px;position:relative;}
.inner_contact h1{color:#FFF;margin-bottom:30px;}
.inner_contact p{font-size:24px;color:#FFF;line-height:32px;padding:30px 0 30px 72px;}
.inner_contact p.t1{background:url(../Image/c1.png) no-repeat left 4px center;}
.inner_contact p.t2{background:url(../Image/c2.png) no-repeat left 4px center;}
.inner_contact p.t3{background:url(../Image/c3.png) no-repeat left 4px center;}
.inner_contact p.t4{background:url(../Image/c4.png) no-repeat left 4px center;}
.inner_contact .block{width:64px;height:64px;background:#de4b39;position:absolute;left:-32px;top:-32px;}

#allmap{width:100%;height:520px;overflow:hidden;margin:40px auto 0;position:relative;border-radius:6px;}

.location_bg{border-bottom:1px solid #ddd;padding:5px;line-height:32px;}
.location{width:80%;height:32px;float:left;font-size:14px;color:#000;overflow:hidden;}
.location a{font-size:14px;color:#000;}
.return{float:right;}
.return a{font-size:14px;color:#de4b39;}


.article_box{width:80%;margin:auto;}
.news_title{font-size:24px;line-height:32px;margin-top:30px;margin-bottom:10px;color:#333;text-align:center;}
.news_deatils{font-size:12px;color:#999;line-height:24px;text-align:center;padding-bottom:20px;}
.news_deatils span{display:inline-block;margin:auto 10px;font-family:'FuturaLL';}
.news_deatils .t1{padding-left:20px;background:url(../Image/b25.png) no-repeat left center; background-size:auto 16px;}
.news_deatils .t2{padding-left:24px;background:url(../Image/b26.png) no-repeat left center; background-size:auto 16px;}
.news_deatils .t3{padding-left:20px;background:url(../Image/b27.png) no-repeat left center; background-size:auto 16px;}
.news_img{margin-bottom:30px;}
.news_img img{width:80%;height:auto;display:block;margin:auto;}
.news_con{font-size:15px;line-height:32px;}
.news_con p{font-size:15px;line-height:32px;text-indent:2em;margin-bottom:20px;}
.news_con p strong{font-size:18px;color:#de4b39;}
.news_con img{max-width:100%;display:block;margin:12px auto 0;}


.product_img{width:36%;float:left;margin-top:30px;}
.gallery-top{}
.gallery-top .swiper-slide{width:100%;padding:0 30px;display:block;}
.gallery-top .swiper-slide img{width:100%;display:block;}
.gallery-top .swiper-button-prev{left:6px;}
.gallery-top .swiper-button-next{right:6px;}
.gallery-top .swiper-button-next, .gallery-top .swiper-button-prev{width:20px;height:32px;border-radius:2px;background:#de4b39;}
.gallery-top .swiper-button-next:after, .gallery-top .swiper-button-prev:after {font-size:20px;}

.gallery-thumbs{padding-top:6px !important;margin-top:20px;}
.gallery-thumbs .swiper-slide{border:1px solid #eee;}
.gallery-thumbs .swiper-slide img{width:100%;display:block;}
.gallery-thumbs .swiper-slide-thumb-active{opacity:1;border:2px solid #de4b39;}
.gallery-thumbs .swiper-slide-thumb-active:before{
    content: '';
    display: block;
    width: 0;
    border: 6px solid transparent;
    border-bottom-color: #e14306;
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.product_right{width:56%;float:right;margin-top:60px;}
.product_title{font-size:24px;line-height:32px;}
.product_type{height:32px;display:block;line-height:32px;margin-top:40px;overflow:hidden;}
.product_type a{font-size:15px;color:#de4b39;}
.product_key{font-size:16px;color:#666;line-height:24px;padding-bottom:20px;border-bottom:1px solid #ddd;}

.product_zixun{font-size:15px;color:#de4b39;line-height:32px;margin-top:40px;}
.product_mobile{font-family:'FuturaLL';font-size:24px;line-height:42px;color:#de4b39;font-weight:bold;padding-left:40px;padding-bottom:20px;border-bottom:1px solid #ddd;background:url(../Image/b30.png) no-repeat left top 4px; background-size:auto 32px;}

.product_info{border-bottom:1px solid #ddd;line-height:32px;margin-top:40px;}
.product_info b{font-size:15px;color:#de4b39;padding:0 5px;display:inline-block;font-weight:normal;border-bottom:2px solid #de4b39;}

.product_con{font-size:15px;line-height:32px;margin-top:30px;}
.product_con p{font-size:15px;line-height:32px;margin-bottom:20px;}
.product_con img{max-width:100%;display:block;margin:auto;}


/* --分页-- */
.page{padding-top:40px;font-size:14px;color:rgb(120,120,120);text-align:center;}
.page a{margin:0px 2px;padding:6px 16px;font-size: 14px;color:#646464;border:1px solid rgb(220,220,220);border-radius:20px;overflow:hidden;}
.page span {margin:0px 2px;padding:6px 16px;font-size:14px;color:#fff;background:#175aa7;border:1px solid #175aa7;border-radius:20px;overflow:hidden;}
.page a:hover{background: #175aa7;border: #175aa7 solid 1px;color:#fff;}

/* --翻页-- */
.txt-upDown{width:auto;height:auto;clear:both;font-size:14px;margin-top:40px;}
.txt-upDown-li{width:50%;height:60px;line-height:60px;padding:0 20px;overflow:hidden;color:#666;display:block;background:rgb(245,245,245);
-webkit-transition:all 0.4s;transition:all 0.4s;}
.txt-upDown-li .arrow{width:10%;height:60px;overflow:hidden;font-family:'宋体';font-weight:bold;}
.txt-upDown-li .title{width:90%;height:60px;overflow:hidden;color:#666;float:left;}
.txt-upDown-li:hover{color:#fff;background:#de4b39;padding:0 20px;cursor:pointer;}
.txt-upDown-li:hover .title{color:#fff;}
.txt-upDown-li:hover .title a{color:#fff;}
.txt-upDown-li.txt-right{text-align:right;}



@-webkit-keyframes imgScale {
  from {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1); }
  to {
    transform: scale(1.04);
    -ms-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -o-transform: scale(1.04);}
}
@keyframes imgScale {
  from {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1); }
  to {
    transform: scale(1.04);
    -ms-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -o-transform: scale(1.04);}
}
.imgScale {
	animation: imgScale 6s ease-in-out infinite alternate;
	-webkit-animation: imgScale 6s ease-in-out infinite alternate;
}