@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0; padding:0;}
body {min-width:1200px;color:#333;font-size:14px;background-color: #f5f5f5;/*font-family: "黑体";*/}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var{ font-style:normal;}
a{color:#333;text-decoration:none;cursor: pointer;}
a:hover{cursor:pointer;text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());}
*:focus{outline:0;}
fieldset,img{border:none;}
ol,ul,li{list-style:none;}
input, textarea, select, button {outline:none;}
table{border-collapse:collapse;border-spacing:0;}
textarea{resize:none;}
.clearfix:after {content: "";display: block;height:0;clear:both; visibility:hidden;}
.clearfix {*zoom:1;}
.width1200{width: 1200px;margin: 0 auto;}
.img{overflow: hidden;display: block;}
.img img{display: block;width: 100%;min-height: 100%;}
.ellp{overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
/* reset 结束*/

/*公共部分开始*/
/*头部开始*/
.header{width: 100%;height: 80px;position: static;left: 0;top: 0;z-index: 99;overflow: hidden;background: #fff;}
.header .logo{float: left;/*width: 136px;*/padding: 6px 0 0 50px;}
.header .right{float: right;padding-right: 40px;}
.nav{height: 80px;padding-right: 20px;float: left;}
.nav li{float: left;margin: 0 19px;height: 100%;position: relative;}
.nav li .a1{line-height: 80px;font-size: 17px;display: block;font-weight: bold;}
.nav li .line{display:block; position:absolute; width:0px; height:0px; background-color: #771a13; top: 78px; left:50%;}
.nav li:hover > .a1,.nav li.on > .a1{color: #771a13;}
.nav li.on .line{height: 2px !important;width: 100% !important;left: 0 !important;}
.search{width: 58px;height: 26px;float: left;margin: 27px 18px 0 0;background: url(../images/searchIcon2.png) right center no-repeat;cursor: pointer;position: relative;overflow: hidden;}
.search:before{content: "";position: absolute;width: 1px;height: 16px;background-color: #e5e5e5;left: 0;top: 50%;margin-top: -8px;}
.search.on{width: 152px;height: 26px;background: 0 none;}
.search .inner{width: 130px;height: 24px;padding: 0 10px;border: 1px solid #737373;border-radius: 30px;position: absolute;top: 0;right: -152px;}
.search.on .inner{right: 0;}
.search input[type="text"]{float: left;width: 105px;padding: 3px 0;height: 18px;line-height: 18px;border: 0 none;background: 0 none;color: #333;}
.search input[type="submit"]{float: left;width: 25px;height: 24px;border: 0 none;background: url(../images/searchIcon2.png) center no-repeat;cursor: pointer;}
.header .btns{float: left;line-height: 80px;font-size: 16px;color: #333;padding-left: 15px;}
.header .btns a{color: #333;}
.header .btns a.on{color: #771a13;}
/*头部结束*/
/*侧边栏开始*/
.fp_nav{ position: fixed; right: 20px; top: 50%; margin-top: -54px;z-index: 99;}
.fp_nav a{ display: block; width: 3px; height: 3px; border-radius: 50%; -webkit-border-radius: 50%;-moz-border-radius: 50%; background: #fff; margin: 0 auto 3px;}
.fp_nav li { width: 17px;padding-bottom: 15px;position: relative;margin-bottom: 4px; }
.fp_nav li:after{ content: ''; width: 1px; height: 15px; background: #fff; position: absolute; bottom: 0; left: 8px; opacity: 0.5;filter:alpha(opacity = 50);}
.fp_nav li:last-child:after{ display: none;}
.fp_nav li.active a{ width: 13px; height: 13px; border: #fff 2px solid; background: none;}




.jlincasediv{ overflow:hidden; width:1000px; margin:50px auto 0;position: relative;z-index: 888;}
.jlincaseul{ overflow:hidden; width:100%;}
.jlincaseul li{ overflow:hidden; width:32%; float:left; height:234px;text-align: center;margin: 10px 0;}
.jlincasetu{ width:100%; height:200px; }
.jlincasetu img{ display: inline-block;vertical-align: middle; max-width:100%; max-height:100%; }
.jutuhelp {
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.jlincasetitle{ text-align:center; font-size:14px; line-height:20px; color:white;margin-top: 10px;}




/* 侧边栏悬浮框 */
.sidebar{
    position: fixed;
    z-index: 99;
    right: 0;
    bottom: 150px;
    width: 60px;
}
.sidebar li{
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-bottom: 3px;
    position: relative;
}
.sidebar li.li1{
    background: url(../images/sidebarIcon1.png) center center no-repeat #2c2b2b;
}
.sidebar li.li2{
    background: url(../images/sidebarIcon2.png) center center no-repeat #2c2b2b;
}
.sidebar li.li3{
    background: url(../images/sidebarIcon3.png) center center no-repeat #2c2b2b;
}
.sidebar li.li4{
    background: url(../images/sidebarIcon4.png) center center no-repeat #2c2b2b;
}
.sidebar li.on{
    background-color: #069355;
}
.sidebar .slide{
    position: absolute;
    right: 63px;
    top: 0;
    display: none;
}
.sidebar .li1 .slide{
    /*width: 200px;
    height: 60px;
    background-color: #069355;
    font-size: 20px;
    font-family: "Arial";  20180611注释*/

  width: 300px;
    height: 120px;
    background-color: #069355;
    font-size: 20px;
    font-family: "Arial";

}
.sidebar .li1 .slide p{
    height: 40px;
    line-height: 40px;
}

.sidebar .li3 .slide img{
    width: 130px;
}
/* 首页结束 */
/*侧边栏结束*/
/*底部开始*/
.foot_top{cursor: pointer;position: absolute;left: 50%;width: 50px;height: 25px;margin-left: -25px;bottom: 0;background: url(../images/index6Arrow1.png) no-repeat;z-index: 10;}
.footer{background-color: #010101;width: 100%;position: static;z-index: 300;left: 0;bottom: 0;height: 0;overflow: hidden;z-index: 10;}
.footer.foot_show{height: 373px;overflow: visible;}
.footer.foot_show .foot_top{background-image: url(../images/index6Arrow2.png);bottom: auto;top: -25px;}

.footTop{width: 1200px;margin: 0 auto;padding: 40px 0;opacity: 0;-webkit-transform:translateY(150px);-moz-transform:translateY(150px);transform:translateY(150px);-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;}
.footTop dl{width: 160px;float: left;padding-left: 40px;}
.footTop dt{font-size: 18px;line-height: 40px;color: #fff;position: relative;}
.footTop dt:before{content: "";position: absolute;left: -13px;top: 12px;width: 3px;height: 18px;background-color: #90152f;}
.footTop dd a{font-size: 12px;line-height: 30px;color: #666666;}
.footTop dd a:hover,.footBottom a:hover{color: #fff;}

.footBottom{width: 100%;height: 40px;line-height: 40px;border-top: 1px solid #1a1a1b;text-align: center;font-size: 12px;}
.footBottom *{display: inline-block;vertical-align: middle;color: #666;}
.footBottom .cnzz{padding-left: 30px;}
.footer.foot_show .footTop{opacity: 1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px);}
/*底部结束*/

/*公共部分结束*/

/*加载动画开始*/
#loader-wrapper{position: fixed; width: 100%; overflow: hidden; height: 100%; left: 0; top: 0; z-index: 9999;}
.load_img{ width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: 10;}
.load_img img{ display: block; width: 100%; height: 100%;}
.loader-content{position: absolute; z-index: 20; text-align: center; width: 100%; left: 0; top: 50%; margin-top: -50px;}
.loader-content img{width:100px;height:100px;}
.loader-content img.loader-img{width:auto;height:auto;display:block;margin:0 auto 10px;}
.loader-content .title{ position: absolute; width: 100%; text-align: center; left: 0; top: 120%; font-size: 18px; line-height: 30px; color: #fff;}
/*加载动画结束*/


/*首页开始*/
.fp-section.fp-table{height: 100% !important;}
.banner{width: 100%;height: 100%;overflow: hidden;position: relative; background:black;}
.banner .bd,.banner .bd li,.banner .bd .bg,.banner .tempWrap,.banner .tempWrap ul{width: 100%;height: 100%;display: block;}
.banner .bd li{position: relative;}
.banner .bd .li1 .cover{position: absolute;width: 843px;height: 574px;left: 50%;margin-left: -421px;top: 50%;margin-top: -215px;z-index: 2;}
.banner .videoBtn{width: 100%;text-align: center;padding: 244px 0 0;cursor: pointer;position: relative;z-index: 5;}
.banner .videoBtn p{font-size: 12px;line-height: 46px;color: #fff;}
.banner .hd{position: absolute;left: 0;bottom: 30px;width: 100%;text-align: center;z-index: 5;font-size: 0;}
.banner .hd li{display: inline-block;vertical-align: middle;width: 36px;height: 2px;background-color: #fff;margin: 0 3px;cursor: pointer;opacity: 0.5;filter:alpha(opacity = 50);}
.banner .hd li.on{opacity: 1;filter:alpha(opacity = 100);}
.banner .bd .li1 .img1{position: absolute;left: 0;bottom: 0;opacity: 0;filter:alpha(opacity = 0);}
.banner .bd .li1 .img2{position: absolute;top: -14px;left: 50%;margin-left: -380px;z-index: 3;opacity: 0;filter:alpha(opacity = 0);}

.mask{width: 100%;height: 100%;-webkit-background: rgba(0,0,0,.5);-moz-background: rgba(0,0,0,.5);background: rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);position: fixed;left: 0;top: 0;z-index: 100;display: none;}
.mask video{display: block;width: 1200px;height: 500px;position: absolute;left: 50%;margin-left: -600px;top: 50%;margin-top: -250px;}

.section:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/indexBg2.png);z-index: 2;}
.section1:after{display: none;}
.section2 .bg{width: 100%;height: 100%;position: relative;position: absolute;left: 0;top: 0;}
.section2 .bg img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;}
.section2 .bg img.first{display: block;}

.indexTitle{position: absolute;left: 50px;top: 135px;z-index: 5;color: #fff;}
.indexTitle .p1{font-size: 24px;}
.indexTitle .p2{font-size: 12px;color: #c2c1c1;line-height: 150%;}

.indexMore{position: absolute;right: 45px;top: 135px;color: #fff;width: 68px;height: 30px;line-height: 30px;overflow: hidden;text-align: center;z-index: 5;display: block;}
.indexMore:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: #fff;opacity: 0.5;filter:alpha(opacity = 50);}
.indexMore *{display: inline-block;vertical-align: middle;}
.indexMore img{opacity: 0;filter:alpha(opacity = 0);margin-right: -8px;}
.indexMore:hover img{opacity: 1;filter:alpha(opacity = 100);padding-left: 10px;}











.indexcontent {
    position: relative;
    z-index: 9;
	height:100%;
}
.index-xs-map {
    display: none;
    padding: 50px 0;
}
.index-xs-map img {
    max-width: 100%;
}
.index-map {
    position: relative;
    overflow: hidden;
}
@media (max-width: 767px) {
    .index-map {
        display: none;
    }
}
.index-map img {
    max-width: 100%;
}
.index-map .map-logo {
    position: absolute;
    z-index: 2;
}
.index-map .map-logo.map-logo1 {
    top: 21%;
    left: 14%;
}
.index-map .map-logo.map-logo1 .map-logo-icon {
    width: 50px;
    height: 50px;
    cursor: pointer;
    text-align: center;
}
.index-map .map-logo.map-logo1 .map-logo-icon img {
    display: inline-block;
    margin-top: 3px;
}
.index-map .map-logo.map-logo2 {
    top: 37%;
    left: 18%;
}
.index-map .map-logo.map-logo3 {
    top: 29%;
    left: 49%;

}
.index-map .map-logo.map-logo4 {
    top: 37%;
    left: 79%;
}
.index-map .map-logo.map-logo5 {
    top: 51%;
    left: 75%;
}
.index-map .map-logo .map-text {
    position: absolute;
    top: 0;
    left: 50px;
    display: none;
    padding-left: 50px;
}
.index-map .map-logo .map-text .text {
    width: 410px;
    padding: 30px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.index-map .map-logo .map-text .text .title-text {
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}
.index-map .map-logo .map-text .text .title-text b {
    font-size: 24px;
    line-height: 40px;
    display: block;
    color: #90152f;
}
@media (max-width: 1470px) {
    .index-map .map-logo .map-text .text .title-text b {
        font-size: 20px;
    }
}
.index-map .map-logo .map-text .text .note {
    margin-top: 10px;
}
.index-map .map-logo .map-text .text .note p {
    font-size: 18px;
    line-height: 2;
    margin: 0;
    color: #666;
}
@media (max-width: 1470px) {
    .index-map .map-logo .map-text .text .note p {
        font-size: 16px;
    }
}
.index-map .map-logo.map-logo4 .map-text,
.index-map .map-logo.map-logo5 .map-text {
    right: 50px;
    left: auto;
    padding-right: 50px;
    padding-left: 0;
}
.index-map .map-logo:hover {
    z-index: 3;
}
.index-map .map-logo:hover .map-text {
    display: block;
    -webkit-animation: fadeInLeft 1s 0s ease both;
    animation: fadeInLeft 1s 0s ease both;
}
@media (max-width: 1199px) {
    .index-map .map-logo:hover .map-text {
        display: none;
    }
}
.index-map .map-dot {
    position: absolute;
    z-index: 2;
}
.index-map .map-dot .map-dot-icon {
    width: 50px;
    text-align: center;
}
@media (max-width: 1199px) {
    .index-map .map-dot .map-dot-icon {
        width: 30px;
    }
}
.index-map .map-dot .map-dot-icon img {
    display: block;
}
.index-map .map-dot .map-dot-text {
    position: absolute;
    top: 0;
    left: 50px;
    display: none;
    padding-right: 30px;
    padding-left: 30px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .16);
}
.index-map .map-dot .map-dot-text .text {
    width: 140px;
}
.index-map .map-dot .map-dot-text .text:before {
    position: absolute;
    top: 40px;
    left: -20px;
    display: block;
    width: 50px;
    height: 1px;
    content: '';
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    background-color: #90152f;
}
.index-map .map-dot .map-dot-text .text .title-text {
    margin-top: 13px;
    margin-left: -4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #90152f;
}
.index-map .map-dot .map-dot-text .text .title-text b {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    color: #90152f;
	font-family: "黑体";
}
.index-map .map-dot .map-dot-text .text .note {
    margin-top: 10px;padding-bottom: 10px;
}
.index-map .map-dot .map-dot-text .text .note p {
    font-size: 12px;
    line-height: 26px;
    margin: 0;
    /*color: #90152f;*/
}
.index-map .map-dot.map-dot1 {
    top: 27%;
    left: 17%;
}
.index-map .map-dot.map-dot1 .map-dot-icon {
    -webkit-animation: big3 2s infinite linear .65s;
    animation: big3 2s infinite linear .65s;
}
.index-map .map-dot.map-dot2 {
    top: 63%;
    left: 27%;
}
.index-map .map-dot.map-dot2 .map-dot-icon {
    -webkit-animation: big1 3s infinite linear .65s;
    animation: big1 3s infinite linear .65s;
}
.index-map .map-dot.map-dot3 {
    top: 30%;
    left: 53%;
}
.index-map .map-dot.map-dot3 .map-dot-icon {
    -webkit-animation: big2 4s infinite linear .65s;
    animation: big2 4s infinite linear .65s;
}
.index-map .map-dot.map-dot4 {
    top: 38%;
    left: 66%;
}
.index-map .map-dot.map-dot4 .map-dot-icon {
    -webkit-animation: big1 2s infinite linear .65s;
    animation: big1 2s infinite linear .65s;
}
.index-map .map-dot.map-dot5 {
    top: 43%;
    left: 78%;
}
.index-map .map-dot.map-dot5 .map-dot-icon {
    -webkit-animation: big2 3s infinite linear .65s;
    animation: big2 3s infinite linear .65s;
}
.index-map .map-dot.map-dot6 {
    top: 57%;
    left: 48%;
}
.index-map .map-dot.map-dot6 .map-dot-icon {
    -webkit-animation: big1 4s infinite linear .65s;
    animation: big1 4s infinite linear .65s;
}
.index-map .map-dot.map-dot7 {
    top: 76%;
    left: 83%;
}
.index-map .map-dot.map-dot7 .map-dot-icon {
    -webkit-animation: big1 4s infinite linear .65s;
    animation: big1 4s infinite linear .65s;
}
.index-map .map-dot:hover {
    z-index: 3;
}
.index-map .map-dot:hover .map-dot-text {
    display: block;
    -webkit-animation: fadeInRight 1s 0s ease both;
    animation: fadeInRight 1s 0s ease both;
}
.index-map .map-dot.map-dot5 .map-dot-text,
.index-map .map-dot.map-dot7 .map-dot-text,
.index-map .map-dot.map-dot6 .map-dot-text,
.index-map .map-dot.map-dot2 .map-dot-text {
    right: 50px;
    left: auto;
    padding-right: 27px;
    padding-left: 30px;
}
.index-map .map-dot.map-dot5 .map-dot-text .text:before,
.index-map .map-dot.map-dot7 .map-dot-text .text:before,
.index-map .map-dot.map-dot6 .map-dot-text .text:before,
.index-map .map-dot.map-dot2 .map-dot-text .text:before {
    position: absolute;
    top: 40px;
    right: -20px;
    left: auto;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.index-map .map-dot.map-dot5:hover .map-dot-text,
.index-map .map-dot.map-dot7:hover .map-dot-text,
.index-map .map-dot.map-dot6:hover .map-dot-text,
.index-map .map-dot.map-dot2:hover .map-dot-text {
    display: block;
    -webkit-animation: fadeInLeft 1s 0s ease both;
    animation: fadeInLeft 1s 0s ease both;
}
@media (max-width: 1199px) {
    .index-map .map-dot.map-dot5:hover .map-dot-text,
    .index-map .map-dot.map-dot7:hover .map-dot-text,
    .index-map .map-dot.map-dot6:hover .map-dot-text,
    .index-map .map-dot.map-dot2:hover .map-dot-text {
        display: none;
    }
}
@media (max-width: 1199px) {
    .index-map .map-dot.map-dot5:hover .map-dot-text {
        display: block;
    }
}
@-webkit-keyframes big1 {
    0% {
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6);
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6);
    }
}
@keyframes big1 {
    0% {
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6);
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6);
    }
}
@-webkit-keyframes big2 {
    0% {
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6);
    }
    50% {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }
    100% {
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6);
    }
}
@keyframes big2 {
    0% {
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6);
    }
    50% {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }
    100% {
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6);
    }
}
@-webkit-keyframes big3 {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(2.8);
        -ms-transform: scale(2.8);
        transform: scale(2.8);
    }
    @media (max-width: 1199px) {
        50% {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes big3 {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(2.8);
        -ms-transform: scale(2.8);
        transform: scale(2.8);
    }
    @media (max-width: 1199px) {
        50% {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}






















@media screen and (max-width: 1400px){
    .indexTitle,.indexMore{top: 80px;}
}
.indexPro{width: 1300px;height: 100%;margin: 0 auto;overflow: hidden;position: relative;z-index: 5;}
.indexPro li{float: left;width: 210px;position: relative;height: 100%;text-align: center;font-size: 0;}
.indexPro li a{display: block;width: 100%;height: 100%;color: #fff;}
.indexPro li:after{content: "";position: absolute;right: 0;top: 0;width: 1px;height: 100%;background: #fff;opacity: 0.05;filter:alpha(opacity = 5);}
.indexPro .line{display: inline-block;vertical-align: middle;width: 1px;height: 100%;}
.indexPro li .inner{display: inline-block;vertical-align: middle;width: 200px;position: relative;z-index: 5;}
.indexPro li .inner .icon{display: block;margin: 0 auto;height: 73px;}
.indexPro .title{padding: 20px 0 35px;}
.indexPro .title .p1{font-size: 20px;}
.indexPro .title .p2{font-size: 12px;text-transform: uppercase;line-height: 200%;}
.indexPro .img{width: 216px;height: 0px;margin: 0 auto;}
.indexPro .txt{font-size: 12px;line-height: 22px;width: 216px;text-align: left;height: 0px;overflow: hidden;}
.indexPro .more{width: 40px;height: 0px;background: url(../images/index2Icon5.png) center no-repeat;margin: 0 auto;}
.indexPro .green{position: absolute;left: 0;top: 0;background: url(../images/index2Bg2.png);width: 100%;height: 0;}
.indexPro li:hover:after{background-color: #771a13;}
.indexPro li:hover .green{height: 100%;}
.indexPro li:hover .inner .icon{height: 0;}
.indexPro li:hover .img{height: 108px;}
.indexPro li:hover .txt{height: 88px;margin: 25px auto 38px;}
.indexPro li:hover .more{height: 40px;}
.section2.active .indexPro li.li1,.section4.active .indexTech li.li1{ 
	animation: animateTop 1s cubic-bezier(.09,.82,.6,.99);
    -moz-animation: animateTop 1s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation: animateTop 1s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 1s cubic-bezier(.09,.82,.6,.99);
}
.section2.active .indexPro li.li2,.section4.active .indexTech li.li2{
	animation: animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
    -moz-animation: animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation: animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
}
.section2.active .indexPro li.li3,.section4.active .indexTech li.li3{ 
	animation: animateTop 1.8s cubic-bezier(.09,.82,.6,.99);
    -moz-animation: animateTop 1.8s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation: animateTop 1.8s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 1.8s cubic-bezier(.09,.82,.6,.99);
}
.section2.active .indexPro li.li4,.section4.active .indexTech li.li4{  
	animation: animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
    -moz-animation: animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation: animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
}


.section3{background: url(../images/index3Bg1.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;}
/* 本例子css */
.indexAttr{ width:1200px; height: 340px; overflow:hidden; position:relative;  margin: 0 auto;z-index: 5;opacity: 0;-webkit-transform:translateY(200px) scale(0.6);-moz-transform:translateY(200px) scale(0.6);transform:translateY(200px) scale(0.6);-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;}
.section3.active .indexAttr{opacity: 1;-webkit-transform:translateY(0px) scale(1);-moz-transform:translateY(0px) scale(1);transform:translateY(0px) scale(1);}
.indexAttr ul{ position:relative; height:100%; z-index:0; width: 2720px; }
.indexAttr li{ float: left;zoom:1; vertical-align:middle;text-align: center;width: 125px;height: 240px;position: relative;margin: 50px 0 0;}
.indexAttr li a{display: block;width: 100%;height: 100%;color: #fff;}
.indexAttr .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indexAttr .txt{width: 100%;height: 100%;-webkit-background: rgba(255,255,255,.9);-moz-background: rgba(255,255,255,.9);background: rgba(255,255,255,.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff);position: relative;z-index: 2;color: #666666;}
.indexAttr .txt .num{font-size: 36px;padding-top: 30px;}
.indexAttr .txt .name{writing-mode: vertical-lr;writing-mode: tb-lr; text-align: left;padding-left: 28px;font-size: 12px;}
.indexAttr .txt .name span{font-size: 20px;}
.indexAttr .cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;display: none;-webkit-transform:scale(0);transform:scale(0);}
.indexAttr .cover .bgBig{width: 100%;height: 100%;display: block;}
.indexAttr .cover .btm{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 5;background: black;
padding: 10px 0;}
.indexAttr .cover .btm .name{font-size: 12px;line-height: 22px;float: left;padding-left: 18px;}
.indexAttr .cover .btm .more{float: right;width: 95px;height: 20px;line-height: 20px;border: 1px solid #fff;border-radius: 20px;margin-right: 16px;font-size: 12px;}
.indexAttr .cover .btm .more span{font-family: "宋体";}
.indexAttr .cover .btm .more:hover{border-color: #771a13;color: #771a13;}
.indexAttr li.on{width: 500px;height: 340px;margin: 0;}
.indexAttr li.on .txt{opacity: 0;filter:alpha(opacity = 0);}
.indexAttr li.on .cover{display: block;-webkit-transform:scale(1);transform:scale(1);}
.indexAttr li:hover .txt{background: url(../images/index2Bg2.png);color: #fff;}

.section4{background: url(../images/index4Bg1.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;}
.indexTech{padding-top: 40px;width: 1200px;margin: 0 auto;position: relative;z-index: 5;height: 400px;}
.indexTech li{float: left;width: 264px;height: 100%;margin: 0 18px;text-align: center;}
.indexTech li a,.indexNews .left a{display: block;width: 100%;height: 100%;color: #fff;}
.indexTech .icon{width: 126px;height: 126px;overflow: hidden;margin: 73px auto 0;}
.indexTech .icon img{display: block;width: 100%;height: 100%;}
.indexTech .p1{font-size: 24px;padding: 19px 0 5px; font-weight:bold;}
.indexTech .p2{font-size: 12px;}
.indexTech .p3{font-size: 12px;line-height: 24px;width: 225px;margin: 13px auto 24px; }
.indexTech .more{width: 78px;height: 24px;border: 1px solid #fff;margin: 0 auto;position: relative;opacity: 0;filter:alpha(opacity = 0);-webkit-transform:translateY(60px);-moz-transform:translateY(60px);transform:translateY(60px);}
.indexTech .more:before,.indexTech .more:after{content: "";position: absolute;left: 33px;top: 12px;width: 13px;height: 1px;background-color: #fff;}
.indexTech .more:after{width: 1px;height: 13px;left: 39px;top: 6px;}
.indexTech li:hover{background-color: #320105;}
.indexTech li:hover .icon{margin-top: 42px;}
.indexTech li:hover .icon .img1{height: 0;}
.indexTech li:hover .more{opacity: 1;filter:alpha(opacity = 100);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px);}

.section5{background: url(../images/index5Bg1.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;}
.indexNews{width: 1200px;height: 450px;margin: 0 auto;position: relative;z-index: 5;padding-top: 84px;}
.indexNews .left{float: left;width: 460px;height: 100%;background-color: #320105;opacity: 0;-webkit-transform:translateX(-200px);-moz-transform:translateX(-200px);transform:translateX(-200px);-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;}
.indexNews .left .img{margin: 5px 5px 0;width: 450px;height: 250px;position: relative;overflow: hidden;}
.indexNews .left .img .date{position: absolute;font-size: 18px;left: 25px;bottom: 15px;}
.indexNews .left .below{width: 395px;margin: 15px auto 0;}
.indexNews .left .below .ellp{width: 100%;font-size: 18px;line-height: 46px;}
.indexNews .left .below .txt{font-size: 12px;line-height: 20px;padding-bottom: 25px;}
.indexNews .left .below .icon{width: 148px;height: 36px;border: 1px solid #fff;position: relative;}
.indexNews .left .below .icon:after,.indexNews .left .below .icon:before{content: "";position: absolute;width: 1px;height: 19px;background-color: #fff;left: 74px;top: 9px;}
.indexNews .left .below .icon:after{width: 19px;height: 1px;top: 18px;left: 65px;}
.indexNews .left:hover .img img,.proList li:hover .img img,.proList2 li:hover .img img,.newsList li:hover .img img,.videoList li:hover .img img,.welfareList li:hover .img img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08);}
.indexNews .left:hover .below .icon:after,.indexNews .left:hover .below .icon:before,.proList li:hover .plus span{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);transform:rotate(270deg);}
.indexNews .right{width: 680px;float: right;height: 100%;opacity: 0;-webkit-transform:translateX(200px);-moz-transform:translateX(200px);transform:translateX(200px);-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;}
.indexNews .right li{width: 100%;height: 149px;border-bottom: 1px dashed #686868;}
.indexNews .right li a{display: block;width: 100%;height: 100%;}
.indexNews .right .circle{float: left;width: 6px;height: 6px;background-color: #fff;border-radius: 50%;margin: 55px 10px 0 0;}
.indexNews .right .text{width: 540px;float: left;padding: 40px 0 0;}
.indexNews .right .text .p1{font-size: 16px;line-height: 36px;color: #fff; font-weight:bold;}
.indexNews .right .text .p2{font-size: 12px;line-height: 32px;color: #999999;}
.indexNews .right .date{float: right;padding-top: 40px;}
.indexNews .right .date .p1{font-size: 18px;line-height: 36px;color: #999999;}
.indexNews .right .date .arrow{padding: 11px 0px 0 14px;width: 35px;position: relative;}
.indexNews .right .date .arrow:before{content: "";position: absolute;width: 1px;height: 19px;left: 0;top: 7px;background-color: #fff;opacity: 0.1;filter:alpha(opacity = 10);}
.indexNews .right .date .arrow img{display: block;opacity: 0.6;filter:alpha(opacity = 60);}
.indexNews .right li:hover{-webkit-background: rgba(255,255,255,.1);-moz-background: rgba(255,255,255,.1);background: rgba(255,255,255,.1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);border-bottom: 0 none;}
.indexNews .right li:hover .circle{margin-left: 17px;background-color: #771a13;}
.indexNews .right li:hover .text .p1{color: #771a13;}
.indexNews .right li:hover .text .p2,.indexNews .right li:hover .date .p1{color: #fff;}
.indexNews .right li:hover .date{padding-right: 25px;}
.indexNews .right li:hover .date .arrow img{opacity: 1;filter:alpha(opacity = 100);}
.indexNews .right li:hover .arrow:before{opacity: 0.5;filter:alpha(opacity = 50);}
.section5.active .indexNews .left,.section5.active .indexNews .right,.section6.active .indexAbout .left,.section6.active .indexAbout .right{opacity: 1;-webkit-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);}


.section6{background: url(../images/index6Bg1.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;}
.indexAbout{width: 1210px;height: 415px;margin: 0 auto;position: relative;z-index: 5;color: #fff;padding-top: 80px;}
.indexAbout .left{float: left;width: 335px;opacity: 0;-webkit-transform:translateX(-200px);-moz-transform:translateX(-200px);transform:translateX(-200px);-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;}
.indexAbout .left .title{font-size: 20px;line-height: 38px;}
.indexAbout .left .ways{font-size: 12px;line-height: 24px;padding: 15px 0 22px;}
.followTitle{height: 32px;padding-bottom: 25px;overflow: hidden;line-height: 32px;font-size: 12px;}
.followTitle .txt{float: left;}
.followTitle ul{float: left;overflow: hidden;padding-left: 5px;}
.followTitle ul li{float: left;width: 32px;height: 32px;margin-right: 10px;overflow: hidden;cursor: pointer;}
.followTitle ul li img{display: block;width: 100%;height: 100%;}
.followTitle ul li.on .img1{height: 0;}
.followMain{width: 145px;text-align: center;}
.followMain li{width: 100%;font-size: 12px;line-height: 32px;display: none;}
.followMain li.first{display: block;}
.followMain li img{display: block;width: 145px;}
.indexAbout .right{float: right;width: 813px;opacity: 0;-webkit-transform:translateX(200px);-moz-transform:translateX(200px);transform:translateX(200px);-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;}
.indexAbout .right .title{font-size: 20px;line-height: 38px;padding-left: 30px;position: relative;}
.indexAbout .right .title:before{content: "";position: absolute;left: 0;top: 9px;width: 1px;height: 20px;background-color: #fff;}
.indexAbout .right .text{margin: 14px 0 14px 30px;font-size: 12px;line-height: 24px;height: 72px;overflow: hidden;}
.indexAbout .right .indexMore{position: relative;top: auto;right: auto;margin: 0 0 50px 30px;}
.section6 .picScroll-left{width: 780px;margin: 23px 0 0 33px; position:relative;}
.section6 .picScroll-left .hd .prev,.section6 .picScroll-left .hd .next{ display:block; width:18px; height:18px;  overflow:hidden;cursor:pointer; text-align: center;border: 1px solid #fff;line-height: 18px;font-family: "宋体";color: #fff;position: absolute;right:19px;top: -50px;}
.section6 .picScroll-left .hd .next{ right: 0; }
.section6 .picScroll-left .bd{width: 100%;overflow: hidden; }
.section6 .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.section6 .picScroll-left .bd ul li{ margin-right: 10px; float:left; _display:inline; overflow:hidden; text-align:center;}
.section6 .picScroll-left .bd ul li img{display: block;width: 148px;height: 70px;}

@keyframes animateTop{
    0%{ transform: translateY(500%);opacity: 0;}
    100%{ transform: translateY(0); opacity: 1; }
}
@-moz-keyframes animatedTop {
    0%{ -moz-transform: translateY(500%);opacity: 0; }
    100%{ -moz-transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes animatedTop {
    0%{ -webkit-transform: translateY(500%);opacity: 0; }
    100%{ -webkit-transform: translateY(0); opacity: 1;}
}
@-ms-keyframes animatedTop {
    0%{ -ms-transform: translateY(500%);opacity: 0; }
    100%{ -ms-transform: translateY(0); opacity: 1;}
}
/*首页结束*/

/*产品体系开始*/
.innerBanner{width: 100%;height: 300px;position: relative;overflow: hidden;}
.innerBanner img{display: block;width: 1920px;height: 100%;position: absolute;left: 50%;margin-left: -960px;top: 0;}

.bread{width: 1200px;margin: 0 auto;padding: 40px 0;height: 32px;line-height: 32px;overflow: hidden;}
.bread .innerNav{float: left;height: 100%;}
.bread .innerNav a{float: left;width: 95px;height: 32px;text-align: center;color: #999999;}
.bread .innerNav a.on{background-color: #069355;color: #fff;}
.bread .right{float: right;font-size: 12px;color: #999999;}
.bread .right a{color: #999;}

.bread .right .arrow{font-family: "宋体";}
.bread .right a:hover,.bread .right .txt{color: #666;}

.proTitle{width: 450px;text-align: center;height: 40px;line-height: 40px;color: #069355;cursor: pointer;margin: 0 auto 40px;background-color: #fff;border-radius: 30px;-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.05);-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.05);box-shadow: 1px 1px 10px rgba(0,0,0,.05);}
.proTitle p{float: left;width: 50%;}
.proTitle p.on{background-color: #069355;}
.proTitle a{display: block;width: 100%;height: 100%;}
.proTitle p.on a{color: #fff;}
.proTitle .p1{border-radius: 30px 0 0 30px;}
.proTitle .p2{border-radius: 0px 30px 30px 0px;}

.proMain{width: 1200px;margin: 0 auto 100px;}
.proMain .wrap{display: none;}
.proMain .wrap.first{display: block;}
.proMain .choose{width: 830px;height: 42px;padding-bottom: 20px;margin: auto;}
.proMain .choose1{width: 570px;}
.proMain .choose select{float: left;width: 250px;height: 42px;border: 1px solid #dcdcdc;background-color: #fff;padding: 0 0 0 10px;margin-right: 10px;color: #666666;line-height: 42px;}
.proMain .choose .submit{float: left;width: 50px;height: 42px;background: url(../images/searchIcon.png) center no-repeat #21944b;border: 0 none;border-radius: 4px;cursor: pointer;}
.proMain .choose .submit:hover{background-color: #03792e;}

.proList{width: 1200px;margin: 0 auto;}
.proList li{width: 100%;height: 260px;margin-top: 20px;background-color: #fff;cursor: pointer;}
.proList .img{width: 376px;height: 100%;float: left;}
.proList .center{float: left;width: 720px;padding-left: 35px;}
.proList .center .title{padding: 32px 0 25px;font-size: 18px;line-height: 30px;width: 100%;}
.proList .center .info{font-size: 12px;line-height: 24px;color: #999999;}
.proList .plus{float: right;width: 49px;height: 100%;border-left: 1px solid #f2f2f2;}
.proList .plus span{display: block;width: 21px;height: 21px;margin: 120px 0 0 14px;position: relative;}
.proList .plus span:after,.proList .plus span:before{content: "";position: absolute;left: 0;top: 10px;background-color: #cccccc;width: 100%;height: 1px;}
.proList .plus span:after{width: 1px;height: 100%;top: 0;left: 10px;}
.proList li:hover,.newsList li:hover{-webkit-box-shadow: 1px 1px 15px rgba(0,0,0,.2);-moz-box-shadow: 1px 1px 15px rgba(0,0,0,.2);box-shadow: 1px 1px 15px rgba(0,0,0,.2);}
.proList li:hover .plus{background-color: #069355;border-color: #069355;}
.proList li:hover .plus span:after,.proList li:hover .plus span:before{background-color: #fff;}

.proList .inner{position: absolute;width: 1270px;height: 550px;padding: 30px;background-color: #fff;left: 50%;margin-left: -665px;top: 50%;margin-top: -305px;}
/* 本例子css */
.proList .slideBox{ width:796px; height:550px; overflow:hidden; position:relative;float: left;}
.proList .slideBox .hd{position: absolute;left: 0;bottom: 15px;width: 100%;text-align: center;z-index: 10;}
.proList .slideBox .hd ul{ overflow:hidden; zoom:1; width: 100%;}
.proList .slideBox .hd ul li{ display: inline-block;vertical-align: middle; margin: 0 5px;  width:8px; height:8px;border: 2px solid #771a13; cursor:pointer; border-radius: 50%;opacity: 0.5;filter:alpha(opacity = 50);background: 0 none;}
.proList .slideBox .hd ul li.on{ background-color: #771a13; opacity: 1;filter:alpha(opacity = 100);}
.proList .slideBox .bd{ position:relative; height:100%; z-index:0;}
.proList .slideBox .bd li{ zoom:1; vertical-align:middle; height: 550px;width: 796px;margin-top: 0;}
.proList .slideBox .bd img{ width:100%; min-height: 100%; display:block; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.proList .slideBox .prev,
.proList .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-15px; display:block; width:32px; height:29px; filter:alpha(opacity=50);opacity:0.5;   }
.proList .slideBox .next{ left:auto; right:3%;}
.proList .slideBox .prev:hover,
.proList .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}

.proList .right{float: left;width: 438px;padding-left: 30px;margin-top: 10px;height: 540px;overflow-y: scroll;}
.proList .right .top{width: 100%;padding-bottom: 25px;border-bottom: 1px dashed #d8d5d5;}
.proList .right .top .p1{padding: 0px 0 10px;font-size: 20px;line-height: 36px;}
.proList .right .top .p2{font-size: 12px;line-height: 24px;color: #999999;}
.proList .right .below{width: 100%;}
.proList .right .below .p1{font-size: 12px;line-height: 52px;color: #999999;}
.proList .right .below img{max-width: 100%;}
.proList .close{position: absolute;right: 0px;top: 0px;cursor: pointer;}

.proMore{display: block;width: 160px;height: 40px;background-color: #fff;border-radius: 30px;text-align: center;margin: 30px auto;font-size: 12px;line-height: 40px;color: #999999;-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.05);-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.05);box-shadow: 1px 1px 10px rgba(0,0,0,.05);}
.proMore:hover{font-size: 14px;color: #069355;}
/*产品体系结束*/


/*CMF趋势开始*/
.proWrap{width: 100%;padding-bottom: 30px;}
.proList2{width: 1230px;margin: 0 auto;}
.proList2 li{float: left;width: 380px;margin: 0 15px 30px;border-bottom: 2px solid #e2e0e0;}
.proList2 li a{display: block;width: 100%;height: 100%;}
.proList2 .img{height: 225px;width: 100%;position: relative;}
.proList2 .circle{position: absolute;width: 48px;height: 48px;border: 1px solid #fff;border-radius: 50%;left: 50%;margin-left: -24px;top: 50%;margin-top: -24px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);opacity: 0;filter:alpha(opacity = 0);}
.proList2 .circle:before,.proList2 .circle:after{content: "";position: absolute;width: 21px;height: 1px;background-color: #fff;left: 13px;top: 23px;}
.proList2 .circle:after{width: 1px;height: 21px;left: 23px;top: 13px;}
.proList2 .below{padding: 0 10px;}
.proList2 .below .p1{padding: 15px 0 10px;font-size: 18px;line-height: 28px;}
.proList2 .below .p1 span{padding-left: 10px;font-size: 12px;text-transform: uppercase;}
.proList2 .below .p2{font-size: 12px;line-height: 18px;margin-bottom: 15px;color: #999999;height: 36px;overflow: hidden;}
.proList2 li:hover{background-color: #fff;border-color: #069355;}
.proList2 li:hover .circle{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);opacity: 1;filter:alpha(opacity = 100);}
/*CMF趋势结束*/


/*CMF趋势详情开始*/
.bread2{padding: 0;height: 52px;line-height: 52px;}

.cmfDetail{width: 1100px;padding: 0 50px;background-color: #fff;margin: 0 auto 50px;}
.cmfDetail .main{width: 100%;padding: 40px 0 0;}
.cmfDetail .main .title{font-size: 30px;line-height: 50px;padding-bottom: 30px;}
.cmfDetail .main .img1{display: block;width: 100%;}
.cmfDetail .main .subTitle{padding: 30px 0 5px;font-size: 24px;line-height: 42px;padding-left: 14px;position: relative;}
.cmfDetail .main .subTitle:before{content: "";position: absolute;left: 0;top: 40px;width: 3px;height: 24px;background-color: #069355;}
.cmfDetail .main .txt{line-height: 24px;color: #666666;}

.templet{width: 100%;padding: 10px 0 40px;}
.templet li{float: left;width: 260px;margin-left: 20px;text-align: center;cursor: pointer;padding-bottom: 10px;}
.templet .nth1,.templet .nth3{margin-left: 0;}
.templet .nth1,.templet .nth2{width: 540px;}
.templet .nth1 .img,.templet .nth2 .img{height: 374px;}
.templet .text{line-height: 34px;color: #666666;}
.templet .img{width: 100%;height: 180px;position: relative;}
.templet .img img{position: absolute;left: 0;top: 0;display: none;}
.templet .img .img1{display: block;}

.shareBox{border-top: 1px dashed #dcdcdc;border-bottom: 1px dashed #dcdcdc;padding: 30px 0;height: 40px;width: 100%;overflow: hidden;}
.shareBox .share{float: left;height: 40px;}
.share.jiathis_style_24x24  .jiathis_txt{font-size: 14px;line-height: 40px !important;color: #666666;}
.share.jiathis_style_24x24  a span{width: 13px !important;height: 40px !important;margin: 0 3px;background: url(../images/shareIcon3.jpg) center no-repeat;}
.share.jiathis_style_24x24 a span:hover{background-image: url(../images/shareIconAc3.jpg);}
.share.jiathis_style_24x24 .jtico_weixin{background-image: url(../images/shareIcon1.jpg);}
.share.jiathis_style_24x24 .jtico_cqq{background-image: url(../images/shareIcon2.jpg);}
.share.jiathis_style_24x24 .jtico_cqq:hover{background-image: url(../images/shareIconAc2.jpg);}
.share.jiathis_style_24x24 .jtico_weixin:hover{background-image: url(../images/shareIconAc1.jpg);}

.shareBox .back{float: right;width: 135px;height: 40px;background-color: #069355;color: #fff;border-radius: 40px;line-height: 40px;text-align: center;font-size: 0;}
.shareBox .back:hover{background-color: #15bc72;}
.shareBox .back *{display: inline-block;vertical-align: middle;padding: 0 4px;font-size: 12px;}

.morePage{width: 100%;padding: 34px 0 40px;font-size: 12px;line-height: 30px;color: #666666;}
.morePage p{width: 90%;}
.morePage a{color: #666;}
.morePage p:hover{text-decoration: underline;color: #069355;}
.morePage p:hover a{color: #069355;}
/*CMF趋势详情结束*/


/*合作_客户篇开始*/
.custom1{display: block;margin: 0 auto;}
.customeList{width: 1200px;margin: 0 auto;padding: 13px 0 60px;}
.customeList li{width: 100%;margin-bottom: 10px;background-color: #fff;height: 358px;overflow: hidden;}
.customeList .left{float: left;padding: 40px 50px 0;width: 646px;}
.customeList .left .title,.supplierList .title{height: 80px;line-height: 80px;position: relative;width: 100%;}
.customeList .left .title .num,.supplierList .title .num{font-size: 80px;font-family: "Arial";color: #cccccc;font-weight: bold;position: absolute;left: 0;top: 0;}
.customeList .left .title .txt,.supplierList .title .txt{font-size: 24px;line-height: 30px;font-weight: bold;background-color: #fff;position: absolute;left: 100px;top: 41px;z-index: 2;}
.customeList .left .title .txt i{font-style: normal;color: #069355;}
.customeList .left .text{line-height: 30px;color: #666666;padding-top: 15px;}
.customeList .img{float: left;width: 454px;height: 100%;}
/*合作_客户篇结束*/


/*合作_供应商篇开始*/
.supplier1{width: 1200px;margin: 0 auto;background-color: #fff;height: 280px;overflow: hidden;cursor: default;}
.supplier1 .img{float: left;width: 454px;height: 100%;}
.supplier1 .right{float: left;width: 646px;padding: 30px 50px 0;}
.supplier1 .right .p1{font-size: 24px;line-height: 60px;font-weight: bold;}
.supplier1 .right .p2{line-height: 30px;padding-top: 5px;}

.supplierList{width: 1200px;margin: 0 auto;padding: 20px 0 60px;cursor: default;}
.supplierList li{float: left;width: 520px;background-color: #fff;height: 250px;padding: 30px 40px 0;}
.supplierList .text{line-height: 30px;color: #666666;padding-top: 10px;}
.supplierList .li2{background-color: #21944b;}
.supplierList .li2 .title .num{color: #3ecc72;}
.supplierList .li2 .title .txt{background-color: #21944b;color: #fff;}
.supplierList .li2 .text{color: #fff;}
.supplierList .li3{background-color: #2c2b2b;}
.supplierList .li3 .title .num{color: #494848;}
.supplierList .li3 .title .txt{background-color: #2c2b2b;color: #22b156;}
.supplierList .li3 .text{color: #9d9c9c;}
/*合作_供应商篇结束*/

/*合作_CMF联盟篇开始*/
.union{width: 1200px;margin: 0 auto;padding-bottom: 35px;}
.union .title{font-size: 24px;font-weight: bold;line-height: 60px;padding: 10px 0 0;}
.union .txt{line-height: 30px;color: #666666;}
.union .img1{padding: 35px 0;}
/*合作_CMF联盟篇结束*/

/*新闻_新闻中心开始*/
.newsList{width: 1200px;margin: 0 auto;}
.newsList li{width: 1160px;height: 186px;padding: 20px 20px 20px 0;border-bottom: 1px dashed #dcdcdc;}
.newsList li a{display: block;width: 100%;height: 100%;}
.newsList .img{float: left;width: 330px;height: 100%;}
.newsList .center{float: left;padding: 40px 0 0 40px;width: 640px;}
.newsList .center .p1{font-size: 18px;line-height: 38px;width: 100%;padding-bottom: 13px;}
.newsList .center .p2{font-size: 12px;line-height: 24px;color: #999999;}
.newsList .right{float: right;padding: 40px 10px 0 0;}
.newsList .right .p1{font-size: 18px;line-height: 38px;color: #999999;}
.newsList .right .arrow{width: 34px;height: 18px;background: url(../images/newsIcon1.png) right center no-repeat;position: relative;margin-top: 37px;}
.newsList .right .arrow:before{content: "";position: absolute;left: 0;top: 0;width: 1px;height: 100%;background-color: #c8c8c8;}
.newsList li:hover{background-color: #fff;}
.newsList li:hover .img{margin-left: 20px;}
.newsList li:hover .right{padding-right: 0;}

.page{width: 100%;padding: 50px 0;height: 40px;line-height: 40px;font-size: 0;text-align: center;}
.page a{display: inline-block;vertical-align: middle;width: 40px;height: 40px;margin: 0 3px;background-color: #fff;font-size: 14px;color: #999999;}
.page .prev,.page .next{font-family: "宋体";}
.page a.on,.page a:hover{background-color: #069355;color: #fff;}
/*新闻_新闻中心结束*/

.search,.search .inner,
.indexMore img,
.indexPro li .inner .icon,.indexPro .img,.indexPro .txt,.indexPro .more,
.indexAttr .cover,.indexAttr .txt,.indexAttr li,
.indexTech li,.indexTech .icon,.indexTech .icon .img1,.indexTech .morem,
.indexNews .right *,.indexNews .left .img img,.indexNews .left .below .icon:after,.indexNews .left .below .icon:before,
.followTitle ul li img,
.footer,.foot_top,
.proList li,.proList .img img,.proList .plus,.proList .plus *,
.proMore,
.proList2 .circle,.proList2 li .img img,.proList2 li,
.newsList li,.newsList .img,.newsList .img img,.newsList .right,
.videoList li,.videoList li .img img,
.welfareList .below .more,.welfareList .img img,
.protectBox .wrap2 li .cover,.protectBox .wrap2 .cover *,
.innovate li .icon img,
.response .tabWrap li .img1,
.introduce .show .cover,
.network .tabMain .box .alert,
.human .white{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}

.indexPro .green{-webkit-transition: all 0.8s;-moz-transition: all 0.8s;transition: all 0.8s;}

/*新闻_新闻详情开始*/
.newsBox{width: 1100px;padding: 0 50px;background-color: #fff;margin: 0 auto 40px;}
.newsBox .article{width: 100%;padding-bottom: 45px;}
.newsBox .article .title{padding: 45px 0 27px;border-bottom: 1px dashed #dcdcdc;text-align: center;}
.newsBox .article .title h2{font-weight: normal;font-size: 30px;line-height: 58px;}
.newsBox .article .title .info{font-size: 12px;line-height: 38px;color: #999999;}
.newsBox .article .title .info span{padding: 0 15px;}
.newsBox .article .main{width: 100%;padding-top: 40px;}
.newsBox .article .main p{line-height: 30px;color: #666666;}
/*新闻_新闻详情结束*/

/*新闻_视频中心开始*/
.videoList{width: 1230px;margin: 0 auto;}
.videoList li{width: 380px;margin: 0 15px 30px;cursor: pointer;border-bottom: 2px solid #e0dfdf;position: relative;float: left;}
.videoList .img{position: relative;width: 100%;height: 214px;}
.videoList .img .cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/blackBg.png);opacity: 0;filter:alpha(opacity = 0);}
.videoList .icon{width: 48px;height: 48px;min-height: 48px;position: absolute;left: 50%;top: 83px;margin-left: -24px;z-index: 5;}
.videoList .img .cover .inner{width: 358px;height: 192px;margin: 11px auto 0;position: relative;}
.videoList .img .cover i{position:absolute;background-color: #fff;opacity: 0.3;filter:alpha(opacity = 30);}
.main02_s1{top:-1px;left:0;height:1px;width:0;}
.main02_s2{top:-1px;right:0;height:1px;width:0;}
.main02_s3{bottom:0;left:-1px;width:1px;height:0;}
.main02_s4{bottom:0;right:-1px;width:1px;height:0;}
.main02_s5{bottom:0;left:50%;height:1px;width:0;}
.main02_s6{bottom:0;right:50%;height:1px;width:0;}

.videoList .below{padding: 15px 20px;width: 340px;}
.videoList .below .p1{font-size: 18px;line-height: 28px;}
.videoList .below .p2{font-size: 12px;line-height: 20px;color: #999999;}

 .videoList li:hover{background-color: #fff;border-bottom-color: #069355;}
.videoList li:hover .img .cover{opacity: 1;filter:alpha(opacity = 100);} 
/*新闻_视频中心结束*/


/*社会责任_公益事业开始*/
.welfare{ width: 1180px; height: 480px;padding: 10px; overflow:hidden; position:relative; margin: 0 auto;-webkit-box-shadow: 1px 1px 15px rgba(0,0,0,.2);-moz-box-shadow: 1px 1px 15px rgba(0,0,0,.2);box-shadow: 1px 1px 15px rgba(0,0,0,.2);background-color: #fff;}
.welfare .hd{ height: 8px; position:absolute; left: 0; bottom: 25px; z-index:5; text-align: center;width: 100%;}
.welfare .hd ul{ overflow:hidden; zoom:1; width: 100%; }
.welfare .hd ul li{ display: inline-block;vertical-align: middle; margin: 0 4px;  width:8px; height:8px; background-color:#fff; cursor:pointer; border-radius: 50%;}
.welfare .hd ul li.on{ background-color: #069355; }
.welfare .bd{ position:relative; height:100%; z-index:0;   }
.welfare .bd li{ zoom:1; vertical-align:middle;height: 480px;position: relative;}
.welfare .bd li a,.welfareList li a{display: block;width: 100%;height: 100%;}
.welfare .bd .img{ width: 100%; height: 100%; display:block;  }
.welfare .bd .cover{position: absolute;width: 550px;height: 164px;left: 50%;margin-left: -275px;bottom: 0;background: url(../images/blackBg.png);color: #fff;text-align: center;}
.welfare .bd .cover .p1{padding: 25px 0 20px;font-size: 18px;line-height: 28px;}
.welfare .bd .cover .p2{width: 505px;margin: 0 auto;line-height: 24px;font-size: 12px;}

.welfareList{width: 1230px;margin: 0 auto;}
.welfareList li{float: left;width: 380px;margin: 30px 15px 0;background-color: #fff;}
.welfareList .img{width: 100%;height: 158px;}
.welfareList .below{padding: 10px 20px 30px;}
.welfareList .below .p1{font-size: 16px;line-height: 34px;width: 100%;}
.welfareList .below .p2{font-size: 12px;line-height: 18px;margin: 4px 0 27px;color: #999999;height: 36px;overflow: hidden;}
.welfareList .below .more{width: 94px;height: 22px;border: 1px solid #cccccc;color: #ccc;font-size: 12px;text-align: center;line-height: 22px;margin: 0 auto;border-radius: 20px;}
.welfareList li:hover .more{background-color: #069355;border-color: #069355;color: #fff;}
/*社会责任_公益事业结束*/


/*社会责任_环境保护开始*/
.protectBox{width: 1200px;margin: 0 auto;padding-bottom: 60px;}
.protectBox img.start{display: block;margin: 0 auto;}

.protectTitle{margin: 30px 0;font-size: 20px;line-height: 39px;height: 40px;display: inline-block;background-color: #21944b;color: #fff;padding: 0 20px;border-radius: 0 20px 20px 0;}

.protectBox .wrap1{padding: 20px 0 20px 30px;background-color: #fff;width: 1170px;}
.protectBox .wrap1 .left{float: left;width: 320px;padding: 25px 20px 0 0;}
.protectBox .wrap1 .left li{padding-bottom: 25px;}
.protectBox .wrap1 .left .icon,.protectBox .wrap4 .left .list .circle,.protectBox .wrap5 .circle{display: inline-block;vertical-align: top;width: 12px;height: 12px;border: 1px solid #21944b;border-radius: 50%;position: relative;margin-top: 5px;}
.protectBox .wrap1 .left .icon:after,.protectBox .wrap4 .left .list .circle:after,.protectBox .wrap5 .circle:after{content: "";position: absolute;width: 8px;height: 8px;background-color: #21944b;border-radius: 50%;left: 2px;top: 2px;}
.protectBox .wrap1 .left .txt{line-height: 24px;color: #666666;width: 295px;display: inline-block;vertical-align: top;padding-left: 5px;}
.protectBox .wrap1 .right{float: left;width: 820px;}
.protectBox .wrap1 .right li{float: left;width: 194px;margin: 0 5px;}
.protectBox .wrap1 .right .img{padding: 4px;border: 1px solid #e7e7e7;width: 184px;height: 255px;}
.protectBox .wrap1 .right .txt{text-align: center;font-size: 12px;line-height: 32px;color: #666666;}
.protectBox .wrap1 .right .li3{width: 396px;}
.protectBox .wrap1 .right .li3 .img{width: 386px;}

.protectBox .wrap2{width: 1218px;margin-left: -10px;}
.protectBox .wrap2 li{float: left;width: 386px;height: 240px;overflow: hidden;margin: 0 10px;cursor: default;position: relative;text-align: center;}
.protectBox .wrap2 img{width: 100%;min-height: 100%;}
.protectBox .wrap2 .cover{position: absolute;left: 0;top: 0;padding: 0 38px;width: 310px;height: 100%;color: #fff;background: url(../images/blackBg.png);}
.protectBox .wrap2 .cover .p1{padding-top: 74px;font-size: 18px;line-height: 26px;}
.protectBox .wrap2 .cover .p2{font-size: 12px;line-height: 22px;text-transform: uppercase;padding-bottom: 13px;}
.protectBox .wrap2 .cover .txt{line-height: 24px;margin: 10px 0 55px;opacity: 0;filter:alpha(opacity = 0);height: 72px;overflow: hidden;}
.protectBox .wrap2 .cover .symbol{width: 80px;height: 25px;border-bottom: 1px solid #fff;margin: 0 auto;font-size: 20px;line-height: 100%;}
.protectBox .wrap2 .cover .eng{line-height: 40px;height: 40px;text-align: right;border-top: 1px solid #fff;text-transform: uppercase;opacity: 0;filter:alpha(opacity = 0);font-size: 12px;}
.protectBox .wrap2 li:hover .cover{background: #21944b;text-align: left;}
.protectBox .wrap2 li:hover .cover .p1{padding-top: 25px;}
.protectBox .wrap2 li:hover .cover .p2,.protectBox .wrap2 li:hover .cover .symbol{display: none;}
.protectBox .wrap2 li:hover .cover .txt,.protectBox .wrap2 li:hover .cover .eng{opacity: 1;filter:alpha(opacity = 100);}

.protectBox .wrap3{width: 100%;height: 300px;background-color: #fff;overflow: hidden;}
.protectBox .wrap3 .img{float: left;width: 50%;height: 100%;}
.protectBox .wrap3 .right{float: left;width: 507px;padding: 30px 0 0 45px;}
.protectBox .wrap3 .right .p1{font-size: 24px;line-height: 64px;}
.protectBox .wrap3 .right .p2{line-height: 30px;color: #666666;}

.protectBox .wrap4{padding: 20px 0 20px 30px;width: 1170px;background-color: #fff;}
.protectBox .wrap4 .left{float: left;padding-top: 15px;width: 570px;}
.protectBox .wrap4 .left .list,.protectBox .wrap4 .left .list li,.protectBox .wrap5 li{width: 100%;line-height: 36px;color: #666666;}
.protectBox .wrap4 .left .list .circle,.protectBox .wrap5 .circle{vertical-align: middle;margin-top: 0;}
.protectBox .wrap4 .left .list .txt,.protectBox .wrap5 .txt{vertical-align: middle;width: 540px;display: inline-block;padding-left: 5px;}
.protectBox .wrap4 .left .type{padding: 50px 0 0;width: 576px;margin-left: -5px;}
.protectBox .wrap4 .left .type li{float: left;width: 182px;margin: 0 5px;}
.protectBox .wrap4 .left .type .img{width: 172px;height: 120px;padding: 4px;border: 1px solid #e7e7e7;}
.protectBox .wrap4 .left .type .txt,.protectBox .wrap4 .right .txt{font-size: 12px;line-height: 32px;color: #666666;text-align: center;}
.protectBox .wrap4 .right{float: left;padding-left: 15px;width: 564px;}
.protectBox .wrap4 .right .img{width: 100%;height: 380px;}

.protectBox .wrap5{width: 1140px;padding: 25px 30px;background-color: #fff;}
.protectBox .wrap5 .txt{width: 1070px;}
/*社会责任_环境保护结束*/

/*技术的松井开始*/
.techBanner{height: 550px;}

.techTeam{width: 855px;margin: 0 auto;padding: 0 0 85px;text-align: center;}
.techTitle{width: 100%;text-align: center;padding: 60px 0 40px;}
.techTitle .p1{font-size: 30px;line-height: 42px;text-transform: uppercase;}
.techTitle .p2{font-size: 36px;line-height: 54px;}
.techTitle .p2 span{color: #009b4c;}
.techTeam .info{line-height: 24px;color: #666666;}
.techTeam .count{padding: 45px 0 35px;}
.techTeam .count li{float: left;width: 243px;height: 45px;margin: 27px 20px 0;position: relative;border: 1px solid #e2e0e0;color: #666666;padding-top: 33px;}
.techTeam .count .num{width: 100px;height: 54px;line-height: 54px;font-size: 48px;color: #666666;position: absolute;left: 50%;margin-left: -50px;top: -27px;background-color: #fff;}

.innovate{width: 100%;height: 610px;background: url(../images/techBg1.jpg) center no-repeat;}
.innovate ul{width: 1280px;margin: 0 auto;padding: 25px 0 0;text-align: center;}
.innovate li{float: left;width: 200px;padding: 0 60px;cursor: default;}
.innovate li .icon{width: 160px;height: 160px;border-radius: 50%;overflow: hidden;margin: 0 auto;position: relative;}
.innovate li .icon img{display: block;position: absolute;left: 0;top: 0;}
.innovate li .icon .img2{-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);transform:rotate(-60deg);opacity: 0;display: none\9;}
.innovate li .p1{font-size: 20px;line-height: 44px;padding-top: 8px;}
.innovate li .p2{line-height: 24px;color: #666666;}
.innovate li:hover .icon .img1{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);transform:rotate(60deg);opacity: 0;display: none\9;}
.innovate li:hover .icon .img2{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);opacity: 1;display: block;\9;}

.quality{width: 100%;height: 690px;background: url(../images/techBg2.jpg) right center no-repeat #282828;}
.quality .left{float: left;width: 50%;height: 100%;overflow: hidden;}
.quality .right{float: left;padding: 55px 0 0 60px;width: 540px;}
.quality .right .title{color: #fff;letter-spacing: 2px;}
.quality .right .title .p1{font-size: 30px;line-height: 54px;text-transform: uppercase;}
.quality .right .title .p2{font-size: 36px;line-height: 40px;}
.quality .tabTitle{padding: 38px 0 35px;height: 48px;line-height: 48px;width: 550px;margin-left: -5px;}
.quality .tabTitle a{display: block;float: left;width: 100px;margin: 0 5px;background-color: #fff;color: #666666;text-align: center;font-size: 16px;}
.quality .tabTitle a.on{background-color: #069355;color: #fff;}
.quality .tabMain{width: 100%;}
.quality .tabMain .wrap{display: none;}
.quality .tabMain .wrap.first{display: block;}
.quality .tabMain .txt{font-size: 18px;line-height: 30px;color: #999999;margin-bottom: 20px;height: 60px;overflow: hidden;}
.quality .tabMain .img{width: 100%;height: 280px;}

.response{width: 1200px;margin: 0 auto;padding-bottom: 76px;}
.response .box{width: 100%;height: 580px;background: url(../images/tech4.jpg) no-repeat;}
.response .tabWrap{position: relative;padding: 348px 50px 14px;width: 1100px;}
.response .tabWrap .line{position: absolute;width: 110px;height: 2px;background-color: #19ba59;bottom: 0;left: 105px;}
.response .tabWrap ul{width: 100%;}
.response .tabWrap li{float: left;width: 20%;text-align: center;cursor: pointer;position: relative;}
.response .tabWrap li:before{content: "";position: absolute;width: 22px;height: 4px;background: url(../images/tech5.png) no-repeat;left: -15px;top: 23px;}
.response .tabWrap li.first:before{display: none;}
.response .tabWrap .img{height: 48px;}
.response .tabWrap .img img{width: auto;margin: 0 auto;}
.response .tabWrap .txt{line-height: 52px;color: #fff;}
.response .tabWrap li.on .img1{height: 0;min-height: 0;}
.response .tabMain{padding: 25px 100px;width: 1000px;height: 68px;background: url(../images/blackBg.png);}
.response .tabMain .wrap{display: none;}
.response .tabMain .wrap.first{display: block;}
.response .tabMain .p1{line-height: 36px;color: #fff;font-weight: bold;}
.response .tabMain .p2{font-size: 12px;line-height: 32px;color: #999999;width: 100%;}
/*技术的松井结束*/

/*关于松井开始*/
.introduce{width: 1200px;margin: 0 auto;padding: 0 0 142px;}
.introduce .intro{line-height: 24px;color: #666666;}
.introduce .show{width: 1220px;margin-left: -10px;padding-top: 60px;}
.introduce .show li{float: left;width: 285px;margin: 0 10px;height: 195px;overflow: hidden;position: relative;cursor: default;}
.introduce .show img{display: block;width: 100%;min-height: 100%;}
.introduce .show .cover{padding: 0 30px;width: 225px;height: 116px;background: url(../images/blackBg.png);position: absolute;left: 0;top: 50%;margin-top: -58px;color: #fff;}
.introduce .show .cover .p1{font-size: 24px;padding-top: 15px;}
.introduce .show .cover .p2{padding-bottom: 16px;}
.introduce .show .cover .p3{font-size: 12px;}
.introduce .show li:hover .cover{padding: 39px 30px 40px;top: 0;margin-top: 0;background: #069355;}

.history{width: 100%;overflow: hidden;position: relative;height: 1856px;}
.history .inner{width: 1920px;position: absolute;left: 50%;margin-left: -960px;top: 0;}
.history .inner img{width: 100%;display: block;}

.honor{width: 100%;height: 785px;background: url(../images/aboutBg1.jpg) center no-repeat;}
.honor .picScroll-left{ width: 1200px; overflow:hidden; position:relative; margin: 73px auto 0;}
.honor .picScroll-left .hd{ overflow:hidden;  height: 19px; padding: 90px 0 0;}
.honor .picScroll-left .hd .prev,.honor .picScroll-left .hd .next{ position: absolute; width:22px; height: 42px; overflow:hidden;cursor:pointer;top: 97px;left: 0; }
.honor .picScroll-left .hd .next{ left: auto;right: 0;}
.honor .picScroll-left .hd ul{ width: 100%; overflow:hidden; zoom:1; text-align: center;}
.honor .picScroll-left .hd ul li{ display: inline-block;vertical-align: middle;  width: 12px; height: 12px; overflow:hidden; margin: 0 5px; text-indent:-999px; cursor:pointer; background-color: #c9c9c9;border-radius: 50%;}
.honor .picScroll-left .hd ul li.on{background-color: #04c161;}

.honor .picScroll-left .bd{width: 1090px;margin: 0 auto;}
.honor .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.honor .picScroll-left .bd ul li{ margin-right: 20px; float:left; _display:inline; overflow:hidden; }
.honor .picScroll-left .bd .img{width: 330px;height: 241px;padding: 9px;border: 1px solid #e0e0e0;background-color: #fff;}

.network{width: 100%;height: 1080px;background: url(../images/aboutBg2.jpg) center no-repeat;}
.network .techTitle{color: #fff;}
.network .tabTitle{width: 200px;height: 40px;margin: 0 auto 70px;border: 1px solid #fff;border-radius: 30px;overflow: hidden;}
.network .tabTitle p{float: left;width: 50%;height: 40px;line-height: 40px;text-align: center;color: #fff;cursor: pointer;}
.network .tabTitle p.on{background-color: #fff;color: #04c161;}
.network .tabMain{width: 100%;}
.network .world{width: 1039px;height: 580px;margin: 0 auto;background: url(../images/worldMap.png) center no-repeat;position: relative;}
.network .tabMain .box{position: absolute;width: 40px;height: 50px;background: url(../images/mapIcon.gif) center no-repeat;cursor: pointer;} 
.network .tabMain .box .alert{padding: 10px 17px;background: url(../images/blackBg.png);-webkit-border: 1px solid rgba(255,255,255,.6);-moz-border: 1px solid rgba(255,255,255,.6);border: 1px solid rgba(255,255,255,.6);border-radius: 4px;position: absolute;bottom: 50px;width: 222px;left: 50%;margin-left: -128px;font-size: 12px;display: none;z-index: 2;}
.network .tabMain .box .alert:before{content: "";position: absolute;width: 12px;height: 10px;background: url(../images/network1.png) center no-repeat;left: 50%;margin-left: -6px;bottom: -10px;}
.network .tabMain .box .alert .name{font-weight: bold;line-height: 20px;color: #ffc000;}
.network .tabMain .box .alert .txt{line-height: 18px;color: #fff;}
.network .tabMain .box:hover .alert{display: block;}
.network .tabMain .world .box1{top: 145px;left: 710px;}
.network .tabMain .world .box2{top: 135px;left: 516px;}
.network .tabMain .world .box3{top: 186px;left: 469px;}
.network .tabMain .world .box4{top: 247px;left: 437px;}
.network .tabMain .world .box5{top: 310px;left: 413px;}
.network .china{width: 717px;height: 588px;margin: 0 auto;background: url(../images/chinaMap.png) center no-repeat;position: relative;display: none;} 
.network .tabMain .china .box1{top: 180px;right: 162px;}
.network .tabMain .china .box2{top: 194px;right: 148px;}
.network .tabMain .china .box3{top: 209px;right: 176px;}
.network .tabMain .china .box4{top: 239px;right: 110px;}
.network .tabMain .china .box5{top: 308px;right: 103px;}
.network .tabMain .china .box6{top: 323px;right: 72px;}
.network .tabMain .china .box7{bottom: 182px;right: 263px;}
.network .tabMain .china .box8{bottom: 159px;right: 203px;}
.network .tabMain .china .box9{bottom: 122px;right: 110px;}
.network .tabMain .china .box10{bottom: 96px;right: 64px;}
.network .tabMain .china .box11{bottom: 76px;right: 179px;}

.human{width: 100%;height: 688px;padding-top: 40px;background: url(../images/humanBg.jpg) center no-repeat;}
.human ul{width: 1220px;margin: 0 auto;}
.human li{float: left;width: 285px;margin: 0 10px;height: 340px;border-radius: 4px;-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);box-shadow: 1px 1px 10px rgba(0,0,0,.2);cursor: default;}
.human li .wrap{width: 100%;height: 100%;border-radius: 4px; overflow: hidden; }
.human .white{width: 100%;height: 100%;background-color: #fff;text-align: center;}
.human .white img{padding: 30px 0 20px;}
.human .white .p1{font-size: 24px;line-height: 34px;}
.human .white .p2{line-height: 22px;color: #999999;text-transform: uppercase;}
.human .white .p3{width: 180px;height: 68px;border-bottom: 1px solid #cccccc;margin: 0 auto;position: relative;}
.human .white .p3:before,.human .white .p3:after{content: "";position: absolute;width: 1px;height: 15px;background-color: #cccccc;top: 33px;left: 50%;}
.human .white .p3:after{width: 15px;height: 1px;top: 40px;left: 83px;}
.human .green{width: 100%;height: 100%;background-color: #21944b;border-radius: 4px;color: #fff;}
.human .green .p1{padding: 26px 30px 20px;text-transform: uppercase;}
.human .green .p1 span{font-size: 24px;padding-right: 9px;}
.human .green .p2{font-size: 12px;line-height: 24px;width: 225px;margin: 0 auto;height: 215px;overflow: hidden;}
.human .green .p3{text-align: right;text-transform: uppercase;padding: 0 30px;}
.human li:hover .white{margin-top: -340px;}

.contact{width: 1200px;margin: 0 auto;padding: 30px 0 120px;}
.contact .ltd{padding: 40px;margin-bottom: 10px;width: 1120px;background: url(../images/contactBg1.jpg) 500px bottom no-repeat #f5f5f5;}
.contact .ltd .left{float: left;width: 400px;}
.contact .ltd .left .title{padding-bottom: 20px;}
.contact .ltd .left .title .p1{font-size: 30px;color: #069355;font-weight: bold;}
.contact .ltd .left .title .p2{font-size: 12px;color: #c2c0c0;text-transform: uppercase;}
.contact .ltd .left .info{width: 100%;line-height: 34px;color: #666666;}
.contact .ltd .left .info *{display: inline-block;vertical-align: middle;}
.contact .ltd .left .info p{width: 350px;padding-left: 5px;}
.contact .ltd .ewm{float: right;width: 170px;text-align: center;}
.contact .ltd .ewm img{width: 168px;}
.contact .ltd .ewm p{line-height: 32px;font-size: 10px;color: #6e6d6d;}

.contact .wrap{width: 100%;background-color: #f5f5f5;}
.contact .map{float: left;width: 760px;height: 485px;}
.contact .wrap .right{float: left;padding: 0 0 0 30px;width: 380px;}
.contact .wrap .right .title{color: #069355;font-size: 12px;text-transform: uppercase;line-height: 78px;}
.contact .wrap .right .title span{font-size: 18px;font-weight: bold;padding-right: 5px;}
.contact .wrap .right .list{width: 100%;padding-bottom: 10px;}
.contact .wrap .right .list .txt{float: left;width: 40px;line-height: 36px;color: #666666;}
.contact .wrap .right .list .box{float: left;width: 318px;padding: 7px 10px;background-color: #fff;border: 1px solid #eae9e9;border-radius: 4px;}
.contact .wrap .right .list input[type="text"]{display: block;width: 100%;height: 20px;line-height: 20px;border: 0 none;background: 0 none;}
.contact .wrap .right .list textarea{width: 100%;height: 120px;border: 0 none;background: 0 none;}
.contact .wrap .right .tip{text-align: right;font-size: 12px;color: #999999;padding-bottom: 25px;}
.contact .wrap .right .tip span{color: #cc0000;}
.contact .wrap .right .submit{display: block;width: 340px;height: 36px;line-height: 36px;background-color: #069355;color: #fff;font-weight: bold;color: #fff;margin-left: 40px;border: 0 none;border-radius: 4px;cursor: pointer;}
.contact .wrap .right .submit:hover{background-color: #16c87a;}
/*关于松井结束*/

.dropload-load{
    color: #808080;
    display: block;
    text-align: center;
    font-size: 16px;
    padding: 10px 0;
}

.nodata{text-align: center;font-size: 20px;line-height: 100px;}