@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-size: 14px; font-family: "微软雅黑"; -webkit-font-smoothing: antialiased; - webkit-text-size-adjust: 100%;
background: #fff; }
div, form, img, ul, ol, li, p, dl, dt, dd { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; font- family: '\5FAE\8F6F\96C5\9ED1';
}
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
fieldset, img, input { border: 0 none; }
table { border-collapse: collapse; border-spacing: 0; }
ul, li { list-style: none; }
i, em { font-style: normal; }
fieldset, img { border: 0px; }
textarea { resize: vertical }
input, textarea, select, option, button { outline: none; }
a { text-decoration: none; color: #333; blr:exPRession(this.onFocus=this.blur ());
-webkit-tap-highlight-color: rgba(0,0,0,0); }
a:focus { outline: 0; }
a:hover { text-decoration: none; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.clear:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
.left { float: left; }
.right, .fr { float: right; }
.main { width: 80%; margin: 0 auto; display: block; overflow: hidden; }
.header { width: 80%; position: fixed; top: 0; left: 0; z-index: 999; height: 70px; padding: 10px 10% 5px 10%; background: rgba(000, 000, 000, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
/*左侧logo*/
.header .left { width: 12%; }
.header .left a img {  margin-top: 15px;width: 80%; }
.header .left .img2 { display: none; }
/*右侧*/
.header .nav { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; height: 100%; line-height: 75px; display: block; }
.header .navbar_nav li { float: left; position: relative; display: block; }
.header .navbar_nav li:after { content: ""; width: 0; height: 2px; background: #fff; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s; }
.header .navbar_nav li:hover:after { width: 100%; }
.header .navbar_nav li a { text-decoration: none; height: 100%; padding: 0 30px; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; color: #fff; font-size: 16px; }
.header .navbar_nav li:hover a {/* color: orangered;*/ }
.header .navbar_nav li.dropdown { display: inherit; position: relative; }
.header .navbar_nav li.dropdown .jt { width: 20px; height: 20px; background: url(i/top.png) no-repeat; background-size: 100% 100%; display: block; }
.header .navbar_nav li.dropdown .dropdown_menu { display: none; position: absolute; top: 75px; width: 100%; background: #fff; box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); width: 140%; left: -20%; }
.header .navbar_nav li.dropdown .dropdown_menu a { font-size: 14px; color: #666; padding: 0 10px; line-height: 40px; text-align: center; background: #fff; margin-bottom: 2px; }
.header .navbar_nav li.dropdown:hover .dropdown_menu { display: block; background: #f3f3f3; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.header .navbar_nav li.dropdown:hover .dropdown_menu a { color: #666; }
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover { color: #fff; background: #338bc4; }
/*白色背景的头部*/
.header.on { background: #fff; border-bottom: 1px solid #ccc; }
.header.on .left .img1 { display: none; }
.header.on .left .img2 { display: block; }
.header.on .navbar_nav li a { color: #333; }
.header.on .navbar_nav li:hover a { color: #338bc4; }
#navToggle { display: none; }
.m_nav { position: fixed; top: 0px; box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); width: 100%; height: 100%; background: #fff; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; z-index: 1000; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top: 0; transform: translateX(100%); }
.m_nav.open { transform: translateX(0); }
.m_nav .top { height: 60px; padding: 20px; box-sizing: border-box; }
.m_nav .top .closed { width: 30px; height: 30px; vertical-align: middle; float: right; cursor: pointer; }
.m_nav .logo { width: 100%; margin: 0 auto; }
.m_nav .logo img { height: 50px; display: block; margin: 30px auto; }
.m_nav .ul { margin-top: 30px; }
.m_nav .ul li { padding: 0 20px; border-bottom: 1px solid #f5f5f5; transform: translateY(0); -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity: 0; }
.m_nav.open .ul li { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.m_nav .ul li:nth-child(1) { -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(2) { -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(3) { -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(4) { -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(5) { -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(6) { -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li a { display: block; text-decoration: none; color: #333; font-size: 16px; height: 50px; line-height: 50px; width: 100%; }
.m_nav .ul li .dropdown_menu { display: none; }
.m_nav .ul li.dropdown.active .dropdown_menu { display: block; }
.m_nav .ul li .dropdown_menu a { display: block; height: 50px; line-height: 50px; padding: 0 40px; box-sizing: border-box; border-bottom: 1px solid #f5f5f5; }
.m_nav .ul li .dropdown_menu a:last-child { border: none; }
#kv-swiper .swiper-slide { /*height: 100vh; */background-size: cover; }
#kv-swiper .swiper-slide video { height: auto; width: 100%; margin-top: 0 }
.bj1 { background: url(../images/bj1.jpg) no-repeat; height: 100vh; background-size: cover }
.title { text-align: center; margin: 40px 0 30px 0 }
.title h3 { font-size: 2rem; color: #000; }
.title h4 { font-size: 1.3rem; color: #999999; }
.title1{margin:50px 0;}
.title1 h3 { font-size: 2rem; color: #fff; }
.title1 h4 { font-size: 1.3rem; color: #fff; }
.title2{margin:50px 0;}
.title2 h3 { font-size: 2rem; color: #fff; }
.title2 h4 { font-size: 1.3rem; color: #fff; }
.about_main { width: 80%; margin: 50px auto; }
.about_main p { line-height: 1.8rem; color: #333333; font-size: 1rem }
.more1 a { margin: 0 auto; text-align: center; display: block; width: 130px; height: 40px; line-height: 40px; background-color: #fff; border-radius: 5px; color: #666; }
.more1 a:hover { background-color: #338bc4; color: #fff; }
.more2 a { margin: 0 auto; text-align: center; display: block; width: 130px; height: 40px; line-height: 40px; background-color: #f1f1f1; border-radius: 5px; color: #666; }
.more2 a:hover { background-color: #338bc4; color: #fff; }
.gallery-cell img { width: 100%; }
.gallery-cell p { font-size: 1.3rem; color: #333; text-align: center; padding-top: 10px }
.tab { background: url(../images/bj2.jpg) no-repeat; position: relative; width: 100%; overflow: hidden; margin: 0 auto; }
.tab-nav {/* height: 30px; */overflow: hidden;width: 80%;margin: 9vh auto 6vh auto;}
.tab-nav a {display: block;float: left;width: 24%;/* height: 300px; */padding: 30px 0;margin-right:1%;text-align: center;text-decoration: none;color: #333; background-color:#fff}
.tab-nav h3{font-size:1.8rem; color:#333;}
.tab-nav  h4{font-size:1.2rem; color:#666666;}
.tab-nav a.current {background: #338bc4;/* padding: 30px 0; */}
.tab-nav a.current h3{ color: #fff;}
.tab-nav a.current h4{ color: #fff;}
.tab-con { position: relative; width: 80vw;height:48vh; overflow: hidden; margin: 0 auto; }
.tab-con-item { display: none;  width:80vw;  height:auto ;}
.tab_title{font-size:1.9rem; color:#333333}
.tab_t{font-size:1.5rem; color:#999999; margin-bottom:5vh; margin-top:7px}
.tab-con-item p{font-size:1.1rem; color:#999999; line-height:2rem; width:80%}
.new { display: block; overflow: hidden; margin-bottom:50px }
.new ul { padding-bottom: 10px; display: block; overflow: hidden; }
.new ul li a { width: 30.7%; margin: 20px 1.3% 10px 1.3%; float: left; padding-bottom: 10px; }
.new_t { margin-top: 2rem; }
.new ul li img { width: 100%; }
.new ul li h2 { font-size: 1rem; color: #333; margin-top: 15px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.new ul li .time { font-size: 0.8rem; color: #999; margin: 5px 0 15px 0; padding: 0 10px }
.new ul li p { font-size: 0.85rem; color: #666; line-height: 1.5rem; ; padding: 0 10px; height: 50px; overflow: hidden; }
.new ul li .new_icon img { width: auto; float: right; margin-top: 10px; padding: 0 10px }
.new ul li a:hover { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .4); box-shadow: 0 0 20px rgba(0, 0, 0, .4); display: block; padding-bottom: 10px }
.nav_t{ text-align:center; margin:20px 0 20px 0}
.nav_t a{display:inline-block; padding:8px 20px; background-color:#717171; color:#fff; margin:0 10px; }
.nav_t a:hover{background-color:#0370b8; color:#fff}
.bj6 { background-color: #121212; }
.footer1 { display: block; overflow: hidden; }
.footer_l { width: 65%; float: left; }
.footer_l .foot_nav { padding-top: 40px; padding-bottom: 25px }
.footer_l .foot_nav a { font-size: 14px; color: #fff; padding-right: 40px; }
.footer_l .foot_nav a:hover { color: #f39801; }
.footer_l p { font-size: 14px; color: #9c9b9b; line-height: 24px }
.footer_l p a{color:#9c9b9b; margin-right:2%}
.footer_r { width: 35%; float: right; margin-top: 30px; padding-bottom: 20px }
.footer_r .foot_1 { text-align: right; font-size: 14px; color: #fff; float: right; margin-top: 30px; margin-right: 4% }
.footer_r .foot_1 em { font-size: 30px; font-style: normal }
.footer_r .foot_2 { float: right; }
.footer_r .foot_2 p { text-align: center; line-height: 30px; color: #818080; }
.footer2 { border-top: 1px solid #2d2d2d; font-size: 12px; text-align: center; line-height: 70px; color: #5d5c5c; }
.foot, .toolbar, .backtop { display: none; }
/* 右侧浮动在线客服 */
.commonposition { _position: absolute; _top: expression(documentElement.scrollTop + 200 + "px");
position: fixed; top: 31.6%; right: 0px; z-index: 999999; }
.commonposition a { display: block; width: 45px; height: 45px; position: relative; background-color: #039be6; background-image: url(../images/icon.png); background-repeat: no-repeat; margin-top: 1px; }
.commonposition a span { display: none; position: absolute; right: 0px; top: 0px; height: 45px; padding-left: 50px; color: #fff; line-height: 45px; font-size: 14px; background-color: #121212; }
.commonposition a.HomeQQ { background-position: -4px 0px; }
.commonposition a.HomeQQ1 { background-position: -4px 0px; }
.commonposition a.Homedianhua { background-position: -4px -102px; }
.commonposition a.Homeweixin { background-position: -4px -153px; }
.commonposition a.Hometop { background-position: -4px -205px; background-color: #121212; }
.commonposition a span.QQbggray { background-position: -4px 0px; background-image: url(../images/icon.png); background-repeat: no-repeat; width: 90px; }
.commonposition a span.QQbggray1 { background-position: -4px 0px; background-image: url(../images/icon.png); background-repeat: no-repeat; width: 90px; }
.commonposition a span.weixinerweima { right: 45px; padding: 0px; }
.commonposition a span.dianhuabggray { background-position: -4px -102px; background-image: url(../images/icon.png); background-repeat: no-repeat; width: 120px; }
.bj2{background-color:#272727; padding:10px 0; display:block; overflow:hidden; margin-top:60px}
.bj2 p { font-size: 14px; color: #9c9b9b; line-height: 24px }
.bj2 p a{color:#9c9b9b; margin-right:2%}
.ba2{display:none;}
video{display:block; overflow:hidden;  margin:5vh auto 0 auto; width:70% }
.banner_ny2 { display: block }
.banner_ny2 img { width: 100%; }
.banner_warp{display:none;}
.boxes.cur { background: url(../images/curBG.jpg) center center no-repeat; background-attachment: fixed; padding:4vh 0}
.curList { width: 70%; padding-top: 25px; margin-bottom: 50px;  }
.curList ul { display: flex; justify-content: space-start; flex-wrap: wrap; margin-top:15vh }
.curList ul li {width: 25%;position: relative;margin-bottom:10vh;margin-right: 8%;}
.curList ul li .icon { width: 60px; height: auto; line-height: 60px; text-align: center; font-size: 28px; margin-bottom: 20px; border-radius: 50%; color: #1cb6cd; background: #fff; }
.curList ul li .info { width: 100%; margin-top: 0.2rem; }
.curList ul li .info .name { font-size: 1.1vw; margin-bottom: 15px; }
.curList ul li .info .des { font-size: 0.9vw; line-height: 1.7; }
.bj3{ background: url(../images/bj3.jpg) center center no-repeat; padding:3vh 0}
.deve img{width:100%;}
.qywh_bj { background: url(../images/bj5.jpg) 50% 0 no-repeat; height: 900px; }
.qywh_l { float: left; width: 40%; background-color: rgba(0,0,0,0.6); height: 900px; padding-left: 5%; padding-right: 5% }
.qywh_l_t { border: 2px solid #fff; padding: 5%; }
.qywh_t1 { margin-bottom: 60px; }
.qywh_t1 h3 { font-size: 28px; color: #fff; margin-bottom: 15px }
.qywh_t1 p {font-size: 16px;color: #fff;line-height: 40px;margin-bottom: 30px;}
.qywh_t1 p  img{margin-top:100px;}
.qywh_t1 p .p_img1{ width:40%}
.qywh_t1 p .p_img2{ width:45.5%; margin-left:13%}
.qywh_r { width: 40%; float: right; padding: 0 5%; }
.qywh_r_t ul li { color: #333; margin-bottom: 30px; margin-top: 60px; }
.qywh_r_t ul li img{width:100%;}
.qywh_r_t ul li h3 { font-size: 24px; font-weight: bold; padding: 10px 0 }
.qywh_r_t ul li p {font-size: 16px;margin: 20px 0 70px 0; line-height:40px}
.qywh_r_t .p_img3{width:40%;}
.qywh_r_t .p_img4{width:45.5%; margin-left:10%}
.honor{margin:20px 0 70px 0}
.honor img{width:100%;}
.honor_warp{display: none;}
.subnav_bj1 { width: 100%; height: 7vh; background-color: #fff; line-height: 7vh; text-align: center; border-bottom: 1px solid #e5e3e3 }
.subnav1 a { padding: 0 1.5%; font-size: 0.9vw; color: #333333; display: inline-block; }
.subnav1 a:hover, .subnav1 a.on2 { border-bottom: 2px solid #023793; color: #023793 }
.tj{margin-bottom:7vh;}
.tj ul {margin-right:-3.3%; margin-top:3vh}
.tj ul li{width:30%; float:left; margin-right:3.3%;}
.tj ul li .tj_title{font-size:0.9vw; margin-top:1vh; color:#333}
.tj ul li .tj_title1{font-size:0.9vw; margin-top:1vh; color:#333; text-align:center}
.tj ul li :hover .tj_title1, .tj ul li :hover .tj_title{color:#023793}
.tj ul li  .tj_img{width:100%%; display: block; overflow: hidden}
.tj ul li  .tj_img img { width: 100%; transition: .2s transform; transform: translateZ(0); }
.tj ul li :hover .tj_img img { transform: scale(1.1, 1.1); transition: .4s transform; }
.tj ul li p{font-size:0.85vw; color:#666; margin:2vh 0 5vh 0;-webkit-line-clamp: 2;line-height:3vh;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.tj ul li .time2{font-size:1.5vw; color:#999}
.tj ul li:hover .mo {color:#e70012;}
.tj_x ul li{border-bottom:1px solid #eee; padding-bottom:4vh; display:block; overflow:hidden; margin-top:5vh}
.tj_x ul{margin-bottom:4vh; clear:both; display:block; overflow:hidden}

.honor ul {margin-top:3vh}
.honor ul li{width: 22%;float:left;margin-right: 3%;}
.honor ul li .tj_title{font-size:0.9vw; margin-top:1vh; color:#333}
.honor ul li .tj_title1{font-size:0.9vw; margin-top:1vh; color:#333; text-align:center}
.honor ul li :hover .tj_title1, .tj ul li :hover .tj_title{color:#023793}
.honor ul li  .tj_img{width:100%%; display: block; overflow: hidden}
.honor ul li  .tj_img img { width: 100%; transition: .2s transform; transform: translateZ(0); }
.honor ul li :hover .tj_img img { transform: scale(1.1, 1.1); transition: .4s transform; }
/* 分页 */
.page_n { text-align: center; font-size: 12px; font-family: '\5b8b\4f53'; clear: both; margin-top:5vh}
.page_n a { display: inline-block; margin: 0 5px; height: 35px; line-height: 35px; padding: 0 14px; border: #a3a3a3 solid 1px; color: #a3a3a3; }
.page_n i { width: 0; height: 0; line-height: 0; display: block; border-width: 5px; border-style: solid; Filter: Chroma(color=color); position: absolute; top: 12px; }
.page_n .first { padding-left: 20px !important; position: relative; }
.page_n .last { padding-right: 20px !important; position: relative; }
.page_n .first i { border-color: transparent #a3a3a3 transparent transparent; left: 5px; }
.page_n .last i { border-color: transparent transparent transparent #a3a3a3; right: 5px; }
.page_n a:hover { color: #a3a3a3; border: #a3a3a3 solid 1px; text-decoration: none; }
.page_n .on { color: #FFF !important; border: #a3a3a3 solid 1px; background: #a3a3a3; }
/* 新闻详情  */
.pic_list_xq { display: block; overflow: hidden; margin-top:5vh; margin-bottom:2vh  }
.pic_list_xq img, .pic_list_xq p img {text-align: center;/* display: block; */margin: 0 auto;padding: 10px 0;/* float: left; */}
.pic_list_xq h2 { font-size: 1.4vw; text-align: center; color: #333; line-height: 1.5rem; padding:0 0 1.5rem 0  }
.pic_list_xq h3 { font-size: 0.8rem; color: #999; text-align: center; line-height: 60px; border-top: 1px solid #f3f3f3;}
.pic_list_details { margin-top: 15px; padding-top: 30px; border-top:1px solid #eee; padding-top:5vh }
.pic_list_details p { font-size: 0.9vw; color: #666; text-indent: 2em; text-align: left; line-height: 28px; }
.pic_list_details h5 { font-size: 18px; color: #007cc2; text-indent: 1.5em; padding: 15px 0 10px 0; font-weight: bold }
.pic_list_details img{max-width:80%; margin:0.8vh auto; display:block}
.page_text { border-top: #b6b6b6 dotted 1px; border-bottom: #b6b6b6 dotted 1px; font-size: 14px; padding: 10px 0px; margin-top: 3rem; color: #333; margin-bottom: 3rem }
.page_text p { line-height: 30px; height: 30px; overflow: hidden; font-weight: bold; }
.page_text p a { color: #666; font-weight: normal; }
.page_text p a:hover { color: #008cd6; }
.time1{font-size:0.8vw;margin-bottom: 6vh;margin: 0 auto;text-align: center;}
.time1 img{vertical-align:middle;}
.time1 span{vertical-align:middle;padding-left:5px;color:#666;/* float: left; */}
.hz ul{margin-right:-10%; margin-top:50px; margin-bottom:40px; display:block; overflow:hidden}
.hz ul li{width:15%; float:left; margin-right:10%; margin-bottom:30px}
.hz ul li p{text-align:center; color:#1rem; color:#333;}
.hz ul li img{width:100%;}
.contact{margin:60px 0; display:block; overflow:hidden}
.contact_l{width:50%; float:left;}
.contact_l h3{font-size:40px; color:#000000; padding-bottom:20px}
.contact_l img{width:100%;}
.contact_r{width:45%; float:right;}
.contact_r h3{font-size:24px; color:#333; }
.contact_r p{font-size:30px; color:#023793; margin-bottom:50px; line-height:60px; font-weight:bold}
.contact_r img{margin-top:10px;}
.rcll_bj{background:url(../images/rcll_bj.jpg) 50% 0 no-repeat; height:869px; margin-top:3rem}
.rcll_t{font-size:0.85rem;  width:420px;  margin:0 auto; text-align:center; line-height:1.5rem; color:#333333; margin-top:3rem}
.rcll_r{float:right;margin-top:-80px}
.rcll_r p{float:left; font-size:2rem; width:50px; line-height:34px; margin-top:40px}
.rcll_r img{float:left;}
._join2_list { width: 100%; height: auto; overflow: hidden; margin: 40px 0 5rem 0 }
._join2_list ul li { background-color: #fff; position: relative; border-bottom:1px solid #eace9c}
._join2_list ul li .join_title { height: 50px; line-height: 50px; padding: 0 20px; font-size: 18px; cursor: pointer; -webkit-transition: all .6s ease 0s; -o-transition: all .6s ease 0s; -moz-transition: all .6s ease 0s; transition: all .6s ease 0s; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #333;background-color: #f1f1f1; }
._join2_list ul li .join_title.active { background: #212121; color: #fff }
._join2_list ul li .join_title>span {float: left;font-size: 0.85rem;/* margin-right: 250px; */width: 33%;}
._join2_list ul li .join_title i { width: 57px; height: 50px; display: block;  position: absolute; top: 0; right: 0; display: block; cursor: pointer; }
._join2_list ul li .join_title b { width: 25px; height: 25px; display: block; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background: rgba(0,0,0,.2); position: absolute; top: 13px; right: 20px; opacity: 0; cursor: pointer }
._join2_list ul li .join_title i:before { width: 20px; height: 2px; background: #333; display: block; content: ''; position: absolute; top: 24px; left: 18px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
._join2_list ul li .join_title.active i::before { display: none }
._join2_list ul li .join_title i:after { width: 20px; height: 2px; background: #333; display: block; content: ''; position: absolute; top: 24px; left: 18px; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
._join2_list ul li .join_title b:after { width: 15px; height: 2px; background: #fff; display: block; content: ''; position: absolute; top: 11px; left: 5px; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) }
._join2_list ul li .detail { background: #fff; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; box-shadow: 0 0 7px #ccc;/* margin: 0 5px 5px; */ border: 1px solid #f1f1f1; }
._join2_list ul li .detail_top { width: 100%; height: auto; position: relative; overflow: hidden; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px dotted rgba(0,0,0,.1); }
._join2_list ul li .detail_top span { width: 25%; line-height: 25px; float: left; padding: 5px 0 }
._join2_list ul li .detail_bottom { width: 100%; height: auto; line-height: 1.8; padding: 15px 0 20px }
._join2_list ul li .detail_bottom p { margin-bottom: 10px }
._join2_list ul li ._j_con { line-height: 30px; color: #d43126 }
._join2_list ul li ._j_con span { margin-right: 35px }
.deve_warp{display: none;}
.xg_main p { font-size: 1rem; color: #616161; line-height: 2rem; margin-left: 40px }
.xg_main { width: 70%; margin: 3rem auto; }
.xg_main p img{width:100%;}
.xq_r { float: right; }
.title3{font-size:36px; color:#000; margin:50px 0 20px 0}
.cp1 {margin-top:7vh; display:block; overflow:hidden; margin-bottom:5vh}
.cp1 .cp1_left{width:53%; float:left;}
.cp1 .cp1_left img{width:100%;}
.cp1 .cp1_right{width:30%; float:right; border:1px dashed #ccc; border-radius:20px; padding:50px 5%; margin-top:8vh}
.cp1_right p{font-size:16px; color:#333; line-height:36px; text-indent:2em}
.cp2 img{width:100%;}
.cp2_1{display:block; overflow:hidden}
.cp2_img{/*position: relative; */ }
.cp2_img img{width:100%;}
.cp2_t{ position: absolute; padding:10vh 0; margin-left:10%}
.cp2_t h3{font-size:36px;  color:#000; font-weight:bold;}
.cp2_t h4{font-size:18px; color:#000; padding-top:6px}
.cp2_t h5{font-size:32px; box-shadow: 2px 2px 3px #666; color:#000; font-weight:bold; width:200px; height:60px; line-height:60px; background-color:#fff; text-align:center}
.cp2_t p{font-size:24px; margin-left:50px; color:#000000; line-height:36px; margin-top:5vh}
.cp3 {margin-bottom:5vh; margin-top:5vh}
.cp3 h3{font-size:30px; color:#fff;  width:150px; height:60px; line-height:60px; text-align:center; background-color:#0370b8;}
.cp3 p{font-size:24px; color:#333; margin-left:45px; padding:5vh 0 6vh 0; line-height:36px}
.cp3 img{width:100%;}
.bj1_warp, rcll_warp{display:none}
.rcll_warp{display:none}
.case{display:none}
@media screen and ( max-width:780px ) {
	.header {padding: 0 5%;height: 60px;width: 90%;}
	.header .left a img {margin-top: 15px;width: 230%;}
.header #navToggle { height: 100%; padding: 9px 15px; margin-right: -15px; display: inline-block; float: right; }
.header #navToggle span { position: relative; width: 25px; height: 1px; margin-top: 19px; }
.header #navToggle span:before, .header #navToggle span:after { content: ''; position: relative; width: 100%; height: 1px; left: 0; }
.header #navToggle span, .header #navToggle span:before, .header #navToggle span:after { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; background: #000; }
.header #navToggle span:before { top: 8px; }
.header #navToggle span:after { bottom: 10px; }
.header #navToggle.open span:before { top: 10px; -webkit-transform: translateY(-11px) rotate(-45deg); -moz-transform: translateY(-11px) rotate(-45deg); -ms-transform: translateY(-11px) rotate(-45deg); -o-transform: translateY(-11px) rotate(-45deg); transform: translateY(-11px) rotate(-45deg); }
.header #navToggle.open span:after { bottom: 12px; -webkit-transform: translateY(10px) rotate(45deg); -moz-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); -o-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
.header #navToggle.open span { background: none; }
.header #navToggle.open span:before, .header #navToggle.open span:after { background: #4f4f4f; }
.header .nav { display: none; }
.banner { position: relative; overflow: hidden; width: 100%; clear: both; z-index: 2; background-color: #fff }
.slides { position: relative;  width: 100%;  }
.slides li img { display: block; width: 100% \9; max-width: 100%; }
.video{width:100%;height:100%;z-index:0}
.fd, .ba1{display: none; }
.ba2{display: block;}
	.bj6 { display:none;}
	.foot, .toolbar, .backtop { display: block; }
.main{width:90%;margin:0  auto;padding: 10px 0;}
	/*底部*/
.foot { padding: 10px 10px 50px 10px; background-color: #272727; color: #fff; font-size: 12px; text-align: center; line-height: 20px; display: block;margin-top:40px }
.toolbar { height: 45px; background: #121212; position: fixed; width: 100%; bottom: 0; left: 0; display: block }
.toolbar ul li { float: left; width: 50%; }
.toolbar ul li a { display: block; width: 100%; height: 20px; padding-top: 25px; text-align: center; font-size: 14px; color: #fff; background-size: 18%; background-repeat: no-repeat; background-position: center 5px; border-right: #fff solid 1px; position: relative; }
.toolbar ul li .tooldh { background-image: url(../images/a3.png); }
.toolbar ul li .tooldt { background-image: url(../images/a1.png); }
.toolbar ul li .toolfx { background-image: url(../images/a2.png); }
.toolbar ul li .toolly { background-image: url(../images/a1.png); border: 0 none; }
.toolbar .fenxiang { position: absolute; width: 100%; height: 25px; top: -35px; left: 0; background: #CCC; padding: 5px 0 5px 20%; }
.toolbar .fenxiang a { float: none !important; }
.title h3 {font-size: 1.3rem;color: #000;}
.title h4 { font-size: 0.9rem; color: #999999; }
.title {text-align: center;margin: 30px 0 20px 0;}
.about_main {width: 90%;margin: 20px auto 30px auto;}
.bj1 {background: url(../images/bj1.jpg) no-repeat bottom;height: auto;background-size: 100%;padding-bottom:10vh}
.gallery-cell p {font-size: 1rem;}
.tab-con { position: relative; width: 90vw;height:74vh; overflow: hidden;  }
.tab-con-item { display: none;  width:90vw;  height: auto ;}
.tab_title{font-size: 1.2rem;color:#333333}
.tab_t{font-size:1rem; color:#999999; margin-bottom:3vh; margin-top:7px}
.tab-con-item p{font-size:4.1vw;color:#999999;line-height: 3.5vh;width: 100%;}
.tab-nav {/* height: 30px; */overflow: hidden;width: 90%;margin: 3vh auto 3vh auto;}
.tab-nav h3{font-size:1.1rem; color:#333;}
.tab-nav  h4{  display:none}
.new ul li a { width: 100%; margin: 20px 0; float: none; display: block; overflow: hidden }
.new ul li a:hover { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
.bj2{display:none;}
.new {display: block;overflow: hidden;margin-bottom: 20px;}
.about_main p {line-height: 1.8rem;color: #333333;font-size: 0.95rem;}
.banner_pc{display:none;}
.banner_warp{display:block;}
.honor_pc{display:none;}
.honor_warp{display:block;}
.honor{margin: 20px 0 0px 0;}
.qywh_l {float: none;width: 90%;}
.qywh_t1 p  img{margin-top: 40px;}
.qywh_t1 p .p_img1{width: 70%;margin: 0 auto;display: block;}
.qywh_t1 p .p_img2{ width: 70%; }
.qywh_t1 {margin-bottom: 0px;}
.qywh_t1 p {margin-bottom: 20px;line-height:1.5rem}
.qywh_r {width: 90%;float: right;padding: 0 5%;margin-bottom:3vh}
.title1 h3 {font-size: 1.3rem;color: #000;}
.title1 h4 { font-size: 0.9rem; color: #999; }
.qywh_r_t .p_img3{width: 49%;}
.qywh_r_t .p_img4{width:49%; margin-left:0}
.qywh_r_t ul li p {margin: 20px 0 20px 0; line-height:1.5rem}
.curList ul li {width: 100%;margin-bottom:6vh}
.curList ul li .info .name { font-size: 5vw; padding-top:1vh}
.curList ul li .info .des { font-size: 4vw; }
.curList {width: 100%; padding-top:3px}
.curList ul {margin-top: 4vh;}
.tj ul {margin-right:0; margin-top:3vh}
.tj ul li{width: 100%;float: none;margin-right: 0;}
.tj ul li .tj_title{font-size: 4.8vw;}
.tj ul li p{font-size:4vw;margin: 2vh 0 3vh 0;line-height:3.5vh}
.tj ul li .time2{font-size:6vw;}
.pic_list_xq h2 {font-size: 5vw;}
.pic_list_details p { font-size: 4vw; }
.pic_list_details img{width:100%; margin:0.8vh auto; display:block}
.pic_list_xq {display: block;overflow: hidden;margin-top: 3vh;margin-bottom:0}
.hz ul{margin-right:-5%; margin-top:50px; margin-bottom:0; display:block; overflow:hidden}
.hz ul li{width:45%; float:left; margin-right:5%; margin-bottom:30px}
.contact_l{width:100%; float:none;}
.contact_r{width:100%; float:none;margin-top:30px}
.contact{margin: 60px 0 0 0;}
._join2_list ul li .join_title>span {float: left;font-size: 0.8rem;/* margin-right: 250px; */width: 33%;}
._join2_list ul li .join_title i:before { width: 15px; }
._join2_list ul li .join_title i:after { width: 15px; }
._join2_list ul li .join_title i { width: 42px; }
.rcll_bj{background: url(../images/rcll_bj_warp.jpg) 80% 0 no-repeat;height:650px;margin-top:3rem;/* background-size: 100%; */}
.rcll_r{float:right; margin-top:0}
.rcll_t{font-size:0.85rem;width: 300px;}
.deve_pc{display:none;}
.deve_warp{display: block; padding:0 5%;}
.deve_warp h3{font-size:1.2rem; color:#000; margin-bottom:10px}
.deve_warp p{font-size:1rem; color:#333; margin-bottom:30px; line-height:1.3rem}
.xg_main {width: 80%;}
.cp1 .cp1_left{width: 100%;float: none;}
.cp1 .cp1_right{width:88%; float:none; margin-top:2vh}
.cp2_t h3{font-size:20px;  color:#000; font-weight:bold;}
.cp2_t h4{font-size:14px; color:#000; padding-top:6px}
.cp2_t h5{font-size: 16px;box-shadow: 2px 2px 3px #666;color:#000;font-weight:bold;width: 110px;height: 35px;line-height: 35px;background-color:#fff;text-align:center}
.cp2_t p{font-size:14px;margin-left:10px;color:#000000;line-height:24px;margin-top:1vh;background-color: #fff;padding: 5px;}
.cp2_t{position: inherit;padding: 2vh 5%;margin-left:0}
.cp3 h3{font-size: 22px;color:#fff;width: 100px;height: 40px;line-height: 40px;text-align:center;background-color:#0370b8;}
.cp3 p{font-size: 16px;color:#333;margin-left:45px;padding: 3vh 0 4vh 0;line-height:36px}
.title3{font-size: 24px;}
.subnav_bj1 {width: 100%; height: auto; background-color: #fff;line-height: 5vh;text-align: left; border-bottom: 1px solid #e5e3e3}
.title2{margin:50px 0; padding-top:20px}
.title2 h3 { font-size: 1.3rem; color: #fff; }
.title2 h4 { font-size: 0.9rem; color: #fff; }
.qywh_bj {height: 750px;}
.qywh_l {height: 750px;}
.bj3{background: url(../images/bj3.jpg) center center no-repeat;padding: 3vh 0 0 0;}
.subnav1 a {padding: 0 1.5%;font-size: 1rem;}
.bj1_warp, .rcll_warp{display:block;}
.bj1_pc, .rcll_pc{display:none;}
.rcll_r img{width:35%}
.time1{font-size: 4vw;}
.show-neighbors .gallery-cell a{display:block;}
.example{display:none}
.case{display: block}
#pro_div2 { overflow: hidden; position: relative; }
#pro_div2 .mr_frBtnL { position: absolute; left: 0%; top: 30%; width: 25px; height: 47px; z-index: 100; cursor: pointer; }
#pro_div2 .mr_frBtnR { position: absolute; right: 0%; top: 30%; width: 25px; height: 47px; z-index: 100; cursor: pointer; }
#pro_list2 { width: 100%; margin:0 auto 40px auto; display: block; overflow: hidden }
#pro_list2 ul li { loat: left; position: relative; width:100%; margin-right: 40px; }
#pro_list2 ul li img { margin: 0 auto 15px auto; display: block; text-align: center; width:100% }
#pro_list2 ul li p { text-align: center; font-size: 16px; color: #333; line-height: 40px }
video{display:block; overflow:hidden;  margin:5vh auto 0 auto; width:100% }
}