@charset "utf-8";
*,*:before,*:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html { overflow-x:hidden;}
html,body {
  height: 100%;
  width: 100%;
  color: #333;
  font-size:14px;
}
body,input,button,select {
  font-family: "Microsoft YaHei", sans-serif;
  font-size: 14px;
  background: #fff;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #b0b0b0;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #b0b0b0;
}
select::-ms-expand {
  display: none;
}
input[type="button"],input[type="submit"],input[type="reset"],input[type="date"],input[type="text"],input[type="tel"],button { -webkit-appearance: none;appearance: none;font-family: 'Microsoft YaHei';outline: none;}
select { outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
textarea { -webkit-appearance: none; appearance: none; outline: none;}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, input, legend, li, ol, p, pre, td, textarea, th, ul {
   
    font-weight: 100;
}
table {border-collapse: collapse; border-spacing: 0; }
fieldset,img {border: 0px;}
address,caption,cite,code,dfn,th,var,em,i {font-weight: normal;font-style: normal; }
ol,ul {list-style-image: none;list-style:none; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%;font-weight:100;}
a {text-decoration:none;color:#333;outline:none; transition: all 200ms ease-in 0s;}
span{transition: all 200ms ease-in 0s;}
a:active {star:expression(this.onFocus=this.blur());} 
.clearfix{*zoom:1}
.clearfix:after{display:block;clear:both;content:"\0020";visibility:hidden;height:0}
/* my通用样式 */
.fl {float:left;}
.fr {float:right;}
.abs{position:absolute;}
.rel{position:relative;}
.center{margin:0px auto;}
.cli { overflow:hidden;}
.flex{ width:1200px; margin:0 auto; overflow:hidden;}
.flex2 {width:1200px; margin:0 auto;}
.yfont { color:#ffc045;}
.bfont { color:#13bfd9;}
.lfont { color:#6db005;}
.pfont { color:#f9607e;}
.gfont { color:#999;} 
.fred { color:#d71a11;}
.mt5 { margin-top:5px;}
.mt15 { margin-top:15px; }
.ml0 { margin-left:0px;}
.ml10 { margin-left:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.pd25 { padding-top:25px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mr0 { margin-right:0;}
.b0 { border:none;}
.bg0 { background:none;}
.cli { overflow:hidden;}
.dlay0 { animation-delay:0s;}
.dlay1 { animation-delay:0.1s;}
.dlay2 { animation-delay:0.2s;}
.dlay3 { animation-delay:0.3s;}
.dlay4 { animation-delay:0.4s;}
.dlay5 { animation-delay:0.5s;}
.dlay6 { animation-delay:0.6s;}
.dlay7 { animation-delay:0.7s;}
.dlay8 { animation-delay:0.8s;}
.dlay9 { animation-delay:0.9s;}
.dlay10 { animation-delay:1s;}
.tb-box { overflow: hidden;}
.tb-box img{-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;display: block;}
.tb-box:hover img {transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-ms-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-moz-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-webkit-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-o-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}
/*******公用样式*****************/

/*********导航********************/
.hd-bg6{ position:absolute; top:0; left:0; height:110px; width:100%; z-index:30;}
.head6 { position:relative; width:90%; margin:0 auto;}
.logo { height:76px; float:left; margin-top:18px;}
.hd-tel { position:absolute; right:0; top:42px; height:33px; z-index:101;}
.hd-tel li { position:relative; float:left; margin-left:11px; width:33px; height:33px; text-align:center; line-height:33px; background:#bf1231; -webkit-border-radius:33px;  border-radius:33px;-webkit-transition: all 0.3s linear;transition: all 0.3s linear; }
.hd-tel li span { color:#fff; font-size:18px; display:block; height:33px; width:33px; text-align:center; position:absolute; right:0; top:0; }
.soso:hover { width:200px;}
.so-inp,.so-sub { display:none;}
.so-inp { width:166px; background:#fff; height:33px; line-height:33px;  border:none; float:left; -webkit-border-radius:33px 0 0 33px;  border-radius:33px 0 0 33px; padding-left:16px;}
.so-sub { position:absolute; right:0; top:0; width:33px; height:33px; z-index:2; background:none; border:none; cursor:pointer;} 
.soso:hover .so-inp,.soso:hover .so-sub{ display:block;}
.hd-wei img{ position:absolute; top:35px; left:-30px; width:100px; height:100px; display:none; }
.hd-wei:hover img { display:block;}


/************************/
.title { text-align:center; font-size:16px; color:#303033; padding-top:67px;}
.title h1{ margin-top:10px; position:relative; left:-25px;}
.title h1 font { color:#8f8f8f; font-size:14px; margin:0 10px 0 0;}
/*************/
/******尾部************/
.foot-bg{ overflow:hidden; position:relative; background:#2d2d2d;}
.foot-top{ padding:50px 0; z-index:30;}
.foot-nav{overflow:hidden; float:left;}
.foot-nav li{float:left; width:210px; font-size:14px; line-height:36px;}
.foot-nav li a{color:#ffffff; display:block;}
.foot-nav li h1{ color:#fff; font-size:18px; padding-bottom:13px; margin-bottom:13px; position:relative}
.foot-nav li h1:before{content:""; position:absolute; left:0; bottom:3px; width:20px; height:2px; background:#cb003e;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}
.foot-nav li:nth-child(2) { width:400px;}
.foot-nav li:nth-child(2) a { width:45%; float:left;}
.foot-nav li a:hover{text-decoration:underline; color:#cb003e;}
.foot-nav li a:first-child:hover{text-decoration:none;}
.foot-nav li:hover h1:before{width:72px;}
.wei-right{ float:right; text-align:center; color:#bdd1e7; line-height:26px;}
.wei-right img{ width:121px; height:121px; position:relative; border:1px solid #222733;}
.foot { color:#979797; height:56px; line-height:56px; background:#232323;}
/***************************************/
/**************************************************/
@media (min-width: 1200px)
{
.m_wd2{width:160px !important;}
.nav6{ float:left;  margin:0px 0px 0 48px;  z-index:100; position:relative }
.nav6 li {float:left; width:92px; height:120px; position:relative; }
.nav6 a.link-a { position:relative; overflow:hidden; display:block; height:130px; line-height:130px; color:#fff; text-align:center; font-size:14px;  width:90px; }
.nav6 li .nav-show {  height:100px;padding:36px 0 0;  display: block; width:100%;  position:absolute;  top:0; left:0; z-index:97  -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear; }
.nav6 li .nav-drop { height:120px; padding:36px 0 0; display:block; background:#fdb404; color:#fff; width:100%; position:absolute; top:100px; left:0; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear; }
.nav6 li:hover .nav-show,.nav6 li.on .nav-show { top:-100px; }
.nav6 li:hover .nav-drop,.nav6 li.on .nav-drop { top:0;} 
.nav6 li a.link-a:before { content:""; position:absolute;  top:50%; left:50%; width:0%; height:0; background:#b91351; -webkit-transition:all .3s; transition:all .3s;}
.nav6 li em { position:relative; z-index:2;}
.nav6 li:hover a.link-a:before,.nav6 li.on a.link-a:before { width:100%; height:100%; left:0; top:0;}
/*****xiala****/
.nav6 li .lev6 { position:absolute; left:0; top:100px; z-index:1000; width:96px; padding:10px 0; text-align:center;background:rgba(25,25,44,0.85); -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);filter: scale(0);filter: transform;transition: all 0.3s ease 0s;-webkit-transform: all 0.3s ease 0s;opacity: 0;}
.nav6 li .lev6 a { display:block; color:#fff; line-height:30px; font-size:18px; text-align:left; padding-left:20px; background:url(../images/nav-drow.png) 8px 12px no-repeat;  -webkit-transition: all 0.3s linear; -ms-transition: all 0.2s linear;transition: all 0.2s linear; }
.nav6 li .lev6 a:hover { color:#fdb404; background:url(../images/nav-drow.png) 8px -18px no-repeat;}
.nav6 li:hover .lev6{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);filter: scale(1);filter: transform;transition: all 0.3s ease 0s;-webkit-transform: all 0.3s ease 0s;cursor: pointer;
opacity: 1;}		
	
}
