*{transition:color 300ms,background-color 300ms;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}body,input,button,select,textarea{ font:12px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#fff;}
body{ background:#0a090f;}
textarea{resize: none;}
table{border-collapse:collapse;border-spacing:0;} s { text-decoration:inherit;}
fieldset,img{border:none;vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,em,i{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}list{vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none;color:#c00;}
input {vertical-align:middle;}
button{overflow:visible;}
.hide{display:none;}.show{display:block;}

.left{float:left;display:inline;}
.right{float:right;display:inline;}
.clearfix:before,.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}.clr { height:0;clear:both; overflow:hidden; width:100%}
.bg { background:url(../images/bg.jpg) no-repeat top center; height:1030px;}
.w1200 { width:1200px; margin:0 auto;}
.nav { background:#00b6b5; width:100%; height:60px; position:relative; display:block} 
.nav a { padding:0 30px; margin:20px 0; text-align:center; color:#fff; font-size:18px; font-weight:700; border-right:1px solid #fff; line-height:20px; float:left;}
.nav a.cur { color:#fff2c5;}
.nav a:hover { color:#fff2c5;}
.nav-fx { position:fixed; top:0; width:1200px; z-index:99}
.nav_bm{ background:#f08f89; display:inline-block; margin:0!important; padding:0 30px!important; line-height:60px!important; float:right!important; border:0!important;}
.nav_bm:hover { background:#e77777}
.nav_bm img { margin-right:10px;}
.tp_text { text-align:center; padding:500px 0 100px; font-size:22px;}
.qy_text { padding:50px 0;}
.qy_text img { float:left; margin:5px 50px 0;}
.qy_text p { font-size:16px; line-height:30px; text-indent:32px; text-align:justify; padding-right:50px;}

.bg_img {  background:url(../images/bg1.jpg) no-repeat top center; height:914px;}
.lk_list { padding:240px 0 0 90px; position:relative;}
.lk_list li { text-align:center; background:url(../images/h_bg1.png) no-repeat; width:435px; height:172px; margin-bottom:10px; padding:50px 0 0;}
.lk_list li:hover { background:url(../images/h_bg2.png) no-repeat; color:#fff;}
.lk_list li:hover h3,.lk_list li:hover p { color:#fff}
.lk_list li h3 { font-size:30px; color:#1c354e; margin-bottom:10px; font-weight:700}
.lk_list li p { font-size:20px; color:#1c354e}
.lk_list li:nth-child(4n) { background:url(../images/h_bg3.png) no-repeat; font-size:22px; line-height:70px; width:306px; height:173px; position:absolute; top:330px; left:485px}
.lk_list li:nth-child(5n) { background:url(../images/h_bg3.png) no-repeat; font-size:22px; line-height:70px; width:306px; height:173px; position:absolute; top:514px; left:485px}
.lk_list li:nth-child(6n) { background:url(../images/h_bg3.png) no-repeat; font-size:22px; line-height:70px; width:306px; height:173px; position:absolute; top:420px; left:750px}
.ms_list { margin:0 0 80px; overflow:hidden}
.ms_list li {position: relative; width: 250px;height:290px; margin:76px 25px; background:#293142; float:left; text-align:center; padding:40px 0;}
.ms_list li:before {content: '';display: block;position: absolute;width: 0;height: 0;top:-150px; border-width: 75px 125px;border-style: solid;border-color: transparent  transparent #293142 transparent ;}
.ms_list li:after {content: '';display: block;position: absolute;width: 0;height: 0;bottom:-150px;border-width: 75px 125px;border-style: solid;border-color: #293142 transparent transparent  transparent ;}
.ms_list li .img { border-radius:50%; background-image: linear-gradient(#7e5960, #2c3243); padding:15px; width:180px; height:180px; margin:-40px 0 10px; display:inline-block;}
.ms_list li .img img { border-radius:50%; width:150px; height:150px;}
.ms_list li h3 { font-size:24px; color:#00b6b5; font-weight:700; margin-bottom:10px;}
.ms_list li h3:after {content: '';display: block; width:100px; height:10px; background:#515d76; margin:-7px auto 0}
.ms_list li p { font-size:14px; line-height:20px; padding:0 40px;}
.bg_c { background:#222335; padding:50px 0}
.tit { text-align:center; font-size:40px; margin:50px 0; font-weight:700}
.tit_hz { font-size:16px; font-weight:700; margin:20px 0;}
.logo_list { margin:0 0 0 -20px;}
.logo_list li { float:left; border:1px solid #ddd; background:#fff; width:180px; height:80px; line-height:76px; text-align:center; margin:0 0 20px 20px; overflow:hidden}
.logo_list li img { height:80px;}
.list_text li { float:left; width:33.3%; padding:5px 0; font-size:14px;}
.swiper-cnt { position:relative;}
.swiper-hg { padding:30px 0 60px!important; width:1000px; margin:0 auto}
.swiper-hg .swiper-slide { text-align:center;}
.swiper-hg .swiper-slide img { width:100%}
.swiper-hg .swiper-slide h4 { font-size:14px; padding:10px 0}
.swiper-cnt .swiper-button-prev { left:0!important; background:#e5e5e5; border-radius:50%; width:70px; height:70px; margin-top:-70px;}
.swiper-cnt .swiper-button-next { right:0!important; background:#e5e5e5; border-radius:50%; width:70px; height:70px; margin-top:-70px;}
.swiper-cnt .swiper-button-prev::after,.swiper-cnt .swiper-button-next::after { color:#000; font-size:30px;}
.swiper-pagination-bullet { width:50px!important; height:4px!important; border-radius:2px!important; background:#fff!important; opacity:.7!important}
.swiper-pagination-bullet-active{ opacity:1!important}
.pic_img { height:578px; margin-bottom:20px; position:relative;}
.video_img { width:590px; height:440px; position:relative;}
.layer { background:rgba(0,0,0,.8); padding:30px 0; width:450px; height:210px; text-align:center; font-size:30px; color:#00fffe; font-weight:700; left:50%; top:50%; margin:-105px 0 0 -225px; position:absolute;}
.layer img { display:block; margin:0 auto 20px}
.layer_last { height:auto; margin: -160px 0 0 -225px;}
.footer { color:#fff; padding:80px 0; background:#4c5fd4}
.footer-tit { font-size:40px; font-weight:500; margin-bottom:50px;}
.item-box { float:left; margin:0 0 0 100px; width:400px;}
.item-box .code_l { float:left; margin:0 20px 0 0}
.item-info h3 { font-size:18px; color:#1afffc; margin:10px 0 20px;}
.item-info p { font-size:20px; margin:5px 0; }
.footer-copy { text-align:center; font-size:14px; padding:80px 0 40px; clear:both;}
.footer-copy a { color:#fff;}

.fxd {position: fixed;right: 20px;top: 30%;z-index: 9999;width: 70px;}
.fxd .bm { background:#f60; margin-bottom:5px; padding:19px; display:block}
.fxd .bm img { margin-bottom:5px;}
.fxd .bm a { color:#fff; font-size:16px; font-weight:700; display:block}
.fxd .wx { background:#4c5fd4; padding:19px; position:relative; color:#fff; font-size:16px; font-weight:700}
.fxd .wx img { margin-bottom:5px;}
.fxd .wx .code { box-shadow:0 0 10px #aaa; padding:10px; background:#fff; display:none; position:absolute; left:-150px; top:0}
.fxd .wx:hover .code { display:block}

.btn_l { float:left; padding:20px 0;}
.btn_l a { font-size:16px; text-align:center; margin:0 5px; display:inline-block; color:#fff; padding:3px 45px;}
.icon_home {background:url(../images/icon_black.png) 15px 5px no-repeat}
.bm-box { padding:50px; width:1100px; margin:20px auto; background:#fff;}
.bm-box h3 { font-weight:700; margin-bottom:10px; font-size:14px;}
.bm-box-m { padding:20px 0; background:#fff; overflow:hidden; margin:10px 0}
.form .item { padding:2px 0; position:relative; margin:8px 0; background:#fff; width:620px;} 
.form .item label { width:80px; line-height:30px; margin:0; text-align:right; padding:0 5px 0; color:#f30; font-size:14px; font-weight:400; display:inline-block}
.form .item label span { color:#c00}
.form .item .required,.form .item select { width:500px; padding:5px; font-size:14px; color:#999; background:none; border:0; margin:0; border:1px solid #ddd}
.form .item .error { position:absolute; bottom:10px; right:20px; width:auto; color:#c00; font-weight:400;}
.item_tit { font-size:16px; color:#f30; padding-left:90px;}
.labelitem { padding-left:85px;}
.labelitem label{ background:#fff; border-radius:5px; padding:10px 5px 10px 35px; color:#666; position:relative; width:100%; display:block; font-size:14px;}
.labelitem label input { vertical-align:middle; border:1px solid #eee; margin:0 5px; width:16px; height:16px; position:absolute; left:5px; top:12px;}

.btn_part { background:#4c5fd4; border-radius:3px; height:40px; line-height:40px; color:#fff; text-align:center; font-size:16px; cursor:pointer; display:inline-block; padding:0 40px;}
.btn_part:hover { color:#ff0}
.more,.sb,.dsimg_w { display:none}

@media screen and (max-width:767px) {
    .bg { background:url(../images/bg_wap.jpg) no-repeat top center; height:650px; background-size:contain}
    .nav { background:#000; width:100%; height:40px; line-height:40px; position:fixed; top:0; overflow:hidden} 
    .nav { display:none}
    .bm_wap { background:#f60 url(../images/icon_bm_wap.png) 10px 8px no-repeat; text-indent:20px; background-size:15%; color:#fff; font-size:16px; border-radius:5px; padding:0 10px; float:right; margin:10px 10px 0 0; height:30px; line-height:30px; vertical-align:middle}
    .w1200 { width:100%; margin:0 auto;}
    .tp_text { padding:250px 0 20px; font-size:14px;}
    .bg_c { padding:20px 0}
    .qy_text { padding:20px 0;}
    .qy_text img { float:left; margin:5px 10px 0; width:50px;}
    .qy_text p { font-size:14px; line-height:20px; text-indent:24px; text-align:justify; padding:0 20px 0 80px;}
    .bg_img {  background:url(../images/bg1.jpg) no-repeat top center; background-size:120%; height:420px;}
    .lk_list { padding:80px 0 0 20px; position:relative;}
    .lk_list li { text-align:center; background-size:contain; width:220px; height:86px; margin-bottom:10px; padding:22px 0 0; cursor:pointer}
    .lk_list li:hover { background-size:contain; color:#fff;}
    .lk_list li:hover h3,.lk_list li:hover p { color:#fff}
    .lk_list li h3 { font-size:16px; color:#1c354e; margin-bottom:0; font-weight:700}
    .lk_list li p { font-size:14px; color:#1c354e}
    .lk_list li:nth-child(4n) { background:url(../images/h_bg3.png) no-repeat; background-size:contain; font-size:14px; line-height:30px; width:140px; height:79px; position:absolute; top:132px; left:222px}
    .lk_list li:nth-child(5n) { background:url(../images/h_bg3.png) no-repeat; background-size:contain; font-size:14px; line-height:30px; width:140px; height:79px; position:absolute; top:225px; left:222px}
    .lk_list li:nth-child(6n) { background:url(../images/h_bg3.png) no-repeat; background-size:contain; font-size:14px; line-height:30px; width:140px; height:79px; position:absolute; top:320px; left:222px}
    .ms_list { margin:0 0 50px; overflow:hidden}
    .ms_list li {position: relative; width: 160px; height:240px; margin:40px 0 40px 20px; background:#293142; float:left; text-align:center; padding:40px 0;}
    .ms_list li:before {content: '';display: block;position: absolute;width: 0;height: 0;top:-80px; border-width: 40px 80px;border-style: solid;border-color: transparent  transparent #293142 transparent ;}
    .ms_list li:after {content: '';display: block;position: absolute;width: 0;height: 0;bottom:-80px;border-width: 40px 80px;border-style: solid;border-color: #293142 transparent transparent  transparent ;}
    .ms_list li .img { border-radius:50%; background-image: linear-gradient(#7e5960, #2c3243); padding:10px; width:140px; height:140px; margin:-40px 0 10px; display:inline-block;}
    .ms_list li .img img { border-radius:50%; width:120px; height:120px;}
    .ms_list li h3 { font-size:20px; color:#00b6b5; font-weight:700; margin-bottom:10px;}
    .ms_list li h3:after {content: '';display: block; width:80px; height:8px; background:#515d76; margin:-5px auto 0}
    .ms_list li p { font-size:12px; line-height:16px; padding:0 10px;}
    .bg_c { background:#222335;}
    .tit { text-align:center; font-size:30px; margin:20px 0; font-weight:700}
    .tit_hz { font-size:18px; font-weight:700; margin:20px 0; text-indent:20px;}
    .dsimg{ display:none}
    .dsimg_w { width:100%; display:block}
    .logo_list { margin:0; padding:0 10px;}
    .logo_list li { float:left; border:1px solid #ddd; background:#fff; width:30%; height:60px; line-height:56px; text-align:center; margin:0 0 10px 10px; overflow:hidden}
    .logo_list li img { max-height:100%; max-width:100%; height:auto}
    .list_text { padding:0 20px;}
    .list_text li { float:left; width:50%; padding:5px 0; font-size:14px; height:30px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
    .wjhg { position:relative; display:none}

    .pic_img { height:200px; margin-bottom:10px; position:relative; margin-bottom:5px;}
    .video_img { width:100%; height:200px; position:relative; margin-bottom:10px; float:none!important; display:block; overflow:hidden}
    .pic_img img,.video_img img { width:100%}
    .layer { background:rgba(0,0,0,.7); padding:30px 0; width:250px; height:110px; text-align:center; font-size:16px; color:#00fffe; font-weight:700; left:50%; top:50%; margin:-55px 0 0 -125px; position:absolute;}
    .layer img { display:block; margin:0 auto 5px; width:30px;}
    .more { display:block; border-radius:20px; border:1px solid #00b6b5; text-align:center; width:130px; height:30px; line-height:30px; padding:0 10px; color:#fff; font-size:14px; margin:20px auto;}

    .footer { color:#fff; padding:40px 10px; background:#4c5fd4}
    .footer .code { display:none}
    .footer-tit { font-size:30px; font-weight:700; margin-bottom:30px; text-align:center}
    .item-box { float:left; margin:0 100px 30px 0; width:100%; padding:0 20px;}
    .item-box .code_l { float:left; margin:0 20px 0 0}
    .item-box .code_l img { width:85px;}
    .item-info h3 { font-size:14px; color:#1afffc; margin:0 0 5px;}
    .item-info p { font-size:14px; margin:0}
    .footer-copy { font-size:12px; text-align:center; padding:20px 10px;}
    .sb { display:block; position: fixed; left: 0;bottom: 0; width: 100%;z-index: 999; text-align:center; background:#f08f89; padding:5px 0}
    .sb a { display:block; color:#fff; margin:0; font-size:18px; font-weight:700}
    .sb a img { margin-right:10px; height:20px;}
   
}