﻿@CHARSET "UTF-8";

/*头部样式*/
#header{width: 1920px;left: 50%;margin-left: -960px;position: relative;}
.top{width: 1920px;line-height: 35px;background: #f3f3f3;}
.c1{width: 1100px;margin: 0 auto;}
.wel{float: left;}
.ch{float: right;}
.ch img{margin-left: 20px;margin-right:3px;}
.a1{width: 1100px;margin: 10px auto 0px auto;height:85px;}
.logo{float:left;}
.k2{float: right;margin-top: 10px;}

.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:35px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}

#menu{width: 1920px;left:50%;margin-left: -960px;position:relative;background: url(../images/nav1.png)repeat-x;height:54px;}

/*热门搜索*/
.search{text-align:left;height:43px;background-color:#2b2d42;}
#formsearch{width:249px;float:right;background: url(../images/sea.png)no-repeat;height: 25px;margin-top: 10px;}

.hotSearch{width:400px;float:left;height:43px;line-height:43px;font-weight:normal;color: #fff;font-size: 12px;}
.hotSearch a{color: #fff}


/*主体样式*/
#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;}
.article-list{margin-top:10px}
.article-list li {
 width: 23.5%;
 border:1px solid #ddd;
 padding:5px;
 margin-right: 20px;
 float: left;
 position:relative;
 margin-bottom: 12px;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all .5s;
 transition: all .5s;
 box-shadow: 1px 1px 5px rgba(0,0,0,.1)
}
.article-list li .ari-img {
 width: 100%;
 margin-right: 15px;
 overflow: hidden
}
.article-list li .ari-img img {
 width: 100%
}
.article-list li h4 {
 font-size: 16px;
 line-height: 37px; text-align:center
}
.article-list li p {
 font-size: 14px;
 color:#666;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 text-overflow: ellipsis;
 overflow: hidden;
 -webkit-line-clamp: 2;
 height: 44px;
 line-height: 1.6;
 margin: 0 0 10px
}
.article-list li .mores {
 margin: 0 auto;
 display: block;
 width: 96px;
 height: 30px;
 line-height: 30px;
 text-align: center;
 color:#fff
}
.article-list li:last-child {
 margin-right: 0
}
.article-more {
 background: #ae96c6;
 margin-top:30px
}


/*友情链接*/
.f_link{width:1000px;margin:0 auto;margin-top:15px;line-height:30px;line-height:30px;background-color:#ececec;text-indent:20px;}

/*页面底部*/
#footer{left: 50%;width: 1920px;margin-left: -960px;position: relative;background:#003a71;}
#footer .foot{margin:0px auto; width:1100px; line-height:25px; padding-bottom:15px; color:#FFF}
#footer .foot a{color:#FFF}
.cf{padding-top: 55px;}
.f_a{width: 175px;background:url(../images/sh.png)no-repeat right;text-align: center;height: 182px;float: left;}
.f_a span{display: block;color: #fff;font-size: 16px;}
.f_a a{display: block;color: #fff;font-size: 12px;line-height: 32px;}
.ewm{float: right;width: 300px;margin-right:25px; }
.ewm span{color:#fff;font-size: 16px;margin-bottom: 17px;display: block;}
.ewm img{margin-bottom: 9px;    margin-right: 15px;}
.ewm table td{}
.ewm table td{text-align: center;color: #fff;margin-right: 25px;}
.copyright{text-align:center;line-height:20px;float: left;width: 1100px;margin: 0 auto;margin-top:68px;color: #fff;font-size: 12px;}
.copyright a{color: #fff;font-size: 12px;}

/*------------内页-------------------*/
.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:100%;margin:0 auto;}
.n_banner img{width:100%;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:960px;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;}


.c2_title{margin-top: 15px;color: #2e3045;font-size: 32px;padding-left: 12px;}
.c2_fenlei{border:1px solid #e4e4e7;width: 1100px;height:85px;margin-top: 33px;padding-top: 15px;}
.c2_fenlei ul{overflow: hidden;padding-left: 35px;}
.c2_fenlei ul li{float: left;margin-right:33px;width: 180px;height: 26px;background: url(../images/fenlei.png)no-repeat;text-align: center;line-height: 26px;margin-bottom: 15px;}
.c2_fenlei ul li:hover{background: url(../images/fenlei2.png) no-repeat;}
.c2_fenlei ul li a{color: #666;font-size: 14px;}
.c2_fenlei ul li:hover a{color: #e4e4e7}
.c2_content{width: 1100px;}
#mm_demo{overflow:hidden;width:100%;margin:0 auto;}
#mm_indemo {float: left;width:800%}
#mm_demo1 {float: left;}
#mm_demo2 {float: left;}
.c2_content ul{overflow: hidden;width: 1100px; }
.c2_content ul li{float: left;width:260px;height:250px;margin-top: 20px;margin-left:6px;margin-right:6px;border:1px  solid #dedede;overflow: hidden;　}
.c2_content ul li img{width:260px;height:208px; top: 0;position: relative;overflow: hidden;left: 0;}
#probox li a.img {display: block;width: 215px;height: 215px;}
#probox li a span{display: block;width: 262px;height:60px;margin:0 auto;text-align:center;background:#dedede;font-size:15px;line-height:40px;}
#probox li a div {position: absolute;width: 100%;height:215px;overflow: hidden;font-size: 20px;color: #fff;line-height: 370px;text-align: center;opacity: 0.7;}
#probox li a div span {display: block;position: relative;}
#probox li a div span img {width: 215px;height: 215px;border: 0;position: absolute;left: 0px;top: 0px;}
#probox li a div.da-animate {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.da-slideFromTop{left:0px;top:-100%;}
.da-slideFromBottom{left:0px;top:100%;}
.da-slideFromLeft{top:0px;left:-100%;}
.da-slideFromRight{top:0px;left:100%;}
.da-slideTop{top:0px;}
.da-slideLeft{left:0px;}

.a2{width: 1920px;left: 50%;margin-left: -960px;position: relative;background: url(../images/bg2.png)no-repeat;height: 514px;margin-top: 75px;}
.c3_left{float: left;width:530px;margin-top: 62px;}
.c3_left a{color: #fff}
.c3_a{width: 182px;height: 115px;color: #fff;font-weight: bold;padding-left: 15px;background: #d60000;margin-top: 15px;font-size: 21px;padding-top: 55px;float: left;}
.c3_a p{font-size: 31px;}
.c3_b,.c3_c,.c3_d{float: left;display:block;overflow: hidden;}
.c3_c{margin-top: -36px;}
.c3_e{display:block;width: 122px;height:126px;float: left;line-height: 126px;text-align: center;background: #254092;color: #fff;font-size: 19px;}
.c3_b{height: 221px;width:330px;}
.c3_c{width: 197px;height: 152px;}
.c3_d{width:208px;height: 126px;}
.c3_b img{width: 330px;height: 221px;}
.c3_c img{width: 197px;height: 152px;}
.c3_d img{width:208px;height: 126px;}
.c3_b img,
.c3_c img,
.c3_d img{-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;cursor: pointer;}
.c3_b img:hover{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);transform: scale(1.1,1.1);-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
.c3_c img:hover{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);transform: scale(1.1,1.1);-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
.c3_d img:hover{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);transform: scale(1.1,1.1);-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
.c3_right{float: right;width: 533px;margin-top: 65px;text-align: justify;}
.c3_right .righta:first-child{color: #f7f7f7;font-size: 24px;}
.c3_right .righta:nth-child(2){color: #ffffff;font-size: 14px;margin-bottom: 10px;}
.c3_right .righta:nth-child(4){color: #fff;font-size: 14px;line-height: 30px;margin-top: 8px;}
.c3_right a{display: inline-block;width: 105px;line-height: 33px;background: #777;text-align: center;color: #f7f7f7;font-size: 16px;margin-top:45px;margin-right: 20px;}
.c3_right a:hover{background: #d50500}
.a3{width:1920px;left:50%;margin-left:-960px;position:relative;background: url(../images/bg1.png)no-repeat;height: 697px;}
.c4_title{width: 1100px;text-align: center;padding-top: 40px;color: #000000;font-size: 30px;font-weight: bold}
.c4_title .ca{color: #d60000;}
.c4_title .cb{color: #999;font-size: 14px;display: block;}
.c4_content{}
.content_left{float: left;margin-top: 57px;margin-left: 33px;width:450px;}
.lefta{border-bottom: 1px dashed #e2e2e2;margin-bottom: 30px; }
.lefta p:first-child{font-size: 22px;font-weight: bold;line-height: 39px;color: #254092;margin-bottom: 15px;}
.lefta p:first-child img{margin-right: 8px;}
.lefta table td{color: #666;font-size: 16px;}
.lefta table td img{margin-right: 7px;}
.content_right{float: right;margin-right: 25px;position: relative;}

.a4{width: 1920px;position: relative;left:50%;margin-left: -960px;}

.a5{width: 1920px;left: 50%; margin-top:20px;margin-left: -960px;position: relative;background: url(../images/dzynews.png)no-repeat;height: 580px;}

.c5_title{width: 1100px;color: #d60000;font-size: 19px;line-height: 30px;background: url(../images/a.png)no-repeat 0px 55px;font-weight: bold;padding-top: 40px;}
.c5_title span.s1{margin-left: 20px;}
.c5_title span.s2{color: #666;font-size: 14px;font-weight: normal;}
.c5_title a{float: right;color: #999;font-size: 14px;font-weight: normal;display: inline-block;margin-top: -10px;}
.c5_content{margin-top: 45px;}
.c5_left{float:left;}
.news_list1{}
.news_list1 li{height: 122px;width: 750px;margin-bottom: 20px;}
.news_list1 li .img2{float: left;width: 160px;text-align: center;overflow: hidden;}
.news_list1 li .img2 span{display:block;line-height: 22px;background: #273e82;color: #fff;font-size: 12px;}
.news_list1 li img{width: 160px;height: 100px;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    cursor: pointer;}
.news_list1 li img:hover{    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.news_list1 li .con{width: 572px;background: #f0f5f9;height: 122px;float: right;padding-left: 18px;}
.news_list1 li .con a{margin-top: 24px;display: block;color: #000;font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.news_list1 li .con span{color: #999;}
.news_list1 li:hover .img2 span{background: #d60000;}
.news_list1 li:hover .con a{color: #d60000}
.c5_right{float: right;width: 320px;height: 414px;background: #2b2d42;text-align: center;}

.main_l {
   position:fixed; top:20%; left:0; width:141px; height:auto; z-index:999;background: #fff;  
}
.scrollbar{
    width: 30px;
    height: 300px;
    margin: 0 auto;
 
}
.main_l>ul{  overflow-x: hidden;
    overflow-y: auto;height: 500px}

    .main_l ul::-webkit-scrollbar {/*滚动条整体样式*/

        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/

        height: 1px;

    }

.main_l ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

        border-radius: 10px;

         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

        background: #c0c0c0;

    }

.main_l ul::-webkit-scrollbar-track {/*滚动条里面轨道*/

        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

        border-radius: 10px;

        background: #EDEDED;

}

 

.main_l p {
    width: 100%;
    height: 62px;
    background: #1c4587;
    padding-top: 15px;
}

.main_l p span {
    font-size: 20px
}

.main_l p i,.main_l p span {
    text-align: center;
    display: block;
    color: #fff
}

.main_l p i {
    font-size: 8px;
    font-style: normal
}

.main_l>ul>li {
    width: 100%;
    border: 1px solid #ececec;
   
    overflow: hidden
}

.main_l>ul>li>a:before {
    content: "+";
    width: 20px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    color: #415b87;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px
}

.main_l>ul>li.active,.main_l>ul>li:hover {
    background: #1c4588
}
.main_l>ul>li.active>a,.main_l>ul>li:hover >a{
    color: #fff;
} 
.main_l>ul>li.active span,.main_l>ul>li:hover span {
    color: #fff;
}

.main_l>ul>li.active a:before ,.main_l>ul>li:hover a:before {
    border-color: #fff;
    color: #fff
}

.main_l>ul>li.active a:before {
    content: "-"
}

.main_l>ul>li.no_child a:before {
    display: none
}

.main_l>ul>li>a {
    height: 48px;
    width: 100%;
    display: block;
    line-height: 48px;
    padding-left: 9px;
     position: relative;
}

.main_l>ul>li>a span {
    font-size: 15px;
    color: #1c4588;
    line-height: 48px;
    float: left;
        width: 76%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main_l>ul>li>a i {
    float: right;
    font-style: normal
}

.main_l>ul ul {
}

.main_l>ul ul li {
    text-align: center;
    line-height: 36px;
    background-color: #f5f5f5;
    border-top: 1px dashed #9b9a9c
}

.main_l>ul ul li:first-child {
    border-top: 0
}

.main_l .contact {
    width: 100%;
    height: 203px;
    background: #086aac;
    padding-top: 40px
}

.main_l .contact a img {
    width: 65px;
    display: block;
    margin: 0 auto
}

.main_l .contact a h3 {
    font-size: 19px;
    text-align: center;
    color: #fff
}

.main_l .contact a span {
    font-size: 14px;
    text-align: center;
    display: block;
    color: #fff
}
#news-2{padding-top:20px}
#news-2 LI {
	text-align:left;
	WIDTH: 285px;
	line-height:32px;
	font-size:14px;height:32px; padding-left:10px; border-bottom:#D9F5FD dashed 1px; margin-left:10px; margin-right:10px;
}
#news-2 LI A {
color:#ffffff;
}
#news-2 LI A:hover {
	COLOR:#9bd9e8;

}
@media screen and (min-width:1920px){
/*    .c2_content{width: 1200px;margin: 0 auto;}
    .c2_content ul{width: 1200px;}*/
 .main_l {
    width: 291px;
}
}