@charset "utf-8";
/* CSS Document */

body{ padding:0; margin:0; color:#666666; font-size:12px;font-family:"微软雅黑","Microsoft YaHei",sans-serif; overflow-x:hidden; }
*{box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ }
ul, li, ol, dl, dt, dd, p{ margin:0; padding:0; list-style:none }
h1, h2, h3, h4 ,h5, h6{ padding:0; margin:0; font-weight:400}
table{border-collapse:separate;}
caption,td,th{font-weight:400 }
a{text-decoration:none;color:#666666 }
a img,iframe{border:none }
img{vertical-align: middle}
ol,ul{list-style:none }
p{line-height:24px }
td{vertical-align:middle }
.clear { clear:both; padding:0px; margin:0px;}
.fl{float:left }.fr{float:right }

@font-face {
    font-family: 'DINPro';
    src: url("../fonts/DINPro-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}



.side-box{width:325px;background:#18033e;position:fixed;top:0;right:-360px;height:100%; z-index:999999;padding:35px 0 0 35px;-webkit-transition:all .4s;transition:all .4s;opacity:0;visibility:hidden }a.side-close{display:block;width:28px;height:29px;background:url(../images/side-close.png) no-repeat;}.side-title{color:#fff;font-size:18px;padding-top:20px;padding-bottom:10px;line-height:20px;margin-bottom:10px }
.side-dl{overflow:hidden;margin-top:10px; }
.side-dl a{color:#cacaca;-webkit-transition:all .3s;transition:all .3s }
.side-dl a:hover{color:#fff }
.side-dl dt a{font-size:15px;padding-bottom:5px;display:inline-block;color:#fff;border-bottom:1px solid #fff;margin-bottom:10px }
.side-dl dd a{margin-bottom:8px;font-size:13px; float:left; margin-right:20px}
.side-contact p{color:#cdd0d9;line-height:22px }
.side-contact a.tel{color:#cdd0d9 }
.side-box.smallwidth{padding:20px 0 0 35px }
.open-side .side-box{right:0;opacity:1;visibility:visible }
.open-side #side-mask{display:block }

.icon-menu{ display:block; width:99px; height:99px;}

#banner{ background:url(../images/banner.jpg) no-repeat center; height:650px;}


.index_banner{min-width:1200px;  position:relative;  height:650px; overflow:hidden;}
.index_banner .bd{ position:relative; z-index:0;}
.index_banner .bd ul{  z-index:9999;}
.index_banner .bd li{  height:650px; }
.index_banner .bd li a{ height:650px; display:block; position:relative;}
.index_banner .hd{ width:100%;  position:absolute; bottom:25px; left:30%; height:15px;  text-align:center; z-index:3;}
.index_banner .hd ul li{ cursor:pointer;display:inline-block;*display:inline;zoom:1;width:10px;height:6px;	margin:5px;	overflow:hidden; background-color:#fff;line-height:999px;filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9;}
.index_banner .hd ul li.on{background-color:#E71713; width:30px;}
.index_banner .prev{ display:block; width: 85px;height: 85px;  position:absolute; left:-30px; top:266px; z-index:9999;}
.index_banner .next{ display:block; width: 85px;height: 85px;  position:absolute; right:-30px; top:266px; z-index:9999;}

.fcrbg{ width:100%; height:50px; position:absolute; z-index:2; bottom:0;}
.fcrbggg{ width:70%; height:50px; background-color:#000; filter:alpha(opacity=50); -moz-opacity:0.5;opacity:0.5; border-radius:0 20px 0 0; position:absolute; z-index:-1}
.fcr{ width:1200px; padding:0; margin:0 auto; font-size:14px; color:#fff;}
#fcr_left{ float:left; line-height:50px;  margin:0 10px 0 0}
#news_rolling{float:left; height:50px;overflow:hidden; width:600px;}
#news_rolling ul li{ padding:0px; line-height:50px; color:#fff;}
#news_rolling ul li a{ color:#fff}
#news_rolling_up{ float:right; margin:5px 0 0 20px; display:none}
#news_rolling_down{ float:right; margin:5px 0 0; display:none}

.tit{ margin:0 auto;  text-align:center;}
.tit h2{font-size:30px; line-height:30px;}
.tit h3{font-size:30px; line-height:30px; color:#fff}
.tit e{ width:45px; height:2px; background-color:#d82019; display:block; margin:20px auto 0 auto}

/* hnews */
.hnews { width:1200px; padding:0; margin:60px auto 0 auto; position:relative; }
.hnews ul{ margin:50px 0 0}
.hnews  i{ display:block; width:23px; height:40px; cursor:pointer; position:absolute; overflow: hidden;z-index:2;}
.hnews  .btn01{position: absolute; background:url(../images/jian3.png) no-repeat left top; left:-100px; top:50%; width:46px;height:46px;}
.hnews  .btn02{position: absolute; background:url(../images/jian4.png) no-repeat left top; right:-100px; top:50%; width:46px;height:46px;}
.hnews .btn01:hover, .hnews .btn02:hover{ background-position:0 -46px;}
.hnews  .hnewsCon{width: 100%;position: relative;height:365px;overflow: hidden;}
.hnews  .hnewsCon ul{width: 100%;position: absolute;top: 0;left: 0;}
.hnews  .hnewsCon li{width:277px;float: left;margin-right: 30px;}
.hnews  .hnewsCon li p{width: 277px;height:176px; overflow:hidden; }
.hnews  .hnewsCon li span{padding:20px 25px 0 25px; display:block; font-size: 16px; line-height:25px; color: #666; border:1px solid #e3e3eb; border-top:none; height:138px;}
.hnews  .hnewsCon li span em{ color:#d82019; font-family: 'DINPro'; display:block; margin-top:10px; font-size:}
.hnews  .hnewsCon li img{display: block;margin: 0 auto; width:100%; transition:.5s;-webkit-transition:.5s;}
.hnews  .hnewsCon li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.hnewsmore{ width:150px; height:54px; line-height:54px; text-align:center; margin:0 auto;  margin-top:38px;}
.hnewsmore a{ display:block; font-size:14px; color:#6e6f7b; border-radius:50px; border:2px solid #e1e1e4; }
.hnewsmore a:hover{ background-color:#d82019; color:#fff; border:2px solid #d82019;}

/* hpro */
.hpro { width:1200px; padding:0; margin:60px auto 0 auto; position:relative; }
.hpro ul{ margin:50px 0 0}
.hpro  i{ display:block; width:23px; height:40px; cursor:pointer; position:absolute; overflow: hidden;z-index:2;}
.hpro  .btn01{position: absolute; background:url(../images/jian3.png) no-repeat left top; left:-100px; top:50%; width:46px;height:46px;}
.hpro  .btn02{position: absolute; background:url(../images/jian4.png) no-repeat left top; right:-100px; top:50%; width:46px;height:46px;}
.hpro .btn01:hover, .hpro .btn02:hover{ background-position:0 -46px;}
.hpro  .hproCon{width: 100%;position: relative;height:420px;overflow: hidden;}
.hpro  .hproCon ul{width: 100%;position: absolute;top: 0;left: 0;}
.hpro  .hproCon li{width:380px;float: left;margin-right:30px; background-color:#f1f4f9;}
.hpro  .hproCon li p{width: 380px;height:250px; overflow:hidden; }
.hpro  .hproCon li span{display:block; font-size: 16px; line-height:25px; color: #666; line-height:118px; text-align:center; border-top:2px solid #d82019}
.hpro  .hproCon li img{display: block;margin: 0 auto; width:100%; transition:.5s;-webkit-transition:.5s;}
.hpro  .hproCon li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.hpromore{ width:150px; height:54px; line-height:54px; text-align:center; margin:0 auto;  margin-top:38px;}
.hpromore a{ display:block; font-size:14px; color:#6e6f7b; border-radius:50px; border:2px solid #e1e1e4; }
.hpromore a:hover{ background-color:#d82019; color:#fff; border:2px solid #d82019;}

/* habout */
.haboutbg{ background:url(../images/haboutbg.jpg) no-repeat center; height:663px; padding-top:60px; margin-top:60px;}
.habout { width:1200px; padding:0; margin:0 auto; position:relative; }
.habout ul{ margin:50px 0 0}
.habout  i{ display:block; width:23px; height:40px; cursor:pointer; position:absolute; overflow: hidden;z-index:2;}
.habout  .btn01{position: absolute; background:url(../images/jian3.png) no-repeat left top; left:-100px; top:50%; width:46px;height:46px;}
.habout  .btn02{position: absolute; background:url(../images/jian4.png) no-repeat left top; right:-100px; top:50%; width:46px;height:46px;}
.habout .btn01:hover, .habout .btn02:hover{ background-position:0 -46px;}
.habout  .haboutCon{width: 100%;position: relative;height:365px;overflow: hidden;}
.habout  .haboutCon ul{width: 100%;position: absolute;top: 0;left: 0;}
.habout  .haboutCon li{width:277px;float: left;margin-right: 30px;}
.habout  .haboutCon li p{width: 277px;height:192px; overflow:hidden; }
.habout  .haboutCon li span{padding:20px 25px 0 25px; display:block; line-height:25px; color: #666;height:108px; background:url(../images/haboutbg2.png) no-repeat;}
.habout  .haboutCon li span em{ color:#58596d; display:block; font-size:16px}
.habout  .haboutCon li img{display: block;margin: 0 auto; width:100%; transition:.5s;-webkit-transition:.5s;}
.habout  .haboutCon li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.haboutmore{ width:150px; height:54px; line-height:54px; text-align:center; margin:0 auto;  margin-top:50px;}
.haboutmore a{ display:block; font-size:14px; color:#fff; border-radius:50px; border:2px solid #3b2d2a; }
.haboutmore a:hover{ background-color:#d82019; color:#fff; border:2px solid #d82019;}

/* hhuozuo */
.hhuozuobg{ background-color:#F1F4F9; padding:1px 0; margin:0 0 4px 0}
.hhuozuo { width:1200px; padding:0; margin:60px auto 70px auto; position:relative; }
.hhuozuo ul{ margin:50px 0 0}
.hhuozuo  i{ display:block; width:23px; height:40px; cursor:pointer; position:absolute; overflow: hidden;z-index:2;}
.hhuozuo  .btn01{position: absolute; background:url(../images/jian3.png) no-repeat left top; left:-100px; bottom:10%; width:46px;height:46px;}
.hhuozuo  .btn02{position: absolute; background:url(../images/jian4.png) no-repeat left top; right:-100px; bottom:10%; width:46px;height:46px;}
.hhuozuo .btn01:hover, .hhuozuo .btn02:hover{ background-position:0 -46px;}
.hhuozuo  .hhuozuoCon{width: 100%;position: relative;height:138px;overflow: hidden;}
.hhuozuo  .hhuozuoCon ul{width: 100%;position: absolute;top: 0;left: 0;}
.hhuozuo  .hhuozuoCon li{width:220px;float: left;margin-right:25px; background-color:#f1f4f9;}
.hhuozuo  .hhuozuoCon li p{width:218px;height:86px; overflow:hidden; border:1px solid #dbdced; }
.hhuozuo  .hhuozuoCon li img{display: block;margin: 0 auto; width:100%; transition:.5s;-webkit-transition:.5s;}
.hhuozuo  .hhuozuoCon li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}

#footline{padding:0; background:#f1f4f9 url(../images/hhuozuobg.png) repeat-x bottom; height:2px;}
#foot{ width:1200px; padding:0; margin:50px auto; color:#abacb7}
.kuan1{width:140px; }
.kuan2{width:200px; }
#foot1{float:left;}
#foot1 a{ color:#abacb7}
#foot1 h3{ font-size:16px; border-bottom:2px solid #abacb7; width:66px; padding-bottom:15px; margin-bottom:10px;}
#foot1 h3 a{ color:#85868f}
#foot1 li{ font-size:14px; line-height:27px;}
.pronr_body a{ display:block;}
#foot2{ width:225px; float:right; text-align:center; font-size:16px;}
#foot2 h3{color:#85868f; font-size:16px; padding-bottom:10px; margin-bottom:10px;}
#foot2 img{display:block; margin:10px auto 20px auto;}
#foot2 b{ font-size:20px; color:#a4a4a4}

#bq{ border-top:2px solid #f1f4f9; width:1200px; padding:0; margin:0 auto; color:#abacb7}
#bq a{color:#abacb7}
#bq_left{ float:left; padding:12px 0; font-size:13px;}
#bq_right{ margin-top:20px; float:right}
#ft2{position: relative;}
#ft2 .xixi{display:none}
#ft2:hover .xixi{position:absolute;display:block; bottom:44px; left:-60px; z-index:999999}

#xbanner{height:450px;}

/* InpageAddress */
.container{margin-left:auto; margin-right:auto; width:1200px;}
.InpageAddress{width:100%; height:70px;border-bottom: 1px solid #eaeaea; margin:0 auto}
.InpageAddress .p2{float:left;}
.InpageAddress .p2 a{display: block;font-size: 15px;color: #666666;height:70px;line-height:70px;float: left;margin-right:45px;text-decoration: none;}
.InpageAddress .p2 a.cur{color: #D1222C;border-bottom: 2px solid #D1222C;  font-weight: bold;}
.InpageAddress .p2 a:hover{color: #D1222C;border-bottom: 2px solid #D1222C;  font-weight: bold;}

#gywm{ width:1200px; padding:0; margin:50px auto; font-size:14px; line-height:30px; color:#5A5C6E}
#gywm h2{ font-size:36px; color:#18033E; text-transform:uppercase; font-family: 'DINPro'; margin-bottom:20px;}

.jishuqi{width: 1200px; margin:0 auto; padding:0; }
.jishuqi p{font-size: 16px;  color:#5A5C6E; margin-top:20px; }
.jishuqi li{float: left; position: relative; width:25%; text-align:center; }
.jishuqi i{font-size:46px;  color: #D82019; font-weight:bold; font-style:normal; font-family: 'DINPro'; }
.jishuqi li h5{position: absolute; right:90px; top:0px; font-size: 14px; color: #fff; }
.jishuqi li:nth-child(4){margin-right:0; border-right:none }

.yearbg{ background:url(../images/yearbg.jpg) no-repeat center top; margin:60px 0 0; padding-bottom:50px;}
.year{width:1200px;margin:0 auto; padding:30px 0 0; position:relative;}
.year .bd ul{margin-right:-20px;}
.year .bd ul li{ width:292px;  float:left; margin:0 auto; text-align:center}
.year .bd ul li h2{ position: relative; height:300px;} 
.year .bd ul li h2 p{ font-size:14px; padding:20px; margin:20px; background-color:#fff;   box-shadow: 0 0 5px rgba(0,0,0,0.1); position:absolute; bottom:0; text-align:left}
.year .bd ul li span { background: url(../images/fzlcbgg.png) no-repeat center; height:11px; text-transform:uppercase; margin:30px 0 5px 0; display:block;}
.year .bd ul li em{ font-style:normal; font-size:30px; display:block; margin-top:20px; }
.year .bd ul li  a:hover em{ color:#EF9229}
.year .prevs{ display:block;font-size:20px;  position:absolute;bottom:45px;left:-70px;margin:auto; height:20px;}
.year .nexts{ display:block;font-size:20px; position:absolute;bottom:45px;right:-70px;margin:auto; height:20px;}

#sehui{ width:1200px; padding:0; margin:60px auto}
#sehui dl{ width:580px; height:220px; margin:40px 0 0; border:1px solid #e8e8e8; float:left;}
#sehui dl dt{ float:left; width:250px; height:218px; overflow:hidden; }
#sehui dl dt img{height:100%; transition:.5s;-webkit-transition:.5s;}
#sehui dl:hover dt img{transform: scale(1.1);-webkit-transform: scale(1.1);}
#sehui dl dd{ width:320px; padding:20px 20px 20px 30px; float:left; font-size:14px; color:#999}
#sehui dl dd b{ font-size:16px; font-weight:400; display:block; margin-bottom:20px; color:#333}
#sehui dl:nth-child(2n){ float:right}

#qgbjbg{ background:url(../images/qgbj.jpg) no-repeat center; height:479px;}
#qgbj{ width:1200px; padding:120px 0 0; margin:0 auto; }
#qgbj h2{ font-size:30px; color:#18033e; }
#qgbj h3{ font-size:36px; color:#d82019; margin:20px 0 40px 0; font-family: 'DINPro'; text-transform:uppercase;}
#qgbj p{width:480px; font-size:14px; line-height:24px; color:#999}

.prony{ width:1200px; padding:0; margin:50px auto}
.prony li{width:380px;float: left;margin-right:30px; background-color:#f1f4f9; margin-bottom:40px;}
.prony li p{width: 380px;height:261px; overflow:hidden; border:1px solid #eaeaea; border-bottom:none; }
.prony li span{display:block; font-size: 14px; height:118px; color: #999;text-align:center; border-top:2px solid #d82019; padding:0 25px;}
.prony li span em{ font-size:16px; margin:30px auto 7px auto; font-style:normal; display:block; color:#333}
.prony li img{display: block;margin: 0 auto; width:100%; transition:.5s;-webkit-transition:.5s;}
.prony li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.prony li:nth-child(3n){ margin-right:0}

.yfnl{ width:1200px; padding:0; margin:40px auto; }
.yfnl .pic{ float:left; width:541px;}
.yfnl .pic img{ width:100%}
.yfnl_right{ width:600px; float:right}
.yfnl_right h5{font-size: 22px;color: #333333;line-height: 50px;font-weight: normal;margin-top: 34px;}
.yfnl_right h4{font-size: 22px;color: #333333;line-height: 50px;font-weight: normal;}
.yfnl_right i{width: 50px;height: 2px;background: #535353;display: block;}
.yfnl_right dl{ margin-top:30px;}
.yfnl_right dl dt{ font-size:14px; line-height:30px; color:#999}
.yfnl_right dl dd { float: left; margin-right: 70px;}
.yfnl_right dl dd .dd_top {height: 64px;overflow: hidden;line-height: 64px;color: #18033e;font-size:40px; font-weight:bold; font-family: 'DINPro';text-align: center;}
.yfnl_right dl dd .dd_top span.fz26 {font-size: 26px;}
.yfnl_right dl dd .dd_top span.fz16 {font-size: 16px; font-weight:400}
.yfnl_right dl dd .dd_bot { font-size:15px;color: #666666;line-height: 38px;text-align: center;}
.yfnl_right dl dd:last-child{ margin-right:0;}
.yfnl_right dl dd:nth-child(4){ margin-right:0;}

#zlbz{ width:1200px; padding:0; margin:40px auto;}
.service-top-right {width: 353px;  }
/*.list-paddingleft-2{background: url(../images/add.png) no-repeat 110px top;}*/
.service-top-right h2 {color: #18033e;font-size:33px;line-height: 52px; margin-bottom:5px;}
.service-top-right h3 {color: #999; font-size:18px;display: inline;line-height:30px;}
.service-top-right span {font-size:14px;color:#d1222c; padding-left:5px;}
.service-top-right p {font-size: 14px;width: 130px;overflow: hidden;line-height: 22px;color: #888888; width:150px; margin-top:5px}
.service-top-left{ width: 775px; font-size:14px; line-height:30px; color:#999}


.zlbzpic { width:1200px; padding:0; margin:40px auto 60px auto; position:relative; }
.zlbzpic ul{ margin:50px 0 0}
.zlbzpic  i{ display:block; width:23px; height:40px; cursor:pointer; position:absolute; overflow: hidden;z-index:2;}
.zlbzpic  .btn01{position: absolute; background:url(../images/jian3.png) no-repeat left top; left:-100px; top:50%; width:46px;height:46px;}
.zlbzpic  .btn02{position: absolute; background:url(../images/jian4.png) no-repeat left top; right:-100px; top:50%; width:46px;height:46px;}
.zlbzpic .btn01:hover, .zlbzpic .btn02:hover{ background-position:0 -46px;}
.zlbzpic  .zlbzpicCon{width: 100%;position: relative;height:300px;overflow: hidden;}
.zlbzpic  .zlbzpicCon ul{width: 100%;position: absolute;top: 0;left: 0;}
.zlbzpic  .zlbzpicCon li{width:350px;float: left;margin-right: 75px;}
.zlbzpic  .zlbzpicCon li p{width: 350px;height:220px; overflow:hidden; }
.zlbzpic  .zlbzpicCon li span{padding:15px 25px; display:block;  color: #666; border:1px solid #eaeaea; text-align:center }
.zlbzpic  .zlbzpicCon li img{display: block;margin: 0 auto; width:100%; transition:.5s;-webkit-transition:.5s;}
.zlbzpic  .haboutCon li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}




#gyzb{ width:1200px; padding:0; margin:40px auto}
#gyzb h2{ font-size:24px; color:#18033e; margin-bottom:20px;}
#gyzb h3{ font-size:14px; line-height:24px; margin-top:15px; color:#999}

/* gyzbpic */
.gyzbpic { width:1200px; padding:0; margin:0 auto; position:relative; }
.gyzbpic ul{ margin:50px 0 0}
.gyzbpic  i{ display:block; width:23px; height:40px; cursor:pointer; position:absolute; overflow: hidden;z-index:2;}
.gyzbpic  .btn01{position: absolute; background:url(../images/jian3.png) no-repeat left top; left:-100px; top:50%; width:46px;height:46px;}
.gyzbpic  .btn02{position: absolute; background:url(../images/jian4.png) no-repeat left top; right:-100px; top:50%; width:46px;height:46px;}
.gyzbpic .btn01:hover, .gyzbpic .btn02:hover{ background-position:0 -46px;}
.gyzbpic  .gyzbpicCon{width: 100%;position: relative;height:300px;overflow: hidden;}
.gyzbpic  .gyzbpicCon ul{width: 100%;position: absolute;top: 0;left: 0;}
.gyzbpic  .gyzbpicCon li{width:277px;float: left;margin-right: 30px;}
.gyzbpic  .gyzbpicCon li p{width: 277px;height:192px; overflow:hidden; }
.gyzbpic  .gyzbpicCon li span{padding:15px 25px; display:block;  color: #666; border:1px solid #eaeaea; text-align:center }
.gyzbpic  .gyzbpicCon li img{display: block;margin: 0 auto; width:100%; transition:.5s;-webkit-transition:.5s;}
.gyzbpic  .haboutCon li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.news-list {width:1200px; padding:0; margin:45px auto}
.news-list li a {display: block;background-color: #f5f5f5;padding: 0 20px 0 0 ;overflow: hidden; margin-bottom:30px;}
.news-list li :hover .imgg img {opacity: .8; transform: scale(1.1);-webkit-transform: scale(1.1);}
.news-list li.time1 { }
.news-list li.h3 {text-indent: .5em;color: $mainGreen;}
.news-list li .imgg {float: left;width:260px; height:190px; overflow:hidden}
.news-list li .imgg img {width: 100%;  transition:.5s;-webkit-transition:.5s; }
.news-list li .time1 {margin-top:40px;float: right;width: 100px;height: 100px;color:#fff;background-color: #555;text-align: center;font-family: "Arial";transition: all .2s ease;}
.news-list li:hover .time1{ background-color:#d82019}
.news-list li .date {font-size: 24px;padding-top: 25px}
.news-list li .shijian {font-size: 14px}
.news-list li .info {margin-left: 320px;margin-right: 170px;padding-top:40px}
.news-list li h3 {font-size: 20px;line-height: 28px;height: 28px;overflow: hidden;color: #333;margin-bottom: 10px;transition: all .5s ease}
.news-list li:hover h3 {text-indent: .5em; color:#d82019}
.news-list li .p {font-size: 13px;line-height: 25px;height: 50px;overflow: hidden;color: #777}

.public_dl{width: 1200px; height:435px; overflow: hidden; margin:40px auto 70px auto}
.public_dl dd{height: 100%; width: 0px;overflow: hidden;float: left;display: inline;position: relative;text-align: center;font-size: 0px; margin-top:40px;}
.publicDiv{overflow: hidden;position: relative;height: 100%;}
.publicBg{ width: 100%;height: 345px;overflow: hidden;position: absolute;left: 0px;top: 0px; z-index: 0;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;
    /*transition: all 0.3s linear;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);*/
}
.publicF{ width:100%; height:345px; position:relative; z-index:1; text-align:left}
.f01{ background-color:rgba(40,131,165,.6);}
.f02{ background-color:rgba(216,32,25,.5);}
.f03{ background-color:rgba(125,134,131,.8);}
.f04{ background-color:rgba(184,146,33,0.8);}
.f05{ background-color:rgba(40,131,165,.8);}
.f06{ background-color:rgba(126,110,158,.8);}
.pubName{ height:80px; padding: 50px 30px 0 20px; font-size:14px; color:#fff; line-height:18px;word-wrap : break-word ;word-break : break-all; text-transform:uppercase;}
.pubTitle{ padding: 20px; color:#fff; font-size:18px; font-weight:bold;}
.publicF em{ position:absolute; left:5%; top:50%; width:35px; height:35px; background: url(../images/moreL.png) no-repeat center center}

.gyzjbg{ background:url(../images/gyzjbg.jpg); padding:50px 0}
.gyzj{ width:1200px; padding:0; margin:40px auto}
.gyzj li{width:277px;float: left;margin-right:30px; background-color:#fff; margin-bottom:30px;}
.gyzj li p{width:277px;height:180px; overflow:hidden; }
.gyzj li span{display:block; font-size: 14px; height:82px; line-height:85px; border:1px solid #e3e3eb; color: #999;text-align:center; padding:0 25px;}
.gyzj li img{display: block;margin: 0 auto; width:100%; transition:.5s;-webkit-transition:.5s;}
.gyzj li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.gyzj li:nth-child(4n){ margin-right:0}

#lcln{ width:1200px; padding:0; margin:40px auto; font-size:14px; line-height:24px; color:#999}
#lcln h2{ font-size:24px; color:#333; margin-bottom:20px;}

.part1{ width:1200px; margin:0 auto; text-align: center; height:200px; font-size: 0; background:url(../images/join_txt_bg.jpg) no-repeat bottom center;}
.part1 .li{display:inline-block; vertical-align: top; margin:0 56px;}

/* lclnpic */
.lclnpicbg{ background-color:#f7f7f7; padding:60px 0 0}
.lclnpic { width:1200px; padding:0; margin:0 auto; position:relative; }
.lclnpic  i{ display:block; width:23px; height:40px; cursor:pointer; position:absolute; overflow: hidden;z-index:2;}
.lclnpic  .btn01{position: absolute; background:url(../images/jian3.png) no-repeat left top; left:-100px; top:40%; width:46px;height:46px;}
.lclnpic  .btn02{position: absolute; background:url(../images/jian4.png) no-repeat left top; right:-100px; top:40%; width:46px;height:46px;}
.lclnpic .btn01:hover, .lclnpic .btn02:hover{ background-position:0 -46px;}
.lclnpic  .lclnpicCon{width: 100%;position: relative;height:430px;overflow: hidden;}
.lclnpic  .lclnpicCon ul{width: 100%;position: absolute;top: 0;left: 0;}
.lclnpic  .lclnpicCon li{width:277px;float: left;margin-right: 30px; background-color:#fff}
.lclnpic  .lclnpicCon li p{width: 277px; overflow:hidden; }
.lclnpic  .lclnpicCon li span{padding:15px 25px; display:block;  color: #999; border:1px solid #eaeaea; text-align:center; height:170px; }
.lclnpic  .lclnpicCon li span em{ display:block; margin-bottom:10px; text-align:center; font-size:18px; color:#333}
.lclnpic  .lclnpicCon li img{display: block;margin: 0 auto; width:100%; transition:.5s;-webkit-transition:.5s;}
.lclnpic  .haboutCon li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}

#zyfz{ width:1200px; padding:0; margin:40px auto; font-size:14px; line-height:24px; color:#999}
#zyfz h2{ font-size:24px; color:#333; margin-bottom:20px;}
#zyfz ul{ margin-top:50px;}
#zyfz li{width:380px;float: left;margin-right:30px; background-color:#f1f4f9;}
#zyfz li p{width: 380px;height:225px; overflow:hidden; }
#zyfz li span{display:block; font-size: 14px; height:170px; color: #999;text-align:center; border-top:2px solid #d82019; padding:0 25px;}
#zyfz li span em{ font-size:18px; margin:30px auto 7px auto; font-style:normal; display:block; color:#333}
#zyfz li img{display: block;margin: 0 auto; width:100%; transition:.5s;-webkit-transition:.5s;}
#zyfz li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
#zyfz li:nth-child(3n){ margin-right:0}

#zplc{ width:1200px; padding:0; margin:40px auto 60px auto}
#zplc h2{ font-size:24px; color:#333; margin-bottom:20px;}

#zpzx{ width:1200px; padding:0; margin:40px auto; color:#999}
#zpzx h2{font-size:24px; color:#333; margin-bottom:20px;}

.join-text{ width:1200px; margin:0 auto; color:#666;  font-size:16px; overflow:hidden;}
.join-text img {display:inline-block}
.inline { width:30%;display:inline-block;text-align:left;white-space:nowrap;}
.join-text .img{display:inline-block;vertical-align:top;width:60px;text-align:center;padding-right:5px;float:left}

.recruitment_list {padding:0; margin:40px auto; width:1200px;}
.recruitment_list ul li { background-color: #f6f8fa; margin-bottom: 15px;}
.recruitment_list ul li:last-child {margin-bottom: 0;}
.recruitment_list .recruitment_list_name {height: 115px; background-color: #f6f8fa; overflow: hidden; position: relative; cursor: pointer;}
.recruitment_list .recruitment_list_name .day {float: left; width: 18.3%; height: 100%; font-size:18px; color: #d82019; text-align: center; padding-top:25px;}
.recruitment_list .recruitment_list_name .name {float: left; width: 66.25%; padding-top: 25px;}
.recruitment_list .recruitment_list_name .name h4 {font-size: 18px; color: #666;}
.recruitment_list .recruitment_list_name .name p {color: #898989; margin-top: 10px;}
.recruitment_list .recruitment_list_name .recruitment_list_name_r {float: right; width: 15.45%; background-color: #edeff4; height: 100%; position: relative;}
.recruitment_list .recruitment_list_name .recruitment_list_name_r i.icon4 {position: absolute; width: 37px; height: 35px; background: url(../images/icon4.png) no-repeat; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.recruitment_list_txt {overflow: hidden; position: relative; display: none;}
.recruitment_list_txt .recruitment_list_txt_t {padding-left: 18.3%; padding-right: 15.45%; padding-bottom: 60px;}
.recruitment_list_txt .recruitment_list_txt_t h5 {font-size: 14px; line-height: 30px; color: #898989;}
.recruitment_list_txt .recruitment_list_txt_t p {line-height: 28px; color: #898989; padding-right: 15px;}
.recruitment_list_txt_r {position: absolute; right: 0; height: 100%; background-color: #edeff4; width: 15.45%; top: 0;}
.recruitment_list .list li .name.nav-show,.recruitment_list .list li:hover .name {color: #005bac;}
.recruitment_list .list li:hover .name:after {border-color: #005bac;}
.recruitment_list .list li .name.nav-show:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg); border-color: #005bac;}
.recruitment_list li:hover .recruitment_list_name .recruitment_list_name_r i.icon4,.recruitment_list li .recruitment_list_name.nav-show .recruitment_list_name_r i.icon4 {background-position: left bottom;}
.hsh_mailtoa04 {width: 120px;height: 35px;line-height: 35px;text-align: center;color: #ffffff;font-size: 16px;background-color: #d82019;display: block;margin: 32px 0 10px 0;}

#lxcon{ width:1200px; padding:0; margin:50px auto 40px auto}
#lxconleft{ width:347px; float:left; font-size:14px; line-height:30px; }
#lxconleft h2{ font-size:24px; color:#333;}
#lxconleft h3{ font-size:20px; color:#D82019; border-bottom:1px solid #E6E5E5; padding-bottom:15px; margin:20px 0 0 }
#lxconleft h4{color:#D82019; font-size:40px; font-family: 'DINPro'; margin:20px 0}

.feedback{ width:47.5%; float:right}
.feedback h2{font-size:24px; color:#333;}
.feedback p{ font-size:14px; line-height:24px; color:#999; margin:15px 0 20px auto}
.input-box{ margin-bottom:8px; min-height:45px;}
.input-box:after{ content:""; clear:both; display:block;}
.input-box input[type="text"]{ width:100%; height:45px; border:1px solid #e1e1e5; padding:0 10px; background:#fff; line-height:43px;}
.input-box.ban input[type="text"]{ width:calc((100% - 8px) / 2); float:left; margin-right:8px;}
.input-box.ban input[type="text"]:nth-child(2){ margin-right:0px;}
.input-box textarea{ border:1px solid #e1e1e5; padding: 10px; background:#fff; width:100%; height:130px; line-height:26px;}
.input-box #dosubmit{ width:70px; height:40px; color:#fff; cursor:pointer; border:0px; background:#D82019;; border-radius:4px; }
.contact-map{ border-top:1px solid #e2e5e6; height:410px;}

.history{ width:1200px; margin:60px auto 80px auto}
.historytit{ font-size:30px; text-align:center; margin-bottom:30px;}
.time{position: relative;overflow: hidden;padding: 0 60px;background: url(../images/bg2.jpg) repeat-x center 22px}
.time p{text-align: center;font-size: 15px;line-height: 61px;padding-top: 13px}
.time p em{display: block;margin: 0 auto;width: 21px;height: 21px;background: url(../images/dot1.png) no-repeat;cursor: pointer}
.time .on p em{background-image: url(../images/dot2.png)}
.time .slick-prev, .time .slick-next{width: 47px;height: 47px;background: url(../images/arrow5.png) 0 0 no-repeat;position: absolute;left: 0;top: 0;margin: 0;}
.time .slick-next{left: auto;right: 0;background-position: -47px 0;}
.time .slick-prev:hover{background-position: 0 -47px;}
.time .slick-next:hover{background-position: -47px -47px;}
.history .con{margin-top: 25px; }
.history .year1{background: #eeeeee;}
.history .year1 .pic{float: left;width: 50%;}
.history .year1 .pic img{ width:100%;}
.history .year1 .word{float: right;width: 50%;padding: 0 4%; font-size:14px; line-height:30px;}
.history .year1 h3{font-size: 38px;color: #333333;line-height: 72px;border-bottom: 1px #e4e4e4 solid;padding-top: 70px; margin-bottom:20px;}
.history .year1 h3 em{font-size: 16px;line-height: 16px;vertical-align: text-top;padding-left: 5px;}

.slick-slide{display: none; float: left;outline: 0 none;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-arrow.slick-hidden { display: none;}
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; padding: 0px; cursor: pointer; }
.slick-dots button{display: none;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}

#qywhnr{ width:1200px; padding:0; margin:60px auto 0 auto}
#qywhnr_left{ width:600px; float:left; }
#qywhnr_right{ width:555px; float:right; color:#999; line-height:28px; font-size:14px; margin:40px 0 0}
#qywhnr_right h2{ font-size:22px; color:#333; margin-bottom:10px;}

#wenhualn{ width:1200px; padding:0; margin:20px auto 0 auto}
#wenhualn li{ width:225px; float:left; margin-right:100px; color:#999; line-height:24px; text-align:center}
#wenhualn li img{ display:block; margin:0 auto}
#wenhualn li h2{ color:#333; font-size:24px; margin:20px 0 20px 0;}
#wenhualn li:last-child{ margin-right:0;}

.culture-wrap{ background-color: #f4f4f4; padding:60px 0; margin:50px auto 0 auto}
.culture-wrap .sec-wrap { width:1200px; padding:0; margin:0 auto}
.culture-wrap .sec-wrap h2{ font-size:24px; color:#333; }
.culture-wrap .sec-wrap .list-wrap {margin-top:35px;position: relative}
.culture-wrap .sec-wrap .hd {position: absolute;right: 0;top: -70px}
.culture-wrap .sec-wrap .hd .butn {display: block;float: left;width: 42px;height: 42px;border: 1px solid #d2d2d2;margin-left: 7px;cursor: pointer;border-radius: 50%}
.culture-wrap .sec-wrap .hd .prev {background: url(../images/ico_29.png) no-repeat center}
.culture-wrap .sec-wrap .hd .next {background: url(../images/ico_30.png) no-repeat center}
.culture-wrap .sec-wrap .bd {position: relative;overflow: hidden}
.culture-wrap .sec-wrap .bd ul {width: 105.2%}
.culture-wrap .sec-wrap .bd li {width: 23.7%; float:left;margin-right: 1.3%;position: relative}
.culture-wrap .sec-wrap .bd li a {display: block}
.culture-wrap .sec-wrap .bd li img {width: 100%;}
.culture-wrap .sec-wrap .bd li .tit {display: block;line-height: 20px;font-size: 14px;color: #fff;width:100%;padding: 9px 4%;background: url(../images/bg_02.png) repeat center;position: absolute;left: 0;bottom: 0}
.culture-wrap .thi-wrap .list-wrap {margin-top: 52px;padding-bottom: 150px;position: relative;overflow: hidden}
.culture-wrap .thi-wrap .list-wrap ul {width: 103.5%}
.culture-wrap .thi-wrap .list-wrap li {width: 21.5%;margin-right: 3.5%}

.mvlist {padding-left: 0;list-style: none; width:1200px; padding:0; margin:40px auto}
.mvlist li {width: 23.7%;float: left;margin-right: 1.7%;position: relative;margin-bottom: 24px;cursor: pointer;overflow: hidden}
.mvlist li:nth-child(4n){ margin-right:0;}
.mvlist li img {width: 100%;transition: transform .3s;-webkit-transition:.3s}
.mvlist li:hover img {width: 100%;transform: scale(1.1);-webkit-transform: scale(1.1)}
.mvlist li .bg {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);opacity: 0;filter: alpha(opacity=0);transition: opacity .3s}
.mvlist li:hover .bg {background: rgba(0, 0, 0, .7);opacity: 1;filter: alpha(opacity=1)}
.mvlist li .open {width: 45px;height: 45px;position: absolute;top: 50%;left: 50%;margin: -22px 0 0 -22px;display: block;background-size: 100% 100%;opacity: 0;filter: alpha(opacity=0);transition: opacity .3s}
.mvlist li:hover .open {background: url(../images/news06.png) no-repeat center;opacity: 1;filter: alpha(opacity=1)}
.mvlist li p {position: absolute;bottom: 0;left: 0;padding: 0 7% 20px; font-size: 18px;line-height: 28px;color: #fff;width: 100%;}

#neiye{ width:1200px; padding:0; margin:40px auto; font-size:13px; line-height:26px;}

.honor{ padding:0; margin:50px auto 60px auto; width:1200px;}
.honor ul{font-size:0;}
.honor dl{display:inline-block;  width:272px; margin:0 37px 0 0; vertical-align:top}
.honor dl a{ display:block;}
.honor dl dt{position: relative;overflow: hidden; border:1px solid #ccc}
.honor dl dt img{transition: all 1s;width: 100%; height:370px; display:block}
.honor dl:hover dt img{transform: scale(1.1);}
.honor dl dd{  font-size:12px; text-align:center; line-height:45px; }
.honor .mn{ margin:0}

.factory{ padding:0; margin:50px auto 60px auto; width:1200px;}
.factory ul{font-size:0;}
.factory dl{display:inline-block;  width:277px; margin:0 30px 0 0; vertical-align:top}
.factory dl a{ display:block;}
.factory dl dt{position: relative;overflow: hidden; border:1px solid #ccc}
.factory dl dt img{transition: all 1s;width: 100%; height:208px; display:block}
.factory dl:hover dt img{transform: scale(1.1);}
.factory dl dd{  font-size:12px; text-align:center; line-height:45px; }
.factory .mn{ margin:0}

#aboutnr{ width:1200px; padding:0; margin:40px auto}
.newsDetail{ padding:0;}
.newsDetail h1.t{text-align: center;padding:0;font-size: 22px;font-weight: normal;color: #333;}
.newsDetail #xtp{ margin:20px 0 15px 0; text-align:center}
.newsDetail .time2{text-align: center;color: #999;border-bottom: dotted 1px #DEDEDE;padding-bottom:10px; margin:10px 0}
.newsDetail .content{ line-height:28px; padding:0; font-size:13px;}
.newsDetail .content img{ margin:0 0 10px 0}

.hzhb{ padding:0; margin:40px auto; width:1200px;}
.hzhb ul{font-size:0;}
.hzhb dl{display:inline-block;  width:220px; margin:0 25px 0 0; vertical-align:top}
.hzhb dl a{ display:block;}
.hzhb dl dt{position: relative;overflow: hidden; border:1px solid #DADADA}
.hzhb dl dt img{transition: all 1s;width: 100%; height:88px;  display:block}
.hzhb dl:hover dt img{transform: scale(1.1); }
.hzhb dl dd{  font-size:12px; text-align:center; line-height:45px; }
.hzhb .mn{ margin:0}

.products-img{width:600px; }
.products-img .img{width:600px;height:413px; overflow: hidden;text-align: center;position: relative; border:1px solid #E1E0E0}
.products-img .img img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin:auto;width: 100%;height: 100%;}
.products-img .list{width: 100%;height:67px;margin-top: 17px;position: relative;}
.products-img .list .btn{width: 21px;height: 67px;cursor: pointer;position: absolute;top:0;}
.products-img .list .prev{left: 5px;background: url(../../img/prev02.jpg) no-repeat center;}
.products-img .list .next{right: 5px;background: url(../../img/next02.jpg) no-repeat center;}
.products-img .list .main{width: 100%;height: 89px;overflow: hidden;}
.products-img .list ul{}
.products-img .list li{width:129px;height:89px;border: 1px solid #EBEBEB;  float: left;margin:0 8px 0 0;display: inline;cursor: pointer;text-align: center;}
.products-img .list li img{width:100%;height: 100%; padding:3px;}
.products-img .list li.active{border: 1px solid #EBEBEB;}

.products-info{width:550px;}
.products-info .tit1{color:#333; font-size:22px;font-weight: bold; padding:15px 0; border-bottom:1px dashed #B1B1B1}
.products-info .titjj{color:#333; font-size:16px;font-weight: bold; padding:15px 0 10px 0;}
.products-info .titnr{ line-height:24px;}
.products-info .tips {margin:12px 0 5px 0;line-height:31px; font-size:14px; color: #666;}
.dglx{ background-color:#F2F2F2; padding:12px 25px 25px 25px; margin:20px 0 0}
.tids{ font-size:14px; }
.tids span{color:#DA251D;font-weight: bold;font-size: 24px;}
.pagelinks{padding:0 0 20px 0; border-bottom: solid 1px #eee; margin:20px 0 }
.pagelinks a{color: #666;}
.pagelinks a:hover{color: #d30706;}
#ljzz a{ background-color:#DA251D; font-size:18px; text-align:center; width:150px;color:#fff; margin:25px 0 0; padding:8px 0; display:block; -moz-border-radius: 2px; /* Gecko browsers */ -webkit-border-radius: 2px;   /* Webkit browsers */ border-radius:2px;}
#pro-title{font-size:16px;line-height:38px; color:#161616; font-weight: bold; padding:0 0 0 0; margin:20px 0 0;  }
.detail{line-height: 30px;font-size: 14px;color: #666;border-top: solid 1px #eee; padding: 10px 0;}
.detail img{ margin:0 0 10px 0}
.keywords{ font-size:13px; margin:10px 0 0}

.proxg{ padding:0; margin:25px 0 0;}
.proxg dl{float:left; margin:0 15px 0 0; padding:0; width:288px; }
.proxg dl.mn{margin-right: 0;}
.proxg dl dt{height:198x; overflow:hidden}
.proxg dl dt img{width:288px; height:198px; border:1px solid #E5E5E5 }
.proxg dl dd{  font-size:14px; text-align:center; line-height:40px; }

/*========================================== 表单提交提示弹窗  ================================================*/
.tips-bg{width: 100%;height: 100%;position: fixed;z-index: 99955599;background-color:#000;opacity:0.6;top: 0;left: 0;}
#tips{background-color:#fff;position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin:auto;z-index:999555998;overflow: hidden;}
#tips div{overflow: hidden;position: relative;color: #666;font-size: 14px;height: 100%;}
#tips div .btn{display: block;position: absolute;bottom:30px;right: 20px;width:70px;height: 30px;background-color: #d82019;color: #fff;line-height: 30px;text-align: center;cursor: pointer;}
#tips h1{font-size: 18px;margin-bottom: 10px;color: #333;font-weight: normal;}

#dszzc{ width:1200px; padding:0; margin:40px auto}
#dszzc_left{ float:left; width:345px; text-align:center}
#dszzc_left img{ display:block; margin-bottom:10px;}
#dszzc_right{ float:right; width:790px; font-size:14px; line-height:30px;}
#dszzc_right h2{ font-size:16px; font-weight:bold; margin-bottom:15px; color:#18033e}

.sitemap{ width:1200px; padding:0; margin:30px  auto 40px auto}
.sitemap h2{font-weight:bold; font-size:15px;padding:5px 0; line-height:35px;}
.sitemap h2 a{color: #D1222C;}
.sitemap h2 a:hover{color: #D1222C;text-decoration: underline;}
.sitemap ul{overflow: hidden;border:solid 1px #eee;padding:10px 15px;display: block;}
.sitemap ul li{float: left;width:50%;line-height: 35px; font-size:14px; font-weight:bold}
.sitemap ul li a{color: #333;}
.sitemap ul li a:hover{color: #D1222C; }
.sitemap ul p{line-height: 36px;}
.sitemap ul p a{color: #333;}
.sitemap ul p a:hover{color: #D1222C;text-decoration: underline;}
.sitemap ul ul{ border:none; padding:0}
.sitemap ul ul li{ font-size:12px; line-height:30px; font-weight: normal}

#pages{text-align: center;color: #666;padding: 20px 0 0 0; clear:both}
#pages span, #pages a{display: inline-block;line-height: 30px;border:solid 1px #CCCCCC;padding: 0 13px;font-size: 14px;}
#pages span.cur{border:solid 1px #d82019;background-color: #d82019;color: #fff;}

.ryxdh{ width:1200px; padding:0; margin:20px auto -20px auto;}
.ryxdh a {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    color: #999999;
    font-size: 14px;
    text-align: center;
	margin-right:5px;
    padding: 5px 12px;
    width: auto;
    position: relative;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

.ryxdh a:hover, .ryxdh a.cur {
    color: #ffffff; background-color:#d82019
}