@charset "utf-8";
/* CSS Document */
html,body,body{margin:0;padding:0;border:0;}
body{
	color:#333;
	font:14px "Microsoft YaHei",微软雅黑,arial,sans-serif;
	
	}
body, div, span, object, iframe, h1, h2, h3, h4, p, blockquote, pre, a, address, code, b, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, footer, header, hgroup, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
}
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
span{
    cursor: pointer;
    display: inline-block;
}
i{font-style: normal;}
a{text-decoration:none;outline:none;color: #333;}
input{padding:0;margin:0;font-family:'Microsoft YaHei';border: none;}
img{border:none;background:none;border-style: none;display: block; }
dl,dd,dt{margin: 0;padding: 0;}
ul,ol,li{list-style-type:none;padding: 0;margin: 0;list-style: none;}
.clearfix:{clear: both;}
h1,h2,h3,h4{margin: 0;padding:0;}
p{
	margin: 0;
	padding: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}
/*顶部*/
.baner_bg{
    position: relative;
}
.header_bg{
    position: absolute;
    top: 40px;
    width: 100%;
}
.header{
    width: 1200px;
    background: #fff;
    margin: 0 auto;
    border-radius: 0 0 0 8px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}
.logo{
    padding: 10px 0 5px 30px;
}
.logo a img{
    height: 105px;
}
.hot-tel{
    background: #127E7C;
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    border-radius: 0 0 0 8px;
}
.hot-tel{
    width: 850px;
}
.sever-phone{
    
    color: #fff;
}
.sever-phone h1{font-weight: normal;font-size: 14px;line-height: 44px;display: inline-block;vertical-align: bottom;}
.sever-phone h2{font-size: 24px;line-height: 44px;display: inline-block;margin-left: 6px;}

.hot_ss{
    display: inline-block;
    padding-top: 7px;
}
.hot_ss form {
    position: relative;
}
.hot_ss form input[type="text"] {
    width: 260px;
    border: 0;
    text-indent: 16px;
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    background: none;
    border: 1px solid #cccccc;
    box-sizing: border-box;
}
.hot_ss form button{
    border: none;
    position: absolute;
    top: 4px;
    right: 4px;    background: none;
    cursor: pointer;
}
.hot_ss form button:before{
    content: "\f002";
    font-family: FontAwesome;
    font-size: 20px;
    color: #fff;
}
.hot-words a{
    font-size: 14px ;line-height: 40px;color: #fff;
    width: 72px;overflow: hidden;display: inline-block;text-overflow: ellipsis;
    white-space: pre;text-align: center;
}
.nav {
    margin-top: 22px;
    display: flex;display: -webkit-flex;
    justify-content: space-around;
}
.nav a{
    font-size: 16px;
    line-height: 30px;color: #333;
    display: inline-block;
}
.nav a:hover{color: #005856;font-weight: bold;}
/*fnelei*/
.Box {position: relative;background: #f1f1f1;}
.Box .Box-content {width: 1200px;margin: 0 auto;padding-top: 60px;padding-bottom: 60px;}
.Box .Box_con {position: relative;  background: url(../img/fenlei_bg.png)no-repeat bottom 20px center ;text-align: center;}
.Box .Box_con .btn {display: inline-block;width: 21px;height: 31px;cursor: pointer;margin-top: 50px;}
.Box .Box_con .btnl {background: url(../img/jtl02.png) no-repeat center;}
.Box .Box_con .btnr {background: url(../img/jtr02.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;overflow: hidden;}
.Box .Box_con .conbox ul li {
    float: left;width: 235px;height: 170px;
    text-align: left;
    margin-left: 34px;
    margin-right: 34px;
    overflow: hidden;}
.Box .Box_con .conbox ul li >span{
    display: block;
    margin: 0 auto;
}

.Box .Box_con .conbox ul li span a{
    display: block;
}
.Box .Box_con .conbox ul li span a h1{
    height: 3px;
    background: #616161;
}
.Box .Box_con .conbox ul li span a h2{
    color: #2e2e2e;font-size: 20px;
    line-height: 24px;font-weight: normal;
    margin: 30px 0 25px 0;position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    padding-right: 30px;
}
.Box .Box_con .conbox ul li:hover span a h2{
    color: #005856;
}
.Box .Box_con .conbox ul li span a h2 i.fa{
    font-family: 'FontAwesome';
    width: 32px;
    font-size: 18px;
    display: inline-block;
    text-align: right;
    position: absolute;right: 0;
}
.Box .Box_con .conbox ul li span a h2 i.fa-chevron-circle-right:before {
    content: "\f138";
}
.Box .Box_con .conbox ul li span a h3{
    font-size: 12px;color: #333;   font-weight: normal;
}
.Box .Box_con .conbox ul li span a img{
    margin-top: 36px;    width: 30px;
}
/*案例*/
.titis{height: 127px;text-align: center;}
.titis h4{font-size:40px;color: #1f1f1f;font-weight: bold;}
.titis h4 a {color: #1f1f1f}
.titis h4 span{color: #005856;}
.titis h4 i{width:6px;height: 6px;background: #1f1f1f;border-radius: 50%;margin:0 18px; vertical-align: middle;display:inline-block;}
.titis p{line-height: 32px;font-size:20px;color: #dfdfdf;margin: 15px 0;}
.titis p em{color: #363636;padding:0 6px;}
.titis h5 img{
    display: inline-block;
}
.sl_c{height: 711px;padding-top:60px;width: 1200px;margin: 0 auto;}
.sl_c ul{
    margin-top: 40px;
}
.sl_c li{float:left;width:200px;overflow: hidden;position: relative;transition: all 0.25s}
.sl_c li p{position: absolute;width:200px;height:450px;background: rgba(29,29,29,0.6);left:0;top:0;text-align: center;box-sizing: border-box;padding-top:106px;}
.sl_c li p i{display: block;font-size: 14px;color: #8b8b8c;height: 26px;line-height: 26px;}
.sl_c li p em{display: block;height: 27px;line-height: 27px;font-size:20px;color: #fff;font-weight: bold;}
.sl_c li p span{height: 67px;font-size:24px;color: #fff;font-weight: bold;line-height: 58px;display: block;background: url(../images/sl_ico1.jpg) no-repeat center bottom;}
.sl_c li p img{margin-top:51px;margin: 0 auto;
    margin-top: 51px;}
.sl_w{width:445px;height: 276px;background:rgb(255 255 255 / 70%);position: absolute;left:79px;top:78px;padding:29px 0 0 29px;box-sizing: border-box;transform: scale(0);transition: all 0.3s}
.sl_w i{display: block;height: 26px;font-size:14px;color: #eaafaf;line-height: 26px;}
.sl_w h4{height: 45px;line-height: 45px;font-size:30px;color: #000;font-weight: bold;display: inline-block;border-bottom:1px solid #fff;}
.sl_w span {display: block;width:374px;font-size:16px;color: #fff;line-height: 30px;padding-top:36px;}
.sl_w img{margin-top:24px;display: block;}
.sl_c li.cur{width:600px;}
.sl_c li.cur p{transform: scale(0);}
.sl_c li.cur .sl_w{transform: scale(1);}

/*产品*/
.item-productbg{
	width: 100%;
	background: url(../img/product-bg.png)no-repeat top center;
	padding-top: 40px;
}
.item-product{
	width: 1200px;margin: 0 auto;
	padding-bottom: 40px;
}
.product-classfy{
	background: #303030;height: 50px;
	display: flex;display: -webkit-flex;
	justify-content: space-between;margin-top: 30px;
}
.product-classfy ul{
	width: 75%;
}
.product-classfy ul li{
	display: inline-block;
	width: 14.28%;
	padding-left: 2%;
}
.product-classfy ul li a{
	font-size: 12px ;color: #999;
	line-height: 50px;display: block;
	background: url(../img/icon-dot.png)no-repeat left center;
	padding-left: 20px;    width:92%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}
.product-classfy span{
    width: 25%;background:url(../img/icon-moer.png)no-repeat left 20px center #1d1d1d;
}
.product-classfy span a{
    color: #7d7d7d;font-size: 16px;line-height: 50px;
    padding-left: 60px;
}
.product-list{
    display: flex;
    display:-webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 40px;
}
.product-list:after{
    content: "";
    width: 372px;
}
.product-list dl{
    margin-bottom: 20px;
}

.product-list dl dt{
    width: 100%;
    height: 279px;
    margin: 0 auto;
    overflow: hidden;
}
.product-list dl  dt a{
    display: block;
}
.product-list dl  dt  a img{
    width: 372px;    height: 279px;
}
.product-list dl  dd {
    overflow: hidden;
}
.product-list dl  dd h1{
    width: 252px;background: #fff;
    line-height: 50px;font-size: 18px;color: #333;
    float: left;
    padding:0 10px 0 10px ;
    overflow: hidden;text-overflow: ellipsis;
    white-space: pre;
}
.product-list dl:hover  dd h1{
    color: #005856;
}
.product-list dl  dd h2{
    float: left;overflow: hidden;
}
.product-list dl  dd h2 a.pmorel{
    width: 50px;height: 50px;overflow: hidden;
    float: left;
}
.product-list dl  dd h2 a.pmess{
    width: 50px;height: 50px;overflow: hidden;
    float: left;
}
.number-bg{
    background: url(../img/icon-number.png)no-repeat top center;
    
}
.number{
    width: 1200px;margin: 0 auto;overflow: hidden;
}
.ban_fl{
    width: 635px;
    line-height: 38px;
    float: left;
}
.ban_fl b{
    display: block;
    font-size: 30px;
    color: #333;padding: 24px 0 0 205px;
}
.ban_fl p{
    font-size: 16px;
    color: #333;
    padding: 10px 0 0 268px;
}
.ban_fl p i{
    font-size: 24px;color: #005856;font-weight: bold;
    margin-left: 5px;
}
.ban_fr{
    width: 400px;
    height: 130px;
    padding: 15px 0 0;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    float: right;
}
.ban_fr b{
        display: block;
    font-size: 20px;
}
.ban_fr span{
        display: block;
    width: 100px;
    margin: 0 auto;
    padding: 10px 0 0;
}
.ban_fr span a{
    background: #005856;
    color: #fff;
    display: block;
    width: 100px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    border-radius: 20px;
}
/*新闻动态*/
.item-news{
    width: 100%;
    margin-top:60px ;
}
.newsweb{
    width: 1200px;
    margin: 0 auto;
    
}
.newslist{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    margin-top: 40px;
}
.newsnl{
    width: 524px;
}
.newsnl h1{
    color: #005856;font-size: 42px;
    margin-top: 30px;
}
.newsnl h1 i{
    font-size: 20px; color: #666;
    font-weight: normal;margin-left: 5px;
}
.newsnl h2{
    font-size: 22px;color: #333;
    width: 98%;overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    margin: 38px 0;
}
.newsnl  span{
    font-size: 16px;
    color: #666;line-height: 36px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
/* Common style */
.grid {
    position: relative;
    clear: both;
    list-style: none;
    text-align: center;
}

/* Common style */
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    max-width: 520px;
    max-height: 336px;
    height: auto;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}

.grid figure figcaption {
    /*padding: 2em;*/
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
.grid figure p {
    margin: 0;
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}
/*---------------*/
/***** Lexi *****/
/*---------------*/

figure.effect-lexi {
    background: -webkit-linear-gradient(-45deg, #000 0%,#fff 100%);
    background: linear-gradient(-45deg, #000 0%,#fff 100%);
}

figure.effect-lexi img {
    margin: -10px 0 0 -10px;
    max-width: none;
    width: -webkit-calc(100% + 10px);
    width: calc(100% + 10px);
    opacity: 0.9;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(10px,10px,0);
    transform: translate3d(10px,10px,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure.effect-lexi figcaption::before,
figure.effect-lexi p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-lexi figcaption::before {
    position: absolute;
    right: -100px;
    bottom: -100px;
    width: 300px;
    height: 300px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 900px rgba(255,255,255,0.2);
    content: '';
    opacity: 0;
    -webkit-transform: scale3d(0.5,0.5,1);
    transform: scale3d(0.5,0.5,1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

figure.effect-lexi:hover img {
    opacity: 0.6;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


figure.effect-lexi p {
    position: absolute;
    right: 0;
    bottom: 50px;
    padding: 0 1.5em 1.5em 0;
    width: 140px;
    text-align: right;
    opacity: 0;
    -webkit-transform: translate3d(20px,20px,0);
    transform: translate3d(20px,20px,0);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

figure.effect-lexi:hover figcaption::before {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

figure.effect-lexi:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
/*关于我们*/
.item-aboutbg{
    width: 100%;
    background: url(../img/ab_bg.png)no-repeat top center;
    padding-top: 60px;
    margin-top: 60px;
    height: 862px;
}
.item-about{
    width: 1200px;
    margin: 0 auto;
}
.item-about span{
    text-align: center;
    width: 100%;
    height: 430px;overflow: hidden;
}
.item-about span >a{
    display: block;
}
.item-about span >a img{
    width: 940px;height: 434px;
        display: inline-block;
}
.item-about  h1{
    text-align: center;
    font-size: 26px;color: #333;
    margin: 40px 0 30px 0;
}
.item-about  .about-con{
    width: 850px;margin: 0 auto;text-align: center;
    font-size: 16px;color: #333;line-height: 30px;
}
.abkeywords{
    text-align: center;
    margin-top: 40px;
}
.abkw {
    background: url(../img/icon-hw.png)no-repeat center center;
    width: 248px;height: 90px;display: inline-block;
    margin: 0 15px;
}

.abkw a{
    font-size: 20px;color: #333;   display: block;
    line-height: 90px;text-align: center;
    padding: 0 20px 0 60px;
    overflow: hidden;text-overflow: ellipsis;
    white-space: pre;
}
.abkw a:hover{
    color: #005856;
}
/**/
/*底部*/
.footer_bg{
    width: 100%;
    background: #383838;
    padding-bottom: 60px;
    margin-top: 60px;
}
.footer{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.footerlogo{
    padding-top:106px ;
}
.footer_list {
    padding: 0 20px;
    padding-top: 45px;
    overflow: hidden;
}
.footer_list .f_list_one,.f_list_two,.f_list_three{
    float: left;
}
.footer_list .f_list_one{
    background: url(../img/footer-line.png)no-repeat left top 40px;
        padding-left: 40px;margin-right: 40px;
          min-height: 254px;
}
.footer_list .f_list_one > h2{
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    font-weight: 500;
}
.footer_list .f_list_one > ul{
    margin-top: 20px;
}
.footer_list .f_list_one > ul >li{
    margin: 10px 0;opacity: 0.5;
}
.footer_list .f_list_one > ul >li img{
    display: inline-block;
}
.footer_list .f_list_one > ul >li> h2{
    display: inline-block;
    font-size: 16px;
    color: #fff;line-height: 24px;
    width: 190px;font-weight: normal;
    vertical-align: top;margin-left: 10px;
    margin-bottom: 10px;overflow: hidden;
        word-break: break-all;
}
.footer_list .f_list_one >ul > li >a{
    font-size: 14px;
    color: #fff;
}
.footer_list .f_list_one >ul > li:hover >a{
    padding-left: 15px;
    text-decoration: underline;
    font-weight: bold;
}
/*eer*/
.f_list_two{
    background: url(../img/footer-line.png)no-repeat left top 40px;
    padding-left: 40px;
    width: 216px;        min-height: 254px;
}
.f_list_two > h2{
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    font-weight: 500;
}
.f_list_two >ul {
    width: 116px;margin-top: 15px;
}
.f_list_two >ul a{
    font-size: 14px;
    color: #fff;display: block;
    line-height: 24px;opacity: .5;
}
.f_list_two >ul > li{
    display: inline-block;
    width: 46%;
}
.f_list_two >ul > li >a{
    font-size: 14px;
    color: #fff;display: block;
    line-height: 24px;opacity: .5;
}
/*33*/
.f_list_three{
    background: url(../img/footer-line.png)no-repeat left top 40px;
    padding-left: 40px;
    width: 268px;    min-height: 254px;
}
.f_list_three > h2{
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    font-weight: 500;
}
.f_list_three p{
    font-size: 14px;color: #fff;
    line-height: 24px;
    margin-top: 15px;
    opacity: .5;
}
.f_list_three p a{
    font-size: 14px;color: #fff;
    line-height: 24px;text-decoration: underline;
}
.f_list_three h4.enquiry a{
    color: #fff;
}
.f_list_three h4.enquiry{
    font-weight: normal;
    vertical-align: middle;
    line-height: 24px;opacity: .5;color: #fff;
}
/*主营区域*/
.f_list_three >ul>li{
    float: left;width: 50%;
}
.f_list_one > p{
    font-size: 14px;
    color: #999;
    line-height: 30px;
    margin-top: 20px;color: #fff;
}
.f_list_one > p >a{
    font-size: 14px;
    color: #999;
    text-decoration: underline;
    line-height: 30px;color: #fff;
}
.foot_bq{
    font-size: 12px;
    color: #999;
    line-height: 20px;
    margin-top: 15px;
}
.foot_bq >a{
    font-size: 12px;
    line-height: 20px;
    color: #999;
    text-decoration: underline;
}
.footer_line{
    height: 1px;
    background: rgba(255,255,255,.5);
    margin: 20px 0;
}
.footer_beianbg{
	background: #2e2e2e;
}
.footer_beian{
    font-size: 12px;
    color: #999999;
    text-align: center;
    line-height: 20px;
    padding: 10px 0;
}
.footer_beian >a{
    font-size: 12px;
    color: #999999;
    text-align: center;
    line-height: 20px;
}
/*fubanner*/
.pic{
    width:100%; position:relative;
        text-align: center;
}
.pic_box{
    position:relative; height:100%; z-index:0; 
}
.pic .pic_box > a {
    width:100%!important;
}
.pic .pic_box > a > img{
     height:auto; display:inline-block;
}