@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 }
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; }
.clear:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
.clear { zoom: 1 }
.left { float: left; }
.right { float: right; }
.p130 { padding-top: 25px; }
.mb30 { margin-bottom: 20px; }
.f_l { float: left; }
.f_r { float: right; }
.w1200 { width: 1200px; margin: 0 auto; display: block; overflow: hidden }
.main { width: 1200px; margin: 0 auto; display: block; overflow: hidden }
.w1200i { width: 1200px; margin: 0 auto;}
.top { padding: 10px 0 10px 0; }
.tel{width:270px; float:right;}
.tel img{float:left; padding-top:8px}
.tel .tel_t{float: right;}
.tel .tel_t .p1{font-size:14px; color:#332c2b;}
.tel .tel_t .p2{font-size:30px; color:#332c2b;}
.nav_bj{background-color:#0c5884;display: block; line-height:60px; height:60px}
.navBar {width: 80%;/* display: block; *//* margin: 0 auto; */height: 60px;float: left; background: #efefef;border-top-left-radius: 10px;
border-top-right-radius: 10px;}
.nav {
position: relative;
width: 100%;
margin: 0;
padding: 0;
background: #0b77b8;
float: left;
text-align: center;
/* border-radius: 6px; */
border: 1px solid #003f6a;
list-style-type: none;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.nav a { color: #fff; }
.nav h3 { font-size: 16px; font-weight: normal; }
.nav .m {float: left;position: relative;z-index: 3;line-height: 60px;border-top-left-radius: 10px;width: 11%;border-left: 1px solid #003f6a;}
.nav h3 a {
display: block;
line-height: 57px;
text-align: center;
display: block;
border-top-left-radius: 10px;
color: #fff;
border-top: 1px solid rgba(255,255,255, 0.25);
border-left: 1px solid rgba(255,255,255, 0.25);
}
.nav h3 a:hover, .nav h3 a.on, .navBar ul li a.current { color: #fff;background-color:#0c5884; }
.nav .sub { display: none; position: absolute; left: 0; z-index: 3; width: 100%;/* border: 1px solid #E6E4E3; */ border-top: 0; background-color: #003f6a;color: #fff;
border-right: 1px solid rgba(255,255,255, 0.45);
border-left: 1px solid rgba(255,255,255, 0.45); }
.nav .sub li { text-align: center; margin-bottom: -1px; }
.nav .sub li a { display: block; padding: 8px 0; height: 28px; line-height: 28px; color: #fff; font-size: 14px; }
.nav .sub li a:hover { background-color: #0b77b8; color: #fff ;border-top: 1px solid rgba(255,255,255, 0.45);
border-bottom: 1px solid rgba(255,255,255, 0.45); }}
.nav .block { height: 8px; width: 120px; background: #003f6a; position: absolute; left: 0; top: 42px; overflow: hidden; }
.en a{float:right; width:20%; color:#fff; font-size:14px; text-align:right}
.en a:hover{color:#0b77b8}
#kv-swiper .swiper-slide { height: 83vh; background-size: cover; }
#kv-swiper .swiper-slide video { height: auto; width: 100%; margin-top:-8.1%}
.top2 { display: none; }
.bj1{background: url(../images/bj1.jpg) 50% 0 no-repeat; height:648px; padding-top:25px}
.title1{font-size:20px; color:#fff; text-align:center; padding:20px 0;width: 130px;/* height: 50px; *//* margin-top: 20px; */line-height: 0px;margin: 0 auto;background-color: #004e8a; margin-top:30px; text-align:center }
.title2{font-size:30px; color:#0b77b8; padding:20px 0; }
#pro_div1 { width: 1200px; margin: 30px auto 0 auto; overflow: hidden; position: relative; }
#pro_div1 .mr_frBtnL { position: absolute; left: 25px; top: 150px; width: 36px; height: 36px; z-index: 100; cursor: pointer; }
#pro_div1 .mr_frBtnR { position: absolute; right: 25px; top: 150px; width: 36px; height: 36px; z-index: 100; cursor: pointer; }
#pro_list1 { width: 970px; margin: 0 125px; overflow:hidden }
#pro_list1 ul li { float: left; width: 450px; margin-right:70px }
#pro_list1 ul li h3 { font-size: 20px; line-height: 50px; color: #333; margin-bottom: 20px; border-bottom: 1px solid #ccc; line-height: 50px; }
#pro_list1 ul li img { width: 450px; height: 385px; float: left; margin-bottom:10px }
.more1 a{text-align:right;color:#fff;float:right;margin-right:20px;margin-top: 30px;}
.more1 a:hover{color:#0b77b8;}
.bj2{background:url(../images/bj2.jpg) 50% 0 no-repeat; background-size:cover; height:652px}
.about{width:750px;padding:30px 50px;background-color: rgba(255,255,255,0.9);margin-top:50px;border-top-left-radius: 100px;border-bottom-right-radius: 100px;}
.about p{font-size:16px; color:#000000; line-height:30px; text-indent:2em; padding-bottom:10px;}
.more2 a{width:120px; height:30px; line-height:30px; background-color:#0c5884; color:#fff; display:block; text-align:center; margin:20px auto}
.more2 a:hover{background-color: #0b77b8; }
.new { display: block; overflow: hidden; margin-top:50px; 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: 18px; color: #727171; margin-top: 15px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.new ul li .time { font-size: 0.8rem; color: #1aa1e6; margin: 15px 0 15px 0; padding: 0 10px }
.new ul li p { font-size: 14px; color: #727171; line-height: 20px; ; padding: 0 10px; height: 40px; overflow: hidden; margin-top:10px }
.new ul li .new_icon { font-size:14px; color:#727171; margin-top:40px; padding-left: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 }
.footer_bj { background-color: #0c5884; padding: 20px 0 30px 0; display: block; overflow: hidden }
.footer_nav{text-align:center; font-size:16px; color:#ffffff; border-bottom:1px solid #558aa9;padding-bottom:20px}
.footer_nav a{color:#fff; display:inline-block; padding:0 20px}
.copy{width:550px; margin:0 auto;}
.foot1{font-size:14px; color:#fff; line-height:24px; margin-top:40px; width:300px; float:left}
.foot1 a{color:#fff;}
.ewm{float:right; margin-top:30px}
.footer2 { display: none; }
.banner_ny2 img { width: 100%; }
.banner_ny1 { display:block; overflow:hidden; clear:both }
.banner_ny1 img{width:100%}
.subnav_bj {width: 100%;height: 4rem;background-color: #f1f1f1;line-height: 4rem;text-align: center;}
.subnav a {width: 130px;/* text-align: center; *//* float: left; */font-size: 1rem;color: #333;overflow: hidden;font-weight:bold;display: inline-block;}
.subnav a:hover, .subnav a.on2 { background-color: #0c5884; color:#fff }
.con{position: absolute; background: url(../images/dt.jpg) center no-repeat; height:552px}
.bj7 { background: url(../images/bj7.jpg) no-repeat bottom/cover; height: 600px }
.about_l {width:100%; margin-bottom:3rem }
.about_l h3 {font-size: 4rem;color: #0c5884;padding-top: 3rem;}
.about_l h2 { font-size: 1.5rem; color: #333333; font-weight: bold }
.about_l .about_t {font-size: 16px;color: #666666;margin-top: 2rem}
.about_l .about_t p {text-indent: 2em;line-height: 36px;margin-bottom: 10px;}
.bj8 { background: url(../images/bj8.jpg) no-repeat bottom/cover; height: 700px }
.bj3 { background: url(../images/bj3.jpg) no-repeat bottom/cover; height: 780px }
.title2 {font-size: 20px;color: #fff;font-weight: bold;width: 130px;/* height: 50px; *//* margin-top: 20px; */line-height: 0px;margin: 0 auto;background-color: #004e8a; margin-top:30px; text-align:center}
.whll { margin-top: 20px; width:700px; float:right}
.whll p { background: url(../images/icon1.png) no-repeat 0 28px; font-size: 18px; color: #444444; line-height: 30px; padding-top: 20px; padding-left: 25px }
.bj9 { background: url(../images/bj9.jpg) no-repeat bottom/cover; padding-bottom: 70px }
.zz { background-color: #fff; padding: 0 60px 50px 60px; display: block; overflow: hidden; margin-top: 20px }
.zz ul { margin-left: -40px; }
.zz ul li {float: left;width: 340px;margin-left:30px;margin-top: 30px;}
.zz ul li img { width: 100%; }
.bj10{background: url(../images/bj10.jpg) no-repeat bottom/cover; height: 633px;}
.rcll{width: 1000px;height: 320px;background: rgba(170,237,248,0.7);margin: 130px auto;padding-top: 50px;}
.rcll h2{font-size:20px; color:#fff; font-weight:bold; text-align:center; padding:10px 0;width: 130px;margin: 20px auto;background-color: #004e8a;}
.rcll p{font-size:15px;color:#333333;line-height:30px;}
.rcl_r strong span, .rcl_l strong span{display:block; padding-bottom:10px;color:#962688;font-size:24px;}
.rcll .be{margin-top:7px; display:block;}
.rcll .be1{margin-bottom:7px; display:block;}
.rcll p{font-size:15px;color:#333333;line-height:26px;}
.rcll p i{margin-left:15px; display:block}
.rcl_l{width: 400px;
float: left;
padding-left: 40px;
}
.rcl_r{width: 450px;
float: left;
padding-left: 80px;
}
#pro_div2 { overflow: hidden; position: relative; width: 100%; display: block; height: 500px; margin-top: 20px }
#pro_div2 .mr_frBtnL { position: absolute; left: 42%; top: 320px; width: 67px; height: 66px; cursor: pointer; margin-top: 10px }
#pro_div2 .mr_frBtnR { position: absolute; right: 42%; top: 320px; width: 67px; height: 66px; cursor: pointer; margin-top: 10px }
#pro_list2 { width: 100%; }
#pro_list2 ul li { float: left; position: relative; width: 23%; margin-right: 40px }
#pro_list2 ul li img { width: 100%; }
#pro_list2 ul li p { text-align: center; padding-top: 3vh; font-size: 16px; color: #666666 }
.case_list { margin-top: 30px; }
.case_list ul { margin-right: -36px; margin-top: 25px; display: block; overflow: hidden; padding-bottom: 10px }
.case_list ul li { width: 370px; float: left; margin-right: 36px; margin-top: 10px; background-color: #fff;}
.case_list ul li p { font-size: 15px; color: #333333; line-height: 36px; text-align: center; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case_list ul li .case_img { width:370px; height:240px; display:block; overflow:hidden}
.case_list ul li .case_img img { width: 370px; height: 240px; transition: .2s transform; transform: translateZ(0); }
.case_list ul li:hover .case_img img { transform: scale(1.1, 1.1); transition: .4s transform; }
.case_list ul li:hover p { color: #0c5884; }
.case_list2 { margin-top: 30px; }
.case_list2 ul { margin-right: -36px; margin-top: 25px; display: block; overflow: hidden; padding-bottom: 10px }
.case_list2 ul li { width: 570px; float: left; margin-right: 36px; margin-top: 30px; background-color: #d9dadc;border: 1px solid #d9dadc;}
.case_list2 ul li p { font-size: 15px; color: #333333; line-height: 36px; text-align: center; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case_list2 ul li .case_img2 { width:570px; height:370px; display:block; overflow:hidden}
.case_list2 ul li .case_img2 img { width: 570px; height: 370px; transition: .2s transform; transform: translateZ(0); }
.case_list2 ul li:hover .case_img2 img { transform: scale(1.1, 1.1); transition: .4s transform; }
.case_list2 ul li:hover p { color: #0c5884; }
.sc_t1 {float: left;width: 270px;background-color: #fff;height: 195px;}
.sc_t1 h3 {font-size: 20px;line-height: 24px;color: #333;margin-bottom: 20px;margin-top: 5px;margin: 0 20px 0 20px;padding: 0 10px;border-bottom: 1px solid #fff;line-height: 50px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sc_t1 p { font-size: 14px; color: #666; line-height: 24px; padding:0 30px }
/* 分页 */
.page { text-align: center; font-size: 12px; font-family: '\5b8b\4f53'; clear: both; color: #a3a3a3; margin-bottom: 50px; margin-top: 40px }
.page a { display: inline-block; margin: 0 5px; height: 30px; line-height: 30px; padding: 0 15px; border: #a3a3a3 solid 1px; border-radius: 2px; color: #a3a3a3; background-color: #fff; }
.page i { width: 0; height: 0; line-height: 0; display: block; border-width: 5px; border-style: solid; Filter: Chroma(color=color); position: absolute; top: 10px; }
.page .first { padding-left: 20px !important; position: relative; background-color: #fff; }
.page .last { padding-right: 20px !important; position: relative; }
.page .first i { border-color: transparent #a3a3a3 transparent transparent; left: 5px; }
.page .last i { border-color: transparent transparent transparent #a3a3a3; right: 5px; }
.page a:hover { color: #a3a3a3; border: #a3a3a3 solid 1px; text-decoration: none; }
.page .on { color: #FFF !important; border: #666 solid 1px; background: #666; }
.pic_list_xq { display: block; overflow: hidden; margin-top: 40px; }
.pic_list_xq img, .pic_list_xq p img { text-align: center; display: block; margin: 0 auto; padding: 10px 0; /*width:100%*/ }
.news_list_xq h2 {font-size: 20px;text-align: center;color: #fff;line-height: 40px;width: 130px;margin: 0 auto;background-color: #004e8a;}
.pic_list_xq h4{font-size: 20px;text-align: right; color: #333; margin-bottom:20px}
.pic_list_xq h3 { font-size: 14px; color: #999; text-align: center; line-height: 60px; border-top: 1px solid #f3f3f3;}
.pic_list_details { margin-top: 15px; padding-top: 30px; margin-bottom:30px }
.pic_list_details p { font-size: 15px; color: #666; text-align: left; line-height: 46px; padding:8px 0}
.pic_list_details h5 { font-size: 18px; color: #007cc2; text-indent: 1.5em; padding: 15px 0 10px 0; font-weight: bold }
.page_text { border-top: #b6b6b6 dotted 1px; border-bottom: #b6b6b6 dotted 1px; font-size: 14px; padding: 10px 0px; margin-top: 70px; color: #333; margin-bottom: 80px }
.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; }
.news_main:first-child { margin-top: 0; }
.news_main { border-top: 1px solid #f1f1f1; padding-top: 40px; margin-top: 33px; display: block; overflow: hidden }
.news_main a { display: block; overflow: hidden }
.news_w1 { width: 450px; }
.news_w2 { width: 970px; }
.news_main_l h2 { font-size: 15px; color: #666666; }
.news_main_l h2 em { width: 5px; height: 5px; border-radius: 50px; background-color: #ccc; display: block; float: left; margin-top: 8px; margin-right: 15px; }
.news_main_l p { font-size: 14px; color: #999; line-height: 28px; margin: 18px 0 0 20px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.news_main a:hover .news_main_l p { margin-left: 30px; }
.news_main_r { width: 52px; }
.news_main_r img { margin-top: 40px; }
.pic_list_xq h2 { font-size: 24px; text-align: center; color: #333; line-height: 80px; }
/* 联系我们 */
.contact { position: relative; }
.contact_2 {position: relative;left: 60%;top:0;width: 20%;background: rgba(0,0,0,0.6);height: 552px;padding: 50px 70px 0 70px;/* margin-top: 735px; */}
.contact_2_1 h3 { font-weight: normal; color: #fffefe; font-size: 20px; }
.contact_2_1 span { background: #fffefe; width: 26px; height: 2px; display: block; margin: 10px 0 10px 0; }
.contact_2_1 p { color: #fffefe; font-size: 14px; line-height: 40px; }
.contact_2_2 ul li { float: left; }
.ep3 { margin-left: 25px; }
.contact_2_2 ul li p { color: #fffefe; font-size: 12px; height: 28px; line-height: 28px; margin-top: 9px; text-align: center }
.ep1 { background: url(../images/ny/sij_06.png) no-repeat center left; padding-left: 40px; }
.ep2 { background: url(../images/ny/sij_03.png) no-repeat center left; }
.sub1 { text-align: center; margin: 2.5rem 0 }
.sub1 a { padding: 0.5rem 1.5rem; background-color: #717171; color: #fff; font-size: 1rem; display: inline-block; margin: 0 10px }
.sub1 a:hover, .sub1 a.on2 { background-color: #0c5884; color: #fff; }
/* 招聘 */
._join2_list { width: 100%; height: auto; overflow: hidden; margin: 40px 0 2rem 0 }
._join2_list ul li { background-color: #fff; position: relative; border-bottom: 1px solid #eace9c }
._join2_list ul li .title { height: 60px; line-height: 60px; 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 .title.active { background: #0b77b8; color: #fff }
._join2_list ul li .title>span { float: left; font-size: 0.85rem;/* margin-right: 250px; */ width: 33%; }
._join2_list ul li .title i { width: 57px; height: 50px; display: block; position: absolute; top: 0; right: 0; display: block; cursor: pointer; }
._join2_list ul li .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 .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 .title.active i::before { display: none }
._join2_list ul li .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 .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; }
.detail_t { background: url(../images/xx.jpg) 70px 10px no-repeat; }
.detail_tt{background: url(../images/xx.jpg) 140px 10px no-repeat; }
.detail_1 { margin-bottom: 40px; }
.detail_2 a { width: 100%; height: 50px; line-height: 50px; background-color: #0c5884; color: #fff; text-align: center; font-size: 18px; font-weight: bold; display: block }
._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 }
.title_n { height: 60px; line-height: 60px; padding: 0 20px; font-weight: bold; border-radius: 2px; color: #fff; background-color: #0c5884; margin-top:50px }
.title_n>span { float: left; font-size: 16px;/* margin-right: 250px; */ width: 33%; }
.activity ul { margin-right: -2%; margin-top: 50px }
.activity ul li { float: left; width: 48%; margin-right: 2%; margin-bottom: 50px }
.activity ul li .activ_img { width: 45%; float: left; }
.activity ul li .activ_img img { width: 100%; }
.activity ul li .activ_t { float: left; width: 55%; }
.activity ul li .activ_t h3 { font-size: 20px; color: #333; font-weight: bold; padding: 20px 15px }
.activity ul li .activ_t p { font-size: 14px; color: #666; padding: 0 15px; line-height: 24px; height: 50px; overflow: hidden }
.more3 { width: 120px; height: 30px; line-height: 30px; background-color: #0c5884; color: #fff; display: block; text-align: center; margin: 20px 15px }
.activity ul li:hover .more3 { background-color: #0b77b8; }
.pic { display: block; overflow: hidden; }
.pic ul { margin-right: -30px; margin-top: 50px }
.pic ul li { float: left; width: 370px; margin-right: 30px; margin-bottom: 20px; }
.pic ul li img { border-radius: 10px; }
.pic ul li .t1 { font-size: 12px; text-align: center; }
.pic ul li .t1 i { margin: 0 0.8rem; padding-top: 0.5rem; color: #00469b; }
.pic ul li p { text-align: center; font-size: 14px; color: #444px; line-height: 2rem }
.pic ul li .hsj_img { display: block; overflow: hidden; width: 370px; height: 240px; margin-bottom:10px}
.pic ul li .hsj_img img { width: 370px; height: 240px; transition: .2s transform; transform: translateZ(0); }
.pic ul li :hover .hsj_img img { transform: scale(1.1, 1.1); transition: .4s transform; }
.pic ul li .t1 .tt1 { float: left; margin-bottom: 0.5rem; color: #999999 }
.pic ul li .t1 .tt2 { float: right; margin-bottom: 0.5rem; color: #ff5656 }
.pic ul li .t1 .tt2 img { margin-right: 5px; }
.grzx_r { margin-top: 2rem; margin-bottom: 50px; padding-bottom: 10px }
.grzx_r_title { height: 3rem; line-height: 3rem; background-color: #e0dede; margin-top: 1rem; color: #666666; font-size: 1rem }
.grzx_r_title span { width: 5px; height: 2rem; background-color: #00469b; clear: both; margin-left: 15px; margin-right: 10px }
.grzx_r_title a { float: right; background-color: #00469b; color: #fff; width: 100px; height: 30px; line-height: 30px; text-align: center; border-radius: 15px; font-size: 0.85rem; margin-top: 0.6rem; margin-right: 0.5rem }
.grzx_r_title a:hover { background-color: #ff5656; }
.xq h2 { font-size: 1.5rem; color: #333; font-weight: bold; padding-bottom: 20px; text-align: center }
.xq .xq_main { display: block; overflow: hidden; }
.xq .xq_main p { font-size: 0.85rem; color: #666; line-height: 1.5rem; text-indent: 2em }
.xq .xq_main p img, .xq .xq_main img { padding-top: 10px; text-align: center; display: block; margin: 0 auto }
.tp a { width: 180px; height: 50px; display: block; border-radius: 25px; background-color: #ff5656; text-align: center; color: #fff; font-size: 18px; line-height: 50px; margin: 50px auto 0 auto; cursor:pointer}
.tp1 { text-align: center; font-size: 16px; color: #333; margin-top: 20px; }
#wxnr { width: 100%; height: 100%; /* max-width: 50%; */
/* min-width: 320px; */
position: fixed; top: 0; z-index: 1000; display: none; background: rgba(0,0,0,.6); }
#wxnr .nrdf { margin: auto; position: absolute; top: 30%; left: 0; right: 0; width: 20%; /*height: 45%;*/
padding: 2rem 0.3rem 20px 0.3rem; padding-top: 0.6rem; margin-top: -2.5rem; text-align: center; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0px 2px 6px #777; -webkit-box-shadow: 0px 2px 6px #777; -moz-box-shadow: 0px 2px 6px #777; border-radius: 10px; }
#wxnr img { width: 80%; /* height: 80%; */
display: block; margin: 0 auto; }
#wxnr p { font-size: 16px; line-height: 24px; text-align: center; margin-top: 20px; }
#wxnr p span { color: #f00; }
#wxnr i { position: absolute; top: 0.2rem; right: 0.2rem; width: 20px; height: 20px; font-size: 0.2rem; line-height: 20px; text-align: center; color: #fff; font-weight: bold; font-style: normal; background: #333; border-radius: 1rem; cursor: pointer; }
@media screen and ( max-width:820px ) {
.main { width: 95%; margin: 0 auto; display: block; overflow: hidden; }
.ba1, .banner_ny1 { display: none; }
.fw1 { display: none; }
.sampleRoom { display: none; }
.w1200 { width: 90%; margin: 0 auto; display: block; overflow: hidden }
.top1 { display: none; }
.top2 { display: block; }
.hidden { display: none; }
.logo1 { padding-right: 0; padding-left: 10px; margin-top: 12px }
.logo1 img { float: left; width: 83%; }
.logo1 .menu { float: right; margin-bottom: 10px; }
.logo1 .menu a { display: block; }
.logo1 .menu a img { width: 70%; }
.tc_twonav .black_bg { background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 998; }
.tc_twonav .back_scz { position: fixed; left: 0; top: 0; width: 15%; height: 100%; z-index: 999; background-size: 40% auto; }
.tc_twonav .right_nav { position: fixed; background: #fff; left: 15%; top: 0; width: 85%; height: 100%; z-index: 999; }
.tc_twonav .right_nav ul li a { height: 3rem; line-height: 3rem; width: 100%; border-bottom: 1px solid #ddd; display: block; text-align: center; font-size: 1rem; color: #333; }
.flex-control-nav { padding: 10px 20px; margin-left: 40%; }
.banner { position: relative; overflow: hidden; width: 100%; z-index: 1; clear: both; padding-top: 7px; }
.en_w{text-align:right; padding-right:5%; font-size:15px; color:#fff; line-height:30px; background-color:#0c5884}
.en_w a{color:#fff;}
.footer_bj { display: none; }
.footer2 { display: block; }
/*底部*/
.foot { padding: 10px 10px 50px 10px; background-color: #242a36; color: #fff; font-size: 12px; text-align: center; line-height: 20px; display: block }
.toolbar { height: 45px; background: #121212; position: fixed; width: 100%; bottom: 0; left: 0; display: block; z-index: 999999 }
.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/a1.png); }
.toolbar ul li .tooldt { background-image: url(../images/a3.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; }
.new ul li{margin-bottom:30px;}
.new ul li a {width: 100%;margin: 20px 0 10px 0;float: none;padding-bottom: 10px;}
.new ul li .new_icon {margin-top: 30px;}
.about{width: 90%;padding: 10px 5%;background-color: rgba(255,255,255,0.8);margin-top:50px}
.about_t{height:auto;overflow:hidden;margin-bottom:30px;height: 305px;}
.more2 a{margin:40px auto}
#pro_div1 { width: 100%; margin: 0 auto 0 auto; overflow: hidden; height: auto; position: relative;}
#pro_div1 .mr_frBtnL { position: absolute; left: 05px; top: 150px; width: 36px; height: 36px; z-index: 100; cursor: pointer; }
#pro_div1 .mr_frBtnR { position: absolute; right: 05px; top: 150px; width: 36px; height: 36px; z-index: 100; cursor: pointer; }
#pro_list1 {width: 90%;margin: 0;}
#pro_list1 ul li { float: left; width: 96%; padding: 25px; }
#pro_list1 ul li .sc_t {float: none;width: 100%;/* padding: 10px 30px; */background-color: #0c5884;height: 220px;margin-left: 0;margin-top: 0;}
#pro_list1 ul li .sc_t h3 {font-size: 20px;line-height: 24px;color: #fff;margin-bottom: 20px;margin-top: 5px;margin: 0 20px 10px 20px;padding: 0 10px;border-bottom: 1px solid #fff;line-height: 50px;}
#pro_list1 ul li .sc_t p { font-size: 14px; color: #fff; line-height: 24px; padding:0 30px }
#pro_list1 ul li img {width: 100%; height: auto;float: none;margin-left: 0;}
.bj1{background: url(../images/bj1.jpg) 50% 0 no-repeat; background-size:cover;height: auto;}
.subnav_bj { width: 100%; height: auto; line-height: 3rem; }
.subnav a { width: 33%; font-size: 0.9rem; }
.bj7 { height: auto }
.about_l { float: none; width: 100%; }
.about_l h3 {font-size: 2.5rem;}
.bj8 { height: auto; margin-top: 2rem; padding-bottom: 8rem }
.title2 { font-size: 1.2rem; }
.whll { margin-top: 1rem; }
.whll p { background: url(../images/icon1.png) no-repeat 0 28px; font-size: 0.85rem; color: #444444; line-height: 1.5rem; padding-left: 25px }
.mt100 { margin-top: 2rem; }
.zz {
background-color: !important; padding: 0; margin-top: 1rem }
.zz ul { margin-left: -5%; }
.zz ul li { float: left; width: 45%; margin-left: 5%; margin-top: 1rem }
.zz ul li img { width: 100%; }
.bj9 { background: url(../images/bj9.jpg) no-repeat bottom/cover; height: auto; padding-bottom: 70px }
.zzjg_i img{width:100%;}
.bj10{background: url(../images/bj10.jpg) no-repeat bottom/cover; height: auto;}
.rcll{width:80%; height:auto;background: rgba(170,237,248,0.7); margin:6rem auto; padding-bottom:2rem}
.rcll h2{font-size:1.1rem; color:#fff; font-weight:bold; text-align:center; padding:10px 0;width: 130px;margin: 20px auto;background-color: #004e8a;}
.rcll p{font-size:0.85rem; color:#333333; line-height:26px; text-align:left; width:80%; margin:0 auto}
#pro_list2 ul li { float: left; position: relative; width: 100%; margin-right: 0 }
#pro_div2 {height: 420px;margin-top: 20px;}
#pro_div2 .mr_frBtnL { left: 22%; top:300px}
#pro_div2 .mr_frBtnR { right: 22%; top:300px}
.case_list { margin-top: 1rem; }
.case_list ul { margin-right: 0; margin-top: 1rem; }
.case_list ul li { width: 100%; margin-right: 0; margin-bottom: 0;}
.case_list ul li .case_img { width:100%; height:auto; }
.case_list ul li .case_img img { width: 100%; height: auto; }
.pic_list_xq { margin-top: 2rem; }
.pic_list_xq img, .pic_list_xq p img { text-align: center; display: block; margin: 0 auto; width:100%; padding: 10px 0; }
.pic_list_xq h2 { font-size: 1.1rem; text-align: center; color: #333; line-height: 1.5rem; padding-bottom:1rem; }
.pic_list_xq h3 { font-size: 0.8rem; color: #999; text-align: center; line-height: 1.5rem; padding-top:0.5rem;border-top: 1px solid #f3f3f3;}
.pic_list_details { margin-top: 1rem; padding-top: 0rem; }
.pic_list_details p { font-size: 0.85rem; color: #666; text-indent: 2em; text-align: left; line-height: 1.5rem; }
.page_text { margin-top: 1rem;margin-bottom: 2rem }
.news_main { border-top: 1px solid #eee; padding-top: 2rem; margin-top: 2rem; display: block; overflow: hidden }
.news_main a { display: block; overflow: hidden }
.news_w1, .news_w2 { width: 80%; height: 6.7rem; overflow: hidden }
.news_main_l h2 { font-size: 1rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_main_l h2 em { width: 5px; height: 5px; border-radius: 50px; background-color: #ddd; display: block; float: left; margin-top: 8px; margin-right: 0.8rem; }
.news_main_l p { font-size: 0.9rem; color: #666; line-height: 1.5rem; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.news_main a:hover .news_main_l p { margin-left: 1rem; }
.news_main_r { width: 52px; }
.contact_2 {position: relative;right:0; left:0; width:90%;top:0;background: #fff;height: auto;padding: 1rem;margin-top: 0; margin-bottom:2rem}
.contact_2_1 h3 { font-weight: normal; color: #333; font-size: 20px; }
.contact_2_1 span { background: #666; width: 26px; height: 2px; display: block; margin: 10px 0 10px 0; }
.contact_2_1 p { color: #666; font-size: 14px; line-height: 1.5rem; }
.contact_2_2 ul li { float: left; }
.ep3 { margin-left: 25px; }
.contact_2_2 ul li p { color: #fffefe; font-size: 12px; height: 28px; line-height: 28px; margin-top: 9px; text-align: center }
.ep1 { background: url(../images/ny/sij_06.png) no-repeat center left; padding-left: 40px; }
.ep2 { background: url(../images/ny/sij_03.png) no-repeat center left; }
.contact_2_2 { margin-top: 40px; }
.sc_t1 {float: none;width: 100%;background-color: #fff;height: auto;}
.case_list ul {margin-bottom: 30px;}
/* 招聘 */
._join2_list ul li .title>span {float: left;font-size: 0.8rem;/* margin-right: 250px; */width: 33%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
._join2_list ul li .title i:before { width: 15px; }
._join2_list ul li .title i:after { width: 15px; }
._join2_list ul li .title i { width: 42px; }
.activity ul li { float: none; width: 100%; margin-right: 0; margin-bottom: 30px }
.activity ul li .activ_img { width: 100%; float: none; }
.activity ul li .activ_t { float: none; width: 100%; }
.activity ul { margin-right: 0; margin-top: 30px; }
.pic { display: block; overflow: hidden; }
.pic ul { margin-right: 0; }
.pic ul li { float: none; width: 100%; margin-right: 0; margin-bottom: 15px; display: block; overflow: hidden; }
.pic ul li .t1 { font-size: 0.7rem; }
.pic ul li p { font-size: 0.85rem; }
.pic ul li .hsj_img { width: 100%; height: auto; }
.pic ul li .hsj_img img { width: 100%; height: auto; }
.xq .xq_main p img, .xq .xq_main img { width: 100%; }
#wxnr .nrdf { width: 80%; }
.banner { position: relative; overflow: hidden; width: 100%; z-index: 1; clear: both; }
.slides { position: relative; }
.slides li img { display: block; width: 100% \9; max-width: 100%; height: auto; }
.flex-control-nav { position: absolute; bottom: 20px; z-index: 2;/* width: 5%; */ margin: 0 auto; display: block; clear: both; padding: 15px 30px; border-radius: 30px; margin-left: 30%; overflow: hidden; text-align: center; background-color: rgba(0,0,0,0.3); }
.flex-control-nav li { display: inline-block; width: 10px; height: 10px; margin: 0 7px; *display:inline;
zoom: 1; }
.flex-control-nav a { display: inline-block; width: 12px; height: 12px; line-height: 40px; border-radius: 100px; overflow: hidden; cursor: pointer; background-color: #003f6a; }
.flex-control-nav .flex-active { background-position: 0 0; background-color: #fff }
.videolist { position: relative; }
.con1 h3 { font-size: 1.2rem; color: #333; margin: 2rem 0 }
.videolist img { width: 100%; }
.videolist:hover { cursor: pointer; }
.videoed { display: none; width: 50px; height: 50px; position: absolute; left: 45%; top: 45%; z-index: 99; border-radius: 100%; }
.ved { position: relative; top: 25%; z-index: 9; left: 50%; }
.ved img { width: auto; }
.videos { display: none; border: 0; position: fixed; left: 10%; top: 70%; margin-left: 0; margin-top: -210px; z-index: 100; width: 80%; height: 360px; }
.vclose { position: absolute; right: 1%; top: -10%; border-radius: 100%; cursor: pointer; }
#video { width: 100% }
.con{position: inherit;}
.con img{width:100%;}
.rcl_l{
width: auto;
float: none;
padding-left: 0;
}
.rcl_r{
width: auto;
float: none;
padding-left: 0;
}
}