@charset "utf-8";
.w_1200{width: 1200px;margin: 0 auto;position: relative;}
.menu{width: 100%;height: 110px;background:url(../images/menu_bg.png) repeat;    box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 20px;z-index: 99999;position: fixed;}
.logo{float: left;margin-top:20px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearFix:after {display: block; content: ''; clear: both; }
.nav{height:110px; line-height:110px; position:relative; z-index:1;float:left;margin-left: 60px;}
.nav a{ color:#000;  }
.nav .nLi{ float:left;  position:relative; display:inline;}
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 17px; font-size:16px; font-weight:normal;color: #666;}
.nav .sub{ display:none;left:0px; top:110px;min-width: 140px; position:absolute;line-height:30px; padding:10px 0; background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175); }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 8px; 	-webkit-transition: .5s; -o-transition: .5s; transition: .5s;text-align: center;color: #17232d; font-size: 14px;}
.nav .sub a:hover{ background:#e71e1b; color:#fff;  }
.nav .on h3 a{ color:#fff;background: #e71e1b;}
.m_tel{line-height: 110px;font-size: 24px;color: #e71e1b;font-weight: bold;background: url(../images/m_tel.png) left center no-repeat;padding-left: 50px;}

.fullSlide{ width:100%;  position:relative;  height:860px; background:#000;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:860px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:860px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:30px; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:5px; margin:5px; overflow:hidden; background:#fff; line-height:999px;}
.fullSlide .hd ul .on{ background:#e71e1b;  }
.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:4%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.fullSlide .next{ left:auto; right:4%; background-position:-6px -137px; }

.com_til{text-align: center;width: 100%;height: 110px;}
.com_til h4{font-size: 44px;color: #0c151b;line-height: 60px;font-weight: normal;background: url(../images/til_bg.png) center no-repeat;}
.com_til span{text-transform: uppercase;font-size: 18px;line-height: 25px;color: #999;}


.main1{padding-top: 50px;height: 740px;overflow: hidden;background: #fff;}
.m1_box{width: 100%;height: 427px;margin-top: 15px;-webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
.m1_box ul li{float: left;width: 25%;overflow: hidden;}
.m1_box ul li .pic{background: #fff;width: 70px;height: 70px;border-radius: 50%;text-align: center;margin: 0 auto;}
.m1_box ul li .pic span{font-size: 42px;color: #000;text-align: center;line-height: 70px;}
.txt_box {-webkit-transition:all 0.5s ease; transition:all 0.5s ease; padding-top: 150px; position: absolute; left: 0; top: 0px; width: 300px; height: 327px; background: rgba(0,0,0,.60); }
.txt_box:hover{padding-top: 100px; background: rgba(232,28,27,.60); }
.m1_box ul li:hover .pic span{color: #b71e1f;}
.txt_box  .tit {width: 300px; text-align: center; position: relative; font-size: 26px; line-height: 80px; font-weight: bold; color: #fff; }
.txt_box .nr{font-size: 14px;color: #fff;padding-left: 8%;padding-right: 8%;width: 84%;text-align: center;opacity:0;-webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
.txt_box:hover .nr{ opacity:1; display:block/9; visibility: visible;}
.m_more {border-width: 2px; border-color: #999; color: #999; width: 200px; font-size: 14px; display: block; margin: 0 auto; height: 40px; line-height: 40px; border-width: 1px; border-style: solid; text-align: center;-webkit-transition:all 0.5s ease; transition:all 0.5s ease; }
.m_more:hover{background-color:#e71e1b; color:#fff;border-color: #e71e1b;}


.main2{width: 100%;height: 565px;padding-top:45px;background:#f6f6f6 url(../images/m2_bg.jpg) center no-repeat;overflow: hidden; }
.main2 h5{font-size: 42px;color: #e71e1b;line-height: 70px;}
.main2 span{text-transform: uppercase;font-size: 22px;color: #0c151b;line-height: 35px;background: url(../images/jt.jpg) right no-repeat;padding-right: 50px;}
.main2 .nr{font-size: 20px;color: #000;line-height: 35px;width: 940px;margin-top: 20px;height: 200px;}
.main2 ul li{float: left;text-align: center;width: 160px;font-size: 18px;line-height: 30px;color: #000;}


.main3{width: 100%;height: 705px;padding-top:60px;background:#0c151b url(../images/m3_bg.jpg) center no-repeat;overflow: hidden; }
.m3_box{float: left;width: 520px;height: 530px;background: #fff;padding: 50px 90px 50px 90px;}
.m3_box h4{font-size: 40px;line-height: 60px;color: #000;font-weight: normal;}
.m3_box .nr{font-size: 16px;line-height: 40px;margin-top: 50px;height: 210px;color: #000;}
.m3_box span{font-size: 30px;color: #e71e1b;font-weight: bold;padding-left: 45px;    background: url(../images/m_tel1.png) left center no-repeat;float: left;line-height: 50px;height: 50px;}
.m3_box a.more{float: left;width: 150px;text-align: center;height: 50px;background: #000;color: #fff;font-size: 18px;line-height: 50px;border-radius: 5px;margin-left: 80px;}
.m3_box1{float: right;width: 460px;color: #fff;padding-top: 58px;}
.m3_box1 ul li{margin-bottom: 70px;}
.m3_box1 ul li h4{font-size: 24px;font-weight: normal;color: #fff;line-height: 50px;padding-left: 70px;}
.m3_box1 ul li span{font-size: 14px;color: #fff;line-height: 24px;}
.m3_box1 ul li h4.g1{background: url(../images/g1.jpg) left center no-repeat;}
.m3_box1 ul li h4.g2{background: url(../images/g2.jpg) left center no-repeat;}
.m3_box1 ul li h4.g3{background: url(../images/g3.jpg) left center no-repeat;}

.main4{padding-top: 50px;height: 700px;overflow: hidden;background: #fff;}
.case_list {position: relative; margin-top: 20px; }
.case_list ul li {overflow: hidden; float: left; width: 380px; margin-right: 24px; }
.case_list ul li a {display: block; }
.case_list ul li .case_a {padding: 25px 8% 30px; background-color: #e8e8e8; overflow: hidden; z-index: 2; display: block; }
.case_list ul li .case_a:before {content: ''; position: absolute; width: 100%; height: 100%; background-color: #e71e1b; left: 0; bottom: -100%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; z-index: -1; }
.case_list ul li.hover .case_a:before {bottom: 0; }
.case_list ul li.hover .case_a h2, .case_list ul li.hover .case_a .nr {color: #fff; }
.case_list ul li .case_a h2 {font-size: 18px; line-height: 30px; font-weight: bold; color: #666; }
.case_list ul li .case_a .nr {font-size: 14px; color: #666464; line-height: 21px; height: 42px; overflow: hidden; margin-top: 10px; }
.case_list ul li .top-Floor {width: 100%; height: 100%; background: url(../images/black4.png) repeat; z-index: 3; left: 0; top: -100%; }
.case_list ul li.hover .top-Floor {top: 0; }
.case_list ul li .top-Floor .white-cross {width: 60px; height: 60px; display: block; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; background: url(../images/whit_cross.png) no-repeat; }


.main5{padding-top: 50px;height: 700px;overflow: hidden;background: #f6f6f6;}
.m5_left{float: left;width: 450px;height: 387px;/*background: #f8f8f8;padding: 15px;*/position: relative;}
.m5_left ul li{width: 450px;}
.m5_left ul li img{width: 100%;height: 250px;}
.m5_left ul li .til{width: 340px;float: left;padding-top: 10px;}
.m5_left ul li .til h4{font-size: 20px;line-height: 45px;color: #222223;}
.m5_left ul li .til h4 a{color: #222223;}
.m5_left ul li .til .nr{font-size: 16px;color: #616161;line-height: 20px;}
.m5_left ul li  .date{float: right;width: 100px;height: 100px;background: #e71e1b;border-radius: 5px;margin-top: 10px;text-align: center;}
.m5_left ul li  .date .day{color: #fff;font-size: 45px;display: block;}
.m5_left ul li  .date .year{color: #fff;font-size: 16px;line-height: 25px;}
.m5_left .hd{width: 100%;position: absolute;bottom: 20px;left: 20px;}
.m5_left .hd ul li {float: left; margin-right: 4px; width: 10px; height: 10px; background: #666; cursor: pointer; border-radius: 5px; }
.m5_left .hd ul li.on {background: #e71e1b; color: #fff; }
.main5 .more {text-align: center; }
.main5 .more a{    display: inline-block; width: 160px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; border: 1px solid #999; font-size: 16px; color: #999; }
.main5 .more a:hover{background: #e71e1b;color: #fff;border-color: #e71e1b;}
.m5_right {
    float: right;
    width: 712px;
}
.m5_right ul li{margin-bottom: 20px;}
.m5_right ul li .title{font-size: 20px;line-height:45px;}
.m5_right ul li .time{font-size: 20px;line-height:45px;color: #999;}
.m5_right ul li .nr{font-size: 14px;line-height: 25px;}

.main6{padding-top: 50px;height: 440px;overflow: hidden;background: #fff;}
.m6_box{margin-top: 30px;}
.m6_box li{ width: 178px;    float: left;
    padding: 0 5px;margin-right: 10px;height: 100px;
    margin-bottom: 10px;border:1px solid #ddd;overflow: hidden;}
.m6_box li img{width: 100%;}


.footer{width: 100%;height: 290px;background: #0c151b;overflow: hidden;}
.f_top{width: 100%;height: 220px;background: #0c151b;padding-top: 30px;}
.f_top .fl1{width: 450px;}
.f_top .fl2{width: 540px;}
.f_top .fr1{width: 135px;text-align: center;color: #fff;line-height: 30px;font-size: 14px;}
.f_top .fl h5{font-size: 16px;color: #e71e1b;line-height: 40px;}
.f_top .fl1 p{font-size: 14px;color: #fff;line-height: 25px;}
.f_top .fl1 p.p{font-size: 24px;color: #e71e1b;line-height: 35px;font-weight: bold;}
.f_top .fl2 .f_ul{width: 180px;}
.f_top .fl2 .f_ul li a{font-size: 14px;color: #fff;line-height: 25px;}
.f_bot{width: 100%;height: 40px;background: #0a1014;text-align: center;font-size: 14px;color: #fff;line-height: 40px;}
.f_bot a{color: #fff;}

.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }


.main {
    width: 1200px;
    margin: 0 auto;
}
.container {
    background: url(../images/banner.jpg) no-repeat center top;
}
.container-top {
    overflow: hidden;
    padding: 70px 0 44px;
    height: 44px;
    line-height: 44px;
}
.container-top h2 {
    font-size: 30px;
    color: #ffffff;
    float: left;
    text-transform: uppercase;
}
.container-top h2 span {
    padding-left: 28px;
    margin-left: 20px;
    background: url(../images/titlebg_03.jpg) no-repeat left center;
    font-family: Arial;
}
.bread-nav {
    float: right;
    min-width: 420px;
    color: #ffffff;
    text-align: right;
    padding-top: 5px;
}
.bread-nav a {
    color: #f3f3f3;
    margin: 0 3px;
}
.content {
    background-color: #fff;
    padding: 30px 30px 50px;
    overflow: hidden;
}
.content-left {
    width: 240px;
    float: left;
}
.content-right {
    width: 860px;
    float: right;
}
.content-title {
    width: 160px;
    padding-left: 80px;
    height: 80px;
    line-height: 80px;
    background: #f90712 url(../images/h2bg.png) no-repeat 25px center;
    font-size: 24px;
    color: #ffffff;
    border-bottom: 3px solid #f6f6f6;
}
.menu-list {
    width: 240px;
    background-color: #f6f6f6;
}
.menu-list a {
    display: block;
    width: 236px;
    height: 55px;
    line-height: 55px;
    border-left: 4px solid #f6f6f6;
    border-bottom: 1px solid #e8e8e8;
    text-indent: 40px;
    font-size: 16px;
    color: #333;
}
.menu-list a:hover, .menu-list a.active {
    border-left-color: #f1151f;
    background-color: #fff;
    text-indent: 36px;
}
.content-contact .h2bg {
    height: 84px;
    width: 100%;
    line-height: 84px;
    background: url(../images/conbg.png) no-repeat center;
}
.content-contact .h2bg h2 {
    width: 146px;
    padding-left: 94px;
    background: url(../images/conico.png) no-repeat 34px center;
    font-size: 24px;
    color: #ffffff;
}
.cc-info {
    padding: 20px 25px 40px 30px;
    background-color: #f6f6f6;
}
.cc-info p {
    color: #666666;
    line-height: 26px;
}
.news-list { width: 844px; overflow: hidden; margin-bottom: 66px; }
.news-item { width: 844px; border-bottom: 1px solid #ededed; padding: 20px 0; overflow: hidden; }
.news-list .news-item:first-child { padding-top: 0; }
.news-item .img,.news-item .img img { display: block; width: 330px; height: 146px; }
.news-item .img { float: left; overflow: hidden; }
.news-item .img img,.news-right { -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.news-item:hover .img img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
.news-right { float: right; width: 476px; }
.news-item:hover .news-right { margin-right: 5px; }
.news-right h2 { font-size: 16px; line-height: 26px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 12px; }
.news-right h2 a { font-size: 16px; color: #666; }
.news-item:hover .news-right h2 a { color: #f1151f; }
.news-right p { color: #999; line-height: 24px; height: 48px; overflow: hidden; }
.news-link { display: block; width: 29px; height: 29px; background: url(../images/news_09.png); margin-top: 28px; }
.news-item:hover .news-link { background: url(../images/news_12.png); }

.detail-box h1 { font-size: 26px; color: #363a3c; line-height: 34px; margin-bottom: 10px; }
.detail-time { overflow: hidden; margin-bottom: 25px; }
.detail-time > span { float: left; margin-right: 20px; font-family: Arial; font-size: 16px; color: #a6acae; }
.details { border-top: 1px solid #eeefef; padding: 30px 0 80px; }
.details p { color: #7f8080; font-size: 13px; line-height: 30px; }

.tag-links { height: 34px; line-height: 34px; border-bottom: 1px solid #e9e9e9; margin-bottom: 20px; }
.tag-links span { color: #000; }
.tag-links a { padding: 0 4px 0 6px; font-size: 12px; color: #666666; }
.tag-links a:first-child { background: none; }
.tag-links a:hover { color: #e41a21; text-decoration: underline; }

.news-page { width: 600px; }
.news-page p { line-height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;    font-size: 14px; }
.news-page p a { color: #666666; }
.news-page p a:hover { color: #e41a21; }

#share { overflow: hidden; line-height: 17px; }
#share span { float: left; color: #909090; }
#share a { display: block; width: 17px; height: 17px; float: left; padding: 0; margin: 0 8px; opacity: 0.7; filter: alpha(opacity=70); }
#share a:hover { opacity: 1; filter: alpha(opacity=100); }
#share a.bds_tsina { background: url(../images/share01.png) no-repeat center; }
#share a.bds_weixin { background: url(../images/share03.png) no-repeat center; }
#share a.bds_tqq { background: url(../images/share02.png) no-repeat center; }


.honor { padding-left: 15px; }
.honor-list { width: 100%; padding: 0 0 15px 0; }
.honor-list li { float: left; width: 245px; float: left; margin-right: 40px; margin-bottom: 30px;
 -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.honor-list li .img,.honor-list li .img img { display: block; width: 245px; }
.honor-list li:hover { margin-top: -10px; padding-bottom: 10px; }
.honor-list li:hover .img { box-shadow: 0 5px 5px #f2f2f2; }
.honor-list li.r { margin-right: 0; }
.honor-list li h3 { font-size: 16px; color: #666666; text-align: center; line-height: 32px; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.honor-list li:hover h3 { color: #e41a21; }