@charset "utf-8";
/* CSS Document */

*{padding:0; margin:0; font-size:14px; color:#000000; font-family:'font0101';}
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:#006db8;overflow:hidden;z-index:999;}
#top .box{width:1200px;margin:0 auto;}
#top .box .ri{float:right;}
#top .box .ri .cn{color:#ffffff;}
.topcss{position:fixed;}

#top01{width:100%;height:30px;line-height:30px;background:#006db8;overflow:hidden;z-index:999;}
#top01 .box1{width:1200px;margin:0 auto;}
#top01 .box1 .ri{float:right;}
#top01 .box1 .ri .cn{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 16px; line-height:102px; height:102px; font-size:15px; color:#ffffff; letter-spacing:2px; font-family:'font0101'; 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 16px; color:#444444; height:40px; line-height:40px;}
#nav .box .menu ul li:hover ul{display:block;}
#nav .box .menu ul li:hover ul a:hover{color:#444444; 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 16px; line-height:102px; height:102px; font-size:15px; color:#444444; letter-spacing:2px; font-family:'font0101'; font-weight:bold;}
#nav01 .box1 .menu ul li a:hover{color:#444444;}
#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 16px; color:#444444; height:40px; line-height:40px;}
#nav01 .box1 .menu ul li:hover ul{display:block;}
#nav01 .box1 .menu ul li:hover ul a:hover{color:#444444; background:#ededed;}
.nav01css{position:fixed; top:30px; background:#ffffff; border-bottom:solid 1px #dedede; z-index:999;}

.title1{font-size:50px; line-height:80px; font-family:'font0202'; text-align:center; margin-bottom:30px;}
.title2{font-size:20px; line-height:30px; font-family:'font0101'; text-align:center; color:#777777;}
.title3{font-size:36px; line-height:40px; width:1100px; margin:0 auto; font-family:'font0202'; text-align:center;}
.title4{font-size:50px; line-height:50px; font-family:'font0303'; text-align:center; color:#777777;}
.title5{font-size:50px; line-height:50px; font-family:'font0303'; padding-left:45px; color:#777777; padding-top:40px;}
.title6{font-size:50px; line-height:50px; font-family:'font0303'; width:1200px; margin:0 auto; color:#ffffff; padding-top:100px;}

.con1{font-size:20px; font-family:'font0202'; text-align:center; line-height:40px;}
.con2{font-size:16px; font-family:'font0202'; line-height:20px; text-align:center;}

#line1{width:100%; padding-top:90px; height:460px; overflow:hidden;}
#line1 ul{margin:0; padding:50px 0 0 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:rgba(2,150,252,.8);}
#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:50px; 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:45px; 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; padding-top:70px; opacity: 0; animation: fade-in 1s ease-in-out .1s forwards;z-index:101; display:block;}
@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:36px; font-size:40px; color:#fff; height:36px;}
#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 35px; 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:'font0202'; color:#000000; line-height:25px; display:block; margin-top:10px; font-size:18px;}
#line2 .scroll_horizontal .list li span.hpt{font-family:'font0101'; color:#777777; line-height:25px; display:block; font-size:14px;}

#line3{width:100%; padding-top:90px; 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:'font0202'; font-size:22px;}
#line3 .line3_box .con .ri .yt{font-size:15px; 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:'font0202'; 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:60px; font-family:'font0202';}
#line5 .ri .cc{margin-left:8%; font-size:18px; margin-top:2%; color:#777777;}
#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; color:#777777;} 
#line5 .ri .aa .ee{width:40%; float:right;}
#line5 .ri .aa .ee img{margin-top:18%; margin-left:8%;}

#line6{width:100%; min-width:1200px; height:653px; margin-top:80px; background:url(../images/line6.jpg) no-repeat center center;  overflow:hidden;}
#line6 .con{width:1200px; margin:0 auto;}
#line6 .con .le{float:left; width:35%; color:#ffffff; font-size:15px;}
#line6 .con .ri{float:right; width:65%;}

/*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:38px;}
#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:420px;}
#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; font-size:14px;}

/*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:#006db8; font-size:22px;}
.about_name{color:#006db8; font-size:24px; line-height:40px; margin-left:30px; margin-top:30px;}
.about_content{color:#777777; font-size:16px; line-height:25px; margin-left:30px; margin-top:20px; margin-right:20px;}
.about_main a{font-size:18px; color:#006db8; line-height:30px; margin-left:30px;}
.abt{font-size:60px; line-height:80px; font-family:'font0101'; text-align:center; margin-bottom: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:#006db8;}
.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; width:320px; height:280px; margin-bottom:30px;}
.news_main .list li .name{font-size:16px; width:320px !important; overflow:hidden; font-family:'font0101'; color:#333; line-height:30px; text-align:left; margin-top:10px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
.news_main .list li:hover .name{color:#006db8;}
.news_nav{text-align:center;}
.news_nav a{font-size:24px; font-family:'font0101'; line-height:30px; padding:0px 20px; color:#777777;}
.news_nav a:hover{color:#006db8;}

/*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 #006db8;}
.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:'font0101';}
.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:20px; border-bottom:1px solid #444; margin-top:15px; overflow:hidden;}
#main .lt ul .li1 a{font-size:20px; 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:18px; padding-left:20px; color:#777777;}
#main .lt ul .li3{font-size:16px; line-height:35px; border-bottom:1px solid #444; margin-top:20px;}
#main .lt ul .li3 a{font-size:16px;}

#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% - 20px); margin:0 10px;}
.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:#006db8; 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:#006db8;}
.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:410px; float:right; margin-right:120px; margin-top:60px;}
#product_content .p_about .s_t1{font-size:28px; line-height:40px; color:#444444;}
#product_content .p_about .s_a1{font-size:15px; line-height:25px; color:#666666; text-align:left;}

#about1,#about2,#about3{width:100%; background:#e6e6e6; margin:0 auto; padding:30px;}
#about1 .t2,#about2 .t2,#about3 .t2{font-size:28px; color:#006db8; 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:#006db8; border:1px solid #006db8;}
/*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:#006db8; border:2px solid #006db8;}

/*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:#006db8; 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 #006db8 solid; border-radius:3px; padding:2px 5px 2px 5px; margin-right:5px; background:#006db8; color:#fff; font-weight:bold}
DIV.page SPAN.disabled { border:1px #eee solid; border-radius:3px; padding:2px 5px 2px 5px; color:#333;}

@font-face {
      font-family: 'font0101';
      src:local('☺'),url(../font/font0101.ttf) format('truetype');
    }
@font-face {
      font-family: 'font0202';
      src:local('☺'),url(../font/font0202.ttf) format('truetype');
    }
@font-face {
      font-family: 'font0303';
      src:local('☺'),url(../font/font0303.ttf) format('truetype');
    }