@import 'animate.css';
@import 'skin.css';

/******************************
 ** 初始化
** 1.2.0
 ******************************/
* { margin: 0; padding: 0; }
body { font: 14px/2 'Microsoft Yahei', Arial; color: #666; background: #fff; }
img { border: 0px; }
ul, ol { list-style-type: none; vertical-align: bottom; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea, select { font: 14px/1 'Microsoft Yahei', Arial; color: #666; outline: 0; }
textarea { resize: none; overflow: auto; }
h1,h2,h3,h4,h5,h6,font { font-size: 14px; }
a { color: #333; text-decoration: none; cursor: pointer; }
a:hover { color:#5e0689; }
a img { transition: all .5s ease; }
span{    text-decoration: none;}
.clear { float: none !important; clear: both; +line-height: 0; +font-size: 0; +height: 0; }
.hidden { display: none; visibility: visible; }
.wrap { width: 1350px; margin: 0 auto; position: relative; }
.clearfix {*zoom: 1;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.fl{float: left;}
.fr{float: right;}
.s{background: url(../images/tip.png) 0 no-repeat;}
/******************************
 ** 首页
 ******************************/
.header { position: relative; height: 98px; background: #fff; z-index: 10; }
.header .logo { float: left; margin: 16px 30px 0 0; }
.header .logo img { display: block; height: 60px; }
.header .tag { float: left; margin: 30px 0 0; border-left: 1px solid #5c0990; padding: 0 0 0 20px; }
.header .tag h2 { line-height: 30px; font-weight: normal; font-size: 24px; color: #5c0990; margin-top: -3px; }
.header .tag h3 { line-height: 30px; font-weight: normal; font-size: 16px; color: #ffffff; margin-bottom: -5px; }
.header .tel { float: right; padding: 0 0 0 75px; margin: 25px 0 0; background: url(../images/header-tel.png) left center no-repeat; }
.header .tel h2 { line-height: 30px; font-weight: normal; font-size: 18px; color: #fff; }
.header .tel h3 { line-height: 40px; font-size: 28px; color: #fff; }

.nav { position: relative; z-index: 9; background: #fff;width: 910px;background: url(../images/nav_li.png) right top no-repeat; }
.nav .wrap { height: 98px; }
.nav li { float: left; width: 101px; height: 95px; position: relative;border-bottom: 3px solid #fff;
background: url(../images/nav_li.png) left top no-repeat;}
.nav li > a { display: block; height: 68px; line-height: 1.6; font-size: 16px; text-align: center; color: #0b090c; transition: none;
  transition: background .5s ease; margin-top: 30px;}
.nav li > a i{ font-size: 10px;color: #999;text-transform: uppercase;display: block;font-style: normal;}
.nav .drop { position: absolute; left: 0; top: 98px; right: 0; background: url(about: blank) center center repeat; display: none; 
}
.nav .drop dl { position: relative; background: #fff; }
.nav .drop dd { line-height: 1.6; text-align: center; border-top: 1px solid #e9e9e9; }
.nav .drop dd:first-child { border-top: 0; }
.nav .drop a { display: block; padding: 8px; color: #0b090c; }
.nav .drop a:hover { color: #5f078c;   }
.nav li.active,.nav li.current{background: url(../images/nav_li_h.png) left top no-repeat;border-bottom: 3px solid #5f078c;}
.nav li.active+li,.nav li.current+li{background: url(../images/nav_li_h.png) left top no-repeat;}
.nav li.active > a {     }
.nav li.current > a {     }

.banner { position: relative; z-index: 8; }
.banner .list { position: relative; overflow: hidden; z-index: 1; }
.banner .list li { position: absolute; width: 100%; height: 100%; overflow: hidden; background: #FFF; display: none; z-index: 1; }
.banner .list li:first-child { display: block; }
.banner .list li.active { z-index: 2; }
.banner .list img { position: relative; display: block; width: 1920px; left: 50%; margin: 0 0 0 -960px; }
.banner .dots { position: absolute; left: 50%; bottom: 30px; margin: 0 0 0 -50px; line-height: 0; z-index: 18; }
.banner .dots li { display: inline-block; +display: inline; +zoom: 1; width: 52px; height: 5px;   background:#fff; 
   margin: 0 10px;   cursor: pointer; transition: all .3s ease; }
.banner .dots li.active { background: #5c088d;   }
.banner .prev,
.banner .next { width: 50px; height: 96px; position: absolute; top: 50%; margin: -50px 0 0; z-index: 9; cursor: pointer; display: none; }
.banner .prev { background-position: left top; left: 50px; }
.banner .next { background-position: right top; right: 50px; }
.banner .prev:hover {   }
.banner .next:hover {   }
.banner .list,
.banner .list img { height: 650px; }
.banner.mini .list,
.banner.mini .list img { height: 300px; }
.banner.mini .tip { bottom: 10px; }

.ihead { background: url(../images/itit.png) center 40px no-repeat; text-align: center; padding: 60px 0 50px; }
.ihead h2 { line-height: 40px; +line-height: 60px; font-size: 30px;   color: #0b090c;
/* padding-left: 14px; */}
.ihead p { font-size: 16px; color: #999; text-transform: uppercase; margin-top: 30px; }

.inav { background: #fff; }
.inav .list { overflow: hidden; padding: 0 0 40px;width: 110%; }
.inav .item { float: left; margin: 0 15px 0; border: 1px solid #e8e8e8;box-shadow: 1px 1px 10px #f6f6f6;
background: url(../images/icon_shadow.png) center 44px no-repeat;}
.inav .item a { display: block; width: 280px; height: 238px; padding: 40px 0 0; text-align: center; }
.inav .item i { display: block; width: 200px; height: 150px; background: url(about:blank) 0 center no-repeat; margin: 0 auto; }
.inav .item h3 { font-size: 18px; font-weight: normal;margin-top: 30px; }
.inav .item:hover {   border-color: #5e0689; }
.inav .item:hover i { background-position: -200px center; }

.ipro { background: #fff; +padding: 0 0 30px; }
.ipro .tabed { text-align: center; padding: 0 0 50px; }
.ipro .tabed li { display: inline-block; +display: inline; +zoom:1;  width: 160px; line-height: 50px;     margin-left: -4px;
  border-left: 1px solid #ccc;  color: #0b090c; font-size: 16px; cursor: pointer; }
.ipro .tabed li:hover {   color: #fff;background: url(../images/classy_h.png) center center no-repeat; }
.ipro .tabed li.active { color: #fff;background: url(../images/classy_h.png) center center no-repeat; }
.ipro .main { width: 100%; overflow: hidden; height: 572px;}
.ipro .list { width: 105%; overflow: hidden; display: none; }
.ipro .list:first-child { display: block; }
.ipro .item { float: left; width: 288px; margin: 0 16px 0 0; position: relative;}
.ipro .item .shadow{position: absolute;top: 0;left: 0;width: 288px;height: 216px;display: none;
  background: url(../images/ipro_cover.png) center center no-repeat;}
.ipro .item label { display: block; height: 216px; overflow: hidden; }
.ipro .item img { display: block; width: 286px; height: 214px; border: 1px solid #ccc; background: #eee; }
.ipro .item h3 { line-height: 70px; white-space: nowrap; overflow: hidden; text-align: center; font-size: 16px; 
font-weight: normal;}
.ipro .item a { display: block;color: #0b090c; }
.ipro .item:hover {   }
.ipro .item:hover .shadow{display: block;}
.ipro .item:hover img { transform: scale(1.1, 1.1); }
.ipro .item:hover a {   }

/* iprocces */
.iprocces{  overflow: hidden;background: #f2f2f2;  margin-top: 30px;}
.iprocces .tod{width: 110%;}
.iprocces .icon{position: relative;width: 186px;height: 223px;font-size: 16px;float: left;text-align: center;margin: 0 18px 0 0; 
background: #fff;}
.iprocces .icon:hover .img{    -webkit-transform: translateX(8px); transition: all .5s ease; 
    transform: translateX(8px);}
.iprocces .icon:hover b,.iprocces .icon:hover span{    -webkit-transform: translateX(-8px); transition: all .5s ease; 
    transform: translateX(-8px);}
.iprocces .icon .img{height: 66px;margin-top: 40px;background: url(../images/icon2.png) 56px top no-repeat;
  width: 186px;
z-index: 3;position: absolute;left: 0;top: 10px;}
.iprocces .icon2 .img{background-position: -142px top;}
.iprocces .icon3 .img{background-position: -343px top;}
.iprocces .icon4 .img{background-position: -545px top;}
.iprocces .icon5 .img{background-position: -746px top;}
.iprocces .icon6 .img{background-position: -945px top;}
.iprocces .icon b{ font-size: 18px;color: #0b090c;font-weight: normal;display: block;
margin-top: 140px;font-weight: bold;}
.iprocces .icon span{display: block;text-transform: uppercase;font-size: 8px;color: #999;}
.iprocces .icon em{font-size: 100px;color: #eee;font-style: normal;font-weight: bold;
position: absolute;left: 34px;top: 36px;line-height: 1;z-index: 1;}
.iprocces .itel{margin-top: 60px;width: 360px;background: url(../images/itel.jpg) center center no-repeat;
height: 50px;line-height: 50px;color: #fff;  margin: 60px auto;text-align: center;}
.iprocces .itel h2{padding-left: 42px;background: url(../images/tip.png) left -100px no-repeat;font-size: 14px;
font-weight: normal; display: inline-block;
*display: inline;
*zoom: 1;}
.iprocces .itel h3{font-size: 18px;display: inline-block;display: inline-block;
*display: inline;
*zoom: 1;}

.icase { background: url(../images/icase.jpg) center center no-repeat #101010; padding: 0 0 30px; }
.icase .ihead h2 { color: #fff; }
.icase .ihead p { color: #ddd; }
.icase .main { float: left; width: 580px; border: 10px solid #fff; overflow: hidden; margin: 0 0 60px; position: relative; }
.icase .list { width: 1000%; overflow: hidden; }
.icase .item { float: left; width: 580px; background: #fff; }
.icase .item a { display: block; height: 515px; position: relative; }
.icase .item img { display: block; width: 100%; height: 435px; margin: 0 0 10px; }
.icase .item h3 { position: absolute; left: 0; bottom: 0; right: 0; padding: 0 160px 0 0; line-height: 88px; font-size: 22px;
  white-space: nowrap; background: #fff; font-weight: normal;}
.icase .item:hover img { transform: scale(1.1, 1.1); }
.icase .dots { position: absolute; right: 10px; bottom: 19px; z-index: 9; }
.icase .dots li { display: inline-block; +display: inline; +zoom: 1; width: 18px; height: 18px; background: #fff; 
  border-radius: 50%; margin: 0 4px; cursor: pointer;border: 2px solid #aeaeae; }
.icase .dots li.active { background: #620694;border-color: #620694; }
.icase .list2 { float: right; width: 570px; margin: 0 0 42px; }
.icase .item2 { display: block; height: 140px; border: 10px solid #fff; position: relative; padding: 0 20px 0 210px; 
  background: #ffffff; margin: 0 0 28px; }
.icase .item2 label { position: absolute; left: 0; top: 0; height: 100%; overflow: hidden; }
.icase .item2 img { width: 190px; height: 140px; background: #eee; }
.icase .item2 h3 { line-height: 30px; font-size: 22px; font-weight: normal; color: #333; margin: 0 0 10px; }
.icase .item2 p { line-height: 30px; color: #999; }
.icase .item2:hover { background: #5c0990; border-color: #5c0990; }
.icase .item2:hover p,
.icase .item2:hover a { color: #fff; }
.icase .item2:hover img { transform: scale(1.1, 1.1); }
.icase .more { text-align: center; width: 100%; }
.icase .more a { display: block; margin: 0 auto; width: 185px; height: 50px; line-height: 50px;   
  background: url(../images/tip.png) left -200px no-repeat; overflow: hidden; text-indent: -99em; }
.icase .more a:hover{   transform:translateX(-4px);}

.iabout { background: url(../images/iabout.jpg) center top no-repeat #fff; }
.iabout .ihead h2 { color: #fff; }
.iabout .ihead p { color: #ddd; }
.iabout .main { margin: 0 0 40px; }
.iabout .main p { text-transform: uppercase;color: #fff; height: 152px;}
.iabout .main p a{color: #fff;}
.iabout .classy { width: 106%; padding: 0 0 75px; overflow: hidden;margin-top: 22px; }
.iabout .classy li { float: left; width: 288px; border: 1px solid #fff; margin-right: 18px; }
.iabout .classy label { display: block; overflow: hidden; cursor: pointer; }
.iabout .classy img { display: block; width: 100%; height: 216px ; }
.iabout .classy h3 { line-height: 60px; font-size: 18px; font-weight: normal; color: #333; text-align: center; }
.iabout .classy a { display: block; }
.iabout .classy li:hover { background: #5c0990; border-color: #5c0990; }
.iabout .classy li:hover a { color: #fff; }
.iabout .classy li:hover img { transform: scale(1.1, 1.1); }
.iabout .zi{   font-size: 18px;line-height: 2.2;color: #121111; }
.iabout a.detail{display: block;width: 72px;height: 72px;background-position: center -200px;margin: 0 auto;margin-top: 60px;}
.iabout a.detail:hover{ -webkit-transform:translateX(-6px);
  transform:translateX(-6px);}
.iabout ul.liu{width: 107%;}
.iabout .liu li{float: left;width: 300px; text-align: center;padding-bottom: 60px;
background: url(../images/iabout_icon.png) 120px bottom no-repeat;}
.iabout .liu li b{font-size: 50px;font-family: 'ArialMT';color: #fff;font-weight: 400;
line-height: 1;}
.iabout .liu li b em{font-style: normal;font-size: 22px;}
.iabout .liu  li p{font-size: 16px;color: #fff;}

.iabout .liu li+li{ background-position: -180px bottom;}
.iabout .liu li+li+li{ background-position: -480px bottom;}
.iabout .liu li+li+li+li{ background-position: -780px bottom;}

.inews {   padding: 0 0 30px; } 
.inews .main { width: 100%;   position: relative; overflow: hidden; }
.inews .list { width: 104%; overflow: hidden; }
.inews li{  height: 183px;width: 587px; float: left;position: relative;
margin: 30px 30px 30px 0;}
.inews li img{width: 244px;height: 183px;float: left;display: block; margin-right: 10px;}
.inews li h3{font-size: 14px;float: right;width: 320px;font-weight: normal;}
.inews li h3 a>span{ display: block;font-size: 18px;color: #0b090c;  }
.inews li h3 a{ color: #666; display: block;   font-size: 14px;}
.inews li p{font-size: 14px;color: #666; } 
.inews li .data{color: #999;line-height: 40px;}
.inews li .mo{width: 110px;height: 34px;line-height: 34px;margin-top: 14px;background-position: left -600px;}

.inews li.one{ width: 1200px;height: 310px;border-bottom: 1px dashed #dfdfdf;margin-bottom: 10px;
padding-bottom: 40px;}
.inews li.one .img{width: 600px;height: 310px;float: left;overflow: hidden;}
.inews li.one img{width: 600px;height: 450px;margin-top: -20px;}
.inews li.one h3{ width: 568px;}
.inews li.one h3 a>span{font-size: 20px;font-weight: bold;}
.inews li.one .data span{padding-left: 40px;font-size: 16px;color: #999;display: inline-block;
margin-right: 36px;background-position: left -288px;}
.inews li.one .data span.ihits{background-position: left -390px;}
.inews li.one .mo{width: 185px;height: 50px;line-height: 50px; background-position: left -500px;}
.inews li:hover img{transform: scale(1.1, 1.1); transition: all .5s ease; }
    
.inews li label { position: absolute; left: 0; top: 0; height: 100%; overflow: hidden; }

.icontact { background: #191919; padding: 0 0 50px; }
.icontact .ihead h2 { color: #fff; }
.icontact .rcode { color: #a9a9a9; }
.logo_b{ max-width: 126px;min-width: 100px;height: 50px; margin-bottom: 20px;  }
.logo_b img{ max-width: 126px;/*height: 74px;*/display: block;/*margin: 0 auto;*/}

.icontact .rcode li { float: left; width: 120px; margin: 0 20px 0 0; }
.icontact .rcode li>img { width: 120px; height: 120px; }
.icontact .rcode h3 { font-weight: normal; line-height: 30px; text-align: center; }
.icontact .info { float: left; width: 204px; margin: 0 0 0 80px; }
.icontact .info h2 { line-height: 40px; font-size: 24px; color: #fff;border-bottom: 1px solid #333235;
  padding-bottom: 4px;
background-position: right -656px;}
.icontact .info p { color: #a9a9a9; }

.nav_b{width: 100px!important;}
.nav_b h2{font-size: 16px!important;font-weight: normal;}
.nav_b a{color: #a9a9a9;line-height: 34px;display: block;text-align: center;}

.iformer { padding: 0 0 0 800px; }
.iformer .row { position: relative;padding-left: 90px; }
.iformer label { position: absolute; left: 0; top: 0; color: #a9a9a9; line-height: 50px; }
.iformer .txt { width: 280px; height: 50px; line-height: 50px; background: none; /* padding: 0 0 0 90px; */ border: 0; border-bottom: 1px solid #454545; color: #a9a9a9; }
.iformer .row2 { padding: 30px 0 0; }
.iformer .submit { width: 124px; height: 36px; background: url(../images/tip.png) left -600px no-repeat; border: 1px solid #454545; cursor: pointer; }

.bottomer { background: #121212; height: 40px; padding: 15px 0; border-top: 1px solid #454545; }
.copyright { line-height: 40px; color: #a9a9a9; }
.copyright a { color: #a9a9a9; }

.sublink { position: absolute; right: 0; top: 0; }
.sublink h2 {width: 70px;height: 36px; padding: 0 30px 0 20px; line-height: 36px; border: 1px solid #454545; color: #9b9b9b;
  border-radius: 20px; background: url(../images/tip.png) -290px -768px no-repeat; cursor: pointer;font-weight: normal; }
.sublink .drop { position: absolute; left: 0; right: 0; bottom: 40px; display: none; }
.sublink dd { line-height: 38px; background: #121212; border: 1px solid #454545; color: #9b9b9b; text-align: center; margin-bottom: -1px; }
.sublink a { display: block; color: #9b9b9b; }
.sublink a:hover { background: #454545; }

.toolbar { position:fixed; top:300px; right:1px; z-index:100; }
.toolbar > * { width:60px; height:60px; position:relative; background:#262626; margin:0 0 2px; }
.toolbar > *.itop { background:#262626; }
.toolbar > *:first-child { border-top:0; }
.toolbar > * > a { display:block; width:60px; height:60px; text-align:center; color:#FFF; background:url(../images/toolbar-icon.png) center 0 no-repeat; }
.toolbar .qq a { background-position:center 0; }
.toolbar .qiao a { background-position:center -60px; }
.toolbar .tel a { background-position:center -120px; }
.toolbar .code a { background-position:center -180px; }
.toolbar .itop a { background-position:center -240px; }
.toolbar > * > a:hover { background-color: #5c0990; }
.toolbar .drop-code { position:absolute; bottom:0; right:62px; background:#5c0990; padding:5px; font-size:12px; text-align:center; color:#fff; box-shadow:0 0 1px rgba(0,0,0,.2); width:145px; display:none; }
.toolbar .drop-code img { display:block; width:145px; height:145px; }
.toolbar .drop-code h3 { font-weight:normal; }
.toolbar .drop-tel { position:absolute; top:0; right:62px; width:162px; overflow:hidden;width: 0; }
.toolbar .drop-tel p { width:152px; height:60px; line-height:60px; padding:0 0 0 10px; background:#5c0990; color:#FFF; font-size:20px; }

.toolbar .qq:hover,
.toolbar .qiao:hover,
.toolbar .tel:hover,
.toolbar .code:hover { background-color:#5c0990; }
.toolbar .itop:hover { background-color:#5c0990; }







/******************************
 ** 内页架构
 ** 上下式
 ******************************/
.wrapper { width: 1200px; margin: 0 auto; position: relative; padding: 0 0 50px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABLAAAAABAQMAAAD0NsVPAAAABlBMVEUAAAD09PTdqnB/AAAAAXRSTlMAQObYZgAAABBJREFUCNdj+E8AfGAYCAAAL2Yg0SwX6GIAAAAASUVORK5CYII=) center center repeat-y; }
.sidebar { float: left; width: 220px; height: auto; padding: 20px; background: #f4f4f4; }
.container { margin: 0 0 0 300px; }

.location { position: relative; height: 54px; line-height: 54px; margin: 0 0 20px; border-bottom: 1px dashed #999; }
.location .head h2 { display: inline-block; +display: inline; +zoom: 1; vertical-align: middle; font-size: 20px; font-weight: normal; }
.location .head h3 { display: none; }
.location .path { position: absolute; right: 0; top: 0;  font-size: 15px;  }

.side-menuer { margin: 0 0 20px;  }
.topclass { padding: 0 0 20px; color: #333; border-bottom: 2px solid #ddd; text-align: center; }
.topclass h2 { line-height: 30px; font-size: 24px; margin: 0 0 5px; }
.topclass h3 { line-height: 20px; text-transform: uppercase; font-weight: normal;  }
.side-menu { padding: 20px 0 0; }
.side-menu dd > a { display: block; padding: 0 20px; margin: 0 0 10px; line-height: 40px; font-size: 16px; background:  #e9e9e9; color: #666; }
.side-menu .drop { overflow: hidden; margin: 0 0 15px; display:none; }
.side-menu .drop li { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACAQMAAABIeJ9nAAAAA1BMVEVxcXHjbzagAAAACklEQVQI12MAAgAABAABINItbwAAAABJRU5ErkJggg==) 10px center no-repeat; }
.side-menu .drop a { display: block; padding: 0 0 0 25px; height: 24px; line-height: 24px; color: #999; }
.side-menu .drop a: hover { color: #e43b48; }
.side-menu dd > a:hover { background: #ddd; }
.side-menu dd.current > a { background:  #5c0990; color: #fff;  }
.side-menu dd.current .drop { display: block; }
.side-menu li.current > a { color: #5c0990; }

.side-con { }
.side-con .info { line-height: 24px; text-align: justify; }