@charset "utf-8";
/* CSS Document */
html { width:100%; font-size: 100%; }
body{}
a{ color:#999; text-decoration:none;}
li{ list-style:none;}
.tatel a{ display:block; text-align:center; font-size:2.5em; line-height:2.5em;font-weight:bolder;color:#FF7300;}
#header{ width:100%; padding:1em 0; background:#FEFBF2; float:left;}
#header .ligo{ width:80%; margin:0px auto;}
#header .ligo img{ width:100%;}
#banner{ width:100%; float:left;}

.slideBox{ width:100%; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative;z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;  }

#mian .nava{ width:25%; float:left;}
#mian .nava a{ text-align: center; display:block;}
#mian .nava a img{ width:100%;}

#mian .about{ width:100%; float:left; margin-top:1em;}
#mian .about .abouts{ width:95%; margin:0 auto;}
#mian .about .abouts .aboutmian p{ text-indent:2em; font-size:1.3em; line-height:2em;}


#mian .prout{ width:100%; float:left;}
#mian .prout .promian{ width:46%; float:left; margin:2%; background:#E8E8E8;box-shadow: -4px 5px 8px #D6D6D6;}
#mian .prout .promian a{ display:block; text-align:center; line-height:2em; font-size:2em;}
#mian .prout .promian a img{ width:100%;}

#mian .n_abs{ padding-top:2em;}
#mian .n_abs p{ line-height:4em; text-indent:3em; margin:1em 1em;text-align: justify;}

#mian #ban1{ width:100%; float:left; margin:2em auto 0;}
#mian #ban1 img{ width:100%;}

#mian #z_nav{ width:100%; height:2.5em; background:#ccc; height:2.5em; float:left;display: inline-table;}
#mian #z_nav .nnav{ width:25%; float:left;}
#mian #z_nav .nnav a{ font-size:2em; line-height:2.5em; text-align:center; display:block; background:#020202; color:#fff;}
#mian #z_nav .nnava a{ font-size:2em; line-height:2.5em; text-align:center; display:block; background:#666; color:#fff;}

#mian #ban2{ width:100%; float:left; margin:2em auto;}
#mian #ban2 img{ width:100%;}

#mian #nali{ width:100%; float:left;background:url(../images/img_35.jpg) repeat;}
#mian #nali .nalis{ width:95%; margin:0 auto;}
#mian #nali .nalis .ans{ text-indent:2em; font-size:2em; line-height:2em;}
#mian #nali .nalis .anlia{ width:100%; }
#mian #nali .nalis .anlia .anlib{ width:46%; float:left; margin:2%; background:#E8E8E8;box-shadow: -4px 5px 8px #D6D6D6;}
#mian #nali .nalis .anlia .anlib a{ display:block; text-align:center; line-height:2em; font-size:2em;}
#mian #nali .nalis .anlib img{ width:100%;}

#mian #news{ margin-top:2em; width:100%; float:left;}

#mian #news .newmian{ width:100%; margin:1em auto; height:3.5em; border-bottom:3px dashed #CCC; overflow:hidden;}
#mian #news .newmian a{ width:80%; overflow:hidden; float:left; font-size:2em; line-height:1.5em;}
#mian #news .newmian .tim{ width: auto; float:right; font-size:1.5em; line-height:1.5em;}
#mian{ margin-bottom:12em; float:left; width:100%;}

#footer{ width:100%; display:block;}
#footer .fot{ width:100%; background:#fff; height:9em; position:fixed; left:0px; bottom:0;}
#footer .fot .fotli{ width:20%; float:left; height:10em;}
#footer .fot .fotli a img{ width:100%;}


/*内页*/
#n_nav{ position:fixed; top:0; width:100%;}
.iphone {width: 100%;height: auto; border-radius: 1.875em; position: relative; display: inline-block; background: #fff;
}
.nav { position: absolute; z-index: 100; opacity: 0; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 300ms;transition-duration: 300ms;
}
.nav--active .nav {  opacity: 1;  background-color: #333;}
.nav__list { margin: 0; padding: 10px;}
.nav__item {list-style-type: none; text-align: center;}
.nav__link { font-size:2.5em; line-height:2em; border-bottom:2px dashed #CCC; text-transform: uppercase; text-decoration: none; color: #ff; opacity: 1; -webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out;}
/* Default navigation icon */
.nav__trigger { display: block; position:fixed; top:2em; right:2em; width:5em; height: 5em; z-index: 200;}
.nav--active .nav__trigger { opacity: 0.5;}
.nav__icon { display: inline-block; position: relative; width:5em; height: 5px; background-color: #FF7300; -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms; transition-duration: 300ms;}
.nav__icon:before,.nav__icon:after {content: ''; display: block; width: 5em; height: 5px; position: absolute; background: #FF7300; -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms;    transition-duration: 300ms;}
.nav__icon:before { margin-top: 4em;}
.nav__icon:after { margin-top: 2em;}
.style-5 .nav { -webkit-transform: translate(100%, -100%) scale(0.5);transform: translate(100%, -100%) scale(0.5);border-radius: 100%;}
.style-5 .nav--active .nav {display: inline-table;  -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1);border-radius: 0;width: 100%;height: 100%;}
.style-5 .nav__link { opacity: 0; -webkit-transition-delay: 500ms; transition-delay: 500ms;}
.style-5 .nav--active .nav__link { opacity: 1;}
.style-5 .nav--active .nav__icon { background: rgba(0, 0, 0, 0);}
.style-5 .nav--active .nav__icon:before {margin-top: 0; -webkit-transform: rotate(45deg);transform: rotate(45deg);}
.style-5 .nav--active .nav__icon:after {margin-top: 0; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);
}

#mian .n_mian{ width:100%; background:url(../images/b_nav.png) repeat;box-shadow: 0px 0px 15px 10px #D0CABF; }
#mian .more{ width:100%;float:left;}
#mian .more .morea{ width:auto; text-align:center; color:#FF7300; font-weight: bolder; font-size:2em;}
#mian .more .morea a{line-height:2em; color:#333;}

#mian .mores{ width:100%;display: flex; float:left;}
#mian .mores .morea{ width:auto; color:#FF7300; font-weight: bolder; font-size:2em;}
#mian .mores .morea a{ margin:0em 1em; line-height:2em; color:#333;}

#mian .n_prout .n_prouts .tatel{ background:url(../images/b_nav.png) repeat; box-shadow: 0px 0px 15px 10px #D0CABF;}
#mian .n_prout .n_prouts .tatel a{ background:none;}
#mian .n_prout .n_prouts .pronaem{ text-align:center; font-weight:bolder; margin-top:2em;}
#mian .n_prout .n_prouts .n_proutmian{line-height:3em; background:#F5F5F5;box-shadow: -4px 5px 8px #D6D6D6; padding:0em 1em;text-align: justify;}
#mian .n_prout .n_prouts .n_proutmian img{ width:100%; text-align:center;}