@charset "gb2312";
*{padding:0; margin:0; font-size:14px; color:#000000; font-family:"Î¢ÈíÑÅºÚ", "ËÎÌå";}
a{text-decoration:none;color:#000;cursor:pointer;outline:none;blr:expression(this.onFocus=this.blur());}
ul li{list-style:none;}
a:hover{transition-property:color;transition-duration:.2s}
img{border:0;}

#top{width:100%;height:30px;line-height:30px;background:#000000;overflow:hidden;z-index:999;}
#top .box{width:1200px;margin:0 auto;}
#top .box .ri{float:right;}
#top .box .ri .en{color:#ffffff;}
.topcss{position:fixed;}

#top01{width:100%;height:30px;line-height:30px;background:#000000;overflow:hidden;z-index:999;}
#top01 .box1{width:1200px;margin:0 auto;}
#top01 .box1 .ri{float:right;}
#top01 .box1 .ri .en{color:#ffffff;}
.top01css{position:fixed;}

.banner{width:100%;}

#nav{width:100%; height:102px; position:fixed; z-index:999;}
#nav .box{width:1200px; margin:0 auto;}
#nav .box .logo{float:left;}
#nav .box .menu{float:left;}
#nav .box .menu ul{magrin:0; padding:0;}
#nav .box .menu ul li{float:left;}
#nav .box .menu ul li a{display:block; padding:0 30px; line-height:102px; height:102px; font-size:16px; color:#ffffff; letter-spacing:2px; font-family:"Î¢ÈíÑÅºÚ", "ËÎÌå"; font-weight:bold;}
#nav .box .menu ul li a:hover{color:#ffffff;}
#nav .box .menu ul li ul{position:absolute; display:none; z-index:999;}
#nav .box .menu ul li ul li{float:none;}
#nav .box .menu ul li ul li a{display:block; background:#ffffff; padding:0 38px; color:#4b4b4b; height:80px; line-height:80px;}
#nav .box .menu ul li:hover ul{display:block;}
#nav .box .menu ul li:hover ul a:hover{color:#4b4b4b; background:#ededed;}
.navcss{position:fixed; top:30px; background:url(../images/top_bg.png) repeat; z-index:999;}

#nav01{width:100%; height:102px; position:fixed; border-bottom:solid 1px #dedede; z-index:999;}
#nav01 .box1{width:1200px; margin:0 auto;}
#nav01 .box1 .logo{float:left;}
#nav01 .box1 .menu{float:left;}
#nav01 .box1 .menu ul{magrin:0; padding:0;}
#nav01 .box1 .menu ul li{float:left;}
#nav01 .box1 .menu ul li a{display:block; padding:0 30px; line-height:102px; height:102px; font-size:16px; color:#4b4b4b; letter-spacing:2px; font-family:"Î¢ÈíÑÅºÚ", "ËÎÌå"; font-weight:bold;}
#nav01 .box1 .menu ul li a:hover{color:#4b4b4b;}
#nav01 .box1 .menu ul li ul{position:absolute; display:none; z-index:999;}
#nav01 .box1 .menu ul li ul li{float:none;}
#nav01 .box1 .menu ul li ul li a{display:block; background:#ffffff; padding:0 38px; color:#4b4b4b; height:80px; line-height:80px;}
#nav01 .box1 .menu ul li:hover ul{display:block;}
#nav01 .box1 .menu ul li:hover ul a:hover{color:#4b4b4b; background:#ededed;}
.nav01css{position:fixed; top:30px; background:#ffffff; border-bottom:solid 1px #dedede; z-index:999;}

.title1{font-size:45px; line-height:80px; font-family:'RS_XiYuan75d5e915617547', 'ËÎÌå'; text-align:center; margin-bottom:30px;}
.title2{font-size:20px; line-height:30px; font-family:'RS_XiYuan75d5e915617547', 'ËÎÌå'; text-align:center;}
.title3{font-size:36px; line-height:40px; width:1100px; margin:0 auto; font-family:'RS_XiYuan75d5e915617547', 'ËÎÌå'; text-align:center;}
.title4{font-size:16px; line-height:30px; 'RS_XiYuan75d5e915617547', 'ËÎÌå';  text-align:center; font-weight:bold; color:#777777;}

.con1{font-size:20px; font-family:"Î¢ÈíÑÅºÚ", "ËÎÌå"; text-align:center; line-height:40px;}
.con2{font-size:16px; font-family:"Î¢ÈíÑÅºÚ", "ËÎÌå"; line-height:20px; text-align:center;}

#line1{width:100%; padding-top:100px; height:460px; overflow:hidden;}
#line1 ul{margin:0; padding:0; list-style-type:none; list-style-image:none;}
#line1 ul li a,.line1 ul li span{display:none; text-decoration:none}
#line1 ul li{position:relative; width:25%; height:220px; float:left;}
#line1 ul li:hover{cursor:pointer;}
#line1 ul li:hover a.wz{cursor:pointer; position:absolute; width:100%; height:280px; z-index:100; display:block; background:#999;}
#line1 ul li:hover a span{width:60%; margin:0 auto; text-align:center; }
#line1 ul li:hover a span.w1{color:#fff; padding-top:75px; opacity: 0; animation: fade-in 1s ease-in-out .1s forwards;z-index:101; display:block;}
#line1 ul li:hover a span.w2{color:#fff; margin-top:16px; opacity: 0; animation: fade-in 1s ease-in-out .1s forwards;z-index:101; display:block;}
#line1 ul li:hover a span.w3{color:#fff; margin-top:20px; line-height:30px; opacity: 0; animation: fade-in 1s ease-in-out .1s forwards;z-index:101; display:block; border:solid 1px #fff;}
@keyframes fade-in {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    } 

#line2{width:100%; overflow:hidden; background:#ffffff; margin-top:40px;}
#line2 .index_title{text-align:center; line-height:30px; font-size:40px; color:#fff; height:30px;}
#line2 .index_title span{background:url(../images/title_line.jpg) no-repeat center center; width:100px; height:30px;}
#line2 .main_box{padding-bottom:60px}
#line2 .scroll_horizontal{display:block; position:relative; width:1200px; height:310px; overflow:hidden; margin:0 auto;}
#line2 .scroll_horizontal .box{display:block; overflow:hidden; position:relative; width:1200px; height:300px; margin:0 auto;}
#line2 .scroll_horizontal .list{overflow:hidden; width:9999px;}
#line2 .scroll_horizontal .list li{float:left;width:230px; height:290px; padding:0 85px; text-align:center; position:relative;}
#line2 .scroll_horizontal .list li table{background:#transparent;}
#line2 .scroll_horizontal .plus{display:block; position:absolute;top:100px; left:0px; width:40px;height:40px;cursor:pointer; background:url(../images/lt1.png) no-repeat top center;}
#line2 .scroll_horizontal .minus{display:block; position:absolute;top:100px; right:0px; width:40px;height:40px;cursor:pointer; background:url(../images/rt1.png) no-repeat top center;}
#line2 .scroll_horizontal .list li img{ }
#line2 .scroll_horizontal .list li p{width:220px; font-size:16px; position:absolute; bottom:5px; left:95px; color:#676d6f;}
#line2 .scroll_horizontal .list li span.hbt{font-family:"Î¢ÈíÑÅºÚ", "ËÎÌå"; color:#000000; line-height:25px; display:block; margin-top:10px; font-size:16px;}
#line2 .scroll_horizontal .list li span.hpt{font-family:"Î¢ÈíÑÅºÚ", "ËÎÌå"; color:#777777; line-height:25px; display:block; font-size:14px;}

#line3{width:100%; padding-top:80px; min-width:1200px; background:#ededed; overflow:hidden;}
#line3 .line3_box{width:1200px; margin:60px auto 90px auto; overflow:hidden;}
#line3 .line3_box .con{width:350px; float:left; padding:0 25px;}
#line3 .line3_box .con .le{width:28%; float:left;}
#line3 .line3_box .con .ri{width:72%; float:right;}
#line3 .line3_box .con .ri .zt{font-family:"Î¢ÈíÑÅºÚ", "ËÎÌå"; font-size:18px;}
#line3 .line3_box .con .ri .yt{font-size:14px; color:#777777; margin-top:3px;}

#line4{width:100%; margin-top:95px; margin-bottom:95px; overflow:hidden;}
#line4 .box{width:1200px; margin:0 auto;}
#line4 .box ul{margin:0; padding:0;}
#line4 .box ul li{float:left;}
#line4 .box ul li a{width:340px; height:240px; display:block; padding:0 30px;}
#line4 .box ul li p.wt{font-family:"Î¢ÈíÑÅºÚ", "ËÎÌå"; font-size:18px; color:#777777; padding:0 30px; line-height:50px; text-align:center;}

#line5{position:relative; width:100%; margin-top:30px; margin-bottom:110px; background:#ededed; overflow:hidden; }
#line5 .le{position:relative; width:60%; float:left;}
#line5 .ri{position:relative; width:40%; float:right;}
#line5 .ri .title{margin-left:8%; margin-top:6%; font-size:40px; font-family:'RS_XiYuan75d5e915617547', 'ËÎÌå';}
#line5 .ri .cc{margin-left:8%; font-size:18px; margin-top:2%;}
#line5 .ri .cc a{font-size:20px;}
#line5 .ri .aa{width:100%; margin-left:8%; margin-top:5%; margin-bottom:28px; overflow:hidden; position:relative;}
#line5 .ri .aa .dd{width:60%; float:left;}
#line5 .ri .aa .dd a.name{margin-left:3%; font-size:18px;} 
#line5 .ri .aa .ee{width:40%; float:right;}
#line5 .ri .aa .ee img{margin-top:18%; margin-left:8%;}

/*foot*/
#footer{width:100%; min-width:1200px; background:#2d2e2f;}
#footer .foot{width:1200px; height:370px; margin:0 auto; overflow:hidden;}
#footer .foot ul{padding-top:64px;}
#footer .foot ul li{float:left; margin-right:118px;}
#footer .foot ul li p{line-height:26px; color:#a9aaaa;}
#footer .foot ul li p a{font-size:14px; color:#a9aaaa;}
#footer .foot ul li p a:hover{color:#ffffff;}
#footer .foot ul .index_contact{width:260px;}
#footer .foot ul li .title{font-size:16px; line-height:36px; color:#fff; font-weight:bold;}
#footer .foot ul .index_contact p{text-align:left;}

#copy{width:100%; background:#242424;}
#copy .foot_copy{width:1200px; margin:0 auto; height:77px; line-height:77px; color:#636363; text-align:center; font-weight:bold;}
#copy .foot_copy a{color:#636363;}

/*about.asp*/
.about_title{background:#f8f8f8; height:120px; overflow:hidden;}
.about_title p{width:1000px; margin:0 auto; font-size:20px; line-height:40px; margin-top:20px;}
.about_title p strong{color:#000000; font-size:22px;}
.about_name{color:#de0208; font-size:24px; line-height:40px; margin-left:30px; margin-top:30px;}
.about_content{color:#333; font-size:16px; line-height:25px; margin-left:30px; margin-top:20px; margin-right:20px;}
.about_main a{font-size:18px; color:#de0208; line-height:30px; margin-left:30px;}


/*contact.asp*/
.company{font-size:32px; color:#000000; line-height:60px; text-align:center;}
.c1{text-align:center; font-size:16px; line-height:30px;}
.c1 a{font-size:16px; line-height:30px;}
.c1 a:hover{color:#de0208;}
.c2{text-align:center; color:#000000; font-weight:bold; font-size:18px; line-height:30px;}

/*news.asp*/
.news_main{}
.news_main .list li{float:left; padding:0px 40px; height:280px; width:320px; margin-bottom:30px;}
.news_main .list li .name{font-size:16px; width:320px !important; overflow:hidden; font-family:"Î¢ÈíÑÅºÚ", "ËÎÌå"; color:#333; line-height:30px; text-align:left; margin-top:10px;}
.news_main .list li:hover .name{color:#de0208;}
.news_nav{text-align:center;}
.news_nav a{font-size:24px; font-family:'RS_XiYuan75d5e915617547', 'Î¢ÈíÑÅºÚ', 'ËÎÌå'; line-height:30px; padding:0px 20px;}
.news_nav a:hover{color:#de0208;}

/*equipment.asp*/
.equipment li{float:left; width:320px; height:226px; margin:0 40px; margin-bottom:60px;}

/*download.asp*/
.download{overflow:hidden; margin:30px 0; padding:20px 0; border-bottom:1px dashed #de0208;}
.download img{float:left;}
.download .right{float:left; width:500px; margin-left:100px; padding-top:50px;}
.download p{line-height:60px; font-size:24px; font-family:"MS Serif", "New York", serif;}
.download a{display:block;}
.download .but{width:200px; height:50px; overflow:hidden;}

/*product.asp*/
#main{background:#ffffff;}
#main .main_box{width:80%; max-width:1200px; min-width:1200px; margin:0 auto; padding-top:130px; overflow:hidden;}
#main .rt{float:right; width:calc(100% - 360px);}
#main .lt{float:left; width:300px; margin-right:60px;}

#main .lt .title{font-size:26px; line-height:50px; border-bottom:1px solid #484745; font-weight:bold; background:#b8b8ba; color:#000000; padding-left:20px;}
#main .lt ul li{display:block; position:relative; z-index:100;}
#main .lt ul .li1{line-height:35px; font-size:24px; border-bottom:1px solid #444; margin-top:15px; overflow:hidden;}
#main .lt ul .li1 a{font-size:24px; padding-left:20px;}
#main .lt ul .li2{line-height:40px; padding-left:30px; background:url(../images/li.jpg) no-repeat left center;}
#main .lt ul .li2 a{font-size:20px; padding-left:20px; color:#777777;}
#main .lt ul .li3{font-size:18px; line-height:35px; border-bottom:1px solid #444; margin-top:20px;}
#main .lt ul .li3 a{font-size:18px;}

#main .lt ul li span{position:absolute; z-index:999; right:0; top:5px; cursor:pointer;}

.product_box_main{width:100%; overflow:hidden;}
.product_box{float:left; width:calc(33.3% - 60px); margin:0 30px;}
.product_box img{width:100%;}
.product_box .p_name{font-size:15px; font-weight:bold; line-height:30px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:220px;}
.product_box .p_type{font-size:14px; line-height:30px; text-align:center;}


/*video.asp*/
.video_nav{width:1200px; margin:0 auto; margin-top:20px; margin-bottom:20px; overflow:hidden;}
.video_nav ul li{float:left; padding:5px 20px;}
.video_nav ul .li1{background:#de0208; border-radius:5px;}
.video_nav ul .li1 a{font-size:16px; line-height:30px; color:#fff;}
.video_nav ul .li1 a:hover{color:#fff;}
.video_nav ul .li2{list-style:disc; padding:5px 0; margin-left:40px;}
.video_nav ul .li2 a{font-size:14px; line-height:30px;}
.video_nav ul .li2 a:hover{color:#de0208;}
.video_nav table tr,td{height:30px;}

/*product_show.asp*/
#product_content{width:1200px; padding-bottom:30px; margin:0 auto; overflow:hidden;}
#product_content .t1{font-size:16px; line-height:30px; color:#333; padding:20px;}
#product_content .img{border:1px solid #333; margin-left:120px; margin-top:60px;}
#product_content .p_about{width:510px; float:right; margin-right:120px; margin-top:60px;}
#product_content .p_about .s_t1{font-size:28px; line-height:40px; color:#4b4b4b;}
#product_content .p_about .s_a1{font-size:15px; line-height:25px; color:#666;}

#about1,#about2,#about3{width:100%; min-width:1200px; background:#e6e6e6; margin:0 auto; padding:30px;}
#about1 .t2,#about2 .t2,#about3 .t2{font-size:28px; color:#de0208; line-height:50px; text-align:center;}


.back{display:block; font-size:18px; font-weight:bold; width:90px; height:30px; line-height:30px; text-align:center;border:1px solid #ccc; color:#ccc; background:#fff; border-radius:5px;}
.back:hover{color:#de0208; border:1px solid #de0208;}
/*page*/
.page{text-align:center; line-height:60px;}
.b3{display:block; margin:0 auto; width:160px; height:40px; border:2px solid #fff; border-radius:5px; line-height:40px; text-align:center; font-size:18px; color:#fff;}
.b3:hover{background:#de0208; border:2px solid #de0208;}
/*show·ÖÒ³*/
DIV.page table tr td{color:#333;}
DIV.page table tr td b{color:#333;}
DIV.page font{color:#f00;}
DIV.page { text-align:center; border:0px; margin:5px; padding:5px;}
DIV.page A { border: #eee 1px solid; border-radius:3px; padding:2px 5px 2px 5px; margin-right:5px; font-weight:bold; text-decoration:none}
DIV.page A:hover { border:#eee 1px solid; padding:2px 5px 2px 5px; margin-right:5px; background:#de0208; color:#fff; text-decoration:none}
DIV.page A:active { border:1px #eee solid; padding:2px 5px 2px 5px; margin-right:5px}
DIV.page SPAN.current { border:1px #de0208 solid; border-radius:3px; padding:2px 5px 2px 5px; margin-right:5px; background:#de0208; color:#fff; font-weight:bold}
DIV.page SPAN.disabled { border:1px #eee solid; border-radius:3px; padding:2px 5px 2px 5px; color:#333;}