@charset "utf-8";

.swiper-pagination-bullet-active { background-color:#F4C117; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:60px; }



body{ font-family:"微软雅黑","arial","sans-serif"; color:#333; font-size:14px; line-height:2; }

a,a:click,a:active,a:visited { text-decoration:none; color:#333; blr:expression(this.onFocus=this.blur()); outline: none; }

a:hover { color:#BC1F27; }

a:hover { text-decoration:none; -moz-transition-duration: all 0.3s;-webkit-transition-duration: all 0.3s;-o-transition-duration: all 0.3s; transition-duration: all 0.3s;  -webkit-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;-moz-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity; -o-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;  transition-property:color, background-color, background, width, height, top, left, bottom, right, display, border,opacity; }

.full { width:expression(document.body.clientWidth <= 1200? "1200px": "auto");;min-width:1200px; }

.clear { clear:both; }

.red { color:#BC1F27 }

.yellow { color:#F0FF00; }

.gray { color:#999; }

.space10 { clear:both; height:10px; overflow:hidden; }

.space20 { clear:both; height:20px; overflow:hidden; }

.f20 { font-size:20px; }

.f16 { font-size:16px; }

.f22 { font-size:22px; }

.pzoom { overflow:hidden; }

.pzoom img { transition: all 0.3s; }

a:hover .pzoom img { transform: scale(1.2); }





.btn-primary { background-color:#BC1F27; border-color:#BC1F27; }

	.btn-primary:hover { background-color:#BC1F27; border-color:#BC1F27; }

.swiper-button-next { width:22px; background-color:#FFF; background-image:url('../images/ico-arrowr.png'); background-size: auto 50%; border-radius:22px 0 0 22px; outline:none; }

.swiper-button-prev { width:22px; background-color:#FFF; background-image:url('../images/ico-arrowl.png'); background-size: auto 50%; border-radius:0 22px 22px 0; outline:none; }





/* head ,footer */

.top-bread { background:#F6F6F6; height:45px; line-height:45px; overflow:hidden; }

.top-search { padding:6px 0 0; }

	.top-search-box { background:#FFF; border:1px solid #BC1F27; height:32px; border-radius:16px; padding:0 0px; overflow:hidden; position:relative; }

	.top-search-box .input { border:none; background:none; font-size:14px; line-height:30px; height:30px; padding:0 20px; float:left; width:100%; outline:0px; }

	.top-search-box .btn-search { border:none; background:#BC1F27; font-size:24px; line-height:30px; height:30px; padding:0; width:40px; position:absolute; right:0; top:0px; color:#FFF; }

.top { height:88px; background:#BC1F27; }

.top .container {   }

.top-phone { color:#FFF; font-size:14px; line-height:2em; }

	.top-phone:before { content:''; display:block; width:24px; height:24px; border:1px solid #FFF; border-radius:12px; float:left; background:url('../images/icon-phone.png') no-repeat center center; margin-right:8px; margin-top:3px; }

	.top-phone strong { display:block; font-size:16px; font-weight:bolder; }

.top-logo { padding:15px 0 0 0px; }

	.top-logo img { max-height:90%; max-width:100%; }

nav.top-nav { position:relative; z-index:999; font-size:16px; margin:0px 0 0; padding:0px 0 0;}

	nav ul { margin:0; padding:0; }

	nav li { margin:0px 0px; padding:0 0px; height:auto; }

	.nav-pills > li + li { margin-left:0; }

	nav .nav>li:first-child>a { background-image:none; }

	nav .nav>li>a{ color:#FFF; width:auto; text-align:center; background:none; padding:0px 0px 0 0px; height:88px; line-height:88px; position:relative; outline: none; }

	nav .nav-pills>li.active:hover>a { color:#FFF;  background:#333; margin-top:0px; }

	nav .nav-pills>li.active>a,nav .nav-pills>li.active>a:focus,nav .nav-pills>li>a:hover{ color:#FFF; border-radius:0px;  background:#333; margin-top:0px; }

	nav .nav>li:hover>a { color:#FFF;  background:#333; border-radius:0;}

	nav .nav>li ul { display:none; list-style-type:none; margin:0 0 0 0px; padding:0px 0 0; z-index:8; background:rgba(0,0,0,0.8); border-radius:0px; position:absolute; left:-20%; top:88px; width:140%; z-index:4; border:none;  }

	nav .nav>li ul li { margin:0; padding:0; width:100%; height:50px; border:none; animation-name:navdown; animation: navdown 0.5s ease 0s normal none; -moz-animation: navdown 0.5s ease 0s normal none; -webkit-animation: navdown 0.5s ease 0s normal none; -o-animation: navdown 0.5s ease 0s normal none; }

	nav .nav>li ul li a { display:block; width:100%; border-bottom:1px solid #666; text-align:center; font-size:14px; line-height:50px; height:50px; }

	nav .nav>li ul li:last-child a { border-bottom:none; }

	nav .nav>li:hover ul { display:block; }

	nav .nav>li:hover li>a { color:#AAA; position:relative; }

	nav .nav>li:hover li>a:hover { color:#FFF;}

@-webkit-keyframes navdown{from{height:0px;} to{height:50px;} }

	@-moz-keyframes navdown{from{height:0px;} to{height:50px;} }

	@keyframes navdown{from{height:0px;} to{height:50px;} }





.index-footer { text-align:center; color:#FFF; padding:30px 0 30px; background:#BC1F27; }

	.index-footer a { color:#FFF; }

	.index-footer-logo { font-size:16px; font-weight:bolder; line-height:1.8em; text-align:left; padding-right:70px; padding-left:0px; }

		.index-footer-logo-c { display:block; text-align:center; }

		.index-footer-logo img { max-width:100%; margin-bottom:10px; }

	.index-footer-contact { text-align:left; color:rgba(255,255,255,0.9); }

		.index-footer-contact h6 { font-size:16px; font-weight:bolder; color:#FFF; margin:0 0 10px; }

		.index-footer-contact a { color:rgba(255,255,255,0.9); }

	.index-footer-qr { padding-left:40px; padding-right:0px; }

		.index-footer-qr img { float:left; width:130px; }

		.index-footer-qr p { float:left; margin:30px 0 0 20px; text-align:left; }

.float { position:fixed; bottom: 20px; right:7px; width:auto; z-index:10000; }

	.float ul { list-style-type:none; margin:0; padding:0; }

	.float li { width:auto; position:relative; z-index:1; cursor:pointer; margin-bottom:3px; background-color:#BC1F27; border-radius:4px; -webkit-box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.1); box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.1); }

	.float li i { display:block; width:60px; height:60px; background-repeat:no-repeat; background-position:center center; position:relative; z-index:2; }

	.float li.float-phone i { background-image:url('../images/icon-phone2.png'); }

	.float li.float-qq i { background-image:url('../images/icon-qq.png'); }

	.float li.float-qr i { background-image:url('../images/icon-qr.png'); }

	.float li.float-top i { background-image:url('../images/icon-top.png'); }

	.float-box { position:absolute; right:58px; top:0; width:0px; height:0px; min-height:60px; background:#BC1F27; color:#FFF; z-index:0; overflow:hidden; }

	.float li.float-phone .float-box-c { line-height:40px; padding:10px 20px; border-radius:4px 0 0 4px; }

	.float li.float-qq .float-box-c { line-height:40px; padding:10px 20px; border-radius:4px 0 0 4px;  }

		.float li.float-qq .float-box-c a { display:block; color:#FFF; width:100px; }

	.float li.float-qr .float-box { top:auto; bottom:0; }

		.float li.float-qr .float-box-c { padding:15px; text-align:center; top:-70px; }

		.float li.float-qr .float-box-c img { width:130px; margin-bottom:10px; }

	.float li:hover .float-box { display:block; right:58px; width:auto; height:auto; animation-name:floatshow; animation: floatshow 0.8s ease 0s normal none; -moz-animation: floatshow 0.8s ease 0s normal none; -webkit-animation: floatshow 0.8s ease 0s normal none; -o-animation: floatshow 0.8s ease 0s normal none; }

@-webkit-keyframes floatshow{from{opacity:0;} to{opacity:1;} }

@-moz-keyframes floatshow{from{opacity:0;} to{opacity:1;}}

@keyframes floatshow{from{opacity:0;} to{opacity:1;} }







/* pages */

.page-turner { padding:20px 10px 0; font-family:Verdana, Geneva, sans-serif; }

	.page_btn { display:inline-block; background-color:#FFF; border:1px solid #EEE; width:auto; padding:0 12px; line-height:35px; color:#333; margin:0 2px; border-radius:0px; }

	.page_cur { display:inline-block; background-color:#BC1F27; border:1px solid #BC1F27; color:#FFF; width:auto; padding:0 12px; line-height:35px; margin:0 2px; border-radius:0px; }

	.page_disable { display:inline-block; background-color:#EEE; border:1px solid #EEE; width:auto; padding:0 12px; line-height:35px; color:#333; margin:0 2px; border-radius:0px;}
	.page-turner li { list-tyle-type:none; margin:0; padding:0; display:inline-block; background-color:#FFF; border:1px solid #EEE; width:auto; padding:0 12px; color:#333; margin:0 2px; border-radius:0px; }
	.page-turner li a { display:block; width:100%; height:35px; line-height:35px; color:#333; }
	.page-turner li.active {  background-color:#BC1F27; border:1px solid #BC1F27; color:#FFF; }
	.page-turner li.active a { color:#FFF; }







/*index*/

.index-banner { width:100%; z-index:1; overflow:hidden; position:relative; }

	.index-banner .swiper-wrapper { z-index:1; }

	.banner-container a { display:block; width:100%; outline:none; }

	.banner-container img { width:100%; }

	.index-banner .swiper-pagination { bottom:10px; z-index:1; }

	.swiper-pagination-bullet { opacity:0.5; background-color:#FFF; z-index:1;outline:none; }

	.swiper-pagination-bullet-active { background-color:#BC1F27; opacity:1; }

	.index-banner .swiper-button-next { background-color:transparent; background-image:url('../images/right.png'); background-size: auto 100%; outline:none; }

	.index-banner .swiper-button-prev { background-color:transparent; background-image:url('../images/left.png');  background-size: auto 100%;outline:none; }

	.index-banner .swiper-slide-active img { animation-name:slidescale; animation: slidescale 9s ease 0s normal none; -moz-animation: slidescale 9s ease 0s normal none; -webkit-animation: slidescale 9s ease 0s normal none; -o-animation: slidescale 9s ease 0s normal none; }

@-webkit-keyframes slidescale{from{transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);    -o-transform: scale(1);} to{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);} }

@-moz-keyframes slidescale{from{transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);    -o-transform: scale(1);} to{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);} }

@keyframes slidescale{from{transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);    -o-transform: scale(1);} to{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);} }





.index-title { padding:0px 0px 40px; margin:0 auto; position: relative; text-align:center; }

	.index-title-c { display: inline-block; width:auto; padding:0px 25px; margin:0 auto; border-left:4px solid #DBDBDB; border-right:4px solid #DBDBDB; position:relative; }

	.index-title h2 { padding:0 0px 0; font-size:32px; line-height:1em; color:#BC1F27; font-weight:bolder; margin:0; width:auto; display:block; }

	.index-title small { color:#333; font-weight:900; font-size:12px; line-height:1em; }

	.index-title-c:before { content:''; display:block; position:absolute; width:100px; height: 2px; left:-100px; top:50%; background:#DBDBDB; }

	.index-title-c:after { content:''; display: block; position:absolute; width:100px; height: 2px; right:-100px; top:50%; background:#DBDBDB; }

.index-title-type { text-align:center; margin-bottom:30px; }

	.index-title-type a { display:inline-block; width:auto; padding:0 40px 5px; font-size:18px; font-weight:normal; line-height:44px; height:44px; position:relative; margin-right:15px; outline:none; color:#666; }

	.index-title-type a:after { content:'|'; display:block; color:#CCC; position:absolute; right:0; top:0; }

	.index-title-type a.active,.index-title-type a:hover { color:#FFF; background:#BC1F27; border-radius:22px; }

	.index-title-type a.active:after,.index-title-type a:hover:after,.index-title-type a:last-child:after { display:none; }

	.index-more { padding:0px 0; text-align:center; }

	.index-more a { display:inline-block; width:140px; height:49px; color:#FFF; background:#BC1F27; font-size:16px; text-align:center;  line-height:49px; border-radius:24px; }

	.index-more a:hover { background:#D9262F; }

	



.index-products { padding:50px 0 0; }

	.index-products-c { list-style-type:none; margin:0 0 20px -30px; padding:0; }

	.index-products-c li { margin:0; padding:0 0 50px 30px; }

	.index-products-c li a { display:block; width:100%; position:relative; height:345px; border-bottom:1px solid #DDD; }

	.index-products-c .pzoom { width:100%; height:0; padding-bottom:72.6%; background:#F6F6F6; margin:0 auto 5px; position: relative; overflow: hidden; }

		.index-products-c .pzoom .pic-box { width:100%; height:100%; position: absolute; }

		.index-products-c .pzoom .pic-box img { width:100%; height: 100%; object-fit: contain; }

	.index-products-c h3 { color:#333; height:30px; line-height:30px; padding:0 0px; margin:0; overflow:hidden; font-size:16px; font-weight:bolder; }

		.index-products-c .more { font-size:14px; color:#BC1F27; margin:0px 0px 0 0px; } 

		.index-products-c .mask { position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(188,31,39,0.9); padding:15px; display:none; }

		.index-products-c .mask-content { position:relative; width:100%; height:100%; border:1px solid  rgba(255,255,255,0.5); }

		.index-products-c .mask-content-c { position:absolute; width:100%; height:100%; padding:20px; overflow:hidden; }

		.index-products-c .mask-content-c h3 { color:#FFF; height:auto; margin-bottom:8px; }

		.index-products-c .mask-content-c h3:after { content:''; display:block; width:48px; height:2px; background:#FFF; }

		.index-products-c small { color:#FFF; height:1.8em; margin:0; font-size:14px; display:block; text-align:justify; }

		/*.index-products-c li:hover .mask { display:block; animation-name:boxshow; animation: boxshow 0.2s ease 0s normal none; -moz-animation: boxshow 0.2s ease 0s normal none; -webkit-animation: boxshow 0.2s ease 0s normal none; -o-animation: boxshow 0.2s ease 0s normal none; }*/

@-webkit-keyframes boxshow{from{opacity:0;transform: scale(0);} to{opacity:1;transform: scale(1);} }

@-moz-keyframes boxshow{from{opacity:0;transform: scale(0);} to{opacity:1;transform: scale(1);}}

@keyframes boxshow{from{opacity:0;transform: scale(0);} to{opacity:1;transform: scale(1);} }

		



.index-service { position:relative; overflow:hidden; height:565px; }

	.index-service-bg { width:auto; position:absolute; right:50%; top:0;box-sizing: border-box; height:560px; }
	.index-service-bg img{ width: 100%; height: 100%;}

	.index-service-pic { position:absolute; z-index:3; left:50%; top:50px; margin-left:-222px; }

	.index-service-left { padding:0 70px 0 20px;border-left: 1px dashed #ffffff;  margin-top:60px;}

	.index-service-left .index-title { text-align:left; padding-bottom:30px; }

		.index-service-left .index-title-c { border:none; text-align:left; padding:0 0 10px; }

		.index-service-left .index-title-c:before { display:none; }

		.index-service-left .index-title-c:after { height:3px; background:#FFF; right:auto; left:0; top:100%; width:70px; }

		.index-service-left .index-title-c h2 { margin-bottom:10px; }

		.index-service-left .index-title-c h2,.index-service-left .index-title-c small { color:#FFF; }

		.service-content { color:#FFF; font-size:16px; line-height:2em; text-align:justify; }

	.index-service-right { border-right:1px dashed #CCC; padding:50px 20px 0 70px; margin-top:60px; }

	.service-items { list-style-type:none; margin:0;background-repeat:no-repeat; background-position:right 20px; position:relative; padding:20px 60px 20px 0; }

		.service-items dt { font-weight:bolder; color:#666; font-size:20px; text-align:right; margin-bottom:5px; }

		.service-items dd { color:#666; font-size:16px; text-align:right; line-height:1.7em; }

		.service-items:nth-child(1) { background-image:url('../images/icon-server1.png');}

		.service-items:nth-child(2) { background-image:url('../images/icon-server2.png');}

		.service-items:nth-child(3) { background-image:url('../images/icon-server3.png');}

		.service-items:nth-child(4) { background-image:url('../images/icon-server4.png');}

		.service-items:after { content:''; display:block; width:18px; height:18px; background:url('../images/icon-dot.png') no-repeat center center; position:absolute; top:15px; right:-29px; }

		.service-items:hover dt { color:#BC1F27; }

		.service-items:hover:after { background-image:url('../images/icon-dot2.png'); }

		.fle_d{ display: flex; align-items: center; height:560px; justify-content: space-between;}

		.service-items1 { list-style-type:none; margin:0; padding:20px 0 20px 60px; background-repeat:no-repeat; background-position:left 20px; position:relative; }

		.service-items1 dt { font-weight:bolder; color:#ffffff; font-size:20px; text-align:left; margin-bottom:5px; }

		.service-items1 dd { color:#ffffff; font-size:16px; text-align:left; line-height:1.7em; }

		.service-items1:nth-child(1) { background-image:url('../images/ico_sev1.png');}

		.service-items1:nth-child(2) { background-image:url('../images/ico_sev2.png');}

		.service-items1:nth-child(3) { background-image:url('../images/ico_sev3.png');}


		.service-items1:after { content:''; display:block; width:18px; height:18px; background:url('../images/icon-dot.png') no-repeat center center; position:absolute; top:15px; left:-29px; }

		.service-items1:hover dt { color:#ffffff; }

		.service-items1:hover:after { background-image:url('../images/icon-dot2.png'); }	



.index-about { padding:100px 0 80px; background-image:linear-gradient(to bottom,#FFF 30%,#F3F3F3 30%,#F3F3F3 100%); background-repeat:repeat-x; background-position:center top; }

	.index-about .container { position:relative; z-index:0; }

	.index-about .container:after { content:'';  display:block; position:absolute; width:458px; height:175px; top:-10px; right:-10px; background:#BC1F27; z-index:0; }

	.index-about-container { padding:15px; background:#FFF; -webkit-box-shadow: 0px 1px 7px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 7px 3px rgba(0,0,0,0.1); box-shadow: 0px 1px 7px 3px rgba(0,0,0,0.1); position:relative; z-index:1; display:flex; align-items:center; }

	.about-thumb {  height:440px; }

		.about-thumb img { width:100%; max-height:440px; }

	.index-about-right {  }

	.index-about-right .index-title { text-align:left; padding-bottom:20px; }

	.index-about-right .index-title-c { border:none; padding-left:20px; }

	.index-about-right .index-title-c:before { display:none; }

	.index-about-right .index-title-c:after { height:1px; }

	.index-about-box { border-left:none; position:relative; z-index:1;  }

	.about-container { font-size:14px; color:#666; line-height:2em; height:14em; overflow:hidden; text-align:justify; margin:0 20px; }

	.index-about-box .index-more { text-align:right; }

	



		

.index-slogan { background:#BC1F27; padding:10px 0 0; position: relative;  z-index: 0; height: 155px; margin-bottom:30px; }

	.index-slogan:before { content:''; display:block; width:20%; height:185px; background:#393939; position: absolute; left:0; top:-15px; z-index: 0; }

	.index-slogan .container { position:relative; padding:0px 0px; }

	.index-slogan-c { text-align: center; position: relative; z-index: 0; padding-left:120px; }

	.index-slogan-c:before { content:''; display:block; position: absolute; width:85%; height:53px; border:1px solid #FFF; left:120px; top:35px; z-index: 0;}

	.index-slogan h5 { color:#FFF; font-size:30px; font-weight:700; background:#BC1F27; line-height:2em; height: 2em; overflow: hidden; margin:0; padding:0 10px; width:auto; display: inline-block; position: relative; z-index: 1; }

	.index-slogan h6 { color:#D9262F; font-size:20px; font-weight:noraml; background:#FFF; border-left:15px solid #BC1F27; border-right:15px solid #BC1F27; line-height:1.5em; padding:0 15px; width:auto; display: inline-block; margin:0px 0 0; z-index: 1; position: relative; }

	.index-slogan h6 strong { font-size:24px; font-weight:700; margin-left:10px; }

	.index-slogan-contact { padding:0px 0 0 0px; position:relative; z-index: 1; margin-top:-25px; }

	.index-slogan-contact:after { content:''; display:block; width:0; height:0; border-right:60px solid transparent; border-bottom:185px solid #393939; position:absolute; top:0px; right:-60px; }

	.index-slogan-contact-box { background: #393939; height: 185px; padding-top:20px; font-size:18px; text-align: center; color:#FFF; line-height:1.8em; }

	.index-slogan-contact-box strong { font-size:28px; display:block; font-weight:bolder; }

	.index-slogan .index-more a { margin-top:10px; width:128px; font-size:16px; color:#FFF; height: 34px; line-height: 34px; padding:0; background: #D9262F; border-radius:17px; border:none; }

	

	

.index-news { padding:40px 0 50px; position:relative; overflow:hidden; }

	.index-news .container { overflow:hidden; }

	.index-news h3 { font-size:18px; color:#333; margin:0 0 20px; }

	.index-news h3 i { font-size:14px; color:#D6D6D6; margin:0; font-style:normal; }

	.news-more a { font-size:14px; color:#BC1F27; }

	.index-news-box { margin:20px 0 0px 0px; }

		.index-news-top { clear:both; margin-bottom:20px; }

		.index-news-top a { display:block; width:100%; background:#F1F1F1; padding:12px 20px 12px 12px; border-radius:8px; }

		.index-news-pic { background:#FFF; padding:0; margin-right:20px; }

		.index-news-pic .pzoom { width:100%; height:0; padding-bottom:72.6%; margin:0 auto 10px; position: relative; overflow: hidden; }

		.index-news-pic .pzoom .pic-box { width:100%; height:100%; position: absolute; }

		.index-news-pic .pzoom .pic-box img { width:100%; height: 100%; object-fit: contain; }

		.index-news-top h4 { color:#333; height:30px; line-height:30px; padding:0 0px; margin:15px 0 0; overflow:hidden; font-size:16px; }

		.index-news-top small { color:#999; height:44px; line-height:22px; padding:0 0px 0 0px; margin:0 0 20px; overflow:hidden; font-size:14px; display:block; text-align:justify; }

		.index-news-top .item-time { color:#999; margin-bottom:0px; font-size:14px; }

		.index-news-top .item-more { width:125px; height:40px; line-height:40px; text-align:center; background:#DDD; display:inline-block; }

		.index-news-top a:hover { background:#BC1F27; }

		.index-news-top a:hover h4 { font-weight:bold; }

		.index-news-top a:hover h4,.index-news-top a:hover small,.index-news-top a:hover .item-time { color:#FFF; }

		.index-news-box ul { list-style-type:none; margin:0; padding:0; border:1px solid #C7C7C7; border-bottom:none;}

		.index-news-box li { border-bottom:1px solid #C7C7C7; }

		.index-news-box li a { display:block; padding:0 15px; }

		.index-news-box li a i { float:right; margin-left:20px; color:#999; font-style:normal; line-height:60px; font-size:14px; }

		.index-news-box li a h4 { color:#333; height:60px; line-height:60px; overflow:hidden; margin:0; font-size:16px; }

		.index-news-box li a h4:before { content:''; display:block; width:8px; height:2px; background:#BC1F27; float:left; margin:30px 7px 0 0; }

		.index-news-box li a:hover h4 { color:#BC1F27; }

		.index-news-box li a:hover h4:before { margin-left:5px; }

	.index-qa-box { margin:20px 0 0px 0px; padding:0 0 0 40px; }

	.index-qa { clear:both; background:#F1F1F1; padding:0px 0 30px; border-radius:8px; }	

		.index-qa ul { list-style-type:none; margin:0; padding:0 30px; }	

		.index-qa li { padding:35px 0 10px; border-bottom:1px dashed #CCC; }

		.index-qa li a { display:block; width:100%; }

		.index-qa li h3 { color:#FFF; background:#BC1F27; height:40px; line-height:40px; padding:0 20px; font-size:16px; border-radius:20px; }

		.index-qa li h3:before { content:'Q:'; margin-right:10px; }

		.index-qa li small { color:#999; height:44px; line-height:22px; padding:0 10px 0px; margin:0 0 8px; overflow:hidden; font-size:14px; display:block; text-align:justify; }

		.index-qa li small:before { content:'A'; color:#FFF; display:block; float:left; background:#333; width:30px; height:30px; line-height:30px; text-align:center; margin:2px 10px 10px 0; }

		.index-qa li a:hover h3:before { margin-right:15px; }



	





  

.index-friendlinks { background:#EDEDED; padding:15px 0; }

	.friendlinks-c { font-size:16px; color:#666; line-height:1.8em; }

	.friendlinks-c a { color:#666; display:inline-block; margin-left:10px; }







/* css of sub pages */

.sub-banner { position:relative; width:100%; height:333px; overflow:hidden; text-align:center; z-index:0; }

.sub-main { padding:0px 0 50px; min-height:300px; margin-top:0px; }

	.sub-main .container { position:relative; }

	

	.sub-title { padding:0px 0px 20px; margin-bottom:20px; margin-top:30px; border-bottom:1px solid #EEE; }

		.sub-title .dir { float:right; font-size:14px; color:#666; }

		.dir a { color:#666; }

		.sub-title h1 { float:left; margin:0 0 0px; border-left:11px solid #D7D7D7; padding:0 0px 0 10px; font-size:30px; line-height:1em; color:#BC1F27; font-weight:bolder; width:auto; }

		.sub-title h1 i { color:#CCC; font-size:18px; font-style:normal; font-weight:normal; }

	.sub-type { padding:10px 0px 0 0; text-align:center; }

		.sub-type a { display:inline-block; width:auto; padding:0 40px 5px; font-size:18px; font-weight:normal; line-height:44px; height:44px; position:relative; margin:0 2px; outline:none; color:#666; }

		.sub-type a.active,.sub-type a:hover { color:#FFF; background:#BC1F27; border-radius:22px; }

	.sub-info { text-align:center; color: #999; padding: 0 0 20px;}

	h1.title { text-align:center; font-size:24px; margin:0; padding:30px 50px 20px; margin-top:50px; color:#333; font-weight:bolder; }

	.sub-main article { height:auto; font-size:16px; line-height:2.2em; padding:0 20px; }

	.sub-main article p { margin:0; }

	.sub-main article img { max-width:100%; padding:15px; }

	.article-relative { border-top:1px solid #DDD; padding-top:15px; color:#999; margin-top: 50px; font-size:14px; }

	.article-relative-item { padding:5px 10px; line-height:20px; }

	.article-relative-item i { font-size:14px; margin:0px 0px 0 0px; } 

	.article-relative-item a { color:#666; outline:none; }

	.article-relative-item a:hover { color:#BC1F27; }



.news-list { list-style-type:none; margin:0; padding:0; }

	.news-list li { margin:0; padding:0px 0px; position:relative; }

	.news-list li:after { content:''; display:block; width:100%; height:1px; left:0; bottom:0; position:absolute; background:#D7D7D7; }

	.news-list li a { display:block; width:100%; padding:40px 20px; background:#FFF; outline:none; }

	.news-list li h3 { font-size:18px; margin:0 0 10px; padding:0px 0 0px 0px; line-height:1.8; color:#BC1F27; }

	.news-list li:hover h3 { font-weight:bold; }

	.news-list li small { font-size:14px; display: block; color:#666; padding:0px; line-height:1.8em; max-height:5.4em; overflow: hidden; margin-bottom: 0px; margin-right:200px; text-align:justify; }

	.news-list li .item-time { color:#999; font-size:14px; line-height:1em; margin-bottom:10px; }

	.news-list li .item-more { font-size:14px; color:#FFF; float:right; width:100px; height:35px; line-height:35px; text-align:center; text-align:center; background:#BC1F27; } 

	.news-list li:hover:after { background:#BC1F27; animation-name:linemove; animation: linemove 0.8s ease 0s normal none; -moz-animation: linemove 0.8s ease 0s normal none; -webkit-animation: linemove 0.8s ease 0s normal none; -o-animation: linemove 0.8s ease 0s normal none; }

@-webkit-keyframes linemove{from{width:0;} to{width:100%;} }

@-moz-keyframes linemove{from{width:0;} to{width:100%;} }

@keyframes linemove{from{width:0;} to{width:100%;}}





.products-list { margin:50px 0 0 -30px; padding:0; list-style-type:none; }

	.products-list li { padding:0px 0 30px 30px; margin: 0; }

	.products-list li a { display:block; width:100%; padding:0px; background:#FFF; position:relative; outline:none; }

	.products-list li .pzoom { width:100%; height:0; padding-bottom:72.6%; margin:0 auto 5px; position: relative; overflow: hidden; }

	.products-list li .pzoom .pic-box { width:100%; height: 100%; position: absolute; }

	.products-list li .pzoom .pic-box img { width:100%; height: 100%; object-fit: contain; }

	.products-list li h3 { height:50px; line-height:40px; font-size:14px; text-align:justify; margin: 0 0 0px; color:#666; overflow:hidden; text-align:center; }

	.products-list li a:hover { -webkit-box-shadow: 0px 1px 10px 3px rgba(50,50,50,0.1); -moz-box-shadow: 0px 1px 10px 3px rgba(50,50,50,0.1); box-shadow: 0px 1px 10px 3px rgba(50,50,50,0.1); }

	.products-list li a:hover h3 { color:#BC1F27; }





.download-list { margin:20px 0 20px 0px; padding:0; list-style-type:none; }

	.download-list li { margin:0; padding:30px 20px; position:relative; }

	.download-list li:after { content:''; width:100%; height:1px; left:0; bottom:0; position:absolute; background:#EEE; }

	.download-list li a { display:block; width:100%; padding:0px 0px; outline:none; }

	.download-list li h3 { font-size:18px; margin:0 0 10px; padding:0px 0 0px 0px; line-height:30px; color:#333; }

	.download-list li h3:before { content:''; width:6px; height:6px; border:1px solid #BC1F27; display:block; float:left; margin:13px 10px 0 0; border-radius:3px; }

	.download-list li .item-more { font-size:14px; color:#FFF; float:right; width:100px; height:35px; line-height:35px; text-align:center; text-align:center; background:#BC1F27; } 

	.download-list li:hover h3 { color:#BC1F27; }

	.download-list li:hover:after { background:#BC1F27; animation-name:linemove; animation: linemove 0.8s ease 0s normal none; -moz-animation: linemove 0.8s ease 0s normal none; -webkit-animation: linemove 0.8s ease 0s normal none; -o-animation: linemove 0.8s ease 0s normal none; }







.contact-left { padding:0px 40px 0px 0px; margin-top:30px; }

.contact-c { border:1px dashed #BC1F27; background: #FCF4F4; border-radius: 10px; padding:20px 25px; }

	.contact-item { padding:5px 0px; font-size:16px; }

	.contact-c p { margin:0 0 10px; line-height: 2em; color:#666; }

	.contact-phone { border-top:1px solid #BC1F27; padding:15px 10px 0; font-size:16px; margin-top: 20px; }

		.contact-phone .f22 { font-style: italic; color:#BC1F27; }

		.contact-phone .green { font-size:30px; line-height:2em; padding-left:40px; background:url('../images/icon-phone3.png') no-repeat left center; color:#BC1F27; }

.content-right { padding:0; margin-top:30px; }

.contact-map { padding:0px; border-radius:10px; height: 483px; overflow: hidden; }

	.contact-map img { max-width: 100%;}





/* box */

.box-bg { background-color:rgba(0,0,0,0.6); position:fixed; width:100%; height:100%; left:0; top:0; z-index:10; display:none; }

.box { background-color:#FFF; position:fixed; width:930px; height:667px; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:11; padding:10px 30px; display:none; }

	.box-close { text-align:right; padding-right:30px; background:url('../images/ico_close.png') no-repeat right center; cursor:pointer; }

	.box-c { text-align:center; max-width:100%; max-height:640px; }



.tit1{ overflow: hidden; position:relative;}
.tit1::after{ content:""; position:absolute; bottom:0; left:0; width:80px; height:2px; background:#BC1F27;}
.tit1 h3{color:#BC1F27; line-height:2.5em ;font-size: 28px;font-weight: bolder;}
.about_logo{ width: 100%; margin-top:10px;}
.about_logo ul{ overflow: hidden; width:100%; display:flex;flex-wrap:wrap;  margin:0; padding:0;}
.about_logo ul li{ list-style:none; width:16.6%; margin:10px 0;  text-align:center;}
.about_logo ul li img{ width: 94%;border: 1px solid #1C70AE; text-align:center;}
.about_logo ul li p{ padding:0; margin:0; font-size:16px; color:#333333; line-height:32px; text-align:center;}
.about-thumb .videolist02{ width: 100%; height: 100%; background-size: 100% 100%; position: relative;}
.about-thumb .videolist02 .video03{ width: 100%; height: 100%;background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; z-index: 2;}

.video_item{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);z-index:5; cursor:pointer;}

.wrap_grad{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: #000000; opacity: 0.5; filter:alpha(opacity=0.5); display: none;}

.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
.videos {position: fixed;top: 15%;width:50%;left: 50%;z-index: 100; transform: translateX(-50%);}
.videos img.vclose {width: auto;}
.videos video{ width: 100%;}