.home_container{}

.mousemove{width:2em;height:3em;border:2px solid rgba(255,255,255,.8);border-radius:1em;position:absolute;left:0;right:0;bottom:10em;margin:0 auto;z-index:9}
.mousemove:before{content:'';width:.4em;height:.4em;background-color:#fff;border-radius:50%;position:absolute;left:0;top:.5em;right:0;margin:0 auto;opacity:0;animation:mousemove 2s infinite ease-in-out}
@keyframes mousemove{0{opacity:0}30%{opacity:1}60%{opacity:0;transform:translateY(1.5em)}}

.in_box{width:100%;height:100vh;position:relative;}
.inall_box{width:100%;height:100%;margin:auto;}
.pad_top{padding-top:90px;}
a.morelink{display:block; width:130px; height:36px; line-height:36px; padding:0px 20px; border-radius:5px; font-size:18px; color:#FFF; margin-top:20px; background-image:url(../images/home/btn_icon.png); background-repeat:no-repeat; background-position:140px center; background-color:#d40415;}
a:hover.morelink{background-color:#aa0512;}



.banner{width:100%; height:100%;position:relative;z-index:2;}
.banner li{width:100%; height:100%; position:relative; overflow:hidden; }
.banner li img{min-width:100%;height:100%;position:absolute;z-index:-1;left:-200%;top:-200%;right:-200%;bottom:-200%;margin:auto;transform:scale(1.1,1.1);transition:transform 8s ease-out}
.banner_list{width:100%;height:auto;text-align:center;position:absolute;left:0;bottom:5em;overflow:visible;z-index:3}
.banner_list li{display:inline-block;vertical-align:top;width:2.6em;height:4px;background:#fff;box-shadow:0 0 10px #333;border-radius:4px;margin:0 .25em;cursor:pointer}
.banner_list li.on{background:#c10b07}
.banner li.seton{transform:rotateY(0);z-index:1}
.banner li.seton img{transform:scale(1,1)}

.in_onenews{width:100%;height:50px;line-height:50px; background:#f3f3f0; position:absolute;left:0;bottom:0;z-index:9; overflow:hidden;}
.in_onenews .in_onenewsgg{height:100%;display:block; max-width:1400px; margin:0 auto; padding-left:160px; position:relative;}
.in_onenews .in_onenewsgg span{position:absolute; top:0px; left:0px; background:url(../images/home/icon_loud.png) no-repeat 10px center; font-size:20px; font-weight:bold; color:#c10b07; padding-left:60px;}
.in_onenews .in_newsbox li{height:50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


.aboutus_frame{background:url(../images/home/aboutus_frame_bg.jpg) center; overflow:hidden;}
.aboutus_frame .s_body{max-width:1400px; margin:auto; height:100%; position:relative;}
.aboutus_frame .s_img{width:806px; height:100%; position:absolute; left:0; top:0px;}
.aboutus_frame .s_img img{width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.aboutus_frame .s_text{float:right; width:520px;}
.aboutus_frame .s_title{font-size:24px;}
.aboutus_frame .s_title span{font-size:40px; color:#c10b07; display:block;}
.aboutus_frame .s_title em{display:block; width:36px; height:6px; background-color:#c10b07; margin-top:5px;}
.aboutus_frame .s_content{line-height:40px; margin-top:10px; font-size:20px;}
.aboutus_frame .s_links{margin-top:20px;}
.aboutus_frame .s_links span{display:inline-block; margin:0px 5px;}
.aboutus_frame .s_links a{display:block; height:60px; line-height:60px; margin:10px 0; border-radius:5px; transition:300ms; font-size:20px;}
.aboutus_frame .s_links a:hover{background-color:#c10b07; color:#FFF; padding-left:10px;}
.aboutus_frame .s_links a i{width:40px; height:40px; overflow:hidden; margin-top:-5px; margin-right:10px; display:inline-block; vertical-align:middle; background-repeat:no-repeat; background-position:center; background-size:100%;}
.aboutus_frame .s_links a.s_item1 i{background-image:url(../images/home/aboutus_item_icon01.png);}
.aboutus_frame .s_links a:hover.s_item1 i{background-image:url(../images/home/aboutus_item_icon01_hover.png);}
.aboutus_frame .s_links a.s_item2 i{background-image:url(../images/home/aboutus_item_icon02.png);}
.aboutus_frame .s_links a:hover.s_item2 i{background-image:url(../images/home/aboutus_item_icon02_hover.png);}
.aboutus_frame .s_links a.s_item3 i{background-image:url(../images/home/aboutus_item_icon03.png);}
.aboutus_frame .s_links a:hover.s_item3 i{background-image:url(../images/home/aboutus_item_icon03_hover.png);}

.news_frame{background:url(../images/home/news_frame_bg.jpg) repeat-x center; overflow:hidden;}
.news_frame .s_body{max-width:1200px; margin:auto; height:100%; position:relative;}
.news_frame .s_column_title{color:#c10b07; text-align:center; font-size:18px; margin-bottom:30px;}
.news_frame .s_column_title em{display:block; width:64px; height:4px; overflow:hidden; background-color:#c10b07; margin:10px auto;}
.news_frame .s_column_title span{font-size:36px; font-weight:bold;}
.news_frame .news_imginfo{width:520px; float:left;}
.news_frame .news_imginfo .s_img{margin-bottom:10px;}
.news_frame .news_imginfo .s_img img{width:519px; height:346px;}
.news_frame .news_imginfo dt{font-size:24px; line-height:1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news_frame .news_imginfo dd{line-height:1.5; color:#666;}
.news_frame .news_imginfo .s_content{display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.news_frame .news_list{width:600px; float:right;}
.news_frame .news_list li{padding:10px; border-radius:10px;}
.news_frame .news_list li:hover{background-color:#DDD;}
.news_frame .news_list a{display:block; position:relative; padding-left:115px; padding-bottom:28px; border-bottom:1px solid #CCC;}
.news_frame .news_list .s_date{position:absolute; left:0px; top:0px; background-color:#c10b07; padding:10px; border-radius:10px; color:#FFF;}
.news_frame .news_list .s_date span{display:block; font-size:26px;}
.news_frame .news_list dt{font-size:20px; margin-bottom:3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news_frame .news_list dd{line-height:1.4; color:#666; display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}


.product_frame{background:url(../images/home/product_frame_bg.jpg) repeat-y top center; overflow:hidden;}
.product_frame .s_body{max-width:1400px; margin:auto; height:100%; position:relative;}
.product_frame .product_class{width:100%; position:absolute;top:50%; transform:translateY(-50%); overflow:hidden;}
.product_frame .product_class .marquee_bd{overflow:hidden;}
.product_frame .product_class .marquee_bd ul{overflow:hidden; margin-left:-64px;}
.product_frame .product_class .marquee_bd li{float:left; width:424px; margin-left:64px; overflow:hidden;}
.product_frame .product_class .marquee_bd li a{display:block;}
.product_frame .product_class .marquee_bd li span{display:block; width:224px; height:60px; line-height:60px; background-color:#d40415; color:#FFF; text-align:center; font-size:26px; margin:auto; position:relative; top:-30px; transition:300ms;}
.product_frame .product_class .marquee_bd a:hover span{background-color:#eb1d2e; border-radius:10px;}
.product_frame .product_class .marquee_bd a img{width:100%; transition:transform 300ms ease-out;}
.product_frame .product_class .marquee_bd a:hover img{transform:scale(1.05,1.05);}
.product_frame .product_class .s_prev_btn,.product_frame .product_class .s_next_btn{position:absolute; top:50%; margin-top:-28px; cursor:pointer; width:57px; height:112px;  opacity:0.6; filter:alpha(opacity=60); background-size:100%; background-repeat:no-repeat; background-position:center; display:none;}
.product_frame .product_class a.s_prev_btn{left:10px; background-image:url(../images/home/btn_left.png);}
.product_frame .product_class a.s_next_btn{background-image:url(../images/home/btn_right.png); right:10px;}
.product_frame .product_class a:hover.s_prev_btn,.product_frame .product_class a:hover.s_next_btn{opacity:1; filter:alpha(opacity=100);}

.contact_frame{}

.contact_frame .bottom_box{margin-top:10px;}
.contact_frame .bottom_box .s_info{max-width:1400px; margin:auto; position:relative;}
.contact_frame .bottom_box .s_logo{position:absolute; top:44px; left:3%;height:72px;}
.contact_frame .bottom_box .s_logo img{height:100%;}
.contact_frame .bottom_box .s_contact_info{padding-left:31%; margin:auto; text-align:left;}
.contact_frame .bottom_box .s_contact_info li{margin:24px 0; line-height:20px;}
.contact_frame .bottom_box .s_qr_code{position:absolute; top:0px; right:3%; width:138px;}
.contact_frame .bottom_box .s_qr_code img{margin-bottom:5px;}

.contact_frame .copyright{position:absolute; bottom:0px; width:100%; box-sizing: border-box; z-index:10;}



.in_smllnav{position:fixed;right:50px;bottom:50px;z-index:99;display:none;}
.in_smllnav.on{display:block}
.in_smllnav li a{display:block;padding:.4em 1.5em .25em 0;position:relative;cursor:pointer; text-align:right;}
.in_smllnav li a font{font-size:.875em;color:#919191;display:block;transform:translateX(3em);opacity:0}
.in_smllnav li a:after{content:'';width:14px;height:14px;display:block;position:absolute;right:0;top:.5em;border-radius:14px;border:2px solid #919191}
.in_smllnav li a:before{content:'';width:6px;height:6px;display:block;position:absolute;right:6px;top:calc(0.5em + 6px);border-radius:6px;background:#919191}
.in_smllnav li a:hover font{transform:translateX(0);opacity:1;color:#c10b07}
.in_smllnav li a:hover:after{border:2px solid #c10b07}
.in_smllnav li a:hover:before{background:#c10b07}
.in_smllnav li.on a:after{border:2px solid #c10b07}
.in_smllnav li.on a:before{background:#c10b07}
.in_smllnav li.on font{transform:translateX(0);opacity:1;color:#c10b07}


#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999}
#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#FFF;-webkit-animation:spin 2s linear infinite;-ms-animation:spin 2s linear infinite;-moz-animation:spin 2s linear infinite;-o-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:1001}
#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#FFF;-webkit-animation:spin 3s linear infinite;-moz-animation:spin 3s linear infinite;-o-animation:spin 3s linear infinite;-ms-animation:spin 3s linear infinite;animation:spin 3s linear infinite}
#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#FFF;-moz-animation:spin 1.5s linear infinite;-o-animation:spin 1.5s linear infinite;-ms-animation:spin 1.5s linear infinite;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}
@-webkit-keyframes spin{0{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes spin{0{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}
#loader-wrapper .loader-section{position:fixed;top:0;width:51%;height:100%;background:#c10b07;z-index:1000;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
#loader-wrapper .loader-section.section-left{left:0}
#loader-wrapper .loader-section.section-right{right:0}
.loaded #loader-wrapper .loader-section.section-left{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .7s .3s cubic-bezier(0.645,.045,.355,1);transition:all .7s .3s cubic-bezier(0.645,.045,.355,1)}
.loaded #loader-wrapper .loader-section.section-right{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .7s .3s cubic-bezier(0.645,.045,.355,1);transition:all .7s .3s cubic-bezier(0.645,.045,.355,1)}
.loaded #loader{opacity:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.loaded #loader-wrapper{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all .3s 1s ease-out;transition:all .3s 1s ease-out}
.no-js #loader-wrapper{display:none}
.no-js h1{color:#222}
#loader-wrapper .load_title{font-family:'Open Sans';color:#FFF;font-size:19px;width:100%;text-align:center;z-index:9999999999999;position:absolute;top:60%;opacity:1;line-height:30px}
#loader-wrapper .load_title span{font-weight:normal;font-style:italic;font-size:13px;color:#FFF;opacity:.5}

@media screen and (max-width:1400px){
	.aboutus_frame .s_img{display:none;}
	.aboutus_frame .s_text{float:none; margin:auto; width:90%;}
	
	.news_frame .news_imginfo{display:none;}
	.news_frame .news_list{width:90%; margin:auto; float:none;}
	
	.product_frame .product_class .marquee_bd{margin:auto; width:454px;}
	.product_frame .product_class .marquee_bd ul{margin:0 auto;}
	.product_frame .product_class .marquee_bd li{margin-left:0px; float:none; width:100%;}
	.product_frame .product_class .s_prev_btn,.product_frame .product_class .s_next_btn{display:block;}
}
@media screen and (max-width:768px){
	.pad_top{padding-top:70px;}
	.product_frame .product_class{padding-top:50px;}
}

@media screen and (max-width:480px){
	a.morelink{display:block; width:80px; height:30px; line-height:30px; font-size:14px; background-position:96px center; margin-top:8px;}
	
	.aboutus_frame .s_title{font-size:16px;}
	.aboutus_frame .s_title span{font-size:18px;}
	.aboutus_frame .s_title em{height:3px; margin-top:5px;}
	.aboutus_frame .s_content{line-height:20px; font-size:14px;}
	.aboutus_frame .s_links{margin-top:8px;}
	.aboutus_frame .s_links a{height:40px; line-height:40px; font-size:14px; margin:5px 0;}
	.aboutus_frame .s_links a i{width:30px; height:30px; margin-right:5px;}
	
	.news_frame .s_column_title{color:#c10b07; text-align:center; font-size:16px; margin-bottom:20px;}
	.news_frame .s_column_title em{margin:5px auto;}
	.news_frame .s_column_title span{font-size:20px;}
	.news_frame .news_list li{padding:8px;}
	.news_frame .news_list a{padding-left:90px; padding-bottom:10px;}
	.news_frame .news_list .s_date{font-size:14px;}
	.news_frame .news_list .s_date span{font-size:18px;}
	.news_frame .news_list dt{font-size:16px; margin-bottom:0px;}
	.news_frame .news_list dd{font-size:14px; line-height:1.4;}
	
	.product_frame .product_class .marquee_bd{width:80%;}
	.product_frame .product_class .s_prev_btn,.product_frame .product_class .s_next_btn{width:30px; height:59px;}
}