@charset "utf-8";
*{margin:0;padding:0; font-family:"Microsoft YaHei"; color: #000;}
a{outline:none; text-decoration: none}
a:focus{outline:none;}
a:hover{text-decoration:none; color: #0080cc}
img{ border:0;}
li{list-style:none;}
h1,h2,h3,em,b{font-weight: normal;}
table{border-collapse:collapse;border-spacing:0;}
.bold{font-weight: bold;}
.hide{display: none;}
.top1{height: 1px;}
.clear{clear: both; height: 0; line-height: 0}
.clear30{clear: both; height: 30px; line-height: 30px}
.clear50{clear: both; height: 50px; line-height: 50px}

@media only screen and (min-width: 1910px) and (max-width: 1920px){
    body{
        overflow-x: hidden;
    }
}
@media only screen and (min-width: 369px) and (max-width: 1909px){
    body{
        overflow-x: visible;
    }
}
.body{
    width: 100%;min-width: 1024px;
    margin: 0 auto;
    position: relative;
}
.en *{
    font-family: Arial;
}
.en .title_en{
    color: #fff!important;
}
.top{
    width: 100%; min-width: 1024px; height: 76px; overflow: hidden;
    position: fixed; top: 0; left: 0; z-index: 999;
    background-color: #fff;
}
.top .logo{
    position: absolute; top: 22px; left: 57px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transform: all 0.5s ease-in-out 0s;
    -ms-transform: all 0.5s ease-in-out 0s;
    -o-transform: all 0.5s ease-in-out 0s;
}
.top .menu{
    /*position: absolute; top: 0; left: 440px;*/
    margin: 0 auto;
    width: 1024px;
    line-height: 76px; height: 76px;
    font-size: 14px; color: #666666;white-space:nowrap;
}
.top .menu.en{
    width: 800px;
}
.top .menu div{
    float:left;
}
.top .menu .menu-btn{
    width: 14.28%; height: 76px;
    text-align: center;
    padding: 0; margin: 0;
}
.top .menu.en .menu-btn{
    width: 25%;
}
.top .menu .menu-btn a.act{
    color: #0080cc; height: 74px;
    border-bottom: 2px solid #0080cc;
}
.top .menu .menu-point{
    float: left; width: 2px; height: 2px;
    background-color: #959595; margin-top: 40px;
}
.top .language{
    width: 66px; height: 20px; overflow: hidden;
    position: absolute; top: 30px; right: 54px;
}
.top2{
    width: 100%;min-width: 1024px; height: 0; background-color: #f8f8f8;
    position: fixed; top: 76px; left: 0;
    border-top: 1px solid #eef2f4;
    border-bottom: 1px solid #eff3f5;
    z-index: 999; overflow: hidden;
    -webkit-transition: height 0.8s ease;
}
.icons{
    width: 1024px; margin: 0 auto;
}

.top2.en .icons{
    width: 800px;
}

.top2 .icon{
    float: left; width: 14.28%;
    height: 77px;
}
.top2.en .icon{
    width: 25%;
}
.top2 .icon1{
    background: url("../img/com/icon1.png") no-repeat center 32px;
}
.top2 .icon1.act{
    background: url("../img/com/icon1_act.png") no-repeat center 32px;
}
.top2 .icon2{
    background: url("../img/com/icon2.png") no-repeat center 32px;
}
.top2 .icon2.act{
    background: url("../img/com/icon2_act.png") no-repeat center 32px;
}
.top2 .icon3{
    background: url("../img/com/icon3.png") no-repeat center 32px;
}
.top2 .icon3.act{
    background: url("../img/com/icon3_act.png") no-repeat center 32px;
}
.top2 .icon4{
    background: url("../img/com/icon4.png") no-repeat center 32px;
}
.top2 .icon4.act{
    background: url("../img/com/icon4_act.png") no-repeat center 32px;
}
.top2 .icon5{
    background: url("../img/com/icon5.png") no-repeat center 32px;
}
.top2 .icon5.act{
    background: url("../img/com/icon5_act.png") no-repeat center 32px;
}
.top2 .icon6{
    background: url("../img/com/icon6.png") no-repeat center 32px;
}
.top2 .icon6.act{
    background: url("../img/com/icon6_act.png") no-repeat center 32px;
}
.top2 .icon7{
    background: url("../img/com/icon7.png") no-repeat center 32px;
}
.top2 .icon7.act{
    background: url("../img/com/icon7_act.png") no-repeat center 32px;
}
.top2 .menu{
    width: 1024px;
    margin: 80px auto;
    /*margin-left: 445px; margin-top: 80px;*/
}
.top2.en .menu{
    width: 800px;
}
.top2 .menu .menu-btns{
    float:left;
    width: 14.28%;
    text-align: center;
}
.top2.en .menu .menu-btns{
    width: 25%;
}/*
.top2 .menu .menu-btns4{
    width: 155px;
}
.top2 .menu .menu-btns6{
    width: 135px;
}
.top2 .menu .menu-btns7{
    width: 135px;
}
.top2 .menu .menu-btns1{
    width: 130px;
}*/
.top2 .menu a{
    font-family: "瀹嬩綋"; font-size: 12px; color: #666; line-height: 40px;
}
.top2 .menu a:hover{
    color: #0080cc;
}
.top2 .menu .menu-line{
    float: left; width: 1px; height: 136px;
    background-color: #e0e0e0; margin-top: 10px;
}

.banner{
    width: 100%; height: 224px;
}
/*.banner img{
    width: 100%; height: 399px;
}*/

.submenu{
    width: 100%; height: 49px; background-color: #f8f8f8;
    position: relative;
}
.submenu .submenu-btn{
    float: left;
    width: 172px; height: 49px; line-height: 49px;
    font-size: 14px; color: #666; text-align: center;
}
.en .submenu .submenu-btn{
    width: 230px; margin: 0 18px;
}
.submenu .submenu-con1{
    margin: 0 auto; width: 176px;
}
.en .submenu .submenu-con1{
    margin: 0 auto; width: 270px;
}
.en .submenu .submenu-con1 .submenu-btn{
   /* padding: 0 22px;*/
    padding: 0;
}
.submenu .submenu-con2{
    margin: 0 auto; width: 346px;
}
.submenu .submenu-con3{
    margin: 0 auto; width: 522px;
}
.en .submenu .submenu-con3{
    margin: 0 auto; width: 820px;
}
.submenu .submenu-con4{
    margin: 0 auto; width: 694px;
}
.en .submenu .submenu-con4{
    margin: 0 auto; width: 888px;
}
.en .submenu .submenu-con4 .submenu-btn{
    width: 180px; margin: 0 18px;
}
.submenu .submenu-btn.act{
    color: #0080cc;
    background: url("../img/com/submenu.png") no-repeat center;
}
.submenu .submenu-btn:hover{
    color: #0080cc;
    background: url("../img/com/submenu.png") no-repeat center;
}
.submenu .submenu-line{
    float: left;
    margin-top: 22px;
    width: 2px; height: 14px; background-color: #bdbdbd;
}


.content{
    width: 1000px;
    margin: 0 auto;
    position: relative;
    /*position: absolute; left: 460px;*/
}
.content .catalog{
    width: 170px; height: 16px; line-height: 16px;
    position: absolute; top: -35px; right: 0;
    font-size: 12px; color: #999; text-align: right;
    float: right;
}
.content .catalog.w270{
    width: 270px;
}
.content .catalog.width_auto{
    width: auto!important;
}
.content .catalog img{
    margin: 0 7px 2px;
}
.content .catalog img.home{
    position: absolute; right: 145px; top: 1px;
}
.content .catalog.w270  img.home{
    right: 205px;
}
.content .catalog.width_auto  img.home{
    /*right: 205px;*/
    left: -22px;
}
.content .line1{
    width: 1000px; height: 1px; background-color: #999;
    margin-top: 83px;
}
.content .title_en{
    font-size: 14px; color: #333; font-family: "Arial"; text-align: center; text-transform:uppercase;
    margin-top: 60px;
    width: auto;
}
.content .title_cn{
    width: auto;
    font-size: 45px; color: #333; font-weight: bold; text-align: center;
    margin-top: 8px;
}
.content .line2{
    width: 32px; height: 2px; background-color: #0080cc;
    margin-left: 484px; margin-top: 20px;
}
.bottom{
    width: 1000px;
    text-align: center;/* position: absolute; bottom: 50px; left: 460px;*/
    margin: 0 auto 55px auto;
}
.bottom *{
    font-size: 14px; color: #999;
}
.bottom .bottom1{
    margin-top: 300px;
}
.bottom .bottom1 img{
    margin-right: 25px;
}
.bottom .line{
    width: 1000px; height: 1px; background-color: #999;
    margin-top: 20px;
}
.bottom .bottom2{
    margin-top: 15px;
}



/*棣栭〉*/
#Home{
    width: 100%; height: 1004px; overflow: hidden;
    position: absolute; top: 76px; left: 0;
}
#Home .swiper-container{
    position: relative;
    width: 100%; height: 703px;
}
#Home .new_materials_new_life{
    position: absolute; left: 0; top: 0; z-index: 99;
    width: 100%; height: 703px;
}
#Home .new_materials_new_life div{
    margin: 0 auto;
    width: 1200px; height: 703px;
    background: url("../img/home/new_materials_new_life.png") no-repeat left center;
}
#Home .new_materials_new_life_en{
    position: absolute; left: 0; top: 0; z-index: 99;
    width: 100%; height: 703px;
    background: url("../img/home/new_materials_new_life_en.png") no-repeat center;
}

#Home .new_materials_new_life2{
    position: absolute; left: 0; top: 222px; z-index: 99;
    width: 800px; height: 148px;
    background: rgba(0,128,204,.65);
    padding: 40px 40px;
	
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    -ms-transition:all 1s;
    transition:all 1s;
}
#Home .new_materials_new_life2 div{
    float: right;
}
#Home .new_materials_new_life2 h2{
    font-size: 85px; font-weight:bold; font-family: "Microsoft YaHei","寰蒋闆呴粦"; color: #fff;
    line-height: 80px;
    margin-bottom: 22px;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    -ms-transition:all 1s;
    transition:all 1s;
}
#Home .new_materials_new_life_en2{
    height: 188px;
    padding: 30px 40px;
}
#Home .new_materials_new_life_en2 h2{
    width: 404px; height: 126px;
    line-height: auto;
    background: url("../img/home/new_materials_new_life_en.png") no-repeat center;
    background-size: 100%;
    margin-bottom: 10px;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    -ms-transition:all 1s;
    transition:all 1s;
}
#Home .new_materials_new_life2 p{
    font-size: 15px; font-weight:normal; font-family: Arial;color: #fff;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    -ms-transition:all 1s;
    transition:all 1s;
}
#Home .swiper-pagination{
    top: 350px; right: 40px;

}
#Home .swiper-container img{

}
#Home .swiper-pagination .swiper-pagination-bullet{
    width: 30px; height: 30px; opacity: 1;
    background: url("../img/home/dot.png") no-repeat;
}
#Home .swiper-pagination .swiper-pagination-bullet-active{
    width: 30px; height: 30px;
    background: url("../img/home/dot_act.png") no-repeat;
}
#Home .bg_gray{
    width: 100%;
    background-color: #f8f8f8;
}
#index_news {width:482px;height:50px;overflow:hidden;position:relative;float:left}
#index_news .tit {font-size:13px;width:105px;height:50px;line-height:50px;position:absolute;}
#index_news ul {position:absolute;margin-left:110px;}
#index_news ul li {font-size:13px;height:50px;line-height:50px;}
#Home .menu1{
    width: 1200px; height: 50px; line-height: 50px;
    margin: 0 auto;
    background-color: #f8f8f8;
   /* padding: 0 360px;*/
}
#Home .menu1 span{
    font-size: 14px; color: #333;
    margin-left: 320px;
}
#Home .menu1.en span{
    margin-left: 0;
}
#Home .menu1 span:first-child{
}

#Home .menu1 .searchForm{
    float: right;
    width: 112px;
    position: relative;
}
#Home .menu1 input{
    width: 112px; height: 31px; background: url("../img/home/search.png") no-repeat;
    border: 0; padding: 0 60px 0 20px;
    margin-top: 10px;
    float: right;
}
#Home .menu1 input:focus{
    background: url("../img/home/focus.png") no-repeat;
}
#Home .menu1 .submit{
    position:absolute; top: 0px; right: 0;
    width: 38px; height: 31px; padding: 0;
    display:block;
    cursor: pointer;
    background: none;
}


#Home .menu1 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #f8f8f8;
}
#Home .menu1 input:-moz-placeholder, textarea:-moz-placeholder {
    color: #f8f8f8;
}
#Home .menu1 input::-moz-placeholder, textarea::-moz-placeholder {
    color: #f8f8f8;
}
#Home .menu1 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #f8f8f8;
}
#Home .bottom_menu{
    width: 1200px; margin:25px auto; position: relative;
}
#Home .menu2{
    width: 740px; height: 225px; float: left; position: relative;
}
#Home .menu3{
    width: 460px; height: 225px; float: left; position: relative;
}
#Home .menu2 dl{
    width: 14.28%;float: left;
}
.en #Home .menu2 dl{
    width: 25%;
}
#Home .menu2 dl dt{
    height: 32px;
    font-size: 16px; font-weight: bold; color: #666666;
    margin-bottom: 12px;
    border-bottom: 1px solid #999;
}
#Home .menu2 dl dd a{
    height: 32px; line-height: 32px;
    font-size: 12px; color: #999; font-family: "瀹嬩綋"; line-height: 22px;
}
#Home .menu2 dl dd  a:hover{
    color: #0080cc;
}

#Home .menu2 span{
    font-size: 16px; color: #666; font-weight: bold; display: block;
}
#Home .menu2 .line{
    width: 876px; height: 1px; background-color: #999; margin: 8px 0 12px;
}
#Home .menu2 .href1{
    margin-right: 60px;
}
#Home .menu2 .href2{
    margin-right: 83px;
}
#Home .menu2 .href3{
    margin-right: 70px;
}
#Home .menu2 .href4{
    margin-right: 20px;
}
#Home .menu2 .href5{
    margin-right: 72px;
}
#Home .menu2 .href6{
    margin-right: 68px;
}
#Home .menu2 .href div{
    float: left;
}
#Home .menu2 .href a{
    font-size: 12px; color: #999; font-family: "瀹嬩綋"; line-height: 22px;
}
#Home .menu2 .href a:hover{
    color: #0080cc;
}
#Home .bottom_menu .video{
    position: absolute; top: 0px; right: 0px;
}
#Home .bottom_menu .play{
    position: absolute; top: 0px; right: 0px;
}
#Home .footer{
    width: 100%; height: 51px; line-height: 51px;
    background-color: #0080cc;
    position: relative;
}
#Home .footer .con{
    width: 1200px;
    margin: 0 auto;
    height: 51px; line-height: 51px;
    position: relative; font-size: 12px; color: #fff;
}
#Home .footer a{
    color: #fff;
}
#Home .footer a:hover{
    color: #eee;
}
#Home .footer p{
    position: absolute; top: 0; right: 0px; color: #fff;
}


/*鍗庡嘲鏂版潗鏂?/
#Material{
    width: 100%; min-width: 1024px; overflow: hidden;
    position: absolute; top: 76px; left: 0;
}
/*#Material .submenu-btn1{left: 704px}
#Material .submenu-btn2{left: 874px}
#Material .submenu-btn3{left: 1044px}
#Material .submenu-line1{left: 874px}
#Material .submenu-line2{left: 1045px}
#Material .content .catalog{width: 190px}
#Material .content .catalog img.home{right: 160px}*/
#Material .background{
    width: 100%; height: 321px; position: absolute; top: 1020px; left: 0;
    background: url("../img/background1.jpg") no-repeat center;
}
#Material .content .text1{
    font-size: 30px; color: #333; text-align: center; line-height: 39px;
    margin-top: 25px;
}
.en #Material .content .text1{
    font-size: 28px;
}
#Material .content .text2{
    font-size: 14px; color: #666; text-align: left; line-height: 32px;
    margin-top: 75px;
}
#Material .content .text3{
    font-size: 14px; color: #666; text-align: left; line-height: 32px;
    margin-top: 600px;
}
#Material .content .infos{
    margin-top: 80px;
}
#Material .content .infos *{
    font-size: 16px; color: #999; line-height: 36px; float: left;
}
#Material .content .infos .left{
     width: 394px; text-align: right;
}
#Material .content .infos .line{
    width: 1px; height: 339px; background-color: #999; margin: 10px 105px 0;
}
#Material .content .infos .right{
    width: 394px; text-align: left;
}



/*鍏徃鐞嗗康*/
#Philosophy{
    width: 100%; min-width: 1024px;overflow: hidden;
    position: absolute; top: 76px; left: 0;
}
#Philosophy .submenu-btn1{left: 704px}
#Philosophy .submenu-btn2{left: 874px}
#Philosophy .submenu-btn3{left: 1044px}
#Philosophy .submenu-line1{left: 874px}
#Philosophy .submenu-line2{left: 1045px}
#Philosophy .background{
    width: 100%; height: 466px; position: absolute; top: 890px; left: 0;
    background: url("../img/philosophy/background.jpg") no-repeat;
}
#Philosophy .content {
	text-align:center;
}
#Philosophy .content .text1{
    font-size: 30px; color: #333; text-align: center; line-height: 39px;
    margin-top: 25px;
}
#Philosophy .content .text2{
    font-size: 26px; color: #666; text-align: center; font-weight: bold;
    margin-top: 140px;
}
#Philosophy .content .img1{margin-top: 65px}
#Philosophy .content .img2{margin: 250px auto 0 auto;}




/*鍏徃澶т簨璁?/
#Events{
    width: 100%; min-width: 1024px;
    position: absolute; top: 76px; left: 0;
}
#Events .submenu-btn1{left: 704px}
#Events .submenu-btn2{left: 874px}
#Events .submenu-btn3{left: 1044px}
#Events .submenu-line1{left: 874px}
#Events .submenu-line2{left: 1045px}
#Events .content .catalog{width: 190px}
#Events .content .catalog img.home{right: 160px}
#Events .background{
    width: 100%; height: 460px; position: absolute; top: 890px; left: 0;
    background: url("../img/events/background.jpg") no-repeat center;
}
#Events .content .text1{
    font-size: 30px; color: #333; text-align: center; line-height: 39px;
    margin-top: 25px;
}
#Events .content .img{
    margin-left: 165px; margin-top: 630px;
}
#container{position:relative;padding-bottom:30px;padding-left:0px;width:1040px;height: auto;padding-right:0px;padding-top:30px}

.timeline_container{z-index:50;text-align:center;margin:0px auto;width:29px;display:block;height:100%;cursor:pointer}
.timeline{position:absolute;margin:0px auto;width:1px;display:block;background:#0080cc;float:left;height:88%;font-size:0px;top:0px;left:518px}
/*.timeline div.plus{z-index:5000;position:absolute;width:29px;background:url("../img/events/timeline.png") 0px -36px;height:10px;top:0px;left:-11px}
.timeline div.plus2{position:absolute;width:10px;bottom:0px;background:url("../img/events/timeline.png") -29px -26px;height:10px;left:-3px}*/
.hidden{ display: none;}

.leftcorner{z-index:99;position:absolute;width:36px;display:block;height:26px;overflow:hidden}
.rightcorner{z-index:99;position:absolute;width:36px;display:block;height:26px;overflow:hidden}
.rightcorner{background:url("../img/events/timeline.png") no-repeat 0px 0px;top:25px;right:-36px}
.leftcorner{background:url("../img/events/timeline.png") no-repeat -36px 0px;top:10px;left:-36px;}
.item{border-bottom:#eaeaea 1px solid;position:relative;border-left:#eaeaea 1px solid;padding-bottom:15px;line-height:30px;margin:20px 29px 0px;min-height:60px;padding-left:15px;width:428px;padding-right:15px;display:block;font-family:"microsoft jhenghei", "microsoft yahei";word-wrap:break-word;background:#ffffff;float:left;font-size:13px;border-top:#eaeaea 1px solid;border-right:#eaeaea 1px solid;padding-top:15px;box-shadow:0px 1px 8px rgba(202, 202, 202, 0.3)}
.item h3{line-height:30px;width:428px;display:block;height:30px;font-weight:normal}
.item h3 .fl{float:left;color:#0080cc;font-size:16px;
    font-weight:bold;}
.item h3 .fr{text-align:right;float:right;color:#999999;font-size:12px}
.item p.con{border-bottom:#ececec 0px dashed;padding-bottom:15px;line-height:30px;width:428px;display:block;color:#555555;border-top:#999999 1px solid;font-weight:normal;padding-top:15px}
.item p{text-indent:2em}
.item h4{padding-bottom:15px;padding-left:0px;width:428px;padding-right:0px;display:block;padding-top:15px}

.masonry ul.list{overflow: hidden;}
.masonry ul.list li{position:relative;line-height:30px;min-height:60px;width:50%;display:block;font-family:"microsoft jhenghei", "microsoft yahei";word-wrap:break-word;float:left;font-size:13px;padding-top:15px;}

#Events .more{
	width:100%; text-align:center;
	border-top:1px solid #666666;
	padding-top:8px;
}
#Events .more a{
	background:url('../img/events/more.png') no-repeat center right;
	padding-right:22px; color:#0080cc;
}
#Events .more p{ color:#0080cc;}

/*鑱氭皑閰爲鑴?/
#Resin{
    width: 100%; height: 3124px; overflow: hidden;
    position: absolute; top: 76px; left: 0;
}
#Resin .submenu-btn1{left: 531px}
#Resin .submenu-btn2{left: 703px}
#Resin .submenu-btn3{left: 875px}
#Resin .submenu-btn4{left: 1047px}
#Resin .submenu-btn5{left: 1219px}
#Resin .submenu-line1{left: 703px}
#Resin .submenu-line2{left: 875px}
#Resin .submenu-line3{left: 1047px}
#Resin .submenu-line4{left: 1219px}
#Resin .content .catalog{width: 200px}
#Resin .content .catalog img.home{right: 170px}
#Resin .background{
    width: 100%; height: 384px; position: absolute; top: 1090px; left: 0;
    background: url("../img/resin/background.png") no-repeat;
}
#Resin .background2{
    width: 100%; height: 720px; position: absolute; top: 2010px; left: 0;
    background-color: #f8f8f8;
}
#Resin .content .text1{
    font-size: 30px; color: #333; text-align: center; line-height: 39px;
    margin-top: 25px;
}
#Resin .content .text2{
    font-size: 24px; color: #666; text-align: center; font-weight: bold;
    margin-top: 70px;
}
#Resin .content .text3{
    font-size: 14px; color: #666; text-align: center; line-height: 26px;
    margin-top: 25px;
}
#Resin .content .img1{
    margin-top: 85px; margin-left: 198px;
}
#Resin .content .img2{
    margin-top: 50px; margin-left: 77px;
}



/*鎬ц兘鎸囨爣*/
#Indicators{
    width: 100%;min-width: 1024px; height: auto; overflow: hidden;
    margin-top: 76px;
    /*position: absolute; top: 76px; left: 0;*/
}
.Product_submenu .submenu-btn1{left: 621px}
.Product_submenu  .submenu-btn2{left: 793px}
.Product_submenu  .submenu-btn3{left: 965px}
.Product_submenu  .submenu-btn4{left: 1137px}
.Product_submenu .submenu-btn5{left: 1309px}
.Product_submenu  .submenu-line1{left: 793px}
.Product_submenu  .submenu-line2{left: 965px}
.Product_submenu  .submenu-line3{left: 1137px}
.Product_submenu  .submenu-line4{left: 1309px}
#Indicators .content .catalog{width: 190px}
#Indicators .content .catalog img.home{right: 160px}
#Indicators .content .text1{
    font-size: 30px; color: #333; text-align: center; line-height: 39px;
    margin-top: 25px;
}
.en .content .text1{
    font-size: 28px!important;
}
#Indicators .content .imgs{
    margin-top: 85px; margin-left: 199px; height: 140px;
}
#Indicators .content .imgs div{
    margin-right: 91px; width: 140px; height: 140px; float: left;
    border:1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center 35px;
    text-align: center;
    cursor: pointer;
    position: relative;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#Indicators .content .imgs div:hover{
    border:1px solid #0080cc;
    background-color: #0080cc;
}
#Indicators .content .imgs div.act{
    border:1px solid #0080cc;
    background-color: #0080cc;
}
#Indicators .content .imgs div.act p{
    color: #fff;
}
#Indicators .content .imgs div p{
    width: 140px; text-align: center;
    position: absolute; top: 80px;
    color: #0080cc;
}
#Indicators .content .imgs div:hover p{
    color: #fff;
}
/*#Indicators .content .imgs .img1{
    background: url("../img/indicators/img1.png") no-repeat;
}
#Indicators .content .imgs .img1:hover{
    background: url("../img/indicators/img1_act.png") no-repeat;
}
#Indicators .content .imgs .img1.act{
    background: url("../img/indicators/img1_act.png") no-repeat;
}
#Indicators .content .imgs .img2{
    background: url("../img/indicators/img2.png") no-repeat;
}
#Indicators .content .imgs .img2:hover{
    background: url("../img/indicators/img2_act.png") no-repeat;
}
#Indicators .content .imgs .img2.act{
    background: url("../img/indicators/img2_act.png") no-repeat;
}
#Indicators .content .imgs .img3{
    background: url("../img/indicators/img3.png") no-repeat;
}
#Indicators .content .imgs .img3:hover{
    background: url("../img/indicators/img3_act.png") no-repeat;
}
#Indicators .content .imgs .img3.act{
    background: url("../img/indicators/img3_act.png") no-repeat;
}*/
#Indicators .content .infos{
    width: 1000px; height: 315px;
    margin-top: 100px; position: relative;
}
#Indicators .content .infos img{
    position: absolute; top: 0; left: 0;
}
#Indicators .content .infos .play{
    display: none;
}
#Indicators .content .infos .submenus{
    position: absolute; top: 270px; left: 0;
    width: 411px;
}
#Indicators .content .infos .submenus li{
    width: 199px; height: 43px; line-height: 43px;
    color: #0080cc; background-color: #fff;
    border: 1px solid #0080cc;
	margin:0 8px 8px 0;
    text-align: center;
    font-size: 14px;
    font-family: "Microsoft YaHei","寰蒋闆呴粦";
    float: left;
    border-radius: 5px;
    cursor: pointer;
}
#Indicators .content .infos .submenus li:hover,#Indicators .content .infos .submenus li.act{
    width: 199px; height: 43px; line-height: 43px;
    color: #fff; background-color: #0080cc;
    border: 1px solid #0080cc;
    text-align: center;
    font-size: 14px;
    font-family: "Microsoft YaHei","寰蒋闆呴粦";
    float: left;
    border-radius: 5px;
}
#Indicators .content .infos .submenus li:nth-child(even){
    margin-right:0px;
}
#Indicators .content .infos .submenus li:last-child{
    /* float: right; */
}
#Indicators .content .infos .right{
    position: absolute; top: 0; left: 460px;
    height: 315px;
}
#Indicators .content .infos .right p.tit{
    font-size: 24px; color: #666; font-weight: bold;
}
#Indicators .content .infos .right .itm{
    margin: 22px 0 12px 0;
    font-size: 16px; color: #0080cc; font-weight: bold;
}
#Indicators .content .infos .right .text,#Indicators .content .infos .right .text div{
    font-size: 14px; color: #666666; line-height: 22px;
}
#Indicators .content .infos .right .text .left_t{
    width: 88px;
    float: left;
}
#Indicators .content .infos .right .text .right_t{
    width: 450px;
    float: left;
}
.en #Indicators .content .infos .right .text .left_t{
    width: 150px;
}
.en #Indicators .content .infos .right .text .right_t{
    width: 350px;
}
#Indicators .content .infos .right span{
    display: block;
    font-size: 14px; color: #666; line-height: 26px;
    margin-top: 30px;
}
#Indicators .content .infos .right .prev{
    width: 186px; height: 41px; background-color: #fff;
    border: 1px solid #0080cc; color: #0080cc;
    border-radius: 5px; text-align: center;
    line-height: 43px; position: absolute; bottom: 0; left: 0;
    cursor: pointer;
}
#Indicators .content .infos .right .prev:hover{
    background-color: #0080cc; color: #fff;
}
#Indicators .content .infos .right .next{
    width: 186px; height: 41px; background-color: #fff;
    border: 1px solid #0080cc; color: #0080cc;
    border-radius: 5px; text-align: center;
    line-height: 43px; position: absolute; bottom: 0; left: 205px;
    cursor: pointer;
}
#Indicators .content .infos .right .next:hover{
    background-color: #0080cc; color: #fff;
}
#Indicators .content .product{
    display: none;
}
.en #Indicators .content .product{
    min-height: 450px;
}

.pro_contact{
    margin-top: 10px;
    position: relative;
}
.pro_contact p{
    display: block;
    width: 100%;
    font-size: 24px; color: #333333; font-weight: bold;
    text-align: center;
}
.pro_contact span{
    display: block;
    width: 100%;
    font-size: 22px; color: #666666; font-weight: normal;
    text-align: center;
}
#Indicators .content .Class{
    display: none;
}
#Indicators .content .news{
    margin-top: 100px;
}
#Indicators .content .news .news_tit{
    height: 50px; line-height: 50px;
    font-size: 24px; color: #666; font-weight: bold;
    text-align: center;
    margin: 0 0 12px;
}
#Indicators .content .news .news_submenu{
    width: auto;
    margin: 0 auto 52px 22px;
}
#Indicators .content .news .news_submenu ul{
    width: auto;
    margin: 0 auto;
}
#Indicators .content .news .news_submenu ul li{
    width: 135px; height: 44px; line-height: 44px;
    margin-top: 12px;
    text-align: center;
    font-size: 14px;
    color: #999999;
    float: left;
    border-top: 2px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    cursor: pointer;
}
#Indicators .content .news .news_submenu ul li:hover,#Indicators .content .news .news_submenu ul li.act{
    color: #0080cc;
    border-top: 2px solid #0080cc;
}
#Indicators .content .news .news_submenu ul li:last-child,#Indicators .content .news .news_submenu ul li:nth-child(5){
    border-right: 1px solid #ccc;
}
#Indicators .content .news .new{
    width: 1000px; height: 77px;
    margin-top: -1px; overflow: hidden;
    -webkit-transition: height 0.8s ease;
}
#Indicators .content .news .new.act{
    height: 1100px;
}
#Indicators .content .news .new:first-child{
    margin-top: 0;
}
#Indicators .content .news .new .title{
    height: 75px; line-height: 75px; cursor: pointer;
    border-top: 1px solid #999; border-bottom: 1px solid #999;
    font-size: 14px; color: #333; position: relative;
}
#Indicators .content .news .new .title span{
    font-size: 18px; color: #333;
}
#Indicators .content .news .new .title p{
    position: absolute; top: 0; left: 110px;
}
#Indicators .content .news .new .title .date{
    position: absolute; top: 30px; left: 745px;
}
#Indicators .content .news .new .title .time{
    position: absolute; top: 0; left: 770px;
}
#Indicators .content .news .new .title .x{
    position: absolute; top: 24px; left: 940px;
    -webkit-transition: all 0.8s ease;
}
#Indicators .content .news .new.act .title .x{
    -webkit-transform:rotate(225deg);
}
#Indicators .content .news .new.act .title{
    background-color: #f8f8f8;
}
#Indicators .content .news .new .info{
    width: 1000px; margin-top: 50px;
}
#Indicators .content .news .new .info .left{
    float: left; width: 710px;
}
#Indicators .content .news .new .info .right{
    float: left; width: 220px;
    margin-top: 0px; margin-left: 67px;
}
#Indicators .content .news .new .info .right .download{
    width: 152px; height: 32px; border: 1px solid #0080cc;
    background-color: #fff; color: #0080cc;
    border-radius: 5px; text-align: center;
    line-height: 34px; font-size: 12px; font-family: "瀹嬩綋";
    margin-top: 90px;
}
#Indicators .content .news .new .info .right .download:hover{
    background-color: #0080cc; color: #fff;
}
#Indicators .content .news .new .info .right p{
    font-size: 12px; color: #333; font-family: "瀹嬩綋";
    line-height: 21px; width: 160px; margin-top: 15px;
}
#Indicators .content .news .new .info .right span{
    color: #ff0000; text-decoration: underline;
}
#Indicators .content .news .new .info .right .contact{
    font-size: 12px; color: #000; line-height: 21px;
    margin-top: 50px; font-family: "瀹嬩綋";
}


/*鍒涙柊鎴愭灉*/
#Innovative{
    width: 100%;min-width: 1024px;
    position: absolute; top: 76px; left: 0;
}
/*#Innovative .submenu-btn1{left: 531px}
#Innovative .submenu-btn2{left: 703px}
#Innovative .submenu-btn3{left: 875px}
#Innovative .submenu-btn4{left: 1047px}
#Innovative .submenu-btn5{left: 1219px}
#Innovative .submenu-line1{left: 703px}
#Innovative .submenu-line2{left: 875px}
#Innovative .submenu-line3{left: 1047px}
#Innovative .submenu-line4{left: 1219px}*/
#Innovative .content .catalog{width: 190px}
#Innovative .content .catalog img.home{right: 160px}
#Innovative .content .text1{
    font-size: 30px; color: #333; text-align: center; line-height: 39px;
    margin-top: 25px;
}
#Innovative .content .text2{
    font-size: 14px; color: #666; text-align: center; line-height: 32px;
    margin-top: 65px;
}
#Innovative .content .icon{
    text-align: center; margin-top: 90px;
}
#Innovative .content .text3{
    font-size: 24px; color: #666; text-align: center; font-weight: bold;
    margin-top: 10px;
}
#Innovative .content .infos{
    margin-top: 80px; overflow: hidden;
}
#Innovative .content .infos *{
    font-size: 16px; color: #999; line-height: 36px; float: left;
}
#Innovative .content .infos .left{
    width: 394px; text-align: right;
}
#Innovative .content .infos .right{
    width: 394px; text-align: left;
}
#Innovative .content .infos .line1{
    width: 1px; height: 195px; background-color: #999; margin: 10px 105px 0;
}
#Innovative .content .infos .line2{
    width: 1px; height: 87px; background-color: #999; margin: 10px 105px 0;
}
#Innovative .content .infos .line3{
    width: 1px; height: 24px; background-color: #999; margin: 8px 105px 0;
}
#Innovative .content .infos .line4{
    width: 1px; height: 54px; background-color: #999; margin: 10px 105px 0;
}

#Innovative .content .infos *{
    font-size: 14px;
}
.en #Innovative .content .infos .left, .en #Innovative .content .infos .right{
    width: 460px;
}
.en #Innovative .content .infos .line{
    margin-left: 33px;
    margin-right: 33px;
}





/*娉ㄦ剰浜嬮」*/
#Announcements{
    width: 100%; min-width: 1024px;
    position: absolute; top: 76px; left: 0;
}
/*#Announcements .submenu-btn1{left: 531px}
#Announcements .submenu-btn2{left: 703px}
#Announcements .submenu-btn3{left: 875px}
#Announcements .submenu-btn4{left: 1047px}
#Announcements .submenu-btn5{left: 1219px}
#Announcements .submenu-line1{left: 703px}
#Announcements .submenu-line2{left: 875px}
#Announcements .submenu-line3{left: 1047px}
#Announcements .submenu-line4{left: 1219px}*/
#Announcements .content .catalog{width: 190px}
#Announcements .content .catalog img.home{right: 160px}
#Announcements .background{
    width: 100%; height: 321px; position: absolute; top: 1145px; left: 0;
    background-color: #f8f8f8;
}
#Announcements .background2{
    width: 100%; height: 321px; position: absolute; top: 1900px; left: 0;
    background-color: #f8f8f8;
}
#Announcements .content .text1{
    font-size: 30px; color: #333; text-align: center; line-height: 39px;
    margin-top: 25px;
}
#Announcements .content .text2{
    font-size: 24px; color: #0080cc; text-align: center; font-weight: bold;
    border-bottom: 2px solid #666; width: 30px; height: 40px;
    margin-top: 80px; margin-left: 485px;
}
#Announcements .content .text3{
    font-size: 24px; color: #666; text-align: center; font-weight: bold;
    margin-top: 15px;
}
#Announcements .content .text4{
    font-size: 14px; color: #666; text-align: center; line-height: 26px;
    margin-top: 20px;
}


/*娉ㄦ剰浜嬮」*/
#Hotline{
    width: 100%;min-width: 1024px;
    position: absolute; top: 76px; left: 0;
}
/*#Hotline .submenu-btn1{left: 531px}
#Hotline .submenu-btn2{left: 703px}
#Hotline .submenu-btn3{left: 875px}
#Hotline .submenu-btn4{left: 1047px}
#Hotline .submenu-btn5{left: 1219px}
#Hotline .submenu-line1{left: 703px}
#Hotline .submenu-line2{left: 875px}
#Hotline .submenu-line3{left: 1047px}
#Hotline .submenu-line4{left: 1219px}*/
#Hotline .content .catalog{width: 190px}
#Hotline .content .catalog img.home{right: 160px}
#Hotline .content .text1{
    font-size: 30px; color: #333; text-align: center; line-height: 39px;
    margin-top: 25px;
}
#Hotline .content .text2{
    font-size: 24px; color: #666; text-align: center; font-weight: bold;
    margin-top: 80px;
}
#Hotline .content .text3{
    font-size: 14px; color: #666; text-align: center; line-height: 26px;
    margin-top: 20px;
}
#Hotline .content table{
    font-size: 14px; font-family: "瀹嬩綋"; text-align: center;
    margin-top: 80px; margin-left: 10px;
}
#Hotline .content table thead th{
    width: 195px; height: 45px;
    border: 1px solid #999; font-weight: normal;
    background-color: #0080cc; color: #fff;
}
#Hotline .content table thead th:first-child{border-left: 0}
#Hotline .content table thead th:last-child{border-right: 0}

#Hotline .content table tbody td{
    width: 195px; height: 45px;
    color: #333;
    border: 1px solid #999;
}
#Hotline .content table tbody td:first-child{border-left: 0}
#Hotline .content table tbody td:last-child{border-right: 0}





/*浼佷笟鏂伴椈*/
#News{
    width: 100%; min-width: 1024px;
    position: absolute; top: 76px; left: 0;
}
#News .submenu-btn1{left: 704px}
#News .submenu-btn2{left: 874px}
#News .submenu-btn3{left: 1044px}
#News .submenu-line1{left: 874px}
#News .submenu-line2{left: 1045px}
#News .content .text1{
    font-size: 30px; color: #333; text-align: center; line-height: 39px;
    margin-top: 25px;
}
#News .content .text1_view{
    font-size: 14px; color: #333; line-height: 39px;
    margin-top: 25px;
}
#News .content .news{
    margin-top: 85px;
}
#News .content .news .new{
    width: 1000px; height: 130px;
    margin-top: -1px; overflow: hidden;
    -webkit-transition: height 0.8s ease;
    border-bottom: 1px solid #DADADA;
}
#News .content .news .new.act{
    /*height: 1100px*/
	height: auto;
}
#News .content .news .new:first-child{
    margin-top: 0;
}
#News .content .news .new .title{
    height: 70px; line-height: 75px; cursor: pointer;
   
    font-size: 18px; color: #5d5d5d; position: relative;
}
#News .content .news .new .title span{
    font-size: 18px; color: #333;
}
#News .content .news .new .title p{
    position: absolute; top: 0; 
}
#News .content .news .new .title p span{
    font-size: 12px; color: #ff0000;
}
#News .content .news .new .title .date{
    position: absolute; top: 30px; left: 745px;
}
#News .content .news .new .title .time{
    position: absolute; top: 0; right: 30px;color: #5f5f5f;
}
#News .content .news .new .title .x{
    position: absolute; top: 24px; left: 940px;
    -webkit-transition: all 0.8s ease;
}
#News .content .news .new.act .title .x{
    -webkit-transform:rotate(225deg);
}
#News .content .news .new.act .title{
    background-color: #f8f8f8;
}
#News .content .news .new .info{
    margin-top: 50px; margin-left: 108px; width: 783px;
    font-size: 14px; color: #333; line-height: 28px;
}
#News .content .page{
    width: 228px; height: 34px; line-height: 34px;
    margin: 80px auto 0; text-align: center;
}
#News .content .page *{
    float: left; cursor: pointer;
}
#News .content .page span.act{
    color: #0080cc;
}
#News .content .page .left2{
    width: 32px; height: 32px; border: 1px solid #ccc; margin-right: 7px;
    background: url("../img/recruit/left2.png") no-repeat center;
}
#News .content .page .left{
    width: 32px; height: 32px; border: 1px solid #ccc; margin-right: 30px;
    background: url("../img/recruit/left.png") no-repeat center;
}
#News .content .page .right{
    width: 32px; height: 32px; border: 1px solid #ccc; margin-left: 30px;
    background: url("../img/recruit/right.png") no-repeat center;
}
#News .content .page .right2{
    width: 32px; height: 32px; border: 1px solid #ccc; margin-left: 7px;
    background: url("../img/recruit/right2.png") no-repeat center;
}




/*濯掍綋閾炬帴*/
#Media{
    width: 100%; height: 2824px; overflow: hidden;
    position: absolute; top: 76px; left: 0;
}
#Media .submenu-btn1{left: 704px}
#Media .submenu-btn2{left: 874px}
#Media .submenu-btn3{left: 1044px}
#Media .submenu-line1{left: 874px}
#Media .submenu-line2{left: 1045px}
#Media .content .text1{
    font-size: 30px; color: #333; text-align: center; line-height: 39px;
    margin-top: 25px;
}
#Media .content .news{
    margin-top: 85px;
}
#Media .content .news .new{
    width: 1000px; height: 77px;
    margin-top: -1px; overflow: hidden;
    -webkit-transition: height 0.8s ease;
}
#Media .content .news .new.act{
    height: 1100px;
}
#Media .content .news .new:first-child{
    margin-top: 0;
}
#Media .content .news .new .title{
    height: 75px; line-height: 75px; cursor: pointer;
    border-top: 1px solid #999; border-bottom: 1px solid #999;
    font-size: 14px; color: #333; position: relative;
}
#Media .content .news .new .title span{
    font-size: 18px; color: #333;
}
#Media .content .news .new .title p{
    position: absolute; top: 0; left: 110px;
}
#Media .content .news .new .title .date{
    position: absolute; top: 30px; left: 745px;
}
#Media .content .news .new .title .time{
    position: absolute; top: 0; left: 770px;
}
#Media .content .news .new .title .x{
    position: absolute; top: 24px; left: 940px;
    -webkit-transition: all 0.8s ease;
}
#Media .content .news .new.act .title .x{
    -webkit-transform:rotate(225deg);
}
#Media .content .news .new.act .title{
    background-color: #f8f8f8;
}
#Media .content .news .new .info{
    margin-top: 50px; margin-left: 108px; width: 783px;
    font-size: 14px; color: #333; line-height: 28px;
}
#Media .content .page{
    width: 228px; height: 34px; line-height: 34px;
    margin: 80px auto 0; text-align: center;
}
#Media .content .page *{
    float: left; cursor: pointer;
}
#Media .content .page span.act{
    color: #0080cc;
}
#Media .content .page .left2{
    width: 32px; height: 32px; border: 1px solid #ccc; margin-right: 7px;
    background: url("../img/recruit/left2.png") no-repeat center;
}
#Media .content .page .left{
    width: 32px; height: 32px; border: 1px solid #ccc; margin-right: 30px;
    background: url("../img/recruit/left.png") no-repeat center;
}
#Media .content .page .right{
    width: 32px; height: 32px; border: 1px solid #ccc; margin-left: 30px;
    background: url("../img/recruit/right.png") no-repeat center;
}
#Media .content .page .right2{
    width: 32px; height: 32px; border: 1px solid #ccc; margin-left: 7px;
    background: url("../img/recruit/right2.png") no-repeat center;
}




/*琛屼笟璧勮*/
#Message{
    width: 100%; height: 2320px; overflow: hidden;
    position: absolute; top: 76px; left: 0;
}
#Message .submenu-btn1{left: 704px}
#Message .submenu-btn2{left: 874px}
#Message .submenu-btn3{left: 1044px}
#Message .submenu-line1{left: 874px}
#Message .submenu-line2{left: 1045px}
#Message .content .text1{
    font-size: 30px; color: #333; text-align: center; line-height: 39px;
    margin-top: 25px;
}
.content .hot{
    width: 1000px; height: 423px; background-color: #0080cc;
    margin-top: 80px; position: relative;
}
.content .hot img{
	float:left;
}
.content .hot_right{
	float:right; width:262px; padding:32px;  height:339px;
}
.content .hot p{
    font-size: 24px; color: #fff; font-weight: bold;
}
.content .hot span{
    display: block; line-height: 28px;
    font-size: 20px; color: #fff;
	margin:15px 0 15px 0
}
.content .hot_right div{
	width: 250px;
	height:180px;
    font-family: "瀹嬩綋"; font-size: 12px; color: #fff; line-height: 20px;
	
	display: block;	overflow: hidden; /*鑷姩闅愯棌鏂囧瓧*/
    text-overflow: ellipsis;/*鏂囧瓧闅愯棌鍚庢坊鍔犵渷鐣ュ彿*/
	-o-text-overflow:ellipsis;
}
.content .hot_right a.btn{
	margin:55px 0 0 0;
	cursor: pointer;
}
.content .hot_right a:link, .content .hot_right a:visited {
	color:#fff;
}
.content .hot_right a:hover{
	color:#c2e8ff
}
.content .hot_right .btn img{
	margin:2px 8px 0 0;
}
#Message .content .news{
    margin-top: 60px;
}
#Message .content .news .new{
    width: 1000px; height: 77px;
    margin-top: -1px; overflow: hidden;
    -webkit-transition: height 0.8s ease;
}
#Message .content .news .new.act{
    height: 1100px;
}
#Message .content .news .new:first-child{
    margin-top: 0;
}
#Message .content .news .new .title{
    height: 75px; line-height: 75px; cursor: pointer;
    border-top: 1px solid #999; border-bottom: 1px solid #999;
    font-size: 14px; color: #333; position: relative;
}
#Message .content .news .new .title span{
    font-size: 18px; color: #333;
}
#Message .content .news .new .title p{
    position: absolute; top: 0; left: 110px;
}
#Message .content .news .new .title .date{
    position: absolute; top: 30px; left: 745px;
}
#Message .content .news .new .title .time{
    position: absolute; top: 0; left: 770px;
}
#Message .content .news .new .title .x{
    position: absolute; top: 24px; left: 940px;
    -webkit-transition: all 0.8s ease;
}
#Message .content .news .new.act .title .x{
    -webkit-transform:rotate(225deg);
}
#Message .content .news .new.act .title{
    background-color: #f8f8f8;
}
#Message .content .news .new .info{
    margin-top: 50px; margin-left: 108px; width: 783px;
    font-size: 14px; color: #333; line-height: 28px;
}
#Message .content .page{
    width: 228px; height: 34px; line-height: 34px;
    margin: 80px auto 0; text-align: center;
}
#Message .content .page *{
    float: left; cursor: pointer;
}
#Message .content .page span.act{
    color: #0080cc;
}
#Message .content .page .left2{
    width: 32px; height: 32px; border: 1px solid #ccc; margin-right: 7px;
    background: url("../img/recruit/left2.png") no-repeat center;
}
#Message .content .page .left{
    width: 32px; height: 32px; border: 1px solid #ccc; margin-right: 30px;
    background: url("../img/recruit/left.png") no-repeat center;
}
#Message .content .page .right{
    width: 32px; height: 32px; border: 1px solid #ccc; margin-left: 30px;
    background: url("../img/recruit/right.png") no-repeat center;
}
#Message .content .page .right2{
    width: 32px; height: 32px; border: 1px solid #ccc; margin-left: 7px;
    background: url("../img/recruit/right2.png") no-repeat center;
}




/*HSE鐞嗗康*/
#Hse{
    width: 100%;min-width: 1024px;
    position: absolute; top: 76px; left: 0;
}
#Hse .submenu-btn1{left: 615px}
#Hse .submenu-btn2{left: 787px}
#Hse .submenu-btn3{left: 959px}
#Hse .submenu-btn4{left: 1131px}
#Hse .submenu-line1{left: 787px}
#Hse .submenu-line2{left: 959px}
#Hse .submenu-line3{left: 1131px}
#Hse .content .text1{
    font-size: 30px; color: #333; text-align: center; line-height: 39px;
    margin-top: 25px;
}
#Hse .content .text2{
    font-size: 24px; color: #666; text-align: center; font-weight: bold;
    margin-top: 80px;
}
#Hse .content .text3{
    font-size: 14px; color: #666; text-align: center; line-height: 26px;
    margin-top: 20px;
}
#Hse .content .infos{
    width: 1100px;
}
#Hse .content .infos .info{
    width: 481px; float: left;
    margin-top: 40px; margin-right: 39px;
}
#Hse .content .infos .info img{
    width: 481px; height: 282px;
}
#Hse .content .infos .info p{
    font-size: 18px; color: #666; text-align: center; font-weight: bold;
    margin-top: 15px;
}
#Hse .content .infos .info span{
    display: block; line-height: 22px;
    font-size: 14px; color: #666;
    margin-top: 10px; text-indent: 2em;
}



/*HSE绠＄悊濮斿憳浼?/
#Hse2{
    width: 100%;  min-width: 1024px;
    position: absolute; top: 76px; left: 0;
}
#Hse2 .submenu-btn1{left: 615px}
#Hse2 .submenu-btn2{left: 787px}
#Hse2 .submenu-btn3{left: 959px}
#Hse2 .submenu-btn4{left: 1131px}
#Hse2 .submenu-line1{left: 787px}
#Hse2 .submenu-line2{left: 959px}
#Hse2 .submenu-line3{left: 1131px}
#Hse2 .content .text1{
    font-size: 30px; color: #333; text-align: center; line-height: 39px;
    margin-top: 25px;
}
#Hse2 .content .catalog{width: 210px}
#Hse2 .content .catalog img.home{right: 180px}
#Hse2 .content{
    text-align: center;
}
#Hse2 .content .img{
    margin: 100px auto 0px auto;
}


/*璐ｄ换鍏虫€€骞村害鎶ュ憡*/
#Report{
    width: 100%;  min-width: 1024px;
    position: absolute; top: 76px; left: 0;
}
#Report .submenu-btn1{left: 615px}
#Report .submenu-btn2{left: 787px}
#Report .submenu-btn3{left: 959px}
#Report .submenu-btn4{left: 1131px}
#Report .submenu-line1{left: 787px}
#Report .submenu-line2{left: 959px}
#Report .submenu-line3{left: 1131px}
#Report .content .text1{
    font-size: 30px; color: #333; text-align: center; line-height: 39px;
    margin-top: 25px;
}
#Report .content .catalog{width: 225px}
#Report .content .catalog img.home{right: 195px}
#Report .content .infos{
    width: 1000px;
    margin-top: 85px; margin-bottom: 350px;
}
#Report .content .infos .info{
    width: 1000px; height: 258px; margin-top: 20px;
}
#Report .content .infos .info .left{
    width: 196px; height: 235px; border-top: 3px solid #0080cc;
    font-size: 12px; padding-top: 20px; line-height: 26px; float: left;
}
#Report .content .infos .info .left *{
    font-family: "Arial"; color: #666;
}
#Report .content .infos .info .left span{font-size: 36px}
#Report .content .infos .info .left .line{
    width: 26px; height: 3px; background-color: #0080cc;
    margin-top: 15px;
}
#Report .content .infos .info .right{
    width: 796px; height: 255px; background-color: #f0f0f0;
    float: left; margin-left: 8px; position: relative;
}
#Report .content .infos .info .right img{
    position: absolute; top: 35px; left: 45px;
    width: 141px; height: 192px;
}
#Report .content .infos .info .right p{
    font-family: "瀹嬩綋"; font-size: 14px; color: #666;
    position: absolute; top: 45px; left: 230px;
    width: 506px; line-height: 24px;
}
#Report .content .infos .info .right span{
    display: block;
    position: absolute; top: 200px; left: 230px;
}
#Report .content .infos .info .right a{
    color: #666;
}


/*璐ｄ换鍏虫€€瓒宠抗*/
#Track{
    width: 100%;min-width: 1024px;
    position: absolute; top: 76px; left: 0;
}
#Track .submenu-btn1{left: 615px}
#Track .submenu-btn2{left: 787px}
#Track .submenu-btn3{left: 959px}
#Track .submenu-btn4{left: 1131px}
#Track .submenu-line1{left: 787px}
#Track .submenu-line2{left: 959px}
#Track .submenu-line3{left: 1131px}
#Track .content .text1{
    font-size: 30px; color: #333; text-align: center; line-height: 39px;
    margin-top: 25px;
}
#Track .content .catalog{width: 205px}
#Track .content .catalog img.home{right: 175px}
#Track .content .infos{
width: 100%;
}
#Track  .infos .info{
    width: 1000px; height: 258px;
    margin: 0 auto;
}
#Track  .infos .bg{
    width: 100%;
    padding: 70px 0 70px 0;
}
#Track  .infos .bg:nth-child(even){
    background-color: #f8f8f8;
}
#Track  .infos .info img{
    width: 404px; height: 258px;
    float: left;
}
#Track  .infos .info p{
    font-size: 36px; color: #333; font-weight: bold;
    margin-top: 50px; margin-left: 65px;
    float: left;
}
#Track  .infos .info span{
    display: block; float: left;
    font-size: 14px; color: #666; line-height: 22px;
    margin-left: 65px; width: 460px; margin-top: 10px;
}



/*浜烘墠鐞嗗康*/
#Idea{
    width: 100%; min-width: 1024px;
    position: absolute; top: 76px; left: 0;
}
#Idea .submenu-btn1{left: 704px}
#Idea .submenu-btn2{left: 874px}
#Idea .submenu-btn3{left: 1044px}
#Idea .submenu-line1{left: 874px}
#Idea .submenu-line2{left: 1045px}
#Idea .content .text1{
    font-size: 30px; color: #333; text-align: center; line-height: 39px;
    margin-top: 25px;
}
#Idea .content .text2{
    font-size: 14px; color: #666; text-align: center;
    margin-top: 70px; line-height: 32px;
}
#Idea .content .img{
    margin-top: 50px;
}
#Idea .background{
    width: 100%; height: 360px; position: absolute; top: 1016px; left: 0;
    background-color: #f8f8f8;
}
#Idea .content .text3{
    font-size: 14px; color: #666; text-align: center;
    margin-top: 70px; line-height: 32px;
}
#Idea .bottom .bottom1{
    margin-top: 180px;
}



/*浜哄湪鍗庡嘲*/
#Live{
    width: 100%;min-width: 1024px;
    position: absolute; top: 76px; left: 0;
}
#Live .submenu-btn1{left: 704px}
#Live .submenu-btn2{left: 874px}
#Live .submenu-btn3{left: 1044px}
#Live .submenu-line1{left: 874px}
#Live .submenu-line2{left: 1045px}
#Live .content .text1{
    font-size: 30px; color: #333; text-align: center; line-height: 39px;
    margin-top: 25px;
}
#Live .content .text2{
    font-size: 24px; color: #666; text-align: center; font-weight: bold;
    margin-top: 70px;
}
#Live .content .text3{
    font-size: 14px; color: #666; text-align: center; line-height: 26px;
    margin-top: 10px;
}


#Live .content .imgs1{
    width: 1100px; height: 398px;
    margin-top: 50px; margin-bottom: 110px;
}
#Live .content .imgs1 .img{
    width: 233px; height: 396px; border: 1px solid #999;
    float: left; margin-right: 20px;
}
#Live .content .imgs1 .img img{
    width: 235px; height: 143px;
    margin: -1px 0 0 -1px;
}
#Live .content .imgs1 .img p{
    font-size: 14px; color: #666; font-weight: bold;
    margin: 25px 25px 0;
}
#Live .content .imgs1 .img span{
    display: block;
    font-size: 12px; color: #999;
    margin: 10px 25px 0; line-height: 20px;
}

#Live .background{
    width: 100%; height: 608px; position: absolute; top: 1470px; left: 0;
    background-color: #f8f8f8;
}
#Live .content .imgs2{
     width: 1100px; height: 330px;
     margin-top: 50px; margin-bottom: 150px;
 }
#Live .content .imgs2 .img{
    width: 188px; height: 328px; border: 1px solid #999;
    float: left; margin-right: 12px;
}
#Live .content .imgs2 .img img{
    width: 188px; height: 111px;
    border-bottom: 1px solid #999;
}
#Live .content .imgs2 .img p{
    font-size: 14px; color: #666; font-weight: bold;
    margin: 25px 25px 0;
}
#Live .content .imgs2 .img span{
    display: block; font-family: "瀹嬩綋";
    font-size: 12px; color: #999;
    margin: 10px 25px 0; line-height: 18px;
}


#Live .content .imgs3{
    width: 1100px; height: 552px;
    margin-top: 50px;
}
#Live .content .imgs3 .img{
    width: 490px; height: 235px; border: 1px solid #ccc;
    float: left; margin-right: 16px; margin-bottom: 18px;
    position: relative;
}
#Live .content .imgs3 .img img{
    width: 115px; height: 115px;
    margin-top: 27px; margin-left: 30px;
}
#Live .content .imgs3 .img p{
    font-size: 12px; color: #999; font-family: "瀹嬩綋";
    line-height: 20px;
    margin-top: 8px; margin-left: 30px;
}
#Live .content .imgs3 .img span{
    display: block; font-family: "瀹嬩綋";
    font-size: 12px; color: #999;
    line-height: 20px; width: 292px;
    position: absolute; top: 25px; left: 170px;
}
#Live .content .swiper-container{
    margin-bottom: 350px;
}





/*鎷涜仒宀椾綅*/
#Recruit{
    width: 100%;min-width: 1024px;
    position: absolute; top: 76px; left: 0;
}
#Recruit .submenu-btn1{left: 704px}
#Recruit .submenu-btn2{left: 874px}
#Recruit .submenu-btn3{left: 1044px}
#Recruit .submenu-line1{left: 874px}
#Recruit .submenu-line2{left: 1045px}
#Recruit .content .text1{
    font-size: 30px; color: #333; text-align: center; line-height: 39px;
    margin-top: 25px;
}

#Recruit .content .btns_con{
    text-align: center;
}
#Recruit .content .btns{
    font-size: 14px; margin: 75px auto 0 auto; height: 50px; width: auto; max-width:860px;display:inline-block !important;
}
#Recruit .content .btns .btn{
    width: 212px; height: 44px; line-height: 44px;
    text-align: center; border: 1px solid #ccc;
    /*position: absolute; top: 0;*/ color: #333;
    cursor: pointer;
    float: left;
    margin-bottom: 12px;
}
#Recruit .content .btns .btn:hover{
    color: #0080cc; border-top: 2px solid #0080cc; height: 43px;
}
#Recruit .content .btns .btn.act{
    color: #0080cc; border-top: 2px solid #0080cc; height: 43px;
}
/*#Recruit .content .btns .btn.btn1{left: 180px}
#Recruit .content .btns .btn.btn2{left: 393px}
#Recruit .content .btns .btn.btn3{left: 606px}*/
#Recruit .content .infos{
    width: 1000px; height: 320px; margin-top: 80px;
}
#Recruit .content .infos .info{
    display: none;
}
#Recruit .content .infos .info:first-child{
    display: block;
}
#Recruit .content .infos img{
    width: 500px; height: 320px; float: left;
}
#Recruit .content .infos p{
    font-size: 20px; color: #333;
    margin-top: 15px; margin-left: 45px;
    float: left; width: 435px;
}
#Recruit .content .infos span{
    display: block; line-height: 20px;
    font-size: 12px; margin-top: 20px;
}

#Recruit .content .JobClass{
    display: none;
}
#Recruit .content .JobClass:first-child{
    display: block;
}
#Recruit .content .works{
    margin-top: 85px;
}
#Recruit .content .works .work{
    width: 1000px; height: 77px;
    margin-top: -1px; overflow: hidden;
    -webkit-transition: height 0.8s ease;
}
#Recruit .content .works .work.act{
    height: 675px;
}
#Recruit .content .works .work:first-child{
    margin-top: 0;
}
#Recruit .content .works .work .title{
    height: 75px; line-height: 75px;
    border-top: 1px solid #999; border-bottom: 1px solid #999;
    font-size: 14px; color: #333; position: relative;
}
#Recruit .content .works .work .title span{
    font-size: 18px; color: #333;
}
#Recruit .content .works .work .title .work1{
    position: absolute; top: 0; left: 110px;
}
#Recruit .content .works .work .title .work2{
    position: absolute; top: 0; left: 250px;
}
#Recruit .content .works .work .title .work3{
    position: absolute; top: 0; left: 450px;
}
#Recruit .content .works .work .title .date{
    position: absolute; top: 30px; left: 745px;
}
#Recruit .content .works .work .title .time{
    position: absolute; top: 0; left: 770px;
}
#Recruit .content .works .work .title .x{
    position: absolute; top: 24px; left: 940px;
    -webkit-transition: all 0.8s ease;
}
#Recruit .content .works .work.act .title .x{
    -webkit-transform:rotate(225deg);
}
#Recruit .content .works .work.act .title{
    background-color: #f8f8f8;
}
#Recruit .content .works .work .info{
    font-size: 14px; color: #333; line-height: 26px;
}

#Recruit .content .page{
    width: 228px; height: 34px; line-height: 34px;
    margin: 80px auto 0; text-align: center;
}
#Recruit .content .page *{
    float: left; cursor: pointer;
}
#Recruit .content .page span.act{
    color: #0080cc;
}
#Recruit .content .page .left2{
    width: 32px; height: 32px; border: 1px solid #ccc; margin-right: 7px;
    background: url("../img/recruit/left2.png") no-repeat center;
}
#Recruit .content .page .left{
    width: 32px; height: 32px; border: 1px solid #ccc; margin-right: 30px;
    background: url("../img/recruit/left.png") no-repeat center;
}
#Recruit .content .page .right{
    width: 32px; height: 32px; border: 1px solid #ccc; margin-left: 30px;
    background: url("../img/recruit/right.png") no-repeat center;
}
#Recruit .content .page .right2{
    width: 32px; height: 32px; border: 1px solid #ccc; margin-left: 7px;
    background: url("../img/recruit/right2.png") no-repeat center;
}


/*鑱旂郴鎴戜滑*/
#Contact{
    width: 100%; min-width: 1024px;
    position: absolute; top: 76px; left: 0;
}
#Contact .submenu-btn{left: 874px}
#Contact .submenu-line1{left: 874px}
#Contact .submenu-line2{left: 1045px}
#Contact .content .text1{
    font-size: 30px; color: #333; text-align: center; line-height: 39px;
    margin-top: 25px;
}
.contact_list{
    margin-top: 75px;
    width: 100%;
}
.contact_list li{
    width: 43%;
    float: left;
    padding-left: 6%;
}
.contact_list li:first-child{
    width: 42%;
    border-right: 1px solid #999999;
}
.contact_list_en li{
    width: 48%;
    float: left;
    padding-left: 1%;
}
.contact_list_en li:first-child{
    width: 47%;
    border-right: 1px solid #999999;
}
#Contact .content .text2{
    font-size: 30px; color: #333; text-align: left;
     font-weight: bold;
}
#Contact .content .text3{
    font-size: 22px; color: #0080cc; text-align: left;
    margin-top: 2px;
}
#Contact .content .text4{
    font-size: 14px; color: #999; text-align: left;
    margin-top: 25px; line-height: 20px;
}
#Contact .content .map{
    width: 1000px; height: 507px;
    margin-top: 40px;
}
#Contact .content .contact_list_en .text2{
    font-size: 23px;
}
#Contact .content .contact_list_en .text3{
    font-size: 19px;
}
.content .form-title{
    font-size: 30px; color: #333; text-align: center;
    margin-top: 65px; font-weight: bold;
}
.content form div{
    font-size: 16px; color: #333;
    margin-top: 10px;
}
.content form input{
    border: 1px solid #ccc; margin-top: 5px;
    height: 47px; line-height: 47px;
    padding: 0 20px;
}
.content form .title{
    width: 958px;
}
.content form .company{
    width: 445px; margin-right: 20px;
}
.content form .nm{
    width: 445px;
}
.content form .tel{
    width: 445px; margin-right: 20px;
}
.content form .fax{
    width: 445px;
}
.content form .addr{
    width: 445px; margin-right: 20px;
}
.content form .email{
    width: 445px;
}
.content form textarea{
    width: 958px; height: 278px;
    padding: 20px; border: 1px solid #ccc;
    margin-top: 10px; resize: none;
}
.content form .submit{
    margin-left: 599px; margin-top: 30px;
    width: 193px; height: 47px;
    background-color: #fff; cursor: pointer;
}
.content form .reset{
    margin-left: 10px; margin-top: 30px;
    width: 193px; height: 47px;
    background-color: #fff; cursor: pointer;
}

#Readme{
    width: 100%; min-width: 1024px;
    position: absolute; top: 76px; left: 0;
}
#Readme .submenu-btn{left: 874px}
#Readme .submenu-line1{left: 874px}
#Readme .submenu-line2{left: 1045px}
#Readme .text1{
    margin-top: 88px;
}
#Readme .text1 h2 {
    margin: 40px 0 25px 0;
    font-size: 24px;
    color: #0052a5;
    text-indent: 22px;
    background: url('../img/readme/dian.png') no-repeat left center;
}

#Readme .word{
    font-size: 14px; color: #333;
    padding-left: 22px; line-height: 25px;
}
#Sitemap{
    width: 100%; min-width: 1024px;
    position: absolute; top: 76px; left: 0;
}
#Sitemap .submenu-btn{left: 874px}
#Sitemap .submenu-line1{left: 874px}
#Sitemap .submenu-line2{left: 1045px}
#Sitemap .text1{
    margin-top: 88px;
}
#Sitemap dl{
    margin: 94px 0 0px 0;
    width: 100%;
}
#Sitemap dl dt{
    font-size: 32px; color: #0080cc;
    margin: 0  0 32px 0;
}
#Sitemap dl dd{
    float: left;
    width: 140px; border-bottom: 1px solid #cccccc;
    font-size: 14px; color: #666666; line-height: 32px;
    margin: 0 140px 0 0;
    cursor: pointer;
}
.en #Sitemap dl dd{
    min-width: 140px;
    width: auto;
}
#Sitemap dl dd:hover{
    border-bottom: 1px solid #0080cc;color: #0080cc;
}
#Sitemap dl dd:nth-child(5){
    margin: 0 0 0 0;
}
.zoom_ico{
    position: absolute; left: 0; top: 0; z-index: 99;
    width: 710px; height: 969px;
    background: url('../img/zoom_ico.png') no-repeat center center rgba(255,255,255,.5);
    display: none;

}
.new .info a{
    position: relative;
}
.new .info a:hover .zoom_ico{
    display: block;
}
.pagination{margin:55px auto;border-radius:4px; width:500px;}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#eee}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;cursor:not-allowed;background-color:#fff}

.scrollup {
    width: 54px;
    height: 54px;
    position: fixed;
    bottom: 55px;
    right: 55px;
    display: none;
    text-indent: -9999px;
    background: url('../img/top.png') no-repeat;
}