<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.arrIco1{
	display: inline-block;
	width: 15px;
	height: 20px;
	background: url(../images/menu_ico2.png) no-repeat right center;
}
.arrIco2{
	display: inline-block;
	width: 6px;
	height: 11px;
	background: url(../images/ico_04.png) no-repeat center center;
}
.arrIco3{
	display: inline-block;
	width: 7px;
	height: 11px;
	background: url(../images/ico_01.png) no-repeat center center;
}
.arrIco4{
	display: inline-block;
	width: 5px;
	height: 9px;
	background: url(../images/ico_02.png) no-repeat center center;
}
/*
 * header
 */
.header{
	background: #fff;
	position: relative;
	z-index: 3;
}
.logo{
	width: 250px;
	height: 117px;
}
.logo .disTable{
	width: 250px;
	height: 117px;
}
.logo img{
	display: block;
	max-width: 100%;
}
.headerR{
	width: 900px;
}
.header_T{
	height: 30px;
	margin-top:23px;
	position: relative;
}
.header_T_clm{
	line-height: 30px;
	margin-right: 15px;
}
.header_T_clm .icon{
	color: #949494;
	font-size: 18px;
	margin-right:6px;
}
.header_T_clm .icon-envelope{
	font-size: 20px;
}
.header_T_clm .text,.header_T_clm .text a{
	color: #000;
	font-weight: bolder;
	font-size: 16px;
}
.header_T_lag{
	padding-top: 5px;
	margin-right: 115px;
}
.header_T_lag a{
	float: left;
	width: 30px;
	height: 20px;
	margin: 0 5px;
}
.header_T_lag a.en{
	background: url(../images/lg_en_ico.png) no-repeat center center;
}
.header_T_lag a.rn{
	background: url(../images/lg_rn_ico.png) no-repeat center center;
}
.header_T_lag a.cn{
	background: url(../images/lg_cn_ico.png) no-repeat center center;
}

.ind_sea{
	position: absolute;
	right: 0;
	top: 0;
	height: 30px;
	border: 1px solid #d2d2d2;
	overflow:hidden;
	background: #fff;
	border-radius: 30px;
}
.ind_sea_inp{
	width: 26px;
	height: 28px;
	color:#333;
	font-size: 16px;
	padding-left: 12px;
	border: none;
	background: url(../images/search_ico.png) no-repeat 8px center;
}
.ind_sea_btn{
	width: 68px;
	height: 28px;
	color: #696969;
	font-size: 16px;
	border: none;
	background: none;
	cursor: pointer;
}


/**menu**/
.menu{
}
.menu_dl{
}
.menu_dl dd{
	float: left;
	height: 64px;
	margin: 0 2px;
	position: relative;
}
.menu_tt{
	height: 64px;
	position: relative;
}
.menu_pro_dd{
	position:static !important;
}
.menu_tt a{
	display: block;
	font-size: 18px;
	color: #303030;
	line-height: 64px;
	padding: 0 8px;
}

.menu_tt i{
	display:inline-block;
	width: 9px;
	height: 5px;
	background: url(../images/menu_ico.png) no-repeat center center;
	margin-left: 10px;
}
.menu_tt:after{
	content: "";
	display: block;
	height: 4px;
	width:0;
	position: relative;
	top: -4px;
	margin: 0 auto;
	background: #3f3f3f;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.menu_tt:hover:after{
	width: 100%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.menu_dl dd.hover .menu_tt:after{
	width: 100%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.menu_down2{
	display: none;
	position: absolute;
	left: 0;
	top: 64px;
	z-index: 3;
	width: 190px;
	padding:10px 20px;
	background:#3f3f3f;
}
.menu_down2 a{
	display: block;
	padding: 8px 0 8px 20px;
	line-height: 20px;
	color: #fff;
	font-size: 16px;
	border-bottom: 1px solid #474747;
	position: relative;
}
.menu_down2 a:before{
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	display: block;
	width: 16px;
	height: 20px;
	background:url(../images/menu_down2_ico.png) no-repeat center center;
	margin-right: 7px;
}
.menu_down2 a:hover{
	transform: translateX(6px);
	-webkit-transform: translateX(6px);
}


.menu_pro_down{
	display: none;
	width: 100%;
	position:absolute;
	left:0;
	top:117px;
	z-index:99;
	padding: 50px 0;
	background:#3f3f3f;
	overflow: hidden;
}
.menu_down_clm{
	float: left;
	width: 240px;
	overflow: hidden;
	padding:0 30px;
	border-right:1px solid #4c4c4c;
}
.menu_down_clm:first-child{
	padding-left: 0;
}
.menu_down_clm:last-child{
	padding-right: 0;
	border: none;
}
.menu_down_clmBox{
	float: left;
	width: 215px;
	overflow: hidden;
	padding:0 13px 30px;
}
.menu_down_clmBox:first-child{
	padding-left: 0;
}

.menu_down_clmBox:nth-child(5n){
	border-right:none;
	
}
.menu_down_clm_tt{
	display: block;
	line-height:20px;
	color: #fff;
	font-family: "PROXIMANOVA-BOLD";
	font-size: 16px;
	position: relative;
	padding: 6px 0;
}
.menu_down_clm_tt .arrIco1{
	position: absolute;
	left: 0;
	top:6px;
}
.menu_down_clm_tt .text{
	padding-left: 30px;
	word-break:break-all;
}
.menu_down_clm_tt:hover{
	color: #fe8301;
}
.menu_down_clm_list{
	padding: 5px 0 5px 30px;
}
.menu_down_clm_list li{
	padding: 5px 0;
}
.menu_down_clm_list li a{
	display: block;
	line-height: 20px;
	color: #a3a3a3;
	font-size: 16px;
	text-transform: capitalize;
}
.menu_down_clm_list li a:hover{
	color: #fe8301;
}

/**banner***/
.banner{
	width: 100%;
	height: 545px;
	position: relative;
}
.banner .hd{
	position: absolute;
	left: 0;
	bottom: 10px;
	z-index: 2;
	width: 100%;
	text-align: center;
}
.banner .hd ul li{
	display: inline-block;
	width: 10px;
	height: 10px;
	border: 3px solid #fff;
	line-height: 999px;
	background: #fff;
	border-radius: 50%;
	margin: 0 14px;
	overflow: hidden;
	cursor: pointer;
}
.banner .hd ul li.on{
	background: #fe8301;
}

.banner .bd{
	width: 100%;
	height: 545px;
	position: relative;
}
.banner .bd ul li a{
	display: block;
	width: 100%;
	height: 545px;
}

.index_box1{
	padding: 50px 0;
	background: #fff;
}
.index_box1_pic{
	width: 285px;
	height: 222px;
	position: relative;
}
.index_box1_pic img{
	display: block;
	max-width: 100%;
}
.index_box1_pic a{
	position: absolute;
	display: block;
	width: 135px;
	height: 135px;
	border-radius: 135px;
	overflow:hidden;
}
.index_box1_pic_green{
	top: 0;
	left: 76px;
}
.index_box1_pic_clean{
	top: 88px;
	left: 0px;
}
.index_box1_pic_safer{
	top: 88px;
	right:0px;
}


.index_box1_con{
	width:820px;
	height: 212px;
	padding-left: 45px;
	border-left: 1px dotted #c9c9c9;
}
.index_box1_con .tt{
	display: block;
	height:68px;
	line-height: 68px;
	color: #312d28;
	font-size: 30px;
	font-family: "PROXIMANOVA-BOLD";
}
.index_box1_con .text{
	height: 120px;
	line-height: 30px;
	color: #696969;
	font-size: 16px;
}
.index_box1_con .text a{
	color: #696969;
}
.index_box1_con .text a:hover{
	text-decoration: underline;
}
.index_box1_con .tt:hover{
	color: #fe8301;
}
/**ind_box2**/
.index_box2{
	height: 520px;
	background: url(../images/ind_box2_bg.png) no-repeat center center;
}
.ind_title1{
	line-height: 30px;
	padding: 50px 0 15px 0;
}
.ind_title1 .tt{
	color: #303030;
	font-size:30px;
	font-family: "PROXIMANOVA-BOLD";
}
.ind_title1 .subtt{
	color: #303030;
	font-size: 16px;
}
.ind_title1 .subtt:before{
	content: "";
	float: left;
	width: 1px;
	height: 14px;
	margin: 8px 18px 0 18px;
	background: #aaaaaa;
}
.ind_title1 .more{
	color: #fe8301;
	font-size: 16px;
	font-family: "PROXIMANOVA-BOLD";
}

.pro_listBox{
	height: 363px;
	position: relative;
	padding-top: 23px;
}
.pro_list_ul{
	width: 1200px;
}
.pro_list_ul li{
	float:left;
	width: 290px;
	height: 290px;
	margin-right: 10px;
	position: relative;
	overflow: hidden;
}
.pro_list_ul li .pic{
	display: block;
	width: 300px;
	height: 300px;
}
.pro_list_ul_inf{
	opacity: 0;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -50% 0 0 -50%;
	background: rgba(1,8,16,.8);
	transform: scale(1.8,1.8);
	-webkit-transform: scale(1.8,1.8);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.pro_list_ul_inf .tt{
	display: block;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fffefe;
	font-size: 20px;
	padding: 0 10px;
	overflow: hidden;
	margin-top: 105px;
}
.pro_list_ul_inf .more{
	color: #fe8301;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	text-align: center;
}
.pro_list_ul_inf .more .arrIco1{
	display: inline-block;
	position: relative;
	top: 5px;
	margin-left:11px;
}

.pro_list_ul li:hover .pro_list_ul_inf{
	opacity: 1;
	display: block;
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.pro_listBox .hd{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 25px;
	text-align: center;
}
.pro_listBox .hd ul li{
	display: inline-block;
	width: 182px;
	height: 22px;
	line-height: 999px;
	cursor: pointer;
	background: url(../images/pro_ico1.png) no-repeat left center;
	position: relative;
	overflow: hidden;
}
.pro_listBox .hd ul li:after{
	content: "";
	position: absolute;
	top: 9px;
	right: 10px;
	display: block;
	width: 140px;
	height: 3px;
	background: #bcbcbc;
}



.pro_listBox .hd ul li.on{
	background: url(../images/pro_ico2.png) no-repeat left center;
}


.pro_listBox .hd ul li:last-child{
	width: 22px;
	height: 22px;
}
.pro_listBox .hd ul li:last-child:after{
	display: none;
}


.index_box3{
	padding: 0 0 59px 0;
}
.ind_news{
	width: 687px;
}
.news_listBox{
	
}
.ind_newsMore{
	display: block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	color: #2a2a2a;
	font-size: 16px;
	text-align: center;
	background: #ececec;
}
.ind_newsMore .arrIco3{
	margin-left: 15px;
	position: relative;
	top: 2px;
}
.ind_newsMore:hover{
	background:#dcdcdc;
}
.news_list1 dd{
	position: relative;
	padding: 25px 0;
}
.news_list2 dd{
	border-bottom: 1px dotted #c5c5c5;
}
.news_list1 dd .date{
	position: absolute;
	left: 10px;
	top: 25px;
	width: 64px;
	color: #fe8301;
	height: 75px;
	text-align: center;
	background: url(../images/date_bg.png) no-repeat center center;
}
.news_list1 dd .date .day{
	height:33px;
	font-size: 30px;
	line-height: 35px;
	margin-top: 18px;
}
.news_list1 dd .date .month{
	height: 18px;
	line-height: 18px;
	font-size: 18px;
}
.news_list1 dd .con{
	padding-left:116px;
}
.news_list1 dd .con .tt{
	display: block;
	height: 24px;
	line-height: 24px;
	color: #303030;
	font-size: 16px;
	font-family: "PROXIMANOVA-BOLD";
	padding-top: 12px;
}
.news_list1 dd .con .text{
	height: 78px;
	line-height: 26px;
	color: #696969;
	font-size: 16px;
	margin: 8px 0;
}
.Explore_more{
	height: 20px;
	line-height: 24px;
	font-size: 16px;
	text-align: center;
	color: #ef6400;
}
.Explore_more .arrIco1{
	display: inline-block;
	position: relative;
	top: 5px;
	margin: 0 0 0 5px;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.Explore_more:hover .arrIco1{
	width:18px;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.news_list1 dd:hover .tt{
	color: #fe8301;
}

.ind_news_list{
	padding-bottom: 7px;
}
.ind_news_list dd{
	width: 330px;
	padding: 25px 0 25px 0;
}
.ind_news_list dd .date{
	left: 0;
}
.ind_news_list dd .con{
	padding-left: 81px;
}


.ind_faq{
	width: 468px;
}
.ind_faq .ind_title1 .subtt{
	margin-top: 5px;
}
.ind_faq .ind_title1 .subtt:before{
	display: none;
}

.ind_faq_dl dd{
	margin-bottom: 15px;
	position: relative;
}

.ind_faq_dl_inp,.ind_faq_dl_area{
	width: 100%;
	padding-left: 14px;
	font-size: 16px;
	color:#696969;
	border: 1px solid #c9c9c9;
}
.ind_faq_dl_inp::-webkit-input-placeholder,.ind_faq_dl_area::-webkit-input-placeholder{
	color:#929292;
}
.ind_faq_dl_inp{
	height: 36px;
}
.ind_faq_dl_area{
	padding-top:7px;
	padding-bottom:7px;
	height:90px;
}
.ind_faq_dl dd .icon{
	position: absolute;
	right: 10px;
	top: 0;
	font-size: 18px;
	color: #777;
	line-height: 36px;
}
.ind_faq_dl_btn{
	width: 134px;
	height: 35px;
	color: #fff;
	font-size: 16px;
	background: #fe8301;
	cursor: pointer;
	border: none;
}
.ind_faq_dl dd:last-child{
	padding-top: 20px;
}

/***footer*/
.footer{
	background: url(../images/footer_bg.png) repeat center center;
}


.footerT{
	clear: both;
	padding: 40px 0 15px 0;
	border-bottom: 1px solid #3f3f3f;
}
.footerT dd{
	float: left;
	width: 230px;
	margin:0 10px 15px 0;
}
.footerT dd a{
	color: #929292;
	font-size: 16px;
	line-height: 20px;
}
.footerT dd a:before{
	content: "";
	float: left;
	width: 5px;
	height: 5px;
	background: #fff;
	margin: 7px 14px 0 0;
}
.footerT dd:nth-child(5n){
	margin-right: 0;
}
.footerT dd a:hover{
	color: #fff;
}

.footerT2{
	padding: 23px 0 42px 0;
	line-height: 36px;
	border-top: 1px solid #262626;
}

.footerT2_inf dd{
	float: left;
	color: #929292;
	font-size: 16px;
	margin-right: 15px;
}
.footerT2_inf dd .icon{
	float: left;
	margin-right: 13px;
}
.footerT2_inf dd a{
	color: #929292;
}
.footer_share .text{
	color: #929292;
	font-size: 16px;
	margin-right: 8px;
}
.footer_share_btn a{
	float: left;
	width: 36px;
	height: 36px;
	margin: 0 15px 0 0;
}
.footer_share_btn a.fc{
	background: url(../images/fc.png) no-repeat center center;
}
.footer_share_btn a.tw{
	background: url(../images/tw.png) no-repeat center center;
}
.footer_share_btn a.in{
	background: url(../images/in.png) no-repeat center center;
}
.footer_share_btn a.gg{
	background: url(../images/gg.png) no-repeat center center;
}
.footer_share_btn a.yb{
	background: url(../images/yb.png) no-repeat center center;
}
.footer_share_btn a:hover{
	transform: translateY(-2px);
	-webkit-transform: translateY(-2px);
}

.footerB{
	height:50px;
	line-height: 50px;
	background: #2a2a2a;
}
.footerB_text{
	color: #5b5b5b;	
	font-size: 16px;
}
.footerB_text a{
	color: #5b5b5b;
}
.footerB_text a:hover{
	color: #fff;
}
/*****subBanner*****/
.subBanner{
	width: 100%;
	height: 300px;
}
.subBanner2{
	width: 100%;
	height: 200px;
}
.subMain{
	padding-bottom: 50px;
}
/***location***/
.location{
	height: 32px;
	line-height: 33px;
	background: #e6e8ef;
	font-size: 16px;
	margin-bottom: 30px;
	position: relative;
	top: -16px;
}
.location .text{
	color: #303030;
	padding-right: 5px;
}
.location .text .icon{
	margin:0 10px;
	color: #636363;
}
.location .conR a{
	color: #303030;
	margin: 0 5px 0 3px;
	text-transform: capitalize;
}
.location .conR a.hover{
	color: #fe8301;
}


/***about_company***/
.about_bars{
	width: 100%;
	height: 42px;
	margin-bottom: 45px;
}
.about_bars a{
	float: left;
	width: 16.66%;
	height: 42px;
	line-height: 42px;
	color: #fff;
	font-size: 16px;
	box-sizing: border-box;
	border-right: 2px solid #fff;
	background: #999ca3;
}
.about_bars a:last-child{
	border-right: none;
}
.about_bars a:hover,.about_bars a.hover{
	background: #fe8301;
}


/**newsBox**/
.subContent{
	background: #edf0f7;
}
.sub_content_tt{
	font-size: 24px;
	text-align: center;
	color: #303030;
	line-height: 30px;
	font-family: "PROXIMANOVA-BOLD";
	margin-bottom: 20px;
}
.newsTitle{
	color: #303030;
	line-height: 50px;
	font-size: 30px;
	text-align: center;
	padding-top: 20px;
}
.news_date{
	color: #666;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	padding: 10px 0 15px 0;
	border-bottom: 1px dotted #dedede;
	margin-bottom: 20px;
}
.newsBox{
	padding: 0 20px 20px;
	line-height: 30px;
	font-size:16px;
	color: #303030;
	margin-bottom: 50px;
}
.newsBox_pic img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.detail_page{
	clear: both;
	padding: 10px 0 15px 0;
	font-size: 14px;
	line-height: 26px;
}
.detail_page_clm{
	position: relative;
}
.detail_page_text,.detail_page_clm a{
	color: #303030;
}
.detail_page_text{
	color:#ef6400;
	font-size: 18px;
	padding-right: 12px;
}
.detail_page_clm a{
	float: left;
	display: block;
	color: #454545;
	font-size: 16px;
}
.detail_page_clm a:hover{
	color:#ef6400;
	text-decoration: underline;
}

/**certification list***/
.certifi_list dd{
	float: left;
	width: 250px;
	height:340px;
	border: 5px solid #fff;
	margin: 0 53px 40px 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.certifi_list dd:nth-child(4n){
	margin-right: 0;
}
.certifi_list dd .pic{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.certifi_list dd:hover{
	box-shadow:3px 3px 10px rgba(179,179,179,.75);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
/***factory**/
.factory_list dd{
	float: left;
	width: 570px;
	margin:0 30px 15px 10px;
}
.factory_list dd:nth-child(2n){
	margin-right: 10px;
}
.factory_list dd .pic{
	display: block;
	width: 570px;
	height: 380px;
	margin: 0 auto;
}
.factory_list dd .tt{
	line-height: 64px;
}
.factory_list dd .tt_text{
	height: 64px;
	color: #303030;
	font-size: 20px;
	text-indent: 20px;
	width: 520px;
}
.factory_list dd .arrIco1{
	
}
.factory_list dd .more{
	width: 23px;
	height: 23px;
	margin:20px 15px 0 0;
	border-radius: 23px;
	background: #3f3f3f;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.factory_list dd .more .arrIco4{
	float: left;
	width: 23px;
	height: 23px;
}
.factory_list dd:hover .more{
	background: #fe8301;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.factory_list2 dd{
	float: left;
	width: 360px;
	height: 313px;
	overflow: hidden;
	margin: 0 59px 10px 0;
}
.factory_list2 dd:nth-child(3n){
	margin-right: 0;
}

.factory_list2 dd .pic{
	display: block;
	width: 360px;
	height: 235px;
	margin: 0 auto;
}
.factory_list2 dd .tt{
	line-height: 68px;
	color: #303030;
	font-size: 16px;
	text-align: center;
}
.factory_list2 dd:hover .tt{
	color: #fe8301;
}


.factory_list3 dd{
	width: 360px;
	height: 235px;
	position: relative;
	overflow: hidden;
}



.float_iconBg{
	opacity: 0;
	display: block;
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	transform: scale(1.8,1.8);
	-webkit-transform: scale(1.8,1.8);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	overflow: hidden;
}
.float_iconBg .icon-zoom-in{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 30px;
	color: #fff;
	font-size: 30px;
	text-align: center;
	margin: -15px 0 0 -50%;
}

.factory_list3 dd:hover .float_iconBg{
	opacity: 1;
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}


/***application***/
.newsTextImg1 dd{
	position: relative;
	margin: 0 0 30px 0;
	overflow: hidden;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.newsTextImg1 dd .pic{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 380px;
	height: 285px;
}
.newsTextImg1 dd .pic img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.newsTextImg1 dd .con{
	padding: 0 30px 0 405px;
	height: 285px;
	background: #fff;
	overflow: hidden;
}
.newsTextImg1 dd .con .tt{
	display: block;
	color: #303030;
	height: 40px;
	line-height:40px;
	font-size: 22px;
	font-family: "PROXIMANOVA-BOLD";
	margin:30px 0 10px 0;
}
.newsTextImg1 dd .con .text{
	height: 136px;
	line-height: 34px;
	color:#696969;
	font-size: 16px;
	margin-bottom:10px;
}
.newsTextImg1 dd .con .tt:hover{
	color: #fe8301;
}
.newsTextImg1 dd .Explore_more .arrIco1{
	margin-left: 15px;
}
.newsTextImg_appli dd:nth-child(even) .pic{
	right: 0;
	left: auto;
}
.newsTextImg_appli dd:nth-child(even) .con{
	padding: 0 405px 0 30px;
}

.newsTextImg1 dd:hover{
	box-shadow:3px 3px 10px rgba(179,179,179,.75);
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
/****newsImgList2***/
.newsTextImg2 dd{
	margin-bottom: 20px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.newsTextImg2 dd .pic{
	width: 260px;
	height: 165px;
}
.newsTextImg2 dd .con{
	height: 195px;
	padding: 0 20px 0 285px;
	overflow: hidden;
}

.newsTextImg2 dd .con .tt{
	margin: 20px 0 5px 0;
	font-size: 16px;
}
.newsTextImg2 dd .con .text{
	height: 72px;
	line-height: 24px;
}
.newsTextImg2 dd:hover{
	box-shadow:3px 3px 10px rgba(179,179,179,.75);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
/**page**/
.page{
	padding: 40px 0;
	text-align: center;
	font-family: "tahomabd";
}
.page a{
	display: inline-block;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	margin: 0 5px;
	font-size: 14px;
	color:#303030;
	background: #fff;
}
.page a:hover ,.page a.hover{
	color: #fff;
	background: #fe8301;
}
.pagePrev ,.pageNext{
	padding: 0 20px !important;
	color: #fff !important;
	background: #3f3f3f !important;
}
.pagePrev .arrIco4 ,.pageNext .arrIco4{
	margin:11px 0 0 10px;
}


/**contact**/
.contact_T{
	background: #fff;
	margin-bottom: 35px;
}
.contact_tt1{
	height: 42px;
	line-height: 42px;
	color: #fff;
	font-size: 20px;
	background: #fe8301;
	font-family: "tahomabd";
}
.contact_T_list{
	padding: 25px 100px;
	text-align: center;
}
.contact_T_list dd{
	display: inline-block;
	min-width:380px;
	height: 30px;
	line-height: 30px;
	color: #303030;
	font-size: 16px;
	text-align: left;
	margin-bottom: 10px;
}
.contact_T_list dd:nth-child(3){
}
.contact_T_list dd .icon{
	float: left;
	color: #000 !important;
	margin-right: 12px;
	font-size: 20px;
}
.contact_T_list dd .text{
	font-weight: bolder;
	color:#000;
}


.contact_faq{
	background: #fff;
}
.contact_faq_tt{
	height: 40px;
	line-height: 40px;
}
.contact_faq_tt .tt{
	width: 190px;
	color: #fff;
	font-size: 20px;
	background: #fe8301;
	text-align: center;
	font-weight:bold;
}
.contact_faq_tt .text{
	width: 1010px;
	color: #303030;
	font-size: 16px;
	background: #e4e4e4;
	text-indent: 20px;
}
.contact_faq_con{
	padding: 35px 30px 50px;
	overflow: hidden;
}
.contact_form dd{
	clear: both;
	margin-bottom: 18px;
}

.contact_form dd .tt{
	width: 158px;
	color: #3e3e3e;
	font-size: 16px;
	line-height: 32px;
	text-align: right;
	padding-right: 8px;
}
.contact_form dd .tt span{
	color: #d91b04;
	font-size: 22px;
	padding-right: 3px;
}
.contact_form_inp{
	width: 950px;
	height: 32px;
	padding-left:8px;
	border: 1px solid #d2d2d2;
}
.contact_form_area{
	width: 950px;
	height: 150px;
	padding:7px 8px;
	border: 1px solid #d2d2d2;
	resize: none;
}
.contact_form_btn_box{
	float: left;
	width: 230px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	position: relative;
	background: #f03f22;
	margin:0 23px 0 410px;
}

.contact_form_btn{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	color: #fff;
	font-size: 16px;
	height: 34px;
	border: none;
	background: none;
	cursor: pointer;
	text-align: left;
	padding-left: 72px;
}
.contact_form_btn_box .icon{
	color: #fff;
	font-size: 18px;
	margin-left: 42px;
	text-align: left;
}

.contact_form_btn_box2{
	background: #fe8301;
	margin: 0;
}
.contact_form_btn_box2 .icon{
	font-size: 20px;
}



/**  left nav**/
.mainL{
	width: 270px;
	overflow: hidden;
}
.mainR{
	width:900px;
}
.mainL_T{
	background: #fff;
	margin-bottom: 30px;
}
.mainL_tt{
	line-height: 46px;
	height: 46px;
	color: #fff;
	font-size: 20px;
	text-indent: 25px;
	background: #3f3f3f;
}
.nav_dl{
	padding: 15px 12px;
	overflow: hidden;
}
.nav_dl dd{
	clear: both;
	overflow: hidden;
	padding: 10px 0;
	border-bottom: 1px dotted #dedede;
}
.nav_dl dd a{
	display: block;
	line-height: 20px;
	font-size: 16px;
	color:#303030;
	padding-left: 33px;
	position: relative;
	overflow: hidden;
}
.nav_dl dd a .arrIco2{
	position: absolute;
	left: 13px;
	top: 4px;
}
.nav_dl dd.hover a,.nav_dl dd:hover a{
	transform: translateX(6px);
	-webkit-transform:translateX(6px);
}

.mainL_contact{
	margin-bottom: 20px;
	background: #fff;
	overflow: hidden;
}
.mainL_contact .pic{
	display: block;
	max-width: 100%;
	margin: 0 auto
}
.mainL_contact .text{
	text-align: center;
	color: #303030;
	font-size: 16px;
	line-height: 24px;
	padding:20px 35px;
}
.mainL_contact .btn{
	display: block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	background: #fe8301;
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin: 15px auto 30px auto;
}

.mainL_B{
	padding: 10px 0 30px 0;
	background: #fff;
	overflow: hidden;
}
.hot_pic_tt{
	color: #303030;
	font-size: 20px;
	text-align: center;
	line-height: 50px;
}
.hot_pro_list{
	position: relative;
	width: 230px;
	margin: 0 auto;
}
.hot_pro_list .hd{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	width: 100%;
}
.hot_pro_list .hd ul{
	width: 100%;
	text-align: center;
}
.hot_pro_list .hd ul li{
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 999px;
	margin: 0 4px;
	background: url(../images/hot_ico1.png) no-repeat center center;
	cursor: pointer;
	overflow: hidden;
}
.hot_pro_list .hd ul li.on{
	background: url(../images/hot_ico2.png) no-repeat center center;
}
.hot_pro_ul li{
	float: left;
	width:230px;
	height: 310px;
	overflow: hidden;
}
.hot_pro_ul li .pic{
	display: block;
	width: 230px;
	height: 230px;
	background: #ededed;
}
.hot_pro_ul li .pic img{
	display: block;
	width: 230px;
	height: 230px;
}
.hot_pro_ul li .tt{
	height: 60px;
	line-height: 60px;
	color:#303030;
	text-align: center;
	overflow: hidden;
}
.ShareBox{
	line-height: 32px;
}
.ShareBox .tt{
	color: #303030;
	font-size: 16px;
}


/**sub news**/
.sub_news_list1Box{
	padding: 0 25px;
	background: #fff;
}


/**newsHibition***/
.newsHibition_banner{
	position: relative;
	width: 100%;
	height: 250px;
	overflow: hidden;
	margin-bottom: 20px;
}
.newsHibition_banner .hd{
	width: 100%;
	height: 13px;
	position: absolute;
	left: 0;
	bottom: 10px;
	z-index: 3;
}
.newsHibition_banner .hd ul{
	width: 100%;
	height:13px;
	text-align: center;
}

.newsHibition_banner .hd ul li{
	display: inline-block;
	width: 13px;
	height: 13px;
	line-height: 999px;
	border-radius: 13px;
	background: #fff;
	overflow: hidden;
	cursor: pointer;
	margin: 0 5px;
}
.newsHibition_banner .hd ul li.on{
	background: #fe8301;
}
.newsHibition_banner .bd  ul li{
	float: left;
	width: 900px;
	height: 250px;
}
.newsHibition_banner .bd ul li img{
	display: block;
	width: 900px;
	height: 250px;
}
.newsHibition_con{
	padding: 20px;
	overflow: hidden;
}

.newsHibition_con_tt{
	width: 515px;
	text-align: center;
	position: relative;
	margin: 0 auto;
}
.newsHibition_con_tt .text{
	display: inline-block;
	padding: 0;
	color: #303030;
	font-size: 20px;
	line-height: 30px;
	font-family: "PROXIMANOVA-BOLD";
	position: relative;
	z-index: 2;
	background: #fff;
}
.newsHibition_con_tt .text:before ,.newsHibition_con_tt .text:after{
	content: "";
	display: inline-block;
	width: 10px;
	height:10px;
	background: #b5b5b5;
	border-radius: 10px;
}
.newsHibition_con_tt .text:before{
	margin-right: 25px;
}
.newsHibition_con_tt .text:after{
	margin-left: 25px;
}
.newsHibition_con_tt .line{
	width: 100%;
	height: 1px;
	background: #d2d2d2;
	position: absolute;
	left: 0;
	top: 15px;
	z-index: 1;
}
.newsHibition_list dd{
	float: left;
	width: 420px;
	height: 220px;
	overflow: hidden;
	margin-right: 15px;
}
.newsHibition_list dd:nth-child(even){
	margin-right: 0;
}
.newsHibition_list dd a{
	display: block;
	padding: 25px;
	color: #696969;
	font-size: 16px;
}
.newsHibition_list dd .date{
	padding-left: 23px;
	height: 30px;
	line-height: 30px;
	background: url(../images/news_ico1.png) no-repeat left center;
}
.newsHibition_list dd .tt{
	color: #303030;
	line-height: 40px;
	height: 40px;
	font-family: "PROXIMANOVA-BOLD";
}
.newsHibition_list dd .text{
	height: 52px;
	line-height: 26px;
	margin-bottom: 20px;
}
.newsHibition_list dd .more{
	width: 21px;
	height: 21px;
	background: #3f3f3f url(../images/news_ico3.png) no-repeat center center;
	border-radius: 21px;
}
.newsHibition_list dd a:hover{
	background: #fe8301;
	color: #fff;
}
.newsHibition_list dd a:hover .date{
	background: url(../images/news_ico2.png) no-repeat left center;
}
.newsHibition_list dd a:hover .tt{
	color: #fff;
}
.newsHibition_list dd a:hover .more{
	background:#fff url(../images/news_ico4.png) no-repeat center center;
}


.news_know_list dd{
	float: left;
	width: 400px;
	padding: 15px;
	background: #fff;
	margin:0 38px 40px 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.news_know_list dd:nth-child(even){
	margin-right: 0;
}
.news_know_list dd .pic img{
	display: block;
	width: 400px;
	height: 200px;
}
.news_know_list dd .text{
	height: 90px;
	display: block;
	line-height: 30px;
	color: #303030;
	font-size:16px;
	margin: 15px 0 10px 0;
}
.news_know_list dd .text3{
	height: 30px;
} 
.news_know_list dd:hover{
	box-shadow:3px 3px 10px rgba(179,179,179,.75);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
/****product_detail***/
/***pro_det***/
.pro_det_T{
	background: #fff;
	margin-bottom: 40px;
}
#play{
	width:600px;
	height:600px;
	position:relative;
	overflow: hidden;
	background:#fff;
}
#play .img_ul {
	position: relative;
	z-index: 1;
	width:600px;
	height:600px;
}
#play .img_ul li{
	position: relative;
	z-index: 1;
	width:600px;
	height:600px;
	background:#fff;
}
#play .img_ul li img{position:absolute; display: block;}
.imgMove{width:512px;clear:both;;position:relative; margin: 30px 0;}
.img_hd {
	margin:0 auto;
	overflow: hidden;
	width: 512px;
	height:100px;
	position:relative;
}
.img_hd ul {
	position: absolute;
	z-index: 1
}
.img_hd ul li {
	float: left;
	height:100px;
	width:100px;
	margin:0 6px 0 5px;
	cursor: pointer;
	position:relative;
}
.img_hd ul li p{
	height:100px;
	width:100px;
	display:block;
	position:relative;
}
.img_hd ul li i{
	display:none;
}
.img_hd ul li img {position:absolute;height:100px;width:100px;}
.img_hd ul li.on {width: 98px; height: 98px; border: 1px solid #ddd;}
.img_hd ul li.on img{width: 98px; height: 98px; }

.imgMove .bottom_a {
	width:24px;
	height:100px;
	display: block;
	cursor: pointer;
	position:absolute;
	top:0;
	z-index:9;
	background:#3f3f3f url(../images/ico_03.png) no-repeat center center;
	
}
.imgMove .prev_a { left:0;}
.imgMove .next_a {
	right:0; 
	transform: rotateZ(-180deg);
	-webkit-transform: rotateZ(-180deg);
}

.pro_det_T_pic{
	width: 600px;
	height: 600px;
	overflow: hidden;
}

.pro_inf{
	width: 512px;
	padding: 0 50px 20px 38px;
	overflow: hidden;
}
.pro_inf_tt{
	display: table-cell;
	width: 512px;
	font-size: 26px;
	color: #303030;
	line-height:30px;
	font-family: "PROXIMANOVA-BOLD";
	border-bottom: 1px dotted #e0e0e0;
	vertical-align: middle;
	padding: 30px 0 15px 0;
}
.pro_inf_list{
	padding: 15px 0;
	font-size: 16px;
	border-bottom: 1px dotted #e0e0e0;
	overflow: hidden;
}
.pro_inf_clm{
	line-height: 20px;
	position: relative;
	margin-bottom: 20px;
}
.pro_inf_clm:last-child{
	margin-bottom:0;
}
.pro_inf_clm .arrIco5{
	position: absolute;
	left: 0;
	top: 7px;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background: #333;
}
.pro_inf_clm .text{
	color: #303030;
	padding-left: 17px;
}
.p_det_btn{
	padding-bottom: 30px;
}
.p_det_btn a{
	float: left;
	width: 210px;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	margin-right: 42px;
	border-radius: 42px;
	box-sizing: border-box;
	color: #fe8301;
	border: 1px solid #fe8301;
	background: #fff;
}
.p_det_btn a.hover,.p_det_btn a:hover{
	color:#fff;
	background: #fe8301;
}

.p_det_btn a .icon{
	float: left;
	height: 42px;
	font-size: 22px;
	line-height: 40px;
	margin: 0 12px 0 22px;
}
.p_det_btn a .icon-chat-3{
	margin-left: 30px;
}

.pro_inf_B{
	
}

.pro_inf_B_bars{
	background: #3f3f3f;
	height: 40px;
	line-height: 40px;
}
.pro_inf_B_bars div{
	float: left;
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding: 0 40px;
	cursor: pointer;
	border-right: 2px solid #edf0f7;
}
.pro_inf_B_bars div.hover{
	background: #fe8301;
}

.pro_inf_B_tabs{
	padding:25px;
	background: #fff;
	margin-bottom: 30px;
}
.pro_inf_B_tabs_div{
	display:none;
	overflow: hidden;
}
.pro_inf_B_text{
	color: #303030;
	font-size: 16px;
	line-height: 26px;
}
.pro_inf_B_clm{
	color: #303030;
	font-size: 16px;
	line-height: 30px;
	padding-left: 16px;
	position: relative;
}
.pro_inf_B_clm:before{
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	position: absolute;
	left: 0;
	top: 12px;
	background: #3f3f3f;
}
.pro_inf_B_clm2{
	font-family: "PROXIMANOVA-BOLD";
}
.pro_detail_rela_tt{
	color: #303030;
	text-align: center;
	margin-bottom: 30px;
}
.pro_detail_rela_tt .tt{
	font-size: 30px;
	line-height: 40px;
	font-family: "PROXIMANOVA-BOLD";
}
.pro_detail_rela_tt .subtt{
	font-size: 16px;
}
.pro_detail_rela_more{
	line-height: 30px;
	display: block;
	color: #fe8301;
	font-size: 16px;
	font-family: "PROXIMANOVA-BOLD";
	text-align: center;
	margin: 30px 0;
}

/**resource***/
.res_list dd{
	clear: both;
	margin-bottom: 50px;
	background: #fff;
	overflow: hidden;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.res_list dd .pic img{
	display: block;
	width: 800px;
	height: 400px;
}
.res_list dd .con{
	width: 350px;
	padding:0 25px;
	height: 400px;
}
.res_list dd .tt{
	display: block;
	height:30px;
	color: #202020;
	height: 30px;
	font-size: 24px;
	margin: 45px 0 15px 0;
}
.res_list dd .tt_ico{
	height: 14px;
	background: url(../images/resour_ico.png) no-repeat left center;
	margin-bottom: 20px;
}
.res_list dd .text{
	height: 180px;
	line-height: 30px;
	color: #696969;
	font-size: 16px;
	margin-bottom: 25px;
}
.res_list dd .more{
	display: block;
	height: 21px;
	line-height: 21px;
	color: #2e2f34;
	font-size: 16px;
	width: 130px;
}
.res_list dd .more_ico{
	width: 21px;
	height: 21px;
	background: #202020 url(../images/ico_02.png) no-repeat center center;
	border-radius: 21px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.res_list dd .more:hover .more_ico{
	background: #fe8301 url(../images/ico_02.png) no-repeat center center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.res_list dd .tt:hover{
	color: #fe8301;
}
.res_list dd:nth-child(even) .pic{
	float: right;
}
.res_list dd:nth-child(even) .con{
	float: left;
}
.res_list dd:nth-child(odd) .pic{
	float: left;
}
.res_list dd:nth-child(odd) .con{
	float: right;
}

.res_list dd:hover{
	box-shadow:3px 3px 10px rgba(179,179,179,.75);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}


/***pro_cover**/
.pro_list_tt1{
	width: 600px;
	margin-bottom:35px;
}
.pro_list_tt1 .text{
	background: #edf0f7;
}
.pro_cover_list dd{
	float: left;
	width: 590px;
	height:240;
	margin:0 20px 20px 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.pro_cover_list dd:nth-child(even){
	margin-right: 0;
}
.pro_cover_list dd .pic{
	display: block;
	width: 240px;
	height: 240px;
}
.pro_cover_list dd .con{
	height: 240px;
	padding:0 20px 0 260px;
}
.pro_cover_list dd .con .tt{
	margin-top: 10px;
	margin-bottom: 0;
}
.pro_cover_list dd:hover{
	box-shadow:3px 3px 10px rgba(179,179,179,.75);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

/****Installation manual download ***/
.Ins_down_list dd{
	float: left;
	width: 358px;
	height: 138px;
	background: #fff;
	padding: 10px;
	border: 1px solid #e5e5e5;
	margin: 0 30px 30px 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.Ins_down_list_detail dd{
	width:345px;
	margin:0 24px 24px 0;
}



.Ins_down_list dd:nth-child(3n){
	margin-right: 0;
}
.Ins_down_list dd .pic{
	width: 129px;
	height: 139px;
}
.Ins_down_list dd .con{
	width: 210px;
}
.Ins_down_list dd .tt{
	height: 48px;
	line-height: 24px;
	color: #303030;
	font-size: 16px;
	font-family: "PROXIMANOVA-BOLD";
	margin: 20px 0 10px 0;
}
.Ins_down_list dd .btn{
	width: 148px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #fe8301;
	border: 1px solid #fe8301;
	border-radius: 38px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.Ins_down_list dd .icon{
	float: left;
	margin:0 13px 0 23px;
	font-size: 20px;
}
.Ins_down_list dd .btn:hover{
	color: #fff;
	background: #fe8301;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.Ins_down_list dd:hover{
	box-shadow:3px 3px 10px rgba(179,179,179,.75);
	transition: all 0.5s;
	-webkit-transition: all 0.5s; 
}


/**video***/
.video_list dd{
	float: left;
	width: 360px;
	margin:0 60px 30px 0;
}
.video_list dd:nth-child(3n){
	margin-right: 0;
}
.video_list dd .pic{
	position: relative;
	overflow: hidden;
}
.video_list dd .pic ,.Ins_down_list dd .pic img{
	display: block;
	width: 360px;
	height: 235px;
}
.video_list dd .pic .icon{
	opacity: 0;
	position: absolute;
	left:0;
	top: 0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5) url(../images/video_ico.png) no-repeat center center;
	transform:scale(1.8,1.8);
	-webkit-transform:scale(1.8,1.8);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.video_list dd .tt{
	line-height: 50px;
	color:#303030;
	font-size: 16px;
}
.video_list dd .icon{
	float: left;
	color: #3b3b3b;
	font-size: 22px;
	padding-right: 8px;
}
.video_list dd:hover .icon{
	opacity: 1;
	transform:scale(1,1);
	-webkit-transform:scale(1,1);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

/**market_cover***/
.market_list1 dd{
	float: left;
	width: 270px;
	margin: 0 40px 40px 0;
	background: #fff;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.market_list1 dd:nth-child(4n){
	margin-right: 0;
}
.market_list1 dd .pic{
	display: block;
	width: 270px;
	height: 180px;
}
.market_list1 dd .con{
	padding: 20px 15px 25px 15px;
	overflow: hidden;
}
.market_list1 dd .tt{
	height: 40px;
	color: #303030;
	font-size: 16px;
	line-height: 20px;
	font-family: "PROXIMANOVA-BOLD";
}
.market_list1 dd:hover{
	box-shadow:3px 3px 10px rgba(179,179,179,.75);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

/**pro_list***/
.pro_list2 dd{
	width: 280px;
	margin: 0 20px 20px 0;
}
.pro_list2 dd .pic{
	width: 300px;
	height: 300px;
}
.pro_list2 dd .tt{
	height: 35px;
	line-height: 35px;
}



#link{position:relative;width:150px; margin-top:10px; font-family:"Arial"; display:inline-block; transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.link_title a{display: block;background:#464646; color:#929292; height:30px;line-height:30px;padding:0 40px 0 10px;position:relative;_position:static;}
.link_title a:after{content:"";position:absolute;right:0;top:0;width:30px;height:30px;background:#fe8301 url(../images/link_ico.png) no-repeat center center;}
.link_infor{position:absolute;bottom:30px;left:0;width:100%;background:#2f2f2f;padding:10px 0;display:none;}
.link_infor li a{display:block;padding:5px 10px;line-height:20px; color:#929292;}
.link_infor li:hover a{background:#464646;}

#link:hover .link_infor{
	display:block;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;

}

</pre></body></html>