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


.container {
    /*根据效果图主体宽度定义*/
    width: 1200px;
}
.h_57{ height: 57px;}

.ml-8{ margin-left: -8px;}
.mb70{ margin-bottom: 70px;}
.pb70{ padding-bottom: 70px;}
.pt40{ padding-top: 40px;}


body{ font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;}
.fa{ font-family: Arial;}
.fs{ font-family: "宋体", Helvetica, Arial, sans-serif;}


/*头部*/
header{ width: 100%; min-width: 1200px; height: 55px; background: url("../images/top_bg.png") repeat; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #eee; position: fixed; left: 0; top: 0; z-index: 9;}
.logo{ width: 150px; height: 44px; padding-top: 5px;}
.logo img{ display: block; width: 150px; height: 44px;}


/*nav*/
nav{ padding-top: 9px;}
nav ul li{ float: left; margin-left: 22px; display: inline;}
nav ul li .a_1{ display: block; padding-left: 16px;}
nav ul li .a_1 span{ display: block; height: 46px; line-height: 36px; padding-right: 16px; font-size: 14px; color: #535353;}
nav ul li .a_1:hover,
nav ul li .on{ background: url("../images/nav_li_1.png") left bottom no-repeat;}
nav ul li .a_1:hover span{ background: url("../images/nav_li_2.png") right bottom no-repeat; color: #fff;}
nav ul li .on span{ background: url("../images/nav_li_2.png") right bottom no-repeat; color: #fff;}

.sub{ width: 100%; padding: 40px 0; background: url("../images/bg_01.png") repeat; position: fixed; left: 0; top: 57px; display: none;}
.slide_1{ width: 1050px; height: 170px; position: relative;}
.slide_1 .prev{ display: block; width: 36px; height: 36px; background: url("../images/jt_1l.png") no-repeat; cursor: pointer; position: absolute; left: -74px; top: 55px;}
.slide_1 .next{ display: block; width: 36px; height: 36px; background: url("../images/jt_1r.png") no-repeat; cursor: pointer; position: absolute; right: -74px; top: 55px;}
.slide_1 .bd{ width: 1050px; overflow: hidden;}
.slide_1 .bd ul{ overflow: hidden; zoom: 1;}
.slide_1 .bd ul li{ float: left; width: 170px; margin: 0 20px; display: inline; overflow: hidden;}
.slide_1 .bd ul li img{ display: block; width: 170px; height: 140px;}
.slide_1 .bd ul li p{ height: 35px; line-height: 35px; font-size: 16px; color: #5a5a5a; text-align: center;}


/*mian*/
#dowebok .section1{ background: url("../images/bg_02.jpg") center center no-repeat; background-size: cover;}
#dowebok .section2{ background: url("../images/bg_03.jpg") repeat;}
#dowebok .section3{ background: url("../images/bg_04.jpg") repeat;}
#dowebok .section4{ background: url("../images/bg_05.jpg") repeat;}
#dowebok .section5{ background: url("../images/bg_06.jpg") center center no-repeat; background-size: cover;}
#dowebok .section6{ background: url("../images/bg_07.jpg") repeat;}

#dowebok .inner{ width: 1200px; height: 100%; position: relative;}
#dowebok .mod_12{ width: 550px; height: 656px; position: absolute; top: 50%; margin-top: -328px;}
#dowebok .mod_13{ width: 660px; font-size: 16px; color: #4b4752; position: absolute; top: 50%; margin-top: -132px;}
#dowebok .mod_13 .c_1{ height: 104px; line-height: 104px; font-size: 60px; color: #47218d;}
#dowebok .mod_13 a{ display: inline-block; width: 126px; height: 37px; line-height: 37px; border: 1px solid #4c2a8b; border-radius: 5px; color: #4c2a8b;}
#dowebok .mod_13 .c_2{ height: 122px; line-height: 26px;}
#dowebok .mod_13 .c_3{ font-size: 120px; color: #1e97b9;}

#dowebok .mod_13.color_000{ color: #000;}
#dowebok .mod_13.color_000 .c_1{ color: #7d180e;}
#dowebok .mod_13.color_000 a{ border: 1px solid #000; color: #000;}

#dowebok .mod_13.color_fff{ color: #fff;}
#dowebok .mod_13.color_fff a{ border: 1px solid #fff; color: #fff;}

.c_fff{ color: #fff !important;}

.left{ left: 0;}
.right{ right: 0;}

#dowebok .active .img_1{
    opacity: 1;
    left: 0;
    transform: scale(1, 1);
    transition-delay: 0.7s;
}
#dowebok .img_1{
    left: -1000px;
    transition: all 1s;
    opacity: 0;
    transform: scale(0.5, 0.5);
}

#dowebok .active .text_1{
    opacity: 1;
    transform: scale(1, 1);
    transition-delay: 0.7s;
}
#dowebok .text_1{
    right: 0;
    opacity: 0;
    position: absolute;
    transform: scale(0.5, 0.5);
    transition: all 1s ease 0s;

}
#dowebok .active .img_2{
    opacity: 1;
    right: 0;
    transform: scale(1, 1);
    transition-delay: 0.7s;
}
#dowebok .img_2{
    right: -1000px;
    transition: all 1s;
    opacity: 0;
    transform: scale(0.5, 0.5);
}

#dowebok .active .text_2{
    opacity: 1;
    transform: scale(1, 1);
    transition-delay: 0.7s;
}
#dowebok .text_2{
    left: 0;
    opacity: 0;
    position: absolute;
    transform: scale(0.5, 0.5);
    transition: all 1s ease 0s;

}
#dowebok .active .text_3{
    opacity: 1;
    left: 0;
    transform: scale(1, 1);
    transition-delay: 0.7s;
}
#dowebok .text_3{
    left: -1000px;
    transition: all 1s;
    opacity: 0;
    transform: scale(0.5, 0.5);
}

#menu {
    width: 187px;
    padding: 20px 0 20px 11px;
    background: #5c27be;
    margin: 0;
    position: fixed;
    right: -148px;
    top: 50%;
    margin-top: -143px;
    list-style-type: none;
    z-index: 70;
}
#menu li{
    line-height: 36px;
    padding-left: 7px;
    font-size: 14px;
    color: #b1b1b1;
}
#menu a{
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 17px;
    background: url("../images/dian_1.png") no-repeat;
    vertical-align: middle;
}
#menu .active{ color: #ffa800;}
#menu .active a {
    background: url("../images/dian_1h.png") no-repeat;
}


/* .mod_14{ height: 380px; position: relative; top: 80px;}
.mod_14 .img{ padding-bottom: 11px; background: url("../images/img_bg1.png") left bottom repeat-x; position: absolute;}
.mod_14 .img img{ display: block; border: 4px solid #fff;}
.mod_14 .m_1{ width: 130px; height: 165px; left: 0; top: 62px; z-index: 1;}
.mod_14 .m_1 img{ width: 122px; height: 157px;}
.mod_14 .m_2{ width: 149px; height: 189px; left: 95px; top: 50px; z-index: 2;}
.mod_14 .m_2 img{ width: 141px; height: 181px;}
.mod_14 .m_3{ width: 164px; height: 208px; left: 208px; top: 46px; z-index: 3;}
.mod_14 .m_3 img{ width: 156px; height: 200px;}
.mod_14 .m_4{ width: 199px; height: 253px; left: 331px; top: 19px; z-index: 4;}
.mod_14 .m_4 img{ width: 191px; height: 245px;}
.mod_14 .m_5{ width: 230px; height: 291px; left: 482px; top: 0; z-index: 5;}
.mod_14 .m_5 img{ width: 222px; height: 283px;}
.mod_14 .m_6{ width: 199px; height: 253px; left: 668px; top: 19px; z-index: 4;}
.mod_14 .m_6 img{ width: 191px; height: 245px;}
.mod_14 .m_7{ width: 164px; height: 208px; left: 828px; top: 46px; z-index: 3;}
.mod_14 .m_7 img{ width: 156px; height: 200px;}
.mod_14 .m_8{ width: 149px; height: 189px; left: 956px; top: 50px; z-index: 2;}
.mod_14 .m_8 img{ width: 141px; height: 181px;}
.mod_14 .m_9{ width: 130px; height: 165px; left: 1070px; top: 62px; z-index: 1;}
.mod_14 .m_9 img{ width: 122px; height: 157px;} */



.mod_14{ width: 1200px; height: 235px; padding-top: 80px; position: relative;}
.mod_14 .prev{ display: block; width: 31px; height: 53px; background: url("../images/z_1.png") no-repeat; cursor: pointer; position: absolute; left: -58px; top: 170px;}
.mod_14 .next{ display: block; width: 31px; height: 53px; background: url("../images/z_2.png") no-repeat; cursor: pointer; position: absolute; right: -58px; top: 170px;}
.mod_14 .bd{ width: 1200px; overflow: hidden;}
.mod_14 .bd ul{ overflow: hidden; zoom: 1;}
.mod_14 .bd ul li{ float: left; width: 188px; margin-right: 14px; display: inline; overflow: hidden;}
.mod_14 .bd ul li img{ display: block; width: 180px; height: 227px; border: 4px solid hsla(0,0%,70%,.5); background: #fff; background-clip: padding-box;}

.mod_15{ width: 1136px; line-height: 36px; font-size: 16px; color: #404040;}
.mod_15 span{ color: #d6421c;}
.mod_15 a{ display: inline-block; width: 128px; height: 37px; border: 1px solid #b5b5b5; border-radius: 5px; font-size: 16px; color: #5b5b5b;}

/*footer*/
footer{ width: 100%; min-width: 1200px; min-height: 194px; padding-top: 30px; background: #272727;display: none;}
footer .text{ line-height: 26px; font-size: 14px; color: #c0c0c0;}
footer .text a{ margin: 0 8px; color: #c0c0c0;}
footer .wechat{ width: 290px; padding-top: 15px;}
footer .wechat .content{ width: 150px; padding-top: 30px; line-height: 24px; font-size: 14px; color: #fff;}
footer .wechat img{ display: block; width: 133px; height: 133px; border: 1px solid #181818;}


/*page*/
.page {
    padding: 50px 0;
    text-align: center;
}

.page a {
    display: inline-block;
    padding: 0 10px;
    height: 37px;
    line-height: 37px;
    background: #edecf1;
    border: 1px solid #b4b3b8;
    font-size: 18px;
    color: #4f4f4f;
}
.page a:hover,.page a.current {
    background: #7c7c7c;
    color: #fff;
}


/*产品中心*/
.bg_f6f6f6{ background: #f6f6f6;}

.mod_01{ height: 48px; line-height: 48px; color: #6b6b6b;}
.mod_01 .name{ font-size: 16px;}
.address{ font-size: 14px;}
.address a{ margin: 0 5px; color: #6b6b6b;}

.mod_02 ul li{ position: relative; margin-bottom: 20px;}
.mod_02 ul li img{ display: block; width: 1200px; height: 402px;}
.mod_02 ul li .pf_text{ width: 468px; height: 222px; position: absolute; right: 30px; top: 80px;}
.mod_02 ul li .pf_text .c_1{ line-height: 70px; font-size: 42px;}
.mod_02 ul li .pf_text .c_1 a{ color: #fff;}
.mod_02 ul li .pf_text .c_2{ height: 118px; line-height: 26px; font-size: 16px; color: #fff;}
.mod_02 ul li .pf_text .c_3 a{ display: inline-block; width: 127px; height: 38px; line-height: 38px; background: #f68500; border-radius: 5px; font-size: 16px; color: #fff;}


/*产品中心详情*/
.bg_edecf1{ background: #edecf1;}
.color_383838{ color: #383838;}

.mod_03{ height: 88px;}
.mod_03 .name{ line-height: 34px; font-size: 14px; color: #5c5c5c;}
.mod_03 .name p{ font-size: 30px; color: #585858;}
.mod_03 .more a{ display: block; width: 217px; height: 41px; line-height: 41px; background: url("../images/liaojie.png") no-repeat;; font-size: 18px; color: #fff; text-align: center;}
.mod_04{ width: 100%; min-width: 1200px; height: 470px;}

.mod_05 .title span{ display: inline-block; width: 148px; height: 45px; line-height: 45px; background: url("../images/name_bg1.png") no-repeat; font-size: 26px; color: #4c4c4c;}
.mod_05 .content{ line-height: 58px; font-size: 20px; color: #848383;}
.mod_05 .content td{ border-bottom: 2px solid #d3d3d3;}
.mod_05 .down a{ display: inline-block; padding: 0 22px; height: 60px; line-height: 60px; background: #3b3736; font-size: 18px; color: #fff;}

.mod_06{ width: 1200px; height: 470px; position: relative;}
.mod_06 .pf_tb{ width: 102px; height: 102px; position: absolute; left: 549px; top: 184px;}


/*公司资质*/
.mod_07{ height: 50px; line-height: 50px; background: url("../images/line_1.jpg") left bottom no-repeat; border-bottom: 1px solid #ccc;}
.mod_08 ul li{ float: left; margin-right: 10px;}
.mod_08 ul li a{ display: block; padding: 0 20px; height: 39px; line-height: 39px; border: 1px solid #cbcbcb; font-size: 18px; color: #3c3c3c;}
.mod_08 ul li a:hover,
.mod_08 ul li .on{ background: #fffaea; border: 1px solid #fed7a9; color: #ef5400;}

.mod_09 ul{ margin-left: -53px;}
.mod_09 ul li{ float: left; width: 197px; height: 337px; margin-left: 53px; display: inline;}
.mod_09 ul li img{ display: block; width: 197px; height: 267px;}
.mod_09 ul li p{ height: 50px; line-height: 50px; font-size: 16px; color: #545353; text-align: center;}


/*关于我们*/
.mod_10{ line-height: 40px; font-size: 16px; color: #5b5b5b;}


/*修复案例*/
.mod_11 ul li{ padding: 17px 0; border-bottom: 1px dashed #bcbcbc;}
.mod_11 ul li .img{ width: 223px; height: 140px; background: #fefefe; border: 1px solid #cbcbcb;}
.mod_11 ul li .img img{ display: block; width: 223px; height: 140px;}
.mod_11 ul li .text{ width: 930px; padding-top: 10px; line-height: 26px; color: #535353;}
.mod_11 ul li .text p{ line-height: 36px; font-size: 16px;}
.mod_11 ul li .text p a{ color: #525252;}
.mod_11 ul li .text p a span{ color: #ef5400;}
.mod_11 ul li .text a{ color: #ef5400;}


/*关于我们*/
.mod_12{ width:1200px; overflow:hidden;}
.mod_12 ul{ width:1248px; margin-top:-30px;}
.mod_12 ul li{ width:262px; margin:30px 50px 0 0; float:left;}
.mod_12 ul li img{ width:262px; height:232px;}
.mod_12 ul li span a{ font-size:16px; color:#5e5e5e; width:262px; height:30px; line-height:30px; text-align:center; margin-top:5px; display:block;}