@charset "utf-8";

body,hr, p,blockquote, dl, dt, dd, ul, ol, li,form, fieldset, legend, img{ border:none; margin: 0; padding: 0;}

body{font-size:12px;color:#666;font-family:"微软雅黑";background:#fff;width:100%;overflow-x:hidden;word-break:break-all;}

em{font-style:normal;}

h1,h2,h3,h4,h5{margin:0;padding:0;font-weight:normal}

ul,ol,li{list-style:none;}

a{text-decoration:none;color:#999;}

a:hover{text-decoration:none;}

img{border:none;line-height:0;font-size:0;vertical-align:bottom;}

.clear{clear:both;line-height:0;font-size:0;overflow:hidden;}

.wrap,.w1200{width:1200px;margin:0 auto;}

.fr{float:right}

.fl{float:left}

/*======================浮动的外层==================*/

.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix{display:inline-block; }

/* required comment for clearfix to work in Opera \*/

* html .clearfix{zoom:1}

.clearfix{display:block;}

/* end clearfix */

/*header*/

#header{width:100%;background:#fff;}

.head{padding:25px 0}

.head .menu{margin-left:74px;height:50px;}

.menu li{float:left;text-align:center;height:50px;line-height:50px}

.menu li a{display:block;color:#333;font-size:14px;padding:0 21px;}

.head .yy2{display:none}

.head .yy,.head .yy2{color:#666;font-size:12px}

.head .yy a,.head .yy2 a{color:#666;font-size:12px;display:inline-block;margin:0 10px;height:50px;line-height:50px}

.menu li a:hover,.head .yy a:hover,.head .yy2 a:hover{color:#e22b10}

.topnav{clear:both}

.wrap1200 {

  margin: 0 auto;

  width:1200px;

}

.wrap1920 {

  position: relative;

  margin: 0 auto;

  width: 100%;

  max-width: 1920px;

}

.contanier {

  padding: 0 170px;

  background:#ececec;

}

/* 头部 */

#header{/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/}

#header #logo{

  width:267px;

  height:50px;

  overflow:hidden;float:left;

}



.logo_box{ position:relative}



#header #nav li {

  float:left;

  height:100%;

  z-index:99;

}

#header #showNav {

  display: none;

  position: relative;

  float: right;

  width: 25px;

  height: 15px;margin-right:-4px

}

#header #showNav span {

  display: block;

  position: absolute;

  top: 8px;

  left: 0;

  width: 80%;

  height: 2px;

  background: #333;

  margin-bottom: 10px;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

  -webkit-transform-origin: left;

  transform-origin: left;

}

#header #showNav span:nth-of-type(2) {

  top: 15px;

}

#header #showNav span:nth-of-type(3) {

  top:22px;

}

#header #showNav.active span:nth-of-type(1) {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

#header #showNav.active span:nth-of-type(2) {

  opacity: 0;

  filter: alpha(opacity=0);

}

#header #showNav.active span:nth-of-type(3) {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

/* 小屏幕导航样式 */

.shadow20 {

  display: none;

  position: fixed;

  top: 0px;

  left: 0px;

  z-index: 1500;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

  opacity: 0;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

#slideNav {

  display: block;

  position: fixed;

  top: 0px;

  right: -150px;

  z-index: 1500;

  width: 150px;

  height: 100%;

  background: #fff;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease; }

#slideNav a {

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

  display: block;

  width:85%;

  height: 50px;

  font: normal 16px/50px "微软雅黑", Helvetica, sans-serif, "宋体";

  color: #2a2a2a;

  border-bottom: #cacaca 1px solid;

  padding-left:15%

}

#slideNav li:nth-of-type(1) {

  margin-top:110px;

}

#slideNav a:hover, #slideNav a.active {color:#e22b10;}

#slideNav li:hover{background:#162e78;}

#slideNav li:hover a{color:#fff;}





/*focus*/

.focus{overflow:hidden;position:relative;height:460px}

.focus_m ul{width:100%;overflow:hidden;height:460px}

.focus_m li{width:100%;_float:left;height:460px}

.focus_s{height:100%;margin:0 auto;z-index:2;width:100%;position:absolute}

.focus_s ul{height:13px;position:relative;top:93%;text-align:center}

.focus_s li{cursor:pointer;height:12px;width:12px;overflow:hidden;display:inline-block;margin:0 5px}

.focus_s li b{display:block;text-indent:-999em;background:#fff;width:12px;height:12px;overflow:hidden;border-radius:100%}

.focus_s li.active b{background:#e22b10}

/*footer*/

.footer{width:100%;background:#e22b10}

.foot{padding:20px 0}

.foot .left{width:400px;float:left}

.foot .middle{width:360px;float:left}

.foot .right{width:230px;float:right}

.foot h6{margin:0;color:#fff;font-size:16px;font-weight:normal;padding-left:25px}

.foot .left h6{background:url(../images/main_75.jpg) no-repeat left 5px;}

.foot .middle h6{background:url(../images/main_73.jpg) no-repeat left center;padding-left:25px}

.foot .right h6{background:url(../images/main_78.jpg) no-repeat left center;padding-left:25px}

.foot2{width:100%;background:#d91d02;padding:10px 0}

.foot .left a{display:block;float:left;width:80px;margin-right:30px;color:#fff;font-size:12px;background:url(../images/line.jpg) repeat-x left bottom;padding:22px 0 20px 0}

.foot p{color:#fff;font-size:12px;line-height:27px}

.foot .way{padding-top:16px}

.foot .sao{padding-top:22px}

.foot .sao ul{width:260px;}

.foot .sao li{float:left;margin-right:30px}

.foot .sao img{width:100px;height:100px}

.foot2 p{text-align:center;color:#fff;font-size:12px;line-height:30px;}

.foot2 p a{color:#fff;font-size:12px;}

/*漂浮窗口*/

.fixed{position:fixed;top:300px;right:5px}

.fixed li{position:relative;margin-bottom:2px}

.fixed li .ico{position:absolute;left:-192px;height:50px;color:#fff;font-size:14px;background:#e22b10;top:0;padding:0 20px;line-height:50px;display:none}

.fixed li .ewm{position:absolute;left:-122px;height:120px;color:#333;font-size:12px;top:0;width:100px;text-align:center;display:none;background:#e22b10;padding:10px}

.fixed li .ewm p{color:#fff;height:32px;line-height:32px}

.fixed li:hover .ico,.fixed li:hover .ewm{display:block}



.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;}

.page span,.page  a{

padding:5px;

border:1px #CCCCCC solid;

margin-right:2px;

cursor:pointer;

}

.page .current{

border:1px #999999 solid;

background:#FFFFCD;

font-weight:bold;

}

.page  a:hover{

border:1px #333333 solid;

background:#FFFFCD;

text-decoration:none;

}



.detail{padding:15px 10px; padding-top:50px;}

.detail h3{ color:#333; text-align:center; font-size:20px;}

.write{ text-align:center; color:#999; border-bottom:solid 1px #ebebeb; margin:5px 0 18px;}

.write span{ color:#666;}

.detail p{ padding:0 14px;line-height:30px;font-size:14px;}

.dow{border-top:solid 1px #ebebeb;padding-top:15px; margin:30px 0; margin-left:10px; }

.dow b{ color:#0271cb;}

.dow p{ text-indent:0;font-size:12px;}

.info p {line-height:25px;font-size:12px; margin-top:5px; }