@charset "utf-8";
/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: microsoft yahei , "宋体"; position:relative;}/*网站字体颜色*/
.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1200px; font-family:microsoft yahei;}
a{ text-decoration:none;}


.cl{ clear:both;}

#menu { position: fixed; right:2%; top: 50%;  z-index: 70; margin-top:-130px;}
#menu li { margin:9px 0;}
#menu a { display:block; padding:3px; background:url(/chuneng/js/img/home/navbg1.png) no-repeat center; width:13px; height:13px;  text-decoration: none; position:relative;}
/*#menu a:hover span{ display:block;}*/
#menu a span{ display:block; position:absolute; background:url(/chuneng/js/img/home/navspanbg.png) no-repeat center; width:38px; height:19px; line-height:19px; padding:0 14px; font-size:13px; color:#fff; right:0; top:0; display:none;}
#menu .active a { background:url(/chuneng/js/img/home/navbg2.png) no-repeat center;}
#menu .active a span{ display:block;}
/*#menu a span.on{ display:block;}*/


.w1400{width: 1400px !important;margin:auto;}

.section1{ position: relative;background-size:cover; background:url(/chuneng/js/img/home/page1.jpg) center no-repeat;}
.section2{ background-size:cover;}
.section3{ background-size:cover; background:#f2f2f4;}
.section4{ background-size:cover; background:url(/chuneng/js/img/home/section4_bg.jpg) center no-repeat;}


.section5{}
.section6{ background:#fff;}
.section22{ background:#fff;}
.section7{ background:#0a0b0d;}
.section8{background:#fff;}

.section1 .container{ }
.section1 .ta{ position:absolute; left:27%; top:25%; color:#0071b6; font-size:52px;}
.section1 ul{ width:900px; margin:0 auto;}
.section1 .tubiao1{position:absolute; bottom:8%; left:25%;}
.section1 .tubiao2{position:absolute; bottom:8%;left:37%;}
.section1 .tubiao3{position:absolute; bottom:8%;left:52%; }
.section1 .tubiao4{position:absolute; bottom:8%;left:65%;}





.section2 .fp-tableCell{ vertical-align:top;}
.section2 .container{ position:relative;}
.section2 .fengzheng{ position:absolute; font-size:26px; top:100px; left:-100%;font-weight: 800;}
.section2 .ta{ position:absolute; left:0; top:47%;}


.section2 #ul01{ padding-top:300px; width:1800px; margin:0 auto;}
.section2 #ul01 li{ float:left; display:inline; width:600px; overflow:hidden;}
.section2 #ul01 li img{ width:600px; height:400px;}
.section2 #ul02{ width:1800px; margin:0 auto;}
.section2 #ul02 li{ float:left; display:inline;}
.section2 #ul02 li img{ width:900px; height:400px;}


.section21 .fp-tableCell{ vertical-align:top;}
.section21 .container{ position:relative;}
.section21 .fengzheng{ position:absolute; font-size:26px; top:100px; left:-100%;font-weight: 800;}
.section21 .ta{ position:absolute; left:0; top:47%;}


.section21 #ul01{ padding-top:300px; width:1800px; margin:0 auto;}
.section21 #ul01 li{ float:left; display:inline; width:600px; overflow:hidden;}
.section21 #ul01 li img{ width:100%;}
.section21 #ul02{ width:1800px; margin:0 auto;}
.section21 #ul02 li{ float:left; display:inline;}
.section21 #ul02 li img{ width:900px; height:400px;}

.section22 .fp-tableCell{ vertical-align:top;}
.section22 .container{ position:relative;}
.section22 .fengzheng{ position:absolute; font-size:26px; top:100px; left:-100%;font-weight: 800;}
.section22 .ta{ position:absolute; left:0; top:47%;}


.section22 #ul01{ padding-top:300px; width:1800px; margin:0 auto;}
.section22 #ul01 li{ float:left; display:inline; width:600px; overflow:hidden;}
.section22 #ul01 li img{ width:100%;}
.section22 #ul02{ width:1800px; margin:0 auto;}
.section22 #ul02 li{ float:left; display:inline;}
.section22 #ul02 li img{ width:900px; height:400px;}

.section23 .fp-tableCell{ vertical-align:top;}
.section23 .container{ position:relative;}
.section23 .fengzheng{ position:absolute; font-size:28px; top:100px; left:-100%;font-weight: 800;}
.section23 .ta{ position:absolute; left:0; top:47%;}


.section23 #ul01{ padding-top:400px; width:1800px; margin:0 auto;}
.section23 #ul01 li{ float:left; display:inline; width:600px; overflow:hidden;}
.section23 #ul01 li img{ width:100%;}
.section23 #ul02{ width:1800px; margin:0 auto;}
.section23 #ul02 li{ float:left; display:inline;}
.section23 #ul02 li img{ width:900px; height:400px;}

.section6 .klt{ line-height:30px; position:absolute; left:70%; top:15%; margin-left:-118px; z-index:99; width:400px;}
.section6 .klt h1{ font-weight:normal; font-size:24px; height:40px; line-height:40px;}
.section6 .kltimg{position:absolute; left: 16%;}



.section3 .klt{ line-height:30px; position:absolute; left:49%; top:15%; margin-left:-118px; z-index:99; width:350px;}
.section3 .klt h1{ font-weight:normal; font-size:24px; height:40px; line-height:40px;}
.section3 .kltimg{position:absolute; right:20%;}




.section7 .fengzheng{ position:absolute; font-size:22px; top:100px; left:-100%; color:#fff;}
.section7 .ta{ position:absolute; left:0; top:47%;color:#fff;}
.section7 #pimg{width:1000px; margin:110px auto 0 auto;}
.section7 #pimg img{ width:1000px; height:575px; border-radius:30px;}


.section8 #pimg{width:700px; margin:0 auto; margin-top:90px;}
.section8 #pimg img{ width:700px; height:611px;}




.section4 .fengzheng{ position:absolute; font-size:24px; top:100px; left:-100%;color:#000;}
.section4 .ta{ position:absolute; left:0; top:47%; line-height:30px; font-size:14px; color:#000; text-align:center;}


.section5 .fengzheng{ position:absolute; font-size:24px; top:100px; left:-100%;color:#000;}
.section5 .ta{ position:absolute; left:0; top:47%; line-height:30px; font-size:14px; color:#000; text-align:center;}
.section5 .topbg{ width:100%; background:#fff; height:190px;}
.section5 .section5bg{ background:url(/chuneng/js/img/home/section5_bg.jpg) center bottom no-repeat; height:600px; width:100%;}



.section9 .fengzheng{ position:absolute; font-size:24px; top:70px; left:-100%;color:#000;}
.section9 .ta{ position:absolute; left:0; top:47%; line-height:30px; font-size:14px; color:#000; text-align:center;}
.section9 .tel{ position:absolute; top:100px; font-size:20px; border:1px solid #999; border-radius:5px; padding:10px 20px;}
.section9bg{ background:#fff; width:100%; height:460px;}

















.jiameng{ margin-top:105px;}
.jiameng .jleft{ float:left; width:489px; margin-left:45px; position:relative;}
.jiameng .jleft img{ display:block;}
.jiameng .jleft dl{ overflow:hidden;margin-top:30px;}
.jiameng .jleft dt{ float:left; margin-top:5px;}
.jiameng .jleft dt img{ display:block;}
.jiameng .jleft dd{ margin-left:55px; padding-left:15px; border-left:1px solid #a4a4a4;}
.jiameng .jleft dd span{ font-size:15px; color:#002496;}
.jiameng .jleft dd p{ font-size:24px; color:#f12b3b; margin-top:5px;}
.jiameng .jright{ float:left; margin-left:60px; margin-top:30px; position:relative;}
.jiameng .jright img{ display:block;}

/*横向切换*/
.fp-section{position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.fp-slide{float:left;}
.fp-slide, .fp-slidesContainer{height:100%; display:block;}
.fp-slides{z-index:1; height:100%; overflow:hidden; position:relative; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.fp-section.fp-table, .fp-slide.fp-table{display:table; table-layout:fixed; width:100%;}
.fp-tableCell{display:table-cell; vertical-align:middle; width:100%; height:100%;}
.fp-slidesContainer{float:left; position:relative;}
/*滚动按钮*/
.fp-controlArrow{position:absolute; z-index:9; top:60%; cursor:pointer; width:78px; height:78px; margin-top:-40px; background-position:center; background-repeat:no-repeat;}
/*向左滚动按钮*/
.fp-controlArrow.fp-prev{left:7%; background-image:url(/chuneng/js/img/home/fp-prev.png);}
/*向右滚动按钮*/
.fp-controlArrow.fp-next{right:7%; background-image:url(/chuneng/js/img/home/fp-next.png);}

.fp-controlArrow.fp-prev:hover{left:7%; background-image:url(/chuneng/js/img/home/fp-prev.png);}
/*向右滚动按钮*/
.fp-controlArrow.fp-next:hover{right:7%; background-image:url(/chuneng/js/img/home/fp-next.png);}


/*项目导航*/
/*#fp-nav{position:fixed; top:50%; right:15px; z-index:999;}
#fp-nav li a span{display:block; padding:10px; margin-bottom:14px; width:10px; height:10px; background:url(/chuneng/js/Img/Index/fp-nav-ico.png) no-repeat center; text-indent:-99em;}
#fp-nav li a.active span{background-image:url(/chuneng/js/Img/Index/fp-nav-icoH.png);}*/




/*售后联系*/
.contact_bg{background:url(/chuneng/js/img/contact/contact.jpg) no-repeat center; background-size:cover; height:1050px;}
.contact_ww{ width:420px; margin:0 auto; padding-top:460px; color:#fff; font-size:16px; text-align:center; line-height:28px;}
.contact_tixi{background-size:cover; height:670px;}
.contact_tixi2{ background-size:cover; height:890px;}
.contact_tixi3{ background-size:cover; height:680px;}


.que_nr{ background:url(/chuneng/js/img/contact/que_bg.jpg) repeat-x #f6f6f6; padding:1px 0 40px 0; color:#000;}
.que_nr22{ background:url(/chuneng/js/img/contact/case_bg.jpg) no-repeat; background:cover; padding:1px 0 40px 0; color:#000;}
.que_nrpic{ background:url(/chuneng/js/img/about/about_picbg.jpg) no-repeat;background:cover;padding:1px 0 40px 0;}
.quelist2{ width:960px; padding:20px; margin:0 auto; background:#fff;}
.quelist2 li{ border-bottom:1px solid #ddd; padding-bottom:10px; margin:18px 0;}
.quelist2 li a{ color:#000;}
.quelist2 li .title{ font-size:18px; background:url(/chuneng/js/img/contact/q.jpg) left center no-repeat; height:50px; line-height:50px; padding-left:30px;}
.quelist2 li .nrr{ color:#666; font-size:14px; line-height:26px;}
.quelist2 li a:hover{ color:#e60616;}



.join_case{ width:980px; height:1300px; margin:0 auto;}
.join_case h2{ text-align:center; height:100px; line-height:100px;}
.join_case h2 span{ color:#000; font-size:34px; border-bottom:1px solid #999; padding:0 20px; font-weight:normal;}
.join_case ul{ height:1000px; width:980px;background:url(/chuneng/js/img/contact/case.png) no-repeat; padding-top:130px;}
.join_case ul li{ margin-top:53px; height:218px;}
.join_case ul li img{ width:392px; height:164px; margin-top:30px;}
.join_case ul .tilte{ height:50px; line-height:50px; font-size:16px; color:#000; font-weight:bold;}
.join_case ul .tilte a{ color:#000;}
.join_case ul .decc{ line-height:24px; font-size:14px;}

.join_case ul .left1,.join_case ul .left3,.join_case ul .left5,.join_case ul .left7,.join_case ul .left9,.join_case ul .left11,.join_case ul .left13,.join_case ul .left15,.join_case ul .left17,.join_case ul .left19,.join_case ul .left21,.join_case ul .left23,.join_case ul .left25,.join_case ul .left27,.join_case ul .left29,.join_case ul .left31{ width:400px; float:left; display:inline;}


.join_case ul .right1,.join_case ul .right3,.join_case ul .right5,.join_case ul .right7,.join_case ul .right9,.join_case ul .right11,.join_case ul .right13,.join_case ul .right15,.join_case ul .right17,.join_case ul .right19,.join_case ul .right21,.join_case ul .right23,.join_case ul .right25,.join_case ul .right27,.join_case ul .right29,.join_case ul .right31{ width:400px; float:right; display:inline;}

.join_case ul .left2,.join_case ul .left4,.join_case ul .left6,.join_case ul .left8,.join_case ul .left10,.join_case ul .left12,.join_case ul .left14,.join_case ul .left16,.join_case ul .left18,.join_case ul .left20,.join_case ul .left22,.join_case ul .left24,.join_case ul .left26,.join_case ul .left28,.join_case ul .left30{ width:400px; float:right; display:inline;}
.join_case ul .right2,.join_case ul .right4,.join_case ul .right6,.join_case ul .right8,.join_case ul .right10,.join_case ul .right12,.join_case ul .right14,.join_case ul .right16,.join_case ul .right18,.join_case ul .right20,.join_case ul .right22,.join_case ul .right24,.join_case ul .right26,.join_case ul .right28,.join_case ul .right30{ width:400px; float:left; display:inline; margin-left:20px;}




/*新闻资讯*/
.news_title{ width:1050px; margin:30px auto;}
.news_title p{ text-align:center;}
.news_nr{ background:url(/chuneng/js/img/other/news_bg.png) repeat-x #f6f6f6;}
.news_list2{ width:1200px; margin:0px auto; padding:40px 0;}
.news_list2 li{ width:280px; height:395px; background:#fff; float:left; display:inline; margin:10px;}
.news_list2 .litop img{ width:280px; height:186px;}
.news_list2 .title{ font-size:14px; font-weight:bolder; color:#000; text-align:center; height:40px; line-height:40px;}
.news_list2 .hits{ text-align:center;}
.news_list2 .more{ width:126px; height:36px; line-height:36px; text-align:center; color:#fff; font-size:14px; display:inline-block; background:#eca02a;}
.news_list2 .nrr{ width:240px; padding:10px 20px; font-size:13px; line-height:22px;}







/*解决方案*/
.solve_list{ width:1200px; margin:20px auto;}
.solve_list li{ width:388px;position:relative;height:241px; float:left; display:inline; margin:6px;}
.solve_list li .on:hover{}
.solve_list .picc{ }
.solve_list img{ width:388px; height:241px;}
.solve_list li:hover .on{display:none;}
.solve_list .on{  background-color:rgba(0,0,0,0.6); position:absolute; left:0; top:0; z-index:10; width:348px; height:101px; padding:70px 20px; color:#fff; text-align:center;}
.solve_list .on a{ color:#fff;}
.solve_list .on .title{ font-size:20px; line-height:30px;}
.solve_list .on .title span{ font-size:14px;}
.solve_list .on .more{ background:#e60616; color:#fff; padding:4px 13px; margin-top:15px; display:inline-block;}
.listConts{ width:1000px; margin:20px auto; line-height:28px;}
.listConts img{ max-width:1000px;}
.listConts .title{ height:60px; line-height:60px; text-align:center; font-size:24px; font-weight:normal;}
.listConts .info{ text-align:center; font-size:14px; color:#666;}




/*相册*/
.aboutpic_list{ width:1000px; margin:20px auto;}
.aboutpic_list li{ width:210px; height:290px;background-color:rgba(255,255,255,0.7); padding:10px; float:left; display:inline; margin:15px 10px;}
.aboutpic_list img{ width:210px; height:210px;}
.aboutpic_list li .title{ height:52px; line-height:26px; font-size:15px; margin-top:10px; color:#000;}
.aboutpic_list li .date{ text-align:right;}
/*相册详情页*/
.aboutpic_show{ width:1270px; margin:30px auto;}
.box a{padding-right:15px;}
#about_hide{display:none}
.layer_text{background-color:#fff; padding:20px;}
.layer_text p{margin-bottom: 10px; text-indent: 2em; line-height: 23px;}
.button{display:inline-block; *display:inline; *zoom:1; line-height:30px; padding:0 20px; background-color:#56B4DC; color:#fff; font-size:14px; border-radius:3px; cursor:pointer; font-weight:normal;}
.imgs img{width:240px; height:160px; margin:5px;}


/*导航*/
.classNav{ width:1000px; margin:0 auto; text-align:center;}
.classNav a{ width:83px; height:45px; line-height:45px; display:inline-block; font-size:14px; margin:0 15px;}
.classNav a:hover{ background:url(/chuneng/js/img/about/hover.jpg) no-repeat; color:#fff; font-weight:bold; text-decoration:none;}
.classNav .on{ background:url(/chuneng/js/img/about/hover.jpg) no-repeat; color:#fff; font-weight:bold; text-decoration:none;}





/*产品展示*/
.product_list{ width:1200px; margin:30px auto;}
.product_list li{ width:215px; background:#fff; margin:15px 10px; float:left; display:inline; padding:32px; text-align:center;}
.product_list img{ width:215px; height:225px;}
.product_list .title{ font-size:18px; color:#000; height:40px; line-height:40px; margin-top:10px;}
.product_list .span{ font-size:14px; height:30px; line-height:30px;}
.product_list .more{ background:#e60616; height:28px; line-height:28px; width:76px; display:inline-block; color:#fff;}

.productshow{ width:100%; text-align:center;}

@media (max-width: 1680px) {
.productshow img{ position: relative;overflow:hidden;width:1680px;}
}
@media (max-width: 1600px) {
.productshow img{ position: relative;overflow:hidden;width:1600px;}
}
@media (max-width: 1440px) {
.productshow img{ position: relative;overflow:hidden;width:1440px;}
}
@media (max-width: 1400px) {
.productshow img{ position: relative;overflow:hidden;width:1400px;}
}
@media (max-width: 1366px) {
.productshow img{ position: relative;overflow:hidden;width:1366px;}
}
@media (max-width: 1360px) {
.productshow img{ position: relative;overflow:hidden;width:1360px;}
}
@media (max-width: 1280px) {
.productshow img{ position: relative;overflow:hidden;width:1360px;}
}




/*产品导航*/
.nav_product{ width:1100px; margin:0 auto; padding-bottom:15px;}
.nav_productL{ width:770px; float:left; display:inline; margin-left:40px;}
.nav_productL a{ width:92px; height:30px; line-height:30px; display:inline-block; color:#000; font-size:14px;}
.nav_productL a:hover{ color:#e60616; text-decoration:none;}








div.wrapper { width: 100%; margin: 0 auto; position: relative; }
.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none; }
    .box_skitter ul { display: none; }
    .box_skitter .container_skitter { overflow: hidden; position: relative; }
    .box_skitter .image { overflow: hidden; }
        .box_skitter .image img { display: none; }
    .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
        .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
    .box_skitter .prev_button { position: absolute; top: 50%; left: -5px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(/chuneng/images/prev.png) no-repeat left top !important; }
    .box_skitter .next_button { position: absolute; top: 50%; right: -5px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(/chuneng/images/next.png) no-repeat left top !important; }
    .box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(/chuneng/images/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; }




#topbarr{ width:100%; background:#fff;position:fixed; top:0; z-index:100000000;}
#head{}
#head_inner{ }