*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}

.top {width: 100%;position: relative;z-index: 10;height: 74px;background:#277d7d;}
.top .top-l {width:94%;float: left}
.top-l .logo {
    float: left;
    padding: 10px 50px 0 50px;
    height: 74px;
    text-align: center;
	background: #fff;
}
.top-l .logo a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 54px;
    float: left;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navBar{ position:relative; z-index:1;float:right;padding: 25px 6px 0 14%;}
.nav{ position:relative;}
.nav a{ color:#fff;}
.nav h3{ font-weight:normal;font-size:16px;}
.nav .tm{ float:left; position:relative; z-index:1;}
.nav .tm a{ display:block;padding: 0 25px;text-align:center; font-size: 14px;}
.nav h3 a{ display:block;padding: 0 13px;text-align:center;}
.nav .sub{ display:none; position:absolute; top:45px;left:-20px; z-index:1; width:146px;border-top:2px solid #c9171f; background:#fff;box-shadow: 0 10px 10px rgba(0,0,0,.1);-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.1);-moz-box-shadow: 0 10px 10px rgba(0,0,0,.1)}
.nav .sub li{ text-align:center; margin-bottom:-1px;}
.nav .sub li a{ display:block;font-size:12px; border-bottom:1px dotted #ddd; padding:8px 0;color:#666;}
.nav .sub li a:hover{ color:#c9171f;}

.top-l .language {float: right;padding: 25px 40px 0 0;}
.top-l .language a {display: inline-block;color:#fff;padding-left: 10px}
.top-icon {width:6%;float: right;padding: 24px 0 0 0}
.top-icon a {display: inline-block; margin-right: 20px}
.top-icon a img {width: 22px}

/* banner */
.flexslider {position: relative;width: 100%;height: 650px;zoom: 1}
.flexslider .slides li {width: 100%;height: 100%}
.flex-direction-nav a {width: 70px;height: 70px;overflow: hidden;margin: -35px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px}
.flex-direction-nav .flex-next {background-position: 0 -70px;right: 50px}
.flex-direction-nav .flex-prev {left: 50px}
.flexslider:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25)}
.flexslider:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=25)}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50)}
.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center}
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline}
.flex-control-paging li a {background-color:#fff;display: block;height: 16px;border-radius:50%;overflow: hidden;width: 16px;cursor: pointer}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {background-color:#c9171f}
.flexslider .slides a img {width: 100%;height: 650px;display: block}

/*about*/
.index-about-l {width:62%;float: left;background: url("../images/index-about.png") no-repeat top left; padding: 0 0 30px 270px;}
.index-about-l h2 {font-size: 20px;color:#000;margin: 20px 0;font-weight: normal}
.index-about-l p {color:#999;line-height: 26px;margin-bottom: 10px; font-size:14px;}
.index-about-l a{color:#c9171f;}
.index-about-r {width:392px;float: right;background: url("../images/index-img01.jpg") no-repeat top right}
.index-about-r .about-vd {width: 184px;height:263px;margin:130px 0 163px 20px;background: #c9171f; padding-top:20px;}
.about-vd a {display: block; color:#fff; text-indent:10px; font-size:12px;  border-bottom:1px solid #fff; margin:15px 20px 0; }
.about-vd a:hover{text-indent:20px; font-size:14px;}
/*middle*/
.index-middle {width: 100%;height: 163px}
.index-m-top {height:326px;top:-163px}
.index-m-top-l {width: 720px;float:left}
.index-m-top-l ul li {float: left}
.index-m-top-l ul li a {width: 360px;height: 163px;display: block;color:#fff;text-align: center;transition: all ease .3s;-webkit-transition: all ease .3s;-moz-transition: all ease .3s;}
.index-m-top-l ul li.wenhua a {background: rgba(39,125,124,1)}
.index-m-top-l ul li.wenhua a:hover {background: rgba(39,125,124,.9)}
.index-m-top-l ul li.market a {background: rgba(90,160,159,1)}
.index-m-top-l ul li.market a:hover {background: rgba(90,160,159,.9)}
.index-m-top-l ul li a h3 {font-size: 24px;padding-top: 50px;font-weight: normal}
.index-m-top-l ul li a p {font-size: 12px;color:rgba(255,255,255,.3)}
.index-m-top-r {width: 480px;height:326px;float: right;background: url("../images/index-fw.png") no-repeat}
.m-top-r-tt {width:218px;height: 112px;margin:50px auto 45px;background: url("../images/index-90.png") no-repeat}
.m-top-r-tt h4 {font-size: 42px;text-align: center;color:#fff}
.m-top-r-tt p {font-size: 14px;text-align: center;color:#fff}
.m-top-r-box {padding-left:40%;overflow: hidden;}
.m-top-r-box a {margin-right: 15px;display: inline-block;padding: 5px 30px;margin-bottom: 15px;background: #277d7c;color:#fff}
.m-top-r-box a:hover {background: rgba(74,127,152,.9)}

.img-border img {border-top-left-radius: 40px}

/*title*/
.index-title, .index-title02 {text-align: center;margin-bottom:60px;overflow: hidden}
.index-title .en-t, .index-title02 .en-t {font-size: 42px;color:#c9caca}
.index-title .cn-t {
    width: 11%;
    margin: 0 auto;
    font-size: 24px;
    color: #000;
    background: url(../images/title-bg.png) no-repeat bottom left;
    padding: 0 0 5px;
}
.cn-t span {font-size: 12px;color: #fff;background: #c9171f;padding: 3px 0; width: 200px; top: 6px; margin-left: 15px;border-radius: 3px}

/*title02*/

.index-title02 .cn-t02 {
    width: 11%;
    margin: 0 auto;
    font-size: 24px;
    color: #fff;
    background: url(../images/title-bg.png) no-repeat bottom left;
    padding: 0 0 5px;
}

.new-box {overflow: hidden;margin-bottom: 60px}
/* focus */
.slideBox{ width:1200px; height:356px;overflow:hidden; position:relative;}
.slideBox .hd{ height:8px; overflow:hidden; position:absolute; right:20px; bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; margin-right:5px; width:30px; height:8px; line-height:14px; text-align:center; background:rgba(255,255,255, 0.3); cursor:pointer;}
.slideBox .hd ul li.on{ background:#fff}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:600px; height:356px; display:block;}

.hot-new {width: 600px;height:356px;background: #277d7c;padding: 0 50px;border-bottom-right-radius: 30px;}
.hot-new h2 {
    font-size: 18px;
    font-weight: bold;
    color:#fff;
    padding: 80px 0 0;
}
.hot-new p {
    line-height: 24px;
    padding: 0;
    color: rgba(255,255,255,0.8);
    margin: 15px 0 60px;
}
.hot-new a {color:#fff}

.list-new {overflow: hidden;margin-bottom: 50px}
.list-new ul li{width:29%;margin:0 2% 50px;float: left}
.list-new ul li .date {float: left;text-align: center;color: #cacaca}
.list-new ul li .date h5 {font-size: 44px;font-weight: normal; height: 46px;line-height: 46px;}
.list-new ul li .date label {font-size: 12px}
.list-new ul li .artical-info {padding-left: 70px}
.list-new ul li .artical-info h3 {position:relative}
.list-new ul li .artical-info h3 span {border-bottom:1px solid #c9171f;width:23%;position: absolute;bottom:-12px;left:0}
.list-new ul li .artical-info h3 a {color:#000;font-size: 16px;font-weight: normal;}
.list-new ul li .artical-info p {color:#777;line-height: 24px; margin-top: 25px;}
.list-more {margin-bottom: 70px;padding-left: 20px;text-align: center;}
.list-more a {background: #c9171f;padding: 10px 40px;color:#fff;font-size:14px;margin: 30px 0 60px}
.list-more a:hover {background:rgba(201,23,31,.7)}

/* 产品tab */
.hp-tab-newprd {overflow: hidden; position: relative;}
.hp-tab-newprd .j-sw-nav { border: 1px solid #ddd; border-right: 0; margin: 0 auto; overflow: hidden; position: relative }
.hp-tab-newprd .j-sw-nav li { width:25%;float: left; background: #fff;}
.hp-tab-newprd .j-sw-nav li a { position: relative; display: block; width: 100%; height: 90px; font-size:14px;line-height: 1.34; padding: 26px 0 0 120px; border-right:1px solid #ddd; color: #666; word-wrap: break-word; overflow: hidden; outline: 0; cursor:pointer;  }
.newprd-s1, .newprd-s1 a { z-index: 20 ;background: url("../images/icon-pro-gy.png") no-repeat 28px 12px}
.newprd-s2, .newprd-s2 a { z-index: 19 ;background: url("../images/icon-pro-zy.png") no-repeat 28px 12px}
.newprd-s3, .newprd-s3 a { z-index: 18 ;background: url("../images/icon-pro-dy.png") no-repeat 28px 12px}
.newprd-s4, .newprd-s4 a { z-index: 17 ;background: url("../images/icon-pro-dl.png") no-repeat 28px 12px}
.hp-tab-newprd .newprd-clip{ padding-left:0;  }
.hp-tab-newprd .j-sw-nav .on { position: relative; z-index: 99 }
.hp-tab-newprd .j-sw-nav li a:hover, .hp-tab-newprd .j-sw-nav .on a, .hp-tab-newprd .j-sw-nav .on a p { background:#277d7c; z-index: 99; color: #fff; text-decoration: none; cursor: pointer;}
.hp-tab-newprd .j-sw-nav .on a:hover {
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s ;
    -ms-transition: all ease .3s ;
    -o-transition: all ease .3s ;
    transition: all ease .3s ;transform:translateX(-25px);-webkit-transform:translateX(-25px);-moz-transform:translateX(-25px);}
.hp-tab-newprd .j-sw-nav li a p {font-size:12px;padding-top: 5px;color:#999}

.hp-tab-newprd .j-sw-c ul{width: 1228px; margin-top: 45px; zoom:1; overflow:hidden; text-align: center}
.hp-tab-newprd .j-sw-c li { margin:0 17px 17px 0;float:left}
.hp-tab-newprd .j-sw-c li img { width:287px; height: 287px; padding: 0; background-color: #fff; border: 1px solid #ddd;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;}
.hp-tab-newprd .j-sw-c li a p {;display:block;height:48px;line-height: 48px;color:#666;font-size: 14px;transition: all ease .3s;-webkit-transition: all ease .3s;-moz-transition: all ease .3s;}
.hp-tab-newprd .j-sw-c li a p:hover {background: #4a7f98;color:#fff}
.hp-tab-newprd .j-sw-c li img:hover {
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    box-shadow: 0 5px 10px rgba(0,0,0,.1)}

.pro-more {text-align: center;margin: 60px 0 70px}
.pro-more a {width: 15%; margin: 0 auto;padding: 10px 0;color:#fff;font-size: 14px;display: block;background: #c9171f}
.pro-more a:hover {background: rgba(113,113,113,.7)}

/*优势*/
.average-box {background: url("../images/cent-bg.jpg") no-repeat;background-size:cover;height:650px; background-attachment:fixed}
.average {padding: 0;overflow: hidden;text-align: center}



.grid {
    position: relative;
    clear: both;
    margin: 0 auto;
    padding: 1em 0 4em;
    max-width: 100%;
    list-style: none;
    text-align: center;
}

/* Common style */
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0 50px 0 0;
    background: #277d7c;
    text-align: center;
    cursor: pointer;
	width:262px;
	height:299px;
	opacity:1;
}
.grid figure:last-child{margin:0;}

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

.grid figure figcaption {
    padding: 0;
    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 .icon-img {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 50px;
}

.grid figure h2 {
    word-spacing: -0.15em;
}

.grid figure h2 span {
    font-weight: 800;
}

.grid figure h2,
.grid figure p {
    margin: 0;
}

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



/*---------------*/
/***** Ming *****/
/*---------------*/



figure.effect-ming img {
    opacity: 0.5;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.effect-ming figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 2px solid #fff;
    box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.4,1.4,1);
    transform: scale3d(1.4,1.4,1);
}

figure.effect-ming h2 {
    margin: 40% 0 10px 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

figure.effect-ming p {
    padding: 1em 3em;
    opacity: 1;
    /*-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);*/
}

figure.effect-ming:hover h2 {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

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

figure.effect-ming:hover figcaption {
    background-color: rgba(58,52,42,0);
}

figure.effect-ming:hover img {
    opacity: 0.4;
}

/* Media queries */
@media screen and (max-width: 50em) {
    .content {
        padding: 0 10px;
        text-align: center;
    }
    .grid figure {
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%;
    }
}

.index-service {height: 1016px;background:#f1f1f1;background-size: cover; background-attachment:fixed}
.service-box {text-align: center; padding: 50px 0 0 0;margin-bottom: 90px;}
.service-box ul li {display: inline-block;margin: 0 4%;}
.service-box ul li a {display: block;position: relative;transition: all ease .3s}
.service-box ul li a .kuang {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border:2px solid #fff;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg); /* Internet Explorer */
    -moz-transform:rotate(45deg); /* Firefox */
    -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
    -o-transform:rotate(45deg); /* Opera */
    transition: all ease .2s;
    -webkit-transition: all ease .2s;
    -moz-transition: all ease .2s;
}
.service-box ul li a:hover .kuang { background: rgba(255,255,255,.7);border-color: rgba(255,255,255,.7);transform:rotate(720deg);
    -ms-transform:rotate(720deg); /* Internet Explorer */
    -moz-transform:rotate(720deg); /* Firefox */
    -webkit-transform:rotate(720deg); /* Safari 和 Chrome */
    -o-transform:rotate(720deg);
}

.service-box ul li a .sv-01 {width: 49px;height: 49px;top: 35px;left: 50%;margin-left: -25px;position: absolute;z-index:10;background: url("../images/icon-bt-01.png") no-repeat center center;}
.service-box ul li a:hover .sv-01 {background:url("../images/icon-bt-01-hover.png") no-repeat center center;opacity: 1;}
.service-box ul li a .sv-02 {width: 49px;height: 49px;top: 35px;left: 50%;margin-left: -25px;position: absolute;z-index:10;background: url("../images/icon-bt-02.png") no-repeat center center;}
.service-box ul li a:hover .sv-02 {background:url("../images/icon-bt-02-hover.png") no-repeat center center;opacity: 1;}
.service-box ul li a .sv-03 {width: 49px;height: 49px;top: 35px;left: 50%;margin-left: -25px;position: absolute;z-index:10;background: url("../images/icon-bt-03.png") no-repeat center center;}
.service-box ul li a:hover .sv-03 {background:url("../images/icon-bt-03-hover.png") no-repeat center center;opacity: 1;}
.service-box ul li a .sv-04 {width: 49px;height: 49px;top: 35px;left: 50%;margin-left: -25px;position: absolute;z-index:10;background: url("../images/icon-bt-04.png") no-repeat center center;}
.service-box ul li a:hover .sv-04 {background:url("../images/icon-bt-04-hover.png") no-repeat center center;opacity: 1;}
.service-box ul li a .sv-05 {width: 49px;height: 49px;top: 35px;left: 50%;margin-left: -25px;position: absolute;z-index:10;background: url("../images/icon-bt-05.png") no-repeat center center;}
.service-box ul li a:hover .sv-05 {background:url("../images/icon-bt-05-hover.png") no-repeat center center;opacity: 1;}
.service-box ul li p {padding-top: 50px;font-size:14px;color:#fff}

/* 合作伙伴 */
.scrollBox{ width:100%;padding:10px;position:relative; }
.scrollBox .piclist{ overflow:hidden; zoom:1;}
.scrollBox .ohbox{overflow:hidden; position:relative;width:1000px;left:100px}
.scrollBox {position:relative;overflow:hidden;zoom:1;}
.scrollBox .piclist li{float:left; display:inline; width:230px!important;margin-right:20px}
.scrollBox .pageBtn span{  display:block;width:37px;height:37px;position:absolute;top:40px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.scrollBox .pageBtn .prev{left:20px;background:url(../images/arrow-left.png) no-repeat;}
.scrollBox .pageBtn .next{right:20px;background:url(../images/arrow-right.png) no-repeat;}
.scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:30px 0 0 490px; }
.scrollBox .pageBtn .list li{ background:#fff; float:left;border-radius: 50%; display:inline; width:15px;height:15px;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
.scrollBox .pageBtn .list li.on{background:#c9171f; }

/*index-btmenu*/
.index-btbox {background: #0c5e5d;padding: 52px;overflow: hidden}
.btbox-l {padding: 0 60px 0 0;border-right:1px solid rgba(255,255,255,0.2);line-height: 24px;color:#f1f1f1}
.btbox-l a {color:#f1f1f1}
.btbox-l a:hover {text-decoration: underline}
.btbox-l img {margin: 20px 0 10px}
.btbox-r {padding-left:60px}
.btbox-r ul li {float:left;margin-right: 40px;color:#f1f1f1;line-height: 24px}
.btbox-r ul li dl dt {font-size: 14px;margin-bottom: 10px}
.btbox-r ul li dl dd a {color:#bbb;display: block}

.link{width:1200px; margin:-30px auto 50px; display:table;}
.link ul{margin:0px; padding:0px;}
.link ul li{height:30px; line-height:30px; margin-right:50px; float:left; }