@CHARSET "UTF-8";

/*头部样式*/

.head {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, .88);
    z-index: 99;
}

#header {
    width: 1200px;
    margin: 0 auto;
}

.head1 {
    height: 37px;
    line-height: 37px;
    border-bottom: 1px solid #dad8d6;
    color: #4a4a4a
}

.head1 a {
    color: #4a4a4a
}

.head1 a:hover {
    color: #d81e06
}

.phone{
    padding-left:18px;
    color:#d81e06
}

.logo {
    float: left;
}

.top{
    line-height:82px;
}

.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;
}
#menu {
    float:left;
    margin-left:25px;
}

.icon{
    float:right
}

.icon .a1{
    display: inline-block;
    margin-left:15px;
    position: relative
}

.icon .a1 div{
    position: absolute;
    left:0;
    top:66px;
    display: none
}

.icon .a3 div{
    position: absolute;
    left:auto;
    right:0;
    top:66px;
    display: none;
    z-index: 9999
}

/*热门搜索*/

#formsearch {
    width: 300px;
    height:30px;
    border:1px solid #ccc;
    border-radius:25px;
    background: #fff;
}

.hotSearch {
    width: 400px;
    float: left;
    height: 24px;
    line-height: 24px;
    font-weight: normal;
}

.picScroll-left{ overflow:hidden; position:relative;width:1200px;margin:0 auto;}
		.picScroll-left .hd{ overflow:hidden; position: absolute;z-index: 999;right:0;bottom:0;}
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;width:8px; height:8px; overflow:hidden; margin:5px; text-indent:-999px; cursor:pointer;border:1px solid #fff;border-radius:50%;}
		.picScroll-left .hd ul li.on{background: #fff;}
		.picScroll-left .bd{float:left;}
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin-right:45px; float:left; _display:inline; overflow:hidden;position: relative}
		.picScroll-left .bd ul li img{ width:270px;height:145px; display:block;border-radius:10px;}
        .picScroll-left .bd ul li h3{padding-left:10px;padding-top:12px;color:#fff;background: rgba(0,0,0,.3);border-radius:10px;position: absolute;left:0;bottom:-100%;width:260px;height:133px;transition:.5s;}
        .picScroll-left .bd ul li:hover h3{bottom:0;transition:.5s;}
        .picScroll-left .bd ul li h3 span{display: block;line-height: 38px;font-size:20px;}
        .picScroll-left .bd ul li h3 p{line-height: 26px;font-size:12px;position: relative;font-weight:normal;padding-bottom:6px;}
        .picScroll-left .bd ul li h3 p::after{content:"";position: absolute;left:0;bottom:0;width:37px;height:4px;background: #ffffff;}
        .picScroll-left .bd ul li h3 i{margin-top:20px;font-style:normal;display: block;width:82px;height:28px;text-align: center;line-height: 28px;background: #e63129;border-radius:20px;font-weight:normal}
.intro1{width:288px;position: absolute;right:0;top:0;color:#fff;line-height: 20px;}
.intro1 h3{font-size:16px;line-height: 32px;margin-bottom:8px;font-weight:normal;}
.intro1 a{color:#fff;font-size:12px;display: block;margin-top:40px;}

.ser_con{margin-top:60px;margin-bottom:38px;}
.ser_con li{float:left;margin-left:25px;margin-right:25px;margin-bottom:25px;_display:inline;width:250px;text-align:center;}
.ser_con li a.img{width:101px;transition:all 0.8s;transform:scale(1,1);margin:0 auto!important;display:block;overflow: hidden}
.ser_con li a.img img{width:101px;height:101px;margin:0 auto;position: relative; }
    .ser_con li:hover a.img img{ left:-101px;border-right: 101px solid transparent;-webkit-filter: drop-shadow(101px 0);
        filter: drop-shadow(101px 0);
        -webkit-filter: drop-shadow(#d81e06 101px 0px);}


.ser_con li span{padding-top:10px;display:block;color:#d81e06;font-size:36px;font-weight:bold;}
.ser_con li p{color:#999;font-size:16px;}
.ser_con li:hover a.img{transition:all 0.8s;transform:scale(-1,1)}

.c1l {
    width: 560px;
    padding:10px 12px 25px 25px;
    border:1px solid #eaeaea
}

.c1-1 dd {
    font-size: 14px;
    line-height: 28px;
    color: #999;
}

.sort1 {
    margin-top: 20px;
    float: left;
    background: #f1f1f1;
}

.sort1 li {
    width: 115px;
    height: 52px;
    text-align: center;
    float: left;
    line-height: 52px;
    font-size: 16px;
    color: #666666;
    cursor: pointer
}

.sort1 li:hover {
    background: #d81e06;
    color: #fff;
}

.sort1 li.on{
    background: #d81e06;
    color: #fff;
}

.qh{
    height:366px;
    overflow: hidden;
}
.c1-1{
    margin-bottom:105px;
}
.c1-2{
width:550px;
padding:10px 20px 0;
background: #f5f5f5;
}

.sort2 {
    height:40px;
    background: #eb3f4b;
}

.sort2 li {
    width: 130px;
    height: 40px;
    text-align: center;
    float: left;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    background:url(../images/line.jpg) right center repeat-y;
}

.sort2 li:hover {
    background: #494949;
}

.sort2 li.on{
    background: #494949;
}


.news_list2{
margin-top:20px;
}

.news_list2 li{
    padding:9px 18px 9px 8px;
    background: #fff;
    margin-bottom:15px;
}

.news_list2 li img{
    width: 152px;
    height: 102px;
}

.i-news-right{
    width: 355px;
    padding-top:12px;
}
.news_list2 li h3{
    line-height: 24px;

}
.news_list2 li h3 a{
    color: #000000;
    font-size: 14px;
    font-weight:normal;
    line-height: 24px;
}
.news_list2 li p{
    font-size: 12px;
    color:#999999;
    line-height: 25px;
}

.news_list2 li span{
    display: block;
    margin-top:8px;
}

.news_list2 li:hover a{
    color: #d81e06;
}

.c2{
    background:url(../images/c2.jpg) center top no-repeat;
    padding-top:18px;
    height:482px;
}

.hmap{width:1200px;margin:0 auto;}
.hmap1{width:435px;float:left;margin-left:100px;color:#fff;font-size:70px;line-height: 85px;padding-top:128px;}
.hmap1 p{font-size:25px;line-height: 50px;}
.hmap2{padding-right:50px;}

.zeren{width:1200px;margin:0 auto;margin-top:56px;}
.ztitle{height:58px;line-height: 58px;border-bottom:1px solid #f0f0f0;color:#000;font-size:30px;font-weight:normal;}
.ztitle span{color:#666;font-size:14px;padding-left:10px}
.picScroll-left1{ overflow:hidden; position:relative;margin-top:30px;}
		.picScroll-left1 .hd1{ overflow:hidden;width:100%;}
		.picScroll-left1 .hd1 ul{overflow:hidden; zoom:1; margin-top:30px; zoom:1;text-align: center }
		.picScroll-left1 .hd1 ul li{width:8px; height:8px; overflow:hidden; margin:0 4px; text-indent:-999px; cursor:pointer;border:1px solid #d81e06;border-radius:50%;background: #f8f4f5;display: inline-block;*display:inline;*zoom:1;}
		.picScroll-left1 .hd1 ul li.on{background: #d81e06;}
		.picScroll-left1 .bd1{float:left;}
		.picScroll-left1 .bd1 ul{ overflow:hidden; zoom:1; }
        .picScroll-left1 .bd1 ul li{ margin-right:18px; float:left; _display:inline; overflow:hidden;position: relative}
        .picScroll-left1 .bd1 ul li a.aimg1{display: block;width:286px;overflow: hidden}
        .picScroll-left1 .bd1 ul li img{ width:286px;height:191px; display:block;transform: scale(1);transition:.3s}
        .picScroll-left1 .bd1 ul li:hover img{transform: scale(1.2);transition:.3s}
        .picScroll-left1 .bd1 ul li:hover h3 a{color:#fff;background: #d81e06;}
        .picScroll-left1 .bd1 ul li h3 a{display: block;line-height: 50px;font-size:14px;background: #f0f0f0;font-weight:normal;text-align: center;}

        .icon_list li{
            display: flex;
            align-items: center;
            border:1px solid #dddddd;
            margin-right:14px;
            width:287px;
            float:left;
            margin-top:30px;
            margin-bottom:35px;
        }

        .icon_list li:last-child{
            margin-right:0;
        }

        .icon_list li a.aimg{
            width:80px;
            margin-right:18px;
            display: block;
        }  
        
        .icon_list li h3{
            width:188px;
            color:#d81e06;
            font-size:16px;
            line-height: 26px;
            font-weight:normal;
        }

        .icon_list li h3 p{
            color:#000;
            line-height: 20px;
        }
        /*主体样式*/

#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;
    background-color: #ececec;
    text-indent: 20px;
}


/*页面底部*/

.out-foot{background: #f5f5f5;overflow: hidden;padding-top: 42px;}
.foot{width: 1200px;margin: 0 auto;height: 215px;overflow: hidden;}
.f1a{width: 150px;}
.f1aa{font:600 16px/45px "微软雅黑";color:#333333;}
.sortw{margin-top:5px;}
.sortw li a{font:400 12px/30px "微软雅黑";color:#666666;}
.f4a{width: 150px;padding-left:33px;}
.f5a{width: 162px;height:181px;overflow: hidden}
.f5aa{text-align: center;line-height: 36px;color:#aaa;}
.foo{width: 1200px;margin: 0 auto;font:400 12px/60px "微软雅黑";color:#aaa;}
.foo a{color:#aaa;}
.out-foot a:hover{color:#d81e06;text-decoration:none;}

#footer{position:relative;width:1000px;margin:0 auto;text-align:center;margin-bottom:10px;padding-top:8px;border-top:2px solid #eee;margin-top:15px;}
#footer a{color:#666;}
#footer a:hover{color:#d81e06;text-decoration:none;}
.nav_foot{text-align:center;line-height:24px;color:#666;}
.copyright{text-align:center;line-height:24px;}

.foot1{width:792px;float:left;border-right:1px solid #e5e5e5;padding-bottom:10px;}
.f4a .content{border-bottom:1px solid #e5e5e5;margin-bottom:13px;}
.f4a .bdsharebuttonbox a{float:none;margin:0;padding:0;margin-right:10px;width:30px;height:30px;display:inline-block;}
.f4a .bdsharebuttonbox a.bds_tsina{
     background: url(../images/wb1.jpg) no-repeat 50%;
}

.f4a .bdsharebuttonbox a.bds_weixin{
     background: url(../images/wb2.jpg) no-repeat 50%;
}
.f4a .bdsharebuttonbox a.bds_tqq{
     background: url(../images/wb3.jpg) no-repeat 50%;
}


.f4a .f1aa{margin-bottom:5px;}

.f5a li{width:80px;float:left;text-align: center;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;padding-top:15px;height:75px;}
.f5a li:nth-child(2n){border-right:none;}
.f5a li span{display: block;}
.f5a li a{display: block;line-height: 23px;}

.foot2{background: #303032;color:#fff;line-height: 50px;text-align: center;}

.sitebg{border-bottom:1px solid #ebebeb;height:47px;line-height: 47px;margin-bottom:32px;}
.container{width:1200px;margin:0 auto;}
.site{font-size:14px;line-height: 47px;}
/*------------内页-------------------*/
.left{margin-bottom:30px;}
.left .box {
   padding:1px;
   border:1px solid #eeeeee;
   width:196px;
}

.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:22px 0 18px 30px;
}

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

.n_banner {
    width: 1200px;
    margin: 0 auto;
}

.n_banner img {
    width: 1200px;
    margin: 0 auto
}

.left {
    width: 200px;
    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: 965px;
    float: right;
    padding-bottom: 10px;
}

.right .content {
    padding: 10px 0;
    padding-top: 25px;
    overflow: hidden;
    line-height: 24px;
}

.sitemp{
    border-bottom:1px solid #f1f1f1;
    height:44px;
    line-height: 44px;
}

.sitemp h2{
    display: inline-block;
    font-size:18px;
    border-bottom:2px solid #e63129;
}