@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration:none}img{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;vertical-align:middle;border:0}table{border-collapse:collapse;border-spacing:0}label{cursor:default}body,button,input,select,textarea{font:13px/1.5 arial,'microsoft yahei',\5b8b\4f53}textarea{resize:none}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.noBg{background:none!important}.hide{display:none !important}
body{position:relative;color:#444;}
a{color:#444;text-decoration:none;outline: none;}
::-webkit-scrollbar-thumb{min-height:50px;border-radius:3px;background-color:#666}
::-webkit-scrollbar-track{background:#eee}
::-webkit-scrollbar-corner{background:transparent}
::-webkit-scrollbar{width:7px;height:7px}
input[type="button"], input[type="submit"], input[type="reset"] {}
textarea {  -webkit-appearance: none;}   
@media (max-width:414px) {
	body{font-size: 16px}
}

@media (max-width:375px) {
	body{font-size: 14px}
}

@media (max-width:320px) {
	body{font-size: 12px}
}


#g-wp { max-width:640px; margin:0 auto;background:#fff; }
.wrap{ width:96%; margin: 0 auto;}
#header { position:relative; width:100%; height:60px; background:#fff;  z-index:3; }
.g-wp { max-width:414px; margin:0 auto; background:#fff; transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); z-index:2; }

.logo{height: 50px;padding-top: 10px;margin-left: 10px}
.logo img{width: auto;height: 40px}
.hselect{position: absolute;width: 54px;right:80px;top: 19px;}
.hselect a{display: block;background: #f7f7f7;height: 26px;border: 1px solid #ccc;color: #666;text-align: center;line-height: 26px;box-sizing: border-box;}
.hselect select{background: #f7f7f7;height: 26px;border: 1px solid #ccc;color: #666}

.hfixedBtn{width: 26px;height: 26px;background: url(../images/i-1.png) ;background-size: cover;position: absolute;top: 19px;right: 46px}


.u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:9; }
.m-nav { width:200px; height:100%; right:-200px; top:0; background:#fff; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:1; }
.m-nav h2 { margin:0 0 10px; padding:10px 0; border-bottom:1px solid #ddd; font-weight:bold; font-size:16px; line-height:30px; text-align:center; }
.m-nav li { position:relative; padding:12px 12px 12px 22px; border-bottom:1px solid #eee; font-size:14px; line-height:24px; }
.m-nav li a { display:block; }
.m-nav li a:hover,.m-nav .current a { color:#f9b655; }
.m-nav .current:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid #f9b655; content:"" }

/* 菜单显示 */
.u-menu { position:absolute; right:7px; top:10px; display:block; width:30px; height:42px; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 99; }
.u-menu div { position:absolute; left:0; top:20px; width:30px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; }
.u-menu div i { position:absolute; left:0; top:0; display:block; width:30px; height:3px; background:#bb201c; }
.u-menu .u-menu-top i {transform:translate3d(0px,-10px,0px);-webkit-transform:translate3d(0px,-10px,0px);}
.u-menu .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.u-menu .u-menu-bottom i {transform:translate3d(0px,10px,0px);-webkit-transform:translate3d(0px,10px,0px);}

body.z-open .m-nav {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
body.z-open .g-wp {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
body.z-open .u-menu {transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}
body.z-open .u-menu  div {transform:translateZ(0px) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;-webkit-transform:translateZ(0px) rotate(45deg);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
body.z-open .u-menu  div i {transition:transform 0.2s ease 0s;transform:translate3d(0px,11px,0px);-webkit-transition:-webkit-transform 0.2s ease 0s;-webkit-transform:translate3d(0px,11px,0px); }
body.z-open .u-menu .u-menu-bottom {transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg);}
body.z-open .u-menu .u-menu-middle { display:none; }

.search { position: absolute; top:5px; width:50px; height:50px; overflow:hidden; }
.search-o { position: absolute; top:0; left: 0; width:50px; height:50px;  background:url(../images/search_btn.png) no-repeat center; background-size:40%; }
.search-x { position: absolute; top:0; left: -50px; width:50px; height:50px;  background:url(../images/search_btn_x.png) no-repeat center; opacity:1; background-size:40%; }

.form-search{ position: absolute; top: -100px; left: 0; width:90%; padding:3% 5%; border-top:1px solid #ddd; box-shadow:3px 5px 5px #0268b3; background:#fff; z-index:2; opacity:0; transition:all .2s ease-out; }
.form-search input{ border:1px solid #eee;}
.form-search input[type="text"] { width:70%; height:38px; float:left; padding:0 5%; border-right:0px; }
.form-search input[type="submit"]{ width:19%; height:40px; float:left; border:0; background:#0268b3; color:#fff;}

.banner { position:relative; margin-bottom:5px; overflow:hidden; }
.banner .hd{ width:100%; position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; text-align:center;}
.banner .hd li{ display:inline-block; width:40px; height:5px;  background:#0052a5; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.banner .hd li.on{ background:#fff;  }
.banner .bd{ position:relative; z-index:0; }
.banner .bd li{ position:relative; text-align:center;  }
.banner .bd li img{ background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

.swiper-container .swiper-pagination-bullet-active { background-color:#f60; }

.mian_nav { padding:3% 1.5% 1%; border-bottom:10px solid #f2f2f2; }

.mian_nav ul li{ float:left; width:31.3333%; margin: 0 1% 2%; height:auto; text-align:center; background: #dce0ec; border-radius: 5px; font-size:12px; }
.mian_nav ul li a { display:block; padding:8% 0; }
.mian_nav ul li a i { display:inline-block; width:35px; height:35px;}
.mian_nav ul .li-03,.mian_nav ul .li-06 { border-right:0; }
.mian_nav ul li a span{ display:block; font-size:13px; color:#666; }

.box { border-bottom:10px solid #f2f2f2; background:#fff; }

.u-tt .hd {  position:relative; }
.u-tt .hd h2 {  border-bottom: 1px solid #ccc; color:#132c80; font-size:20px; line-height:30px; vertical-align:top; font-weight:100; }
.u-tt .hd h2 span { display:block; color:#bababa; font-weight:100; font-size:15px; line-height:20px; text-transform:uppercase; vertical-align:top; }
.u-tt .hd .more { position:absolute; top:50%; right:8px; width:15px; height:15px; margin-top:-7px; padding:0; background:url(../images/icon_arr_arrow.png) no-repeat #f60; background-size:contain; overflow:hidden; }
.u-tt .hd .more a { display:block; background:none; line-height:999px; }
.u-tt .bd {}

.m-art { font-size:13px; line-height:1.8; }
.m-art .pic { margin-bottom:3%; }
.m-art h3 { font-size:16px; line-height:40px; font-weight:normal; }

.more-common-01 { display:inline-block; width:45%; height:35px; line-height: 35px; background:#f3f3f3; text-align: center; text-indent: 0; border-bottom: 3px solid #0052a5; margin:20px 0 3%;}
.more-common-01 a{ display:block; }

.m-list { padding:0; }
.m-list li { padding:7px 4px 7px 14px; border-bottom:1px solid #eee; background:url(../images/z-11.gif) no-repeat 3px center; font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

/* 图片列表 一行一个 */
.m-pFList li { position:relative; padding:0 0 0%; margin-bottom: 3%;  overflow: hidden; }
.m-pFList li:after { position:absolute; left:0; bottom:0; width:100%; height:2px; background:#f00; }
.m-pFList li .p { position:relative; float:left; width:35%; left:0; border-right:15px solid #fff; z-index:1; }
.m-pFList li .c { display:block; overflow:hidden; zoom:1; line-height: 21px; }
.m-pFList li .t { padding:0 0 1%; font-weight:bold; font-size:14px; display:block; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.m-pFList li .t a { color:#000; }
.m-pFList li .i { color:#777; font-size:12px; }
.m-pFList li .m { font-size:12px; }

/* 图片列表 一行两个 */
.m-pList li { float:left; width:46%; padding:0 2%; text-align:center;}
.m-pList li .t { padding:8px 0; font-size:13px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.m-tList { padding:0 12px 8px; }
.m-tList li { padding:10px 0; border-bottom:1px solid #eee; color:#777; font-size:12px; line-height:18px; }
.m-tList li h2 { padding-bottom:8px; font-size:15px; }

@media (max-width:375px) {
	.m-pFList li .p { width:45%; }
	.m-pFList li .i { height:42px; overflow:hidden; }

}


/* 快捷菜单 */
#fixed-foot { position:fixed; left:0; bottom:0; width:100%; height:60px; background:#fff; border-top:1px solid #eee; line-height:20px; text-align:center; z-index:1;display: flex;justify-content:space-around;flex-wrap:nowrap;}
#fixed-foot li { /*float:left; width:25%; margin:0 -1px; border-left:1px solid rgba(255,255,255,.1); border-right:1px solid rgba(0,0,0,.2); */display: block;}
#fixed-foot li a { display:block; padding:9px 0 0; color:#444; }
.fixed-button { display:block; width:30px;height:30px;margin:0 auto;background:url(../images/icon_arr_tel_white.png) no-repeat; overflow:hidden;background-size:contain;}
.m-copy { padding:5%; border-bottom:10px solid #f2f2f2; text-align:center; }

.box-isd .hd { border-bottom:10px solid #f2f2f2; background:#fff; }
.box-isd .hd h2 { border-right:0; background:#fff; color:#1e1201;padding: 8px }
.box-isd .hd .col { float:right; height:24px; margin:10px 5px 0 0; padding:0 20px; line-height:24px; border-radius:3px; border:1px solid #ddd; text-align:center; }
.box-isd .hd .col a { color:#333; }

/* 内容 */
.article { padding:0 2% 3%; line-height:2; word-wrap:break-word;  }
.article .mt { text-align:left; }
.article .mt h1 { padding:5px 0 0; font-size:20px; line-height:26px; font-weight:100; }
.article .mt .titBar { padding:4px 0; border-bottom:1px dashed #e1e0e0; color:#777; font-size:12px; line-height:24px; }
.article .mc { padding:3% 0; font-size:13px; word-wrap:break-word; }

/* 分页 */
.page { padding: 20px 10px 30px; text-align: center; }
.page a { display: inline-block; padding: 4px 8px; border-radius:3px; background:#778dd6; color:#fff; line-height: 1.5; vertical-align:top; }
.page .current { background:#f60; }

.pager-next-pre { display:table; width:100%; text-align:center; }
.pager-next-pre a { float:left; width:50%; padding:8px 0; background:linear-gradient(#eee,#ddd); display:table-cell; }
.pager-next-pre .btn_next { background:#000; background:linear-gradient(#313231,#101110); color:#fff; }

/* 二级菜单 */
.m-menu { position:fixed; top:0; right:-50%; width:45%; height:100%; padding:7% 5%; background:#fff; z-index:99; opacity:0; overflow:auto; }
.m-menu .site-nav { min-height:400px; overflow-y:auto; }
.m-menu dl dt { margin-bottom:8px; padding:0 8px 10px; border-bottom:1px solid #ddd; line-height:24px; }
.m-menu dl dt a { color: #333; }
.m-menu dl dt a:hover,.m-menu dl dt .current { color: #f60; }
.m-menu dl dd { padding: 0 5px 10px 24px; background:url(../images/iFCB_sort_ico.png) no-repeat 10px 7px; line-height:24px; }
.m-menu dl dd a { color: #333; }
.m-menu dl dd a.current { color: #f60; }

/*Form*/
.form-panel { margin: 0; }
.form-panel h4 { margin-bottom: 10px; padding: 2px 20px; background: #eee; line-height: 30px; }
.form-panel .tips { padding: 10px 0; color: #cc3732; font-weight: bold; font-size: 14px; text-align:center; }
.form-panel .field { clear: both; }
.form-panel .input { padding: 5px 0; color: #666; zoom: 1; }
.form-panel .field:after { content: '\20'; display: block; height: 0; clear: both; }
.form-panel .text { width:93%; height: 20px; padding: 2% 3%;  border-radius: 3px; border: 1px solid #ddd; background: #f6f6f6; font-size: 14px; vertical-align:top; }
.form-panel .textarea { width:93%; height: 120px; padding: 2% 3%;  border-radius: 3px; border: 1px solid #ddd; background: #f6f6f6; color: #666; vertical-align:top; }
.form-panel .submit-field { padding: 0; clear: both; }
.form-panel .btn-submit { width: 100%; height: 44px; border: 0; border-radius: 3px; background: #0052a5; color: #fff; font-size: 14px; line-height: 44px; }

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none;}textarea { -webkit-appearance: none;} 

.hr {padding:0 1%;}
.hr-list { margin-bottom: 10px; padding: 10px 0 0; }
.hr-list .title { padding: 2px 20px; background: #efefef; font-weight: bold; line-height: 22px; }
.hr-list .title span { float: right; color: #333; font-weight: 100; }
.hr-list .info { padding: 5px 10px; line-height: 24px; }
.hr-list .apply { padding: 5px; text-align: right; }
.hr-list .apply a { color: #ba0012; }

/*sitemap网站地图*/
.webmap dl dt {margin: 5px 0;padding-left: 18px;background: url(../images/ico_05.gif) 3px center no-repeat;font-size: 16px;line-height: 2;}
.webmap dl dd {padding-left: 18px;}
.webmap dl dd a {float: left; display: block; margin-right: 10px; margin-bottom: 5px; padding: 0 10px; background: #eee; font-size: 14px; line-height: 2; white-space: nowrap;}
.webmap dl dd a:hover{ background:#0052a5; color:#fff;}


/* 分享 */
.action-share { height:24px; padding:15px 0; text-align:center; overflow:hidden; }
.bdshare-button-style0-24{line-height:24px;}
.bdshare-button-style0-24 a{position:relative;display:inline-block;width:24px;height:24px;margin-left:5px;background:url(../images/share.png);vertical-align:top;cursor:pointer;opacity:.8;}
.bdshare-button-style0-24 a:hover{opacity:1;}
.bdshare-button-style0-24 a.bds_tsina{background-position:0 0;}
.bdshare-button-style0-24 a.bds_weixin{background-position:0 -32px;}
.bdshare-button-style0-24 a.bds_qzone{background-position:0 -65px;}
.bdshare-button-style0-24 a.bds_sqq{background-position:0 -98px;}
.bdshare-button-style0-24 a.bds_renren{background-position:0 -131px;}
.bdshare-button-style0-24 a.bds_tqq{background-position:0 -163px;}
.bdshare-button-style0-24 a.bds_douban{background-position:0 -196px;}
.bdshare-button-style0-24 a.bds_fbook{background-position:0 -226px;}

#form_job label{ width:20%; float:left; }
#form_job input.text{ width:68%; }
#form_job textarea.textarea{ width:68%; }

.title h2{font-size: 1.5em;color: #000;background: url(../images/i-t.png) no-repeat left center;font-weight: 100;padding: 2%;padding-left: 26px;margin: 0 2%}

.c-1{position: relative;background: #f0f0f0}
.c-1 .title{background: #fff}
.c-1 .g-in{position: relative;}
.c-1 .hd{background: #bb201c}
.c-1 .hd li{float: left;font-size: .9em;padding: 0 0.4em;line-height: 43px;position: relative;cursor: pointer;color: #fff;background: url(../images/i-5.png) no-repeat right center;}
.c-1 .hd li.on{color: #000;background: url(../images/i-4.png) repeat-x -1px;}
.c-1 .hd ul{float: left;}
.c-1 .hd a.m{display: block;float: left;font-size: 1em;line-height: 43px;color: #fff;margin: 0 0.8em}
.c-1 .bd{margin-top: 2%;padding-bottom: 2%}
.proLeft{float: left;width: 340px;background: #fff;padding-bottom: 45px}
.proLeft .pic{text-align: center;padding-top: 22px}
.proItem .text{margin:0 30px }
.proItem .text a.t{display: block;font-size: 18px;color: #000;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.proItem .text a.t:hover{color: #bb201c}
.proItem .text span{display: block;font-size: 16px;color: #000;}
.proItem .text .intro{font-size: 0.8em;color: #666;}
.proItem .text .intro p{overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.proItem .text a.m{display: block;width: 90%;background: #bb201c;border: 1px solid #ddd;box-sizing: border-box;color: #fff;font-size: 12px;text-align: center;transition: all 0.3s ease 0s}
.proRight{width: 100%}
.proRight dd{width: 100%;background: #fff;box-sizing: border-box;padding: 2%;}
.proRight dd .pic{float: left;width: 42%;height: auto;text-align: center;}
.proRight dd .pic img{vertical-align: middle;}
.proRight .text{float: right;margin: 0;width: 54%;overflow: hidden;}
.proRight .text a.t{font-size: 1.1em;font-weight: bold;padding: 1% 0}
.proRight .text span{font-size: 1em;display: block;margin-top: 2%}
.proRight .text .intro{overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; margin-top: 2%}
.proRight .text .intro p{display: none}
.proRight .text .intro p:nth-child(-n+2){display: block;}
.proRight .text a.m{background:0;color: #666;border-color: #999;margin-top: 2%;font-size: 0.8em;display: block;margin-top: 2%}

.c-2{width: 100%}
.c-2-b li{width: 50%;float: left;overflow: hidden;padding:1% 2%;box-sizing: border-box;}
.c-2-b li .pic{position: relative;z-index: 2;overflow: hidden;}
.c-2-b li .text a.t{display: block;font-size: 1.2em;color: #000;padding-top: 5px;text-align: center;}
.c-2-b li .text p{font-size: 14px;color: #808080;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
@media (max-width:375px) {
	.c-2-b li .text a.t{font-size: 1em}
}


.c-3 {background: #f0f0f0;padding: 3% 0;margin-top: 2%}
.c-3-1{float: left;width: 22%;text-align: center;margin-top: 16px;padding-top: 27px;background: url(../images/i-3.png) no-repeat center top;}
.c-3 form{float: right;width: 78%}
.c-3-2{float: left;width: 70%}
.c-3 form .select{display: block;width: 100%;height: 24px;outline: 0;margin-bottom: 1%}
.c-3 form .text{display: block;width: 100%;padding-left: 1%;height: 24px;outline: 0;box-sizing: border-box;}
.c-3-3{width: 30%;float: right;}
.c-3-3 input{width: 80%;margin-left: 10%;margin-top: 26px;height: 28px;background: #bb201c;border: 0;color: #fff;font-size: 14px;cursor: pointer;}

.c-4{margin-top: 3%}
.c-4 .pic{width: 100%;height: auto;box-sizing: border-box;padding-top: 45px;background: url(../images/i-6.png) no-repeat center top;background-size: 65%}
.c-4 .pic video{}
.c-4 .text{float: right;width: 94%;margin: 0 3%}
.c-4 .text h4{font-weight: 100;color: #000;font-size: 1.6em}
.c-4 .text i{text-transform: uppercase;color: #666;font-size: 0.8em}
.c-4 .text span{display: block;width: 40px;height: 2px;background: #000;margin: 2% 0 3% 0}
.c-4 .text p{line-height: 22px;font-size: 14px;color: #666}
.c-4 .text p a{color: #004492;}
.c-4 .text ul{text-align: center;margin-top: 3%}
.c-4 .text li{display: inline-block;width: 18%;margin: 0 0.5%}
.c-4 .text li a{display: block;padding-top: 100%;background: url(../images/i-11.png) no-repeat center top;background-size: contain}
.c-4 .text li:nth-child(2) a{background-image: url(../images/i-12.png);}
.c-4 .text li:nth-child(3) a{background-image: url(../images/i-13.png);}
.c-4 .text li:nth-child(4) a{background-image: url(../images/i-14.png);}
.c-4 .text li:nth-child(5) a{background-image: url(../images/i-15.png);}

.c-5{margin-top: 3%}
.c-5 li{float: left;width: 33.33%;}
.c-5 li img{padding: 0 2%}

/*底部*/
.footer{width: 96%;padding: 0 1%;background: #333;margin-top: 3%}
.ft-nav{padding: 2% ;border-bottom: 1px solid #666}
.ft-nav dl{float: left;width: 16.66%;}
.ft-nav dt a{display: block;color:#fff;font-size: 12px;padding: 10% 0}
.ft-nav dd a{display: block;color:#fff;font-size: 12px;opacity: 0.9;padding: 1% 0}
.ft-2{color: #fff;padding: 3% 0}
.ft-2 a{color: #fff}


.ft-more{color: #fff;position: absolute;left: 0;bottom: 55px;right: -7%;transform: scale(0.8);}
.ft-qrcode{text-align: center;float: right;margin-right: 2%}
.ft-ali{float: right;margin-top: 10px;margin-left: 2%}
.ft-ali a{color: #fff;display: block;padding-top: 60px;background: url(../images/i-f-1.png) no-repeat left top;background-size: contain}

/*顶部四个菜单*/
.fixedMenu{text-align: right;position: fixed;top: 55px;right: 46px;z-index: 10;display: none;padding: 10px;padding-bottom: 5px;background: url(../images/i-8.png);}
.fixedMenu a{display: inline-block;width: 29%;margin: 0 1%}
.fixedMenu a img{width: 100%;height: auto;display: block;}

.form-panel{text-align: center;padding: 5% 0;}
.form-panel li{padding: 1% 0}
.form-panel .submit{display: inline-block;border: 0;border-radius: 10px;padding: 3px 20px;margin: 0 5px;background: #ddd;}
.form-panel label{width: 85px;display: inline-block;text-align: right;}
.form-panel i{display: inline-block;color: #f00000}

.usc{text-align: left;padding: 2% 0}
.usc span{display: inline-block;width: 80px;text-align: right;margin-right: 2%}
.usc i{}

.art-box{margin: 0 2%}