@charset "gb2312";
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th{margin:0; padding:0;}
li,i,em{list-style:none; font-style: normal;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:12px;}
img{border:0;}
.clear{height:0; overflow:hidden; clear:both;}
dl,dt,dd{
	margin: 0px; padding: 0px; list-style: none;}
.fl{ float:left}
.fr{ float:right}
body,td,th{font-size: 14px;	color:#222;}
a{font-size:14px; color:#222;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
body {font-family: arial,microsoft yahei; min-width:1400px;}

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

@font-face {
    font-family:fontDin1;
    src: url(DIN-MEDIUM_otf.txt),url(DIN-MEDIUM_woff.txt),url(DIN-MEDIUM_eot.txt),url(DIN-MEDIUM_woff2.txt),url(DIN-MEDIUM_ttf.txt)}



.htop{ line-height:50px; background:#f5f5f5;}
.htop,.htop a { font-size:13px; color:#888;} 
.htop span a { padding-left: 25px;} 
.htop span{ padding:0 20px; border-right:1px dotted #d2d2d2;}
.htop span:nth-child(1){border-left:1px dotted #d2d2d2;}
.htop a{ display:inline-block;}
.htop span:nth-child(1) a{ background:url(images/6.png) no-repeat left center;}
.htop span:nth-child(2) a{ background:url(images/7.png) no-repeat left center;}
.hsecond{ height:135px;}
.hlogo{ margin-top:33px;}
.hlogo dd { float: left; vertical-align:top; font-size:16px; color:#888; margin-right: 18px;}
.m4{margin-bottom:4px;}

.m4 span{    float: left;
    vertical-align: top;
    font-size: 16px;
    color: #888;
    margin-right: 18px;
    line-height: 32px;
}


.hmean { letter-spacing: 2px;}
.bb1 {font-size: 28px;color: #222; margin-top: 3px; letter-spacing: 0;}
.hhi {color: #d60c0c; font-size:28px; font-weight:bold; }
.hmean img{margin-right: 10px;}



.hphone { text-align:right; font-size:14px; color:#888; font-weight:lighter; line-height:28px; margin-top:25px;}
.hphone em{ font-size:24px; color:#d60c0c; font-family:fontDin1; font-weight: bold;} 
.hphone i{ display:block;letter-spacing: 1.1px;}
.hphone span{ display:inline-block; padding-left:25px; background:url(images/8.png) no-repeat left center;}

.nav { background:#d60c0c; font-size:0; text-align:center; height: 70px; line-height: 70px;}
.nav li{ display:inline-block; vertical-align:top; width:10%; position:relative; background: url(images/2.png) left no-repeat;}
.nav li>a{ display:block; font-size:16px; color:#fff; line-height:70px; position:relative; transition:all .3s ease;z-index: 3;}
.nav li.noming:after,.nav li:hover:after{ height: 100%;}
.nav li:after{display: block;position: absolute;content: '';top: 0;left: 0;height: 0;width: 100%;background:#222;transition:all .3s ease;}


.focus { width:100%; height:700px; overflow:hidden; position:relative;}
.focus ul {height:700px; position:absolute;}
.focus ul li {float:left; width:100%; height:700px; overflow:hidden; position:relative; background:#000;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#000; display:none;}
.focus .btn {position:absolute; width:1400px; left:50%; margin-left:-700px; height:24px; bottom:36px; text-align:right; z-index:100000;}
.focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:24px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#ccc;}
.focus .btn span.on {background:#fff;}
#banner{overflow:hidden;}
.dis { display: none;}


.search { width:100%; margin:auto; background: #fff; height:79px; overflow: hidden;    border-bottom: 1px solid #f3f3f3;}
.search_tu { float:right; width:56px; height:79px; overflow:hidden}
.search_2 {float:left; width:260px;  border-left: solid 1px #ebebeb;}
.search_2 input{ background: #fff; outline: none; border: none; width:240px; padding-left:20px; height:79px; line-height:79px; color:#c6c6c6;}
.zhonjian { width:317px; margin-left:50px;}
.zhonjian_wenzi { margin-top:32px;}



.prod_t { margin-top: 50px; margin-bottom: 25px; text-align: center;position: relative;}
.prod_t p{font-size: 36px;color: #222;}
.prod_t p>t{font-weight: bold;color: #d60c0c;}
.prod_t span{display: block;font-size: 16px;margin-top: 7px; color: #888; margin-bottom: 7px;}


.procenter{ margin-bottom:50px; overflow: hidden;}
.proleft{ width:300px; border-top:6px solid #d60c0c; background:#f2f2f2;}
.prol_t{ text-align:center; line-height:83px; font-size:28px; color:#222; font-weight: bold;}
.prol_t i{ width:57px; height:1px; background:#d3d3d3; display:inline-block; vertical-align:middle; margin:0 8px;}


.prol_c dt { display:block; line-height:50px; padding-left:10px; background:#d60c0c; font-size:18px; color:#fff; position:relative; margin-bottom: 30px;}
.prol_c dt:after{ content:''; display:block; position:absolute; left:16px; width:1px; height:19px; bottom:0; background:#ddd;}
.prol_c dt:before{ content:''; display:inline-block; vertical-align:middle; width:8px; height:8px; border-radius:700px; margin-right:10px; background:#222; border:2px solid #fff;}
.prol_c dt a { color: #fff; font-size: 18px; font-weight: bold;}
.prol_c{ padding:0 30px;}





.proshow { width:1080px; overflow: hidden;}
.proshow li{ float: left; width:346px;  margin-bottom:15px;}
.proshow li b { display: block; width:346px; height: 260px; border: solid 1px #f2f2f2; box-sizing: border-box; overflow: hidden;}
.proshow li+li{ margin-left:20px;}
.proshow li:nth-child(1),.proshow li:nth-child(4),.proshow li:nth-child(7),.proshow li:nth-child(10) { margin-left: 0;}
.proshow li a{ display:block; position:relative; overflow:hidden;}
.proshow li a img{ width:100%; height:auto; transition:all .6s ease;}
.proshow li span { display: block; text-align: center; line-height:44px; font-size:15px; color:#fff; background:#222; transition:all .3s ease; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.proshow li:hover a img{ transform:scale(1.1);}
.proshow li:hover span { background:#d60c0c; color:#fff;}

.sort_contact {background: #d60c0c;	text-align: center;	padding: 40px 0 28px 0;}
.sort_contact p {font-size: 16px;color:#f5ecec; margin-top: 10px; line-height: 30px;}
.sort_contact p span { font-family:fontDin1; display: block;	font-size: 24px; color: #FFF; font-weight: bold;}


#colee {height: 784px;  margin: 0 auto; overflow: hidden;}
#colee1 {float:left;}
#colee2 {float:left;} 



.casetab{ font-size:0; vertical-align:top; white-space:nowrap; margin:35px 0;}
.casetab a{ width:184px; display:inline-block; line-height:80px; text-align:center; font-size:18px; color:#484848; font-weight:lighter; background:#f3f3f3; transition:all .3s ease;}
.casetab a+a{ margin-left:1px;} 
.casetab a:hover{ color:#fff; background:#033aa9;}    


.case_t { margin-bottom: 25px; text-align: center;position: relative;}
.case_t p{font-size: 36px;color: #222;}
.case_t p>t{font-weight: bold;color: #d60c0c;}
.case_t span{display: block;font-size: 16px;margin-top: 7px; color: #888; margin-bottom: 7px;}



.adv_t { margin-top: 50px; margin-bottom: 25px; text-align: center;position: relative;}
.adv_t p{font-size: 36px;color: #222;}
.adv_t p>t{font-weight: bold;color: #d60c0c;}
.adv_t span{display: block;font-size: 16px;margin-top: 7px; color: #888; margin-bottom: 7px;}
  



.adv{padding:5rem 0.625rem;overflow:hidden;background:#f5f5f5;}
.adv-list{overflow:hidden;}
.adv-list .item{overflow:hidden;background:#fff;}
.adv-list .pic{position:relative;width:700px;}
.adv-list .pic img{display:block;width:100%;}
.adv-list .pic .num{position:absolute;top:3.75rem;width:1.875rem;height:3.75rem;line-height:3.75rem;text-align:center;font-family:"DIN Medium";font-size:1.25rem;color:#fff;background:#d60c0c;}
.adv-list .pic .num:after{display:block;position:absolute;z-index:1;top:700px;width:8px;height:7px;transform:translateY(-50%);content:"";background:url(images/12.png) no-repeat;}
.adv-list .text{padding:40px;width:700px; box-sizing: border-box; overflow:hidden;}
.adv-list .text .hd{padding-bottom:1.875rem;border-bottom:#eaeaea solid 1px; position:relative;}
.adv-list .text .hd:after{content:''; position:absolute; width:4px; background:#d60c0c; height:66px; top:0;}
.adv-list .text .hd h3{padding-left:1.625rem;font-size:1.5rem;color:#222;}
.adv-list .text .hd strong{display:block;margin-top:0.25rem;font-size: 1.5rem; padding-left: 1.8rem;}
.adv-list .text .bd{padding-top:20px;line-height:1.5rem;font-size:0.9375rem;color:#222;overflow:hidden;}
.adv-list .text .bd p { color: #888; margin-top:20px;padding-left:25px;background:url(images/13.png) no-repeat 0.375rem 0.55rem;}
.adv-list .item:nth-child(odd) .pic,.adv-list .item:nth-child(even) .text{float:left; background:#f5f5f5; height: 408px;}
.adv-list .item:nth-child(odd) .text,.adv-list .item:nth-child(even) .pic{float:right; background:#f5f5f5; height: 408px;}
.adv-list .item:nth-child(odd) .pic .num{right:0;}
.adv-list .item:nth-child(odd) .pic .num:after{right:-4px;}
.adv-list .item:nth-child(even) .pic .num{left:0;}
.adv-list .item:nth-child(even) .pic .num:after{left:-4px;}

.service_t {margin-bottom: 25px; text-align: center;position: relative;}
.service_t p{font-size: 36px;color: #222;}
.service_t p>t{font-weight: bold;color: #d60c0c;}
.service_t span{display: block;font-size: 16px;margin-top: 7px; color: #888; margin-bottom: 7px;}
 


.service_bg { padding: 50px 0px 60px 0; margin-top: 50px; background:#f5f5f5;}
.service{height:514px;}
.service li{width:456px;float:left;margin-right: 15px;transition:all 0.3s;position: relative;cursor: pointer;}
.service li:last-child{margin-right:0px;}
.service_img{height:356px;overflow: hidden;}
.service_img img{width: 456px; height: 356px;}
.service_text{width:100%;height:158px;padding:28px 0 0 22px;background: #fff;color:#333; box-sizing: border-box;}
.service_text b{font-size: 24px;}
.service_text p{margin-top: 5px; font-size: 18px;}
.service_text p:after{content:"+";display: block;width:32px;height:32px;line-height:29px;margin-top: 15px;border:1px #ccc solid;font-size: 20px;color:#333;text-align: center;}


.about_one{ font-size:13px; color:#c9c9c9; margin:30px 0 20px}
.about_one i{ background:#d6d6d6; width:47px; height:1px; margin:0px 10px; display: inline-block;vertical-align: super;}
.about_cont dl{margin: 22px 0px;}
.about_cont dt{ width:649px; height:417px;      background:#f5f5f5; float: right; padding-left:51px;}
.about_cont strong{ font-size:30px; display:block; color: #d60c0c;}
.about_cont span{ font-size:20px; display:block; margin:3px 0 24px;}
.about_cont p{ line-height:30px; color:#888; background:url(images/13.png) no-repeat left 11px; padding-left:27px; width:560px;}
.about_cont p:nth-child(5){ margin:15px 0 20px;}
.about_list dl.mowei { width:466px; overflow:hidden;}
.about_list dl.mowei dd { width:233px; overflow:hidden;}
.about_list dl.mowei1 dd{ width:234px;}
.about_more { width: 130px; height: 40px; line-height: 40px; text-align: center; background: #222; margin-top: 25px;}
.about_more a { color: #fff;}



.about_t { margin-top: 50px; text-align: center;position: relative;}
.about_t p{font-size: 36px;color: #222;}
.about_t p>t{font-weight: bold;color: #d60c0c;}
.about_t span{display: block;font-size: 16px;margin-top: 7px; color: #888; margin-bottom: 7px;}



    .mod1353 .news_bg {
        padding-bottom: 60px;
        margin-top: 31px;
    }
    .mod1353 .news_l {
        float: left;
        width: 896px;
    }
    .mod1353 .news_l_tab {
        margin-bottom: 40px;
    }
    .mod1353 .news_l_tab a {
        display: inline-block;
        padding: 0 40px;
        height: 48px;
        text-align: center;
        font-size: 16px;
        color: #333;
        line-height: 48px;
        border: 1px solid #ccc;
    }
    .mod1353 .news_l_tab a:first-child {
        margin-right: 20px;
    }
        .mod1353 .news_l_d {
        border-right: 1px solid #ccc;
    }
    .mod1353 .news_l_d li {
        position: relative;
    }
    .mod1353 .news_l_d li:nth-child(n+2) {
        margin-top: 20px;
    }
    .mod1353 .news_l_d li:hover .news_l_img img {
        transform: scale(1.2);
    }
    .mod1353 .news_l_d .news_l_img {
        float: left;
        width: 296px;
        height: 190px;
        overflow: hidden;
        border: 1px solid #ccc;
    }
    .mod1353 .news_l_d .news_l_img img {
        display: block;
        width: 100%;
        max-height: 190px;
        transition: all 0.3s;
    }
    .mod1353 .news_l_d .news_l_content {
        float: right;
        padding-right: 40px;
        width: 540px;
    }
    .mod1353 .news_l_d .news_l_content .news_l_t a {
        display: block;
        margin: 10px 0 16px 0;
        font-size: 16px;
        color: #000;
        line-height: 16px;
    }
    .mod1353 .news_l_d .news_l_content .news_l_w {
        font-size: 16px;
        color: #333;
        line-height: 24px;
    }
    .mod1353 .news_l_d .news_l_content .news_l_a a {
        display: block;
        margin-top: 30px;
        width: 60px;
        height: 30px;
        text-align: center;
        font-size: 16px;
        color: #ccc;
        line-height: 32px;
        border: 1px solid #ccc;
        border-radius: 25px;
    }
    .mod1353 .news_l_d li .news_l_date {
        position: absolute;
        top: 0;
        left: 0;
        width: 90px;
        height: 90px;
        color: #fff;
        opacity: 0.4;
        background: rgba(0,0,0,0.5);
    }
    .mod1353 .news_l_d li .news_l_date b {
        display: block;
        padding: 10px 0 5px 0;
        text-align: center;
        font-size: 50px;
        font-weight: normal;
        line-height: 50px;
    }
    .mod1353 .news_l_d li .news_l_date span {
        display: block;
        text-align: center;
        font-size: 16px;
        line-height: 16px;
    }
    .mod1353 .news_r {
        float: right;
    }
    .mod1353 .news_r .news_r_tab {
        margin-bottom: 50px;
        text-align: right;
    }
    .mod1353 .news_r .news_r_tab a {
        position: relative;
        margin-top: 10px;
        display: inline-block;
        padding: 0 40px 0 20px;
        height: 40px;
        font-size: 16px;
        color: #333;
        line-height: 40px;
        border: 1px solid #ccc;
        border-radius: 25px;
    }
    .mod1353 .news_r .news_r_tab a:before {
        position: absolute;
        right: 20px;
    }
    .mod1353 .news_r .news_r_d {
        width: 440px;
    }
    .mod1353 .news_r .news_r_d .news_r_d_one {
        padding: 8px 0;
        height: 40px;
        line-height: 40px;
        overflow: hidden;
        transition: all 0.5s;
        border-bottom: 1px solid #f5f5f5;
    }
    .mod1353 .news_r .news_r_d .news_r_d_one span {
        display: block;
        max-width: 335px;
        float: left;
        font-size: 16px;
        color: #333;
    }
    .mod1353 .news_r .news_r_d .news_r_d_one b {
        display: block;
        float: right;
        font-size: 16px;
        color: #333;
        font-weight: normal;
    }
    .mod1353 .news_r .news_r_d li .news_r_d_two {
        height: 0;
        transition: all 0.5s;
        overflow: hidden;
    }
    .mod1353 .news_r .news_r_d li.show .news_r_d_one {
        padding: 0;
        height: 0;
        border: none;
    }
    .mod1353 .news_r .news_r_d li.show .news_r_d_two {
        padding-top: 15px;
        height: 90px;
        border-bottom: 1px solid #f5f5f5;
    }
    .mod1353 .news_r .news_r_d .news_r_d_two .news_r_date {
        float: left;
        text-align: center;
        border: 2px #ccc solid;
        height: 70px;
        width: 80px;
    }
    .mod1353 .news_r .news_r_d .news_r_d_two .news_r_date span {
        font-size: 12px;
        display: block;
        font-weight: 100;
        line-height: 20px;
        text-indent: 1px;
        padding-top: 10px;
    }
    .mod1353 .news_r .news_r_d .news_r_d_two .news_r_date b {
        display: inline-block;
        font-family: "Arial";
        font-weight: bold;
        color: #666;
        font-size: 24px;
        line-height: 30px;
    }
    .mod1353 .news_r .news_r_d .news_r_d_two .news_r_content {
        float: right;
        margin-top: 6px;
        width: 338px;
    }
    .mod1353 .news_r .news_r_d .news_r_d_two .news_r_content .news_r_t {
        display: block;
        line-height: 24px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .mod1353 .news_r .news_r_d .news_r_d_two .news_r_content .news_r_t a {
        font-size: 15px;
        color: #666;
    }
    .mod1353 .news_r .news_r_d .news_r_d_two .news_r_content .news_r_w {
        line-height: 18px;
        color: #666;
        font-size: 13px;
        width: 100%;
        text-align: justify;
    }



.link {background: #d60c0c;line-height:88px;}
.link_til{float: left;font-size:18px;color:#fff;background: url(images/39.png)no-repeat left center;padding-left: 35px;}
.link .link_nor a{color:#fff !important;line-height:90px;}

.footer_bg{background:#222; overflow:hidden; margin-top:60px;}
.footer{height: 300px; overflow:hidden;}
.footer .fl>li{padding: 50px 3.5vw 0;float: left;height: 330px;}
.footer .fl>li:first-child{padding-left: 0px;}
.footer .fl>li+li{border-left: 1px solid #333;;}
.footer .fl>li a,.link4 span{font-size: 15px;color: rgba(222,222,222,0.6);font-weight: lighter;display: block;line-height: 36px;}
.footer .fl>li span:first-child{font-size: 18px;color: #fff;}
.footer .fl>li a:hover{color: #fff;}
.footer .fl>li i{width: 34px;height: 2px;display: block;background: #d60c0c;margin: 10px 0 15px;}
.footer .fl>li p{line-height: 36px;color: rgba(255,255,255,0.6);font-size:15px;}
@media (max-width: 1400px){
   .footer>li{padding: 80px 70px 0;}
}


.link4{ width: 280px; padding-right:0 !important; padding-top: 44px !important; height:337px !important;}
.link4 i{margin-top:4px !important;}
.foot_ewm{margin:50px 0 0 180px;}


.copy_bg{width:100%;min-width:1400px;border-top:1px solid #333; color:#d60c0c;background: #292929;height: 52px;}
.copy_bg a:hover{color:#d60c0c;}
.copy,.copy a{color:#fff;font-size:15px;line-height:50px;}


#newBridge{display:none !important;}