@charset "UTF-8";
/*css*/

body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,form,fieldset,button,input,textarea,th,td {margin:0;padding:0}
html {color:#000;font-size:62.5%;}
h1,h2,h3,h4,h5,h6 {font-size:1em; font-style:normal; font-weight:normal;}
em {font-style:normal}

ul,ol {list-style:none}
a{color:#000;text-decoration:none;outline:none; }

.rel{ position:relative;} .abs{ position:absolute;}

fieldset,img {border:0}
button,input,select,textarea,option{font-size:100%;-webkit-appearance: none;outline:none;}
table {border-collapse:collapse;border-spacing:0}
img {border:0px;}
textarea {resize:vertical}
.fl{float: left;}
.fr{float: right;}
.cl:after{content:'\20';display:block;height:0;clear:both;visibility: hidden;}
.mr10{ margin-right:10px;}
.p10{ padding:1rem;}
.p0-10{padding: 0 1rem 1rem;}
.hide{ display:none;}

.tit_11{ position: relative; height: 4rem; line-height: 4rem; text-align: center;}
.tit_11 i{ border-bottom: 1px solid #d20001; height: 0; position: absolute; left: 0; top: 2rem; width: 100%; z-index: 5;}
.tit_11 span{font-size: 1.6rem; position: relative; z-index: 10; display: inline-block; background: #fff; color: #d20001; font-weight:bold; padding: 0 1rem;}
.con_11{ line-height: 2rem; font-size: 1.2rem; padding: 0 1rem 1rem;}
.con_11 img { height:auto; max-width:100%;}
.con_11 a.more{ position: absolute; right: 1rem; bottom: 1rem; font-size: 1rem; line-height: 1.6rem; background: #bababa; color: #fff; padding: 0 0.5rem;}

body{ font-size: 1.4rem;}
.wrap{ max-width:720px; margin:0 auto; min-width:320px;}
.wrap .img-w{ width:100%; vertical-align:middle;}


/*  */
.slideBox{ position:relative;  overflow:hidden; margin:0 auto;}
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:5px; left:0; width:100%; text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#5b0f0f; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox .hd li.on{ background:#fff;  }
.slideBox .bd{ position:relative; z-index:0; margin-bottom:-5px;}
.slideBox .bd li{ position:relative;  }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); } 
.slideBox .bd li img{ width:100%;}
/* .slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;}*/


#nav ul{ margin-bottom: 1rem; background: #e6e6e6;}
#nav ul li{ float:left; width: 25%; text-align: center; height: 3rem; line-height: 3rem; border-bottom: 1px solid #fff; box-sizing: border-box; border-right: 1px solid #fff; font-size: 1.2rem;}
#nav ul li:nth-child(4n+4){ border-right: 0;}

#nybanner{ background: #dc251d; height: 6rem; line-height: 6rem; color: #fff;}
#nybanner h1{font-size: 2.4rem; color: #fff; padding-left: 3rem;}
#nybanner h1 span{ color: #fd807b; font-size: 1.6rem;}

#plist{text-align: center;}
#plist ul{ padding:0.5rem;}
#plist ul li{ float: left;width: 50%;  text-align: center;}
    #plist ul li a{ display:block;
        margin: 0.3rem;
    }
#plist ul li img{ border: 0.2rem solid #bcbcbc; width: 100%; height:14rem; box-sizing: border-box; vertical-align: top;}
#plist ul li span{ margin: 0.3rem; display: block; height: 2rem; background: #bcbcbc; color: #fff; line-height: 2rem; font-size: 1rem;}
#plist a.more{ margin-top: 0.3rem; background: #bcbcbc; width: 12rem; display: inline-block; text-align: center; height: 2rem; line-height: 2rem; font-size: 1.2rem;}

#plist_1{text-align: center;}
#plist_1 ul{ padding:0.5rem;}
#plist_1 ul li{ padding: 0.3rem; float: left; width: 50%; text-align: center; box-sizing: border-box;}
#plist_1 ul li img{ border: 0.2rem solid #bcbcbc; width: 100%; height:10rem; box-sizing: border-box; vertical-align: top;}
#plist_1 ul li span{ margin-top: 0.4rem; display: block; height: 2rem; background: #bcbcbc; color: #fff; line-height: 2rem; font-size: 1.2rem;}



#nlist{}
#nlist ul li{ border-bottom: 1px dotted #6d6d6d; height: 2.5rem; font-size: 1.2rem; line-height: 2.5rem; overflow: hidden; padding: 0 9rem 0 0.5rem; position: relative;text-overflow:ellipsis; white-space:nowrap;}
#nlist ul li span{ position:absolute; right: 1rem; top: 0rem;}
#nlist ul li.first{ height: 8rem; padding-bottom: 0.5rem; padding-left: 11rem; padding-right: 0.5rem; position: relative;white-space:normal;}
#nlist ul li.first img{ position: absolute; left: 0.5rem; top: 0rem; width: 10rem; height: 8rem;}
#nlist ul li.first h2{ font-size: 1.2rem; height: 2.3rem; line-height: 2.3rem; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}
#nlist ul li:first-child p{ font-size: 1rem; line-height: 1.9rem; height: 5.7rem; overflow: hidden;}

#contact{margin-top: 1rem;}
#contact h2{ border-top: 1px solid #7f7f7f; border-bottom: 1px solid #7f7f7f; height: 3.5rem; line-height: 3.5rem; font-size: 1.2rem; padding: 0 1rem; position: relative;}
#contact h2 a{ position: absolute; top: 1rem; height: 1.6rem; line-height: 1.6rem; border-left: 1px solid #7f7f7f;}
#contact h2 a.dx{ right: 10rem; background: url(images/dxico-2.jpg) 0.8rem center no-repeat; padding-left: 3rem; background-size: 1.8rem;}
#contact h2 a.tel{ right: 1rem; background: url(images/telico-1.jpg) 0.8rem center no-repeat; padding-left: 2.8rem; background-size: 1.4rem;}

#footer_1{ background: #4c4c4c; padding-bottom:1rem; color: #fff; margin-top: 1rem;}
#footer_1 h1{ padding:1rem; text-align: center; font-size: 1.2rem; line-height: 2rem;}
#footernav{ position:fixed; left: 0;bottom: 0; z-index: 10; width: 100%; background: #acacac;}
#footernav ul>li{ float: left; width: 33%; height: 4rem; line-height: 4rem; box-sizing: border-box; border-left: 1px solid #fff; text-align: center; font-weight: bold; color: #fff;}
#footernav ul>li:first-child{ background: #000;}
#footernav ul>li>a{ color: #fff;}

/**/
.nTitle{ padding: 0 1rem; line-height: 3rem; text-align: center;}
.nInfo{ text-align: center; font-size: 1rem; height: 2.5rem; line-height: 2.5rem; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
.nContent{ padding:1rem; line-height: 2rem; font-size: 1rem;}
.nContent img {  height:auto; max-width:100%;}

/*  */
.pTitle{ padding: 0 1rem; line-height: 3rem; border-bottom: 1px solid #ccc; }
.pContent{ padding: 0 1rem; line-height: 2rem; font-size: 1.2rem;}
.pContent img { height:auto;  max-width:100%;}
.proSlide{ position:relative;  overflow:hidden; margin:0 auto; margin: 1rem;}
.proSlide .hd{ position:absolute; height:1.6rem; line-height:1.6rem; bottom:1rem; right:1rem; z-index:1; }
.proSlide .hd li{ display:inline-block; width:1.6rem; height:1.6rem; text-align: center; background:#dc251d; margin-left:0.5rem; color: #fff; font-size: 1rem;  }
.proSlide .hd li.on{ background:#fff; color: #dc251d; }
.proSlide .bd{ position:relative; z-index:0; margin-bottom:-5px;}
.proSlide .bd li{ position:relative;  }
.proSlide .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); } 
.proSlide .bd li img{ width:100%; height:20rem;}


/**/
.markbg{ background:rgba(0,0,0,0.6); position: fixed; width: 100%; height: 100%; z-index: 100; top: 0; left: 0;}
.markbg_nb{ background: #faf3e0; position: absolute; left: 10%; top: 20%; width: 80%; border-radius: 1rem; padding:2rem; box-sizing: border-box; line-height: 2.5rem;color: #2d3865;}
.markbg_nb .close{ position: absolute; right: -1rem; top: -1rem; width: 2.5rem; height: 2.5rem; text-align: center; line-height: 2.3rem; border-radius: 50%; background: #2C3765; color: #fff;}
.markbg_nb .close i{ font-size: 1.2rem; vertical-align: top;}
.markbg_nb .img{ width: 100%;}
.markbg_nb .btn_51{ width: 40%; margin: 0 5%; display: inline-block; border: 1px solid #2e3664; color: #2E3664; height: 3rem; line-height: 3rem; text-align: center; border-radius: 1rem; box-sizing: border-box;}
.bmcg,.hggz,.tphd{ height: 5rem; line-height: 5rem; font-size: 2rem; color: #2d3865; overflow: hidden;}
.hggz{ text-align: center; font-size:2.4rem}
.tphd{ font-size: 1.8rem;}
.bmcg img,.hggz img,.tphd img{ width: 5rem; vertical-align: top; margin-right:1rem;}




/**/
#page { padding:2rem 0 1rem;}
.paginator { line-height:2rem; font-size:1rem; margin:0 auto;}
.paginator a{ height:2rem; padding:0 1rem; border: solid 1px #ddd; text-decoration: none;margin-right:2px; display:inline-block;}
.paginator a:visited {height:2rem; padding:0 1rem; border: solid 1px #ddd; text-decoration: none;}
.paginator .cpb {height:2rem; padding:0 1rem; font-weight: bold; font-size: 13px;border:none; display:inline-block;}




/**/
.scroll{ background: #72b492; border-radius:2rem; width:4rem; height:4rem; color:#fff; line-height:4rem; text-align:center; position:fixed; right:10px; bottom:5rem; cursor:pointer;display:none;}
.scroll i{ font-size:2.4rem;}


/**/