@charset "utf-8";
/* by Sean Lu 20170902 */
/* 移动端全局控制reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family:microsoft yahei,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0);  background: #fff; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; color: #1d50a2; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: #003792; color: #fff; }
::-moz-selection { background: #003792; color: #fff; }

.wrapper { max-width: 720px; margin: 0 auto; }

.topbar { height: 30px; line-height: 30px; background: #fe3300; border-bottom: 1px solid #ff5225; color: #fff; padding: 0 10px; font-size: 10px; overflow:hidden; }
.topbar .wel { float: left; }
.topbar .tel { float: right; font-size: 10px; }
.topbar .tel .num { font-weight: bold; color: #fff; font-size: 12px; text-decoration: none; }

.header { height: 65px; padding: 0 10px; background: #fe3300; overflow: hidden; }
.header .logo { display: block; float: left; margin-top: 14px; }
.header .logo img { display: block; height: 36px; }
.header .morenav { float: right; display: block; background: url(../img/amenuicon.png) no-repeat left center; background-size: auto 20px; color: #fff; line-height: 65px; height: 65px; font-size: 14px; padding: 0 12px 0 30px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; text-decoration: none; }
.header .morenavon { background-image: url(../img/amenuicon2.png); }
.nav { background: #f1f1f1; height: 0; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.nav.navon { height: 92px; }
.nav ul { padding: 10px 0; }
.nav li { width: 25%; float: left; }
.nav a { color: #333; display: block; text-align: center; font-size: .75rem; line-height: 36px; text-decoration: none; }

.slideBox{ position:relative; overflow:hidden; margin:0 auto; border-bottom: 1px solid #dedede; }
.slideBox .hd { position: absolute; bottom: 8px; width: 100%; height: 10px; }
.slideBox .hd ul { width: 100%; text-align: center; }
.slideBox .hd ul li { width: 6px; height: 6px; border-radius: 50%; border: 2px solid #000; margin: 0 3px; display: inline-block; text-indent: -9999px; cursor: pointer; background: #000;opacity: .4; filter: alpha(opacity=40); }
.slideBox .hd ul li.on { background: #fff; }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align: center; }
.slideBox .bd li img{ vertical-align:top; width:100%; }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }

.homebox { margin: 20px 0; }
.homebox .hd { margin-bottom: 15px; text-align: center; }
.homebox .hd .tit { font-size: 20px; color: #ff3300; margin-bottom: 5px; }
.homebox .hd .txt { font-size: 12px; color: #999; }
.homebox .sd { margin: 0 15px 15px; padding: 15px; font-size: 12px; line-height: 18px; color: #666; background: #f0f0f0; text-align: center; }
.homebox .sd p { margin-bottom: 10px; }
.homebox .spbtn { font-size: 12px; color: #fff; background: #f30; border-radius: 4px; line-height: 30px; display: block; width: 60%; margin: 0 auto; }
.homebox .bd { margin: 0 15px; }

.hblist01 { overflow: hidden; border-top: 1px solid #dedede; border-left: 1px solid #dedede; }
.hblist01 li { float: left; width: 25%; box-sizing: border-box; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.hblist01s li { width: 50%; }
.hblist01 li img { display: block; width: 100%; }
.hblist01 li span { background: #f8f8f8; line-height: 30px; display: block; height: 26px; font-size: 10px; color: #666; text-align: center; }

.hbpronav { border: 1px solid #dedede; border-top: 2px solid #6c6e71; margin: 0 15px 15px; padding: 10px 15px; font-size: 12px; text-align: center; line-height: 24px; }
.hbpronav a { margin: 0 4px; }
.hbpronav a.on { color: #f30; }

.prolist { margin: 0 -5px; overflow: hidden; }
.prolist .item { width: 48%; float: left; margin: 0 1% 10px; box-sizing: border-box; border-bottom: 1px solid #e3e3e3; border-right: 1px solid #d7d7d7; border-top: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2; }
.prolist .item a { display: block; }
.prolist .item img { display: block; width: 100%; }
.prolist .item .info { background: #f5f5f5; padding: 10px; font-size: 12px; }
.prolist .item .info .cate { font-size: 10px; color: #f30; line-height: 16px; height: 16px; overflow: hidden; }
.prolist .item .info .name { font-size: 12px; color: #666; line-height: 20px; height: 20px; overflow: hidden; margin: 2px 0 5px; }
.prolist .item .info .text { font-size: 10px; color: #999; line-height: 16px; height: 32px; overflow: hidden; }

.hbss01 { margin: 0 15px 15px; }
.hbss01 .img img { display: block; width: 100%; }
.hbss01 .info { background: #f8f8f8; padding: 20px; font-size: 12px; line-height: 18px; color: #666; }
.hbss01 .info .en { font-size: 10px; color: #999; }
.hbss01 .info .cn { font-size: 16px; color: #f30; margin: 2px 0 10px; }

.homebanner { background: url(../img/homebanner01.jpg) no-repeat center bottom; background-size: auto 100%; padding: 90px 20px 20px; }
.homebanner02 { background-image: url(../img/homebanner02.jpg); }
.homebanner .cn { font-size: 12px; line-height: 20px; color: #fff; margin-bottom:10px; }
.homebanner .en { font-size: 26px; line-height: 30px; color: #f30; font-weight: bold; }

.homewhat { background: #f8f8f8; padding: 20px; font-size: 12px; line-height: 30px;  color: #666; }
.homewhat .tit { font-size: 16px; color:#f30; margin-bottom: 10px; }
.homewhat .txt { }
.homewhat .txt strong { color: #f30; font-weight: normal; }

.homess { padding: 0 20px; }
.homess img { display: block; width: 100%; }
.homess p { font-size: 12px; color: #333; line-height: 20px; margin-bottom: 20px; }

.hbb01 { background: #f8f8f8; padding: 30px 0; }
.hbb01 .tit { font-size: 14px; color: #333; font-weight: bold; text-align: center; padding: 0 15px; }
.hbb01 .name { font-size: 18px; color: #f30; font-weight: bold; text-align: center; margin: 5px 15px 10px; }
.hbb01 .text { font-size: 12px; color: #666; text-align: center; line-height: 18px;  padding: 0 15px; }
.hbbtable { width: 100%; }
.hbbtable td { vertical-align: top; font-size: 12px; padding: 0 15px; width: 50%; color: #333; line-height: 18px; }
.hbbtable .img { height: 30px; margin: 20px 0 10px; }
.hbbtable .img img { height: 100%; display: block; }

.hbb02 { margin: 30px 0; padding: 0 15px; }
.hbb02 .tit { text-align: center; font-size: 14px; font-weight: bold; color: #333; margin-bottom: 20px; }
.hbb02 .txt { font-size: 12px; color: #666; line-height:18px; }
.hbb02 .txt p { margin-bottom: 20px; }

.hbb03 { background: #f8f8f8; padding: 30px 15px; }
.hbb03 .item { border: 1px solid #ebebeb; border-top: 0; }
.hbb03 .item .hd { background: #f30 url(../img/hbb0301.png) no-repeat 98% center; background-size: auto 18px; color: #fff; padding: 0 10px; font-size: 14px; line-height: 30px; height: 30px; }
.hbb03 .item:nth-child(2) .hd { background-color: #ff9700; background-image: url(../img/hbb0302.png); }
.hbb03 .item:nth-child(3) .hd { background-color: #8f8f8f; background-image: url(../img/hbb0303.png); }
.hbb03 .item .bd { padding: 10px; font-size: 12px; }
.hbb03 .item .bd li { line-height: 24px; height: 24px; overflow: hidden; }
.hbb03 .item .bd li .time { float: right; font-size: 10px; color: #999; }
.hbb03 .item .bd li a { background: url(../img/dot.gif) no-repeat left center; padding-left: 10px; }

.hbb04 { background: #EFEFEF; padding: 30px 15px; font-size: 12px; line-height: 18px; color: #666; }
.hbb04 .tit { font-size: 14px; font-weight: bold; color: #333; text-align: center; margin-bottom: 20px; }
.hbb04 .info { border-bottom: 1px solid #dedede; padding-bottom: 15px; margin-bottom: 15px; }
.hbb04 .info a { display: block; line-height: 30px; color: #fff; background: #f30; border-radius: 4px; line-height: 30px; display: block; width: 60%; margin: 10px auto 0; text-align: center; }
.hbb04 .text { }
.hbb04 .text img { display: block; width: 30%; margin: 0 auto 15px; }

.hbb05 { background: url(../img/cc.jpg) repeat center; padding: 10px 10px; }
.hbb05 .star { background: url(../img/star.png) no-repeat center; background-size: 20% auto; height: 30px; margin-bottom: 10px; }
.hbb05 .box { border: 1px solid #fff; padding: 10px; font-size: 12px; line-height: 18px; margin-bottom: 10px; }
.hbb05 .box .hd { background: #f30; width: 60%; color: #fff; text-align: center; margin: -20px auto 20px; font-size: 14px; }
.hbb05 .box .bd { color: #fff; text-align: center; }

.foot { background: #000; color: #fff; font-size: 12px; text-align: center; padding: 20px 15px; }
.foot img { display: block; width: 30%; margin: 0 auto 10px; }
.foot strong { font-size: 20px; font-weight: bold; color: #f30; }

.footer { background: #333; color: #fff; font-size: 12px; text-align: center; padding: 20px 0 20px; }

.fixblock { height: 50px; }

.fixedbox { position: fixed; bottom: 0; left: 0; width: 100%; height: 50px; font-size: 14px; font-weight: bold; z-index: 9; line-height: 50px; text-align: center; background: #f30; color: #fff; }
.fixedbox .sptel { float: left; width: 25%; color: #f2e814; text-decoration: none; }

.inbanner { background: url(../img/homebanner01.jpg) no-repeat center center; background-size: auto 100%; padding: 90px 20px 20px; }
.inbanner .cn { font-size: 12px; line-height: 20px; color: #fff; margin-bottom:10px; }
.inbanner .en { font-size: 26px; line-height: 30px; color: #f30; font-weight: bold; }

.innav { background: #f1f1f1; line-height: 34px; height: 34px; }
.innav a { display: block; border-right: 1px solid #fff; text-align: center; box-sizing: border-box; width: 25%; float: left; font-size: 12px; }
.innav a.on { color: #fff; background: #f30; }

.main { padding: 20px 15px; font-size: 14px; line-height: 24px; color: #333; }
.main .content {  }
.main .content p { margin-bottom: 20px; }
.main .content img { max-width: 100%; }


.newstitle { font-size: 22px; text-align: center; line-height: 30px; font-family: microsoft yahei; margin-bottom: 5px; color: #333; }
.newsinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999; font-family: microsoft yahei; }
.newsinfo .author, .newsinfo .time { margin: 0 5px; }
.newsmaincon { margin: 20px 0; font-family: microsoft yahei; font-size: 14px; line-height: 24px; color: #333; }
.newsmaincon p { margin-bottom: 20px; }
.newsmaincon img { max-width: 100%; }
.newsmaincon h3 { font-size: 18px; font-weight: normal; color: #d00c18; margin-bottom: 20px; padding-left: 10px; border-left: 2px solid #d00c18; margin-top: 40px; }

.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0 20px;}
.newsbackline ul { width: 100%; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.newsbackline ul li a { display: inline-block; width: 100%; border-width: 1px; border-style: solid; border-color: #dedede; text-decoration: none; color: #666; font-size: 12px; }
.newsbackline ul li a:hover { border-color: #005e9e; color: #005e9e; }
.newsbackline ul li.prev { text-align: left; }
.newsbackline ul li.prev a { text-align: center; }
.newsbackline ul li.next { text-align: right; }
.newsbackline ul li.next a { text-align: center; }


.news_list{}
.news_list ul{overflow:hidden;padding-top:10px;}
.news_list ul li{overflow:hidden; margin-bottom:10px;border-bottom:1px dashed #dedede;padding-bottom:10px; }
.news_list ul li a{display:block;}
.news_list ul li .new_date{float:left;width:20%; margin-right:4%;}
.news_list ul li .new_date .news_day{background:#f30; border:1px solid #f30; line-height:24px; font-size:12px; color:#fff; text-align:center;}
.news_list ul li .new_date .news_year{line-height:26px; text-align:center; border:1px solid #eee; color:#333; font-size:13px;}
.news_list ul li  h2{font-size:13px; font-weight:normal; margin-bottom:6px; color:#333;}
.news_list ul li  p{ font-size:10px; line-height:16px; color:#888;}

.protitle { line-height: 36px; height: 36px; padding: 0 15px; border-radius: 4px; color: #fff; font-size: 14px; background: #f30; margin-bottom: 20px; opacity: .9; filter: alpha(opacity=90); box-shadow: 0 5px 10px rgba(254,51,0,.4); }
.protitle a { color: #fff; text-decoration: none; }

.procare { overflow: hidden; margin-top: 20px; }
.procare a { display: block; line-height: 34px; height: 34px; float: left; width: 50%; box-sizing: border-box; border-right: 2px solid #fff; border-bottom: 2px solid #fff; background: #f1f1f1; padding: 0 0 0 10px; font-size: 12px; border-radius: 4px; color: #666; }
.procare a.sp { width: 100%; text-align: center; }
.procare a.on { background: #f30; color: #fff; }


.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 100%; height: 120px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; box-sizing: border-box; }
.messagetarea:focus { color: #333; border: 1px solid #3498db; outline: none; box-shadow: 0 0 5px #3498db; background: #fff; }
.messageinput { width: 100%; box-sizing: border-box; padding: 10px; height: 46px; line-height: 46px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; border: 1px solid #3498db; outline: none; box-shadow: 0 0 5px #3498db; background: #fff; }
.messagebtn { width: 100%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 5px; box-sizing: border-box; }
.messagebtn.btnon { color: #fff; background: #f30; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }

a.mapbtn { border: 1px solid #f30; display: block; text-align: center; color: #f30; font-size: .875rem; line-height: 1.875rem; }

/**/
.video{}
.video li{ width:48%; margin-right:4%; float:left;}
.video li:nth-child(2n){ margin-right:0;}
.video li img{ width:100%;}
.video li p{ text-align:center; font-size:14px; margin-bottom:10px !important;}

/*contatc*/
.contact .p1{ font-size:18px; color:#f30; font-weight:bold; text-align:center;}
.contact .p2{ text-align:center;}
.contact .p3{ text-align:center; font-size:18px; color:#f30; font-weight:bold;}
.contact .p3 img{ max-width:40%;}

.b_ewm{ width:100%; margin:40px auto;}
.b_ewm div{ width:100%; float:left; padding-left:20px; box-sizing:border-box;}
.b_ewm div img{ width:40%; float:left;}
.b_ewm div p{ float:left; color:#fff; padding:30px 0 0 40px; line-height:1.8;}

/*honor*/
.honor li{ float:left; width:48%; margin-right:4%; margin-bottom:20px;}
.honor li:nth-child(2n){ margin-right:0;}