/*css reset*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
p,
li,
dt,
dd,
img { margin: 0; padding: 0; }
ol,
ul { list-style: none; }
body { background: #fff; font-family: "微软雅黑";}
img { border: none; }
html { font-size: 62.5%; }
body { font-size: 1.2rem; }

/*html5*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block; }
figure { margin: 0; }
a,
a:link,
a:visited { text-decoration: none; color: #333333; }
a:hover { text-decoration: underline; }
input,
textarea { outline: none; }
img { width: 100% }
.db { display: block; }
.dib { display: inline-block; }
.dno { display: none; }
.oh { overflow: hidden; }
.oa { overflow: auto; }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.tj { text-align: justify; }
.vn { vertical-align: -2px; }
.ls5 { letter-spacing: 5px; }
.poi { cursor: pointer; }
.nowp { white-space: nowrap }
.m { margin: auto auto auto auto }
.pa { position: absolute; }
.pr { position: relative; }
.f12 { font-size: 1.2rem; }
.fb { font-weight: bold; }
.fno { font-weight: normal; font-style: normal }
.tno { text-decoration: none; }
.f14 { font-size: 1.4rem; }
.f16 { font-size: 1.6rem; }
.f18 { font-size: 1.8rem; }
.f20 { font-size: 2.0rem; }
.f22 { font-size: 2.2rem; }
.f24 { font-size: 2.4rem; }
.f26 { font-size: 2.6rem; }
.f30 { font-size: 3rem; }
.fa { font-family: Arial }
.fg { font-family: Georgia }
.ft { font-family: Tahoma }
.fs { font-family: "宋体"; }
.fv { font-family: verdana }
.lh18 { line-height: 1.8rem; }
.ml5 { margin-left: 5px; }
.ml15 { margin-left: 15px; }
.ml10 { margin-left: 1rem; }
.ml20 { margin-left: 2rem; }
.ml30 { margin-left: 3rem; }
.mr3 { margin-right: 3px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 1rem; }
.mr15 { margin-right: 1.5rem; }
.mr20 { margin-right: 2rem; }
.mr30 { margin-right: 3rem; }
.mt2 { margin-top: 2px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 1rem; }
.mt15 { margin-top: 1.5rem; }
.mt20 { margin-top: 2rem; }
.mt30 { margin-top: 3rem; }
.mt40 { margin-top: 4rem; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 1rem; }
.mb15 { margin-bottom: 1.5rem; }
.mb20 { margin-bottom: 2rem; }
.mb30 { margin-bottom: 3rem; }
.p { padding: 1rem; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 1rem; }
.pl15 { padding-left: 1.5rem; }
.pl20 { padding-left: 2rem; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 1rem; }
.pr15 { padding-right: 1.5rem; }
.pr20 { padding-right: 2rem; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 1rem; }
.pt15 { padding-top: 1rem; }
.pt20 { padding-top: 2rem; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 1rem; }
.pb15 { padding-bottom: 1.5rem; }
.pb20 { padding-bottom: 2rem; }
.wper50 { width: 50% }
.abword { width: 40% }
.wper30 { width: 30% }
.fw { font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu }
.inlineblk { display: inline-block; *display: inline; *zoom: 1; }
.fix { *zoom: 1; }
.fix:after { display: table; content: ""; clear: both; }
.ffw,
a.ffw { color: #fff; }
.bg9,
a.bg9 { background: #999; }
.gray{ color:807d7d}
.normal{ font-weight: normal;}
.l{float:left}
.r{float: right}
.title_green{ color: #199b44; font-size: 2.4rem}
/*head*/
/*body>header { position: fixed; height: 50px; width: 100%; left: 0; top: 0; right: 0; background: #2d3133; box-shadow: 2px 2px 3px #555555; z-index: 9999; line-height: 60px; }*/
.tlogo { width: 60%; margin-left: 4.5%; display: inline-block; margin-top:1rem }
.hcon { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; /*display:-moz-box; display:-webkit-box; display:-o-box; display:box;*/ -moz-box-pack: justify; -webkit-box-pack: justify; -o-box-pack: justify; box-pack: justify; width: 100% ; padding-right: 5%}
.ico_menu { width: 3rem; height:4rem; padding: 1rem 0 0 0; float: right;  }
.ico_menu span { width: 2rem; height:3rem;  margin: 1rem 0 0 1rem; background-image: url(/statics/images/phone/icon_menu.png); background-size: contain; background-repeat: no-repeat; }
.ico_menu.cur span{ width: 2rem; height:2rem;  margin: 1rem 0 0 1rem; background-image: url(/statics/images/phone/menu_common_close.png); background-size: contain; background-repeat: no-repeat; }
.common_head .ico_menu.active span{ width:2rem; height:2rem;  margin:1rem 0 0 1rem; background-image: url(/statics/images/phone/menu_close.png); background-size: contain; background-repeat: no-repeat; }

.common_head .common_menu span{width: 2rem; height:2rem; margin:1rem 0 0 1rem; background-image: url(/statics/images/phone/menu.png); background-size: contain; background-repeat: no-repeat;}
.common_head{display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; /*display:-moz-box; display:-webkit-box; display:-o-box; display:box;*/ -moz-box-pack: justify; -webkit-box-pack: justify; -o-box-pack: justify; box-pack: justify; width: 100% ;background-color: #0b529d; padding: 0 5%; border-bottom:0.5rem solid #d3a650; height:6rem}
.page_title{ font-size: 2.4rem; color: #fff; text-align: center; margin: 0 auto}
.common_head .common_menu{ width: 3rem; height:4rem; padding: 1rem 0 0 0; float: right; }
.common_head .return{ margin-top:2rem }
.common_head .return a{ background: url(/statics/images/phone/icon_return.png) no-repeat center center  / contain ;width:2rem; height: 2rem ; display: inline-block}
    /*main*/
.main_container { }
.main_container .main{ padding: 20px 0 0 0; position: relative;}
.turn { width: 100%; background-image: url(/statics/Images/phone/imagetest.jpg); background-repeat: no-repeat; background-size: cover; height: 175px; }
section>.l_title { width: 20rem; margin-top: 1.5rem; }
.pj_container { width: 100%; background: #f3f3f3 url(/statics/Images/phone/pj_bg.gif) 0 bottom repeat-x; }
.pjin_container { width: 100%; padding-bottom: 3rem; }
.pj_list { width: 33.3%; float: left; vertical-align: middle; text-align: center; }
.pjin_container a { display: block; text-align: center; margin-top: 1.5rem; }
.pjin_container a img { width: 6.5rem; }
.pjin_container a b { line-height: 2.4rem; color: #333; }
.ab_container { display: flex; display: -webkit-flex; align-item: flex-start; justify-content: center; display: -moz-box; display: -webkit-box; display: -o-box; display: box; -moz-box-pack: center; -webkit-box-pack: center; -o-box-pack: center; box-pack: center; margin: 3rem 2rem 0 2rem; }
.abimg { width: 40%; }
.abword { width: 50%; margin-left: 2rem; text-decoration: none; }
.abword h3 { font-size: 2rem; }
.abword p { font-size: 1.4rem; line-height: 1.6rem; }
.criclearrow { width: 3rem; margin-top: -2rem; margin-left: auto; margin-right: auto; }
.sj_container { position: relative; background: url(/statics/Images/phone/pjbg.png); padding: 0.5rem 0 1rem 0; margin-top: 4rem; }

header.title{ text-align: center; border-top:1rem solid #f2f3f4; border-bottom:0.1rem solid #eeeeee; height:7rem; line-height:5.5rem; width:100%; display:inline-block}
header.title h1{width: 100%; font-size:1.8rem;}
.info_relative header.title h1{width: 100%; font-size:2rem; padding-left:5%; color:#0f54a2}
header.title span{ display:inline-block; color:#d3a650; margin-left:0.5rem}
.info_container{width: 100%;}
.info_container .list{}
.info_container .list li{width: 100%;border-bottom: 0.1rem solid #eeeeee; display:inline-block;padding:1.5rem 5%; height:11rem;}
.info_container .list li a{ font-size:1.6rem}
.info_container li a{display: block; width: 100%; }
.info_container li img{width: 50%; margin-bottom: 5px;}
.info_container li .thum_img{ width:30%; height:100%; background-size:contain}
.info_container li .r{ width:65%; height:100%; position:relative;}
.info_container li .r a{ display:inline-block; height:3rem; font-size:1.4rem}
.info_container li .date{ position: absolute; bottom:0rem; right:0rem; display:inline-block; height:2rem; line-height:2rem; font-size:1.2rem}
.info_container li .date i{ background:url(/statics/images/phone/icon_date.png) no-repeat; width:1.5rem; height:1.5rem; background-size:contain; vertical-align:middle; margin-right:0.5rem; display:inline-block;margin-top:-0.2rem; }
.info_container .bannar{ width:90%; height:13rem; position:relative; margin:1.5rem 5% 0 5%}
.info_container .bannar span{ position:absolute; bottom:0rem; left:0rem; height:2.5rem; line-height:2.5rem; display:block; background-color:#0f54a2; color:#fff; font-size:1.4rem;background:rgba(15,84,162,0.8) ; width:100%;  text-align:center}
.word_container{width: 100%;}
.word_container .list{}
.word_container .list li{width: 100%;border-bottom: 0.1rem solid #eeeeee; display:inline-block;padding:1.5rem 5%; }
.word_container .list li a{ font-size:1.6rem}
.word_container li .date{ margin-top:1rem ; height:2rem; line-height:2rem}
.word_container li .date i{ background:url(/statics/images/phone/icon_date.png) no-repeat center center; width:1.5rem; height:1.5rem; background-size:contain; vertical-align:middle; margin-right:0.5rem; display:inline-block; margin-top:-0.2rem}
.word_container li a{display: block; width: 100%; }
.pic_show{ width:100%; display:inline-block;}
.pic_show .list{ border-top:0.1rem solid #eeeeee;}
.pic_show .list li{ float:left; width:50%; height:6rem; border-bottom:0.1rem solid #eeeeee; border-right:0.1rem solid #eeeeee; padding:1.5rem 5%;  box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */}
.pic_show .list li a{ display:inline-block; width:100%; height:100%; background-size:contain}
.pic_show .list li:nth-child(2n){ border-right:0rem;}
.company_info{border-top:1rem solid #f2f3f4; display:inline-block; width:100%; text-align: center; padding-top:2rem; font-size:1.2rem}
    /**/
.sj_list { width: 100%; }
.sj_listitem { float: left; width: 50%; margin-top: 20px; }
.sj_listitem img { width: 88%; display: block; margin: 0 auto; }
.sj_listitem .wd { display: block; font-size: 1.6rem; color: #fff; width: 88%; margin: .5rem auto 0 .5rem; line-height: 2rem; }
.morebtn { border-radius: 1rem; line-height: 1.6rem; text-align: center; display: inline-block; margin: 0 auto; padding: .5rem 1rem; }
.bgblue { background: #4891dc; }
.bgwhite { background: #fff; }

/*footer*/
/*.footer_container { position: fixed; bottom: 0; z-index: 9999 }*/
/*.footer_container footer { position: fixed; right: 0; left: 0; z-index: 1030; bottom: 0; margin-bottom: 0; border-width: 1px 0 0; background: #2d3133; height: 43px; display: flex; display: -webkit-flex; align-items: center; }*/
.footer_container footer a {  width:25%; display: inline-block; text-align: center; font-size: 1.2rem;float: left; }
.fcutline { width: 1px; float: left; margin-top: 1rem; }
footer a i{width: 2.2rem; height: 2.2rem;background-size: contain; display: block }
footer a.cur span{ color: #0b529d}
footer a.cur .icon_tel{background: url(/statics/images/phone/f_telh.png) no-repeat;background-size: contain; width:1.9rem; height:1.9rem; margin-bottom:0.2rem}
footer .icon_tel {  background: url(/statics/images/phone/f_tel.png) no-repeat; background-size: contain;  margin:0 auto;width:2rem; height:2rem;height:1.9rem; margin-bottom:0.2rem }
footer .icon_home {  background: url(/statics/images/phone/f_home.png) no-repeat; background-size: contain; margin:0 auto;}
footer a.cur .icon_home{background: url(/statics/images/phone/f_homeh.png) no-repeat ;background-size: contain;}
footer .icon_about{  background: url(/statics/images/phone/f_about.png) no-repeat; background-size: contain;  margin:0 auto; width:1.9rem; height:1.9rem; margin-bottom:0.2rem}
footer a.cur .icon_about{background: url(/statics/images/phone/f_abouth.png) no-repeat; background-size: contain; width:1.9rem; height:1.9rem; margin-bottom:0.2rem}
footer .icon_vip{ background: url(/statics/images/phone/f_vip.png) no-repeat; background-size: contain;margin:0 auto;}
footer a.cur .icon_vip{background: url(/statics/images/phone/f_viph.png) no-repeat; background-size: contain;}
/*slideout*/
.slideout-menu { position: fixed; left: auto; top: 0; bottom: 0; right: 0; z-index: 99999; width: 256px; overflow-y: auto -webkit-overflow-scrolling:touch; display: none; background: #000; color: #fff; }
.slideout-panel { position: relative; z-index: 1; will-change: transform; }
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel { overflow: hidden; }
.slideout-open .slideout-menu { display: block; }
.mtitle { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; display: -moz-box; display: -webkit-box; display: -o-box; display: box; -moz-box-pack: justify; -webkit-box-pack: justify; -o-box-pack: justify; box-pack: justify;  background-color: #0b529d; }
#menu { background: #131415; }
.ico_codex { width: 2rem; height: 2rem; background: url(/statics/images/phone/menu_close.png) no-repeat; background-size: contain; display: inline-block; margin: 1rem 1rem 0 0;  }
.mtitlename { border-left: 3px solid #3d3f42; display: inline-block; padding: 0 0 0 1rem; margin: 1rem 0 0 1rem; }
.navcon { padding: 1.8rem 0 0 0; background-color: #fff}
.navcon li { border-bottom: 1px solid #eeeeee; display: inline-block; height: 4rem; width: 100%; }
.navcon li a { color: #fff; font-size: 1.8rem; line-height: 4rem; display: inline-block; width: 100%; height: 100%; text-indent: 2rem; }
.navcon li.on {}

/*swipebox*/
.page_swipe { position: relative; }
#slider { width: 100%; }
.swipebox { overflow: hidden; visibility: hidden; position: relative; }
.swipe-wrap { overflow: hidden; position: relative; }
.swipe-wrap>figure { float: left; width: 100%; position: relative; }
.swipe_con { position: absolute; text-align: center; bottom: 1.5rem; height: 1.5rem; width: 100% }
#swipe_pos { display: inline-block; padding: .3rem .5rem; background: #fff; background: rgba(255, 255, 255, 0.5); border-radius: 1.5rem; }
#swipe_pos li { display: inline-block; width: 1rem; height: 1rem; border-radius: 1rem; background: #dbdbdb; }
#swipe_pos li.on { background: red; }
.navcon li a { color: #0b529d; display: block; font-size: 1.8rem; background: url(/statics/images/phone/menu_right.png) no-repeat right 2% center; background-size:1rem }
/*改*/
/*
html,
body {     min-height: 100%; }
html{overflow-x: hidden;}
.mask { width: 100%; height: 100%; background-color: red; position: absolute; top: 0; left: 0; z-index: 9999999; }
.hide-cover .mask { -webkit-transition: opacity 400ms; opacity: 0; }
body>#con_cotainer>header { position: fixed; height: 50px; width: 100%; left: 0; top: 0; right: 0; background: #2d3133; box-shadow: 2px 2px 3px #555555; z-index: 9999; line-height: 60px; }
.main_container { padding-bottom: 43px; margin-top: 50px; }
.swiper-container .swiper-wrapper .swiper-slide a img,
.swiper-container .swiper-wrapper .swiper-slide a:link img,
.swiper-container .swiper-wrapper .swiper-slide a:visited img { width: 100%; }
.main_container .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction { left: auto; width: 100%; text-align: center; }
.paginationc { display: inline-block; }
.main_container .swiper-pagination-bullet { background-color: #fff; }
.swiper-pagination .swiper-pagination-bullet-active { background-color: red; }
#con_container { }
.swiper-container { width: 100%; }
.framex { height: 100%; }
#con_cotainer { position: relative; z-index: 100; }
#menu_container { width: 80%; position: fixed; right: 0; top: 0; z-index: 100; overflow: hidden; background: #3b3b3b; }
.menu_hide #con_cotainer { overflow: hidden; height: 100%; -webkit-transition: -webkit-transform 400ms; -webkit-transform: translate3d(0, 0, 0); }
.menu_show #con_cotainer { -webkit-transform: translate3d(-80%, 0, 0); -moz-transform: translate3d(-80%, 0, 0); -o-transform: translate3d(-80%, 0, 0); -ms-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); }
.menu_show #menu_container{ visibility: visible;}
.menu_hide #menu_container{ visibility: hidden;}
.menu_show header{ position: relative;}
.menu_hide header{position: absolute;}
.menu_hide body,
.menu_show body { height: 100% }
.main_container {  }
*/
*{-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}

html,
body { overflow: hidden; }
html{-ms-touch-action: none;}
#con_container{position: relative; height: 100%; }
#con_container>header{ position: absolute; z-index: 2; top: 0; height: 55px; background: #fff; box-shadow: 2px 2px 3px #555555;  line-height: 60px; width: 100%;}
.footer_container{ position: absolute; z-index: 2; bottom: 0; width: 100%; }
.footer_container>footer{border-width: 1px 0 0; background: #fff; height: 5rem; display: flex; display: -webkit-flex; align-items: center; border-top: 0.1rem solid #eeeeee}
.main_container{position: absolute; z-index: 1; top: 5.9rem; bottom:5rem;left:0; width: 100%; overflow: hidden; display:inline-block}
#menu_container{ display: block; z-index: 50; height:0rem;     width: 100%; position: absolute; right: 0; top:5.9rem;background-color: #fff;  overflow:hidden; padding:0 5%}
#menu_container.show_menu{ transition-property: all;transition-duration:0.5s; height:35rem }

/*plus*/
header .back_btn{}
header .back_btn i{ width:14px; height:29px; margin-left: 15px; display:inline-block;}
header .back_btn a{ font-size:30px; float:left ; margin-left:2%; text-decoration:none; color:#FFF ;margin-top:15px;width: 50px;}
header .hcon span{ font-size: 20px; line-height: 55px;}
header  .menu_btn{ float:right; margin-top:20px; padding-right:1%; height:40px; width:50px;}


.list_arc{ width:100%; display:inline-block; border-bottom:1px solid #ecece9;  margin-bottom:20px; padding-left: 5px;  padding:5px 5px 15px 5px; box-shadow:0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;}
.sj_list .list_news{ margin-bottom:0px; padding:5px}
.sj_list .list_news span{ float:right; padding-right:5px;}
.list_title{ margin-bottom:15px;}
.list_title span{ font-size:1.6rem; }
.list_title i{ background:url(/statics/Images/index/ico.png) no-repeat; width:2px; height:16px; display:inline-block; padding-right:5px;position: relative;
    top: 2px;}
.list_arc .l_pic{ float:left; width:40%}
.list_arc .l_pic img{ width:100%; overflow:hidden;}
.list_arc .r_describe{ float:right; width:55%;}
.list_arc .r_describe p{ display:block; font-size:1.4rem; color:#666565 }
.list_arc .r_describe .w_more{ float:right; }
.list_arc .r_describe .w_more i{ background:url(/statics/Images/index/icon%20.png) no-repeat; width:16px; height:16px; display:inline-block; margin-right:5px}
.list_arc .r_describe .w_more a{ font-size:1.8rem; color:#f74e4f}
.page_list{ width:100%; padding-top:20px; text-align:center;display: inline-block;}
.page_list a{ height:30px; width:18%; line-height:30px; text-align:center; display:inline-block; font-size:12px; border:1px solid #858587; color:#333;}

.art_title{ text-align:center; width:100%; margin-bottom:5px; margin-top:5px;}
.art_title h3{ margin-top:5px; font-size:2rem}
.art_title span{ font-size:1.4rem; color:#CCC;margin-top: 10px; display:block }
.art_content{ overflow:hidden ;font-size:1.6rem; padding-left: 2%;}
.art_content p{text-indent:2rem; font-size:1.4rem; line-height:1.5rem}
.art_content  img{ width:100% !important}
.back_top {  bottom: 60px; position: fixed; right: 2%; z-index: 49; visibility: hidden;opacity: 0;-webkit-transition:all 0.5s linear; }
.back_top.showz{ visibility: visible;opacity: 0.3;  }
.sj_listitemz {
    float: left;
    width:100%; background-color: white;
}
.sj_listitemz a img{ width:100%;}
.sj_listitemz .wd{ color:#000; text-align:center; display:block; width:100%; font-size:1.6rem;height: 30px;
    line-height: 45px;}
.sj_listitemz a.wd_new{ text-align:left}
.fix::after {
    clear: both;
    content: "";
    display: table;
}
.show_contain header{ display:inline-block; width:100%;}








































