@charset "utf-8";
/* CSS Document */




/***********header***********/
.header { position: relative; z-index: 999; }
.header.header_fixed { position: fixed; top: 0; left: 0; right: 0; box-shadow: 0 2px 4px rgba(0,0,0,.1); }

.header_top { background-color: #666; }
.header_top > div { padding: 26px 0; }
.header_top > div > div { float: right; }
.header_logo { float: left !important; }
.header_logo a { display: block; }
.header_logo a img { display: block; width: auto; height: 58px; }
.header_sign { margin-right: 40px; }
.header_sign a { color: #fff; font-weight: 700; font-size: 18px; display: block; line-height: 1em; }
.header_sign a:hover { color: #dd0033; }
.header_language { display: inline-block; vertical-align: top; }
.header_language dl { height: 20px; line-height: 22px; position: relative; z-index: 9999; cursor: pointer; }
.header_language dt { position: relative; padding-right: 24px; font-size: 18px; color: #fff; font-weight: 700; cursor: pointer; width: 24px; line-height: 1em; }
.header_language dd { position: absolute; top: 100%; left: 0; right: 0; z-index: 999; background-color: #fff; box-shadow: 1px 1px 4px rgba(0,0,0,.3); margin-top: 4px; display: none; padding: 4px 0; text-align: center; }
.header_language dd a { display: block; padding: 0 10px; line-height: 26px; }
.header_language i { position: absolute; top: 0; right: 0; z-index: -1; }
.header_language i:before { color: #fff; display: block; text-align: center;
	-webkit-transform: scale(.8); 
	-moz-transform: scale(.8); 
	-ms-transform: scale(.8); 
	-o-transform: scale(.8); 
	transform: scale(.8);
}
.header_language dt:hover { color: #dd0033; }


.header_nav { text-align: center; background-color: #fff; }
.header_nav > div > ul { display: inline-block; vertical-align: top; }
.header_nav > div > ul > li { float: left; position: relative; }
.header_nav > div > ul > li > div > a { font-weight: 700; display: block; line-height: 1em; padding: 24px 36px; }
.header_nav > div > ul > li > div > i { font-size: 12px; line-height: 16px; display: block; margin-left: 8px; position: absolute; top: 50%; right: 20px; margin-top: -8px; }
.header_nav > div > ul > li:hover > div > a { color: #dd0033; }
.header_nav > div > ul > li:hover > div > i { color: #dd0033;
	-webkit-transform: rotate(180deg); 
	-moz-transform: rotate(180deg); 
	-ms-transform: rotate(180deg); 
	-o-transform: rotate(180deg); 
	transform: rotate(180deg); 
}

.header_subnav { 
	position: absolute; top: 0; left: 0; background-color: #fff; min-width: 100%; opacity: 0; filter: alpha(opacity=0); visibility: hidden;
	-webkit-transform: scale(.5); 
	-moz-transform: scale(.5); 
	-ms-transform: scale(.5); 
	-o-transform: scale(.5); 
	transform: scale(.5);
}
.header_subnav ul { padding: 8px 0; }
.header_subnav ul li a { display: block; padding: 8px 36px; text-align: left; white-space: nowrap; font-size: 18px; font-weight: 700; }
.header_subnav ul li a:hover { background-color: #f4f5f6; }
.header_nav > div > ul > li:hover .header_subnav { 
	top: 100%; opacity: 1; filter: alpha(opacity=100); visibility: visible;
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1);
}


/*header_phone*/
.header_phone_more,
.header_phone_close { display: none; }
.header_phone_more.active { display: none!important; }
.header_phone_close.active { display: block!important; }
.header_phone_more i,
.header_phone_close i { color: #fff; }






/***********footer***********/
.footer_box { border-top: 1px solid #e1e1e1; padding: 66px 0 80px; }
.footer_box > div { float: left; }
.footer_box > div h3 { font-size: 20px; line-height: 1em; margin-bottom: 36px; }
.footer_left { width: 100%; }
.footer_left ul { margin-right: 80px; }
.footer_left ul li { float: left; width: 33.33%; }
.footer_left ul li:nth-child(n+2) > div { padding-left: 44px; }
.footer_left ul li > div h4 { font-size: 18px; font-weight: 700; margin-bottom: 20px; }
.footer_left ul li > div > div { display: inline-block; vertical-align: top; min-width: 48%; margin-bottom: 12px; }
.footer_left ul li > div > div span { position: relative; padding-left: 24px; display: block; font-size: 15px; }
.footer_left ul li > div > div span i { position: absolute; top: 1px; left: 0; color: #dd0033; }
.footer_left_address { }

.footer_right { width: 30%; text-align: center; }
.footer_right .button_btn { line-height: 60px; background-color: #dd0033; padding: 0; width: 200px; display: block; margin: 0 auto 50px; border: 0; }
.footer_right ul { display: inline-block; }
.footer_right ul li { text-align: left; float: left; padding: 0 16px; }
.footer_right ul li a { display: block; margin-bottom: 10px; font-size: 15px; }




/***********banner***********/
.index_banner .slide a { position: relative; display: block; }
.index_banner .slide a img { display: block; width: 100%; height: auto; }
.index_banner .slide a p { position: absolute; top: 50%; left: 50%; z-index: 2; font-size: 44px; color: #fff; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,.3);
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform:translate(-50%,-50%); 
	-ms-transform:translate(-50%,-50%); 
	transform: translate(-50%,-50%); 
}
.index_banner .slide a p span { display: block; font-size: 18px; color: #fff; line-height: 1.4em; margin-top: 20px; text-shadow: 1px 1px 1px rgba(0,0,0,.3); }

.index_banner.commbanner .bx-wrapper .bx-controls-direction a { opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.index_banner.commbanner:hover .bx-wrapper .bx-controls-direction a { opacity: 1; filter: alpha(opacity=100); visibility: visible; }





/***********首頁***********/
.index_row { padding: 66px 0; border-bottom: 1px solid #e1e1e1; }

/*1*/
.index_one { text-align: center; }
.index_one_title { margin-bottom: 54px; }
.index_one_title span { display: block; font-size: 18px; font-weight: 700; margin-bottom: 16px; }
.index_one_title h3 { font-size: 36px; font-weight: 700; }
.index_one_list ul { display: inline-block; vertical-align: top; }
.index_one_list ul li { float: left; }
.index_one_list ul li a { display: block; margin: 0 20px; height: 72px; }
.index_one_list ul li a img { display: block; width: auto; height: 100%; }

/*2*/
.index_two { text-align: center; }
.index_two .index_row_box { width: 900px; max-width: 100%; margin: 0 auto; }
.index_two h3 { font-size: 72px; font-weight: 700; color: #dd0033; line-height: 1em; }
.index_two p { font-size: 20px; margin-top: 50px; line-height: 1.6em; }

/*3*/
.index_three .index_row_box {  }
.index_three .index_row_box > div { float: left; width: 50%; }
.index_three_video video { width: 100%; height: 480px!important; background-color: #f4f5f6; }

.index_three_txt { display: table; height: 480px; }
.index_three_txt > div { display: table-cell; vertical-align: middle; padding-left: 72px; }
.index_three_txt h3 { width: 300px; font-size: 50px; font-weight: 700; line-height: 1.1em; margin-bottom: 16px; }
.index_three_txt p { font-size: 18px; line-height: 1.6em; margin-bottom: 24px; }

/*4*/
.index_four { border: 0; }
.index_four h3 { font-size: 30px; font-weight: 700; line-height: 1em; margin-bottom: 54px; text-align: center; }
.index_four ul { margin: 0 -22px; }
.index_four ul li { float: left; width: 50%; }
.index_four ul li > div { display: table; padding: 0 22px; }
.index_four ul li > div > div { display: table-cell; vertical-align: middle; }
.index_four_img { width: 300px; }
.index_four_img img { display: block; width: 100%; height: auto; }
.index_four_txt > div { padding-left: 24px; }
.index_four_txt > div span { font-size: 16px; color: #666; display: block; margin-bottom: 12px; }
.index_four_txt > div span i { margin-right: 10px; }
.index_four_txt > div h4 { font-size: 16px; font-weight: 700; margin-bottom: 24px; }
.index_four_txt > div p { 
	font-size: 14px; line-height: 1.6em; color: #666; margin-bottom: 24px; overflow: hidden; 
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/*5*/
.index_five { border: 0; padding-top: 0; }
.index_five .index_row_box { background-color: #f7f6f4; padding: 66px; text-align: center; }
.index_five h3 { font-size: 30px; font-weight: 700; line-height: 1em; margin-bottom: 54px; }
.index_five h4 { font-size: 20px; font-weight: 700; line-height: 1em; }
.index_five h4 span { font-size: 20px; font-weight: 700; color: #666; display: block; line-height: 1em; margin: 10px 0; }
.index_five h4:after { content: ""; width: 2px; height: 50px; background-color: #999; display: block; margin: 0 auto; }
.index_five p { font-size: 18px; color: #999; width: 1000px; max-width: 100%; margin: 16px auto 0; }








/*products*/
.products_top { position: relative; padding: 12px 16px 12px 240px; margin-bottom: 36px; border: 2px solid #ededed; border-radius: 8px; }
.products_top_icon { position: absolute; top: 50%; left: 16px; margin-top: -12px; }
.products_top_icon i { font-size: 24px; display: block; float: left; line-height: 1em; cursor: pointer; }
.products_top_icon i.active { color: #dd0033; }
.products_top_icon i.icongengduo-2 { font-weight: 700; margin-right: 12px; }
.products_top_compare { float: left; line-height: 36px; font-weight: 700; font-size: 14px; }
.products_top_select { float: right; }
.products_top_select .form_row { margin: 0; padding: 0; }
.products_top_select .form_row:last-child { margin-left: 44px; }
.products_top_select label { margin: 0 12px 0 0; float: left; line-height: 36px; font-size: 14px; }
.products_top_select .form_select { float: left; height: 34px; width: 180px; border-color: #ededed; border-radius: 4px; }

.products_list ul { margin: 0 -20px; }
.products_list ul li { float: left; width: 33.33%; }
.products_list ul li > div { margin: 0 20px 54px; }
.products_list_img a { display: block; border-radius: 6px; overflow: hidden; }
.products_list_img a img { display: block; width: 100%; height: auto; }
.products_list_img a:hover img { 
	-webkit-transform: scale(1.1); 
	-moz-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-o-transform: scale(1.1); 
	transform: scale(1.1);
}
.products_list_txt a { font-weight: 700; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; margin-top: 16px; }
.products_list_txt a:hover { color: #dd0033; }

.products_list.active ul li { float: none; width: 100%; }
.products_list.active ul li > div { margin-bottom: 36px; }
.products_list.active ul li > div > div { display: table-cell; vertical-align: middle; }
.products_list.active .products_list_img a { width: 360px; height: auto; }
.products_list.active .products_list_txt { /*height: 360px; display: table;*/ }
.products_list.active .products_list_txt a { display: table-cell; vertical-align: middle; margin: 0; padding-left: 24px; text-overflow: inherit; white-space: inherit; text-align: left; }

.products_list_bottom { border: 2px solid #ededed; border-radius: 8px; padding: 16px; text-align: right; }
.products_list_bottom span { display: inline-block; vertical-align: top; font-weight: 700; }

/*products_classify*/
.products_classify .commonlist_txt1 { width: 380px; }
.products_classify_bottom { padding-top: 36px; border-top: 1px solid #ececec; }
.products_classify_bottom > a { float: left; display: block; }
.products_classify_bottom_txt { width: 380px; text-align: center; padding-right: 20px; font-size: 44px; font-weight: 700; }




/*product_details*/
.products_details_con { padding-bottom: 36px; margin-bottom: 54px; border-bottom: 2px solid #ededed; }

.products_details_l { float: left; width: 42%; }
.products_details_l .commbanner .bx-pager { display: none; }
.products_details_l .commbanner .bx-wrapper { max-width: inherit!important; }
.products_details_l .commbanner .bx-wrapper .bx-prev { left: 10px; }
.products_details_l .commbanner .bx-wrapper .bx-next { right: 10px; }
.products_details_l .commbanner .bx-wrapper .bx-controls-direction a { background-color: rgba(0,0,0,.6); width: 30px; height: 30px; line-height: 30px; margin-top: -15px;  }
.products_details_l .commbanner .bx-wrapper .bx-controls-direction a:before { font-size: 12px; }
.products_details_l #tFocus_btn .tFocusprev,
.products_details_l #tFocus_btn .tFocusnext { display: none; }
.products_details_l #tFocus_box { margin-bottom: 20px; }
.products_details_l #tFocus_box ul li a { width: 100%; display: block; }
.products_details_l #tFocus_box ul li a img { width: 100%; display: block; }
.products_details_l .commbanner .slide { cursor: pointer; border: 2px solid transparent; }
.products_details_l .commbanner .slide img { display: block; }
.products_details_l .commbanner .slide.active { border-color: #dd0033; }

.products_details_r { float: right; width: 58%; }
.products_details_r > div { padding-left: 36px; }
.products_details_r > div h3 { font-size: 22px; font-weight: 700; line-height: 1em; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #ededed; }
.products_details_r > div h4 { font-weight: 700; margin-bottom: 20px; }
.products_details_r > div h4 span { font-weight: 700; display: inline-block; vertical-align: top; padding-left: 44px; }
.products_details_r > div > span { font-weight: 700; display: block; margin-bottom: 18px; color: #999; }
.products_details_r > div > p { font-weight: 700; display: block; color: #999; line-height: 1.6em; }

.products_details_video { width: 1000px; max-width: 100%; height: 530px; margin: 0 auto; }
.products_details_video iframe { display: block; width: 100%; height: 100%; }





/*new*/
.new_top h3 { font-size: 28px; font-weight: 700; line-height: 1em; margin-bottom: 66px; }
.new_list ul li { padding-bottom: 54px; margin-bottom: 54px; border-bottom: 1px solid #ececec; }
.new_list ul li a { display: block; font-size: 30px; font-weight: 700; margin-bottom: 30px; }
.new_list ul li img { width: 100%; height: auto; display: block; margin-bottom: 30px; }
.new_list ul li p { font-size: 16px; font-weight: 700; color: #666; line-height: 1.6em; }
.new_list ul li:last-child { margin-bottom: 0; padding-bottom: 0; border: 0; }




/*capabilities*/
.capabilities_list ul li { padding: 36px 0; border-bottom: 1px solid #e4e4e4; }
.capabilities_list ul li > div { position: relative; padding-right: 50%; }
.capabilities_img { width: 100%; }
.capabilities_img img { display: block; width: 100%; height: auto; }
.capabilities_txt { display: table; height: 100%; position: absolute; top: 0; bottom: 0; left: 50%; right: 0; }
.capabilities_txt > div { display: table-cell; vertical-align: middle; padding-left: 44px; }
.capabilities_txt h4 { font-size: 36px; font-weight: 700; margin-bottom: 32px; }
.capabilities_txt p { font-size: 18px; font-weight: 700; margin-bottom: 32px; color: #666; line-height: 1.6em; }

.capabilities_list ul li:first-child { padding-top: 0; }
.capabilities_list ul li:last-child { padding-bottom: 0; border: 0; }
.capabilities_list ul li:nth-child(even) > div { padding-left: 50%; padding-right: 0; }
.capabilities_list ul li:nth-child(even) .capabilities_txt { right: 50%; left: 0; }
.capabilities_list ul li:nth-child(even) .capabilities_txt > div { padding-left: 0; padding-right: 44px; }


/*design*/
.design_con img { display: block; width: 100%; height: auto; margin: 0 0 54px; }
.design_con h3 { font-size: 54px; font-weight: 700; line-height: 1em; margin-bottom: 44px; }
.design_con p { font-size: 17px; line-height: 1.6em; color: #999; margin-bottom: 40px; }
 





/*sign*/
.sign form { margin: 0 -12px; }
.sign form > div { float: left; width: 50%; }
.sign form > div > div { border: 2px solid #ededed; padding: 0 24px; margin: 0 12px; border-radius: 8px; }
.sign form .button_btn { margin: 20px 0; line-height: 50px; padding: 0 24px; }

.sign_title { font-size: 18px; font-weight: 700; line-height: 1em; padding: 18px 0; margin-bottom: 20px; border-bottom: 2px solid #ededed; }
.sign_summary { font-weight: 700; margin-bottom: 20px; }

.sign_con_l p { color: #666; line-height: 1.6em; }
.sign_con_r .form_item { margin: 0; }
.sign_con_r .form_row { float: none; padding: 0; margin-bottom: 20px; }
.sign_con_r .form_input,
.sign_con_r .form_password { border: 2px solid #ededed; height: 40px; }
.sign_con_r label { font-size: 16px; }

.sign_forgotten { text-align: right; }
.sign_forgotten a { font-weight: 700; line-height: 1em; display: inline-block; vertical-align: top; }



/*register*/
.register_con .form_item { margin: 0; }
.register_con .form_row { float: none; padding: 0; margin-bottom: 20px; }
.register_con .form_row:after { content: ""; clear: both; display: block; height: 0; }
.register_con .form_input,
.register_con .form_select { float: left; width: 64%; border: 2px solid #ededed; height: 40px; }
.register_con .form_select { width: 300px!important; }
.register_con .form_select i { 
	width: 40px; text-align: center; line-height: 40px; top: 0; right: 0; margin: 0; color: #fff; background-color: #949494;
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1);
}
.register_con .form_row label { float: left; width: 30%; line-height: 44px; margin: 0 3% 0 0; text-align: right; }

.register_btn { text-align: right; padding-top: 60px; }
.register_btn .button_btn { line-height: 50px; padding: 0 24px; }

.register_btn .form_choice { display: inline-block; }
.register_btn .form_choice input { margin: 0 0 0 6px; }













/**********************************修改**********************************/
/*.crumbs { padding: 16px; }
.crumbs a, .crumbs a i { font-size: 16px; }

.commonbox { padding: 30px 0 66px 16px; }
.commonbox_l { width: 250px; }
.commonbox_l_title h3 { font-size: 16px; }
.commonbox_l_list ul li > div > a { font-size: 14px; }
.commonbox_l_title h3 { padding: 16px 20px; margin-bottom: 10px; }
.commonbox_l_list ul li > div > div a { font-size: 14px; padding: 16px 20px; }
.commonbox_l_list ul li > div > a { padding: 16px 20px; }
.commonbox_r { width: 726px; }

.products_top_select .form_select { width: 136px; }
.products_top_select .form_row:last-child { margin-left: 24px; }
	
.products_details_l .commbanner .slide { width: 87px!important; }
.products_details_video { height: 400px; }

.footer_box > div h3 { margin-bottom: 30px; }
.footer_left ul li > div h4 { font-size: 16px; }
.footer_left ul { margin-right: 54px; }
.footer_left ul li:nth-child(n+2) > div { padding-left: 30px; }
.footer_right ul li { padding: 0 14px; }*/

.commonbox_l { width: 300px; }
.commonbox_l_title h3,
.commonbox_l_list ul li > div > a { padding: 20px 24px; }
.commonbox_r { width: 820px; }
	
.commonlist_txt1 { max-width: 300px; }
.commonlist_txt1 a { font-size: 36px; }

.products_classify .commonlist_txt1 { width: 300px; }
.products_classify_bottom_txt { width: 300px; font-size: 36px; }
.products_details_l .commbanner .slide { width: 100px!important; }
.products_details_r > div { padding-left: 24px; }
.products_details_video { height: 450px; }

.capabilities_txt > div { padding-left: 30px; }
.capabilities_list ul li:nth-child(even) .capabilities_txt > div { padding-right: 30px; }
.capabilities_txt h4 { font-size: 24px; margin-bottom: 16px; }
.capabilities_txt p { font-size: 16px; margin-bottom: 16px; height: 100px; overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.new_top h3 { margin-bottom: 44px; }
.new_list ul li { padding-bottom: 44px; margin-bottom: 44px; }

.products_top { padding-left: 140px; }
.products_list ul { margin: 0 -12px; }
.products_list ul li > div { margin: 0 12px 44px; }
.products_details_l .commbanner .slide { width: 95px!important; }
.products_top { padding-left: 100px; }
/*.products_top_compare { float: none; margin-bottom: 4px; }
.products_top_select { float: none; }*/

.register_con .form_input, .register_con .form_select { width: 60%; }




.products_top { border: 0; }
.products_top .products_top_select { float: none; }

.products_list_bottom { text-align: center; }
.products_list_bottom span { font-size: 12px; padding-top: 10px; }