body,html,header,section,div,ul,li,div,a,p,h1{ padding:0; margin:0; font-family:"寰蒋闆呴粦"}

li{ list-style:none;}

a{ text-decoration:none;}

.clearfix{font-size:0px; padding:0px; margin:0px; clear:both; overflow:hidden;}



a:link{color:#323232; text-decoration:none;}
a:visited{color:#323232; text-decoration:none;}
a:hover{color:#C00;}



.logo{width:250px; height:66px; position:fixed; top:10px; left:20px; z-index:9996;}
.logo a{display:block; background:url(logo.png) center no-repeat; width:200px; height:66px; background-size: 100% auto;}

.tel{}

.top_menu{height:92px; position:fixed; top:0px; left:0px; z-index:9995; display:block; background:#fff; overflow:hidden; width:100%;}
.top_menu .ico{background:url(menu.png) center no-repeat; width:150px; height:88px; position:absolute; cursor:pointer; z-index:9999}
.top_menu_list{width:950px; margin-top:20px; z-index:9996; position:absolute; right:0px;}
.top_menu_list li{ transition-delay: 0.8s;float: left; margin-right: 3px; transition: 0.8s;}

.top_menu_active .top_menu_list li{ -webkit-transform: translateX(0); transform: translateX(0);}


.news_box{width:100%; overflow:hidden; padding-bottom:72px; padding-top:60px;}
.news_top_title{width:1200px; margin:0px auto;}
.news_top_title p{color:#d70930; font-size:28px;}
.news_top_title span{font-size:18px;}
.news_list{width:1200px; margin:0px auto; margin-top:42px; overflow:hidden;}
.news_list li{line-height:60px; height:60px; border-bottom:1px solid #8e8e8e; overflow:hidden;}
.news_list li span{float:left; padding-left:32px; width:200px;}
.news_list li a{float:left; width:950px;}
.news_page{text-align:center; width:1200px; margin:0px auto; margin-top:42px;}
.news_page li{display:inline-block; height:28px; margin-left:10px; margin-right:10px;}
.news_page li a{display:block;}
.news_page .active a{color:#ff0000;}


.shop_cart a{line-height:50px; height:50px; color:#fff;}
.shop_cart a:hover{text-decoration:underline; color:#fff;}
.cf_bg{width:100%; background:#f2f2f2; padding-top:28px; padding-bottom:28px;}
.cf_bg .contact_foot{width:1200px; margin:0px auto; overflow:hidden; padding-bottom:42px;}
.cf_box{width:33%; float:left; margin-top:32px;}
.cf_box .cf_title{color:#d80930; font-size:18px;}
.cf_box span{font-size:12px;}

.pb_title{text-align:center; margin-top:42px; padding-bottom:32px;}
.pb_title p{font-size:24px; color:#d70930;}
.pb_title span{font-size:16px;}


.picScroll{position:relative;overflow:hidden;margin:0px auto;padding:10px 50px 10px 50px;width:1200px;background:#fff;}
.picScroll .next,.picScroll .prev{position:absolute;top:86px;left:5px;display:block;width:23px;height:23px;background:url(btns.png) no-repeat;}
.picScroll .next{right:5px;left:auto;background-position:-25px 0;}
.picScroll .prev:hover{background-position:0 -30px;}
.picScroll .next:hover{background-position:-25px -30px;}
.picScroll ul{overflow:hidden;zoom:1;}
.picScroll ul li{float:left;overflow:hidden;width:255px; position:relative; margin-left:10px; margin-right:10px; padding-top:65px;}
.picScroll ul li img{display:block;width:255px;height:210px;background:url(loading.gif) center center no-repeat;}
.picScroll li .info{position:absolute; top:0px; width: 100%; background:url(pro_bg.png) top center no-repeat; z-index: 888; height: 230px;}
.picScroll li .info .i_title{font-size:22px; text-align:center;}
.picScroll li .info .i_info{font-size:8px; padding-left:10px; padding-right:10px; height:28px; line-height:14px; overflow:hidden; margin-top:5px; margin-bottom:8px; text-align: center;}
.picScroll li .info .i_more{line-height:22px; height:22px; color:#db0032; text-align:center;}
.picScroll li .info .i_more a{color:#db0032;}

.section{ overflow: hidden; z-index: 1;}
.section .left{ position: absolute; top: 50%; margin-top: -200px; left: 5%; z-index: 2}
.section .left li p{ margin: 20px 0; font-size: 18px; color:#333 }
.section .left li a{ width:98px; height:36px;}
.section .right{ position: absolute; right: 5%;border-right:2px solid #000000; padding-right: 10px; text-align: right; top: 15%;z-index: 3; transition: 0.8s }
.section .right h1{ font-size:34px; color:#333; font-weight:100;}
.section .right p{ font-size:18px; color:#333; line-height:1.5em;margin-top:20px; margin-bottom:10px; }
.section .right a{ color:#333;  text-decoration:underline; cursor: pointer }
.section .right a:hover{ text-decoration:none;}
.section .bg{ position: absolute; bottom: 0; right: 0; z-index: 1 }

/*涓棿*/
.bp2 .bp2_txt{width:50%; position:absolute; text-align:center; top:0px; left:50%; margin-left:-25%; padding-top:12%;}
.bp2 .bp2_txt div{font-size:0px; -webkit-transform: translateY(1000px); transform: translateY(1000px); transition: 0.8s;}
.bp2 .bp2_txt div:nth-child(1){ transition-delay: 0.8s;}
.bp2 .bp2_txt div:nth-child(2){ transition-delay: 0.9s; margin-top:32px;}
.bp2 .bp2_txt div:nth-child(3){ transition-delay: 1s; margin-top:72px;}
.bp2.active .bp2_txt div{ -webkit-transform: translateY(0); transform: translateY(0); }

/*鍙充晶*/
.bp3 .bp3_txt{width:30%; position:absolute; padding-top:12%; top:0px; right:15%;}
.bp3 .bp3_txt div{ -webkit-transform: translateY(1000px); transform: translateY(1000px); transition: 0.8s;}
.bp3 .bp3_txt div:nth-child(1){ transition-delay: 0.8s;}
.bp3 .bp3_txt div:nth-child(2){ transition-delay: 0.9s; margin-top:28px;}
.bp3 .bp3_txt div:nth-child(3){ transition-delay: 1s; margin-top:72px;}
.bp3.active .bp3_txt div{ -webkit-transform: translateY(0); transform: translateY(0); }

/*宸︿晶*/
.bp1 .bp1_txt{width:30%; position:absolute; padding-top:12%; top:0px; left:15%;}
.bp1 .bp1_txt div{ -webkit-transform: translateY(1000px); transform: translateY(1000px); transition: 0.8s;}
.bp1 .bp1_txt div:nth-child(1){ transition-delay: 0.8s;}
.bp1 .bp1_txt div:nth-child(2){ transition-delay: 0.9s; margin-top:28px;}
.bp1 .bp1_txt div:nth-child(3){ transition-delay: 1s; margin-top:72px;}
.bp1.active .bp1_txt div{ -webkit-transform: translateY(0); transform: translateY(0); }


.news_content img{max-width: 900px; margin-top: 18px; overflow: hidden;}

/*宸︿晶*/

.bp11{position:relative;}
.bp11 .bp11_txt{width:40%; position:absolute; padding-top:18%; top:0px; left:10%;}
.bp11 .bp11_txt div{ -webkit-transform: translateY(1000px); transform: translateY(1000px); transition: 0.8s;}
.bp11 .bp11_txt div:nth-child(1){ transition-delay: 0.8s; font-size:40px;}
.bp11 .bp11_txt div:nth-child(2){ transition-delay: 0.9s; margin-top:12px; font-size:22px;}
.bp11 .bp11_txt div:nth-child(3){ transition-delay: 1s; margin-top:42px; line-height:32px; font-size:18px;}
.bp11.active .bp11_txt div{ -webkit-transform: translateY(0); transform: translateY(0); }
.bp_txt{position:absolute; top:25%; left:20%; font-size:32px}
.bp_txt span{font-size:18px; padding-right:18px;}
.bp_txt0{color:#fff;}
.bp_txt1{color:#d80930;}

.bp51{position:relative;}
.bp51 .bp51_txt{width:40%; position:absolute; padding-top:18%; top:0px; left:10%;}
.bp51 .bp51_txt div{ -webkit-transform: translateY(1000px); transform: translateY(1000px); transition: 0.8s;}
.bp51 .bp51_txt div:nth-child(1){ transition-delay: 0.8s; font-size:40px;}
.bp51 .bp51_txt div:nth-child(2){ transition-delay: 0.9s; margin-top:12px; font-size:22px;}
.bp51 .bp51_txt div:nth-child(3){ transition-delay: 1s; margin-top:42px; line-height:32px; font-size:18px;}
.bp51.active .bp51_txt div{ -webkit-transform: translateY(0); transform: translateY(0); }



/**/

.top_box{overflow:hidden; position:relative; width:100%;}

.top_box .top_pic img{width:100%;}



.tp3 .tp3_txt{width:30%; position:absolute; padding-top:12%; top:0px; right:15%; z-index:888;}

.tp3 .tp3_txt div{ -webkit-transform: translateY(1000px); transform: translateY(1000px); transition: 0.8s;}

.tp3 .tp3_txt div:nth-child(1){ transition-delay: 0.8s;}

.tp3 .tp3_txt div:nth-child(2){ transition-delay: 0.9s; margin-top:28px;}

.tp3 .tp3_txt div:nth-child(3){ transition-delay: 1s; margin-top:72px;}

.tp3.active .tp3_txt div{ -webkit-transform: translateY(0); transform: translateY(0); }



.tp2 .tp2_txt{width:50%; position:absolute; text-align:center; top:0px; left:50%; margin-left:-25%; padding-top:15%; color:#fff;}

.tp2 .tp2_txt div{-webkit-transform: translateY(1000px); transform: translateY(1000px); transition: 0.8s;}

.tp2 .tp2_txt div:nth-child(1){ transition-delay: 0.8s;}

.tp2 .tp2_txt div:nth-child(2){ transition-delay: 0.9s; margin-top:18px;}

.tp2 .tp2_txt div:nth-child(3){ transition-delay: 1s; margin-top:32px; z-index:99999;}

.tp2.active .tp2_txt div{ -webkit-transform: translateY(0); transform: translateY(0); }



.s6{background:#d70930;}

.s6 div{text-align:center;}

.s6 img{width:100%; height:100%;}

.s6 a{color:#fff;}

.s6 a:hover{text-decoration:underline;}





.sc{height:72px; line-height:72px; font-size:24px; text-align:center; color:#fff; background:#d70930; margin-top:18px;}

.allfoot{background:#f2f2f2; padding-top:28px; padding-bottom:28px;}

.allfoot .fb p{color:#d70930; line-height:42px; height:42px; font-size:16px;}

.allfoot .fb li{font-size:14px; line-height:28px; height:28px;}

.fb li a{color:#575757;}

.fb li a:hover{color:#d70930;}

.fb_line{position:relative; padding-bottom:18px; padding-top:12px; border-top:2px solid #ccc; background:#f2f2f2;}

.fi{position:absolute; bottom:3px; right:0px;}

.fi img{height:40px;}



.foot{background:#f2f2f2; padding-top:10px; padding-bottom:30px; position:absolute;}

.server_center{height:72px; line-height:72px; font-size:24px; text-align:center; color:#fff; background:#d70930;}

.foot_menu{width:1200px; margin:0px auto; overflow:hidden; padding-bottom:32px;}

.foot_menu .foot_box{float:left; margin-right:100px; padding-top:32px;}

.foot_menu .foot_box p{color:#d70930; line-height:42px; height:42px;}

.foot_menu .foot_box li{font-size:14px; line-height:28px; height:28px;}

.foot_box li a{color:#575757;}

.foot_box li a:hover{color:#d70930;}

.foot_line{border-top:2px solid #ccc; padding-top:12px; padding-bottom:12px; width:1200px; margin:0px auto; overflow:hidden; font-size:14px; line-height:20px; position:relative;}

.foot_ico1{position:absolute; bottom:10px; right:0px;}

.foot_ico1 img{height:40px;}





@-webkit-keyframes move1{0%{-webkit-transform:translate(330px,-1000px);transform:translate(330px,-1000px);}

20%{-webkit-transform:translate(330px,0);transform:translate(330px,0);}

40%{-webkit-transform:translate(330px,-50px);transform:translate(330px,-50px);}

60%{-webkit-transform:translate(330px,0);transform:translate(330px,0);}

100%{-webkit-transform:translate(0,0);transform:translate(0,0);}

}

@-webkit-keyframes move2{0%{-webkit-transform:translate(0,-1000px);transform:translate(0,-1000px);}

20%{-webkit-transform:translate(0,0);transform:translate(0,0);}

40%{-webkit-transform:translate(0,-50px);transform:translate(0,-50px);}

60%{-webkit-transform:translate(0,0);transform:translate(0,0);}

100%{-webkit-transform:translate(0,0);transform:translate(0,0);}

}

@-webkit-keyframes move3{0%{-webkit-transform:translate(-330px,-1000px);transform:translate(-330px,-1000px);}

20%{-webkit-transform:translate(-330px,0);transform:translate(-330px,0);}

40%{-webkit-transform:translate(-330px,-50px);transform:translate(-330px,-50px);}

60%{-webkit-transform:translate(-330px,0);transform:translate(-330px,0);}

100%{-webkit-transform:translate(0,0);transform:translate(0,0);}

}

@keyframes move1{0%{transform:translate(330px,-1000px);}

20%{transform:translate(330px,0);}

40%{transform:translate(330px,-50px);}

60%{transform:translate(330px,0);}

100%{transform:translate(0,0);}

}

@keyframes move2{0%{transform:translate(0,-1000px);}

20%{transform:translate(0,0);}

40%{transform:translate(0,-50px);}

60%{transform:translate(0,0);}

100%{transform:translate(0,0);}

}

@keyframes move3{0%{transform:translate(-330px,-1000px);}

20%{transform:translate(-330px,0);}

40%{transform:translate(-330px,-50px);}

60%{transform:translate(-330px,0);}

100%{transform:translate(0,0);}

}





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

.top_pic1{position:relative;}

.top_pic1 img{width:100%;}

.about_gn{text-align:center; width:100%; padding-top:32px; padding-bottom:32px; color:#fff; background:#d70930;}

.about_gn span{font-size:24px;}

.about_gn p{font-size:18px;}

.about_content1{width:1200px; margin:0px auto; overflow:hidden;}

.about_content2{width:100%; margin-top:24px; overflow:hidden; background:#d80930; margin:0px auto;}

.about_big{width:66%px; float:left; font-size:0px; overflow:hidden; display:block;}

.about_big img{width:100%;}

.about_small{width:34%; float:left; overflow:hidden; display:block;}

.red_bg{background:#d70930; position:relative; color:#fff; overflow:hidden; margin-top:32px;}

.txt1{margin-top:72px; margin-left:15%; font-size:32px;}

.txt2{margin-left:15%; font-size:28px; margin-top:5%;}

.txt21{margin-left:15%; font-size:20px; margin-top:5%;}

.txt3{line-height:42px; height:42px;; margin-top:30%; margin-left:15%; font-size:18px; background:url(dot1.png) 0px 12px no-repeat; padding-left:42px; cursor:pointer; color:#fff;}

.txt3:hover{text-decoration:underline; transition-delay: 0s}

.txt4{line-height:42px; height:42px; font-size:18px; background:url(dot2.png) 0px 12px no-repeat; cursor:pointer; position:absolute; bottom:32px; right:32px; color:#d70930; padding-left:42px;}





.about_txt div{ transition: 0.8s; -webkit-transform: translateY(1000px); transform: translateY(1000px);}

.about_txt div:nth-child(1){ transition-delay: 0.8s }

.about_txt div:nth-child(2){ transition-delay: 0.9s }

.about_txt div:nth-child(3){ transition-delay: 1s }

.about_txt.active div{ -webkit-transform: translateY(0); transform: translateY(0); }





.button_su{position:relative;display:inline-block;overflow:hidden;margin-bottom:30px;border-radius:3px;}

.su_button_circle{position:absolute;top:0;left:0;margin-top:0;margin-left:0;width:0;height:0;border-radius:1000px;background-color:red;pointer-events:none;}

.button_su_inner{z-index:100000;display:inline-block;padding:12px 22px 12px 22px;border-radius:3px;background:#d70930;color:#F4F4F4;text-align:center;text-decoration:none;font-weight:400;font-size:16px;transition:.4s;}

.button_text_container{position:relative;z-index:10000;}

.explode-circle{animation:explode .5s forwards;}

.desplode-circle{animation:desplode .5s forwards;}

.button_su a{color:#fff;}

.button_su a:hover{color:#fff; text-decoration:none;}

@keyframes explode{0%{margin-top:0;margin-left:0;width:0;height:0;background-color:rgba(42,53,80,.2);}

100%{margin-top:-200px;margin-left:-200px;width:400px;height:400px;background-color:rgba(20,180,87,.8);}

}

@keyframes desplode{0%{margin-top:-200px;margin-left:-200px;width:400px;height:400px;background-color:rgba(20,180,87,.8);}

100%{margin-top:0;margin-left:0;width:0;height:0;background-color:rgba(129,80,108,.6);}

}