@CHARSET "UTF-8";

/*头部样式*/
#header{width:1200px;margin:0 auto;height:86px;position:relative;}
.top{}
.logo{position: absolute;top:0;left:0;z-index:999;}

.topLink{width:400px;float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}

#menu{float:right;width:884px;}

/*热门搜索*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
#formsearch{width:300px;float:left;}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}


/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*首页新闻*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*工程案例*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}




/*友情链接*/
.f_link{width:1200px;margin:0 auto;margin-top:15px;line-height:30px;line-height:30px;text-indent:20px;}

/*页面底部*/
#footer{position:relative;width:1200px;margin:0 auto;text-align:center;font-size:14px;padding-bottom:36px;}
#footer a{color:#5584b8;font-size:14px;}
#footer a:hover{color:#5584b8;text-decoration:none;font-size:14px;}
.nav_foot{text-align:center;line-height:24px;color:#666;}
.copyright{text-align:center;line-height:24px;color:#5584b8;}


/*------------内页-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1920px;margin:0 auto;}
.n_banner img{width:1920px;margin:0 auto}
.left{width:225px;float:left;}
.sort_menu{}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:922px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000;font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}


.c1{background: url(../images/c1.png) no-repeat center;height:997px;}
.c1a{width:1200px;margin:0 auto;}
.c1b{padding-top: 104px;}

.c1c{padding-top: 167px;}
.c2{width:1920px;left:50%;margin-left:-960px;position:relative;}
.c3{width:1920px;left:50%;position: relative;margin-left:-960px;background:url(../images/c3.jpg) no-repeat center;height:3076px;}
.c3a{width: 781px;margin:0 auto;padding: 564px 17px 17px 17px;color:#fff;font-size:14px;text-align:center;}
.c3b{width: 1176px;/* float:left; */padding:104px;}
.c3ba{padding-top: 60px;}
.c3bb{background: url(../images/shui.png) no-repeat left 0px;color:#ffffff;font-size:14px;padding-left: 40px;}
.c3bc{font-size:24px;color:#280505;line-height:46px;animation-delay:1s; -webkit-animation-delay:2s;}
.fade-in-words{
    width: 222px;
    margin: 0 auto;
    text-align: left;
}

/*自定义一个透明度从0到1的动画，它的名称是fade-in*/
@keyframes fade-in{
    0%{ opacity: 0;}
    100%{opacity:1;}
}
@-webkit-keyframes fade-in{
    0%{ opacity: 0;}
    100%{opacity:1;}
}
@-ms-keyframes fade-in{
    0%{ opacity: 0;}
    100%{opacity:1;}
}
@-o-keyframes fade-in{
    0%{ opacity: 0;}
    100%{opacity:1;}
}
@-moz-keyframes fade-in{
    0%{ opacity: 0;}
    100%{opacity:1;}
}
.first-words{background: url(../images/shui.png) no-repeat left 0px;color:#ffffff;font-size:14px;padding-left: 40px;    line-height:24px;

}
.second-words{background: url(../images/shui.png) no-repeat left 0px;color:#ffffff;font-size:14px;padding-left: 40px;    line-height:24px;margin-top:136px;

}
.third-words{background: url(../images/shui.png) no-repeat left 0px;color:#010203;font-size:14px;padding-left: 40px;    line-height:24px;margin-top:128px;text-shadow: 5px 5px 5px #faf8f5;


}
.third-words p{text-shadow: 5px 5px 5px #faf8f5;}
.four-words{background: url(../images/shui.png) no-repeat left 0px;color:#010203;font-size:14px;padding-left: 40px;    line-height:24px;margin-top:86px;


}
.five-words{background: url(../images/shui.png) no-repeat left 0px;color:#ffffff;font-size:14px;padding-left: 40px;    line-height:24px;


}
.six-words{background: url(../images/shui.png) no-repeat left 0px;color:#ffffff;font-size:14px;padding-left: 40px;    line-height:24px;


}




.fade-in-wordss{
     width: 392px;
    margin: 0 auto;
    text-align: center;
    /* margin-left: 3px; */
}






/*自定义一个透明度从0到1的动画，它的名称是fade-in*/
@keyframes fade-in{
    0%{ opacity: 0;}
    100%{opacity:1;}
}
@-webkit-keyframes fade-in{
    0%{ opacity: 0;}
    100%{opacity:1;}
}
@-ms-keyframes fade-in{
    0%{ opacity: 0;}
    100%{opacity:1;}
}
@-o-keyframes fade-in{
    0%{ opacity: 0;}
    100%{opacity:1;}
}
@-moz-keyframes fade-in{
    0%{ opacity: 0;}
    100%{opacity:1;}
}
.first-wordss{
    color:#4ca3e6;
    font-size:22px;
 padding-left: 69px; 
    line-height: 58px;
background:url(../images/shui1.png) no-repeat center;height:124px;width:286px;
}
.second-wordss{
    color:#4ca3e6;
    font-size:22px;
    padding-left: 66px;
    line-height: 60px;
    margin-top: 32px;
    background:url(../images/shui1.png) no-repeat center;
    height:124px;
    width:286px;
}
.third-wordss{
     color:#4ca3e6;
     font-size:22px;
     padding-left: 92px;
     line-height: 51px;
     margin-top: 40px;
     /* text-shadow: 5px 5px 5px #faf8f5; */
     background:url(../images/shui1.png) no-repeat center;
     height:124px;
     width:286px;
}
.third-wordss p{text-shadow: 5px 5px 5px #faf8f5;}
.four-wordss{
    color:#4ca3e6;
    font-size:22px;
    padding-left: 91px;
    line-height: 50px;
    margin-top: 34px;
    background:url(../images/shui1.png) no-repeat center;
    height:124px;
    width:286px;
}
.five-wordss{
    margin-top: 39px;
    color:#4ca3e6;
    font-size:22px;
    padding-left: 99px;
    line-height: 52px;
    background:url(../images/shui1.png) no-repeat center;
    height:124px;
    width:286px;
}
.six-wordss{
    margin-top: 37px;
    color:#4ca3e6;
    font-size:22px;
    padding-left: 77px;
    line-height: 49px;
    background:url(../images/shui1.png) no-repeat center;
    height:124px;
    width:286px;
}
.ww1{display: none; background:rgba(2,2,2,0.5);border-radius:12px;width: 176px;color:#ffffff;font-size:13px;line-height: 21px;text-align:left;padding: 7px;margin-left: 52px;margin-top: 7px;}

.first-wordss:hover .ww1{
    display: block
}
.second-wordss:hover .ww1{
    display: block
}

.third-wordss:hover .ww1{
    display: block
}
.four-wordss:hover .ww1{
    display: block
}
.five-wordss:hover .ww1{
    display: block
}
.six-wordss:hover .ww1{
    display: block
}

.ww2{display: none; background:url(../images/bei1.png) no-repeat;width: 176px;height: 51px;color:#ffffff;font-size:13px;line-height: 21px;text-align:left;padding: 7px;margin-left: 52px;margin-top: 7px;}
.ww3{display: none; background:url(../images/bei1.png) no-repeat;width: 176px;height: 51px;color:#ffffff;font-size:13px;line-height: 21px;text-align:left;padding: 7px;margin-left: 52px;margin-top: 7px;}
.ww4{display: none; background:url(../images/bei1.png) no-repeat;width: 176px;height: 51px;color:#ffffff;font-size:13px;line-height: 21px;text-align:left;padding: 7px;margin-left: 52px;margin-top: 7px;}
.ww5{display: none; background:url(../images/bei1.png) no-repeat;width: 176px;height: 51px;color:#ffffff;font-size:13px;line-height: 21px;text-align:left;padding: 7px;margin-left: 52px;margin-top: 7px;}
.ww6{display: none; background:url(../images/bei1.png) no-repeat;width: 176px;height: 51px;color:#ffffff;font-size:13px;line-height: 21px;text-align:left;padding: 7px;margin-left: 52px;margin-top: 7px;}









.c3c{width:1200px;margin:0 auto;position: relative;margin-top:237px;height:759px;}


.tips{
    width:650px;
    margin:110px auto 0;
    font-family:Verdana, Geneva, sans-serif;
    color:#FFC;
    font-size:26px;
}

.dock{
    margin:90px auto 0;
    width:500px;
}

.board{
    float:left;
    margin-top:-60px;
    z-index:0;
}

.rotate{
    /* width:70px; */
    /* height:70px; */
    margin:20px 10px;
    z-index:1;
}

.r1{
     -moz-transform:rotate(-3deg);
    -webkit-transform:rotate(-3deg);
    -o-transform:rotate(-3deg);
}

.r2{
     -moz-transform:rotate(2deg);
    -webkit-transform:rotate(2deg);
    -o-transform:rotate(2deg);
}

.c3c1{position: absolute;top: -117px;right: 364px;/* width:129px; *//* height:119px; */}
.c3c2{position: absolute;top: 75px;right: 294px;}
.c3c3{position: absolute;top: 250px;right: 325px;}
.c3c4{position: absolute;top: -13px;left: 302px;}
.c3c5{position: absolute;top: 197px;left: 286px;}
.c3c6{position: absolute;top: 27px;left: 15px;color:#5684b8;font-size:14px;width:289px;}
.c3c7{position: absolute;top: 257px;left: 50px;color:#5684b8;font-size:14px;width: 226px;}
.c3c8{position: absolute;top: 154px;right: 0;color:#5684b8;font-size:14px;width: 248px;}
.c3c9{position: absolute;top: 321px;right: 55px;color:#5684b8;font-size:14px;width: 274px;}

.c3d{width:390px;margin:0 auto;}


.c3e{width:802px;margin:0 auto;color:#fff;text-align:center;font-size:18px;margin-top:41px;}
.c3ee{width:92px;margin:0 auto;height:31px;margin-top:31px;}

.c4{width:1920px;left:50%;position: relative;;margin-left:-960px;}
.c4a{width:960px;height:840px;}
.c4b{width:960px;height:840px;}
.c4bc{font-size:14px;color:#8f8f8f;padding:45px 90px 11px 90px;line-height:30px;}
.c4bd{float:right;width:92px;height:31px;margin-right:90px;}
.c4cc{padding-left:134px;margin-top:111px;}
.c4cd{font-size:14px;color:#8f8f8f;margin-left:90px;margin-right:60px;line-height:26px;}

.c4c{width:960px;padding-top:42px;}
.c4c1{}
.c4c2{padding-left:132px;padding-right:132px;margin-top:93px;}

.c4d{width:960px;}

.banner2{width:960px;margin:0 auto;position:relative;height:705px;}
.banner2 ul.bb2{position:relative;padding:0px;margin:0px;z-index:5;}
.banner2 ul.bb2 li{position:absolute;display:none;}
.banner2 .num2{position:absolute;right: 48%;bottom: 39px;z-index:100;}
.banner2 .num2 li{float:left;width:20px;height:20px;display:inline-block;margin-right: 14px;background:#fff;line-height:20px;overflow:hidden;border-radius:20px;color:#0250aa;}
.banner2 .num2 li.num_hover2{background-color:#0250aa;}
.banner2 .num2 li.num_hover2 a{color:#0250aa;}
.banner2 .num2 li a{float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;line-height:20px;}
.c5{background: url(../images/c5.jpg) no-repeat center;height:143px;}

.c5 .content li{width:42px;float:left;text-align:center;padding-bottom: 25px;overflow:hidden;height:41px;margin-left:43px;}
.c5 .content li a{position:relative;width:42px;height:41px;overflow:hidden;display:block;margin:0 auto;}
.c5 .content li a img{position:absolute;top:0;left:0;}
.c5 .content li a:hover img{top:-41px;}

.c5 .content li h3{color:#666666;font-size:14px;font-weight:normal;padding-top:15px;}
.c5 .content li:hover a img{}
.c5 .content{width:441px;margin:0 auto;padding-top:54px;}


@media(max-width: 1440px){
   .c4{
       max-width:1440px;
       left: 0;
       margin-left: 0;
}
   .c4a{
       width: 720px;
       height: 792px;
   }
   .c4cc{
       padding-left: 14px;
      padding-right: 50px;
      margin-top: 79px;
   }
   .c4cd{
       margin-left: 60px;
    margin-right: 90px;
   }
   .c4a img{
       width:100% !important;
   }
   .c4b{
       width:720px;
       height: 792px;
   }
   .c4c{
       width:720px;;
   }
   .c4d {
       width:720px;;
   }
   .c4c2{
       padding-left: 8px;
    padding-right: 132px;
    margin-top: 93px;
   }
   .banner2{
       width: 720px;
    margin: 0 auto;
    position: relative;
    height: 705px;
   }
}