@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;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{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%}

.menu li{float:left;}

.menu li a{color:#333;display:inline-block;font-size:16px;height:100px;line-height:100px;text-align:center;width:100px}

.menu li a:hover{background:#19548c;color:#fff}

.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:370px;

  height:60px;

  text-indent:-999px;

  overflow:hidden;float:left;margin-top:20px;padding-left: 82px;

}

.logo_box{ position:relative}
.logo_box .toplogo{display:block;position:absolute;left:0px;top:13px}
.logopic{
height:70px;float:left;
transition:width 1s, height 1s;
-moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */
-webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */
-o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */
}
.logopic2{
transform:rotateY(360deg);
-moz-transform:rotateY(360deg);/* Firefox 4 */
/* -webkit-transform:rotateY(360deg); *//* Safari and Chrome */
-o-transform:rotateY(360deg);/* Opera */
}

#header #logo03{

  float:left;

}

#header #logo img,#header #logo03 img {


  display: block;

}

#header #nav li {

  float:left;

  height:100%;

  overflow:hidden;

  z-index:99;

}

#header #showNav {

  display: none;

  position: relative;

  float: right;

  width: 40px;

  height: 42px;

}

#header #showNav span {

  display: block;

  position: absolute;

  top: 10px;

  left: 0;

  width: 68%;

  height: 4px;

  background: #595959;

  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: 19px;

}

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

  top:30px;

}

#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:#9d2988;

}

#slideNav li:hover{background:#19548c;}

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



#nav li .snav{position:absolute;overflow:hidden;top:100px;display:none;background:#3076b8;z-index:10;width:100px}

#nav li .snav dl dd{position:relative;height:34px;text-align:center;border-bottom:1px solid #3c7dbb;}

#nav li .snav dl dd a{display:block;background:none;color:#fff;font-size:12px;line-height:34px;height:34px;padding:0;border-bottom:none;}

#nav li:hover{background:#19548c;}

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

#slideNav li .snav{display:none;background:#fff;z-index:10}

#slideNav li .snav dl dd a{color:#fff;font-size:12px;background:none;height:auto;line-height:34px}



.focusA{padding-top:98px;}

/*焦点图*/

/*picshow*/

.picshow{width:1200px;overflow:hidden; position:relative; margin-bottom:60px}

.main_image{width:100%;height:297px; overflow:hidden; margin:0 auto; position:relative; z-index:1000;}

.main_image ul{width:9999px;height:297px; overflow:hidden; position:absolute; top:0; left:0}

.main_image li{float:left; width:1200px;}

.main_image li a{display:block;}

div.flicking_con {width:100%; margin:0 auto; position:relative; height:12px}

div.flicking_con .flicking_inner{position:absolute;top:297px; left:47%; text-align:center; height:0.75rem; overflow:hidden; z-index:10000;}

div.flicking_con a{float:left; width:12px; height:12px; margin:0 5px; padding:0;display:block; text-indent:-1000px; background:url(../images/qq.png) no-repeat}

div.flicking_con a.on{background:url(../images/qq2.png) no-repeat}

.main_image li .item{ width:252px; text-align:center; float:left; margin-right:58px}

.main_image li .item a .picture{ width:130px; height:130px; border-radius:100%; padding:10px; border:1px solid #e5e5e5; margin:0 auto}

.item a .picture img{width:130px; height:130px; border-radius:100%;}

.item a h2{ color:#333; font-size:16px; margin:23px 0 9px 0}

.item a p{color:#999; font-size:12px; line-height:24px; height:48px; overflow:hidden}

.item a:hover h2{ color:#9d2988}

.main_image li .item.last{ margin-right:0px}

/*footer*/

.footer{width:100%;background:#171717;padding:50px 0 27px 0}

.w206{width:306px;margin:0 auto;text-align:center}

.w206 p{color:#666;font-size:12px;line-height:24px}

.w206 .pic{margin-bottom:13px}

.w206 h5{font-family:Arial;color:#fff;font-size:30px;background:url(../images/main_46.png) no-repeat left center;padding-left:14px;margin:15px 0 23px 0;display: inline-block;}

.w206 .share{text-align:center}

.w206 .share a{display:inline-block;width:36px;height:36px;margin:0 15px;background:url(../images/main_50.png) no-repeat;transition: all linear 0.3s;}

.w206 .share a.tpp1:hover{background-position:0 -50px}

.w206 .share a.tpp2{background-position:-66px 0}

.w206 .share a.tpp2:hover{background-position:-66px -50px}

.footer .f_list{width:994px;margin:45px auto 28px auto}

.footer dl{margin:0 67px;float:left}

.footer dt{color:#999;font-size:14px;margin-bottom:10px}

.footer dd a{color:#666;font-size:12px;line-height:26px}

.footer .friend{color:#666;font-size:14px;text-align:center}

.footer .friend a{color:#666;font-size:14px;line-height:30px;display:inline-block;padding:0 5px}

.footer .copy p{text-align:center;color:#666;font-szie:12px;line-height:24px}