@charset "utf-8";
/* by Sean Lu 20170826 */
/*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: #0083cc; }

/* 清理浮动 */
.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: #0193de; color: #fff; }
::-moz-selection { background: #0193de; color: #fff; }

.wrapper { width: 1200px; margin: 0 auto; position: relative; }
.wrapper img { max-width: 100%; }

.toplink a { color: #fff; font-family: microsoft yahei; }

.searchbox { }
.searchbox .key { line-height: 35px; height: 37px; border: 1px solid #ff5f35; padding: 0 20px 0 37px; background: url(../images/search.png) no-repeat 20px center; background-size: 13px 12px; font-family: microsoft yahei; font-size: 12px; color: #fff; width: 76%; box-sizing: border-box; display: block; float: left; border-right: 0; }
.searchbox .key::-webkit-input-placeholder { color: #fff; }
.searchbox .key:focus { border-color: #fff; }
.searchbox .btn { display: block; float: left; box-sizing: border-box; line-height: 37px; height: 37px; border: 0; background: #fff; color: #fe3300; width: 24%; font-weight: bold; text-align: center; font-family: microsoft yahei; cursor: pointer; }
.searchbox .btn:hover { opacity: .8; }

.menu { }
.menu .mli { position: relative; float: left; z-index: 9; }
/* .menu .mli:before { position: absolute; width: 54px; height: 50px; background: #fe3300; left: 50%; margin-left: -27px; top: 0; border-radius: 50%; content: ''; display: block; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .2s; transition: all .2s; }
.menu .mli:hover:before, .menu .mli.on:before { -webkit-transform: scale(2); transform: scale(2); border-radius: 28%; display: none; } */
.menu .mli .ma { position: relative; display: block; line-height: 50px; height: 50px; padding: 0 24px; font-family: microsoft yahei; font-weight: bold; color: #333; font-size: 14px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.menu .mli:hover .ma, .menu .mli.on .ma { color: #fff; background: #fe3300; }
.menu .mli .sub { position: absolute; left: 0; top: 50px; width: 160px; background: #fff; border-left: 4px solid #fe3300; border-top: 4px solid #fe3300; border-right: 4px solid #fe3300; border-bottom: 4px solid #fe3300; display: none; }
.menu .mli .sub .shul { width: 160px; padding: 10px 0; background: #fe3300; float: left; }
.menu .mli .sub .shul .shli { line-height: 36px; height: 36px; }
.menu .mli .sub .shul .shli a { color: #fff; font-family: microsoft yahei; font-size: 14px; display: block; padding-left: 40px; text-decoration: none; position: relative; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.menu .mli .sub .shul .shli.on { background: #fff; }
.menu .mli .sub .shul .shli.on a { color: #fe3300; }
.menu .mli .sub .shul .shli i { position: absolute; width: 5px; height: 8px; background: url(../img/navarrow.png) no-repeat 0 -8px; right: 16px; top: 13px; }
.menu .mli .sub .shul .shli.on i { background-position: 0 0; }
.menu .mli .sub .sbd { width: 340px; float: right; display: none; }
.menu .mli .sub03 .sbd { width: 420px; }
.menu .mli .sub .sbd .sbox { line-height: 22px; font-size: 12px; font-family: microsoft yahei; color: #666; background-repeat: no-repeat; background-position: right bottom; }
.menu .mli .sub .sbd .sbox .sbp { padding: 20px 20px; }
.menu .mli .sub .sbd .sbox .more { display: block; float: left; padding: 0 20px; line-height: 22px; border: 1px solid #01119c; color: #01119c; font-family: microsoft yahei; }
.menu .mli .sub .sbd .sbox .more:hover { background: #01119c; color: #fff; text-decoration: none; }
.menu .mli .sub .sbd .sbox p { margin-bottom: 20px; }

a.spbtn { background: #fe3300 url(../images/ck.gif) no-repeat 20px center; background-size: 16px 14px; font-size: 12px; color: #fff; line-height: 37px; padding: 0 20px 0 40px; border-radius: 4px; display: inline-block; font-family: microsoft yahei; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
a.spbtn:hover { opacity: .9; filter: alpha(opacity=90); box-shadow: 0 5px 10px rgba(254,51,0,.4); }

.hpnav {border: 1px solid #dedede; border-top: 2px solid #6c6e71; line-height: 30px; padding: 10px 16px; height: 80px; overflow: hidden; }
.hpnav li { float: left; }
.hpnav li a { display: block; padding: 0 19px; font-size: 14px; color: #666; font-family: microsoft yahei; text-decoration: none; border-radius: 4px; -webkit-transition: all .2s; transition: all .2s; }
.hpnav li a:hover, .hpnav li.on a { background: #fe3300; color: #fff; }

.footlink a { color: #d2d2d2; font-family: microsoft yahei; text-decoration: none; }
.footlink a:hover { color: #fff; }

a.footsa { font-weight: bold; color: #fff; font-size: 14px; font-family: microsoft yahei; text-decoration: none; }

.hprolist { }
.hprolist .item { float: left; width: 290px; box-sizing: border-box; border-bottom: 1px solid #e3e3e3; border-right: 1px solid #d7d7d7; border-top: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2; margin: 0 13px 13px 0; -webkit-transition: all .2s; transition: all .2s; }
.hprolist02 .item { width: 23%; margin: 0 1% 20px; }
.hprolist .item:nth-child(4n) { margin-right: 0; }
.hprolist .item:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); }
.hprolist .item .img { }
.hprolist .item .img img { display: block; }
.hprolist .item .info { background: #f5f5f5; padding: 20px; }
.hprolist .item .info .cate { height: 20px; line-height: 20px; overflow: hidden; }
.hprolist .item .info .cate a { color: #ff3300; font-family: microsoft yahei; }
.hprolist .item .info .name { height: 30px; line-height: 30px; overflow: hidden; }
.hprolist .item .info .name a { color: #666; font-family: microsoft yahei; font-size: 15px; }
.hprolist .item .info .text { display: none; color: #999; font-family: microsoft yahei; font-size: 12px; line-height: 15px; height: 30px; overflow: hidden; padding-top: 10px; }


/* focusBar */
#focusBar{width:100%;height:506px;clear:both;position:relative; overflow:hidden;padding-top:0px;}
#focusBar .mypng{ background:url(../images1/9.gif) repeat-x top center; }
#focusBar li{width:100%;clear:both;height:506px;display:none;position:absolute;/* position:relative;*/ }
#focusBar .focusL{height:506px;position:absolute;z-index:9;/*left:-1000px;*/ top:0px;left:-960px;margin-left:50%;}
#focusBar .focusR{height:506px;position:absolute;z-index:10;/* right:1000px;*/top:0px;left:-960px;margin-left:50%;}

#focusBar .arrL,#focusBar .arrR{display:block;width:52px;height:134px;position:absolute;top:120px;z-index:11111;cursor:pointer;background:url(../images/bt_arr.png) no-repeat;}
#focusBar .arrL{left:-52px;background-position:0px 0px;}
#focusBar .arrR{right:-52px;background-position:-68px 0px;}
#focusBar .arrL:hover{background-position:0px -144px;}
#focusBar .arrR:hover{background-position:-68px -144px;}

.inbanner { position: relative; height: 300px; background: url(../images/bba.jpg) no-repeat center; overflow: hidden; }
.inbanner .cn { color: #fff; font-size: 13px; line-height: 20px; height: 20px; padding: 15px 0; margin-top: 110px; }
.inbanner .en { color: #ff3300; font-size: 42px; line-height: 42px; font-family: Verdana, Arial, Geneva, sans-serif; font-weight: bold; }

.side { width: 280px; float: left; margin: 30px 0; }
.sidenav { background: #ff3300; border-radius: 10px; overflow: hidden; margin-bottom: 20px; }
.sidenav .hd { line-height: 50px; height: 50px; color: #fff; font-size: 18px; padding: 0 20px 0 50px; background: url(../img/iconlogo.png) no-repeat 16px center; background-size: auto 20px; }
.sidenav .hd strong { font-weight: normal; }
.sidenav .bd { padding: 10px; background: #fff; margin: 0 6px 6px; border-radius: 0 0 6px 6px; }
.sidenav .snul {  }
.sidenav .snul .snli { margin-bottom: 2px; line-height: 40px; }
.sidenav .snul .snli .sna { padding: 0 20px; color: #666; font-size: 14px; font-family: microsoft yahei; display: block; text-decoration: none; border-radius: 4px; -webkit-transition: all .2s; transition: all .2s; background: #f1f1f1 url(../images/ck.gif) no-repeat -16px center; background-size: 16px 14px; }
.sidenav .snul .snli .sna:hover, .sidenav .snul .snli.on .sna { background-color: #ff3300; color: #fff; opacity: .9; filter: alpha(opacity=90); background-position: 18px center; box-shadow: 0 5px 10px rgba(254,51,0,.4); padding-left: 40px; }

.bbsub { padding: 10px 0 10px 40px; display: none; }
.snli.on .bbsub { display: block; }
.bbsub .bbsli { line-height: 36px; }
.bbsub .bbsli .bbsa { font-family: microsoft yahei; }
.bbsub .bbsli.on .bbsa { color: #f30; }

.main { width: 880px; float: right; margin: 30px 0; }
.main .hd { background: #f1f1f1; height: 50px; line-height: 50px; padding: 0 20px; border-radius: 10px; margin-bottom: 10px; }
.main .hd .name { position: relative; float: left; color: #ff3300; font-size: 20px; font-weight: bold; }
.main .hd .name:before { content: ''; display: block; width: 4px; height: 20px; background: #f30; position: absolute; left: -20px; top: 15px; }
.main .hd .now { float: right; font-size: 12px; color: #999; }
.main .hd .now a { color: #999; }
.main .hd .now .split { margin: 0 4px; font-family: simsun; }
.main .bd { padding: 20px; font-size: 16px; color: #333; line-height: 30px; }
.main .bd p { margin-bottom: 20px; }

.sidebox { background: #dedede; overflow: hidden; margin-bottom: 20px; border-radius: 10px; }
.sidebox .hd { line-height: 40px; height: 40px; text-align: center; font-size: 16px; color: #333; }
.sidebox .bd { margin: 0 6px 6px; padding: 20px; background: #fff; border-radius: 0 0 6px 6px; position: relative; }

.spimg { }
.spimg a { display: block; text-decoration: none; color: #666; font-family: microsoft yahei; }
.spimg a:hover { color: #f30; }
.spimg img { display: block; }
.spimg span { display: block; line-height: 30px; background: #f1f1f1; text-align: center; font-size: 12px; height: 30px; overflow: hidden; }

.slideimg01 .prev, .slideimg01 .next { width: 20px; height: 32px; display: block; background: url(../img/slider-arrow.png) no-repeat -59px center; position: absolute; top: 50%; margin-top: -26px; opacity: .3; }
.slideimg01 .prev:hover, .slideimg01 .next:hover { opacity: .6; }
.slideimg01 .prev { background-position: -175px center; left: 20px; }
.slideimg01 .next { background-position: -59px center; right: 20px; }

.sbcon { font-size: 14px; line-height: 24px; color: #666; }

.nodata { background: url(../img/no_data.png) no-repeat center top; padding-top: 200px; text-align: center; font-size: 16px; color: #999; margin: 90px 0; }

.partnerlist { }
.partnerlist li { float: left; width: 23%; margin: 0 1% 20px; -webkit-transition: all .2s; transition: all .2s; }
.partnerlist li:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); }
.partnerlist li a { display: block; border: 1px solid #dedede; background: #f1f1f1; color: #666; font-size: 12px; font-family: microsoft yahei; text-decoration: none; }
.partnerlist li a:hover { color: #f30; }
.partnerlist li img { display: block; width: 100%; }
.partnerlist li span { display: block; line-height: 30px; text-align: center; height: 30px; overflow: hidden; }

.newstitle { font-size: 26px; text-align: center; line-height: 30px; font-family: microsoft yahei; margin-bottom: 5px; }
.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; }
.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 50px; }
.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: 120px; border-width: 1px; border-style: solid; border-color: #dedede; text-decoration: none; color: #666; font-size: 12px; }
.newsbackline ul li a:hover { border-color: #f30; color: #f30; }
.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; }

.new_ulbig { }
.new_ulbig li { padding: 20px 10px 20px 10px; border-bottom: 1px dashed #ccc; height: 152px; overflow: hidden; }
.new_ulbig li.on { background: #f7f7f7; }
.new_ulbig li .img { float: left; width: 200px; height: 150px; overflow: hidden; border: 1px solid #ccc; margin-right: 20px; background: url(../img/nopic.jpg) no-repeat center center; }
.new_ulbig li .img img { width: 200px; height: 150px; display: block; }
.new_ulbig li .info { margin-left: 20px; margin-bottom: 20px; }
.new_ulbig li .info a { padding: 2px 4px; color: #333; text-decoration: none; font-family: microsoft yahei; color: #333; font-weight: bold; }
.new_ulbig li h3 { margin-bottom: 10px; }
.new_ulbig li h3 a { line-height: 28px; font-size: 18px; font-weight: normal; padding: 3px 2px; font-family: microsoft yahei; }
.main .bd .new_ulbig li p { line-height: 24px; color: #666; margin-bottom: 10px; height: 72px; overflow: hidden; font-size: 14px; }
.new_ulbig li .info a:hover { text-decoration: none; background: #f30; color: #fff; }
.new_ulbig li .time { display: block; margin-top: 10px; color: #999; font-size: 12px; }
.new_ulbig li .zuo { padding-right: 6px; }

.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%; box-sizing: border-box; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; border: 1px solid #f30; outline: none; box-shadow: 0 0 5px #f30; background: #fff; }
.messageinput { width: 310px; padding: 10px; height: 26px; line-height: 26px; 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 #f30; outline: none; box-shadow: 0 0 5px #f30; background: #fff; }
.messagebtn { width: 200px; 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: 30px; }
.messagebtn.btnon { width: 500px; color: #fff; background: #f30; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }

.questionbox { padding-left: 50px; margin-bottom: 10px; }
.questionbox .qline { position: relative; background: #f1f1f1; padding-left: 20px; line-height: 40px; font-size: 16px; font-weight: bold; cursor: pointer; color: #666; }
.questionbox .qline a { display: block; font-size: 16px; text-decoration: none; font-family: microsoft yahei; }
.questionbox .qline a:hover { color: #f30; }
.questionbox .qline .ico { display: block; width: 50px; text-align: center; color: #fff; background: #f30; position: absolute; top: 0; left: -50px; font-family: arial; font-size: 14px; }
.questionbox .aline { position: relative; padding: 10px; padding-left: 20px; }
.questionbox .aline .ico { display: block; width: 50px; text-align: center; color: #66592a; background: #dedede; position: absolute; top: 0; left: -50px; font-family: arial; line-height: 40px; font-weight: bold; }

.downloadlist { margin-bottom: 30px; }
.downloadlist li { border-bottom: 1px solid #dedede; color: #666; padding: 10px 20px;overflow: hidden; }
.downloadlist li:hover { background: #fff; }
.downloadlist li span { line-height: 40px; height: 40px; overflow: hidden; display: block; float: left; }
.downloadlist li .btn { float: right; line-height: 20px; padding: 5px 20px; background: #666; color: #fff; font-size: 12px; text-decoration: none; margin-top: 5px; }
.downloadlist li .btn:hover { background: #f30; }

.protit { line-height: 40px; height: 40px; padding: 0 20px; border-radius: 4px; color: #fff; font-size: 16px; background: #f30; margin-bottom: 20px; opacity: .9; filter: alpha(opacity=90); box-shadow: 0 5px 10px rgba(254,51,0,.4); }

.b_e{ background:#444; padding:20px 0; position:fixed; bottom:0; left:0; width:100%; z-index:99;}
.b_ewm{ width:1200px; margin:0 auto;}
.b_ewm div{ width:33.33%; float:left; padding-left:50px; box-sizing:border-box;}
.b_ewm div img{ width:30%; float:left;}
.b_ewm div p{ float:left; color:#fff; padding:0 0 0 30px; line-height:1.8; font-size:14px;}


/**/
.t_p{ position:absolute; width:100%; top:50px; left:0; padding:30px; box-shadow:0px 0px 10px #cecece; z-index:999; background:rgba(245, 245, 245, 0.95); display:none;}
.t_p .t_p2{ width:20%; float:left;}
.t_p .t_p2 .p1{ margin:15px 0;}
.t_p .t_p2 .p1 a{ font-size:18px; color:#f30;}
.t_p .t_p2 .p2{ line-height:1.8;}
.t_p .t_p2 .p2 a{ font-size:14px;}
.t_p .t_p2 .p2 a:hover{ color:#f30;}
.menu .mli:hover .t_p{ display:block;}

/**/
.video{}
.video li{ width:48%; margin-right:4%; float:left;}
.video li:first-child{ width:80%; margin-right:0; margin:0 auto; display:block; float:none;}
.video li:nth-child(2n+3){ margin-right:0;}
.video li img{ width:100%;}
.video li p{ text-align:center; font-size:14px;}

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

/*contatc*/
.contact .p1{ font-size: 26px; color: #f30;}
.contact .p2{ width:50%; float:left;}
.contact .p3{ width:25%; font-size:14px;}
.contact .p3 img{ max-width:40%;}

.net_ser{ text-align:center;}
.net_ser li{ width:32%; margin-right:2%; float:left; margin-bottom:10px;}
.net_ser li:nth-child(3n){ margin-right:0;}
.net_ser li a{ font-size:14px;}