@charset "utf-8";
/* by Sean Lu 20161109 */
/* 移动端全局控制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-color: #f1f1f1; }
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; }

/* 拖选文字样式 20160628 */
::selection { background: #000; color: #fff; }
::-moz-selection { background: #000; color: #fff; }

.wrapper { max-width: 720px; margin: 0 auto; }

.header { height: 50px; overflow: hidden; background: #fff; position: relative; }
.header .logo { width: 50%; margin: 0 auto; height: 24px; overflow: hidden; padding: 13px 0; display: block; }
.header .logo img { display: block; height: 24px; margin: 0 auto; }
.header .amenu { background: url(../img/amenu.png) no-repeat center; display: block; width: 50px; height: 50px; position: absolute; top: 0; left: 10px; opacity: .6; text-indent: -9999px; }
.header .acont { background: url(../img/acont.png) no-repeat center; display: block; width: 50px; height: 50px; position: absolute; top: 0; right: 10px; opacity: .6; text-indent: -9999px; }

.slideBox{ position:relative; overflow:hidden; }
.slideBox .hd{width:100%; height:11px;  position:absolute; z-index:1; bottom:10px; text-align:center; }
.slideBox .hd ul{display:inline-block; height:5px; padding:3px 5px; font-size:0; vertical-align:top;}
.slideBox .hd ul li{display:inline-block; width:6px; height:6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#none ; border:1px solid #fff; margin:0 5px;  vertical-align:top; overflow:hidden; }
.slideBox .hd ul li.on{background:#fff;  }
.slideBox .bd{ }
.slideBox .bd li{ text-align:center;  }
.slideBox .bd li img{  width:100%; display:block}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }

.innavbox { background: url(../img/cbg.jpg) repeat-x center; background-size: auto 100%; text-align: center; padding: 12px 0; }
.innavbox a { display: inline-block; padding: 32px 7px 5px; font-size: 10px; color: #fff; background: #f60 url(../img/innav01s.png) no-repeat center 10px; background-size: 18px auto; border-radius: 4px; margin: 0 1px; text-decoration: none; width:14%;}
.innavbox a:hover { opacity: .8; }
.innavbox a.on { border-color: #fff; color: #f60; background-color: #fff; }
.innavbox #innav01 { background-image: url(../img/innav01s.png); }
.innavbox #innav01.on { background-image: url(../img/innav01.png); }
.innavbox #innav02 { background-image: url(../img/innav02s.png); }
.innavbox #innav02.on { background-image: url(../img/innav02.png); }
.innavbox #innav03 { background-image: url(../img/innav03s.png); }
.innavbox #innav03.on { background-image: url(../img/innav03.png); }
.innavbox #innav04 { background-image: url(../img/innav04s.png); }
.innavbox #innav04.on { background-image: url(../img/innav04.png); }
.innavbox #innav05 { background-image: url(../img/innav05s.png); }
.innavbox #innav05.on { background-image: url(../img/innav05.png); }
.innavbox #innav06 { background-image: url(../img/innav06s.png); }
.innavbox #innav06.on { background-image: url(../img/innav06.png); }
.innavbox #innav07 { background-image: url(../img/innav07s.png); }
.innavbox #innav07.on { background-image: url(../img/innav07.png); }
.innavbox #innav08 { background-image: url(../img/innav08s.png); }
.innavbox #innav08.on { background-image: url(../img/innav08.png); }
.innavbox #innav09, .innavbox #innav10, .innavbox #innav11 { background-image: url(../img/innav09s.png); }
.innavbox #innav09.on, .innavbox #innav10.on, .innavbox #innav11.on { background-image: url(../img/innav09.png); }
.innavbox #innav12 { background-image: url(../img/innav12s.png); }
.innavbox #innav12.on { background-image: url(../img/innav12.png); }
.innavbox #innav13 { background-image: url(../img/innav13s.png); }
.innavbox #innav13.on { background-image: url(../img/innav13.png); }
.innavbox #innav14 { background-image: url(../img/innav14s.png); }
.innavbox #innav14.on { background-image: url(../img/innav14.png); }
.innavbox #innav15 { background-image: url(../img/innav15s.png); }
.innavbox #innav15.on { background-image: url(../img/innav15.png); }
.innavbox #innav16 { background-image: url(../img/innav16s.png); }
.innavbox #innav16.on { background-image: url(../img/innav16.png); }
.innavbox #innav17 { background-image: url(../img/innav17s.png); }
.innavbox #innav17.on { background-image: url(../img/innav17.png); }
.innavbox #innav18 { background-image: url(../img/innav18s.png); }
.innavbox #innav18.on { background-image: url(../img/innav18.png); }

.incontent { font-size: 14px; line-height: 24px; color: #666; padding: 20px; background: #fff; }
.incontent p { margin-bottom: 20px; }
.incontent img { max-width: 100%; }
.incontent .intit { padding-left: 26px; background: url(../img/intit.png) no-repeat 0 center; background-size: auto 20px; font-size: 16px; font-weight: bold; color: #f60; margin-bottom: 10px; }

.incontent .intitab { padding-left: 26px; background: url(../img/intitab.png) no-repeat 0 center; background-size: auto 20px; font-size: 16px; font-weight: bold; color: #f60; margin-bottom: 10px; }

.inbigtit { font-size: 14px; font-weight: bold; background: url(../img/about03_1.png) no-repeat 0 center; padding-left: 34px; background-size: auto 30px; line-height: 50px; color: #f60; }
.inbigtit em { font-style: normal; color: #999; }
.inbigtit.i2 { background-image: url(../img/about03_2.png); }
.inbigtit.i3 { background-image: url(../img/about03_3.png); }
.inbigtit.i4 { background-image: url(../img/about03_4.png); }

.homebox01 { background: url(../img/hb01.jpg) no-repeat center; padding: 20px 20px; text-align: left; color: #555; font-size: 12px; line-height: 20px; }
.homebox01 h3 { margin-bottom: 10px; font-size: 18px; color: #3b4e61; line-height: 24px; }
.homebox01 .cbtn { margin-top: 10px; }
.cbtn { border: 2px solid #ff7200; color: #ff7200; display: block; width: 120px; text-align: center; font-size: 14px; line-height: 30px; height: 30px; }

.homebox02 img { display: block; width: 100%; }

.homebox03 { background: url(../img/hb01.jpg) no-repeat center; padding: 20px 20px; }
.homebox03 .btit { line-height: 30px; font-size: 14px; padding-left: 20px; background: url(../img/newicon.gif) no-repeat 0 center; background-size: 10px auto; color: #000; margin-bottom: 8px; }
.homebox03 .btit a { float: right; color: #f60; font-size: 12px; }
.topnews { border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom: 10px; margin-bottom: 10px; }
.topnews h3 { line-height: 20px; height: 64px; overflow: hidden; margin-bottom: 8px; }
.topnews h3 a { font-size: 14px; color: #000; }
.topnews p { color: #666; font-size: 12px; line-height: 18px; }
.topnews .img { float: left; width: 32%; height: 64px; margin-right: 10px; overflow: hidden; }
.topnews .img img { display: block; width: 100%; }

.newsli { }
.newsli .item { border-bottom: 1px dashed rgba(0,0,0,.1); padding-bottom: 10px; margin-bottom: 10px; }
.newsli .item:last-child { padding-bottom: 0; margin-bottom: 0; border: 0; }
.newsli .item .name { padding-left: 20px; background: url(../img/bb.png) no-repeat 0 center; line-height: 30px; height: 30px; overflow: hidden; font-size: 12px; background-size: 14px auto; }
.newsli .item .name a { color: #333f48; }
.newsli .item .info { font-size: 10px; line-height: 16px; height: 32px; overflow: hidden; color: #666; }

.homebox04 { background: #fdf5ef; padding: 20px; }
.homebox04 .title { font-size: 16px; text-align: center; color: #ff7200; font-weight: bold; margin-bottom: 10px; }
.homebox04 .contact { }
.homebox04 .contact .item { width: 50%; float: left; border: 1px solid #ebdcd1; box-sizing: border-box; margin: -1px 0 0 -1px; text-align: center; font-size: 12px; line-height: 22px; color: #636f7b; padding: 14px; }
.homebox04 .contact .item .icon img { display: block; height: 24px; margin: 0 auto 10px; }
.homebox04 .contact .item p img { display: block; height: 56px; margin: 0 auto; }
.homebox04 .morelink { text-align: center; color: #636f7b; margin-top: 20px; }
.homebox04 .morelink .txt01 { font-size: 12px; margin-bottom: 10px; }
.homebox04 .morelink .txt02 { font-size: 16px; }
.homebox04 .morelink .txt02 strong { font-weight: normal; color: #ff7200; }
.homebox04 .morelink .cbtn { margin: 10px auto 0; background: #ff7200; color: #fff; }

.footer { background: #40474e; color: #97a3af ; font-size: 12px; line-height: 22px; text-align: center; padding: 20px; }
.footer img { display: block; width: 30%; margin: 10px auto; }

.inbanner { padding: 40px 0 40px; height: 70px; background: url(../img/inbanner01.jpg) no-repeat center; background-size: auto 150%; border-bottom: 4px solid #f60; position: relative; }
.inbanner .title { width: 160px; height: 70px; margin: 0 auto; position: relative; z-index: 1; }
.inbanner .title:before { content: ''; display: block; position: absolute; top: -11%; left: 7%; width: 82%; height: 114%; border: 4px solid #f60; z-index: -1; }
.inbanner .title .titbox { width: 160px; height: 70px; box-sizing: border-box; background: #fff url(../img/bow.jpg) repeat-y center center; padding-top: 10px; text-align: center; margin: 0 auto; color: #fff; border: 2px solid #fff; position: relative; }
.inbanner .title .titbox .en { text-transform: uppercase; font-size: 12px; font-family: arial; line-height: 20px; }
.inbanner .title .titbox .cn { font-size: 18px; line-height: 30px; }

.newslist { padding: 20px 10px; }
.newslist li { height: 100px; border-bottom: 1px solid #dedede; }
.newslist li a { display: block; padding: 10px; color: #666; }
.newslist li a .img { height: 80px; width: 106px; overflow: hidden; float: right; margin-left: 10px; }
.newslist li a .img img { height: 80px; width: 106px; display: block; }
.newslist li a h3 { font-weight: normal; font-size: .875rem; line-height: 20px; height: 66px; overflow: hidden; }
.newslist li a .info { line-height: 20px; height: 20px; overflow: hidden; font-size: .625rem; color: #bbb; }
.newslist li a .info .time { float: left; }
.newslist li a .info .name { float: right; }
.newslist li:nth-child(2n) { background: #fff; }

.newsinfo { padding: 20px 20px 10px; font-size: 12px; color: #999; line-height: 30px;}
.newsinfo .back { display: block; background: #fff; color: #f60; border-radius: 15px; font-size: 12px; float: left; margin-right: 10px; padding: 0 20px; }
.newstitle { font-size: 18px; color: #f60; padding: 0 20px 20px; }

.commonmessage { background: #fb8517; padding: 55px 0; color: #fff; font-size: 16px; }
.commonmessage .sti { text-align: center; font-style: normal; margin-bottom: 20px; }
.commonmessage .tit { text-align: center; font-size: 30px; margin-bottom: 20px; }

.messbox { width: 900px; margin: 0 auto; height: 0; overflow: hidden; -webkit-transition: all .4s; transition: all .4s; }
.messboxon { height: 600px; }
.messbox .item { width: 44%; display: inline-block; margin: 0 2.8%; box-sizing: border-box; padding: 20px 0; }
.messbox .item .name { font-size: 18px; margin-bottom: 10px; }
.messbox .item .con { }
.messbox .item .cinput { width: 100%; padding: 29px 40px; box-sizing: border-box; border: 1px solid #f1a056; background: #f1a056; font-size: 16px; color: #fff; font-family: microsoft yahei; }
.messbox .item .cinput:focus { border-color: #f60; }
.messbox .item .cinput::-webkit-input-placeholder { color:#fff; }
.messbox .item .ctext { width: 100%; padding: 29px 40px; box-sizing: border-box; border: 1px solid #f1a056; background: #f1a056; font-size: 16px; color: #fff; font-family: microsoft yahei; height: 160px; }
.messbox .item02 { width: 94.4%; }

	.commonmessage { padding: 20px; font-size: 12px; line-height: 20px; }
	.commonmessage .sti { margin-bottom: 10px; }
	.commonmessage .tit { font-size: 16px; }
	.messbox { width: 100%; }
	.messboxon { height: 444px; }
	.messbox .item .name { font-size: 12px; margin-bottom: 10px; }
	.messbox .item .cinput { font-size: 12px; padding: 10px 20px; }
	.messbox .item { margin: 0 2%; padding: 10px 0; }
	.messbox .item .ctext { padding: 20px; }

.commonbtn { padding: 10px 25px; display: block; border: 2px solid #ff7200; color: #ff7200; font-size: 16px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; position: relative; z-index: 1; }
.commonbtn { float: none; width: 120px; text-align: center; font-size: 12px; margin: 0 auto; margin-bottom: 16px; padding: 5px 0; }
.commonbtn:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #ff7200; z-index: -1; }
.commonbtn:hover:before { height: 100%; }
.commonbtn:hover { color: #fff; }
.commonbtn03 { width: 200px; border-color: #fff; color: #fff; text-align: center; margin: 0 auto; }
.commonbtn03 i { display: inline-block; width: 17px; height: 11px; background: url(../img/btndownicon02.png) no-repeat center top; margin-left: 20px; }
.combtnon i { background-image: url(../img/btndownicon.png); }
.commonbtn03:before { background: #fff; }
.commonbtn03:hover { color: #f60; }
.commonbtn03:hover i { background-position: center bottom; }
	

/* 侧滑菜单样式控制 */
.mm-menu { background: #333 url(../img/sidebg.jpg) no-repeat center center !important; background-size: cover; width: 56%; max-width: none; }
em.mm-counter { display: none; }
.mm-subopened .mm-subblocker { opacity: 1; background: rgba(0,0,0,.6) !important; }
.mm-subblocker { -webkit-transition: all .2s ease-in; transition: all .2s ease-in; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.6) !important; }
.mm-subopened .mm-subblocker:before { content: ''; border: 2px solid transparent; display: inline-block; width: 10px; height: 10px; margin: auto; position: absolute; top: 20px; left: 14px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); border-bottom: none; border-right: none; border-color: rgba(255, 255, 255, 0.6); }
.mm-subopened .mm-subblocker:hover:before { color: #ccc; border-color: rgba(255, 255, 255, 1); }
em.mm-counter + a.mm-next { padding-left: 0 !important; }
em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span { margin-right: 58px; }
html.mm-opening .mm-slideout { -webkit-transform: translate(56%, 0); -moz-transform: translate(56%, 0); -ms-transform: translate(56%, 0); -o-transform: translate(56%, 0); transform: translate(56%, 0); box-shadow: -5px 0 10px rgba(0,0,0,.1); }

.mm-menu.mm-theme-dark .mm-listview > li .mm-prev:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-next:before { border: 0; }
.mm-menu.mm-theme-dark .mm-listview > li .mm-prev:before, .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after { border-color: rgba(255,255,255,.6); }
.mm-menu.mm-theme-dark { color: #fff; }
.mm-menu.mm-theme-dark .mm-listview > li:after { border-color: rgba(255,255,255,.2); }

.mm-menu.mm-theme-dark .mm-listview li a .cn { display: block; font-size: 12px; line-height: 18px; }

.menuhomea { display: block; width: 110px; height: 60px; background: url(../img/logos.png) no-repeat 20px center; background-size: 110px auto; text-indent: -99999px; }





































