/* CSS Document */

#banner {
	width::100%;
	height:400px;
	background-position:center;
	background-repeat:no-repeat;
	overflow:hidden;
}

.banner_title {
	margin-top:150px;
	padding-left:300px;
	width:100%;
	box-sizing:border-box;
	color:#FFF;
	font-size:40px;
	
}

.banner_slogon {
	padding-left:300px;
	width:100%;
	box-sizing:border-box;
	color:#999;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}



#menu {
	margin-top:30px;
	width:100%;
	min-width:1400px;
	height:100px;
	text-align:center;
	background-color:#FFF;
	overflow:hidden;
}

#menu a {
	display:inline-block;
	margin:10px;
	padding:15px 30px 15px 30px;
	min-width:120px;
	border:1px solid #045AB0;
	border-radius:3px;
	color:#045AB0;
	box-sizing:border-box;
	font-size:18px;
	text-align:center;
}

#menu a:hover , #menu a.active , #menu a:focus {
	color:#FFF;
	background-color:#045AB0;
}




.column_title {
	margin-top:40px;
	margin-bottom:20px;
	text-align:center;
	overflow:hidden;
}

.column_title_text , .column_title_line {
	display:inline-block;
}

.column_title_text {
	margin:15px;
	height:100px;
}

.column_title_line {
	width:130px;
	height:29px;
	border-top:2px solid #CCC;
}

.column_title_ch {
	color:#666;
	font-size:36px;
	text-align:center;
}

.column_title_en {
	margin-top:10px;
	color:#CCC;
	font-size:18px;
	text-align:center;
}

.column_slogan {
	margin-top:80px;
	margin-bottom:80px;
}

.column_slogan_ch {
	margin-bottom:20px;
	font-size:36px;
	text-align:center;
}

.column_slogan_en {
	color:#999;
	font-size:18px;
	text-align:center;
}

.block_space_100 {
	width:100%;
	height:100px;
}



#column_service1 {
	background-color:#EEE;
}

.service1_image {
	float:left;
	padding-bottom:0px;
	width:40%;
	height:496px;
	overflow:hidden;
}

.service1_image img {
	height:100%;
}

.service1_text {
	margin-top:50px;
	padding-right:80px;
	float:right;
	width:55%;
	max-height:350px;
	box-sizing:border-box;
	overflow:hidden;
}

.service1_text_title {
	height:60px;
	font-size:23px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}


.service2_slogan {
	margin-bottom:0px;
	width:100%;
	line-height:80px;
	font-size:36px;
	text-align:center;
}

.service2_item_list {
	width:100%;
	text-align:center;
	overflow:hidden;
}

.service2_item {
	display:inline-block;
	margin:80px;
	width:240px;
	vertical-align:top;
}

.service2_item dt {
	width:240px;
	height:200px;
	background-color:#045AB0;
}

.service2_text {
	color:#666;
	font-size:18px;
	text-align:left;
}


.service3_item_list {
	width:100%;
	text-align:center;
	overflow:hidden;
}

.service3_item {
	display:inline-block;
	margin:50px;
	width:300px;
	height:120px;
	border-radius:5px;
	overflow:hidden;
}

.service3_item dt {
	float:left;
	margin-left:10px;
	width:80px;
	height:120px;
	background-color:#FFF;
}

.service3_text {
	float:right;
	margin-right:20px;
	width:180px;
	line-height:90px;
	color:#FFF;
	font-size:22px;
	text-align:right;
}

.service3_text a {
	color:#FFF !important;
}

#service3_item1 {
	background-color:#045AB0;
}

#service3_item2 {
	background-color:#F0AA3E;
}

#service3_item1 .service3_text div {
	margin-top:-20px;
	line-height:20px;
	color:#1587F9;
}

#service3_item2 .service3_text div {
	margin-top:-20px;
	line-height:20px;
	color:#F9DCAE;
}




.design_list {
	float:left;
	margin:1.5%;
	padding-bottom:17.08%;
	width:30%;
	height:0px;
	border:1px solid #CCC;
	text-align:center;
	overflow:hidden;
}

.design_list:hover {
	box-shadow: 0 0 15px #CCC;
	-webkit-box-shadow: 0 0 15px #CCC;
	-moz-box-shadow: 0 0 15px #CCC;
}

.design_list img {
	position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
	width:90%;
}





.block_news {
	margin:auto;
	padding-bottom:20px;
	width:83.33%;
	min-width:1400px;
	overflow:hidden;
}

.list_news {
	display:block;
	margin:auto;
	margin-top:50px;
	width:95%;
	height:400px;
	border-bottom:1px solid #EEE;
	overflow:hidden;
}

.list_news:hover .list_news_title {
	color:#1587F9;
}

.list_news_image {
	float:left;
	width:40%;
	height:350px;
	overflow:hidden;
}

.list_news_image img {
	height:100%;
	transform:scale(1,1);
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-o-transform:scale(1,1);
}

.list_news:hover .list_news_image img {
	transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
}

.list_news_text {
	float:left;
	padding-left:70px;
	width:60%;
	height:100%;
	box-sizing:border-box;
	overflow:hidden;
}

.list_news_title {
	width:100%;
	height:60px;
	color:#333;
	font-size:24px;
	overflow:hidden;
}

.list_news_description {
	width:100%;
	height:90px;
	line-height:30px;
	font-size:18px;
	overflow:hidden;
}

.list_news_date {
	line-height:80px;
	color:#CCC;
	font-size:18px;
}

.list_news_ico {
	float:right;
	margin-top:60px;
	width:150px;
	height:50px;
	line-height:50px;
	border:1px solid #1587F9;
	color:#1587F9;
	font-size:18px;
	text-align:center;
}

.list_news:hover .list_news_ico {
	color:#FFF;
	background-color:#1587F9;
}




.application_list_item {
	float:left;
	margin:1.5%;
	width:30%;
	overflow:hidden;
}

..application_image {
	padding-bottom:100%;
	width:100%;
	height:0px;
	overflow:hidden;
}

.application_image img {
	width:100%;
}

.application_title {
	position:absolute;
	top:70%;
	bottom:0px;
	width:100%;
	height:30%;
	line-height:700%;
	color:#FFF;
	font-size:18px;
	text-align:center;
	z-index:3;
}

.application_border {
	position:absolute;
	top:-30px;
	left:-30px;
	right:-30px;
	bottom:-30px;
	background-image:url(../images/border.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:85%;
	z-index:2;
	opacity:0;
}

.application_mask {
	position:absolute;
	top:70%;
	bottom:0px;
	width:100%;
	height:30%;
	background-color:#000;
	opacity:0.7;
	z-index:1;
}

.application_list_item:hover .application_title {
	top:0px;
	height:100%;
	line-height:2500%;
}

.application_list_item:hover .application_mask {
	top:0px;
	height:100%;
}

.application_list_item:hover .application_border {
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	opacity:1;
}






.block_case {
	margin:auto;
	width:75%;
	min-width:1400px;
	overflow:hidden;
}

.list_case {
	float:left;
	margin:1.64%;
	width:30%;
}

.list_case:hover {
	box-shadow: 0 0 15px #CCC;
	-webkit-box-shadow: 0 0 15px #CCC;
	-moz-box-shadow: 0 0 15px #CCC;
}

.list_case_image_group {
	width:100%;
	overflow:hidden;
}

.list_case_image {
	padding-bottom:100%;
	width:100%;
	height:0px;
	overflow:hidden;
}

.list_case_image img {
	width:100%;
}

.list_case:hover .list_case_image img {
	transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
}

.list_image_mask_bg , .list_image_mask_image , .list_image_mask_ico {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
	opacity:0;
}

.list_image_mask_bg {
	background-color:#000;
	z-index:1;
}

.list_image_mask_image {
	z-index:2;
	
	animation:rotate_hover 12s;
	-moz-animation:rotate_hover 12s;
	-webkit-animation:rotate_hover 12s;
	-o-animation:rotate_hover 12s;
	
	animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	
	animation-fill-mode :forwards;
	-moz-animation-fill-mode :forwards;
	-webkit-animation-fill-mode :forwards;
	-o-animation-fill-mode :forwards;
	
	animation-timing-function:linear;
	-moz-animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-o-animation-timing-function:linear;
}

.list_image_mask_ico {
	z-index:3;
}

.list_case:hover .list_image_mask_bg , .list_case:hover .list_image_mask_image , .list_case:hover .list_image_mask_ico {
	opacity:1;
}

.list_image_mask_image img , .list_image_mask_ico img {
	position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
	width:auto;
}

.list_image_mask_image {
	
}

.list_case:hover .list_image_mask_bg {
	opacity:0.7;
}

.list_case_text {
	padding:20px;
	width:100%;
	height:80px;
	box-sizing:border-box;
	overflow:hidden;
}

.list_case_title {
	float:left;
	width:85%;
}

.list_case_title_text {
	color:#333;
	font-size:18px;
}

.list_case_descripion {
	color:#999;
}

.list_case_ico {
	float:right;
	width:15%;
	height:80px;
}

.list_case_ico dt {
	width:80px;
	height:40px;
	background-color:#999;
}

.list_case:hover .list_case_ico dt {
	background-color:#F0AA3E;
}






.column_contact {
	margin:auto;
	padding-left:30px;
	padding-right:30px;
	width:1400px;
	box-sizing:border-box;
	overflow:hidden;
}

.column_contact_left {
	float:left;
	width:45%;
	overflow:;
}

.column_contact_right {
	float:right;
	width:50%;
	overflow:hidden;
}

.column_contact_left div {
	margin-bottom:15px;
	padding-bottom:15px;
	width:100%;
	border-bottom:1px solid #CCC;
	box-sizing:border-box;
	color:#666;
	font-size:18px;
	overflow:hidden;
}

.column_contact_left div dt {
	float:left;
	width:70px;
	height:50px;
	background-color:#CCC;
}

#column_contact_phone dt {
	height:70px;
}

.column_contact_left div dl {
	float:left;
	margin-left:30px;
	width:350px;
	line-height:50px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

.column_contact_phone {
	line-height:26px !important;
}

#column_contact_company {
	line-height:50px;
	color:#666;
	font-size:36px;
}

#column_contact_wechat {
	height:170px;
	text-align:center;
}

#column_contact_wechat dd {
	display:inline-block;
	margin-left:20px;
	margin-right:20px;
	margin-top:0px;
	width:110px;
	height:150px;
	line-height:30px;
	text-align:center;
	overflow:hidden;
}

#column_contact_wechat dd img {
	width:100%;
}


.msg_text {
	float:left;
	padding:50px;
	width:30%;
	height:460px;
	box-sizing:border-box;
	background-color:#555;
	overflow:hidden;
}

.msg_text div {
	color:#FFF;
}

.msg_text_title {
	font-size:36px;
}

.msg_text_line {
	margin-bottom:50px;
	margin-top:30px;
	width:50px;
	height:2px;
	background-color:#FFF;
}

.msg_text_description {
	line-height:30px;
}


.msg_form {
	float:right;
	padding-left:5%;
	padding-right:5%;
	width:65%;
	box-sizing:border-box;
	overflow:hidden;
}

.form_border {
	padding:10px;
	width:100%;
	overflow:hidden;
}

.form_border input[type=text] , textarea {
	display:block;
	padding:10px;
	border:0px;
	color:#666;
	font-size:16px;
	background-color:#EEE;
}

#TYM_Phone , #TYM_Mobile {
	float:left;
	width:40%;
	height:30px;
}

#TYM_Company , #TYM_Title {
	float:right;
	width:50%;
	height:30px;
}

#TYM_Content {
	width:98%;
	height:150px;
}

#btn_submit {
	display:block;
	float:right;
	margin-top:50px;
	width:140px;
	height:50px;
	line-height:50px;
	border:0px;
	color:#FFF;
	font-size:18px;
	text-align:center;
	background-color:#F0AA3E;
	cursor:pointer;
	
	-webkit-appearance: none;
}
	





.block_company {
	margin:auto;
	padding:50px;
	width:78%;
	min-width:1400px;
	box-sizing:border-box;
	overflow:hidden;
}

#about_company_text {
	float:left;
	padding-top:30px;
	width:40%;
	overflow:hidden;
}

#about_company_video {
	float:right;
	width:50%;
	height:560px;
	background-image:url(../images/back_2.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	overflow:hidden;
}

.about_company_title {
	width:100%;
	line-height:60px;
	border-bottom:1px solid #999;
	color:#999;
	font-size:42px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:bold;
	text-align:right;
}

#about_company_video video {
	position:absolute;
	right:0px;
	bottom:0px;
	width:680px;
	height:385px;
}


.about_company_data {
	text-align:center;
	margin-top:50px;
	vertical-align:top;
	overflow:hidden;
}

.about_company_data_item {
	display:inline-block;
	padding:50px;
	width:200px;
	text-align:center;
	vertical-align:top;
	overflow:hidden;
}

.data_text {
	margin-top:30px;
	line-height:30px;
	color:#666;
	text-align:center;
	
}


.block_business {
	margin:auto;
	padding:50px;
	width:100%;
	min-width:1400px !important;
	box-sizing:border-box;
	font-size:0px;
	text-align:center;
	overflow:hidden;
}


.block_business a {
	display:inline-block;
	margin:1.5%;
	padding-bottom:10.5%;
	width:10.5%;
	height:0px;
	line-height:600%;
	border-radius:500px;
	box-sizing:border-box;
	color:#FFF;
	font-size:14px;
	text-align:center;
	background-color:#045AB0;
	overflow:hidden;
}

.block_business a:hover {
	background-color:#F0AC41;
}

.block_business a dt {
	width:100%;
	height:100px;
	box-sizing:border-box;
	background-color:#FFF;
}





.block_market {
	margin:auto;
	width:1250px;
	background-image:url(../images/image_2.png);
	background-position:right top;
	background-repeat:no-repeat;
	overflow:hidden;
}

.about_market {
	float:left;
	width:50%;
	overflow:hidden;
}



.marquee {
	margin:auto;
	width:1200px !important;
	overflow:hidden;
}

.marquee_item {
	height:240px;
	overflow:hidden;
}

.marquee_item img {
	width:100%;
}


#marquee_honor .marquee_item {
	height:600px;
}

.marquee_item img {
	width:100% !important;
	height:auto !important;
}
	


.column_product {
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;
}

#product_title {
	margin-top:0px;
	width:100%;
	overflow:hidden;
}

.column_product_title {
	float:left;
	height:120px;
	line-height:120px;
	font-size:24px;
}

.prod_type {
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
	border-bottom:1px solid #CCC;
	overflow:hidden;
}

.type_title {
	float:left;
	width:5%;
	min-width:100px;
	line-height:30px;
	font-weight:bold;
}

.type_detail {
	float:left;
	max-width:95%;
	line-height:30px;
	overflow:hidden;
}

.type_detail a {
	margin-right:20px;
	color:#666;
}

.type_detail a:hover , .type_detail a.active , .type_detail a:focus {
	color:#045AB0;
}

#type2 .type_detail {
	display:;
}




#screen , #screen_close {
	display:none;
}

#product_screen {
	margin:auto;
	padding:50px;
	padding-top:0px;
	width:80%;
	min-width:1400px;
	box-sizing:border-box;
	overflow:hidden;
}

.block_product {
	margin:auto;
	padding:50px;
	width:85%;
	box-sizing:border-box;
	overflow:hidden;
}

.product_list_item {
	float:left;
	margin:1.5%;
	width:22%;
	box-sizing:border-box;
	overflow:hidden;
}

.product_image {
	padding-bottom:100%;
	width:100%;
	height:0px;
	border:1px solid #CCC;
	box-sizing:border-box;
	text-align:center;
	overflow:hidden;
}

.product_image img {
	width:90%;
	position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
}

.product_title {
	width:100%;
	height:60px;
	line-height:60px;
	color:#666;
	font-size:16px;
	text-align:center;
	overflow:hidden;
}

.product_list_item:hover .product_title {
	color:#045AB0;
}

.product_list_item:hover .product_image {
	border:1px solid #999;
}

















#article_title {
	margin:auto;
	margin-top:30px;
	width:90%;
	line-height:120px;
	color:#333;
	font-size:36px;
	text-align:center;
	overflow:hidden;
}

#article_date {
	border-top:1px solid #CCC;
	width:100%;
	line-height:60px;
	color:#999;
	font-size:18px;
	text-align:center;
}

#article_content {
	margin:auto;
	margin-top:50px;
	margin-bottom:100px;
	width:95%;
	overflow:hidden;
}




#article_product_info {
	float:right;
	width:600px;
	overflow:hidden;
}

.product_info_item {
	margin-top:10px;
	padding-top:20px;
	padding-bottom:20px;
	width:100%;
	border-top:1px solid #CCC;
	overflow:hidden;
}

.product_info_item:first-child {
	border:0px;
}

.product_info_label {
	float:left;
	width:100px;
	line-height:30px;
	color:#333;
	font-size:18px;
	font-weight:bold;
}

.product_info_text {
	float:left;
	width:480px;
	line-height:30px;
	color:#666;
	font-size:18px;
}

.product_info_text span {
	color:#F00;
}

.product_info_button {
	margin-top:60px;
	width:200px;
	height:60px;
	line-height:60px;
	border-radius:5px;
	color:#FFF;
	font-size:18px;
	text-align:center;
	background-color:#045AB0;
}

.product_info_button:hover {
	background-color:#F0AA3E;
}

.product_info_button dt {
	display:inline-block;
	width:60px;
	height:60px;
	vertical-align:middle;
	background-color:#FFF;
}

.block_product_detail {
	float:left;
	margin-left:50px;
	width:900px;
	overflow:hidden;
}

.block_product_recomment {
	float:right;
	margin-right:50px;
	width:300px;
	overflow:hidden;
}

.product_detail_label {
	padding-left:10px;
	width:100%;
	height:50px;
	border-bottom:3px solid #045AB0;
	box-sizing:border-box;
	overflow:hidden;
}

.product_detail_label div {
	float:left;
	margin-right:5px;
	width:100px;
	height:50px;
	line-height:50px;
	border-radius:5px 5px 0px 0px;
	color:#666;
	text-align:center;
	background-color:#FFF;
	cursor:pointer;
}

.product_detail_label div:hover , .product_detail_label div.active {
	color:#FFF;
	background-color:#045AB0;
}

#myProduct .swiper-pagination {
	left:40%;
	right:40%;
	bottom:10px;
	width:auto !important;
	height:30px !important;
	line-height:30px;
	border-radius:50px;
	color:#FFF;
	font-size:14px;
	background-color:#000;
	opacity:0.7;
}



.product_recommend_title {
	margin-bottom:30px;
	width:100%;
	height:50px;
	line-height:50px;
	color:#666;
	border-bottom:1px solid #EEE;
}

.product_recommend_list {
	margin-bottom:20px;
}

.product_recommend_image {
	padding-bottom:100%;
	width:100%;
	height:0px;
	border:1px solid #CCC;
	box-sizing:border-box;
	overflow:hidden;
}

.product_recommend_image img {
	width:90%;
	position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
}

.product_recommend_title {
	width:100%;
	height:50px;
	line-height:50px;
	color:#666;;
	text-align:center;
	overflow:hidden;
}

.product_detail_content {
	display:none;
	padding:20px;
	width:100%;
	box-sizing:border-box;
	overflow:hidden;
}

.product_detail_content img {
	max-width:100%;
}








.block_article_product {
	margin:auto;
	margin-top:0px;
	width:1200px;
	overflow:hidden;
}

.product_show_border {
	float:left;
	width:460px;
	overflow:hidden;
}

.product_show_item {
	width:460px;
	height:460px;
	border:1px solid #CCC;
	box-sizing:border-box;
	overflow:hidden;
}

.product_show_item div {
	display:none;
	width:100%;
	height:100%;
}

.product_show_item div img {
	width:90%;
	position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
}

.product_show_item div:first-child {
	display:block;
}

.product_show_button {
	margin-top:20px;
	width:460px;
	height:85px;
	overflow:hidden;
}

.product_show_button div {
	display:inline-block;
	width:85px;
	height:85px;
	border:1px solid #CCC;
	box-sizing:border-box;
	background-color:#FFF;
	overflow:hidden;
	cursor:pointer;
}

.product_show_button div img {
	width:98%;
	position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
}

video {
	width:100%;
	height:90%;
}







.swiper_border {
	display:none;
}













/* 旋转 */
@keyframes rotate_hover {
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}

@-moz-keyframes rotate_hover {
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}

@-webkit-keyframes rotate_hover {
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}

@-o-keyframes rotate_hover {
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}