/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,code,del,dfn,em,font,img,ins,kbd,q,s,samp,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,header,section,footer {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0; }
 html,body{ font-size: 0.875rem; color: #333}
/* Basic Styling */
a, a:visited {
  color: #666;
  text-decoration: none;
  -webkit-transition-property: color, left, right;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-property: ease-in-out; }
 
html { -webkit-font-smoothing: antialiased; }
body, html {background:url(../image/di.jpg) center bottom no-repeat fixed; background-attachment: fixed;color: #333;-webkit-text-size-adjust: none; }

header, nav, section, aside, footer { display: block !important; }


#wrapper {
  margin: 0 auto;
    position: relative;
    width: 100%;
}

/*FONTS*/
@font-face {
    font-family: 'MgOpenModataRegular';
    src: url('../font/mgopenmodataregular-webfont.eot');
    src: url('/ximen/Templates/cn/wap/fonts/mgopenmodataregular-webfont.eot@') format('embedded-opentype'),
         url('../font/mgopenmodataregular-webfont.woff') format('woff'),
         url('../font/mgopenmodataregular-webfont.ttf') format('truetype'),
         url('../font/mgopenmodataregular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MgOpenModataOblique';
    src: url('../font/mgopenmodataoblique-webfont.eot');
    src: url('/ximen/Templates/cn/wap/fonts/mgopenmodataoblique-webfont.eot@') format('embedded-opentype'),
         url('../font/mgopenmodataoblique-webfont.woff') format('woff'),
         url('../font/mgopenmodataoblique-webfont.ttf') format('truetype'),
         url('../font/mgopenmodataoblique-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MgOpenModataBold';
    src: url('../font/mgopenmodatabold-webfont.eot');
    src: url('/ximen/Templates/cn/wap/fonts/mgopenmodatabold-webfont.eot@') format('embedded-opentype'),
         url('../font/mgopenmodatabold-webfont.woff') format('woff'),
         url('../font/mgopenmodatabold-webfont.ttf') format('truetype'),
         url('../font/mgopenmodatabold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MgOpenModataBoldOblique';
    src: url('../font/mgopenmodataboldoblique-webfont.eot');
    src: url('/ximen/Templates/cn/wap/fonts/mgopenmodataboldoblique-webfont.eot@') format('embedded-opentype'),
         url('../font/mgopenmodataboldoblique-webfont.woff') format('woff'),
         url('../font/mgopenmodataboldoblique-webfont.ttf') format('truetype'),
         url('../font/mgopenmodataboldoblique-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*Typography*/
h1{font-family:'MgOpenModataRegular', Arial, Helvetica, sans-serif; font-size:20px; color:#3486ca; line-height:25px;}
h2{font-family:'MgOpenModataRegular', Arial, Helvetica, sans-serif; font-size:16px; color:#101213;}

/*icon*/
@font-face {font-family: 'iconfont';
    src: url('/ximen/Templates/cn/wap/fonts/iconfont.eot'); /* IE9*/
    src: url('/ximen/Templates/cn/wap/fonts/iconfont.eot?') format('embedded-opentype'), /* IE6-IE8 */
    url('/ximen/Templates/cn/wap/fonts/iconfont.woff') format('woff'), /* chrome��firefox */
    url('/ximen/Templates/cn/wap/fonts/iconfont.ttf') format('truetype'), /* chrome��firefox��opera��Safari, Android, iOS 4.2+*/
    url('/ximen/Templates/cn/wap/fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:24px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    color: #2c725f;
}

.icon-goback:before { content: "\e607"; color: #fff;}
.icon-news:before { content: "\e600"; }
.icon-navlist:before { content: "\e608"; color: #fff }



.icon-contactUs2:before { content: "\e609"; }
.icon-messages:before { content: "\e602"; }
.icon-contactUs:before { content: "\e60a"; }
.icon-aboutUs:before { content: "\e603"; }
.icon-notice:before { content: "\e606"; }
.icon-fg:before { content: "\e604"; }
.icon-lvyou:before { content: "\e60b"; }





/*Header*/
header{ width:100%; padding-top:57px; }
.fullpageBg{background: url(../image/mobile_bg.jpg) fixed center center no-repeat;width:100%;  background-size:cover; position: relative;}
.mobile_logo{position:fixed; top:20px;  width: 70%; height:50px;z-index:999}
.mobile_logo img{ width: 100%; max-width: 320px; }

.mobile_logo-con{padding-top:20px; position:relative; width: 70%;z-index:999}
.mobile_logo-con img{ width: 100%;}


.btn3{position:fixed;
  z-index:3;
  bottom:0px;
  background:#a9c257;
  width:100%;
  text-align:center;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;}
.menu{
	position:relative;
    float:left;
    width:25%;

	display:block;
    background:#142c69;

    box-sizing:border-box;
    -webkit-box-sizing:border-box;}

.menu .bt-name  img{width:20%; position:absolute; left:1%; }
.menu:last-child{border-right:none;}

.menu .bt-name .fr-img{ position:absolute;  left:16%;}

.bt-name{font-size:14px;border-right:1px solid #dce6ba; height:40px;}
.bt-name a{display:block; line-height:40px;  font-size:1em;color:#ffffff; }
.bt-name a img{padding-top:10%;}
/*Navigation*/


/*index*/
.indexNavList{ margin:0 auto; text-align: center; position: fixed; bottom: 20px; left: 6.565%;    width: 100%;}
.indexNavList ul li{ width: 27.5%; float: left; list-style: none; text-align: center; margin-bottom:10px;margin-right:10px;}

.indexNavList ul li img{ width:38%; padding-top:20%; border:0;}
.indexNavList ul li a{ display: block; font-size: 1.125rem ; background: rgba(255,255,255,0.85); width: 95%;  margin: 0 auto; border-radius: 10px; box-shadow: 1px 0px 5px #c2c2c2; color: #333;}

.indexNavList ul li a span{ display: block; padding-bottom:10%; }

/*Footer*/
footer{margin-bottom:40px; padding:0px 13px; text-align:center; font-size:11px;  background:#fff; margin-left:4%; margin-right:4%; }
ul.footer_nav{ width:100%;}
ul.footer_nav li{ float:left; padding:0px 8px; border-left:solid 1px #b4b4b4; list-style:none; line-height:100%;}
ul.footer_nav li:first-child{ padding-left:0px; border-left:none;}
ul.footer_nav li a{ color:#33A285; text-shadow: 1px 1px 0 #fff;}
footer .copyright{ display:block; color:#9c9c9c; padding:10px 0px; clear:both; text-shadow: 1px 1px 0 #fff;}

.navChildBox .fenge{margin-bottom: 10px}
.fenge{border-top: 1px solid #E0DFDF;border-bottom: 1px solid #FFF;margin: 0px 4%;}

/*Button*/
a.btn{ display:inline-block; line-height:100%; text-decoration:none;}
a.grey_bt_sml{ padding:5px 7px; background:url(/ximen/Templates/cn/wap/images/btn_grey_sml.png) repeat-x; color:#fff; font-family:'MgOpenModataBold'; text-shadow: 0px 1px 0 #737373;}
a.grey_bt_big{ padding:9px 14px 8px 34px; background:url(/ximen/Templates/cn/wap/images/btn_grey_big.png) repeat-x; font-size:15px; color:#fff; font-family:'MgOpenModataBold'; text-shadow: 0px 1px 0 #737373; position:relative;}
span.app{ display:inline-block; background:url(/ximen/Templates/cn/wap/images/app.png) no-repeat center; width:20px; height:22px; position:absolute; left:7px; top:5px;}


/*nei head*/


.logobox{  text-align: center;
  display: block;
  padding: 10px;
  background: #f7f7f7;
  box-shadow: 0px 2px 2px #ccc;
  border-bottom: #ccc;
  margin-bottom: 10px;}
.page{padding-top:10%; background:#fff; margin-left:4%; margin-right:4%; 
font-family: '微软雅黑'; line-height: 25px; font-size:0.95em; color: #666;text-align:justify;text-justify:inter-word;}
.page h1{  color:#000; font-weight:bold; font-family: '微软雅黑'; line-height:1.5em; padding-left:3%; padding-right:3%; padding-bottom:10px;}
.page .time{ padding-left:3%; padding-right:3%;}
 .neirong{font-size:0.85em;}
.page p{  padding-left:3%; padding-right:3%;}
.page img{ width: 100%; }
.page table
{
width: 100%;
overflow-y: auto;
_overflow: auto;
margin: 0 0 1em;
}


.pagenumber{ display: block; margin-bottom: 10px; font-size: 14px;  letter-spacing: 5px;}
.pagenumlist{ display: none;}


#prosimg {width:29%; float:left; padding:2%; font-size:1.45em;}
.page #prosimg a{ display:block;  text-align:center; font-size:2em; text-decoration:none;}



/nesws/
.newlist-top ul li a{ display:block; float:left;}

.news-pic{}
.news-pic img{float:left; margin-left:3%; width:30%; height:70px;}
.news-con{float:right; width:65%;}
.xin{text-align: justify; padding-top:3%; margin-right:3%; padding-bottom:10px; font-size:1.25em; line-height:1.5em; font-weight:bold; color:#000; margin-top:-3%; float:left}
.clear{ clear:both;}
.news-con span{ color:#828282; }

/yanjiulingyu/
.page-cont{font-family: '微软雅黑';   line-height: 25px;color: #666;text-align:justify;text-justify:inter-word;}
.page-cont p{margin-left:4%; margin-right:4%; line-height:1.8em; font-size:1.1em;}
.page-cont hr{border:1px solid #eaeaea;}
.line {margin-left:4%; margin-right:4%; border:1px solid #eaeaea;}
.cont-wenzi{padding-left:40px;  font-size:1.4em; font-weight:bold; height:24px; margin-top:-10px; margin-bottom:20px; }
#dizhi{margin-left:4%; background: url(../image/address.png) no-repeat; background-position: 3% 4%;}
#dianhua{margin-left:4%; background: url(../image/Telephone.png) no-repeat; background-position: 3% 4%;}
#wangzhi{margin-left:4%; background: url(../image/website.png) no-repeat; background-position: 3% 4%;}

.ditu img{width:100%; margin-top:-10px;}



.mobile-prolist{ width:100%; height:100%; padding-bottom:20%;}
.mobile-prolist li{ margin-left:5%; float:left}

.mobile-prolist .proimg{ float:left;  width:22%; padding:1%}
.mobile-prolist a{  display:block;  text-align:center; text-decoration:none; }

.mobile-prolist a img{ width:100%;}