 /*初始化 */
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 { color:#333; font-size:16px; font-family: '\5fae\8f6f\96c5\9ed1',arial,verdana , helvetica, sans-serif; max-width: 1920px;margin: 0 auto !important;}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a:hover { text-decoration:none; }
a{blr:expression(this.onfocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
    :focus{outline:0;}
img { border:none;}
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px verdana,helvetica,arial,sans-serif; outline: none;color: #ececec;}
table { border-collapse:collapse;}
html {overflow-y: scroll;}
textarea {resize: none;}
.clearfix:after{clear:both;}
.clearfix:after,.cf:before{content:" ";display:table}
/* css common */



.dxa_box{/* padding: 74px 0 0 224px; */min-width: 1000px; border-bottom: 1px solid #36b7ab; }
.dxa_gsjj_section1{padding-top: 122px; color: #fff;text-align: center; background:  no-repeat;
    height: 565px;background-attachment: fixed/*;background-position: center center;background-size: cover;*/	}
.dxa_gsjj_section1 h1{margin-bottom: 60px; font-size: 48px;line-height: 48px;}
.dxa_gsjj_section1 p{font-size: 16px;line-height: 28px;}
.dxa_gsjj_section2{padding: 40px 0 40px;text-align: center;}
.dxa_gsjj_tit{font-size: 34px;}
.dxa_el_tit{font-size: 20px; text-align:center;}
.dxa_gsjj_ul{width: 1200px; margin: 0 auto;text-align: center;}
.dxa_gsjj_ul li{display: inline-block;vertical-align: top;width: 220px; padding-top: 18px;height: 250px;
    border: 1px solid #36b7ab; margin: 0 35px 0;}
.dxa_gsjj_ul li span{display: inline-block;width: 98px;height: 98px;border-radius: 50%;border: 1px solid #36b7ab;
    margin-bottom: 15px; margin-top: 25px;}
.dxa_gsjj_ul li img{width: 70%;margin-top: 15px;transition: all 1s; }
.dxa_gsjj_ul li:hover img{transform: rotate(360deg);}
.dxa_gsjj_ul li h3{font-size: 24px;font-weight: bold;margin-bottom: 10px;}
.dxa_gsjj_ul li p{font-size: 12px;font-weight: bold;line-height: 20px; text-align:center;}
.dxa_gsjj_ul li.animatebox{transform: translatey(100px); -webkit-transform: translatey(100px);-ms-transform: translatey(100px);
    opacity: 0; transition: 1s all; -webkit-transition: 1s all; -ms-transition: 1s all;}
.dxa_gsjj_ul li.animatebox.animate{ transform: translatey(0); -webkit-transform: translatey(0);-ms-transform: translatey(0);opacity: 1;}
.dxa_gsjj_section3{background:  no-repeat;background-position: center center;
    background-attachment: fixed;background-size: cover; padding-top: 90px;text-align: center; height: 400px;}
.dxa_gsjj_section3 h1{margin-bottom: 60px; font-size: 44px;line-height: 48px; color:#fff;}
.dxa_gsjj_section3 h4{ line-height: 34px !important;;}
.dxa_gsjj_section3 .jj_tit_p{color: #fff;font-size: 30px; text-align:center;}
.dxa_gsjj_section3 .jj_ti{text-align: center;margin: 44px auto;}
.dxa_gsjj_section3 .jj_ti img{width: 896px;height: 95px;display: block;margin: 0 auto;}
.jj_sec3_msg_warp{line-height: 28px;height: 168px;overflow: hidden;position: relative;}
.jj_sec_msg{position: absolute;top: 50%;width: 100%;}
/*#timeline{width:1050px;overflow:hidden;margin:20px auto 0 auto;position:relative;
    background: left 454px no-repeat;background-position-x: 0;}
#dates{width:1120px;margin-top:90px;}
#dates li{float:left;width:96px;height:90px; font-size:16px;text-align:center;position: relative;left: -47px;top: -15px;}
#dates a{width:96px;height:90px;line-height:130px;display:block; position: relative;
    top:30px; color: #333333;}
#dates .selected{font-size:18px;font-weight:bold;background: no-repeat center top;}
#issues{width:1120px;overflow:hidden;}
#issues li{width:1000px;padding: 0 40px;list-style:none;float:left;font-size: 16px;}
.year_tit{font-size: 36px;margin-top: 50px;text-align: center;}
.year_tit span{font-size: 108px;}
#next,#prev{cursor: pointer; position:absolute;font-size:100px;font-family:"宋体";top:40px;width:100px;height:100px;
    text-align:center;line-height:100px;overflow:hidden;color:#fff;}
#next{right:0;margin-right:-30px;}
#prev{left:0;margin-left:-5px;}
#next.disabled,#prev.disabled{opacity:0.2;}*/

.dxa_gsjj_section4{text-align: center;padding: 50px 0;}
.gsjj_slide{position: relative;overflow: hidden;}
.gsjj_slide .hd{background-color: #36b7ab;float: left;width: 30%;overflow: hidden;}
.gsjj_slide .hd li{display: block;padding:32px 0 ;}
.gsjj_slide .hd li:nth-child(2){padding: 0;}
.gsjj_slide .hd li img{display: block;width: 50%;margin: 0 auto;}
.gsjj_slide .hd li.on{background-color: #36b7ab;}
.gsjj_slide .bd li{position: relative;}
.gsjj_bottom_msg{position: absolute;width: 100%;height: 100%; top: 0;left: 0;background:  ;color: #fff;}
.gsjj_bottom_msg h3{text-align: center;color: #fff;margin-top: 30%;font-size: 34px;animation: gsjjh3 0.5s ease-out;}
.gsjj_bottom_msg p{color: #fff;margin-top: 30px;text-align: center;font-size: 16px;line-height: 26px;animation: gsjjp 0.5s ease-out;}
@keyframes gsjjh3{
	from{transform: translatey(20px);opacity: 0;}
	to{transform: translatey(0);opacity: 1;}
}
@keyframes gsjjp{
	from{transform: translatey(-20px);opacity: 0;}
	to{transform: translatey(0);opacity: 1;}
}

.sec5_tit{color: #fff;text-align: center;padding: 22px 0;}
.sec5_tit h3{font-size: 40px;}
.sec5_tit p{font-size: 20px; text-align:center;}
.gsjj_slide .bd{float: left; width: 70%;}
.gsjj_slide .bd img{display: block;width: 100%;}
.qywh_msg{width: 903px;margin: 0 auto;}
.qywh_msg2{width: 300px;margin: 0 auto;}
.qywh_msg li{float: left;width: 300px;height: 270px;padding-top: 30px;transition: 0.5s all;}
.qywh_msg li:hover{background-color: #f6f6f6;color: #36b7ab;}
.qywh_msg li:hover span{background-image: ;}
.qywh_msg li.bord{border-left: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;}
.qywh_msg li.bord_rig{border-right: 1px solid #f1f1f1;}
.qywh_msg li h4{font-size: 22px;margin-bottom: 20px;}
.qywh_msg li span{background-repeat: no-repeat;display: block;margin: 0 auto 30px;
    background-image: ; width: 110px;height: 120px;}
.qywh_msg li span.icon1{background-position: -660px 3px;}
.qywh_msg li span.icon2{background-position: -1218px 3px;}
.qywh_msg li span.icon3{background-position: -365px 3px;}
.qywh_msg li span.icon4{background-position: -946px 3px;}
.qywh_msg li span.icon5{background-position: -67px 3px;}
.qywh_msg li.animatebox{transform: translatey(100px); -webkit-transform: translatey(100px);-ms-transform: translatey(100px);
    opacity: 0; transition: 1s all; -webkit-transition: 1s all; -ms-transition: 1s all;}
.qywh_msg li.animatebox.animate{ transform: translatey(0); -webkit-transform: translatey(0);-ms-transform: translatey(0);opacity: 1;}




/*关于我们*/
.content_gywm .gywm_t{
    text-align: center;
    margin: 0 auto;
    background:  no-repeat 50%;
    padding: 30px 0;
    overflow: hidden;
    width: 70%;
    height: 180px;
    color: #000;
    position: relative;}
.content_gywm .gywm_t span{
	font-weight: bold;
    font-size: 48px;
    position: absolute;
    top: 110px;
    left: 50%;
    margin-left: -95px;}
.content_gywm .gywm_t p{
    font-size: 32px;
    position: absolute;
    top: 180px;
    left: 50%;
    margin-left: -80px;}
.content_gywm .gywm_c{width: 70%;margin: 0 auto;padding: 30px 0;position: relative;}
.content_gywm .gywm_c i{width: 26%;float: left;overflow: hidden;padding: 10px 0;}
.gywm_c i.animatebox{transform: translatex(-100px); -webkit-transform: translatex(-100px);-ms-transform: translatex(-100px);
    opacity: 0; transition: 1s all; -webkit-transition: 1s all; -ms-transition: 1s all;}
.gywm_c i.animatebox.animate{ transform: translatex(0); -webkit-transform: translatex(0);-ms-transform: translatex(0);opacity: 1;}
.content_gywm .gywm_c i img{width: 100%;}
.content_gywm .gywm_c em{width: 71%;float: right;position: absolute;font-size: 14px;overflow: hidden;
    line-height:25px;right: 0;top: 50%;/* margin-top: -25px; */}
.gywm_c em.animatebox{transform: translatex(100px); -webkit-transform: translatex(100px);-ms-transform: translatex(100px);
    opacity: 0; transition: 1s all; -webkit-transition: 1s all; -ms-transition: 1s all;}
.gywm_c em.animatebox.animate{ transform: translatex(0); -webkit-transform: translatex(0);-ms-transform: translatex(0);opacity: 1;}
/*关于我们结束*/






