@charset "utf-8";
html,body,div,span,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,video{margin:0;padding:0;outline:0;border:0;background:transparent;font-size:100%; font-style: normal;}
html{-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-x : hidden ; }
body{background: #F7F0DE;color: #333;font-size:14px;line-height:1.42857143;font-family:Microsoft YaHei,Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; overflow-x:hidden}
/*html.mac body{font-family:"PingFang SC",Microsoft YaHei,Helvetica,Arial,sans-serif;}*/
*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
article,hgroup,menu,nav,section,aside,details,figcaption,figure,footer,header{display:block;}
nav ul,ul,li{list-style:none;}
blockquote{quotes:none;}
blockquote:before,blockquote:after{content:none;}
a{color:#333;vertical-align:baseline;text-decoration:none;font-size:100%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin:0;padding:0;}
a,input{outline:none;}
input,select,textarea{outline:none;}
a:hover,a:focus{color:#C80000;text-decoration:none;cursor:pointer;}
img{max-width: 100%;height: auto;}
.lft{float:left;display:inline}
.rgt{float:right;display:inline}
.over{overflow:hidden; clear: both;}
.mr20{margin-right:20px;}
.mr35{margin-right:35px;}
.mr72{margin-right:72.5px;}
.mb20{margin-bottom:20px;}
.mb50{margin-bottom:50px;}
.line-limit{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.article{ overflow: hidden;}

/*----------- container -----------*/
body{ padding-top: 66px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.container{margin:0 auto;max-width:1260px;padding:0 10px;}
.container:before,.container:after{content: ''; display: table;}
.container:after{ clear: both;}
/*----------- 头部 -----------*/
.header{display:block; height:66px; background:#124751; position:relative;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; z-index:3; box-shadow:0 3px 15px rgba(0,0,0,.15)}
.header.fixed{ position:fixed; width:100%; left:0; top:0;}
.header .container{margin:0 auto; overflow: visible;}
.header .logo{ float:left;overflow:hidden; height:66px;}
.header .logo span{ height: 66px;; display:block;}
.header .logo a{ width: auto; height: 66px; display:block; position:relative; font-size:0; overflow:hidden;}
.header .logo a img{ height: 48px; position:relative; top:50%; transform:translateY(-50%);left:0;}
.header .navBar{ float:right;}
.header .navBar li{ display:inline-block; height:66px; line-height:66px; position:relative; vertical-align:top;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.header .navBar li a{ display:inline-block; padding-left:38px; color:#E1EDF0; font-size:15px; position:relative; z-index:2; min-width:62px; text-align:center}
.header .navBar li.active a,.header .navBar li a:hover{color:#DBC17B;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.header .navBar li.active:before{width:16px; height:3px; position: absolute; bottom:12px; left:50%; transform:translateX(-50%); background-color:#DBC17B; content: ''; border-radius:50px; display: none}

/*----------- 内容 -----------*/
.PostBox{ padding: 60px 0; overflow: hidden;}
.PostBox.odd{ background:#F0E5C8;}
.PostBox .post .postTitle{text-align:center;position:relative; padding:0px 20px 15px; color: #333;}
.PostBox .post .postTitle h2{font-size:34px; font-weight:500; line-height:40px; position:relative; letter-spacing:1px; display:inline-block;}
.PostBox .post .postTitle span{ clear:both; display:inline-block; width:100%; color:#333; font-size:14px; padding-top:16px;}
.PostBox .post .postTitle span b{ width: 16px; height: 16px; line-height: 16px; text-align: center; display: inline-block;font-weight: normal; background-color: #C80000; border-radius: 100px; margin: 0 1px; color: #eee5ce;font-size:12px;vertical-align: 0px;}
.PostBox.about{ background: #F5EEDC; display: block; font-size: 0;}
.PostBox.about .text,.PostBox.about .img{display:inline-block; text-align: right; position: relative; vertical-align: top;}
.PostBox.about .text{ width: 62%; font-size: 0; padding-left: 50px; padding-right:68px}
.PostBox.about .text div{ display: inline-block; vertical-align: top; font-size: 14px;}
.PostBox.about .text div.more{ position: absolute; bottom: 10px; left: 0; transform: none;}
.PostBox.about .postTitle,.PostBox.about .more{writing-mode:tb-rl;text-align: left;}
.PostBox.about .postTitle{ padding:0; position: absolute; right: 0;top: 0;}
.PostBox.about .postTitle h3{ font-size: 26px;font-weight: 600;letter-spacing: 4px; padding-left: 5px;}
.PostBox.about .postTitle span.title1{ font-size: 18px; color: #C80000; font-weight: normal; padding-top: 8px; vertical-align: -3px;letter-spacing:0px;}
.PostBox.about .postText{writing-mode:tb-rl; height:310px; line-height:34px; letter-spacing: 2px; color: #333;text-align: left; overflow: hidden; position: relative; font-family:Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;}
.PostBox.about .postTitle h3:before{width:1px; height:100%; position: absolute; bottom:0; left:0; background-color: #C80000; content: '';}
.PostBox.about .more a{color:#FFF; width: 40px; height: 132px; display: block; line-height: 44px; padding-top: 16px; background-image: url(../images/img/moreBtna.png); background-repeat: no-repeat; background-size: 100%;}
.PostBox.about .img{ width:38%;  position: relative; padding-left: 30px;}
.PostBox.about .img img{max-height:300px;}
.post .serve{ padding:16px 0;}
.post .serve ul{ overflow:hidden;}
.post .serve li{ width:295px; background:#FFF;}
.post .serve li img{ margin:8px; width:280px; height:180px;}
.post .serve li h3{ margin:10px 0 15px 0; font-size:20px; line-height:30px; font-weight:bold; text-align:center; color:#333; letter-spacing:1px;}
.post .serve li p{ margin:0 18px 18px 18px; font-size:14px; line-height:28px; text-indent:2em; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:break-all;}
.post .more{ display: block; text-align: center; padding-top: 25px; clear: both;}
.post .more a{width: 132px; height: 40px; display: inline-block; line-height: 42px; margin-left:34px; background-image: url(../images/img/moreBtn.png); background-size:100%; color: #FFF;text-align: left;text-indent: 18px;}
.post .pic{ padding:16px 0;}
.post .pic ul{ overflow:hidden;}
.post .pic li{ width:295px; background:#FFF;}
.post .pic li img{ margin:8px; width:280px; height:180px;}
.post .pic li h3{ margin-bottom:10px; font-size:15px; line-height:30px; text-align:center; color:#666; letter-spacing:1px;}
.umBnBg{background-color:#124751;background-size:cover;text-align:center; position:relative; overflow:hidden;}
.umBnBg .boxText{ color: #fff;  padding: 0; z-index:2;position:relative;}
.umBnBg p{width:60%; margin:0 auto; line-height:1.7; padding-top:20px;filter: alpha(opacity=60);opacity: .6;}
.umBnBg p.tit{ font-size:32px; line-height:2; padding-top:0;filter: alpha(opacity=100);opacity: 1;}
.umBnBg .relation{ margin-top:8px; display: inline-block; text-align: left;}
.umBnBg .relation span{ margin::0 20px; padding-left:16px; width:180px; height:40px; font-size:16px; line-height: 50px; color: #FFF; background-image: url("../images/img/moreBtn.png"); background-size:100%; display: inline-block;}
.PostBox.um2{ background:#F0E5C8;}
.PostBox.um2 ul{ padding:16px 0; overflow:hidden;}
.PostBox.um2 li{ width:190px;}
.PostBox.um2 li .img{ width:190px; height:190px; background:url(../images/img/temeBg.png) bottom no-repeat; background-size:100%;}
.PostBox.um2 li .img img{ width:160px; height:160px; margin:16px 14px; border-radius:100%;}
.PostBox.um2 li h3{ margin:10px 12px 0 12px; font-size:15px; line-height:30px; text-align:center; color:#666;}
.PostBox.um3{ padding-bottom:140px; background:url(../images/img/btmBg3.png) bottom no-repeat;}
.PostBox.um3 ul{ padding:16px 0 6px 0; overflow:hidden;}
.PostBox.um3 li{ width:390px; overflow:hidden;}
.PostBox.um3 li .data{ float:left; width:80px; height:80px; border:1px #333 solid; border-radius:100%; color:#333;}
.PostBox.um3 li .data span{ margin-top:6px; font-size:26px; text-align:center; display:block;}
.PostBox.um3 li .data span+span{ margin-top:-2px; font-size:15px;}
.PostBox.um3 li h3{ font-size:15px; line-height:22px; text-align:center; color:#333;}
.PostBox.um3 li p{ margin-top:10px; font-size:13px; text-indent:2em; line-height:24px; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}
.PostBox.um3 li:hover .data{ border:1px #C80000 solid; background:#C80000; color:#FFF;}

/*----------- 列表 -----------*/
.breadcrumb{ margin-top: 10px; padding-left:22px; width: 100%; display: inline-block; color:#666; background:url(../images/img/home.png) left 6px no-repeat;}
.breadcrumb a{ font-size:14px; line-height:30px; color:#666;}
.list_fuwu{ margin-top:8px;}
.list_fuwu ul{ overflow:hidden;}
.list_fuwu li{ width:295px; background:#FFF;}
.list_fuwu li img{ margin:8px; width:280px; height:180px;}
.list_fuwu li h3{ margin:10px 0 15px 0; font-size:20px; line-height:30px; font-weight:bold; text-align:center; color:#333; letter-spacing:1px;}
.list_fuwu li p{ margin:0 18px 18px 18px; font-size:14px; line-height:28px; text-indent:2em; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:break-all;}
.list_pic{ margin-top:8px;}
.list_pic ul{ overflow:hidden;}
.list_pic li{ width:400px; background:#FFF;}
.list_pic li img{ margin:8px; width:385px; height:260px;}
.list_pic li h3{ margin:10px 0 15px 0; font-size:16px; line-height:30px; text-align:center; color:#333; letter-spacing:1px;}
.list_model{ margin-top:8px;}
.list_model ul{ overflow:hidden;}
.list_model li{ width:400px; background:#FFF;}
.list_model li img{ margin:8px; width:385px; height:480px;}
.list_model li h3{ margin:10px 0 15px 0; font-size:16px; line-height:30px; text-align:center; color:#333; letter-spacing:1px;}
.list_info{ margin-top:8px; overflow:hidden;}
.list_info .infol{ float:left; width:930px;}
.list_info .infol li{ margin-bottom: 20px; padding:15px; background: rgba(0, 0, 0, 0.04); overflow:hidden;}
.list_info .infol li img{ width:230px; height:160px; float:left; margin-right:20px;}
.list_info .infol li .wen{ width:650px; float:right;}
.list_info .infol li h3{ margin-bottom:8px; font-size:18px; line-height:30px;}
.list_info .infol li p{ margin-bottom:6px; font-size:14px; line-height:26px; color:#666;}
.list_info .infol li span{ margin-right:20px; padding-left:23px; font-size:13px; line-height:22px; color:#666; background-image:url(../images/img/icon.png); background-repeat:no-repeat; background-position:0 -181px;}
.list_info .infol li span+span{ background-position:0 -61px;}
.list_info .infol li span+span+span{ background-position:0 -211px;}
.list_info .infol li .more{ width:80px; height:30px; margin-top:6px; font-size:12px; text-align:center; line-height:28px; color:#FFF; background-image:url(../images/img/more3x.png);  background-size:100%; opacity:0.3;}
.list_info .infol li:hover .more{ opacity:1;}
.list_info .infor{ float:right; width:290px;}
.list_info .infor .forbox{ padding:15px; margin-bottom:20px; background: rgba(0, 0, 0, 0.04);}
.list_info .infor .forbox .boxtit{ height:30px; padding-left:26px; font-size:18px; line-height:28px; font-weight:bold; background:url(../images/img/title.png) left center no-repeat;}
.list_info .infor .forbox p{ margin-top:10px; font-size:15px; line-height:20px; font-weight:bold;}
.list_info .infor .forbox p span{ font-size:16px; color:#F60;}
.list_info .infor .forbox li{ margin:10px 0; padding-left:14px; font-size:13px; line-height:22px; background:url(../images/img/icon.png) -10px 1px no-repeat;}

/*Pages-Start*/
.pages{padding: 30px 0 50px;text-align: center}
.pages span,.pages a:hover{padding: 5px 10px;border: 1px solid #f75a53;background: #f75a53;color: #fff;text-decoration: none;border-radius:3px}
.pages a{padding: 5px 10px;border: 1px solid #ddd;background: #fff;color: #A4A4A4;line-height: 18px;border-radius:3px;}

/*----------- 详情 -----------*/
.PostShow{ float:left; width:930px; margin-bottom:20px; padding-bottom:20px; background: rgba(0, 0, 0, 0.04);}
.PostShow .showtop{ margin:15px; padding:5px 0 12px 0; border-bottom:1px #ccc solid;}
.PostShow .showtop h1{ font-size:22px; line-height:40px;}
.PostShow .showtop p{ margin-top:4px;}
.PostShow .showtop p span{ margin-right:20px; padding-left:23px; font-size:13px; line-height:22px; color:#666; background-image:url(../images/img/icon.png); background-repeat:no-repeat; background-position:0 -181px;}
.PostShow .showtop p span+span{ background-position:0 -211px;}
.PostShow .showtop p span+span+span{ background-position:0 -150px;}
.PostShow .showtop p span+span+span+span{ background-position:0 -61px;}
.PostShow .content{ margin:15px; padding-bottom:16px; color:#555; font-size:15px; border-bottom:1px #ccc dashed;}
.PostShow .content h3{margin:5px 0; line-height:28px; font-size:18px; font-weight:bold; padding-left:8px; border-left:5px #F60 solid;}
.PostShow .content p {line-height:28px; text-indent:2em; padding:5px 0;}
.PostShow .content p img{margin:5px auto; display: block; max-width:800px; height:auto !important;}
.PostShow .nexte{margin-left:15px; font-size:14px; line-height:30px;}

/*----------- footer -----------*/	
#footer{ background:#0A292E;}
.foot{ padding:16px 0 60px 0; background:url(../images/img/dline.png) bottom repeat-x; overflow:hidden;}
.foot .fbox1{ float:left; width:320px; height:150px; margin-right:108px; text-align:right; color:#CCC;}
.foot .fbox1 img{ width:320px;}
.foot .fbox1 p{ font-size:30px; line-height:34px;}
.foot .fbox1 span{ font-size:16px; line-height:24px;}
.foot .fbox2{ float:left; width:530px; height:150px; overflow:hidden;}
.foot .fbox2 .fbtit{margin-top:10px; font-size:18px; line-height:38px; text-align:center; color:#ccc; border-bottom:1px #ccc solid;}
.foot .fbox2 ul{ margin-top:10px; overflow:hidden;}
.foot .fbox2 ul li{ float:left; margin:4px 23px; font-size:15px; line-height:20px; color:#999;}
.foot .fbox3{ float:right; width:170px; height:150px;}
.foot .fbox3 img{ margin-top:12px; height:130px;}
.fot_tle {height:50px;background:rgba(0, 0, 0, 0.5);box-shadow:0px 0px 1px 1px #a6a6a6;position:fixed;bottom: 0;left: 0;right:0;z-index: 1;width: 100%;margin:0 auto;overflow:hidden;text-align:center;}
.fot_tle p {margin:0 50px;padding-left:36px;font-size:20px;color:#EEE;line-height:50px;letter-spacing:1px;display:inline-block;}
.fot_tle .tel {background:url(../images/img/tel.png) left center no-repeat;}
.fot_tle .QQ {background:url(../images/img/qq.png) left center no-repeat;}
.fot_tle .weixin {background:url(../images/img/wx.png) left center no-repeat;}