@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}

body{min-width: 1200px; width: 100%; overflow-x:hidden;}

.head-top{width:100%;height:40px;line-height:40px;    background: #f3b01b;font-size:14px;color:#fff}
.head-top span{float:right}
.head-top span a{color:#fff;font-size:14px;}

.head-logo{width:100%;padding:20px 0 10px 0}
.head-logol{float:left;width:310px;}

.head-menu{float:right;margin-top:15px}
.head-menu ul li{float:left;width:104px;text-align:center;position:relative;height:60px;line-height:60px;font-size:16px}
.head-menu ul li a{color:#333}
.container {
    width: 1200px;
	margin: 0 auto;}

.nav{width:210px;position:absolute;border-top:16px solid #ca191f;left:-53px;top:60px;z-index:99;background:#fff;display:none;transition:all ease-in-out 0.3s}
.nav li{text-align:center;width:210px !important}
.nav li a{display:inline-block;width:178px;height:43px;border-radius:20px;line-height:43px;margin-bottom:8px;font-size:15px;color:#666666}
.nav li:hover a{background:#ca191f;color:#fff}

.head-menu ul li:hover .nav{display:block;transition:all ease-in-out 0.3s;top:60px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);}

.head-menu ul li:hover .two{color:#ca191f}
.head-menu ul li.on .two{color:#ca191f}
/**/
.banner{ height:657px; width:100%; position:relative;}
.banner .bd{ height:657px; overflow:hidden;}
.banner .bd a{ display:block; background:url(../images/banner.jpg) no-repeat center top;height:657px; overflow:hidden;}
.banner .bantil{ width:200px; height:4px; position:absolute; bottom:30px;left:50%; z-index:8; margin-left:-100px;}
.banner .bantil li{ width:50px; height:4px; float:left; display:inline; margin:0 8px;background:#434043;}
.banner .bantil li.cur{background:#ca191f;}

.sou{ height:83px;overflow:hidden;}
.sou p{ height:83px; width:650px; font:14px "Microsoft YaHei"; line-height:83px; overflow:hidden; color:#434043;}
.sou p a{ display:inline-block; padding:0 10px 0 5px; color:#a7a7a7; background:url(../images/key_line.png) no-repeat right center;}
.sou p a.nones{ background:none;}
.sou3{ margin-top:20px; width:538px; height:27px; border-bottom:1px solid #e5e5e5;}
.sou3 input{ width:500px; height:27px; font:14px "Microsoft YaHei"; line-height:27px; background:none; color:#999; border:0; overflow:hidden; padding-left:19px;}
.sou3 .ip01{ width:19px; height:27px; background:url(../images/sou.png) no-repeat center center; border:0; overflow:hidden; cursor:pointer;}

.gx{ height:340px; background:url(../images/gexing_bg.gif) no-repeat center 72px;}
.gx dl{ width:379px; float:left; margin-right:30px; position:relative; background:url(../images/gexing_bg1.png) no-repeat center 72px; height:340px;}
.gx dt{ height:140px; margin-top:25px; font:24px "Microsoft YaHei"; font-weight:bold; text-align:center; background:url(../images/gexing_line1.gif) no-repeat center bottom;}
.gx dt span{ display:block; width:62px; height:62px; margin:0 auto 18px; overflow:hidden;}
.gx dt span img{ display:block;width:62px; height:62px;}
.gx dt span i{ display:none;}
.gx dd{ width:355px; margin:20px auto 0;}
.gx dd em{ display:block; font:15px "Microsoft YaHei"; text-align:center; color:#383838;}
.gx dd i{ display:block; font:12px "Microsoft YaHei"; color:#a7a7a7; text-align:center; padding-top:12px;}
.gx .nones{ margin-right:0;}
.gx .dl03 .tan{ display:none; background:url(../images/tan_bg.gif); border:6px solid #ca191f; width:455px; height:450px; padding:30px 0 0 25px; position:absolute; top:0; left:-54px; z-index:9;}
.gx .dl03 .tan li{ height:44px; margin-bottom:27px;}
.gx .dl03 .tan li em{ display:block; float:left; width:78px; font:14px "Microsoft YaHei"; line-height:44px; color:#242424; letter-spacing:22px;}
.gx .dl03 .tan li i{ display:block; float:left; width:78px; font:14px "Microsoft YaHei"; line-height:44px; color:#242424;}
.gx .dl03 .tan li input{display:block; float:left; width:345px; height:44px; line-height:44px; background:#ececec; border:0; overflow:hidden; color:#333; padding-left:5px;}
.gx .dl03 .tan .ly{ height:110px;}
.gx .dl03 .tan li textarea{display:block; float:left; width:345px; padding-left:5px; height:110px; line-height:32px; background:#ececec; border:0; overflow:hidden; color:#333; resize:none;}
.gx .dl03 .tan .btt{ margin-left:78px;}
.gx .dl03 .tan .btt input{ width:140px; height:42px; background:#ca191f; font:14px "Microsoft YaHei"; text-align:center; line-height:42px; color:#fff; overflow:hidden; margin-right:10px;}
.gx .dl03 .tan .btt .ip22{ color:#ca191f; background:#ececec; border:3px solid #ca191f; line-height:36px; margin:0;}
.gx .dl03{ background:url(../images/gexing_bg2.png) no-repeat center 72px;}
.gx .dl03 dt{ background:url(../images/gexing_line2.gif) no-repeat center bottom; color:#ca191f;}
.gx .dl03 dt span em{ display:none;}
.gx .dl03 dt span i{ display:block;}
.gx .dl03:hover .tan{ display:block;}

.fen{ height:1400px; padding-top:78px; overflow:hidden; background:#f7f7f7;}
.tit{ height:115px; overflow:hidden; font:36px "Microsoft YaHei"; font-weight:bold; text-align:center;}
.tit a{ color:#434043;}
.tit b{ color:#ca191f;}
.tit span{ display:block; font:14px "Microsoft YaHei"; color:#282828; letter-spacing:3px; padding:3px 0;}
.tit em{ display:block; font:12px Arial; color:#817060; text-transform:uppercase; padding-top:5px;}
.fen ul{ height:880px; position:relative;}
.fen li{ position:absolute;}
.fen li p{ width:100%; padding-top:42px;position:absolute; top:0; font:24px "Microsoft YaHei"; text-align:center; font-weight:bold; color:#fff;}
.fen li p i{ display:block; font:12px "Microsoft YaHei"; color:#fff; padding:5px 0 15px; background:url(../images/fen_line.gif) no-repeat center bottom;}
.fen li p em{ display:none; width:85px; padding-left:20px;height:30px; text-align:left; margin:150px auto 0; background:#fff url(../images/case_jt.gif) no-repeat 80px center; font:14px "Microsoft YaHei";line-height:30px; color:#ca191f;}
.fen .li1{ width:395px; height:395px; top:0; overflow:hidden;margin-left:5px;float:left;}
.fen .li1 img{ display:block;width:395px; height:395px;}
.fen .li2{width:595px; height:399px;top:410px;overflow:hidden;}
.fen .li2 img{ display:block;width:595px; height:399px;}
.fen .li3{width:395px; height:399px; top:0; left:405px;overflow:hidden;}
.fen .li3 img{ display:block;width:395px; height:399px;}
.fen .li4{width:595px; height:399px;top:410px; left:605px;overflow:hidden;}
.fen .li4 img{ display:block;width:595px; height:399px;}
.fen .li5{width:395px; height:399px; top:0; right:0;overflow:hidden;}
.fen .li5 img{ display:block;width:417px; height:399px;}
.fen .li6{ width:395px; height:290px;top:546px; right:0;overflow:hidden;}
.fen .li6 img{ display:block;width:417px; height:290px;}
.fen li a:hover p{ background:url(../images/fen_alp.png); height:100%; color:#fff;}
.fen li a:hover p i{ color:#fff; background:url(../images/fen_line2.gif) no-repeat center bottom;}
.fen li a:hover p em{ display:block;}


.case{ height:840px; margin-top:50px; overflow:hidden; background:url(../images/case_bg.jpg) no-repeat center 167px;}
.case .content{ position:relative;}
.case dl{ height:660px; position:relative;}
.case dt img{ display:block; width:1200px; height:520px;}
.case dd{ width:800px; height:195px; position:absolute; top:430px; left:200px; background:#ca191f;}
.case dd h3 a{display:block; padding-top:20px;font:24px "Microsoft YaHei"; font-weight:bold; text-align:center; height:50px; line-height:50px; overflow:hidden; color:#fff;}
.case dd p{ width:735px; font:12px "Microsoft YaHei"; text-align:center; line-height:30px; color:#fff; height:60px; overflow:hidden; margin:0 auto;}
.case dd em a{ display:block; width:85px; padding-left:20px;height:30px; text-align:left; margin:10px auto 0; background:#fff url(../images/case_jt.gif) no-repeat 80px center; font:14px "Microsoft YaHei";line-height:30px; color:#ca191f;}
.arr1 a{ display:block; width:62px; height:65px; background:#a9a6aa; font:25px "宋体"; text-align:center; line-height:65px; color:#fff; overflow:hidden; position:absolute; top:343px; left:-31px;}
.arr2 a{ display:block; width:62px; height:65px; background:#a9a6aa; font:25px "宋体"; text-align:center; line-height:65px; color:#fff; overflow:hidden; position:absolute; top:343px; right:-28px;}
.arr1 a:hover,.arr2 a:hover{ background:#c0ae8c;}

.guan2{ height:600px; overflow:hidden; background:url(../images/guan2.jpg) no-repeat center top;}
.guan2 .content{ position:relative;}
.guan2 p{ width:215px; height:30px; background:#ca191f; position:absolute; top:154px; left:570px; font:22px Arial; text-align:center; line-height:30px; color:#fff;}

.ys1{ background:url(../images/ys_bg1.jpg) no-repeat center top; height:720px; padding-top:70px; overflow:hidden;}
.ys1 h2 img{ display:block; width:835px; height:469px;}
.ys1 dl{ width:335px; margin-top:200px;}
.ys1 dt{ text-align:right; font:30px "Microsoft YaHei"; color:#434043; font-weight:bold;}
.ys1 dt i{ color:#ca191f;}
.ys1 dt em{ display:block; font:12px Arial; color:#c9c9c9; text-transform:uppercase; padding-top:8px;}
.ys1 dd{ padding-top:20px;}
.ys1 dd p{ font:13px "Microsoft YaHei"; line-height:30px; color:#909090;}
.ys1 dd p b{ color:#434043; display:block; float:left; width:65px;}
.ys1 dd p span{ display:block; float:left; width:400px;}
.ys2{ height:652px; background:url(../images/ys_bg2.jpg) no-repeat center top; padding:0;}
.ys2 dt{ text-align:left;}
.ys2 dd p{ width:320px;}
.ys2 dd p span{ width:300px;}
.ys3{ background:url(../images/ys_bg3.jpg) no-repeat center top; height:596px; padding:0;}
.ys3 ul{ width:860px; float:left;}
.ys3 li{ width:418px; height:235px; float:left; margin:0 1px 1px 0; position:relative;}
.ys3 li img{ display:block;width:830px; height:450px;}
.ys3 li p{ position:absolute; top:5px; left:5px; width:125px; height:50px; background:url(../images/ys3_01.png) no-repeat left top; font:18px "Microsoft YaHei"; font-weight:bold; color:#fff; padding:14px 0 0 40px;}
.ys3 .li02 p{ background:url(../images/ys3_02.png) no-repeat; width:145px;}
.ys3 .li03 p{ background:url(../images/ys3_03.png) no-repeat; width:156px; top:166px;}
.ys3 .li04 p{ background:url(../images/ys3_04.png) no-repeat; width:145px; top:166px;}
.ys3 dl{ width:310px;}
.ys3 dd p span{ width:340px;}
.ys4{ background:url(../images/ys_bg4.jpg) no-repeat center top; height:552px;}

.coop{ height:420px; }
.coop2{ position:relative; height:150px;}
.coop2 li{width:235px; height:121px; float:left; margin-right:6px; overflow:hidden;}
.coop2 li img{ display:block; width:207px; height:89px; margin:16px 0 0 14px;-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}
.coop2 li a:hover em{ display:block; background:url(../images/coop_hover.png) no-repeat; position:absolute; top:0; width:235px; height:121px;}
.coop2 li a:hover img{-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;}
.arr3{ display:block; font:40px "宋体"; text-align:center; color:#a9a6aa; overflow:hidden; position:absolute; top:40px; left:-10px; z-index:8;}
.arr4{ display:block; font:40px "宋体"; text-align:center; color:#a9a6aa; overflow:hidden; position:absolute; top:40px; right:-10px; z-index:8;}

.about{ height:730px; overflow:hidden; background:url(../images/about_bg.jpg) no-repeat center top;}
.about dl{ padding-top:123px;}
.about dt{ width:600px; height:550px; background:#fff; overflow:hidden; float:left; overflow:hidden;}
.about dt img{ display:block; width:600px; height:350px; }
.about dt p{ font:26px "Microsoft YaHei"; text-align:center; padding-top:40px; color:#260f12;}
.about dt p em{ color:#ca191f;}
.about dt p i{ display:block; font:14px "Microsoft YaHei"; color:#928687; padding-top:10px;}
.about dd{ width:497px; float:right; background:url(../images/about_line.gif) no-repeat left top; padding-top:40px;}
.about dd .pp{ font:14px "Microsoft YaHei";     line-height: 40px;
    color: #000000;  height: 390px; overflow:hidden;}
.about dd em a{ display:block; width:160px; height:50px; float:right; background:#ca191f; font:15px "Microsoft YaHei"; text-align:center; line-height:50px; color:#f3f3ee; overflow:hidden;}

.dy{ height:150px; overflow:hidden; background:url(../images/dy_line.gif) no-repeat left bottom;}
.dyt{ width:200px; height:100px; background:url(../images/dy_line.gif) no-repeat left top; overflow:hidden; padding-top:25px; float:left;}
.dyt em{ display:block; font:12px Arial; color:#c9c9c9; text-transform:uppercase; padding-bottom:8px;}
.dyt li a{ display:block; font:22px "Microsoft YaHei"; color:#383838; line-height:35px;}
.dyt li a:hover,.dyt .cur a{ font-weight:bold; color:#ca191f;}
.dy1{ width:960px; float:right; height:120px; margin-top:25px;}
.dy1 dl{ padding-left:55px; width:265px; float:left;}
.dy1 dt{ width:55px; float:left; font:14px Arial; color:#999; height:50px; background:url(../images/dy_jt.png) no-repeat left top; position:relative;}
.dy1 dt em{ display:block; font-size:30px; position:absolute; bottom:0; right:0;}
.dy1 dd{ width:180px; float:right;}
.dy1 dd a{ display:block; font:16px "Microsoft YaHei"; color:#383838;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.dy1 dd p{ font:14px "Microsoft YaHei"; line-height:26px; color:#6a6a6a; padding-top:12px;}

.faq{ height:117px; overflow:hidden;background:url(../images/dy_line.gif) no-repeat left bottom;}
.faq .dyt{ background:none;}
.faq2{ width:960px; float:right;}
.faq2 dl{ padding-left:55px; width:265px; float:left; margin-top:20px;}
.faq2 dt a{display:block; font:16px "Microsoft YaHei"; color:#383838;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.faq2 dd{font:14px "Microsoft YaHei"; line-height:26px; color:#6a6a6a; padding-top:12px;}
.mobtit{clear: both;text-align:center;padding-top: 50px;padding-bottom: 10px;}
.mobtit i,.mobtit a{display:inline-block; font-style:normal; position:relative; font-size:27px; color:#222;}
.mobtit i:after,.mobtit a:after,.mobtit i:before,.mobtit a:before{content:''; position:absolute; height:50px;}
.mobtit i:after,.mobtit a:after{background:url(../images/Nicon02.png) no-repeat left top; width:215px; top:-20px; right:-225px;}
.mobtit i:before,.mobtit a:before{background:url(../images/Nicon01.png) no-repeat left top;width:273px;top:-20px;left:-243px;}
.mobthree{padding:30px 0px 0px 0px;}
.mobthreetxt{font-size:15px; text-align:center; padding:15px 0px;}
.mobthree ul{clear:both; padding-top:26px;}
.mobthree ul li{float:left;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;width:251px;border: 1px solid #ccc;background:#f5f5f5;margin-left:-1px;}
.mobthree ul li .mobthreebox{clear:both; padding:10px 10px;}
.mobthree ul li .mobthreebox p:nth-child(3){height:72px;}
.mobthreebox .mobthreeboxtit{font-size:15px; font-weight:700; line-height:32px; text-align:left; display:block;}
.mobthreebox p{margin-top: 10px;line-height: 24px;}
.mobthreebox p strong{ color:#0857a5}
.mobthreebox span{clear:both; display:block;}
.mobthreebox span a{padding:2px 20px;width:98px;line-height:35px;margin-left:1%;margin-bottom:15px;display:none;float: left;font-size: 14px;color: #0857a5;}
.mobthree ul li:hover{transform:scale(1.0);border-color:#0857a5;-webkit-box-shadow: 0 0 12px -1px #0857a5;-moz-box-shadow: 0 0 12px -1px #0857a5;box-shadow: 0 0 12px -1px #0857a5;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s;zoom: 1;position: relative;z-index: 1; }
.mobthree ul li:hover .mobthreebox span a{display: inline-block;}
@media (min-width:1280px){
    .mobthree ul li{width:301px}
}
.wrap {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.sect_new { overflow: hidden; background: #f7f7f7;    padding-bottom: 50px;padding-top: 30px;}
.news-box { position: relative; margin-bottom: 2rem }
.news-box .news_time { background: #f2f1f1; text-align: center; color: #7e7e7e }
.news-box .news_time .date { line-height: 2.4 }
.news-box .news_time .date i { padding: .6rem 0;     background: #f3b01b;; font-size: 1.2rem; color: #fff; display: block; line-height: 1 }
.news-box .news_time .item { display: none; }
.news-box .news_cont { }
.news-box .news_cont h5 { font-size: 1rem; font-weight: normal; padding-bottom: 6px; position: relative; }
.news-box .news_cont h5 a { padding-right: 20px; color: #363535; display: block; position: relative; }
.news-box .news_cont h5 a:before { display: block; content: '+'; position: absolute; right: 0; top: 50%; margin-top: -10px; width: 18px; height: 18px; text-align: center; line-height: 18px; background-color: #9b9b9b; color: #fff }
.news-box .news_cont h5 a:after { display: block; content: ''; position: absolute; width: 20%; height: 1px; background-color: #2b2a2a }
.news-box .news_cont p { color: #7e7e7e; height: 57px; overflow: hidden; text-align: justify }
.news-box a.more { border: 1px solid #2b2a2a; font-size: 0.875rem; padding: 0.3rem 1.2rem; display: inline-block; }
.news-box a.more:hover { border-color: #c1484d; color: inherit; }
.news-box.on .news_time .date i { background: #cc0033; }
.news-box .news_cont h5 a:hover:before, .news-box.on .news_cont h5 a:before { background: #cc0033; color: #fff }
.news-box .news_cont h5 a:hover:after, .news-box.on .news_cont h5 a:after { width: 150px; background-color: #fcb708 }
.thumb { width: 100%; height: 168px; background-position: center center; background-size: 100% auto; background-repeat: no-repeat; }
.row {
    width: 102%;
}
.row:after,.row:before{clear:both;display:table;content:" ";}
.full-row .row .span-1,.span-1{float:left;margin-right:2%;width:6.33333333%;transition:.2s width ease;}
.full-row .row .span-2,.span-2{float:left;margin-right:2%;width:14.66666667%;transition:.2s width ease;}
.full-row .row .span-3,.span-3{float:left;margin-right:2%;width:23%;transition:.2s width ease;}
.full-row .row .span-4,.span-4{float:left;margin-right:2%;width:31.33333333%;transition:.2s width ease;}
.full-row .row .span-5,.span-5{float:left;margin-right:2%;width:39.66666667%;transition:.2s width ease;}
.full-row .row .span-6,.span-6{ color:#000;float:left;margin-right:2%;width:48%;transition:.2s width ease; /*font-size: 20px;*/}
.full-row .row .span-7,.span-7{float:left;margin-right:2%;width:56.33333333%;transition:.2s width ease;}
.full-row .row .span-8,.span-8{float:left;margin-right:2%;width:64.66666667%;transition:.2s width ease;}
.full-row .row .span-9,.span-9{float:left;margin-right:2%;width:73%;transition:.2s width ease;}
.full-row .row .span-10,.span-10{float:left;margin-right:2%;width:81.33333333%;transition:.2s width ease;}
.full-row .row .span-11,.span-11{float:left;margin-right:2%;width:89.66666667%;transition:.2s width ease;}
.full-row .row .span-12,.span-12{float:left;margin-right:2%;width:98%;transition:.2s width ease;}
.full-row .row .span-13,.span-13{float:left;margin-right:2%;width:106.33333333%;transition:.2s width ease;}
.full-row .row .span-14,.span-14{float:left;margin-right:2%;width:114.66666667%;transition:.2s width ease;}
.full-row .row .span-15,.span-15{float:left;margin-right:2%;width:123%;transition:.2s width ease;}
.full-row .row .span-16,.span-16{float:left;margin-right:2%;width:131.33333333%;transition:.2s width ease;}
.full-row .row .span-17,.span-17{float:left;margin-right:2%;width:139.66666667%;transition:.2s width ease;}
.full-row .row .span-18,.span-18{float:left;margin-right:2%;width:148%;transition:.2s width ease;}
.full-row .row .span-19,.span-19{float:left;margin-right:2%;width:156.33333333%;transition:.2s width ease;}
.full-row .row .span-20,.span-20{float:left;margin-right:2%;width:164.66666667%;transition:.2s width ease;}
.full-row .row .span-21,.span-21{float:left;margin-right:2%;width:173%;transition:.2s width ease;}
.full-row .row .span-22,.span-22{float:left;margin-right:2%;width:181.33333333%;transition:.2s width ease;}
.full-row .row .span-23,.span-23{float:left;margin-right:2%;width:189.66666667%;transition:.2s width ease;}
.full-row .row .span-24,.span-24{float:left;margin-right:2%;width:198%;transition:.2s width ease;}
.pull-right{float:right;}
.pull-left{float:left;}
.center{position:relative;left:-1%;float:none;clear:both;display:block;margin-right:auto;margin-left:auto;}
.pull-left-1{position:relative;left:-8.33333333%;}
.pull-left-2{position:relative;left:-16.66666667%;}
.pull-left-3{position:relative;left:-25%;}
.pull-left-4{position:relative;left:-33.33333333%;}
.pull-left-5{position:relative;left:-41.66666667%;}
.pull-left-6{position:relative;left:-50%;}
.pull-left-7{position:relative;left:-58.33333333%;}
.pull-left-8{position:relative;left:-66.66666667%;}
.pull-left-9{position:relative;left:-75%;}
.pull-left-10{position:relative;left:-83.33333333%;}
.pull-left-11{position:relative;left:-91.66666667%;}
.pull-left-12{position:relative;left:-100%;}
.pull-left-13{position:relative;left:-108.33333333%;}
.pull-left-14{position:relative;left:-116.66666667%;}
.pull-left-15{position:relative;left:-125%;}
.pull-left-16{position:relative;left:-133.33333333%;}
.pull-left-17{position:relative;left:-141.66666667%;}
.pull-left-18{position:relative;left:-150%;}
.pull-left-19{position:relative;left:-158.33333333%;}
.pull-left-20{position:relative;left:-166.66666667%;}
.pull-left-21{position:relative;left:-175%;}
.pull-left-22{position:relative;left:-183.33333333%;}
.pull-left-23{position:relative;left:-191.66666667%;}
.pull-left-24{position:relative;left:-200%;}

.pull-right-1{position:relative;left:8.33333333%;}
.pull-right-2{position:relative;left:16.66666667%;}
.pull-right-3{position:relative;left:25%;}
.pull-right-4{position:relative;left:33.33333333%;}
.pull-right-5{position:relative;left:41.66666667%;}
.pull-right-6{position:relative;left:50%;}
.pull-right-7{position:relative;left:58.33333333%;}
.pull-right-8{position:relative;left:66.66666667%;}
.pull-right-9{position:relative;left:75%;}
.pull-right-10{position:relative;left:83.33333333%;}
.pull-right-11{position:relative;left:91.66666667%;}
.pull-right-12{position:relative;left:100%;}
.pull-right-13{position:relative;left:108.33333333%;}
.pull-right-14{position:relative;left:116.66666667%;}
.pull-right-15{position:relative;left:125%;}
.pull-right-16{position:relative;left:133.33333333%;}
.pull-right-17{position:relative;left:141.66666667%;}
.pull-right-18{position:relative;left:150%;}
.pull-right-19{position:relative;left:158.33333333%;}
.pull-right-20{position:relative;left:166.66666667%;}
.pull-right-21{position:relative;left:175%;}
.pull-right-22{position:relative;left:183.33333333%;}
.pull-right-23{position:relative;left:191.66666667%;}
.pull-right-24{position:relative;left:200%;}

.full-row{width:100%;}
.full-row:after,.full-row:before{clear:both;display:table;content:" ";}
.full-row [class*=midd],.full-row [class*=smal],.full-row [class*=span]{margin-right:0;}
.full-row .span-1{width:8.33333333%;}
.full-row .span-2{width:16.66666667%;}
.full-row .span-3{width:25%;}
.full-row .span-4{width:33.33333333%;}
.full-row .span-5{width:41.66666667%;}
.full-row .span-6{width:50%;}
.full-row .span-7{width:58.33333333%;}
.full-row .span-8{width:66.66666667%;}
.full-row .span-9{width:75%;}
.full-row .span-10{width:83.33333333%;}
.full-row .span-11{width:91.66666667%;}
.full-row .span-12{width:100%;}
.full-row .span-13{width:108.33333333%;}
.full-row .span-14{width:116.66666667%;}
.full-row .span-15{width:125%;}
.full-row .span-16{width:133.33333333%;}
.full-row .span-17{width:141.66666667%;}
.full-row .span-18{width:150%;}
.full-row .span-19{width:158.33333333%;}
.full-row .span-20{width:166.66666667%;}
.full-row .span-21{width:175%;}
.full-row .span-22{width:183.33333333%;}
.full-row .span-23{width:191.66666667%;}
.full-row .span-24{width:200%;}
.full-row .center{left:auto;}

@media only screen and (max-width:64em){
  .full-row .row .midd-1,.midd-1{width:6.33333333%;}
  .full-row .row .midd-2,.midd-2{width:14.66666667%;}
  .full-row .row .midd-3,.midd-3{width:23%;}
  .full-row .row .midd-4,.midd-4{width:31.33333333%;}
  .full-row .row .midd-5,.midd-5{width:39.66666667%;}
  .full-row .row .midd-6,.midd-6{width:48%;}
  .full-row .row .midd-7,.midd-7{width:56.33333333%;}
  .full-row .row .midd-8,.midd-8{width:64.66666667%;}
  .full-row .row .midd-9,.midd-9{width:73%;}
  .full-row .row .midd-10,.midd-10{width:81.33333333%;}
  .full-row .row .midd-11,.midd-11{width:89.66666667%;}
  .full-row .row .midd-12,.midd-12{width:98%;}
  .full-row .row .midd-13,.midd-13{width:106.33333333%;}
  .full-row .row .midd-14,.midd-14{width:114.66666667%;}
  .full-row .row .midd-15,.midd-15{width:123%;}
  .full-row .row .midd-16,.midd-16{width:131.33333333%;}
  .full-row .row .midd-17,.midd-17{width:139.66666667%;}
  .full-row .row .midd-18,.midd-18{width:148%;}
  .full-row .row .midd-19,.midd-19{width:156.33333333%;}
  .full-row .row .midd-20,.midd-20{width:164.66666667%;}
  .full-row .row .midd-21,.midd-21{width:173%;}
  .full-row .row .midd-22,.midd-22{width:181.33333333%;}
  .full-row .row .midd-23,.midd-23{width:189.66666667%;}
  .full-row .row .midd-24,.midd-24{width:198%;}
  .midd-hide{display:none;}
  .midd-center{position:relative;left:-1%;float:none;clear:both;display:block;margin-right:auto;margin-left:auto;}
  .full-row .midd-1{width:8.33333333%;}
  .full-row .midd-2{width:16.66666667%;}
  .full-row .midd-3{width:25%;}
  .full-row .midd-4{width:33.33333333%;}
  .full-row .midd-5{width:41.66666667%;}
  .full-row .midd-6{width:50%;}
  .full-row .midd-7{width:58.33333333%;}
  .full-row .midd-8{width:66.66666667%;}
  .full-row .midd-9{width:75%;}
  .full-row .midd-10{width:83.33333333%;}
  .full-row .midd-11{width:91.66666667%;}
  .full-row .midd-12{width:100%;}
  .full-row .midd-13{width:108.33333333%;}
  .full-row .midd-14{width:116.66666667%;}
  .full-row .midd-15{width:125%;}
  .full-row .midd-16{width:133.33333333%;}
  .full-row .midd-17{width:141.66666667%;}
  .full-row .midd-18{width:150%;}
  .full-row .midd-19{width:158.33333333%;}
  .full-row .midd-20{width:166.66666667%;}
  .full-row .midd-21{width:175%;}
  .full-row .midd-22{width:183.33333333%;}
  .full-row .midd-23{width:191.66666667%;}
  .full-row .midd-24{width:200%;}
}
@media only screen and (max-width:40em){
  .full-row .row .smal-1,.smal-1{width:6.33333333%;}
  .full-row .row .smal-2,.smal-2{width:14.66666667%;}
  .full-row .row .smal-3,.smal-3{width:23%;}
  .full-row .row .smal-4,.smal-4{width:31.33333333%;}
  .full-row .row .smal-5,.smal-5{width:39.66666667%;}
  .full-row .row .smal-6,.smal-6{width:48%;}
  .full-row .row .smal-7,.smal-7{width:56.33333333%;}
  .full-row .row .smal-8,.smal-8{width:64.66666667%;}
  .full-row .row .smal-9,.smal-9{width:73%;}
  .full-row .row .smal-10,.smal-10{width:81.33333333%;}
  .full-row .row .smal-11,.smal-11{width:89.66666667%;}
  .full-row .row .smal-12,.smal-12{width:98%;}
  .full-row .row .smal-13,.smal-13{width:106.33333333%;}
  .full-row .row .smal-14,.smal-14{width:114.66666667%;}
  .full-row .row .smal-15,.smal-15{width:123%;}
  .full-row .row .smal-16,.smal-16{width:131.33333333%;}
  .full-row .row .smal-17,.smal-17{width:139.66666667%;}
  .full-row .row .smal-18,.smal-18{width:148%;}
  .full-row .row .smal-19,.smal-19{width:156.33333333%;}
  .full-row .row .smal-20,.smal-20{width:164.66666667%;}
  .full-row .row .smal-21,.smal-21{width:173%;}
  .full-row .row .smal-22,.smal-22{width:181.33333333%;}
  .full-row .row .smal-23,.smal-23{width:189.66666667%;}
  .full-row .row .smal-24,.smal-24{width:198%;}
  .smal-hide{display:none!important;}
  .smal-center,.smal-show{display:block;}
  .smal-center{position:relative;left:-1%;float:none;clear:both;margin-right:auto;margin-left:auto;}
  [class*=pull-left-],[class*=pull-right-]{right:auto;left:auto;}
  .full-row .smal-1{width:8.33333333%;}
  .full-row .smal-2{width:16.66666667%;}
  .full-row .smal-3{width:25%;}
  .full-row .smal-4{width:33.33333333%;}
  .full-row .smal-5{width:41.66666667%;}
  .full-row .smal-6{width:50%;}
  .full-row .smal-7{width:58.33333333%;}
  .full-row .smal-8{width:66.66666667%;}
  .full-row .smal-9{width:75%;}
  .full-row .smal-10{width:83.33333333%;}
  .full-row .smal-11{width:91.66666667%;}
  .full-row .smal-12{width:100%;}
  .full-row .smal-13{width:108.33333333%;}
  .full-row .smal-14{width:116.66666667%;}
  .full-row .smal-15{width:125%;}
  .full-row .smal-16{width:133.33333333%;}
  .full-row .smal-17{width:141.66666667%;}
  .full-row .smal-18{width:150%;}
  .full-row .smal-19{width:158.33333333%;}
  .full-row .smal-20{width:166.66666667%;}
  .full-row .smal-21{width:175%;}
  .full-row .smal-22{width:183.33333333%;}
  .full-row .smal-23{width:191.66666667%;}
  .full-row .smal-24{width:200%;}
}

.honor{ background:url(../images/honor_bg.jpg) no-repeat center top; overflow:hidden; margin:65px 0 54px;}
.honor1{ height:300px; overflow:hidden;}
.honor1 h2{ width:300px; float:left; font:50px Arial; color:#f3f3ee; text-transform:uppercase; padding-top:70px;}
.honor1 h2 p{ font:14px "Microsoft YaHei"; line-height:30px; color:#d2c9c3;}
.honor1 h2 p em{ display:block;}
.honor1 h2 span{ display:block; font:24px "Microsoft YaHei"; color:#fff;}
.honor2{ position:relative;}
.honor2 li{ width:300px; height:300px; float:left; overflow:hidden;}
.honor2 li img{ display:block;width:300px; height:300px;}
.arr5{ display:block; width:50px; height:50px; background:#261712; font:30px "宋体"; text-align:center; font-weight:bold; color:#fff; position:absolute; top:250px; left:900px; line-height:50px;}

.guan1{ height:311px; width:840px; float:right; margin-top:50px; overflow:hidden;}
.guan1 dt{ float:right; width:600px; height:311px; overflow:hidden; position:relative;}
.guan1 dt img{ display:block;width:600px; height:311px;}
.guan1 dt em a{ display:block; width:160px; height:50px; background:#fff; font:15px "Microsoft YaHei"; text-align:center; line-height:50px; color:#ca191f; position:absolute; top:148px; left:220px;}
.guan1 dd{ width:200px; float:left; padding-top:10px; font:14px "Microsoft YaHei"; line-height:30px; color:#ddd7d2;}
.guan1 dd em{ display:block;}
.guan1 dd span{ display:block; font:24px "Microsoft YaHei"; color:#fff;}
.guan1 dd p{ margin-top:28px; font:24px "Microsoft YaHei"; color:#fff;}
.guan1 dd p i{ display:block; height:30px; font:14px "Microsoft YaHei"; background:url(../images/guan_lx.png) no-repeat left center; padding-left:48px; line-height:30px; margin-bottom:6px;}

.footer{margin-left: auto;margin-right: auto;width: 1200px;}
.wrap-footer {height: 350px;background: #333;}
.footer {height: 315px;position: relative;color: #fff;}
.footer a {color: #b6b6b6;}
.footer .f_left {width: 180px;height: 300px;text-align: center;background: #fff;position: absolute;left: 0;top: 0;}
.footer .f_left dl dt {padding-top: 22px;margin-bottom: 5px;}
.footer .f_left dl dt img {display: block;margin: 0 auto;width:160px; height:160px;}
.footer .f_left dl dd.dd1 {font-size: 14px;color: #333;}
.footer .f_left dl dd.dd2 {    font-size: 13px;
    width: 125px;
    margin: 6px auto 9px auto;
    height: 14px;
    position: relative;
    border-bottom: 1px solid #999999;}
.footer .f_left dl dd.dd2 i {display: block;width: 70px;margin: 0 auto;background: #fff;color: #333;}
.footer .f_left dl dd.dd3 {font-size: 20px;color: #1d458d;font-weight: bold;}

.footer .f_top {margin-left: 180px;height: 50px;border-bottom: 1px solid #ffffff;padding-left: 40px;}
.footer .f_top ul.top_ul li {float: left;height: 50px;line-height: 50px;        padding: 0 35px;font-size: 14px;}
.footer .f_top ul.top_ul li:first-child {padding-left: 0;}
.footer .f_top ul.top_ul li:hover a {color: #fff;}

.footer .f_bot {margin-left: 180px;padding: 32px 0 0 40px;height: 200px;}
.footer .f_bot ul.bot_ul1 {padding: 0 75px 0 70px;border-left: 1px solid #ffffff;float: left;height: 190px;}
.footer .f_bot ul.bot_ul1:first-child {padding-left: 0;border-left: none;width: 240px}
.footer .f_bot ul.bot_ul1 li {line-height: 28px;font-size: 13px;position: relative;color: #b6b6b6;}
.footer .f_bot ul.bot_ul1 li i {display: block;height: 18px;width: 3px;background: #fff;position: absolute;left: -19px;top: 0;}
.footer .f_bot ul.bot_ul1 li:first-child {font-size: 14px;font-weight: bold;margin-bottom: 15px;height: 18px;line-height: 18px;}
.footer .f_bot ul.bot_ul1 li:first-child a {color: #fff;}
.footer .f_bot ul.bot_ul1 li:hover a {color: #fff;}

.f_icp {text-align: center;height: 43px;line-height: 43px;       background: #f3b01b;color: #fff;font-size: 13px;}
.f_icp a {color: #fff;}
.f_icp img {position: relative;top: 5px;left: 5px;}

a:hover {text-decoration:none;}

/* 返回顶部样式 */ 
.retop ul{ overflow:hidden;}
.retop li{ float:left; margin-left:10px;}
.retop li img{ display:block;}
.rtTop{ width:43px; height:43px; overflow:hidden; position:fixed; top:85%; right:46%; margin-right:-615px; cursor:pointer;  display:none;}
.rtTop h4{ width:43px; height:43px; overflow:hidden; position:relative;}
.rtTop img{ display:block; position:absolute; top:0; left:0;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.clear{ clear:both; display:block}
.main{ width:1200px; height:auto; margin:0px auto;}
.lf{ float:left; display:block} 
/* 内页左边 */
.ny_left{ width:240px; float:left; height:auto; margin:10px 0px; }
.ny_left_title{ width:100%; height:43px;line-height:43px;   border: 2px solid #b70000;}
.ny_left_title p{ font-size:18px;font-weight:bold;color:#333;text-align:left; height:43px; padding-left:10px; float: left; }
.ny_left_title span{ padding-left: 10px; font-size: 15px; color: #333;}
.nyl{ width:240px; color:#333; margin-top:20px;}
.nylc{ width: 242px;border:1px solid #D6D6D6;}
.nylc p{ line-height:28px; width:90%; margin:0 auto; padding:15px 0px; color: #555; height:auto;font-size: 14px;}

.ny_list{ width:242px; height:auto;  margin:0 auto;}
.ny_list li{ width:100%; margin:0 auto; height:35px; line-height:35px; text-align:left; border:1px solid #D6D6D6; margin: 5px 0px;}
.ny_list li a{ display:block; color:#222; padding-left:15px; font-size: 14px;}
.ny_list li a:hover{ color:#4d7abd;}
.ny_list li .submenuon{ color: #660B10; font-weight:bold;}
/*热门新闻列表*/
.nynlist{ width:242px; height:auto; margin:0 auto; padding:10px 0px; border:1px solid #DFDFDF; background: #fff; }
.nynlist li{ width:95%; margin:0 auto; height:35px; line-height:35px; text-align:left;background:url(../images/dd.png) no-repeat left center;}
.nynlist li a{ display:block; color:#333; padding-left: 10px; }
.nynlist li a:hover{ color:#FF6600;}

.nybanbot{ width: 100%; height: 50px; line-height: 50px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.nybanbotleft{ width: 500px; height: auto; float: left;}
.nybanbotleft p{ font-size: 15px; font-weight: bold; color: #333; display: inline-block;}
.nybanbotleft a{ color: #989898; font-size: 13px; padding: 0px 10px;}
.nybanbotright{ width: 260px; height: 30px; line-height: 30px; margin-top: 10px; float: right; border:1px solid #f63604;}
.keytext{ width: 200px; padding: 0px 0px 0px 10px; height: 29px; line-height: 29px; border: 0px; margin: 0px;}
.keysubmit{ width:45px; height: 31px; float: right; background:url(../images/news_05.jpg) repeat center center; border: 0px; padding: 0px; margin: 0px;}
/* 内页右边 */
.ny_right{ width:920px; float:right; height:auto;margin:10px 0px; padding-bottom:20px;  background-color:#fff;}
.ny_right_title{ width:100%; height:46px; line-height:46px; color:#000; background-image:url(../images/main_06.jpg); background-repeat:no-repeat; background-position:left center; border-bottom:1px solid #6e2200;clear: both}
.ny_right_title p{float:left;font-size:18px;font-weight:bold;width:auto; color:#000;}
.ny_right_title span{ float:right;width: 600px; text-align: right}
.ny_right_title a{ color:#454545; padding:0px 5px;}
.ny_right_title a:hover{ color:#F00; }
.ny_right_content{width:890px; height:auto; line-height:24px; padding:10px 15px; color:#666;}


/*内页新闻*/
.nynewslist{ width:100%; height: auto;}
.nynewslist li{ width:100%; height:auto; margin:0 auto; border-bottom: 1px solid #d7d7d7; padding: 20px 0px 10px 0px;}

.nynewslist li p{ width:100%;  display:block; color:#8f8f8f; font-size:14px;}
.nynewslist li p a{ font-size:16px; color:#333; height:35px; line-height:35px; font-weight:bold;}
.nynewslist li p a:hover{ text-decoration:none; color: #FF6600;}
.nynewslist li span{ font-size:13px; color:#333; line-height:23px;}

/*
.nynews_list{ width:100%;}
.nynews_list li{ width:100%;line-height:35px; border-bottom:1px dashed #dedede; height:35px; background-image:url(../images/dd.jpg); background-repeat:no-repeat; background-position:left center;}
.nynews_list li a{ float:left; color:#333;}
.nynews_list li a:hover{ color:#06C; }
.nynews_list li span{ float:right;}
*/

/*内页产品*/
.procontent{ width: 898px; border: 1px solid #B8B8B8; background: #FBFCFF; height: auto; margin-top: 20px; line-height: 24px; padding: 15px 10px;}
.nypro-list{ width:918px; height:auto; margin-top: 10px;border-left: 1px solid #B8B8B8;border-top: 1px solid #B8B8B8; }
.nypro-list li{ width:285px; height:auto;float:left; padding: 10px; list-style:none;background: #FBFCFF;border-right: 1px solid #B8B8B8;border-bottom: 1px solid #B8B8B8; height:285px}
.nypro-list li .a1{width:280px; height:238px; border:1px solid #dedede; text-align:center; vertical-align:middle; display:table-cell}
.nypro-list li .a1 img{max-width:280px; max-height:238px;  }
.nypro-list li p{ width:100%; line-height:35px; height:35px; font-size:15px; font-weight: bold;}
.nypro-list li p a{color:#222;}
.nypro-list li p a:hover{    color: #346307;text-decoration:none;}
.nypro-list li span{ line-height: 23px; height: 50px; display: block; overflow: hidden;}

/*分页*/
.page{ width:100%;height:35px;padding-top:15px; text-align:center;}
.page a{display:inline-block; color:#333; border:1px solid #dedede; padding: 5px 8px; margin:0px 3px; border-radius:2px;}
.page a:hover{background-color:#6e2200;color:#fff; text-decoration:none;}
.page .current{display:inline-block; padding: 5px 8px; color:#6e2200; font-weight:bold;}

/*详情页*/
.article_title{ text-align:center; width:100%; font-size:16px; line-height:40px;}
.newsin-c{width:100%; height:auto; margin:0px auto; padding-top:20px;}
.newsnext{ width: 100%; padding: 30px 0px;}
.newsnext li{ width: 100%; height: 30px; line-height: 30px;}
.newsnext li a{ color: #333; line-height: 30px;}
.newsnext li a:hover{ color: #FF6600; cursor: pointer; text-decoration: none;}
.artdet{ width: 100%; height: 40px; line-height: 40px; text-align: center;}
/*在线留言*/
.zxlyinp{ width:300px; height:28px; line-height:28px; margin:5px 0px; padding-left:10px; border:1px solid #dedede; border-radius:4px;}
.zxlyyzm{width:100px; height:30px; line-height:30px; margin:5px 0px; font-size:14px; padding-left:10px; border:1px solid #dedede; border-radius:4px;}
.zxlysub{ width:120px; height:30px; line-height:30px; color:#fff; text-align:center; border-radius:4px; background-color:#188FE1; border:0px; font-size:15px;}
.zxlysub:hover{ cursor:pointer;}

/*更多新闻，产品*/
.ny_xg_title{ width: 100%; height: 35px; line-height: 35px; border-bottom: 1px solid #e0e0e3;}
.ny_xg_title p{color:#333; background: url(../images/productshow_06.jpg) no-repeat left bottom; font-size: 15px; }
.morearticle{ width:100%; padding:15px 0px;}
.morearticle li{ width:48%; height:35px; line-height:35px; float:left; margin: 0px 1%; border-bottom: 1px dashed #dedede;}
.morearticle li a{ color:#333; background:url(../images/productshow_14.jpg) no-repeat left center; padding-left: 10px;}
.morearticle li a:hover{ color:#000}
.moreproducts{ width:100%; padding:15px 0px;}
.moreproducts li{ width:280px; height:auto;float:left; background: #DEDEDE; margin: 10px 13px; text-align: center;}
.moreproducts li img{ width:100%; height: 220px;}
.moreproducts li a{ color:#333; line-height:30px;}
.moreproducts li a:hover{ color:#000}



.nyproleft{ display:table-cell; width: 410px; height: 340px;  vertical-align:middle; text-align:center; border:1px solid #ddd}
#tbody {width:405px;margin:0px auto;}
#mainbody {width:405px;border:1px solid #dedede; margin-bottom: 10px;}
#mainphoto {cursor:pointer;display:block;}
#goleft {float:left;clear:left;}
#goright {float:right;clear:right;}
#photos {width:370px;height:62px;overflow:hidden; float: left; margin: 0px 5px;}
#showArea img {display:block;float:left;margin:0px 6px;cursor:pointer;border:1px solid #dedede}
#showArea img:hover{ border: 1px solid #cc0000;}


.nyproright{ width: 420px; height: auto; float: right;}
.pro_title{ text-align:left; width:100%; font-size:22px; line-height:40px; }
.nyproright p{ margin: 10px 0px; line-height: 28px; height: 40px; overflow: hidden; color: #616161; font-size:15px; padding-top: 20px;}
.nyproright span{ font-size: 18px; color: #464646; height: 45px;}
.nyproright span b{ color: #e60012; font-size: 26px;}
.nyproright a{ display:block; background: #f63604 url(../images/productshow_03.jpg) no-repeat 130px center; height: 40px;line-height: 40px; font-size: 16px; color: #fff; text-align: center;  width: 160px; margin-top: 20px;float: left;}
.nyproright a:hover{ text-align: center;}
.pofont1{ float: left; color: #616161; font-size: 16px; padding-top: 25px;}
.probody{ border-top:1px dashed #dedede; padding: 15px 0px; font-size: 13px; line-height: 23px; margin-top: 40px;}
.probody img{ max-width:890px}
.probodytitle{ width: 139px; height: 42px; line-height: 30px; text-align: center; color: #fff; background: url(../images/productshow_03.png) no-repeat center center; font-size: 14px; margin-bottom: 10px;}



.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px; margin-bottom:10px; clear:both}
.page_list li {display:inline-block;color:#898989;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list li a{}
.page_list li a:hover{color:#fff;background:#898989;}
.page_list li a.on{color:#333;background:#E5EDF2;}


.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:left;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#09F;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;}
.msgflag{margin-left:4px;font-size:12px;color:#900;}

.yema { margin:30px auto; }
.yema a { padding: 0 10px; height: 26px; display: block; float: left; margin: 0 4px; font-size: 16px; color: #6d6d6d; line-height: 26px; text-align: center; border: 1px solid #d2d2d2; background: #f0f0f0; }
.yema span { padding: 0 10px; height: 26px; display: block; float: left; margin: 0 4px; font-size: 16px; color: #6d6d6d; line-height: 26px; text-align: center; border: 1px solid #d2d2d2; background: #f0f0f0; }
.yema a:hover { color: #b12923; background: #FFF; }
.yema a.yenn { color: #b12923; background: #FFF; }
