@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: " ";overflow-x: hidden;}
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:#fff;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%; 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: 14px 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: 16px;display: block;}
.nav li .line{display:block; position:absolute; width:0px; height:0px; background-color: #02bf6b; top: 78px; left:50%;}
.nav li:hover > .a1,.nav li.on > .a1{color: #02bf6b;}
.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: #069355;}*/


@-webkit-keyframes openSearch {0% {width:0;left:890px;opacity:0;}
100% {width:580px;left:310px;opacity:1;overflow:inherit;}
}
@-moz-keyframes openSearch {0% {width:0;left:890px;opacity:0;}
100% {width:580px;left:310px;opacity:1;overflow:inherit;}
}
@-o-keyframes openSearch {0% {width:0;left:890px;opacity:0;}
100% {width:580px;left:310px;opacity:1;overflow:inherit;}
}
@keyframes openSearch {0% {width:0;left:890px;opacity:0;}
100% {width:580px;left:310px;opacity:1;overflow:inherit;}
}
@-webkit-keyframes closeSearch {0% {width:580px;left:310px;opacity:1;}
100% {width:0;left:890px;opacity:0;overflow:hidden;}
}
@-moz-keyframes closeSearch {0% {width:580px;left:310px;opacity:1;}
100% {width:0;left:890px;opacity:0;overflow:hidden;}
}
@-o-keyframes closeSearch {0% {width:580px;left:310px;opacity:1;}
100% {width:0;left:890px;opacity:0;overflow:hidden;}
}
@keyframes closeSearch {0% {width:580px;left:310px;opacity:1;}
100% {width:0;left:890px;opacity:0;overflow:hidden;}
}
@-webkit-keyframes inputEnter {0% {width:0;}
100% {width:460px;}
}
@-moz-keyframes inputEnter {0% {width:0;}
100% {width:460px;}
}
@-o-keyframes inputEnter {0% {width:0;}
100% {width:460px;}
}
@keyframes inputEnter {0% {width:0;}
100% {width:460px;}
}
@-webkit-keyframes inputOut {0% {width:460px;}
100% {width:0;}
}
@-moz-keyframes inputOut {0% {width:460px;}
100% {width:0;}
}
@-o-keyframes inputOut {0% {width:460px;}
100% {width:0;}
}
@keyframes inputOut {0% {width:460px;}
100% {width:0;}
}
@-webkit-keyframes searchIEnter {0% {width:0;}
100% {width:30px;display:block;}
}
@-moz-keyframes searchIEnter {0% {width:0;}
100% {width:30px;display:block;}
}
@-o-keyframes searchIEnter {0% {width:0;}
100% {width:30px;display:block;}
}
@keyframes searchIEnter {0% {width:0;}
100% {width:30px;display:block;}
}
@-webkit-keyframes searchIOut {0% {width:30px;}
100% {width:0;display:none;}
}
@-moz-keyframes searchIOut {0% {width:30px;}
100% {width:0;display:none;}
}
@-o-keyframes searchIOut {0% {width:30px;}
100% {width:0;display:none;}
}
@keyframes searchIOut {0% {width:30px;}
100% {width:0;display:none;}
}





.headBg{background:#00c0ff;}
.blue{ height:98px; position:fixed;width:100%;z-index:99; }
.blue .logo{ position:absolute;    top:14px; left:5%;}
.blue .left-touch{ position:absolute}
.logo { position: fixed;top: 14px;left: 15px; z-index: 8;}
.logo img {width: 240px;}
.l {
    float: left;
}
.head .tool_box{position: absolute;right:5%; height: 100%;top: 0; width:158px;}
.head .tool_box .lang_boxl {line-height:80px;font-size:16px;}
.head .tool_box a {transition:none; color:#fff;}
.head .tool_box .lang {width:20px;height:20px;margin-right:5px;background:url(icons.png) -20px 0 no-repeat;vertical-align:top;}
.head .tool_box .icon {display:inline-block;vertical-align:middle;}

.head .tool_box .search {width:20px;height:20px;background:url(icons.png) 0 0 no-repeat;margin-left:15px; margin-top:30px;margin-RIGHT:15px;}
.head .tool_box .search:hover{background-position:0 -20px;}
.head .tool_box  .cnn{ display:block; float:left; margin-top:30px; background: #1988CD;   height:20px; width:34px;text-align: center;}

.head .inav_wrapper{position: absolute;right: 20%; height: 100%;top: 0;}
.head .inav{font-size:18px; color:#404040; }
.head .inav .nav_li {float:left; padding:0 11px; position:relative;}
.head .inav .nav_li .sec_nav{    padding: 0px 0px 0px 0px;
    display: none;
    background: rgba(255, 255,255, .3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#29ffffff,endColorstr=#29ffffff);
    position: absolute;
    left: -30px;
    z-index: 100;
    width: 150px;
    top: 100px;
    text-align: center;}
.head .inav .nav_li .sec_nav .ul{float:left; margin-right:2%;}
.head .inav .nav_li .sec_nav a{font-size:15px; line-height:30px; color:#000;  }
.head .inav .nav_li .sec_nav a:hover{ color:#00c0ff;}
.head .inav .nav_li.cur {color:#008ed5;}
.head .inav .nav_li.cur >a{position:relative;}
.head .inav .nav_li >a{line-height:100px; display:block; color:#fff; font-size:16px; }
.head .inav .nav_li >a:hover{ color:#00c0ff;}
.head.headBg .inav .nav_li >a:hover{ color:#000;}

.head .head_right{ width:200px; float:right;position: absolute;right:5%;height: 68px;top:10px;}
.head .head_right .head_space{ width:135px; float:left; height:24px; margin-top:5px;}
.head .head_right .head_search{ width:24px; float:left; height:24px; margin-top:5px; margin-right:8px; background:url(../images/hsearch.png) no-repeat top center; cursor:pointer; }
.head .head_right .head_mobile{ width:24px; float:left; height:24px; margin-top:5px; margin-right:8px; background:url(../images/hmobile.png) no-repeat top center;}
.head .head_right .head_wechat{ width:24px; float:left; height:24px; margin-top:5px;   background:url(../images/hwei.png) no-repeat top center;}
.head .head_right .head_jian{ width:24px; float:left; height:24px;border-radius: 14px;-moz-border-radius: 14px;-webkit-border-radius: 14px; text-align:center; line-height:24px; background:#fff; color:#4988B1;margin-right:8px; margin-left:8px; margin-top:10px; font-size:12px;}
.head .head_right .head_fan{ width:24px; float:left; height:24px;border-radius: 14px;-moz-border-radius: 14px;-webkit-border-radius: 14px; text-align:center; line-height:24px; background:#fff; color:#4988B1;margin-right:8px; margin-top:10px;font-size:12px;}

.head .head_right .head_en{ width:24px; float:left; height:24px;border-radius: 14px;-moz-border-radius: 14px;-webkit-border-radius: 14px; text-align:center; line-height:24px; background:#fff; color:#4988B1;margin-right:8px; margin-top:10px;font-size:12px;}
.head .head_right .head_ja{ width:24px; float:left; height:24px;border-radius: 14px;-moz-border-radius: 14px;-webkit-border-radius: 14px; text-align:center; line-height:24px; background:#fff; color:#4988B1;margin-right:8px; margin-top:10px;font-size:12px;}
.head .head_right .head_ko{ width:24px; float:left; height:24px;border-radius: 14px;-moz-border-radius: 14px;-webkit-border-radius: 14px; text-align:center; line-height:24px; background:#fff; color:#4988B1;margin-right:8px; margin-top:10px;font-size:12px;}
.head .head_right .head_sh{ width:24px; float:left; height:24px;border-radius: 14px;-moz-border-radius: 14px;-webkit-border-radius: 14px; text-align:center; line-height:24px; background:#fff; color:#4988B1; margin-top:10px;font-size:12px;}
.head .head_right .head_jian:hover{ background:#00c0ff; color:#fff; cursor:pointer;}
.head .head_right .head_fan:hover{ background:#00c0ff; color:#fff; cursor:pointer;}
.head .head_right .head_en:hover{ background:#00c0ff; color:#fff; cursor:pointer;}
.head .head_right .head_ja:hover{ background:#00c0ff; color:#fff; cursor:pointer;}
.head .head_right .head_ko:hover{ background:#00c0ff; color:#fff; cursor:pointer;}
.head .head_right .head_sh:hover{ background:#00c0ff; color:#fff; cursor:pointer;}

/*.head .head_right .head_search:hover{background:url(hsearch2.png) no-repeat top center;}
.head .head_right .head_mobile:hover{background:url(hmobile2.png) no-repeat top center;}
.head .head_right .head_wechat:hover{background:url(hwei2.png) no-repeat top center;}*/

.header_v2 {
    width: 100%;
    background: #00c0ff;
    overflow: visible; display:none;
}
.header_v2 i{ font-style:normal}

.clearfix:before{display: table;
    content: " ";}
.header_v2 .nav_container {width:1200px;margin:0 auto;padding:49px 0 49px 0px;position:relative;font-size:20px;font-weight:bold;z-index:11;}

.header_v2 .hsearch {width:0;height:42px;position:absolute;left:0;opacity:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);border:1px solid #e9e9e9;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#fff;overflow:hidden;}
.header_v2 .hsearch .inputbutt {width:20px;height:19px;margin:10px 16px;display:block;float:left;background:url("search.png") no-repeat center;background-position:0 -38px;cursor:pointer; border:0;}
.header_v2 .hsearch .inputbutt:hover {background-position:0 -19px;}
.header_v2 .hsearch #seach {width:0px;height:26px;line-height:26px;margin-top:9px;padding-left:5px;border:0;border-left:1px solid #999;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;outline:none;font-size:16px;font-weight:100;}
.header_v2 .hsearch i {width:0;height:30px;margin:6px;text-align:center;line-height:30px;font-size:30px;font-weight:500;color:#1b1d1f;display:block;float:right;cursor:pointer;}
.header_v2 .hsearch ul {position:absolute;top:0;left:0;background:#fff;width:100%;top:43px;padding:20px 0px;-webkit-box-shadow:0 5px 30px 0 #eee;-moz-box-shadow:0 5px 30px 0 #eee;box-shadow:0 5px 30px 0 #eee;display:none;}
.header_v2 .hsearch ul li {margin:0 57px;font-size:14px;height:30px;}
.header_v2 .hsearch ul li a {color:#1b1d1f;line-height:30px;display:block;}
.header_v2 .hsearch ul li:hover {background-color:#f7f8f9;}
.header_v2 .hsearch.active {-webkit-animation:openSearch 0.5s ease-out forwards;-moz-animation:openSearch 0.5s ease-out forwards;-o-animation:openSearch 0.5s ease-out forwards;animation:openSearch 0.5s ease-out forwards;}
.header_v2 .hsearch.active #seach {-webkit-animation:inputEnter 0.3s 0.2s forwards;-moz-animation:inputEnter 0.3s 0.2s forwards;-o-animation:inputEnter 0.3s 0.2s forwards;animation:inputEnter 0.3s 0.2s forwards;}
.header_v2 .hsearch.active i {-webkit-animation:searchIEnter 0.1s 0.4s forwards;-moz-animation:searchIEnter 0.1s 0.4s forwards;-o-animation:searchIEnter 0.1s 0.4s forwards;animation:searchIEnter 0.1s 0.4s forwards;}
.header_v2 .hsearch.quit {-webkit-animation:closeSearch 0.5s ease-out forwards;-moz-animation:closeSearch 0.5s ease-out forwards;-o-animation:closeSearch 0.5s ease-out forwards;animation:closeSearch 0.5s ease-out forwards;}
.header_v2 .hsearch.quit #seach {-webkit-animation:inputOut 0.3s forwards;-moz-animation:inputOut 0.3s forwards;-o-animation:inputOut 0.3s forwards;animation:inputOut 0.3s forwards;}
.header_v2 .hsearch.quit i {-webkit-animation:searchIOut 0.1s 0.4s forwards;-moz-animation:searchIOut 0.1s 0.4s forwards;-o-animation:searchIOut 0.1s 0.4s forwards;animation:searchIOut 0.1s 0.4s forwards;}






/*头部结束*/
/*侧边栏开始*/
.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;}

/* 侧边栏悬浮框 */
.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(sidebarIcon1.png) center center no-repeat #2c2b2b;
}
.sidebar li.li2{
    background: url(sidebarIcon2.png) center center no-repeat #2c2b2b;
}
.sidebar li.li3{
    background: url(sidebarIcon3.png) center center no-repeat #2c2b2b;
}
.sidebar li.li4{
    background: url(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: 5;}
.footer{background-color: #010101;width: 100%;position: static;z-index: 300;left: 0;bottom: 0;height: 0;overflow: hidden;z-index: 5;}
.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: #02bf6b;}
.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;}
.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%; 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;}
@media screen and (max-width: 1400px){
    .indexTitle,.indexMore{top: 80px;}
}

.indexProtop{width: 1200px;height:30%;margin: 0 auto; position: relative;z-index: 5;}
.indexProtop li{float: left;width:1200px;position: relative;height:80%; margin-top:20%;text-align: center;font-size: 0;  border-bottom: 1px solid hsla(0,0%,100%,.05);    }
.indexProtop li .imgnr{ width:1200px; height:100%; float:left;position: relative; 
  
    z-index: 5;}
.indexProtop li .imgnr span{display: block; float:left;height:48px; line-height:48px; text-align:center; color:#fff; font-size:18px; width:100%;}
.indexProtop li .imgnr b{display: block; float:left;height:100px; line-height:100px; width:100px; margin-left:550px; margin-right:550px; margin-top:15px;}
.indexProtop li:hover .imgnr{ background:#09538b;transition: all 0.4s ease-in-out 0s;}

/*.indexProtop li:after {
    content: " ";
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    
}*/

.footer_help .xl2 {
    height: 20px;
    width: 176px;
    border: 0px;
    background: #5c5c5c;
    color: #FFF;
}

.indexPro{width: 1200px;height:70%;margin: 0 auto;overflow: hidden;position: relative;z-index: 5;}
.indexPro li{float: left;width:240px;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: 238.8px;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: 208px;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: #025696;}
.indexPro li:hover .green{height: 100%;}
.indexPro li:hover .title .p2{ display:none;}
.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);
}

.section2{background: url(../images/bg_r2_c1.jpg) top center no-repeat; height:717px; width:100%; background-size: 100%  100% ; max-width:1920px; margin:0 auto;}
.section3{/*background: url(../images/bg_r3_c1.jpg) top center no-repeat; */height:712px; width:100%; background-size:100% 100% ; max-width:1920px; margin:0 auto;}
.section4{background: url(../images/bg_r4_c1.jpg) top center no-repeat; height:990px; width:100%; background-size:100% 100%; max-width:1920px; margin:0 auto;}
.section5{background: url(../images/bg_r5_c1.jpg) top center no-repeat; height:718px; width:100%; background-size: 100% 100%; max-width:1920px; margin:0 auto;}
.section6{background: url(../images/bg_r6_c1.jpg) top center no-repeat; height:717px; width:100%; background-size: 100% 100%; max-width:1920px; margin:0 auto;}



.sypanoramic {width:100%;height:712px;position: absolute; box-sizing:border-box;padding-top:0px;}
.sypanoramic .box {width:100%;height:712px;margin:auto;}
.sypanoramic  iframe {border: none;}
.ny_jdlm{ width:260px; height:80px; margin: 0 auto; margin-top:20px; margin-bottom:20px;}
.ny_jdlm1{ width:130px; height:80px; float:left;}
.ny_jdlm1 b{ display:block;width:80px; height:50px; margin-left:25px; margin-right:25px; float:left;}
.ny_jdlm1 span{ display:block;width:130px; height:30px; font-size:18px; color:#00c0ff; text-align:center; line-height:30px; float:left;}

.ny_jdlm2{ width:130px; height:80px; float:left;}
 
.ny_jdlm2 b{ display:block;width:80px; height:50px; margin-left:25px; margin-right:25px; float:left;}
.ny_jdlm2 span{ display:block;width:130px; height:30px; font-size:18px; color:#313131; text-align:center; line-height:30px; float:left;}

/*sy2*/
.sy2_top{ width:1200px; margin:0 auto; height:717px;}
.sy2_top .sy2_top_left{ width:1200px; float:left; height:717px;  }
.sy2_top .sy2_top_left .tit{ width:1200px; height:92px; line-height:92px; text-align:center; color:#00c0ff; font-size:30px;  margin-top:38px; font-weight:bold; float:left;}
.sy2_top .sy2_top_left .line{ background:#313131; width:60px; height:6px; float:left; margin-left:570px; margin-right:570px;}

.sy2_top .sy2_top_left .hdlist{ width:1200px; float:left; margin-top:50px; height:366px;}
.sy2_top .sy2_top_left .hdlist li:nth-of-type(1){ margin-bottom:30px;}
.sy2_top .sy2_top_left .hdlist li{ float:left; height:167px; width:100%;}
.sy2_top .sy2_top_left .hdlist li .pict{ float:left; height:167px; width:236px;    overflow: hidden; margin-right:36px;}
.sy2_top .sy2_top_left .hdlist li .pict img{width:100%;-webkit-transition:all .5s ease-in;-o-transition:all .5s ease-in;-ms-transition:all .5s ease-in;-moz-transition:all .5s ease-in;}
.sy2_top .sy2_top_left .hdlist li:hover .pict img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}	
.sy2_top .sy2_top_left .hdlist li .info{ float:left; height:167px; width:928px;    overflow: hidden; }
.sy2_top .sy2_top_left .hdlist li .info .biaoti{ color:#00c0ff; font-size:20px; font-weight:bold; width:928px; height:30px; line-height:30px; margin-bottom:6px;} 
.sy2_top .sy2_top_left .hdlist li .info  .miaoxu{ color:#323232; font-size:16px; text-align:left;width:928px; height:76px; line-height:28px; margin-bottom:0px;overflow: hidden;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;    padding-top: 8px;} 
	
.sy2_top .sy2_top_left .hdlist li .info  .othe{ width:928px; float:left; height:45px;}	
.sy2_top .sy2_top_left .hdlist li .info:hover .biaoti{ color:#068f4c;transition: all 0.4s ease-in-out 0s;}	
.sy2_top .sy2_top_left .hdlist li .info  .othe .time{ width:50%; height:45px; float:left; line-height:45px;text-align:left; font-size:16px; color:#999;}	
.sy2_top .sy2_top_left .hdlist li .info  .othe .time i{ width:45px; height:45px; display:block; float:left;}
.sy2_top .sy2_top_left .hdlist li .info  .othe .address{ width:50%; height:45px; float:left;line-height:45px; text-align:left;font-size:16px; color:#999;}		
.sy2_top .sy2_top_left .hdlist li .info  .othe .address i{ width:45px; height:45px; display:block; float:left;}	
	
.sy2_top .sy2_top_left .more{ width:160px; height:46p; float:left; margin-left:520px; margin-right:520px; line-height:46px; text-align:left; font-size:18px; color:#3c8560; margin-top:28px;}
.sy2_top .sy2_top_left .more i{ display:block; width:46px; height:46px; float:left; margin-right:15px;}
.sy2_top .sy2_top_left .more i img{ max-width:100%;}
.sy2_top .sy2_top_left .more:hover{ color:#03AA59}


 


 

/*sy3*/
.sy3_di{ width:1200px; margin:0 auto; height:248px; position: relative;}
.sy3_di .sy3_di_left{ width:1200px; float:left; height:248px;  }
 
.sy3_di .sy3_di_left .tit{ width:1200px; height:92px; line-height:92px; text-align:center; color:#00c0ff; font-size:30px;  margin-top:38px; font-weight:bold; float:left;}
.sy3_di .sy3_di_left .line{ background:#313131; width:60px; height:6px; float:left; margin-left:570px; margin-right:570px;}

.sy3_di .sy3_di_left .dslist{ width:848px; height:342px; margin-top:74px; float:left; margin-left:52px;}
.sy3_di .sy3_di_left .dslist ul{ zoom:1; margin-left:-25px;}
.sy3_di .sy3_di_left .dslist ul li{ width:236px; padding:15px; background:#fff; float:left; margin-left:25px; height:312px;}
.sy3_di .sy3_di_left .dslist ul li .img{width:236px; float:left; height:210px; overflow:hidden;}
.sy3_di .sy3_di_left .dslist ul li .img img{width: 100%;    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;}
.sy3_di .sy3_di_left .dslist ul li:hover .img img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}	
.sy3_di .sy3_di_left .dslist ul li:hover .bt{ color:#13A4E7;font-weight: bold;
    font-size: 16px;}
.sy3_di .sy3_di_left .dslist ul li .bt{width:236px; font-weight: bold;
    font-size: 16px;float:left; height:46px; text-align:left; overflow:hidden; line-height:46px; text-transform:uppercase;}	
.sy3_di .sy3_di_left .dslist ul li .bt span{ display:block; float:right; width:58px; height:18px;}
.sy3_di .sy3_di_left .dslist ul li .msx{width:236px; float:left; height:46px; text-align:left; overflow:hidden; font-size:14px; line-height:26px;}	

.sy3_di .sy3_di_right{ width:300px; float:left; height:812px; overflow:hidden;}
.sy3_di .sy3_di_right img{ max-width:100%;}


/*sy4*/


.section4  .dslist li {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);}




.sy4_di{ width:1200px; margin:0 auto; height:718px;}
.sy4_di .sy4_di_left{ width:1200px; float:left; height:718px;  }

.sy4_di .sy4_di_left .tit{ width:1200px; height:92px; line-height:92px; text-align:center; color:#00c0ff; font-size:30px;  margin-top:38px; font-weight:bold; float:left;}
.sy4_di .sy4_di_left .line{ background:#313131; width:60px; height:6px; float:left; margin-left:570px; margin-right:570px;}

.sy4_di .sy4_di_left .dslist{ width:586px; height:342px; margin-top:130px; float:left; margin-right:52px; }
.sy4_di .sy4_di_left .dslist ul{ zoom:1; margin-left:-14px;}
.sy4_di .sy4_di_left .dslist ul li{ width:286px; background:#fff; float:left; margin-left:14px; height:356px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.sy4_di .sy4_di_left .dslist ul li .img{width:286px; float:left; height:225px; overflow:hidden;}
.sy4_di .sy4_di_left .dslist ul li .img img{width: 100%;    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;}
.sy4_di .sy4_di_left .dslist ul li:hover .img img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}	
.sy4_di .sy4_di_left .dslist ul li:hover .bt{ color:#13A4E7}
.sy4_di .sy4_di_left .dslist ul li .bt{width:256px; float:left; padding-left:15px; padding-right:15px; color:#1f2c5e; font-size:18px; font-weight:bold; height:46px; text-align:left; overflow:hidden; line-height:46px; text-transform:uppercase;}	
 
.sy4_di .sy4_di_left .dslist ul li .msx{width:256px;padding-left:15px; padding-right:15px; float:left; height:60px; text-align:left; overflow:hidden; font-size:14px; line-height:26px;}	

.sy4_di .sy4_di_right{ width:586px; float:left; height:650px; overflow:hidden; margin-top:244px; position: relative;}

.sy4_di .sy4_di_right .img{ width:490px; height:620px; background:#fff; float:right;  overflow:hidden; padding:15px;}
.sy4_di .sy4_di_right .img span img{ max-width:100%; -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;}
.sy4_di .sy4_di_right .img span{ display:block; width:490px; height:620px; float:left; overflow:hidden;}
.sy4_di .sy4_di_right:hover .img  span img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
.sy4_di .sy4_di_right:hover .piaofu{ background:#ec4a27;}

.sy4_di .sy4_di_right .piaofu{     width:310px;padding-left:46px;padding-right:46px;float:left;/* display:none;*/    z-index:111;background:#F07E66;color:#fff;bottom:98px;padding-bottom:25px;padding-top:25px;height:135px;position:absolute;-webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;}

.sy4_di .sy4_di_right .piaofu h3{ width:310px; height:40px; line-height:40px; text-align:center; font-size:20px; display:block; float:left;}
.sy4_di .sy4_di_right .piaofu p{ width:310px; height:90px; line-height:26px; text-align:left; font-size:16px; display:block; float:left;}

.sy_xcsp_con{width: 1200px;height:360px; float:left;}

#certify {position:relative;width:1200px;/*判断宽度设置响应式效果*/margin:60px auto}
#certify .swiper-container {padding-bottom:60px;}
#certify  .swiper-slide {width:640px;height:360px;background:#fff; }
#certify  .swiper-slide img {width:640px;height:360px;display:block; }
#certify .swiper-pagination {width:100%;bottom:20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border:3px solid #00aadc;background-color:#fff;}
#certify .swiper-button-prev {left:-70px;width:60px;height:111px;top:178px;background:url(left.png) no-repeat;background-size:100%;}
#certify .swiper-button-prev:hover {/*background-position:0 -46px;*//*background-size:100%*/}
#certify .swiper-button-next {right:-70px;width:60px;height:111px;top:178px;background:url(right.png) no-repeat;background-size:100%;}
#certify .swiper-button-next:hover {/*background-position:0 -139px;*//*background-size:100%*/}
#certify .swiper-wrapper .text{ height:64px; line-height:64px; width:640px; float:left; display:none;   }
#certify .swiper-wrapper .ntt{ height:64px; line-height:64px;    display: table; margin: 0 auto;    text-align:left; font-size:18px; }
#certify .swiper-slide-active .text{ display:block;} 			
/*sy5*/ 
.sy5_di{ width:1200px; margin:0 auto; height:718px;}
.sy5_di .sy5_di_left{ width:1200px; float:left; height:718px;  }
.sy5_di .sy5_di_left .tit{ width:1200px; height:92px; line-height:92px; text-align:center; color:#fff; font-size:30px;  margin-top:38px; font-weight:bold; float:left;}
.sy5_di .sy5_di_left .line{ background:#fff; width:60px; height:6px; float:left; margin-left:570px; margin-right:570px;}

.sy5_di .sy5_di_left .news_tmid{ width:708px; height:416px; float:left; margin-top:100px;}
.sy5_di .sy5_di_left .news_tmid li{ width:708px; float:left; height:106px; cursor:pointer;}
.sy5_di .sy5_di_left .news_tmid li.activ2{ background:#00c0ff}
.sy5_di .sy5_di_left .news_tmid li:hover{ background:#00c0ff;transition: all 0.3s ease-in-out 0s;}
.sy5_di .sy5_di_left .news_tmid .sy_news{ width:684px; float:left; height:82px; padding:12px; color:#fff;}
.sy5_di .sy5_di_left .news_tmid .sy_news .sy_news_time{ width:70px; height:82px; padding-right:22px; border-right:#fff solid 1px; float:left; margin-right:30px;}
.sy5_di .sy5_di_left .news_tmid .sy_news .sy_news_time b{ width:70px; height:42px; display: block; line-height:52px; font-weight:100; float:left; font-size:48px; margin-bottom:10px;}
.sy5_di .sy5_di_left .news_tmid .sy_news .sy_news_time span{ width:70px; height:30px; line-height:30px; text-align:left; display:block; float:left; font-size:14px;}

.sy5_di .sy5_di_left .news_tmid .sy_news .sy_news_text{ width:561px; height:82px;  float:left; text-align:left;  }
.sy5_di .sy5_di_left .news_tmid .sy_news .sy_news_text .sy_news_title{ width:561px; font-size:18px; line-height:34px; height:34px;  float:left;  }
.sy5_di .sy5_di_left .news_tmid .sy_news .sy_news_text .sy_news_mx{ width:561px; font-size:14px; line-height:24px; height:48px;  float:left;  }



.sy5_di .sy5_di_left .sy_news_pic{ width:454px; height:416px; float:left; margin-left:38px;margin-top:100px;}
.sy5_di .sy5_di_left .sy_news_pic .sy_news_pic1{ width:454px; height:416px; float:left; background:url(../images/index_r2_c4.png) no-repeat top left;}
.sy5_di .sy5_di_left .sy_news_pic .sy_news_pic2{ width:454px; height:416px; float:left; background:url(../images/index_r2_c42.png) no-repeat top left;}
.sy5_di .sy5_di_left .sy_news_pic .sy_news_pic3{ width:454px; height:416px; float:left; background:url(../images/index_r2_c43.png) no-repeat top left;}


.sy5_di .sy5_di_left .sy_news_pic .sy_n_pic{ width:425px; height:246px; float:left; margin-left:19px;margin-top:10px;margin-right:10px;}
.sy5_di .sy5_di_left .sy_news_pic .sy_n_pic img{width:425px; height:246px;}
.sy5_di .sy5_di_left .sy_news_pic .sy_n_pic_tit{ width:425px; height:60px; float:left; margin-left:19px; line-height:60px;margin-right:10px; text-align:center; font-size:18px; color:#333333;}



.sy5_di .sy5_di_left .mxx{ width:844px; height:72px; line-height:36px; text-align:left; color:#343434; font-size:18px;   float:left; margin-top:30px; margin-bottom:40px;}
.sy5_di .sy5_di_left .dslist{ width:844px; height:342px; margin-top:16px; float:left; margin-right:52px;}
.sy5_di .sy5_di_left .dslist ul{ zoom:1; margin-left:-18px;}
.sy5_di .sy5_di_left .dslist ul li{ width:269px;   background:#fff; float:left; margin-left:18px; height:312px;}
.sy5_di .sy5_di_left .dslist ul li .img{width:269px; float:left; height:190px; overflow:hidden;}
.sy5_di .sy5_di_left .dslist ul li .img img{width: 100%;    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;}
.sy5_di .sy5_di_left .dslist ul li:hover .img img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}	
.sy5_di .sy5_di_left .dslist ul li:hover .bt{ color:#13A4E7}
.sy5_di .sy5_di_left .dslist ul li .bt{width:239px; padding:0px 15px 0px 15px; float:left; height:46px; text-align:left; overflow:hidden; font-size:18px; line-height:55px; text-transform:uppercase;}	
 
.sy5_di .sy5_di_left .dslist ul li .msx{width:239px; padding:0px 15px 0px 15px;float:left; height:46px; text-align:left; overflow:hidden; font-size:14px; line-height:26px;}	

.sy5_di .sy5_di_right{ width:299px; float:right; height:794px; overflow:hidden;}
.sy5_di .sy5_di_right img{ max-width:100%;}




#featured-area {height:400px;width:1200px;margin:0px auto 0}
.roundabout-holder {list-style:none;width:1200px;height:400px;margin:0 auto}
.roundabout-moveable-item {height:360px;width:640px;cursor:pointer;}
.roundabout-moveable-item img {height:100%;width:100%;background-color:#fff;margin:0}
.roundabout-in-focus {cursor:auto}
.roundabout-in-focus:hover {-webkit-box-shadow:0 0 20px #787878;-moz-box-shadow:0 0 20px #787878;background:#f9f9f9}
.roundabout-holder span {display:none}
.roundabout-in-focus:hover span {display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#36c;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-left:1px solid #aaa;border-top:1px solid #aaa}
.roundabout a:active,.roundabout a:focus,.roundabout a:visited {outline:0;text-decoration:none}
.roundabout li {margin:0}
.img_div {width:1200px;float:left;height:500px; margin-top:80px;}
.roundabout-in-focus a .text {display:block;}
.roundabout-moveable-item .text {height:64px;line-height:64px;width:640px;float:left;display:none;}
#featured-area  .text .ntt {height:64px;line-height:64px;display:table;margin:0 auto;text-align:left;font-size:18px;}


/*sy6*/
.sy6{ width:1200px; margin:0 auto; height:718px;}
.sy6 .entit{ width:1200px; height:60px; line-height:60px; text-align:left; color:#fff; font-size:28px; letter-spacing:2px; text-transform:uppercase;  margin-top:80px; font-weight:bold; float:left;}
.sy6 .tit{ width:1200px; height:30px; line-height:30px; text-align:left; color:#fff; font-size:20px; letter-spacing:2px; text-transform:uppercase;   font-weight:bold; float:left;}
.sy6  .ksd{ width:1200px; height:120px; float:left;    margin-top:115px;}
.sy6  .ksd ul{ margin-left:-83px; zoom:1;}
.sy6  .ksd ul li{ width:100px; height:120px; float:left; margin-left:83px; cursor:pointer;}
.sy6  .ksd ul li b{ display:block; float:left; width:90px; height:90px; margin-left:5px; margin-right:5px;}
.sy6  .ksd ul li span{ display:block; float:left; width:100px; height:30px; line-height:30px; text-align:center; color:#e2e2e2; font-size:18px;}
.sy6  .ksd ul li.ed1 b{ background:url(../images/d1.png) no-repeat top center;}
.sy6  .ksd ul li.ed2 b{ background:url(../images/d2.png) no-repeat top center;}
.sy6  .ksd ul li.ed3 b{ background:url(../images/d3.png) no-repeat top center;}
.sy6  .ksd ul li.ed4 b{ background:url(../images/d4.png) no-repeat top center;}
.sy6  .ksd ul li.ed5 b{ background:url(../images/d5.png) no-repeat top center;}
.sy6  .ksd ul li.ed6 b{ background:url(../images/d6.png) no-repeat top center;}
.sy6  .ksd ul li.ed7 b{ background:url(../images/d7.png) no-repeat top center;}

.sy6  .ksd ul li.ed1:hover b{ background:url(../images/d1on.png) no-repeat top center;}
.sy6  .ksd ul li.ed2:hover b{ background:url(../images/d2on.png) no-repeat top center;}
.sy6  .ksd ul li.ed3:hover b{ background:url(../images/d3on.png) no-repeat top center;}
.sy6  .ksd ul li.ed4:hover b{ background:url(../images/d4on.png) no-repeat top center;}
.sy6  .ksd ul li.ed5:hover b{ background:url(../images/d5on.png) no-repeat top center;}
.sy6  .ksd ul li.ed6:hover b{ background:url(../images/d6on.png) no-repeat top center;}
.sy6  .ksd ul li.ed7:hover b{ background:url(../images/d7on.png) no-repeat top center;}
.sy6  .ksd ul li:hover span{ color:#fff;}


.sy6  .link{ width:1200px; height:88px; float:left; overflow:hidden; margin-bottom:234px; margin-top:72px; color:#fff;} 
.sy6  .link .link_tit{ width:84px; float:left; padding-right:15px; height:50px; border-right:#fff solid 2px; margin-right:15px; font-size:18px; line-height:25px;}
.link_list{ width:1084px; float:left; height:50px; text-align:left; overflow:hidden;}
.link_list a{float: left;
    padding-right: 15px;
    padding-left: 10px;
    padding-bottom: 6px;
    display: block;
    width: 240px;}
.link_list a:hover{ color:#1f6332;}
.sy6  .copyright{ width:1200px; height:86px; float:left; overflow:hidden; line-height:86px; color:#fff; font-size:14px;} 
.sy6  .copyright span{ float:right; color:#fff;}
.sy6  .copyright span a{ color:#fff;}
.sy6  .stu5{ width:332px; height:234px; float:left; overflow:hidden; } 
.sy6  .stu1:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
.sy6  .stu2:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
.sy6  .stu3:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
.sy6  .stu4:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
.sy6  .stu5:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}

.sy6  .stu img{width: 100%;    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;}
/* 本例子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: 144px;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,.5);-moz-background: rgba(255,255,255,.5);background: rgba(255,255,255,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff);position: relative;z-index: 2;}
.indexAttr .txt .num{font-size: 36px;padding-top: 30px;color: #1889CD;}
.indexAttr .txt .name{/*writing-mode: vertical-lr;writing-mode: tb-lr;*/ padding-top:25px; text-align: center;padding-left:0px;font-size: 12px; text-transform:uppercase;}
.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: 14px;width: 100%;z-index: 5;}
.indexAttr .cover .btm .name{font-size: 12px;line-height: 22px;float: left;padding-left: 18px;}
.indexAttr .cover .btm .more{float: left;  margin-left: 22px;width: 95px;height: 20px;line-height: 20px; border-radius: 20px;margin-right: 16px;font-size: 12px;}
.indexAttr .cover .btm .more span{font-family: "宋体";}
.indexAttr .cover .btm .more:hover{ color:#fff;}
.indexAttr li.on{width: 480px;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(index2Bg2.png);color: #fff;}


.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: 230px;height: 130px;overflow: hidden;margin: 73px auto 0;}
.indexTech .icon img{display: block;width: 100%;height: 100%;}
.indexTech .p1{font-size: 24px;padding: 19px 0 5px;}
.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: #065998;}
.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);}

.indexTech .testyy{ height:400px; overflow:hidden; float:right; width:600px;}

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





.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:#025696;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;}
.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:#025696;}
.indexNews .right li:hover .text .p1{color: #025696;}
.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);}
.indexAbout .right .indexMore2 {
    position: relative;
    top: auto;
    right: auto;
    text-align: left;
    margin: 0;
}
.indexMore2{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;}
 .indexAbout{width: 1200px;height: 450px;margin: 0 auto;position: relative;z-index: 5;color: #fff;padding-top: 80px;}
.indexAbout .left{float: right;width: 304px;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: 18px;line-height: 38px; color:#1a89ce;}
.indexAbout .left .ways{font-size: 14px;line-height: 24px;padding: 15px 0 154px;}
.followTitle{height: 120px;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: LEFT;width: 779px;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 80px 30px; width: 739px;font-size: 14px;line-height: 30px;height:100px; padding:20px;overflow: hidden; background:url(index_r11_c4.jpg) no-repeat top center;}
.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;}




.footer_main{ width:100%; margin:0 auto;background:#1F2D5E; height:288px}

.footer_main a:hover{color:#13A4E7;}
.footer_main a { color:#e7e7e7;}
.fix:before, .fix:after {
    display: table;
    clear: both;
    content: '';
}

.footer_maink{ width:1200px; margin:0 auto; height:288px;}

.ft_one{ width:306px;  height:223px; float:left; margin-top:65px; position: relative; border-right:#5d678b solid 1px;   }
.ft_one .elogo{ width:242px; height:74px; float:left; margin-left:64px;} 
.ft_one .elogo img{ max-width:100%;}
.ft_one .tell{ width:222px; height:123px; margin-top:5px; float:left; margin-left:84px; line-height:26px; color:#e7e7e7; font-size:14px; font-family:" ";}


.ft_two{ width:600px;  height:223px; float:left; margin-top:65px; position: relative; border-right:#5d678b solid 1px; font-family:" ";   }
.ft_two .ftwo1 { width:600px; float:left ; height:170px;}
.ft_two .ftwo2 { width:600px; float:left ; height:50px; text-align:center;color:#e7e7e7; font-size:14px; line-height:50px;}
.ft_two .ftwo1 dl{float: left;
    width: 149px;
    text-align: center;
    margin-right: 0px;}
.ft_two .ftwo1 dl dt {font-size:18px;color:#e7e7e7;line-height:24px;margin-bottom:18px; margin-top:5px;font-weight:100;}

.ft_two .ftwo1 dl dd{font-size:14px; color:#e7e7e7; line-height:30px; float:left; width:149px;} 

 
 
.ft_three{ width:292px; height:223px; float:left; margin-top:65px;    }
.ft_three span{ display:block; width:100px; height:130px; float:left; margin-left:108px;}
.ft_three span img{ max-width:100%;}




@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(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 #02bf6b; cursor:pointer; border-radius: 50%;opacity: 0.5;filter:alpha(opacity = 50);background: 0 none;}
.proList .slideBox .hd ul li.on{ background-color: #02bf6b; 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(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(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;}


@media (max-width: 1366px) and (min-width: 1024px){
.head .inav_wrapper {
    position: absolute;
    right: 16%;
    height: 100%;
    top: 0;
}
.blue .logo {
    position: absolute;
    top: 14px;
    left: 2%;
}

.head .head_right {
    width: 300px;
    float: right;
    position: absolute;
    right: 1%;
    height: 68px;
    top: 10px;
}

}