@charset "utf-8";

html{height:100%;padding:0;margin:0; overflow-x:hidden}
body{width:100%;font:12px;font-family:"Microsoft Yahei";}
.clr{line-height:0;height:0;clear:both;font-size:0;overflow:hidden}
.clearfix:after{display:block;height:0;visibility:hidden;clear:both;content:"."}
.w1420{min-width:1200px;width:1200px;margin:0 auto}
a,b,button,em,h1,h2,h3,h4,h5,h6,html,i,input,li,p,select,strong,textarea,ul{font-family:"Microsoft Yahei"}
.header{position:absolute; top:0; width:100%; left:0; z-index:1111; border-bottom:1px solid #54473a;}
.header.fixed{ background:#0f0c08;position:fixed}
a{color:#333;
    text-decoration: none;
}
.hide{display:none}
@font-face {
    font-family: 'AngsanaNew';
    src: url('../fonts/AngsanaNew.eot');
    src: local('AngsanaNew Regular'),
    local('AngsanaNew'),
    url('../fonts/AngsanaNew.woff') format('woff'),
    url('../fonts/AngsanaNew.ttf') format('truetype'),
    url('../fonts/AngsanaNew.svg#AngsanaNew') format('svg');
}






li,ul{list-style:none}
.header div.w_left{height:auto;position:relative; width:1200px; margin:0 auto}
.header_top{ background:#00337d; height:38px; color:#b8bfd1;}
header .logo{ float:left;width:211px;z-index:1; font-size:18px; color:#73b2f3; margin-top:24px; margin-right:40px;}
#navbar{position:fixed;width:266px;left:0;top:0}
header .logo,nav{-webkit-transition:all .6s ease-in-out}
.more_ner{ text-align:center; color:#fff;width:150px; font-size:14px; height:38px; line-height:38px; border:1px solid #fff; border-radius:30px; background:url(../img/home/btn1.png) no-repeat 108px center; display:block; margin:60px 0;-webkit-transition: background-color .2s ease-in-out, top .2s ease-in-out;-o-transition: background-color .2s ease-in-out, top .2s ease-in-out;-moz-transition: background-color .2s ease-in-out, top .2s ease-in-out;transition:all .6s;-webkit-transition:all .6s;
}
.more_ner:hover{ background:#2d68d4 url(../img/home/btn1.png) no-repeat 128px center; border:1px solid #2d68d4; color:#fff;-webkit-transition:all .6s;transition:all .6s}
.home_cicle li .top_cic .cic {
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 120px; background:url(../img/cic.png) no-repeat;
}
.tit_box h1.news_tit{ text-align:center; font-weight:normal; font-size:30px; line-height:40px;}
.top_nav a{ color:#c3c9d8; float:left;line-height:38px;height:38px;}
.top_nav a:hover{ color:#fff}
.top_nav span{float:left; background:#335c97;height:8px;width:1px;margin:16px 18px;line-height:14px}
.header{  clear:both}
.others_icon{float:right;}
.others_icon span{float:left; background:#335c97;height:8px;width:1px;margin:16px 8px;line-height:14px}
.others_icon a.chinese_lan{color:#dde0e9;line-height:38px;height:38px;display:block;float:left}
.others_icon a.chinese_lan:hover{color:#fff}
.others_icon a.en_lan{font-size:11px;color:#dde0e9;line-height:38px;height:38px;display:block;float:left; font-family:"Arial"}
.others_icon a.en_lan:hover{color:#fff}
.bj272727{ background:#272727}
.header .form{ position:relative;  z-index:12}
.tel_com{ color:#999; font-size:13px; background:url(../img/tel.png) no-repeat left center; padding-left:28px; float:left; line-height:18px}
nav{ text-align:center; width:676px;  height:54px; line-height:54px; float:right; margin-top:20px; }
nav ul li.last{ margin-right:0}
.tabs,nav ul{list-style:none;text-align:center;margin:0 auto; }
nav ul,nav ul li ul li{text-align:center}
nav ul li{text-transform:uppercase;display:inline-block; padding:0 30px}
nav ul li{position:relative}
footer .pd,footer ul li,nav ul li{vertical-align:middle}
nav ul li{line-height:56px;height:56px; }
nav ul li a{color:#a4a4a5;}
nav ul li.on a{ font-size:16px; color:#f3c286; }

header{max-width:1920px;width:100%;z-index:100;}
nav ul li{float:left}
header.fixed nav ul li ul,nav ul li a{font-size:16px;}
nav ul li:hover a{ color:#f3c286;}
#navbar{-webkit-transition:all .6s ease-in-out}
header .header{z-index:2;/*position:absolute top:0; left:0;*/ width:100%; }

.logo{ margin:16px auto 13px auto; width:147px; display:block}
.btn_menu{ width:32px; height:22px; position:absolute; left:38px; top:29px; cursor:pointer}
.right_links .fl{ color:#e0c089; font-size:13px; margin-top:33px;}
.right_links .fl p{ float:left; line-height:22px; margin-right:24px}
.right_links .fl a{ width:22px; height:17px; margin-right:24px; float:left; display:inline-block; margin-bottom:0}
.right_links .jiathis_style_24x24 { position:relative ;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    background: none;
    padding: 0;
}

nav ul li span{  height:12px; width:1px; background:#3f3325; position:absolute; top:21px; right:0;}
nav ul li.last span{ background:none}
.right_links .search{ padding:28px 38px; border-left:1px solid #323131}
/*导航1end*/
.device { width:100%;position: relative; 
}
.device .btn_box{position: absolute;right: 157px;bottom: 48px;z-index: 123;}
.device .btn_box a:hover{ color:#e30613}
.device .arrow-left { float:left;
background:url(../img/left.png) no-repeat center center;width:34px; height:34px; margin-right:20px; border:1px solid #cfcfd1;border-radius:360px; -webkit-transition:all .6s;transition:all .6s
}
.device .arrow-left:hover {
  background:#fff url(../img/lefth.png) no-repeat 10px center;border-radius:360px; border:1px solid #cfcfd1;   -webkit-transition:all .6s;transition:all .6s
}
.wrap_1 .more a{ position:relative; width:120px; margin:0 auto; padding:0}
.wrap_1 a:hover i{-webkit-transition:all .6s;transition:all .6s; margin-right:-5px;}
.device .arrow-right { float:left;
 background:url(../img/right.png) no-repeat center center; width:34px; height:34px; border:1px solid #cfcfd1;border-radius:360px;    -webkit-transition:all .6s;transition:all .6s;
    /* margin-top: 48px; */
}
.device .arrow-right:hover {
    background:#fff url(../img/righth.png) no-repeat 18px center; border-radius:360px; border:1px solid #cfcfd1;    -webkit-transition:all .6s;transition:all .6s
    /* margin-top: 48px; */
}
.bannertxt{ position:relative; margin-top:225px; width:1200px; margin:255px auto 0 auto; color:#f3c286; text-align:center}
.bannertxt div{line-height:28px;}
.bannertxt p{ margin-bottom:30px; position:relative; top:-10px}
.bannertxt .txt1{ font-size:64px; line-height:70px;}
.bannertxt .txt2{ font-size:33px; line-height:34px;}
.bannertxt .txt3{ font-size:16px}
.bannertxt a.go{ border:1px solid #554538; font-size:13px; width:180px; height:40px; line-height:40px; text-align:center; color:#f3c286; margin:0 auto; position:relative}
.bannertxt a.go span{    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: #d09854;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;}
.bannertxt a.go b { position:relative; z-index:22; height:100%; font-weight:normal}
.bannertxt a.go:hover b{ color:#fff}
.bannertxt a.go:hover span{ height:100%;}
span.on{background:none; padding-right:0}
.more_link{ position:absolute; top:0; left:0; color:#fff}
.swiper-container .bannertxt {    width: 810px;
    margin: 0 auto 0 auto;
    position: absolute;
    margin-left: -555px;
    left: 50%;}
.swiper-container { 
  height: 710px;
}
.banner_top{ height:auto;background:#040404;}
.wrap_con_in{ padding-top:60px; padding-bottom:100px}
/*footer{ position:relative; background:#292828 url(../img/bbj.png) left bottom no-repeat; padding-top:60px; z-index:51; box-shadow:0 0 50px #f4f4f4}*/
.bj_f5{ width:142px; position:absolute; left:0; top:0; height:100%; background:#fff; z-index:12}
.w100 {
    width: 1200px;
    margin: 0 auto;
}
div.footer{
    background:#040404;
    padding:20px 0;
}
footer .menu {
    width: 100%;
    position: relative;
    z-index: 1;
}
footer .menu li {
    width: 84px;
    margin-right: 28px;
    margin-bottom: 20px; float:left;
}
footer .foot_fix_r{ position:absolute; right:0; top:0; width:300px;}
footer .foot_fix_r p{color:#8c8c8c; font-size:14px}
footer .foot_fix_r .sec-list{ margin-bottom:13px;}
.bot-cont{ position:relative; }
.bot-cont div{ padding-top:30px; padding-bottom:10px;}
.bot-cont .blogo{ width:270px; background:#292828 ; position:absolute; left:50%; margin-left:-135px; margin-top:-50px}
footer .foot_fix_r p.tit{ color: #f8f8f8;    line-height: 26px;
    font-size: 18px;
    margin-bottom: 20px;}
footer .foot_fix_r .share_bottom { font-size:16px; color:#929191;}
footer .menu .tit {
    line-height: 26px;
    font-size: 18px;
    margin-bottom: 20px;
}
footer .menu .tit a {
    color: #f8f8f8; 
    display: inline-block;
}
footer .menu .sec-list { margin-bottom:22px;
    line-height: 22px;
    margin-top: 5px;
}
footer .menu .sec-list a {
    display: inline-block;
    color: #a6a6a6;
}
footer .menu .sec-list p {
    margin-bottom: 10px;
    font-size: 13px;
}
footer .menu .sec-list a:hover{ color:#db2e15}
.main-cont{ position:relative}
.ewm-box {   text-align:center; font-size:16px; color:#929191; line-height:40px; background:#fff;}
.ewm-box .up-cont{ width:120px; height:120px; text-align:center; font-size:16px; color:#929191; line-height:40px; background:#fff;}
.ewm-box img{ margin-bottom:18px}
.f5_bj{ width:6%; position:absolute; right:0; top:0; height:100%; background:#fff; z-index:12}
footer .main-link {
    padding: 14px 0;
    border-top: 1px solid #f2f2f2;
    position: relative;
}
footer .main-link .tit {
    font-size: 14px;
    line-height: 24px;
    color: #666;
}
footer .main-link .box {
    width: 92%;color: #999;
}
footer .main-link a {
    padding: 0 0.9%;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    transition: color 0.3s;
}
footer .bot-cont {
    line-height: 40px;
    border-top: 1px solid #3f3e3e;
    color: #585757;
    text-align: left; font-size:13px
}
footer .menu li.ewm_li{ width:120px; margin-left:30px; margin-right:78px}
footer .menu .sec-list p{ color:#8c8c8c; font-size:14px}
footer .bot-cont a{ color:#585757}
footer .main-link a:hover,footer .bot-cont a:hover{ color:#da251c}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
}
.pagination {
  text-align: center;
  width: auto;
}
.pagination a{
    display:block;

}
.swiper-pagination-switch { font-size:20px;
  display: inline-block;
  width: ;
  height: ;
  margin: 0 13px;
  cursor: pointer; color:#333; font-weight:700;
}
.swiper-active-switch {
  color: #e30613;
}

.anime-1 .wrap-2 .more{-webkit-animation: shu1 0.5s linear 1.2s 1 backwards;
    animation: shu1 0.5s linear 1.2s 1 backwards;
    opacity: 1;}
.wrap-3 .img_bj{ opacity:0}
.anime-1 .wrap-3 .img_bj{
    opacity: 1;}

.wrap-3 .img_bj .bj_l {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    background: rgba(149,149,149,1);
    z-index: 1;
}
.wrap-3 .img_bj .bj_r {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    background: rgba(51,51,51,1);
}
.index-main{width:100%;max-width:1920px;height:722px;margin:-4px auto 0;position:relative}

.down_home{ position:absolute; bottom:0; right:271px; width:20px; height:62px;}

b,i{ font-style:normal; font-weight:normal}
.home_cicle{
    overflow: hidden;
    margin-top: 46px;}
.logo1_left{ position:absolute; left:-200px; top:-182px; width:614px; height:614px}
.line_box{ position:relative; background:#ffffea}
.line_bottom{ position:absolute; background:#717071; height:1px; width:100%; left:0; bottom:0; border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; z-index:12}
.line_box .wrap-2 .w1200{ position:relative; width:1200px; left:50%; margin-left:-600px; top:50px; height:100%}

.line_box .wrap-3 .w1200{ position:relative; width:1200px; left:50%; margin-left:-600px; top:76px; height:100%}


.wrap_3 .wrap-3 .right .con{ position:absolute; right:0; top:58px; width:600px; color:#fff;}
.wrap_3 .wrap-3 .right .con h1{    font-size: 36px;
    text-transform: uppercase;
    line-height: 44px;
    margin-bottom: 8px;}
.wrap_3 .wrap-3 .right .con p{    font-size: 24px;
    color: #fff;
    margin-bottom: 42px;
}
.wrap_3 .wrap-3 .right .con .others a {
    font-size: 18px;
    color: #fff;
    text-align: left;
    padding-left: 16px;
    background: url(../img/home/doit.png) no-repeat left center;
    display: block;
    line-height: 20px;
    margin-bottom: 26px;
}
.wrap_3 .wrap-3 .right .con .others a:hover{ text-decoration:underline}
.book{ position:absolute; width:89px; height:68px; top:-40px; right:453px;}
.book{-webkit-animation: book 1.5s linear 1 backwards;
    animation: book 1.5s linear 1 backwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;}
h1.t1 {
    font-size: 48px;
    color: #fff;
    line-height: 38px; text-align:center; text-transform:uppercase; margin-bottom:26px; 
}
.tit_ch {
    display: block; text-align:center;
    font-size: 30px;
    color: #fff;
    line-height:32px;
    font-weight: normal; text-transform:uppercase;background:url(../img/home/bl.png) no-repeat center center
}
.wrap-2 .w1200{ position:relative; z-index:2}
.links_bottom a{ font-size:18px; color:#fff; text-align:left; padding-left:16px; background:url(../img/home/doit.png) no-repeat left center; display:block; line-height:20px; margin-bottom:26px;}
.links_bottom a:hover{ text-decoration:underline}
.cic_right{ position:absolute; right:0; top:8px; width:726px; height:479px;}
.cic_right span{ position:relative; z-index:1}
.con_1{     position: absolute;
    right: 17px;
    top: 26px;
    width: 432px;
    height: 432px;
    border-radius: 360px; border:5px solid #fff;}
.con_1 img{ border-radius: 360px; width:100%; height:100%}

.con_2{       position: absolute;
    right: 460px;
    top: 74px;
    width: 128px;
    height: 128px;
    border-radius: 360px;border:5px solid #fff;}
.con_2 img{ border-radius: 360px; width:100%; height:100%}


.con_3{     position: absolute;
    right: 464px;
    top: 215px;
    width: 258px;
    height: 258px;
    border-radius: 360px;border:5px solid #fff;}
.con_3 img{ border-radius: 360px; width:100%; height:100%}



.edu_919{ width:980px; background:url(../img/home/left.png) no-repeat; height:499px; }
.con_1{ }
.edu_919 .box{ padding:66px; color:#fff;}
.edu_919 .box .h1{     font-size: 36px;
    text-transform: uppercase;
    line-height: 44px;
    margin-bottom: 8px;
}
.edu_919 .box p{ font-size:24px; color:#fff; margin-bottom:42px;}
.anime_1{ position:relative; height:62px;margin-bottom:50px;}
.anime_1 b{ width:188px; height:2px; background:url(../img/home/tit.png) no-repeat; position:absolute;  top:30%; left:50%; margin-left:-94px;}
.line_box .line1{ position:absolute; top:-292px;width:71px;  height:1898px; left:-34px;}
.line_box .line2{ position:absolute; top:-292px; width:72px;  height:1898px; right:-34px;}

.line_box .line3{ position:absolute; top:-292px;width:71px;  height:1600px; left:-34px;}
.line_box .line4{ position:absolute; top:-292px; width:72px;  height:1600px; right:-20px;}
.line_box .line4 img,.line_box .line3 img{ height:100%}
.line_box .about_img{ position:absolute; top:216px; width:516px;  height:120px; left:-296px;}
.left_bar_bj{ background:url(../img/rightbj.png) repeat-y; position:absolute; top:0;  height:100%; width:50px; left:-48px; z-index:1}


.wrap_2 .icon_left{ width:416px; height:432px; position:absolute; left:0;  bottom:0}
.wrap_2 .icon_right{ width:592px; height:438px; position:absolute; right:0;  bottom:20px}
.wrap_2 { overflow:hidden; padding-bottom:140px;background:#040404;}
.wrap_1{ width:100%; position:relative; padding-top:116px;  padding-bottom:155px; z-index:11; background:url(../img/home/yy1.png) no-repeat center center}
.bjtop{    background: url(../img/home/bj1.png) no-repeat left top;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;}
.wrap_1 .w100{ position:absolute; width:1200px; margin-left:-600px; top:0%; left:50%; height:687px;}
.wrap_in_box h1{ font-size:44px; line-height:44px; text-align:center; color:#333333;}
.wrap-1_in .bottom_con{ color:#bf9665;  text-align:left; width:700px;}
.wrap-1_in .bottom_con h1{color:#bf9665; font-size:38px; line-height:38px; font-weight:700;margin-bottom:24px;}
.wrap-1_in .bottom_con span{ font-size:20px; line-height:20px; padding-left:54px;margin-bottom:24px;}
.wrap-1_in .bottom_con p{ font-size:36px; line-height:36px;}



.yuan4{-webkit-animation: shu 3s linear 1 backwards;
    animation: shu 3s linear 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;}
.yuan5{-webkit-animation: shu1 2s linear 1 backwards;
    animation: shu1 2s linear 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;}

.yuan6{-webkit-animation: shu 1s linear 1 backwards;
    animation: shu 1s linear 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;}

.yuan7 div:first-child{-webkit-animation: fadeIn 1.5s linear 1 backwards;
    animation: fadeIn 1.5s linear 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;}
.yuan7 div:last-child{-webkit-animation: fadeIn 1.5s linear 0.5s 1 backwards;
    animation: fadeIn 1.5s linear 0.5s 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;}

.yuan8{-webkit-animation: up1 0.5s linear 1 backwards;
    animation: up1 0.5s linear 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;}

.yuan4{    position: absolute;
    width: 63px;
    height: 63px;
    left: 481px;
    top: 199px;
    z-index: 11;}
.yuan5{     position: absolute;
    width: 73px;
    height: 73px;
    left: 650px;
    top: 19px;
    z-index: 11;}
.yuan6{  position: absolute;
    width: 44px;
    height: 44px;
    left: 400px;
    bottom: 84px;
    z-index: 11;}
.yuan7{    position: absolute;
    width: 123px;
    height: 123px;
    left: -178px;
    top: 228px;
    z-index: 11;}
.yuan7 div{position: absolute;
    width: 123px;
    height: 123px;
    left: 0;
    top: 0;
    z-index: 11;}
.yuan8{     position: absolute;
    width: 27px;
    height: 27px;
    right: 156px;
    top: 12px;
    z-index: 11;}
	
.wrap-1{ text-align:center; margin:0 auto; position:relative; z-index:111; padding-bottom:50px;}
/*.mw_slide{width:558px; height:80px; margin-left:auto; margin-right:auto; overflow:hidden; position:relative;}
.mw_slide_inner{width:2000px; margin:0; padding:0; position:absolute; list-style-type:none;}
.mw_slide_list{width:140px; float:left;}
*/
.wrap_22{background:  url(../img/home/bj2.jpg) no-repeat top center; background-size:100% 100%; overflow:hidden; }
.wrap-3{ background:#070402 }
.mg_43{ margin-top:506px;}
.wrap-2{ background:#070402 url(../img/home/bj1.jpg) no-repeat center center; background-size:100% auto; }
.img3{ width:91px; height:419px; margin:0 auto 88px auto; opacity:0}
.ani_2 .img3{    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
    opacity: 1;
}
.wrap_2_con .first,.wrap_2_con .two,.wrap_2_con .three{opacity:0}
.ani_2 .con_left .first{-webkit-animation: shu1 0.5s linear 1 backwards;
    animation: shu1 0.5s linear 1 backwards;
    opacity: 1;}
.ani_2 .con_left .two{-webkit-animation: shu1 0.5s linear 0.5s 1 backwards;
    animation: shu1 0.5s linear 0.5s 1 backwards;
    opacity: 1;}
.ani_2 .con_left .three{-webkit-animation: shu1 0.5s linear 1s 1 backwards;
    animation: shu1 0.5s linear 1s 1 backwards;
    opacity: 1;}
.ani_2 .con_left a{-webkit-animation: up1 0.5s linear 1.5s 1 backwards;
    animation: up1 0.5s linear 1.5s 1 backwards;
    opacity: 1;}

.ani_2 .con_right .first{-webkit-animation: shu1 0.5s linear 1 backwards;
    animation: shu1 0.5s linear 1 backwards;
    opacity: 1;}
.ani_2 .con_right .two{-webkit-animation: shu1 0.5s linear 0.5s 1 backwards;
    animation: shu1 0.5s linear 0.5s 1 backwards;
    opacity: 1;}
.ani_2 .con_right .three{-webkit-animation: shu1 0.5s linear 1s 1 backwards;
    animation: shu1 0.5s linear 1s 1 backwards;
    opacity: 1;}
.ani_2 .con_right a{-webkit-animation: up1 0.5s linear 1.5s 1 backwards;
    animation: up1 0.5s linear 1.5s 1 backwards;
    opacity: 1;}	
.wu{ width:100%}
.marg_img{ margin-bottom:28px; text-align:center}
.wrap-1 .img_box .left .left1{ text-align:left}
.wrap-1 .img_box .left .left2{ padding-left:42px; text-align:left; font-size:15px; line-height:24px; color:#a39485}
.wrap-1 .img_box .right{}
.wrap_1{ 
    overflow:hidden;
    background:#040404;
}
@-moz-document url-prefix(http://),url-prefix(https://) {   
    /* 滚动条颜色 */  
    scrollbar {   
       -moz-appearance: none !important;   
       background: rgb(0,255,0) !important;   
    }   
    /* 滚动条按钮颜色 */  
    thumb,scrollbarbutton {   
       -moz-appearance: none !important;   
       background-color: rgb(0,0,255) !important;   
    }   
    /* 鼠标悬停时按钮颜色 */  
      
    thumb:hover,scrollbarbutton:hover {   
       -moz-appearance: none !important;   
       background-color: rgb(255,0,0) !important;   
    }   
    /* 隐藏上下箭头 */  
    scrollbarbutton {   
       display: none !important;   
    }   
    /* 纵向滚动条宽度 */  
    scrollbar[orient="vertical"] {   
      min-width: 15px !important;   
    }   
}
.wu { 
scrollbar-face-color: #fcfcfc; 
scrollbar-highlight-color: #6c6c90; 
scrollbar-shadow-color: #fcfcfc; 
scrollbar-3dlight-color: #fcfcfc; 
scrollbar-arrow-color: #240024; 
scrollbar-track-color: #fcfcfc; 
scrollbar-darkshadow-color: #48486c; 
scrollbar-base-color: #fcfcfc 
}

	
.wrap_2_con a,.con_wrp3 h1,.con_wrp3 p,.blogo{ }
.ani{ position:relative; top:-10px}
.wrap-5 .tit_1{ margin-bottom:130px}
.wrap_2_con{ width:940px; text-align:left}
.wrap_2_con .first{ color:#6a5846; font-size:55px; line-height:55px;}
.wrap_2_con .two{  color:#dfbc9b; font-size:48px; line-height:48px;}
.wrap_2_con .three{ color:#eed9c4; font-size:16px; line-height:26px; margin-bottom:66px;}
.wrap_2_con a{ color:#f5ece3; font-size:14px; border:1px solid #cdab8a; line-height:40px; height:40px; width:140px; border-right:none; border-left:none; display:inline-block; text-align:center}
.wrap-1 .anime_2{ width:322px; margin-right:38px; float:left; text-align:left;}	
.wrap-1 .anime_2 h1{ margin-bottom:20px;}
.wrap-1 .anime_2 p{ margin-bottom:30px; color:#333; line-height:30px; font-size:14px; opacity:0.8; margin-bottom:116px}
.wrap-1 .anime_3{ width:402px; margin-right:0; float:left; text-align:left;  height:393px; overflow:hidden}	
.wrap-1 .anime_3 div{ position:relative; overflow:hidden;    height: 393px;}
.wrap-1 .anime_3 div span{ position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer}
.wrap-1 .left{ width:420px;
    float: left;}
.wrap-1 .lineb{ background:url(../img/home/line1.png) no-repeat; width:803px; height:78px; text-align:center;}
.wrap-1 .lineb p{color:#d1beab; font-size:18px; text-align:center; display:inline-block; position:relative; padding:16px 22px}
.wrap-1 .lineb b{ background:url(../img/home/ju.png) no-repeat center center; width:100%; height:1px; position:absolute; right:0; top:50%;}

.wrap-1 .ty1{ width:731px; height:100px; position:absolute; bottom:0; left:33px;}
.wrap-1 .ty2{ width:403px; height:92px; position:absolute; bottom:0; right:33px;}
.right_video{ background:#fff}
.wrap_left_bottom .left_l{width:194px; height:133px; float:left; margin-right:22px; overflow:hidden;border-radius:10px;}
.right_video p{ line-height:50px; height:50px; color:#666; font-size:14px; text-align:center; border:1px solid #f1f1f1; border-top:none}
.wrap_left_bottom .left_l img{margin: 0 auto;
    display: block;
    width: 194px;
    height: 133px; border-radius:10px;transition: transform 0.6s;}
.wrap_left_bottom .left_l img:hover{transform:scale(1.2,1.2);transition:transform 0.6s linear 0}	
.yuan11{    position: absolute;
    width: 604px;
    height: 604px;
    left: -350px;
    top: -297px;
    z-index: 11;}
.yuan22{ position: absolute;
    width: 341px;
    height: 388px;
    right: -122px;
    top: -130px;
    z-index: 1;}
.yuan33{ position:absolute; width:609px;  height:609px; right:-302px; bottom:0}
.yuan44{ position:absolute; width:480px;  height:480px; left:-302px; bottom:0}

.bar_nav{ text-align:left; color:#fff; float:left; width:250px; border-radius:20px ; box-shadow:0 0 20px #aaa}
.bar_nav li.last{border-radius:0 0 20px 20px}
.bar_nav li.last:hover,.bar_nav li.last.on{border-radius:0 0 20px 20px}

.bar_nav h1{ font-size:28px; color:#fff; padding-left:30px; height:80px; line-height:80px; background:url(../img/menutop.png) no-repeat left center; border-radius:20px 20px 0 0; font-weight:700; position:relative}
.bar_nav h1 em{ background:url(../img/book.png) no-repeat; width:60px; height:47px; position:absolute; top:18px;right:-20px}	
.bar_nav li{ background:#fffffe; line-height:60px; height:60px; float:left; width:100%}
.bar_nav li a{ display:block; height:100%}
.bar_nav li a em{ position:absolute; width:23px; height:23px; background:url(../img/li.png) no-repeat center center; right:30px; top:20px;}
.bar_nav li.on a em,.bar_nav li:hover a em,.bar_nav li a:hover em{ position:absolute; width:23px; height:23px; background:url(../img/hd.png) no-repeat center center; right:30px; top:20px;}

.bar_nav li a{ position:relative; color:#666; font-size:14px; padding-left:30px; display:block;-webkit-transition: none;
    -o-transition: none;
    -moz-transition:none;}
.bar_nav li:hover a,.bar_nav li a:hover,.bar_nav li.on a{ color:#fff; background:url(../img/menutop.png) no-repeat left center;}
.bar_nav li.last:hover a,.bar_nav li.last a:hover,.bar_nav li.last.on a{ color:#fff; background:url(../img/menutop.png) no-repeat left center;border-radius:0 0 20px 20px}
.box_in_page { position:relative}
.right_con{ box-shadow:0 0 20px #ccc; background:url(../img/bj.png) repeat; border-radius:30px; float:left; width:910px; margin-left:40px; }
.top_right_nav a,.top_right_nav{ font-size:14px; color:#666;}
.top_right_nav a.on,.top_right_nav a:hover{ color:#da251c}
.top_title{ position:relative;border-bottom:1px solid #f1f1f1; padding-bottom:20px; margin-bottom:34px;}
.top_right_nav{ position:absolute; top:0;right:0; background:url(../img/loc.png) no-repeat left center; padding-left:30px}
.top_title h1{ font-size:18px; color:#da251c; font-weight:700; }
.cic_about p{ float:left; width:223px; height:223px; margin-right:50px; position:relative}
.cic_about p i{ position:absolute; bottom:56px; left:0; text-align:center; width:100%; font-size:16px; color:#fff; font-weight:700}
.cic_about p:hover img{ box-shadow:0 0 10px #ccc; border-radius:360px}
.cic_about{ clear:both; height:223px; margin:20px 0;}
.box_in_page .cic_about img{ margin:0 auto}
.wrap-in{ position:relative; z-index:12; }
.wrap_con_in{ }
.online_list ul{ width:870px;}
.online_list li{ width:415px; float:left; margin-right:20px; margin-bottom:20px;}
.online_list li:hover{ background:#fafafa;box-shadow:0 0 20px #fafafa}
.online_list li:hover .home_bottom_bg div h1{ color:#da251c}
.online_list li .home_top_img{overflow: hidden;
    width: 415px;
    height: 240px;
    position: relative;
    z-index: 1; overflow:hidden; border-radius:5px;}
.online_list li .home_bottom_bg{width: 100%;
    font-size: 14px;
    color: #fff;
    border-radius: 0 0 5px 5px;}
.online_list li .home_bottom_bg div {
    position: relative;
    z-index: 1;
    padding: 20px 16px;
    line-height: 40px;
    font-size: 14px;
}
.online_list li .home_bottom_bg div h1 {
    font-size: 18px;
    color: #333;
    line-height: 20px;
    height: 20px;
    overflow: hidden; margin-bottom:14px;
}
.online_list li .home_bottom_bg div p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}
.online_list .home_top_img img {
    transition: transform 1s;
}
.online_list .home_top_img img:hover {
transform:scale(1.2,1.2);transition:transform 1.5s linear 0
}


.cols_list ul{ width:888px;}
.cols_list li{ width:266px; float:left; margin-right:30px; margin-bottom:30px;}
.cols_list li:hover{ background:#fafafa;box-shadow:0 0 20px #aaa}
.cols_list li:hover .home_bottom_bg div h1{ color:#da251c}
.cols_list li .home_top_img{
    width: 266px;
    height: 282px;
    position: relative;
    z-index: 1; overflow:hidden; }
.cols_list li .home_bottom_bg{width: 100%;
    font-size: 14px;
    color: #fff;}
.cols_list li .home_bottom_bg div {
    position: relative;
    z-index: 1;
    padding: 20px 16px;
    line-height: 40px;
    font-size: 14px; text-align:center; background:#fafafa
}
.cols_list li .home_bottom_bg div h1 {
    font-size: 16px;
    color: #000;
    line-height: 22px;
    height: 22px;
    overflow: hidden; margin-bottom:14px;
}
.cols_list li .home_bottom_bg div p {
    color: #666;
    font-size: 14px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
}
.cols_list .home_top_img img {
    transition: transform 1s;
}
.cols_list .home_top_img img:hover {
transform:scale(1.2,1.2);transition:transform 1.5s linear 0
}


.xianfeng_fixed{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:111}
.xianfeng_fixed .img{ margin:0 0 0 20px; width:277px; height:295px;}
.xianfeng_box ul{ width:1242px}
.xianfeng_box li{  width:276px; background:#fafafa;margin-right:30px; margin-bottom:30px; float:left; font-size:12px; color:#999}
.xianfeng_box li a{ color:#999;  display:block;}
.xianfeng_box li a p{ color:#000; font-size:16px; line-height:28px;height:28px; overflow:hidden; text-align:center; margin-bottom:15px;}
.xianfeng_box li a span{ line-height:24px; display:block;font-size:14px; color:#666; text-align:center; height:48px; overflow:hidden}
.xianfeng_box li .top img,.xianfeng_box li .top div.top{ }
.xianfeng_box li .top { width:277px; height:295px; overflow:hidden}
.xianfeng_box li .top img{transition: transform 0.6s;}
.xianfeng_box li:hover{box-shadow:0 0 10px #ccc}
.xianfeng_box li:hover a p{ color:#da1b39}
.xianfeng_box li:hover .top img{transform:scale(1.2,1.2);transition:transform 0.6s linear 0}
.xianfeng_box li .bottom{ padding:20px 12px 20px 18px; overflow:hidden; background:#fafafa;position:relative;}
.box_in_fix .hd {
    height: 30px;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
}
.box_in_fix .slideBox .hd ul {
    overflow: hidden;
    width: 60px;
    text-align: center;
    margin: 11px auto;
    zoom: 1; height:20px;
}
.box_in_fix .slideBox {
    position: relative;
}
.box_in_fix .slideBox .hd ul li { float:left;
    margin:0 2px; border-radius:360px; background:#f5f5f5;
    width: 8px;
    height:8px;
    line-height: 14px;
    text-align: center;
    cursor: pointer;
}
.box_in_fix .slideBox .hd li.on {
    background: #dc2542;
    zoom: 1;
}
.xianfeng_fixed .box{ width:702px; height:540px; margin:10% auto; background:#fff; padding:30px; font-size:14px; line-height:26px; color:#666; position:relative}
.xianfeng_fixed .box h1{ color:#333; font-weight:700; font-size:18px; margin-bottom:20px}
.box #scrollObj{width:96%;position:relative;}
.box #scrollBar{width:1px;height:500px;background:#d9d9d9;cursor:pointer;position:absolute; top:0;right:0px;}
.box #scrollBtn{width:2px;height:80px;background:#dc2542;cursor:pointer;position:absolute;top:0;right:-1px}
.box #scrollBox{height: 460px;width: 100%;overflow: hidden;position: relative;}
.xianfeng_fixed .box .close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 17px;
    height: 17px;
    background: url(../img/case/close.png) no-repeat;
    cursor: pointer;
}


.row_list{ padding-bottom:20px}
.row_list li{ margin-bottom:20px; height:166px; background:#fafafa;border-radius: 5px 5px 5px 5px;}
.row_list li:hover{ background:#dc3510;box-shadow:0 0 20px #fafafa;}
.row_list li:hover .home_bottom_bg div h1,.row_list li:hover .home_bottom_bg div p,.row_list li:hover .home_bottom_bg div span{ color:#fff}
.row_list li .home_top_img{overflow: hidden;
    width: 250px;
    height: 166px;
    position: relative;
    z-index: 1; overflow:hidden; border-radius:5px; float:left;}
.row_list li .home_bottom_bg{width:600px;
    font-size: 14px;
    color: #fff;
    border-radius: 0 0 5px 5px; float:left}
.row_list li .home_bottom_bg div {
    position: relative;
    z-index: 1;
    padding: 30px;
    line-height: 40px;
    font-size: 14px;
}
.row_list li .home_bottom_bg div h1 {
    font-size: 18px;
    color: #333;
    line-height: 20px;
    height: 20px;
    overflow: hidden; margin-bottom:8px; 
}
.row_list li .home_bottom_bg div span{ font-size:12px; color:#999; line-height:20px; display:block; margin-bottom:10px;}
.row_list li .home_bottom_bg div p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}
.row_list .home_top_img img {
    transition: transform 1s;
}
.row_list .home_top_img img:hover {
transform:scale(1.2,1.2);transition:transform 1.5s linear 0
}
.row_list li:hover .home_top_img img {
transform:scale(1.2,1.2);transition:transform 1.5s linear 0
}


.bar_nav h1.single{ border-radius:20px;}
.page{
  width: 100%;
  text-align: center;    background: #fafafa;
    padding: 10px 0; border-radius:15px;
}
.page a.act{
  display: inline-block;
  padding: 12px 14px;
  font-size: 14px;
  color: #999;
  line-height: 14px;
  margin: 0 5px;
  transition:color 0.3s
}
.page a.act.active,.page a.act:hover{
  background: #db2e15;
  color: #fff; border-radius:8px
}
.page .prev{ background:url(../img/left.png) no-repeat 30px center;}
.page .next{ background:url(../img/right.png) no-repeat 50px center;}
.page .prev:hover{ background:url(../img/lefth.png) no-repeat 30px center; color:#dc3f08}
.page .next:hover{ background:url(../img/righth.png) no-repeat 50px center; color:#dc3f08}

.page .btn{
  color: #686868;
  font-size: 14px;
  line-height: 38px;
  padding:0;
}
.page .btn span{
  font-size: 18px;
  font-family: '宋体';
}
.page .btn.fl{
  padding-left: 53px;
}
.page .btn.fl span{
  padding-right: 53px;
}
.page .btn.fr{
  padding-right: 53px;
}
.page .btn.fr span{
  padding-left: 53px;
}
.right_con .detail_b h2{}
.detail_b span {
    font-size: 12px;
    color: #999;
    line-height: 16px;
    display: block; text-align:center;
}
.info-page .back {
    float: right;
    display: inline-block;
    margin-top: 4px;
    color: #666;
    font-size: 14px;
    text-align: center;
    width: 148px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    -webkit-transition: background-color .2s ease-in-out, top .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, top .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, top .2s ease-in-out;
}
.info-page .back:hover{ background:#d8262c; color:#fff;}
.info-page p a:hover{ color:#da1b39}
.box_in_page img{ margin:0 auto; display:block}

.lunbo { padding:60px 0}
.lunbo .scroll {
    height: 406px;
    overflow: hidden;
    text-align: center;
    position: relative;
    margin: 0 auto;
}
.lunh{ position:relative}
.tips{     text-align: center;
    position: absolute;
    bottom: 30px;
    left: 50%;
    width: 100%;
    font-size: 14px;
    color: #dc3e09;
    z-index: 11;
    background:rgba(255,255,255,0.8);
    line-height: 40px;
    width: 571px;
    margin-left: -281px;}
.lunbo{ position:relative;}
.lunbo .lunh .scroll li {
    position: absolute; float:left;
    opacity: 0;
    transform: scale(0);
}
.lunbo .lunh .scroll li div img{ width:100%; height:100%; border-radius:5px;}
.lunbo .btns.next {
    right: 0; background:url(../img/bj.png) repeat;
}
.lunbo .btns.prev {
    left: 0;background:url(../img/bj.png) repeat; 
}
.lunbo .btns.next:hover {
     background:#dc3027; color:#fbe5e4
}
.lunbo .btns.prev:hover {
background:#dc3027; color:#fbe5e4
}
.lunbo .btns {
    position: absolute;
    top: 50%;
    width: 22px;
    height: 40px;
    line-height: 40px;
    color: #787877;
    cursor: pointer;
    font-family: '宋体';
    font-size: 28px;
    transition: all 0.5s; text-align:center;
    margin-top: -20px; z-index:11
}

.video_detail{ width:450px; height:300px; margin:0 auto}
.lunbo .lunh .scroll li.on div img { border:4px solid #fff; border-radius:5px; box-shadow:0 0 10px #ccc
}

.box_in_page span.img_box{ float:right; width:342px; height:374px; border:1px solid #e2e2e2; margin:0 0 30px 30px}
.notice_list_box ul{ width:864px;}
.notice_list_box li{ width:270px; float:left; margin-right:18px; margin-bottom:18px;}
.notice_list_box li:hover{ background:#fafafa;box-shadow:0 0 20px #fafafa}
.notice_list_box li:hover .home_bottom_bg div h1{ color:#da251c}
.notice_list_box li .home_top_img{overflow: hidden;
    width: 270px;
    height: 202px;
    position: relative;
    z-index: 1; overflow:hidden; border-radius:5px;}
.notice_list_box li .home_bottom_bg{width: 100%;
    font-size: 14px;
    color: #fff;
    border-radius: 0 0 5px 5px;}
.notice_list_box li .home_bottom_bg div {
    position: relative;
    z-index: 1;
    padding: 20px 16px;
    line-height: 40px;
    font-size: 14px;
}
.notice_list_box li .home_bottom_bg div h1 {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    height: 20px;
    overflow: hidden; text-align:center;
}
.notice_list_box li .home_bottom_bg div p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}
.notice_list_box .home_top_img img {
    transition: transform 1s;
}
.notice_list_box .home_top_img img:hover {
transform:scale(1.2,1.2);transition:transform 1.5s linear 0
}
.box_in_page .name{ float:right; margin:50px 0 30px 0}
.box_in_page,.info-page p,.info-page p a{ font-size:14px; line-height:30px; color:#666;}

.info-page p,.info-page p a{ font-size:14px; line-height:30px; color:#999;}
.info-page p:hover{ color:#e14c43}
.right_con .box{ padding:30px;}
.wrap_left_bottom .right_r{ float:left; width:540px; margin-top:28px}
.wrap-1 .line{ width:20px; height:2px; background:#d8262c; margin:0 auto 37px auto; position:relative}
.wrap-1 .line span{ width:0; height:1px; background:#fdf4f4; position:absolute; left:-378px; bottom:-1px; opacity:0}
.wrap-1 .left p{ color:#a39485}
.wrap-1 .more:hover{  color:#da251c}
.more{ font-size:12px;cursor:pointer; text-align:center;}
.more a{ color:#0099d0;padding:0 18px; display:block}
.right .anime_1{ background:url(../img/bl.png) repeat-x left bottom;padding-bottom:24px; position:relative; height:24px; margin-bottom:32px}
.wrap-1 .right .right_video div{  text-transform:uppercase; height:246px; display:block; overflow:hidden;border-radius:10px 10px 0 0}
.wrap-1 .right .right_video { position:relative}
.wrap-1 .right .right_video span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/home/play.png) no-repeat top center; cursor:pointer}
.wrap-1 .right .right_video div:hover img{transform:scale(1.2,1.2);transition:transform 0.6s linear 0}

.wrap-1 .right .right_video div img{transition: transform 0.6s;}
.wrap-1 .right {
    text-align: left;width: 780px; 
    float: left; position:relative; right:-185px;
}
.wrap_1 h3{       text-align: center;
    font-size: 12px;
    word-spacing: 20px;
    letter-spacing: 14px;
    line-height: 24px;
    height: 24px;
    margin-top: 30px;
    padding-bottom: 10px;
    margin-bottom: 10px;
	}

.video_box{position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; z-index:123}
.video_box_fixed{
    background: #fff;
    opacity: 0.98;

    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
a{ outline:none}
.video-main {
    border-radius: 5px;
    background: #000;
    left: 50%;
    width: 720px;
    height: 480px;
    margin-left: -360px; position:absolute; top:18%;
}
.video-main .video {
    width: 720px;
    height: 480px;
}
.video-main embed {
    width: 720px;
    height: 480px;
}
.video_box_fixed .close {
    right: 20px;
    top: 20px;
    width: 45px;
    height: 45px;
}
.video_box_fixed .close {
    background: url(../img/home/close01.png) no-repeat 0 -45px transparent;
    cursor: pointer;
}
.more:hover a.cic i:first-child{margin-left:60px;transition: all 0.8s; }
.wrap-2 .left{ width:400px; float:left; position:relative}
.wrap-2 .left .img{ margin-bottom:24px}
.wrap-2 .line{ width:20px; height:2px; background:#d8262c; margin:0 0 37px 0; position:relative}
.wrap-2 .line span{ width:880px; height:1px; background:#fdf4f4; position:absolute; right:-520px; bottom:-1px}
.wrap-2 p{ font-size:14px; line-height:28px; color:#666; margin-bottom:74px}
.wrap-3 .anime_1{ margin-bottom:20px; }
.wrap-2 .lineb {
    background: url(../img/home/line2.png) no-repeat;
    width: 803px;
    height: 78px;
    text-align: center;
}
.wrap-2 .lineb p {
    color: #d1beab;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    position: relative;
    padding: 16px 22px;
}
.wrap-2 .lineb b {
    background: url(../img/home/ju.png) no-repeat center center;
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
}







.wrap-3 .img_box .left .left1{ text-align:left}
.wrap-3 .img_box .left .left2{ padding-left:42px; text-align:left; font-size:15px; line-height:24px; color:#a39485}
.wrap-3 .img_box .left .left2 h1{ font-size:24px; line-height:34px; color:#ffe1ad; margin-bottom:12px;}
.wrap-3 .left span{  color:#524736; text-transform:uppercase; line-height:18px; font-size:20px; display:block; width:225px; margin-bottom:24px;font-family: "AngsanaNew";}
.wrap-3 .img_box .left .left2 i{ background:#695847; width:20px; height:2px; display:block; margin-bottom:48px}
.wrap-3 .left{ width:400px; float:left; position:relative}
.wrap-3 .left .img{ margin-bottom:24px}
.wrap-3 .line{ width:20px; height:2px; background:#d8262c; margin:0 0 37px 0; position:relative}
.wrap-3 .line span{ width:880px; height:1px; background:#fdf4f4; position:absolute; right:-520px; bottom:-1px}
.wrap-3 p{ font-size:14px; line-height:28px; color:#666; margin-bottom:74px}
.wrap-3 .lineb {
    background: url(../img/home/line3.png) no-repeat;
    width: 803px;
    height: 78px;
    text-align: center;
}
.wrap-3 .lineb p {
    color: #d1beab;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    position: relative;
    padding: 16px 22px;
}
.wrap-3 .lineb b {
    background: url(../img/home/ju.png) no-repeat center center;
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
}


.news_list li{ width:380px; opacity:0;border:1px solid #f5f5f5}


.news_list li .top_news{ height:210px; overflow:hidden}
.wrap-2 .bd li .left_img { overflow:hidden}
/*.wrap-2 .bd li .left_img img{transition: all 0.8s;-webkit-transition: all 0.8s}
.wrap-2 .bd li:hover .left_img img{-webkit-transform:scale(1.1,1.1);-webkit-transition:transform 1.5s linear 0;-moz-transform:scale(1.1,1.1);-moz-transition:transform 1.5s linear 0;-o-transform:scale(1.1,1.1);-o-transition:transform 1.5s linear 0}
.news_list li .top_news img{transition: all 0.8s;-webkit-transition: all 0.8s
}
.news_list li:hover .top_news img{-webkit-transform:scale(1.1,1.1);-webkit-transition:transform 1.5s linear 0;-moz-transform:scale(1.1,1.1);-moz-transition:transform 1.5s linear 0;-o-transform:scale(1.1,1.1);-o-transition:transform 1.5s linear 0
}
*/


/* loading 开始 */
.loading{ width: 100%; height: 100%; background:#040404 url(../img/home/foot.png) no-repeat bottom right; position:fixed; left: 0; top: 0; z-index: 12345; overflow:hidden}
.loading .load{ margin-top:20%; margin-bottom:20px}
.loading .load img{-webkit-animation: cicle_r 2s linear 1 backwards;
    animation: cicle_r 2s linear 1 backwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;
    opacity: 1;}
.loaded{ display: none;}
.loading p{  color:#eed9c4; text-align: center; font-size: 18px;}
.spinner {margin: 0 auto;width: 150px;text-align: center;}

.spinner > div {
width: 18px;
height: 18px;
background-color: #fff;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
}
.anime .run{-webkit-animation: yy 5s linear 1 backwards;animation: yy 5s linear 1 backwards;}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}

.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/* loading 结束 */

@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}

@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-webkit-keyframes deg {
0% {transform: rotate(0);}
100% {transform: rotate(-90deg);}
}
keyframes deg {
0% {transform: rotate(0);}
100% {transform: rotate(-90deg);}
}


@keyframes deg {
0% {opacity: 0;}
100% {opacity: 1;}
}

.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 1
}


.news_list ul{ padding-bottom:10px}
.news_list li:hover{ box-shadow:0 0 10px #ccc;transition: all 0.8s;-webkit-transition: all 0.8s}
.bottom_news{ padding:27px 30px; background:#fff;}
.wrap-2 .left_list ul li.one{ background:url(../img/home/icon1.png) no-repeat left top;}
.wrap-2 .left_list ul li.two{ background:url(../img/home/icon2.png) no-repeat left top;}
.wrap-2 .left_list ul li h1{ font-size:18px; color:#333; line-height:20px; margin-bottom:16px}
.wrap-2 .left_list ul li p{ font-size:14px; color:#666; line-height:24px; margin-bottom:0}
.wrap-2 .right {
    text-align: left;
    width: 780px;
    float: left;
    position: relative;
    left: -185px;
}

.wrap-2 .img_box .left .left2 h1{ font-size:24px; line-height:34px; color:#ffe1ad; margin-bottom:12px;}
.wrap-2 .left span{  color:#524736; text-transform:uppercase; line-height:18px; font-size:20px; display:block; width:225px; margin-bottom:24px;    font-family: "AngsanaNew";}
.wrap-2 .img_box .left .left2 i{ background:#695847; width:20px; height:2px; display:block; margin-bottom:48px}
.wrap-2 .img_box .left .left2 {
    padding-left: 42px;
    text-align: left;
    font-size: 15px;
    line-height: 24px;
    color: #a39485;
}
.wrap-2 .img_box .left a.more{ color:#f6e5d3; font-size:12px; text-align:center; border:1px solid #75603a; border-left:none; border-right:none; height:40px; line-height:40px; display:inline-block; width:140px;}
.wrap-2 .img_box .left a.more span{ background:#ffe1ad; position:absolute; right:0; top:0; width:0; height:42px;-webkit-transition:all .6s;transition:all .6s}
.wrap-2 .img_box .left a.more:hover span{ width:100%;-webkit-transition:all .6s;transition:all .6s; }
.wrap-2 .img_box .left a.more p{ margin-bottom:0; line-height:40px}
.wrap-2 .img_box .left a.more:hover p{ position:relative; z-index:1; color:#a1762a;}
/*.wrap-3 .right .bj_up{ background:#040404; position:absolute;right:-580px; top:0; width:1212px; height:580px;-webkit-transition:all 5.6s;transition:all 5.6s;}
.anime .wrap-3 .right .bj_up{    -webkit-animation: width_a 3.5s linear 1s 1 forwards;
    animation: width_a 3.5s linear 1s 1 forwards;
    opacity: 0;}
*/

.wrap-2 .img_bj{ position:absolute; top:0; right:-362px; width:1040px; overflow:hidden; height:589px;}
.img_bj img.img_move{ position:relative; left:-15px;}
.wrap-2 .img_bj .bj_l{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(149,149,149,1); z-index:1}
.wrap-2 .img_bj .bj_r{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(51,51,51,1);}
.wrap-4 .right .top img{-webkit-transition:all .6s;transition:all .6s}
.wrap-4 .right .top img:hover{    -webkit-transform: scale(1.1,1.1);
    -webkit-transition: transform 1.5s linear 0;
    -moz-transform: scale(1.1,1.1);
    -moz-transition: transform 1.5s linear 0;
    -o-transform: scale(1.1,1.1);
    -o-transition: transform 1.5s linear 0;}


.wrap-4 .left .top img{-webkit-transition:all .6s;transition:all .6s}
.wrap-4 .left .top img:hover{    -webkit-transform: scale(1.1,1.1);
    -webkit-transition: transform 1.5s linear 0;
    -moz-transform: scale(1.1,1.1);
    -moz-transition: transform 1.5s linear 0;
    -o-transform: scale(1.1,1.1);
    -o-transition: transform 1.5s linear 0;}



.logo_bottom{ opacity:0}
.anime-1 .wrap-2 .right{ opacity:1; }
.anime-1 .img_bj .bj_l{opacity:1}
.anime-1 .wrap-in-2 .img_bj .bj_l{
    -webkit-animation: width 0.3s linear 1.2s 1 forwards;
    animation: width 0.3s linear 1.2s 1 forwards;
}
.anime-1 .wrap-in-2 .img_bj .bj_r{
    -webkit-animation: width 0.3s linear 1.5s 1 forwards;
    animation: width 0.3s linear 1.5s  1 forwards;
}

.anime-1 .img_bj .bj_l{
    -webkit-animation: width 0.3s linear 1 forwards;
    animation: width 0.3s linear 1 forwards;
}
.anime-1 .img_bj .bj_r{
    -webkit-animation: width 0.3s linear 0.3s 1 forwards;
    animation: width 0.3s linear 0.3s  1 forwards;
}
.anime-1 .img_bj img.img_move{ -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -moz-transition: all 2s ease-in; left:0;}
.anime-1 .logo_bottom{-webkit-animation: up 0.5s linear 2s 1 backwards;
    animation: up 0.5s linear 2s 1 backwards; opacity:1}

.anime-1 .wrap-2 .logo_bottom{-webkit-animation: shu 1s linear 2s 1 backwards;
    animation: shu 1s linear 2s 1 backwards; opacity:1}
.wrap-2 .left .img{ opacity:0}

.anime-1 .wrap-2 .left .img{-webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards; opacity:1}
.wrap-2 .line{ opacity:0}
.wrap-1 .left .anime_1 h1{ font-size:24px; color:#da251c; line-height:22px;  text-align:left; float:left; display:inline}
.left .anime_1{ background:url(../img/bl.png) repeat-x left bottom; padding-bottom:24px; position:relative; height:22px;margin-bottom:20px}
.wrap-1 .right_r h1{ font-size:16px; color:#333; line-height:22px;  text-align:left; font-weight:700;}
.wrap-1 .right_r h1 b{ float:right; color:#999; font-weight:normal}

.wrap-1 .img_box .left .left2 h1{ font-size:24px; line-height:34px; color:#ffe1ad; margin-bottom:12px;}
.wrap-1 .left span{  color:#524736; text-transform:uppercase; line-height:18px; font-size:20px; display:block; width:225px; margin-bottom:24px; font-family:"AngsanaNew"}
.wrap-1 .img_box .left .left2 i{ background:#695847; width:20px; height:2px; display:block; margin-bottom:48px}
.wrap-2 .left_list ul li,.wrap-2 .left_list ul li{ opacity:0}
.wrap-1 .right h1 {
    font-size: 20px;
    color: #da251c;
    line-height: 22px;
    text-align: left;
    float: left;
    display: inline;
}
.right_news ul li{ line-height:38px; height:38px; overflow:hidden; color:#da251c; font-size:15px; background:url(../img/home/doit.png) no-repeat left center; padding-left:15px; float:none; display:block}
.right_news ul li.last{ background:none}
.wrap-1 .m50 p{ width:764px; margin:0 auto 20px auto; text-align:left; height:56px; overflow:hidden}
.wrap-1 .m50 p.t2{ margin-bottom:10px}
.width_100{ width:1200px; margin:0 auto; position:relative; z-index:123}
.about .home_cicle li .top_cic span{ color:#0099d0}
.about .home_cicle li .top_cic i,.about .home_cicle li .top_cic b{ color:#0099d0}
.home_cicle ul{ width:1174px; overflow:hidden}
.home_cicle li{ float:left; margin:0 83px; opacity:0; text-align:center; display:inline-block; width:126px;}
.anime-0 .home_cicle li{    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards; opacity:1}
.wrap-2 .logo_bottom{ position:absolute; bottom:0; left:0; width:140px; height:140px; background:#fff;}
.wrap-2 .logo_bottom em.em_t{ background:#e5e5e5; width:1px; height:10px; position:absolute; top:10px; left:50%; margin-left:-0.5px;}
.wrap-2 .logo_bottom em.em_b{ background:#e5e5e5; width:1px; height:10px; position:absolute; bottom:10px; left:50%; margin-left:-0.5px;}
.anime-1 .logo_bottom em.em_t{    -webkit-animation: up 0.5s linear 3s 1 backwards;
    animation: up 0.5s linear 3s 1 backwards;}
.anime-1 .logo_bottom em.em_b{    -webkit-animation: up1 0.5s linear 3s 1 backwards;
    animation: up1 0.5s linear 3s 1 backwards;}
.anime-1 .logo_bottom img{ -webkit-animation: cicle_r 0.5s linear 2s 1 backwards;
    animation: cicle_r 0.5s linear 2s 1 backwards}

.anime-1 .wrap-in-2 .logo_bottom em.em_t,.anime-1 .wrap-in-2 .logo_bottom em.em_b{ -webkit-animation: cicle_r 0.5s linear 2.5s 1 backwards;
    animation: cicle_r 0.5s linear 2.5s 1 backwards}
.wrap_3 .w1200{ position:relative}	
.wrap_3 .icon_left{      width: 58px;
    height: 41px;
    position: absolute;
    right: 374px;
    top: -16px;}	
.wrap_2 .icon_left{-webkit-animation: shu 1.5s linear 1 backwards;
    animation: shu 1.5s linear 1 backwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;}
.wrap_2 .icon_right{-webkit-animation: up1 1.2s linear 1 backwards;
    animation: up1 1.2s linear 1 backwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;}
.wrap_3 .icon_left{-webkit-animation: gun 1.5s linear 1 backwards;
    animation: gun 1.5s linear 1 backwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;}
.wrap_3 .icon_left img{-webkit-animation: qiu 1s linear 1.5s 1 backwards;
    animation: qiu 1s linear 1.5s 1 backwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;}	
	
.edu_685 .box{ overflow:hidden; border-radius:20px}
.edu_685 .box img{transition: transform 0.6s;}
.edu_685 .box img:hover{transform:scale(1.2,1.2);transition:transform 0.6s linear 0}
.wrap_3 { padding-bottom:190px; overflow:hidden;background:#040404;}
.wrap_4 { padding-bottom:200px; background:url(../img/home/jx.png) no-repeat top center}
.wrap_4 .icon_left{     width: 202px;
    height: 172px;
    position: absolute;
    left: 48px;
    top: -128px;}	
.wrap_4 .icon_left{-webkit-animation: hand 1.5s linear 1 backwards;
    animation: hand 1.5s linear 1 backwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;}
.wrap-4 .right .bottom{ width:506px;}
@-webkit-keyframes hand{
    0%{ -webkit-transform: rotate(-2deg); transform: rotate(-2deg); -webkit-transform-origin: bottom left; transform-origin: bottom left;}
    50%{ -webkit-transform: rotate(2deg); transform: rotate(2deg);  -webkit-transform-origin: bottom left; transform-origin: bottom left;}
    100%{ -webkit-transform: rotate(-2deg); transform: rotate(-2deg); -webkit-transform-origin: bottom left; transform-origin: bottom left;}
}
@keyframes hand{
    0%{ -webkit-transform: rotate(-2deg); transform: rotate(-2deg); -webkit-transform-origin: bottom left; transform-origin: bottom left;}
    50%{ -webkit-transform: rotate(2deg); transform: rotate(2deg);  -webkit-transform-origin: bottom left; transform-origin: bottom left;}
    100%{ -webkit-transform: rotate(-2deg); transform: rotate(-2deg); -webkit-transform-origin: bottom left; transform-origin: bottom left;}
}

@-webkit-keyframes gun{
    0%{ -webkit-transform: rotate(-2deg) translate(0,0); transform: rotate(-2deg) translate(0,0); -webkit-transform-origin: bottom left; transform-origin: bottom left;}
    100%{ -webkit-transform: rotate(-2deg) translate(10px,40px); transform: rotate(-2deg) translate(10px,40px); -webkit-transform-origin: bottom left; transform-origin: bottom left;}
}
@keyframes gun{
    0%{ -webkit-transform: rotate(-2deg) translate(0,0); transform: rotate(-2deg) translate(0,0); -webkit-transform-origin: bottom left; transform-origin: bottom left;}
    100%{ -webkit-transform: rotate(-2deg) translate(10px,40px); transform: rotate(-2deg) translate(10px,40px); -webkit-transform-origin: bottom left; transform-origin: bottom left;}
}

.wrap_3 .line_box .w1200{ top:76px}

.wrap_3 .right .bottom_con{ width:370px; margin-bottom:60px}
.wrap_3 .right .bottom_con p{ font-size:14px; color:#666; line-height:24px; margin-bottom:35px}
.wrap_3 .right .bottom_con i{ font-size:12px; color:#999; line-height:18px; display:block}
.con_wrp3{ text-align:center; }
.con_wrp3 h1{font-size:24px; color:#efd9a1; line-height:40px; margin-bottom:30px;
}
.wrap_5{ padding-bottom:190px}
.con_wrp3 p{ font-size:15px; color:#d3c387; line-height:24px;width:734px; margin:0 auto 34px auto}
.blogo{ margin:0 auto; text-align:center; color:#e1d1b0; font-size:12px; position:relative; line-height:30px; height:30px; width:52px; cursor:pointer}

.blogo span{ position:absolute; width:10px; height:1px; background:#967851; left:50%; margin-left:-5px;-webkit-transition:all .3s;transition:all .3s; opacity:0}
.right_links .search{ cursor:pointer}
.foot_left a:hover{ opacity:0.8}
.menu_box .nav ul li a:hover{ opacity:0.8}
.anime .blogo span.top{-webkit-animation: cicle_l 0.5s linear 1s 1 backwards;
    animation: cicle_l 0.5s linear 1s 1 backwards;
    opacity: 1;}
.anime .blogo span.bottom{-webkit-animation: cicle_l 0.5s linear 1s 1 backwards;
    animation: cicle_l 0.5s linear 1s 1 backwards;
    opacity: 1;}
.blogo:hover span{ width:52px; margin-left:0; left:0;-webkit-transition:all .3s;transition:all .3s}
.blogo span.top{ top:0}
.blogo span.bottom{ bottom:0}
.wrap_5{ background:url(../img/home/bj4.png) no-repeat -20px center}
.foot_left a,.foot_left span,.foot_left p{ float:left; color:#eed9c4; font-size:12px; line-height:18px;}
.foot_left p{ background:url(../img/home/tel.png) no-repeat left center; padding-left:27px; line-height:18px}
.foot_left span{ float:left; background:#34302c; width:1px; height:12px; display:inline-block; margin:5px 30px}
.corp{ text-align:center; font-size:12px; color:#9e846e; opacity:0.5}
.corp a{color: #9e846e;}
.bottom_news h2{ color:#000; font-size:20px; line-height:20px; overflow:hidden; height:20px; margin-bottom:16px;}
.bottom_news span{ color: #838383;font-size: 14px;display: block;line-height: 14px;margin-bottom: 12px;}
.bottom_news p{ color:#999; font-size:14px; line-height:24px; height:48px; overflow:hidden; margin-bottom:24px;}
.bottom_news b{ background:#e1e1e1 url(../img/home/icon1.png) no-repeat center center; width:31px; height:31px; border-radius:360px; display:block}
.news_list li:hover .bottom_news b{background:#fff url(../img/home/icon1.png) no-repeat center center; }
.news_list li:hover .bottom_news{ background:#0b4c8f}
.news_list{ width:1200px; margin:0 auto}
.news_list ul{ width:1230px; overflow:hidden}
.news_list li{ float:left; margin-right:28px;}
.news_list li:hover .bottom_news h2,.news_list li:hover .bottom_news p{ color:#fff}
.news_list li:hover .bottom_news span{ color:#9db7d2}
.wrap-3 .img_bj{ position:absolute; top:0; right:0; width:426px; height:547px; z-index:1; overflow:hidden}
.wrap-3 .img_bj_left { position:absolute; bottom:0; left:0; width:426px; height:547px; background:#da292f; opacity:0}	
.anime-1 .wrap-3 .img_bj_left{
    -webkit-animation: fadeInUp 1.3s linear 1 forwards;
    animation: fadeInUp 1.3s linear 1 forwards;
}
.wrap-3 .right {
    text-align: left;
    width: 780px;
    float: left;
    position: relative;
    right: 0;
}
.wrap-1 .right .right1{ position:relative}
.wrap-1 .lineb {    position: absolute;
    left: -30px;
    bottom: -66px;}
.wrap-2 .right .right1{ position:relative}
.wrap-2 .lineb {    position: absolute;
    left: 65px;
    bottom: -10px;}

.wrap-3 .right .right1{ position:relative}
.wrap-3 .lineb {    position: absolute;
    left: 256px;
    bottom: 53px;}

.wrap-3 .img_box .left a.more {
    color: #f6e5d3;
    font-size: 12px;
    text-align: center;
    border: 1px solid #75603a;
    border-left: none;
    border-right: none;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    width: 140px;
}
.wrap-2 .left p {
    color: #a39485;
}
.wrap-3 .left p {
    color: #a39485;
}
.tit_1{ text-align:center}
.wrap-4 .wu{ margin-bottom:108px}
.wrap-4 .left{width:568px; float:left}
.wrap-4 .right{width:568px; float:right}

.wrap-4 .left .top{ margin-bottom:60px; height:270px; overflow:hidden}
.wrap-4 .left .bottom h1{ color:#ffe1ac; font-size:24px; margin-bottom:12px; line-height:24px;}
.wrap-4 .left .bottom span{ color:#5a4f3c; display:block; font-size:20px; margin-bottom:28px; line-height:26px;font-family: "AngsanaNew"; text-transform:uppercase}
.wrap-4 .left .bottom p{ color:#a49586; display:block; font-size:15px; line-height:24px}

.wrap-4 .right .top{ margin-bottom:60px; height:270px; overflow:hidden}
.wrap-4 .right .bottom h1{ color:#ffe1ac; font-size:24px; margin-bottom:12px; line-height:24px;}
.wrap-4 .right .bottom span{ color:#5a4f3c; display:block; font-size:20px; margin-bottom:28px; line-height:26px;font-family: "AngsanaNew";text-transform:uppercase}
.wrap-4 .right .bottom p{ color:#a49586; display:block; font-size:15px; line-height:24px}
.sorry_up{ font-size:60px; text-align:center; font-family:"微软雅黑";    width: 1200px;
    position: fixed;
    left: 50%;
    top: 43%;
    margin-left: -600px;
    height: 36px;
    z-index: 1111;
    display: none; color:#e0c089;
    display:none;
}
.wrap_4 .wrap-4{ }
.anime-1 .wrap-3 .right .img{
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards; opacity:1
}
.anime-1 .wrap-3 h1 {
    -webkit-animation: fadeInDown 0.5s linear 1 backwards;
    animation: fadeInDown 0.5s linear 1 backwards;
    opacity: 1;
}
.anime-1 .wrap-3 .line {
    opacity: 1;
    -webkit-animation: fadeInLeft 0.5s linear 0.8s 1 backwards;
    animation: fadeInLeft 0.5s linear 0.8s 1 backwards;
}
.anime-1 .wrap-3 .right .bottom_con p{
    opacity: 1;
    -webkit-animation: up 0.5s linear 0.8s 1 backwards;
    animation: up 0.5s linear 0.8s 1 backwards;
}
.anime-1 .wrap-3 .right .bottom_con i{
    opacity: 1;
    -webkit-animation: up 0.5s linear 0.8s 1 backwards;
    animation: up 0.5s linear 0.8s 1 backwards;
}
.anime-1 .wrap-3 .more {
    -webkit-animation: shu1 0.5s linear 0.8s 1 backwards;
    animation: shu1 0.5s linear 0.8s 1 backwards;
    opacity: 1;
}
.anime-1 .wrap-4 h1.tit {
    -webkit-animation: fadeInDown 0.5s linear 1 backwards;
    animation: fadeInDown 0.5s linear 1 backwards;
    opacity: 1;
}
.anime-1 .wrap-4 .line {
    -webkit-animation: fadeInDown 0.5s linear 0.5s 1 backwards;
    animation: fadeInDown 0.5s linear 0.5s 1 backwards;
    opacity: 1;
}
.anime-1 .wrap-4 .picScroll-left {
    opacity: 1;
}
.anime-1 .wrap-4 .picScroll-left li:nth-child(1){-webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;}
.anime-1 .wrap-4 .picScroll-left li:nth-child(2){-webkit-animation: up1 0.5s linear 1 backwards;
    animation: up1 0.5s linear 1 backwards;}
.anime-1 .wrap-4 .picScroll-left li:nth-child(3){-webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;}
.anime-1 .wrap-4 .picScroll-left li:nth-child(4){-webkit-animation: up1 0.5s linear 1 backwards;
    animation: up1 0.5s linear 1 backwards;}


.wrap-right-img1 {
    position: absolute;
    right: 0;
    width: 400px;
    background: #fff;
    height: 614px;
    top: -451px;
}
.wrap_4 .home_top_img{ position:relative; height:110px;}
.wrap_4 .home_top_img b{    width: 152px;
    background: #fff;
    height: 36px;
    line-height: 36px;
    position: absolute;
    top: 62px;
    left: 54px;}
.wrap_4{position:relative;background:#040404;}
.more_b{      width: 45px;
    height: 45px;
    background: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 30px;
    position: absolute;
    left: 50%;
    bottom: -22px;
    box-shadow: 0 0 3px #f5f5f5;
    margin-left: -22px; display:none}
.wrap_4 .icon_1{ position:absolute;right:-20px; width:261px; height:261px; bottom:-120px}
.wrap_4 .icon_2{ position:absolute; left:320px; width:512px; height:512px; bottom:-260px}
.wrap_4 .icon_3{ position:absolute; left:0; width:304px; height:304px; top:37px}
.wrap_4 .icon_3{-webkit-animation: san 1.5s linear 1 backwards;
    animation: san 1.5s linear 1 backwards;}
.wrap_4 .icon_1{-webkit-animation: up 1.5s linear 1 backwards;
    animation: up 1.5s linear 1 backwards;}
.wrap_4 .icon_2{-webkit-animation: shu1 1.5s linear 1 backwards;
    animation: shu1 1.5s linear 1 backwards;}

.wrap-in-3 .news_home li .home_bottom_bg{ padding:30px; text-align:left}
.wrap_4 .more_b em:first-child {
}
.wrap_4 .more_b em {
	position:absolute; top:20px;
    display: block;
    background: #d8262c;
    width: 6px;
    height: 6px;
    border-radius: 360px;
    transition: all 15s;*display:none
}

.wrap_4 .more_b em.mid{ position:absolute; left:50%; margin-left:-3px;*display:block}
.wrap_4 .more_b em:nth-child(1){transition: all 0.8s; left:11px;}
.wrap_4 .more_b em:nth-child(3){transition: all 0.8s; left:auto; right:11px;}
.wrap_4 .picScroll-left .bd ul li:hover .more_b{ display:block}
.wrap_4 .picScroll-left .bd ul li.add_more .more_b em:nth-child(1){left: 19px;
    position: absolute;
    transition: all 1s; }
.wrap_4 .picScroll-left .bd ul li.add_more .more_b em:nth-child(3){right: 20px;
    position: absolute;
    transition: all 1s;}
.wrap_4 .picScroll-left .bd ul li.add_more .more_b em{-webkit-animation: man 2s linear 0.5s 1 forwards;
    animation: man 2s linear 0.5s 1 forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
	
@-webkit-keyframes bj1{
0%{ width:0; opacity: 1;-webkit-transform-origin: bottom left; transform-origin: bottom left;}
100%{ width:1;pacity: 1;-webkit-transform-origin: bottom left; transform-origin: bottom left;}
}
@keyframes bj1{
0%{ width:0; opacity: 1;-webkit-transform-origin: bottom left; transform-origin: bottom left;}
100%{ width:1;pacity: 1;-webkit-transform-origin: bottom left; transform-origin: bottom left;}
}

@-webkit-keyframes man{
0%{ transform: rotate(360deg) scale(1,1); -webkit-transform: rotate(360deg) scale(1,1); opacity: 1;-webkit-transform-origin: center center; transform-origin: center center;}
20%{ transform: rotate(0) scale(2,2); -webkit-transform: rotate(0) scale(2,2); opacity: 1;-webkit-transform-origin:center center; transform-origin: center center;}
100%{ transform: rotate(360deg) scale(1,1); -webkit-transform: rotate(360deg) scale(1,1); opacity: 1;-webkit-transform-origin:center center; transform-origin: center center;}

}
@keyframes man{
0%{ transform: rotate(360deg) scale(1,1); -webkit-transform: rotate(360deg) scale(1,1); opacity: 1;-webkit-transform-origin: center center; transform-origin: center center;}
20%{ transform: rotate(0) scale(2,2); -webkit-transform: rotate(0) scale(2,2); opacity: 1;-webkit-transform-origin:center center; transform-origin: center center;}
100%{ transform: rotate(360deg) scale(1,1); -webkit-transform: rotate(360deg) scale(1,1); opacity: 1;-webkit-transform-origin:center center; transform-origin: center center;}
}

@-webkit-keyframes cicle_r{
0%{ transform: rotate(0); -webkit-transform: rotate(0); opacity: 1;-webkit-transform-origin: center center; transform-origin: center center;}
25%{ transform: rotate(180deg); -webkit-transform: rotate(180deg); opacity: 1;-webkit-transform-origin:center center; transform-origin: center center;}
40%{ transform: rotate(180deg); -webkit-transform: rotate(180deg); opacity: 1;-webkit-transform-origin:center center; transform-origin: center center;}
100%{ transform: rotate(360deg); -webkit-transform: rotate(360deg); opacity: 1;-webkit-transform-origin:center center; transform-origin: center center;}
}
@keyframes cicle_r{
0%{ transform: rotate(0); -webkit-transform: rotate(0); opacity: 1;-webkit-transform-origin: center center; transform-origin: center center;}
25%{ transform: rotate(180deg); -webkit-transform: rotate(180deg); opacity: 1;-webkit-transform-origin:center center; transform-origin: center center;}
40%{ transform: rotate(180deg); -webkit-transform: rotate(180deg); opacity: 1;-webkit-transform-origin:center center; transform-origin: center center;}
100%{ transform: rotate(360deg); -webkit-transform: rotate(360deg); opacity: 1;-webkit-transform-origin:center center; transform-origin: center center;}
}
@-webkit-keyframes cicle_l{
0%{ transform: rotate(0deg); -webkit-transform: rotate(0deg); opacity: 1;}
100%{ transform: rotate(360deg); -webkit-transform: rotate(360deg); opacity: 1;}
}
@keyframes cicle_l{
0%{ transform: rotate(0deg); -webkit-transform: rotate(0deg); opacity: 1;}
100%{ transform: rotate(360deg); -webkit-transform: rotate(360deg); opacity: 1;}
}
@-webkit-keyframes shu{
0%{ transform: translate(-25px,0); -webkit-transform: translate(-25px,0) ; opacity: 0;}
100%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
}
@keyframes shu{
0%{ transform: translate(-25px,0); -webkit-transform: translate(-25px,0) ; opacity: 0;}
100%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
}
@-webkit-keyframes shu1{
0%{ transform: translate(25px,-20px); -webkit-transform: translate(25px,-20px) ; opacity: 0;}
100%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
}
@keyframes shu1{
0%{ transform: translate(25px,-20px); -webkit-transform: translate(25px,-20px) ; opacity: 0;}
100%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
}
@-webkit-keyframes book{
0%{ transform: translate(40px,-15px); -webkit-transform: translate(40px,-15px) ; opacity: 1;}
85%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
100%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
}
@keyframes book{
0%{ transform: translate(40px,-15px); -webkit-transform: translate(40px,-15px) ; opacity: 1;}
85%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
100%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
}

@-webkit-keyframes san{
0%{ transform: translate(-60px,-25px); -webkit-transform: translate(-60px,-25px) ; opacity: 0;}
100%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
}
@keyframes san{
0%{ transform: translate(-60px,-25px); -webkit-transform: translate(-60px,-25px) ; opacity: 0;}
100%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
}
@-webkit-keyframes img1{
0%{ transform: scale(0,0); -webkit-transform: scale(0,0); opacity: 0;-webkit-transform-origin: top center; transform-origin: top center;}
80%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;-webkit-transform-origin: top center; transform-origin: top center;}
100%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;-webkit-transform-origin: top center; transform-origin: top center;}
}
@keyframes img1{
0%{ transform: scale(0,0); -webkit-transform: scale(0,0); opacity: 0;-webkit-transform-origin: top center; transform-origin: top center;}
80%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;-webkit-transform-origin: top center; transform-origin: top center;}
100%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;-webkit-transform-origin: top center; transform-origin: top center;}

}


@-webkit-keyframes form{
0%{ transform: scale(0,0); -webkit-transform: scale(0,0); opacity: 0;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
95%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
100%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
}
@keyframes form{
0%{ transform: scale(0,0); -webkit-transform: scale(0,0); opacity: 0;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
95%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
100%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
}

@-webkit-keyframes form1{
0%{ transform: scale(2,2); -webkit-transform: scale(2,2); opacity: 0;}
100%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;}
}
@keyframes form1{
0%{ transform: scale(2,2); -webkit-transform: scale(2,2); opacity: 0;}
100%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;}
}

@-webkit-keyframes da{
0%{ transform: scale(1.5,1.5); -webkit-transform: scale(1.5,1.5); opacity: 0;}
100%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;}
}
@keyframes da{
0%{ transform: scale(1.5,1.5); -webkit-transform: scale(1.5,1.5); opacity: 0;}
100%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;}
}



@-webkit-keyframes form11{
0%{ transform: scale(2,2); -webkit-transform: scale(2,2); opacity: 0;}
70%{ transform: scale(2,2); -webkit-transform: scale(2,2); opacity: 1;}
100%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;}

}
@keyframes form11{
0%{ transform: scale(2,2); -webkit-transform: scale(2,2); opacity: 0;}
70%{ transform: scale(2,2); -webkit-transform: scale(2,2); opacity: 1;}
100%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;}
}

@-webkit-keyframes fadeIn1{
0%{ opacity: 1;}
100%{  opacity: 0;}

}
@keyframes fadeIn1{
0%{ opacity: 1;}
100%{  opacity: 0;}
}



@-webkit-keyframes yan{
0%{ transform: scale(0,0); -webkit-transform: scale(0,0); opacity: 0;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
50%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
100%{ transform: scale(2,2); -webkit-transform: scale(2,2); opacity: 0;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
}
@keyframes yan{
0%{ transform: scale(0,0); -webkit-transform: scale(0,0); opacity: 0;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
50%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
100%{ transform: scale(2,2); -webkit-transform: scale(2,2); opacity: 0;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
}

@-webkit-keyframes up{
0%{ transform: translate(0,-10px); -webkit-transform: translate(0,-10px) ; opacity: 0;}
100%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
}
@keyframes up{
0%{ transform: translate(0,-10px); -webkit-transform: translate(0,-10px) ; opacity: 0;}
100%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
}

@-webkit-keyframes up1{
0%{ transform: translate(0,25px); -webkit-transform: translate(0,25px) ; opacity: 0;}
100%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
}
@keyframes up1{
0%{ transform: translate(0,25px); -webkit-transform: translate(0,25px) ; opacity: 0;}
100%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
}


@-webkit-keyframes qiu{
0%{ transform: translate(10px,25px); -webkit-transform: translate(10px,25px) ; opacity: 1;}
100%{ transform: translate(0,-10px); -webkit-transform: translate(0,-10px); opacity: 1;}
}
@keyframes qiu{
0%{ transform: translate(10px,25px); -webkit-transform: translate(10px,25px) ; opacity: 1;}
100%{ transform: translate(0,-10px); -webkit-transform: translate(0,-10px); opacity: 1;}
}



@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@keyframes width{
0%{width:100%}
100%{width:0; opacity:1}
}
@-webkit-keyframes width{
0%{width:100%}
100%{width:0; opacity:1}
}

@keyframes width_b{
0%{width:100%; opacity:1; -webkit-transform-origin: left top; transform-origin: left top;}
100%{width:0; opacity:0; -webkit-transform-origin: left top; transform-origin: left top;}
}
@-webkit-keyframes width_b{
0%{width:100%;opacity:1; -webkit-transform-origin: left top; transform-origin: left top;}
100%{width:0;opacity:0; -webkit-transform-origin: right top; transform-origin: left top;}
}
@keyframes width_a{
0%{width:100%; opacity:1; -webkit-transform-origin: left top; transform-origin: left top;}
100%{width:0; opacity:0; -webkit-transform-origin: left top; transform-origin: left top;}
}
@-webkit-keyframes width_a{
0%{width:100%; opacity:1; -webkit-transform-origin: left top; transform-origin: left top;}
100%{width:0; opacity:0; -webkit-transform-origin: left top; transform-origin: left top;}
}



@keyframes height{0%{height:0}
100%{height:100%}
}
@-webkit-keyframes height{0%{height:0}
100%{height:100%}
}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-webkit-keyframes fadeInUp{0%{opacity:1;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{0%{opacity:1;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-webkit-keyframes form1{0%{transform:scale(2,2);-webkit-transform:scale(2,2);opacity:1}
100%{transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1}
}
@keyframes form1{0%{transform:scale(2,2);-webkit-transform:scale(2,2);opacity:1}
100%{transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1}
}
@-webkit-keyframes form{0%{transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1}
100%{transform:scale(2,2);-webkit-transform:scale(2,2);opacity:1}
}
@keyframes form{0%{transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1}
100%{transform:scale(2,2);-webkit-transform:scale(2,2);opacity:1}
}
@-webkit-keyframes pulse{0%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{opacity:1;-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes pulse{0%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{opacity:1;-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@-webkit-keyframes bounceIn{0%{opacity:1;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
100%{opacity:1;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);opacity:1}
}
@keyframes bounceIn{0%{opacity:1;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
100%{opacity:1;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);opacity:1}
}
.w1200{width:1200px;margin:0 auto}
nav ul li{position:relative;z-index:2}
.top_others{position:absolute;top:32px;right:0;height:24px}
.top_others div a{color:#666;display:block;line-height:24px;height:24px;font-size:13px;background:url(../img/down.png) no-repeat right center;padding-right:16px}
.top_others div a:hover{color:#eb6112;background:url(../img/down1.png) no-repeat right center}
.top_others div a img{margin-right:4px}
.top_others div{height:24px;background:url(../img/li.png) no-repeat left center;padding-left:38px}
.jd_links img{width:18px;height:14px}
.tm_links img{width:15px;height:14px}
.footer{ display:block;  position:relative;}
footer table tr td:first-child{ background:#fff; width:6%;  height:100%;}
.footer .z_index{ z-index:1; position:relative}
.footer .top{width:1200px;padding:46px 0 80px 0;margin:0 auto; }
.footer .top .list{   padding:0 46px; position:relative;
}
.footer .top .first{ padding-left:0}
.footer .top .list.list-last{ 
   color: #c1c1c1;
    font-size: 14px;
    line-height: 30px;
    width: 170px;
    text-align: left;
    position: relative;
    padding-left: 46px;
    padding-right: 0;
    margin-left: 0;}
.footer .top .list .line{ background:url(../img/line.png) no-repeat; height:159px; width:3px; left:0; position:absolute; top:0;}
.footer .top .list-last h1{     color: #fff;
    line-height: 18px;
    font-size: 16px;
    margin-bottom: 22px;}
.footer .top .list.list-last ul{ margin-bottom:28px}
.guanzhu_us span{ float:left; font-size:18px; color:#fff}
.guanzhu_us a.weixin{ background:url(../img/weixin.png) no-repeat; width:28px; height:28px; display:block; float:left; margin-left:18px;}
.guanzhu_us a.weibo{background:url(../img/sina.png) no-repeat; width:28px; height:28px; display:block; float:left; margin-left:18px}
.footer .top .list-last li{ margin-bottom:10px}
.footer .top .list-last li strong{ color:#c4c4c4; display:block; line-height:24px;} 
.footer .top .list-last li p{ color:#fff; line-height:36px; font-size:36px}
.bannertxt .marg_215{ margin-top:215px;}
.copy_link a{ color:#c1c1c1; font-size:12px;}
.copy_link span{ width:1px; height:10px; background:#4e4e4e; margin:0 18px; display:inline-block}
.footer .ewm_left_box{ width:202px;}
.footer .top .list-last li.one{ background:url(../img/loc.png) no-repeat left 10px}
.footer .top .list-last li.two{ }
.footer .top .list-last li.three{ background:url(../img/email.png) no-repeat left 10px}
.footer .top .list.list-last .ewm{width:168px; height:168px; background:#858585;margin:-7px auto 0 auto}
.footer .top .list h2{height:18px;line-height:18px;color:#fff;font-size:16px;margin-bottom:28px;}
.footer .top .list.list-first h2{padding-right:0}
.footer .top .list p{display:block;line-height:30px;color:#da251c;font-size:15px; float:left; margin: 0 16px; }
.footer .top .two{ width:184px; padding:18px 34px}
.footer .top .two p{width:60px; text-align:center;}
.footer .top .list p a{display:inline-block;line-height:40px;color:#da251c;font-size:15px}
.footer .top .list p a:hover{color:#fff}
.footer .top .share a{display:block;cursor:pointer}
.footer .top .share a span{display:inline-block;width:35px;height:35px!important;padding-left:0!important}
.footer .top .share a.sina span{background-position:0 0;margin-top:30px}
.footer .top .share a.wx span{background-position:0 -87px;margin-top:50px}
.copy_link{ display:inline;}
.footer .copyright{ padding:24px 0 21px 0; width:100%; margin:0 auto; background:url(../img/copybj.png) repeat-x}
.footer .copyright div{ width:1200px; margin:0 auto}
.footer .copyright div.mr{padding: 13px 30px 27px 30px;}
.copyright .bshare-custom a{ margin-right:22px}
.footer .copyright .logo{margin-top:25px}
.footer .copyright p{}
.footer .copyright p.mr{margin-right:0}
.footer .copyright p,.footer .copyright p a{color:#616161; line-height:16px}
.footer .copyright p a:hover{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
.link_other{position:relative}
.link_other dt{background:#333 url(../img/down.png) no-repeat right center;width:216px;height:32px;line-height:32px;color:#818181;cursor:pointer;padding-left:38px}
.link_other dd{width:235px;color:#818181;z-index:9999;background:#fff;position:absolute;bottom:32px;left:0;display:none}
.link_other dd div{width:221px;border:1px solid #e1e1e1;height:32px;line-height:32px;padding-left:12px;background:#fff}
.link_other a{color:#818181;float:left;display:block;width:221px}
.bjf5f5f5{background:#f5f5f5}
.i-wrap{width:100%;height:100%;position:relative;overflow:hidden}
.home_cicle li .top_cic{ position:relative; width:120px; height:120px; margin:0 auto}
.home_cicle li .top_cic i{ position:absolute; top:0; left:0; width:120px; height:120px; line-height:120px; color:#49616b; font-size:40px; text-align:center; font-style:normal;}
.home_cicle li .top_cic span{ position: absolute;
    top: 9px;
    right: 8px;
    color: #49616b;
    font-size: 14px;
    line-height: 16px;
    display: block;
    width: 16px;}
.home_cicle li .top_cic b{    position: absolute;
    top: 60px;
    right: 8px;
    color: #49616b;
    font-size: 20px;
    line-height: 16px;
    display: block;
    width: 16px;
    font-weight: 700;}
.about-link { width:166px; position:absolute; right:0; top:18px;}
footer .copyright .about-link .link-tit {
    color: #666;
    display: block;
    line-height: 24px;
    cursor: pointer;
    padding: 0 8px;
    width: 148px;
    background:url(../img/down.png) no-repeat 130px center;
    position: relative;
    z-index: 2;  margin:0; height:24px; border:1px solid #313131
}
footer .copyright .about-link .sub-box {
    position: absolute;
    left: 0;
    bottom: 26px;
    width: 99%;
    border: 1px solid #434343;
    display: none;
    border-radius: 6px;
    background-color: #2f2f2f;
    padding-top: 8px; font-size:14px; text-align:center;
}
.home_cicle li h3{ font-size:18px;color: #49616b; line-height:20px; padding-top:16px}
.wrap_2 .picScroll-left {
    position: relative;
    width: 100%;
}






.show_bj .padding30{padding: 32px 30px 30px 30px; }
.w_1200{ width:1200px; margin:0 auto}
.more_link h1.font-size48{ font-size:48px; line-height:48px}
.top_links{    position: absolute;
    right: 0;
    top: 32px;
    width: 28px;
    height: 28px;
    border-top: none;
    border-bottom: none;}
.top_links .line{ background:#eee; width:1px; height:10px; margin:3px 15px; float:left}
.i-wrap1 .product_top_banner .slideBox .bd .tempWrap,.i-wrap1 .product_top_banner .slideBox .bd .tempWrap ul,.i-wrap1 .product_top_banner .slideBox .bd .tempWrap ul li{height:100%}
.right_links{ width:271px; position:absolute; top:0; right:0}
.header .search-box{position:absolute;right:27px;top:72px;height:28px; background:#fff;transition: all 1.5s; display:none;border:solid #fff 1px;}
.header .search-box b{     background: url(../img/jiao.png) no-repeat;
    width: 14px;
    height: 3px;
    left: 50%;
    margin-left: -7px;
    display: block;
    position: absolute;
    top: -4px;}
.w100 .search-box{ width:165px;transition: all 1.5s; display:block;border:solid #fff 1px; border-radius:10px}
.header .search-box input[type=text]{float:left;display:inline-block;width:122px;height:28px;line-height:28px;color:#999;font-size:14px;border:0 none;padding:0 5px;background:none}
.header .search-box input[type=submit]{float:left;display:inline-block;width:22px;height:22px;opacity:0;cursor:pointer;margin-top:6px;border:none;position:absolute;top:5px;right:2px;filter:alpha(opacity=0)}
.header .search-box i{ position:absolute; top:0; right:0;display:inline-block;width:22px;height:22px;background:url(../img/search.png) no-repeat;cursor:pointer;margin-top:4px;border:none}
@keyframes down_up{0%{transform:translate(0,10px);-webkit-transform:translate(0,10px)}
50%{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:.5}
100%{transform:translate(0,10px);-webkit-transform:translate(0,10px)}
}
@-webkit-keyframes down_up{0%{transform:translate(0,10px);-webkit-transform:translate(0,10px)}
50%{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:.5}
100%{transform:translate(0,10px);-webkit-transform:translate(0,10px)}
}
#i-navli{width:15px;position:fixed;top:50%;right:36px;margin-top:-144px;z-index:22}
#i-navli li{width:15px;cursor:pointer;height:15px;padding-bottom:18px;background:url(../img/hli.png) no-repeat;color:#fff}
#i-navli li.current{background:url(../img/on.png) no-repeat;color:#eb6112}
.foot_1{width:100%;background:#fff;height:150px;left:0;opacity:0;position:relative}
.foot_1 span{background:#e5e5e5;width:1px;height:60px;left:50%;margin-left:-1px;top:13%;margin-top:-30px;display:block;position:absolute}
.foot_fix{left:0;position:fixed;bottom:0}
foot_1 ul li.shili_kelei:hover{background:url(../img/home/righth.png) no-repeat right center;right-left:150px;color:#eb6112}
.hotline .slide{position:absolute;top:367px;right:40px;height:340px;width:28px;z-index:9999999;margin-top:-170px}
.hotline .slide li{position:relative;width:25px;cursor:pointer;text-align:center;height:25px; margin-bottom:22px; cursor:pointer}
.hotline .slide li.hot{}
.hotline .slide li a{ cursor:pointer}
.hotline .slide li.top{height:25px;line-height:25px;}
.hotline .slide li.top a img{float:left;width:25px;height:25px}
.hotline .slide li a{display:block;width:100%;height:100%}
.hotline .slide li .box{float:left;width:25px;height:25px;overflow:hidden;text-align:center}
.hotline .slide li i{width:25px;height:25px;display:block}
.f-cb:after{display:block;height:0;clear:both;visibility:hidden;overflow:hidden;content:"."}
.hotline .slide li.hot i{background: url(../img/wel20.png) no-repeat center bottom}
.hotline .slide li.qq i{background:url(../img/wel22.png) no-repeat center bottom}
.hotline .slide li.kd i{background:url(../img/w121.png) no-repeat center bottom}
.hotline .slide li.hot:hover i{background: url(../img/wel20h.png) no-repeat center bottom}
.hotline .slide li.qq:hover i{background:url(../img/wel22h.png) no-repeat center bottom}
.hotline .slide li.kd:hover i{background:url(../img/w121h.png) no-repeat center bottom}
.hotline .slide li:first-child {
    width: 25px;
    text-align: center;
    height: 62px;
    text-transform: capitalize;
    font-size: 16px;
    writing-mode: vertical-lr;
}
.hotline .slide li.share i{background:url(../img/wel23.png) no-repeat center bottom}
.hotline .slide li.share .box{border-right:1px solid #3d3d3d}
.hotline .slide li.share{width:355px;position:relative;left:0}
.hotline .slide li .box p{font-size:12px;color:#fafafa;line-height:22px}
.hotline .slide li.hot .box{float:left}
/*.hotline .slide li.hot{width:265px}
*/
.hotline .slide li.hot span{float:left;color:#fafafa;font-size:20px;line-height:22px;padding:14px 10px}
.hotline .slide li.qq .ewm{position:absolute;top:-128px;display:none;right:70px}
.hotline .slide li.share .bdshare-button-style0-32 a{width:70px;height:70px;margin:0;border-right:1px solid #3d3d3d}
.hotline .slide li.share .bdshare-button-style0-32 a.bds_weixin{background:url(../img/wel26.png) no-repeat center;background-size:cover}
.hotline .slide li.share .bdshare-button-style0-32 a.bds_tsina{background:url(../img/wel27.png) no-repeat center;background-size:cover}
.hotline .slide li.share .bdshare-button-style0-32 a.bds_qzone{background:url(../img/wel28.png) no-repeat center;background-size:cover}
.hotline .slide li.share .bdshare-button-style0-32 a.bds_tqq{background:url(../img/wel29.png) no-repeat center;background-size:cover}
.head_m{background:#f3f3f3;width:100%;height:108px;position:absolute;top:90px;left:0;display:none;font-size:14px;color:#666;line-height:28px;z-index:1}
.head_m div.w1200{height:57px;width:446px;margin:26px auto}
.head_m div input[type=text]{float:left;width:353px;text-align:left;border:1px solid #ededed;background:#fff;font-size:14px;color:#999;line-height:55px;height:55px;border-top-left-radius:3px;border-bottom-left-radius:3px;padding-left:20px}
.head_m div input[type=submit]{float:left;border:none;background:#ff7818;width:70px;height:55px;color:#fff;font-size:14px;text-align:center;line-height:55px;border-bottom-right-radius:3px;border-top-right-radius:3px;margin-top:1px}




.tel_box {
    position:fixed; background:#fff; border-radius:3px; width:420px; height:254px;
    top: 50%;
    /* display: none; */
    right: 50%;
    font-size: 16px;
    color: #ccc; text-align:center; color:#666; box-shadow:0 0 10px #ccc;border:1px solid #ccc; z-index:11111; margin-right:-210px;
}
.tel_box .close{ position:absolute; top:10px; right:15px; width:14px; height:14px; cursor:pointer}
.tel_box h1{ color:#666; font-size:20px; line-height:70px; border-bottom:1px solid #ccc}
.tel_list{ padding:10px 0}
.tel_list li{ width:160px; margin:0 auto; text-align:center;}
.tel_list li.teach_1{ background:url(../img/male.png) no-repeat left center; padding-left:30px}
.tel_list li.teach_2{ background:url(../img/female.png) no-repeat left center; padding-left:30px}

/*about*/
.bj272727{ height:40px}
.bjfafafa{ background:#fafafa}
.about_fixed .wrap_home{ padding-top:74px}
.mar_r10{ margin-right:10px}
.marg_10{ margin-bottom:10px;}
.wrap_1 .about_in{height:292px; background:#1153b6; text-align:center; color:#fff;}
.wrap_1 .about_in a{ color:#fff; display:block; height:100%}
.wrap_1 .about_in a h1{ padding-top:98px; font-size:36px; line-height:29px; font-family:"Times New Roman"}
.wrap_1 .about_in a span{ font-size:16px; line-height:29px; font-family:"Times New Roman"; display:block}
.wrap_1 .about_in a b{ font-weight:normal; width:152px; height:39px; line-height:39px; display:block; margin:16px auto; font-family:"Microsoft Yahei"; font-size:16px}
.padding30{ padding:32px 30px;}
.about_1 .left{ position:relative}
.about_1 .left .img {
    position: absolute;
    top: 0;
    right:0;
    width: 466px; opacity:0
}
.anime-1 .about_1 .left .img{
    -webkit-animation: shu1 0.5s linear 1 backwards;
    animation: shu1 0.5s linear 1 backwards;
    opacity: 1;
}

.about_1 .left .w596{ width:596px;}


.wrap_1 a.more{ display:inline; position:absolute; right:0; top:0;cursor:pointer; font-size:14px; line-height:30px; color:#fff; background:url(../img/more.png) no-repeat; text-align:left; padding-left:40px; width:48px;}
.wrap_1 a.more:hover{ color:#fff; background:url(../img/moreh.png) no-repeat; }
#two a .zhici_con p{ -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    -moz-transition: 0.8s;}
#two:hover a .zhici_con p{ top:100px;}
input:focus{
    outline: none;
}
.tel{    position: absolute;
    right: 50px;
    background: #fff;
    height: 46px;
    width: 150px;
    top: 0; line-height:46px}
.tel{ font-size:16px; color:#333}
.posit_rel{ position:relative}
.daohangtiao{ position:absolute; bottom:0; width:100%; left:0; color:#fff; background:url(../img/about/li.png) repeat-x; line-height:50px; height:50px}
.daohangtiao p{ margin-left:38px; font-size:16px}
.left_bar{ width:240px; float:left; position:relative; margin-top:-80px;}
.left_tit{ background:#00337d; width:240px; height:150px; text-align:center; color:#fff; font-size:20px}
.left_tit h1{ font-size:36px; line-height:12px; color:#dde0e9; font-family:"Times New Roman"; margin-bottom:14px; padding-top:46px}
.left_bar ul{ text-align:center; background:#fff; margin-bottom:20px}
.left_bar ul li{ border-bottom:1px solid #fafafa;-webkit-transition: background-color .2s ease-in-out, top .2s ease-in-out;-ms-transition: background-color .2s ease-in-out, top .2s ease-in-out;-moz-transition: background-color .2s ease-in-out, top .2s ease-in-out;}
.left_bar ul li:hover,.left_bar ul li.on{ background:#0049b4 url(../img/leftli.png) no-repeat 206px center;}
.left_bar ul li:hover a,.left_bar ul li.on a{ color:#fff}
.left_bar ul li a{ color:#333; font-size:16px; line-height:60px; height:60px; display:block}
.b_logo { background:#5c5c5c; margin-bottom:20px;-webkit-transition: background-color .2s ease-in-out, top .2s ease-in-out;-ms-transition: background-color .2s ease-in-out, top .2s ease-in-out;-moz-transition: background-color .2s ease-in-out, top .2s ease-in-out;}
.b_logo a{ display:block;}
.b_logo a:hover{ background:#0049b4}

.wrap_right{ position:relative;
    width: 898px;
    float: right; margin-top:40px; margin-bottom:80px
}
.wrap_right_tit{ background:#fff} 
.wrap_right_tit {
    font-size:16px;
    color: #0049b4;
    text-align: left; padding-top:28px;
    padding-bottom: 26px; border-bottom:1px solid #e3e3e3; position:relative
}
.wrap_right_tit h1 {
   
    margin: 0 60px 0 60px;
    line-height:20px; background:url(../img/about/li_1.png) no-repeat left center; padding-left:12px
}
.tit_r {font-size:12px; color:#999999; position:absolute; right:20px; top:24px}
.tit_r a{ background: url(../img/about/right.png) no-repeat right center;
    padding-right:10px;
    margin-left:10px; font-size:12px; color:#999999}
.tit_r a.active{ color:#333; background:none; padding-right:0}
.tit_r a.home{ margin-left:0}
.about_file{ color:#333; font-size:22px; line-height:30px; margin-bottom:15px}
.profile_con{ font-size:12px; line-height:24px; color:#777; margin-bottom:38px}
.img_profile{ position:relative; height:280px; margin-bottom:40px}
.img_profile img{ position:relative; z-index:1}
.vip_file{ position:absolute; right:0; bottom:0; border:1px solid #ccc; width:700px; height:197px;}
.vip_file span{ position:absolute; bottom:16px;right:24px; font-size:14px; line-height:28px; color:#777}
.vip_file span b{ height:1px; width:24px; background:#999; display:block; margin-bottom:14px}
.about_cultrue {
    color: #333;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 15px;
}
.about_zhici {
    color: #444;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 10px;
}

.marg_10{ margin-bottom:10px}
.jiagou_img_tit h1{margin: 0  0 20px 0;    line-height: 20px; color:#0049b4; font-size:20px}
.img_box_jiagou ul li{ border:1px solid #ccc; width:229px; float:left; margin-right:42px; margin-bottom:40px; cursor:pointer;}
.img_box_jiagou ul li.last{ margin-right:0}
.img_box_jiagou ul li .img_top{height:284px; overflow:hidden}
.img_box_jiagou ul li .img_top img{-webkit-transition: transform 1s;-o-transition: transform 1s;-moz-transition: transform 1s;}
.img_box_jiagou ul li:hover .img_top img{-webkit-transform:scale(1.2,1.2);-webkit-transition:transform 1.5s linear 0;-moz-transform:scale(1.2,1.2);-moz-transition:transform 1.5s linear 0;-o-transform:scale(1.2,1.2);-o-transition:transform 1.5s linear 0}
.img_box_jiagou ul li .con_bot{ text-align:left; padding:16px 18px}
.img_box_jiagou ul li h1{ font-size:16px; color:#333; line-height:24px}
.img_box_jiagou ul li p{ color:#666; line-height:28px; font-size:14px}
.img_box_jiagou ul li:hover h1{ color:#0049b4}
.img_box_jiagou ul li:hover p{ color:#333}
.right_con{ overflow:hidden}
.hornor_box li {
    width: 247px;
    float: left;
    margin-right:18px;
    cursor: pointer;
    position: relative;
    transition: all 0.4s;
    height:240px;
    background: #fff;
    margin-bottom: 30px;
    text-align: left;
}
.hornor_box li div.home_top_img {
    overflow: hidden;
    width: 247px;
    height: 160px;
    position: relative;
    z-index: 1;
}
.hornor_box li div.home_top_img img {
    transition: transform 1s;
}

.hornor_box li:hover div.home_top_img img{

-webkit-transform:scale(1.1,1.1);-webkit-transition:transform 1.5s linear 0;-moz-transform:scale(1.1,1.1);-moz-transition:transform 1.5s linear 0;-o-transform:scale(1.1,1.1);-o-transition:transform 1.5s linear 0
}

.marg_24{ margin-bottom:24px}
.w_100{ width:100%}
.marg_img{ opacity:0}
.anime .marg_img{ opacity:1;-webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;}
.tit_1 span{ opacity:0}
.anime .tit_1 span.yi{ opacity:1;-webkit-animation: fadeIn 0.5s linear 1 backwards;    animation: fadeIn 0.5s linear 1 backwards;}
.anime .tit_1 span.shu{ opacity:1;-webkit-animation: fadeIn 0.5s linear 0.3s 1 backwards;    animation: fadeIn 0.5s linear 0.3s 1 backwards;}
.anime .tit_1 span.sheng{ opacity:1;-webkit-animation: fadeIn 0.5s linear 0.6s  1 backwards;    animation: fadeIn 0.5s linear 0.6s 1 backwards;}
.anime .tit_1 span.huo{ opacity:1;-webkit-animation: fadeIn 0.5s linear 0.9s 1 backwards;    animation: fadeIn 0.5s linear 0.9s 1 backwards;}
.tit_1 .t5{ opacity:0}



.izl-rmenu{
	       margin-right: 0;
	       width: 50px;
	       position: fixed;
	       right: 0;
	       top: 48%;
	       z-index:999;
}
.izl-rmenu .consult{    
    background:#fff url(../img/w120.png) no-repeat center center;
    display: block;
    height: 65px;
    width: 65px;box-shadow:0 0 10px #ccc;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 26px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background:#fff url(../img/share.png) no-repeat center center;
    display: block;
    height:65px;
    width: 65px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;box-shadow:0 0 10px #ccc;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background:#fff url(../img/top.png) no-repeat center center;
    display: block;
    height: 65px;
    width:65px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;box-shadow:0 0 10px #ccc;
}
.izl-rmenu .btn_top:hover {
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
}
#udesk-feedback-tab {
    z-index: 10000;
    cursor: pointer; background:#fff url(../img/w121.png) no-repeat center center;
    display: block;
    height: 65px;
    width:65px;
    z-index:999; box-shadow:0 0 10px #ccc;
}
#udesk-feedback-tab:hover div{     display: inline !important;}
.device .bj{ background:url(../img/home/bannerb.png) no-repeat bottom center; position:absolute; bottom:0; left:0; width:100%; height:139px;}
.tit_box{ margin-top:30px;}
.tit_box h1{ font-size:16px; color:#666; border-bottom:1px solid #e7e7e8; padding-bottom:13px; line-height:18px; font-weight:700; font-family:"微软雅黑"; margin-bottom:13px}
.tit_box p{ line-height:28px; color:#666; font-size:14px; height:84px; overflow:hidden}
.yuan9{     width: 276px;
    height: 178px;
    position: absolute;
    left: -230px;
    top: -60px;}
.i-ban .btn {
    position: absolute;
    bottom: 30px;
    right:10%;
    width: 81px; z-index:1; margin-left:-115px;
}
.header img{ width:100%}
.tit_1{ position:relative;  height:50px;}
.tit_1 span{ position:absolute; left:0; top:0; width:100%;}
.tit_1 .t5{ position:absolute; left:50%; top:10px; width:31px; height:31px; margin-left:-15px;}
.anime .tit_1 .t5{ opacity:1;-webkit-animation: fadeIn 0.5s linear 0.9s 1 backwards;    animation: fadeIn 0.5s linear 0.9s 1 backwards;}
.anime .tit_1 .t5 img{ -webkit-animation: cicle_l 1s linear 1.4s 1 backwards;
    animation: cicle_l 1s linear 1.4s 1 backwards;
    opacity: 1;/*-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;*/}
.wrap-1 .img_box .left .left1{ opacity:0}
.anime .wrap-1 .img_box .left .left1{ -webkit-animation: shu 0.5s linear 1 backwards;
    animation: shu 0.5s linear 1 backwards; opacity:1
}
.wrap-1 .img_box .left .left2 h1,.wrap-1 .left span,.wrap-1 .img_box .left .left2 i,.wrap-1 .left p{opacity:0}
.anime .wrap-1 .img_box .left .left2 h1{ -webkit-animation: up1 0.5s linear 1 backwards;
    animation: up1 0.5s linear 1 backwards; opacity:1
}
.anime .wrap-1 .left span{ -webkit-animation: up1 0.5s linear 0.3s 1 backwards;
    animation: up1 0.5s linear 0.3s 1 backwards; opacity:1
}
.anime .wrap-1 .img_box .left .left2 i{ -webkit-animation: up1 0.5s linear 0.6s 1 backwards;
    animation: up1 0.5s linear 0.6s 1 backwards; opacity:1
}
.anime .wrap-1 .left p{ -webkit-animation: up1 0.5s linear 0.9s 1 backwards;
    animation: up1 0.5s linear 0.9s 1 backwards; opacity:1
}

.wrap-1 .right .right1 img{ opacity:0}
.anime .wrap-1 .right .right1 img{ -webkit-animation: shu 1s linear 0.3s 1 backwards;
    animation: shu 1s linear 0.3s 1 backwards; opacity:1
}
.anime .wrap-1 .linebj{ -webkit-animation: width_a 1.5s linear 1 backwards;
    animation: width_a 1.5s linear 1 backwards; opacity:0
}
.wrap-1 .linebj{ opacity:1;position: absolute;
    left: -30px;
    bottom: -66px; width:803px; height:78px; background:#040404; z-index:11}
.wrap-3 .linebj{ opacity:1;position: absolute;
       left: 256px;
    bottom: 40px;width:803px; height:78px; background:#040404; z-index:11}
.wrap-2 .linebj{ opacity:1;position: absolute;
    right: -65px;
    bottom: -10px;
	 width:751px; height:73px; background:#040404; z-index:11}
.wrap-2 .right .right1 img{ opacity:0}
.anime .wrap-2 .right .right1 img{ -webkit-animation: shu 1s linear 0.3s 1 backwards;
    animation: shu 1s linear 0.3s 1 backwards; opacity:1
}
.anime .wrap-2 .linebj{ -webkit-animation: width_b 1.5s linear 1 backwards;
    animation: width_b 1.5s linear 1 backwards; opacity:0
}
.wrap-3 .img_box .left a.more span{ background:#ffe1ad; position:absolute; left:0; top:0; width:0; height:42px;-webkit-transition:all .6s;transition:all .6s}
.wrap-3 .img_box .left a.more:hover span{ width:100%;-webkit-transition:all .6s;transition:all .6s; }
a.more{ position:relative;}
a.more p{top:0}
.wrap-3 .img_box .left a.more p{ margin-bottom:0; line-height:40px; }
.wrap-3 .img_box .left a.more:hover p{ position:relative; z-index:1; color:#a1762a;}
.wrap-2 .left a{ opacity:0}
.anime .wrap-2 .left a{ -webkit-animation: fadeIn 0.5s linear 1.3s 1 backwards;
    animation: fadeIn 0.5s linear 1.3s 1 backwards; opacity:1
}
.anime .wrap-3 .left a{ -webkit-animation: fadeIn 0.5s linear 1.3s 1 backwards;
    animation: fadeIn 0.5s linear 1.3s 1 backwards; opacity:1
}
.wrap-4 .left,.wrap-4 .right{opacity:0}
.anime .wrap-4 .left{ -webkit-animation: up 0.5s linear 1.5s 1 backwards;
    animation: up 0.5s linear 1.5s 1 backwards; opacity:1
}
.anime .wrap-4 .right{ -webkit-animation: up1 0.5s linear 1.5s 1 backwards;
    animation: up1 0.5s linear 1.5s 1 backwards; opacity:1
}
.wrap_2_con a, .con_wrp3 h1, .con_wrp3 p, .blogo{opacity:0}

.anime .con_wrp3 h1{ -webkit-animation: up 0.5s linear 1.2s 1 backwards;
    animation: up 0.5s linear 1.2s 1 backwards; opacity:1
}
.anime .con_wrp3 p{ -webkit-animation: up 0.5s linear 1.5s 1 backwards;
    animation: up 0.5s linear 1.5s 1 backwards; opacity:1
}
.anime .blogo{ -webkit-animation: up 0.5s linear 1.8s 1 backwards;
    animation: up 0.5s linear 1.8s 1 backwards; opacity:1
}


.wrap-3 .left a{ opacity:0}
/*menu*/
.menu_box .padding_box .close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 12%;
    right:6%;
    cursor: pointer;
}
.menu_box {
    background: #040404 url(../img/home/foot.png) no-repeat bottom right;
    color: #b8bfd1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1234;
}
.menu_box .nav ul li {
    float: left; width:96px;
    text-align: left;
    line-height: 30px;
    font-size: 14px;
    margin-right:124px; margin-bottom:74px;
}
.menu_box .nav ul li h1 {
       font-size: 24px;
    line-height: 28px;
    color: #e0c089;
    margin-bottom: 22px;
    margin-top: 0;
}
.menu_box .nav ul li a {
    color: #ac9d8e;
    display: block; line-height:24px;
    font-family: "微软雅黑"; font-size:14px
}
.menu_box .nav ul li .menu_in_con{ margin-bottom:70px;min-height:120px;height:120px}
.menu_box .nav ul li.last{ margin-right:0;}

.bottom_rel{ position:relative; margin:0 85px;}
.bottom_rel p{ font-size:12px; color:#9e8f80}
.bottom_rel .right_links .fl{ margin:0}
.menu_box .padding_box .nav{ width:1200px; margin:12% auto 0 auto; overflow:hidden}
.menu_box .padding_box .close{-webkit-transition: all 1s;transition: all 1s;}
.menu_box .padding_box .close span{position: relative;
			display: block;

			width: 30px;
			height: 5px;

			margin: 10px auto;
			background-color: #fff;

			border-radius: 10px;

			-webkit-transition: .3s;
			transition: .3s;}
.menu_box .padding_box .close span:nth-of-type(1) {
			margin-top: 0px;
			-webkit-transform: translateY(8.5px) rotate(-45deg);
    -ms-transform: translateY(8.5px) rotate(-45deg);
    transform: translateY(8.5px) rotate(-45deg);
		}
.menu_box .padding_box .close span:nth-of-type(2) {
			margin-bottom: 0px;
			-webkit-transform: translateY(-6.5px) rotate(45deg);
    -ms-transform: translateY(-6.5px) rotate(45deg);
    transform: translateY(-6.5px) rotate(45deg);
		}
.menu_box .padding_box .close:hover span:nth-of-type(1) {
-webkit-transform:translateY(1.5px) rotate(-1.4deg);
-ms-transform:translateY(1.5px) rotate(-1.4deg);
transform: translateY(1.5px) rotate(-1.4deg);
}
.menu_box .padding_box .close:hover span:nth-of-type(2) {
-webkit-transform: translateY(-4.5px) rotate(-1.4deg);
-ms-transform: translateY(-4.5px) rotate(-1.4deg);
transform: translateY(-4.5px) rotate(-1.4deg);
}
.pc_nav .menu_box{ display:none}
.menu_box .padding_box .close:hover{ -webkit-animation: pulse 1s linear 1 backwards;
    animation: pulse 1s linear 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; }
.wrap-3 .right .right1 img{ opacity:0}
.anime .wrap-3 .right .right1 img{ -webkit-animation: shu 1s linear 0.3s 1 backwards;
    animation: shu 1s linear 0.3s 1 backwards; opacity:1
}
.anime .wrap-3 .linebj{ -webkit-animation: width_a 1.5s linear 1 backwards;
    animation: width_a 1.5s linear 1 backwards; opacity:0
}

.load{ margin:0 auto; width:52px; height:52px; text-align:center}



.wrap-2 .img_box .left .left1{ opacity:0}
.anime .wrap-2 .img_box .left .left1{ -webkit-animation: shu 0.5s linear 1 backwards;
    animation: shu 0.5s linear 1 backwards; opacity:1
}
.wrap-2 .img_box .left .left2 h1,.wrap-2 .left span,.wrap-2 .img_box .left .left2 i,.wrap-2 .left p{opacity:0}
.anime .wrap-2 .img_box .left .left2 h1{ -webkit-animation: up1 0.5s linear 1 backwards;
    animation: up1 0.5s linear 1 backwards; opacity:1
}
.anime .wrap-2 .left span{ -webkit-animation: up1 0.5s linear 0.3s 1 backwards;
    animation: up1 0.5s linear 0.3s 1 backwards; opacity:1
}
.anime .wrap-2 .img_box .left .left2 i{ -webkit-animation: up1 0.5s linear 0.6s 1 backwards;
    animation: up1 0.5s linear 0.6s 1 backwards; opacity:1
}
.anime .wrap-2 .left p{ -webkit-animation: up1 0.5s linear 0.9s 1 backwards;
    animation: up1 0.5s linear 0.9s 1 backwards; opacity:1
}








.wrap-3 .img_box .left .left1{ opacity:0}
.anime .wrap-3 .img_box .left .left1{ -webkit-animation: shu 0.5s linear 1 backwards;
    animation: shu 0.5s linear 1 backwards; opacity:1
}
.wrap-3 .img_box .left .left2 h1,.wrap-3 .left span,.wrap-3 .img_box .left .left2 i,.wrap-3 .left p{opacity:0}
.anime .wrap-3 .img_box .left .left2 h1{ -webkit-animation: up1 0.5s linear 1 backwards;
    animation: up1 0.5s linear 1 backwards; opacity:1
}
.anime .wrap-3 .left span{ -webkit-animation: up1 0.5s linear 0.3s 1 backwards;
    animation: up1 0.5s linear 0.3s 1 backwards; opacity:1
}
.anime .wrap-3 .img_box .left .left2 i{ -webkit-animation: up1 0.5s linear 0.6s 1 backwards;
    animation: up1 0.5s linear 0.6s 1 backwards; opacity:1
}
.anime .wrap-3 .left p{ -webkit-animation: up1 0.5s linear 0.9s 1 backwards;
    animation: up1 0.5s linear 0.9s 1 backwards; opacity:1
}





.i-ban .btn span {
    width: 15px;
    height: 15px;
    margin: 0 6px; float:left; display:inline; border-radius:360px; background:url(../img/home/img2.png) no-repeat
}
.i-ban .btn span.on {
    background:url(../img/home/img1.png) no-repeat
}
.banner_box {
    position: relative;
    height: auto;
}

.banner {
    width: 100%;
    height: 845px;
    position: relative;
    overflow: hidden;
}
.f-cb {
    zoom: 1;
}
.banner {
    width: 100%;
    height: 888px;
    position: relative;
    overflow: hidden;
}
.banner li {
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    display: none; 
     height: auto;
}
.banner li .bimg{
    max-width: 100%;
}
.bannertxt {
    position: absolute;
    top:25%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
    margin-top: 0;
}
.i-ban li a {
    display: block;
    transition: all 0.3s;
}
#scrollObj{width:430px;position:relative;}
#scrollBar{width:2px;height:270px;background:#d9d9d9;cursor:pointer;position:relative;right:1px}
#scrollBtn{width:4px;height:80px;background:#0049b4;cursor:pointer;position:absolute;top:0;right:-1px}
#scrollBox{height: 270px;width: 500px;overflow: hidden;position: relative;}

.wrap_news .w_1200{ background:#fff}
.wrap_news .w_1200 .news_list { padding:33px 30px;
    width: auto;
    margin: 0 auto;
}
.wrap_news .news_list ul{ width:11545x; overflow:hidden}
.wrap_news .news_list li{ float:left; margin-right:16px; width:370px; height:362px; margin-right:13px; border:1px solid #f5f5f5; margin-bottom:13px}
.wrap_news .news_list li .bottom_news{ padding:19px 30px}
.wrap_news .news_list li .top_news{ height:221px;}

.anime .wrap_news .news_list li:nth-child(1) {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
    opacity: 1;
}
.anime .wrap_news .news_list li:nth-child(2) {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
    opacity: 1;
}
.anime .wrap_news .news_list li:nth-child(3) {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
    opacity: 1;
}
.anime .wrap_news .news_list li {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
    opacity: 1;
}
.wrap_news .w_1200{ box-shadow:0 0 10px #f5f5f5}
.news_nav li { cursor:pointer;float:left; width:400px; height:63px; line-height:63px; color:#999999; font-size:20px; text-align:center}
.news_nav li.on,.news_nav li:hover{ background:#0099d0; color:#fff;}
.news_nav{ position:relative; height:63px; background:#fff}
.news_nav span{ background:#e8e8e8; height:1px; width:100%; position:absolute; bottom:0; left:0}
/*
-----------
** 招聘模板4 **
-----------
*/
.job-list-tpl4{
	width: 100%;
}
.job-list-tpl4 dt {
    color: #666;
    cursor: pointer;
    font-weight: normal;
    height:70px;
    line-height: 70px;
    padding-left: 20px;
    font-size: 16px;
    border-bottom: 1px solid #f2f2f2; position:relative;
}
.job-list-tpl4 dt i {
	 background:url(../img/rlzy/add.png) no-repeat;
    color: #444;
    cursor: pointer;
    display: inline-block;
    height: 70px;
    width:70px; position:absolute;top:0; right:20px;
}
.job-list-tpl4 dd {
    display: none;
    overflow: hidden;
    padding: 25px 0 38px 0; width:100%;
    position: relative;
    border-bottom: 1px solid #fafafa; background:#fafafa}
.right_con table th:first-child{ padding-left:20px}
.right_con table th{ line-height:70px; height:70px; text-align:left;font-size: 18px; color:#fff}
.right_con_shadow{
 box-shadow:0 0 20px #ccc
}
.table_box_bj{ background:#cd1e3a url(../img/rlzy/bj.png) no-repeat; position:relative; height:70px;}
.table_bj{ position:absolute; right:0; top:0; background:url(../img/rlzy/right.png) no-repeat right center;}
.job-list-tpl4 dd tr.p_30 td{ padding-left: 30px}
.job-list-tpl4 dd td { margin-bottom:5px; display:inline-block;
    line-height: 28px; font-size:14px; color:#666;    width: 33.333%;
    box-sizing: border-box;
}
.job-list-tpl4 dd td span {
    color: #666; font-size:15px; font-weight:700;
    padding-right: 5px; 
}
.more_link{ margin-top:285px; margin-left:0; width:810px;}
.more_link span{ width:20px; height:2px; background:#d8262c; margin-bottom:22px; display:block; margin-left:4px}
.more_link p{ color:#fff; font-size:24px; line-height:30px; margin-bottom:12px; text-transform:capitalize}
.more_link h1{ color:#fff; font-size:60px;  line-height:62px;text-transform: uppercase;}
.swiper-slide .bg{ position:absolute; height:100%; overflow:hidden;
 opacity:0
}
.img_banner{ height:100%}
.swiper-container{overflow:hidden;}
.swiper-slide .bgt-1{  top:0; left:0; width:1700px; 
 opacity:0
}
.swiper-slide .bgt-2{  top:0; left:0; width:1700px; 
 opacity:0
}
.swiper-slide .bgt-3{  top:0; left:0; width:1700px; 
 opacity:0
}
.swiper-slide .bgt-4{  top:0; left:0; width:1700px; 
 opacity:0
}.swiper-slide .bgt-5{  top:0; left:0; width:1700px; 
 opacity:0
}
.swiper-slide .bgt-1 span{background:rgba(255,255,255,0.9);  height:100%; display:block;
-webkit-animation: width_b 0.5s linear 1 backwards;
    animation: width_b 0.5s linear 1 backwards; 
}
.swiper-slide .bgt-2 span{background:rgba(0,0,0,0.8); height:100%; display:block;
-webkit-animation: width_b 0.5s linear 0.3s 1 backwards;
    animation: width_b 0.5s linear 0.3s 1 backwards; 
}
.swiper-slide .bgt-3 span{background:rgba(255,255,255,0.7);  height:100%; display:block;
-webkit-animation: width_b 0.5s linear 0.6s 1 backwards;
    animation: width_b 0.5s linear 0.6s 1 backwards; 
}

.swiper-slide .bgt-4 span{background:rgba(0,0,0,0.6);  height:100%; display:block;
-webkit-animation: width_b 0.5s linear 0.9s 1 backwards;
    animation: width_b 0.5s linear 0.9s 1 backwards; 
}
.swiper-slide .bgt-5 span{background:rgba(255,255,255,0.5); height:100%; display:block;
-webkit-animation: width_b 0.5s linear 1.2s 1 backwards;
    animation: width_b 0.5s linear 1.2s 1 backwards; 
}


.swiper-slide .bgt-1{ 
-webkit-animation: fadeInLeft 0.5s linear 1 backwards;
    animation: fadeInLeft 0.5s linear 1 backwards; 
}
.swiper-slide .bgt-2{ 
-webkit-animation: fadeInLeft 0.5s linear 0.3s 1 backwards;
    animation: fadeInLeft 0.5s linear 0.3s 1 backwards; 
}
.swiper-slide .bgt-3{ 
-webkit-animation: fadeInLeft 0.5s linear 0.6s 1 backwards;
    animation: fadeInLeft 0.5s linear 0.6s 1 backwards; 
}
.swiper-slide .bgt-4{ 
-webkit-animation: fadeInLeft 0.35s linear 0.9s 1 backwards;
    animation: fadeInLeft 0.5s linear 0.9s 1 backwards; 
}
.swiper-slide .bgt-5{ 
-webkit-animation: fadeInLeft 0.5s linear 1.2s 1 backwards;
    animation: fadeInLeft 0.5s linear 1.2s 1 backwards; 
}




.swiper-slide{ position:relative}
.job-list-tpl4 dd td span.tit { font-size:15px}
.job-list-tpl4 .btn{ margin-top:30px; height:36px;
	background: #da1b39 url(../img/rlzy/jl.png) 32px center no-repeat;
    color: #fff;
    display: inline-block;
    line-height: 36px;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 132px; padding-left:10px;
-webkit-transition: background-color .2s ease-in-out, top .2s ease-in-out;-o-transition: background-color .2s ease-in-out, top .2s ease-in-out;-moz-transition: background-color .2s ease-in-out, top .2s ease-in-out;
}
.job-list-tpl4 .btn:hover{
	color: #fff;
	background: #000 url(../img/rlzy/jl.png) 32px center no-repeat;
}
.job-list-tpl4 dt.open {
    color: #666;
}
.job-list-tpl4 dt.open i {
  background:url(../img/rlzy/pul.png) no-repeat;
}

.job_file {
    color: #333;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 12px;
}
.lilian_con {
    font-size: 12px;
    line-height: 24px;
    color: #777;
    margin-bottom: 32px;
}
.jiazhi ul li{ padding-left:48px}
.jiazhi ul li h1{color: #333;
    font-size: 18px;
    line-height: 22px;}
.jiazhi ul li p{font-size: 12px;
    line-height: 24px;
    color: #777;
    margin-bottom:22px;}
.lilian_con{ position:relative}
.lilian_con .rc{ position:absolute; top:-50px; right:0; }
.lilian_con .w526{ width:526px;}
.video_fixed{position:fixed; background:url(../img/png.png) repeat; width:100%; height:100%; left:0;top:0; z-index:1111}
.sp{ width:825px; height:450px; margin:14% auto;  position:relative}
.video_fixed .close{ width:13px; height:13px; top:-30px; right:0; position:absolute; cursor:pointer; background:url(../img/close.png) no-repeat}
.video_fixed .video{ width:450px; height:300px; margin:14% auto; position:relative}
.other_banner{ height:750px; display:block; position:relative}
.other_banner .banner_in{ height:750px; position:relative}
.show_box{ overflow:hidden; padding-bottom:62px; padding-top:58px;}
.wrap_left_bottom{ height:133px; width:100%; margin-bottom:10px}
.wrap_left_bottom a{ display:block; color:#999}
.wrap_left_bottom a:hover{  color:#333}
.wrap_left_bottom a:hover h1{ color:#e13d43}
.wrap-1 .right .anime_1 span {
    color: #666;
    text-transform: uppercase;
    line-height: 22px;
    display: inline;
    float: left;
    margin-left: 7px;
    font-size: 14px;
}
.text_box{ width:1200px; margin:0 auto; text-align:left; color:#f3c286; position:relative}
.text_box div{ padding-top:225px}
.text_box p{ margin-bottom:20px}
.text_box p.p1{ margin-bottom:16px; font-size:49px; line-height:50px;}
.text_box p.p2{ margin-bottom:48px; font-size:26px; line-height:26px; margin-left:15px}
.text_box p.p3{ font-size:16px; line-height:24px;}
.down_btn{ position:absolute; bottom:58px; width:21px; left:50%; margin-left:-10px; cursor:pointer}
.down_btn img{ position:absolute; top:0; left:0; width:21px; height:23px;}
.down_btn img.img_up{ -webkit-animation: down_up 1.5s linear 0.5s 1 backwards;
    animation: down_up 2s linear 0.5s 1 backwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;}
.down_btn img.img_down{ -webkit-animation: down_up 1.5s linear 1 backwards;
    animation: down_up 2s linear 1 backwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;}
	
.wrap-1 .left .home_top_list_left dl dt p{ display:inline; float:left; color:#333; font-size:14px;line-height:50px}
.home_top_list_left dl dt{ height:50px; line-height:50px; border-bottom:1px dashed #d1d1c5}
.home_top_list_left dl dt a{ display:block; height:100%; }
.wrap-1 .left .home_top_list_left dl dt span{ display:inline; float:right; color:#999; font-size:14px;line-height:50px}
.wrap-1 .left .home_top_list_left dl dt a:hover p,.wrap-1 .left .home_top_list_left dl dt a:hover span{ color:#e13d43}
.bar_box{ width:294px; float:left; text-align:center; position:relative; z-index:2}
.wrap_in { background:#edece8 url(../img/left_bj.png) no-repeat left top; position:relative; z-index:1; overflow:hidden}
.video_list{ padding-bottom:18px; overflow:hidden}
.video_list ul{ width:872px;}
.video_list li{ float:left; width:414px; margin-right:22px; margin-bottom:22px;}
.video_list li div {
    text-transform: uppercase;
    height: 246px;
    display: block;
    overflow: hidden;
    border-radius: 10px 10px 0 0; position:relative
}

.video_list li div img {
    transition: transform 0.6s;
}
.video_list li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/play.png) no-repeat center center;
    cursor: pointer;
}
.video_list li:hover span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/playh.png) no-repeat center center;
    cursor: pointer;
}
.video_list li div:hover img{transform:scale(1.2,1.2);transition:transform 0.6s linear 0}

.video_list li p {
    line-height: 50px;
    height: 50px;
    color: #666;
    font-size: 14px;
    text-align: center;
    border: 1px solid #f1f1f1;
    border-top: none; border-radius:0 0 10px 10px;
}

.bar_box h1{ color: #da251c;
    font-size: 26px;
    line-height: 24px;
    font-weight: normal;
    padding: 28px 0 15px 0;}
.bar_box h1 span{ display:block;text-transform:uppercase; /*font-size:16px; color:#808080;  */ line-height:30px;}
.bar_box ul{ margin-left:17px}
.bar_box li{ line-height:62px; height:62px; font-size:16px; color:#da251c; position:relative;  text-align:left}
.bar_box li a{ display:block; padding-left:94px}
.bar_box li.on,.bar_box li:hover{ background:url(../img/barh.png) no-repeat;}
.bar_box li.on a,.bar_box li:hover a{ color:#da251c}
.bar_box li span{ background:url(../img/barl.png) no-repeat; width:205px; height:22px; position:absolute; bottom:-20px; left:0}
.wrap_in_right_products{ background:url(../img/showbj.png) repeat-y; float:left; width:906px; position:relative;} 
.wrap_in_right_products h1{ position:relative; padding:38px 0 38px 80px; height:24px; line-height:24px; background:url(../img/titbj.png) no-repeat; margin-bottom:70px; font-size:24px; color:#da251c }
.wrap_in_right_products h1.about_marg{ margin-bottom:2px;}
.wrap_in_right_products h1 b.line{ position:absolute; bottom:1px; left:1px; height:1px; background:#b5b5b5;border-top:1px solid #636163;border-bottom:1px solid #fefefe; display:block; width:100%;}
.wrap_in_right_products h1 span{ position:absolute; top:38px; right:72px; font-size:12px; color:#808080}
.wrap_in_right_products h1 span a{ color:#808080;}
.wrap_in_right_products h1 span a:hover{ color:#da251c}
.product_list{ padding:24px 80px; overflow:hidden;  position:relative;min-height:1000px;}
.product_list li{ margin-bottom:70px;}
.product_list li div{background:url(../img/product/bj.png) no-repeat; width:767px; height:483px;  overflow:hidden; margin-bottom:40px;}
.product_list li div img{ width:745px; height:462px; border:5px solid #fff; margin:5px}
.product_list li p{font-size: 16px;color: #da251c;text-align: center;line-height: 34px;}
.wrap_in_right_products h3{    text-align: center;
    font-size: 12px;
    word-spacing: 20px;
    letter-spacing: 14px;
    line-height: 24px;
    height: 24px;
    margin-top: 35px;
    padding-bottom: 32px;
    margin-bottom: 10px;
    position: relative;
    z-index: 12;}
.case_list_m li{ margin-bottom:50px}
.news_content{line-height:36px; position:relative; z-index:1; margin:0 40px; min-height:660px; min-height:1000px}
.news_content li{ line-height:36px; border-bottom:1px dashed #969696; padding-left:10px; background:url(../img/news/doit.png) no-repeat 2px center}
.contact_content{position:relative; z-index:1; margin:0 40px 190px 40px; min-height:660px; padding-top:30px; line-height:30px; font-size:14px}
#map{  height:387px; border-radius:5px;}
.map{ margin-bottom:38px;}
.contact_content h2{ font-size:30px}
.contact_content img{ margin:0 auto; display:block}
.news_content h2{color:#da251c; font-size:22px; text-align:center; line-height:24px; margin-top:34px; border-bottom:1px dashed #919191; padding-bottom:26px; margin-bottom:26px;}
.news_content h2 span{ display:block; color:#666464; font-size:14px; line-height:18px; margin-top:16px}
.news_content .news_detail_con{line-height:32px; color:#4c4948}
.contact_list div{ background:#f6f6f6; height:123px; width:277px; border-radius:5px; text-align:center; float:left; margin-right:9px}
.contact_list div:hover{ background:#da2b18}
.contact_list div p{ color:#666; line-height:20px; font-size:14px; margin-bottom:8px}
.contact_list div p.tit{font-weight:700}
.contact_list{ width:858px; overflow:hidden; margin-bottom:94px;}
.contact_list div em{ margin:24px auto 8px auto; width:30px; height:30px; display:block}
.contact_list .first em{ background:url(../img/about/5.png) no-repeat center center; }
.contact_list .two em{ background:url(../img/about/6.png) no-repeat center center; }
.contact_list .three em{ background:url(../img/about/7.png) no-repeat center center;}
.contact_list .first:hover em{ background:url(../img/about/5h.png) no-repeat center center; }
.contact_list .two:hover em{ background:url(../img/about/6h.png) no-repeat center center; }
.contact_list .three:hover em{ background:url(../img/about/7h.png) no-repeat center center;}
.history_list{ padding-bottom:30px; overflow:hidden}
.history_list .line{ position:absolute; top:0; left:-56px; width:51px; background:url(../img/about/doit.png) repeat-y center; height:97%}
.history_list .line img{ margin:0 auto}
.history_list ul{ width:794px; float:right; background:url(../img/about/hua.png) right bottom no-repeat; padding-bottom:30px; padding-top:80px; position:relative}
.contact_list div:hover p{ color:#fff;}
.history_list li{ position:relative}
.history_list li div.con{ padding:30px; border:1px solid #ccc; border-radius:8px; float:none; min-height:140px; margin-bottom:30px; overflow:hidden}
.history_list li .left{ font-size:34px; font-weight:700; color:#999999; width:118px; float:left; position:relative}
.history_list li em{ position:absolute;width:24px; height:24px; background:url(../img/about/cic.png) no-repeat; left:-10px; top:34px}
.history_list li .right{ width:614px; float:left}
.history_list li .right div{ margin-left:30px;}
.history_list li .right div h1{ font-size:18px; color:#333;line-height:24px; margin-bottom:10px}
.history_list li .right div p{ font-size:14px; color:#666; line-height:24px}
.row_list_two{ padding-bottom:20px}
.row_list_two li{ margin-bottom:20px; height:280px; background:#fafafa;border-radius: 5px 5px 5px 5px;}
.row_list_two li:hover{ background:#dc3510;box-shadow:0 0 20px #fafafa;}
.row_list_two li:hover .home_bottom_bg div h1,.row_list_two li:hover .home_bottom_bg div p,.row_list_two li:hover .home_bottom_bg div span{ color:#fff}
.row_list_two li .home_top_img{overflow: hidden;
    width: 415px;
    height: 280px;
    position: relative;
    z-index: 1; overflow:hidden; border-radius:5px; float:left;}
.row_list_two li .home_bottom_bg{width:435px;
    font-size: 14px;
    color: #fff;
    border-radius: 0 0 5px 5px; float:left}
.row_list_two li .home_bottom_bg div {
    position: relative;
    z-index: 1;
    padding: 30px;
    line-height: 40px;
    font-size: 14px;
}
.row_list_two li .home_bottom_bg div h1 {
    font-size:20px;
    color: #333;
    line-height: 30px;
    height: 30px;
    overflow: hidden; margin-bottom:20px; margin-top:20px;
}
.row_list_two li .home_bottom_bg div span{ font-size:12px; color:#666; line-height:38px; height:38px; display:block; margin-bottom:10px; width:118px; border-radius:10px; border:1px solid #e5e5e5; text-align:center;}
.row_list_two li .home_bottom_bg div p {
    color: #666;
    font-size: 14px;
    line-height: 30px;
    height: 60px;
    overflow: hidden; margin-bottom:30px;
}
.row_list_two .home_top_img img {
    transition: transform 1s;
}
.row_list_two .home_top_img img:hover {
transform:scale(1.2,1.2);transition:transform 1.5s linear 0
}
.row_list_two li:hover .home_top_img img {
transform:scale(1.2,1.2);transition:transform 1.5s linear 0
}





/*foot*/
.right_con  .copyright {display:inline; position:absolute; top:20px; right:0}
.right_con  .copyright a{margin-left:10px; margin-right:0;padding:0;text-align:center;width:17px;height:17px;cursor:pointer;display:inline-block; float:none;}
.copyright a.news_qq{background:url(../img/qq.png) no-repeat;height:17px; display:inline-block;}

.copyright a.news_wx{background:url(../img/weixin.png) no-repeat;height:17px;display: inline-block;}
.copyright a.news_sina{background:url(../img/sina.png) no-repeat;height:17px;}
.copyright a.news_qzeo:hover{background:url(../img/kj.png) no-repeat;}
.copyright a.news_qq:hover{background:url(../img/qq.png) no-repeat;}

.copyright a.news_wx:hover{background:url(../img/weixin.png) no-repeat}
.copyright a.news_sina:hover{background:url(../img/sina.png) no-repeat}

.pagebox{ width:52%; margin:20px auto 0 auto; margin-bottom:46px; overflow:hidden;}
.pagebox a.up_p{ line-height:60px; height:60px;background:url(../img/show/l1.png) no-repeat left center; padding-left:40px; color:#666; position:absolute; top:0; left:47px}
.pagebox a.down_p{line-height:60px; height:60px;background:url(../img/show/r1.png) no-repeat right center; padding-right:40px; color:#666;position:absolute; top:0; right:47px}
.pagebox{ position:relative}
.news_bj{background: url(../img/show/bj.png) no-repeat bottom center;
    padding-bottom: 80px;}
.about_in{  overflow:hidden; height:292px;
}
.other_banner .top_banner{ position:relative; height:486px;}

.top_banner .bg{ position:absolute; height:100%;opacity:0; right:0

}
.top_banner .bg span{    background: rgba(255,255,255,0.8);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%; opacity:0}
.top_banner .bgt-1{  top:0; right:0; width:100%; 

}
.top_banner .bgt-2{  top:0; right:0; width:100%; 

}
.top_banner .bgt-3{  top:0; right:0%; width:100%; 

}
.top_banner .bgt-4{ top:0; right:0; width:100%; 

}
.top_banner .bgt-5{  top:0; right:0; width:100%; 

}


.anime_t1 .top_banner .bg{ opacity:1}
.anime_t1 .top_banner .bgt-1{-webkit-animation: fadeInLeft 0.5s linear 1 backwards;
    animation: fadeInLeft 0.5s linear 1 backwards}
.anime_t1 .top_banner .bgt-2{-webkit-animation: fadeInLeft 0.5s linear 0.3s  1 backwards;
    animation: fadeInLeft 0.5s linear 0.3s 1 backwards}
.anime_t1 .top_banner .bgt-3{-webkit-animation: fadeInLeft 0.5s linear 0.6s  1 backwards;
    animation: fadeInLeft 0.5s linear 0.6s 1 backwards}
.anime_t1 .top_banner .bgt-4{-webkit-animation: fadeInLeft 0.5s linear 0.9s  1 backwards;
    animation: fadeInLeft 0.5s linear 0.9s 1 backwards}
.anime_t1 .top_banner .bgt-5{-webkit-animation: fadeInLeft 0.5s linear 1.2s 1 backwards;
    animation: fadeInLeft 0.5s linear 1.2s 1 backwards}
	
	
.anime_t1 .top_banner .bgt-1 span{ 
opacity:0; -webkit-animation: width_b 0.5s linear 1 backwards;
    animation: width_b 0.5s linear 1 backwards
}
.anime_t1 .top_banner .bgt-2 span{ 
opacity:0; -webkit-animation: width_b 0.5s linear 0.3s 1 backwards;
    animation: width_b 0.5s linear 0.3s 1 backwards
}
.anime_t1 .top_banner .bgt-3 span{ 
 opacity:0; -webkit-animation: width_b 0.5s linear 0.6s 1 backwards;
    animation: width_b 0.5s linear 0.6s 1 backwards}
.anime_t1 .top_banner .bgt-4 span{ 
opacity:0; width:0;-webkit-animation: width_b 0.5s linear 0.9s 1 backwards;
    animation: width_b 0.5s linear 0.9s 1 backwards}
.anime_t1 .top_banner .bgt-5 span{ 
 opacity:0; -webkit-animation: width_b 0.5s linear 1.2s 1 backwards;
    animation: width_b 0.5s linear 1.2s 1 backwards}
.device .more_link{-webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards; opacity:1}


.wrap_nav{ width:1200px; margin-bottom:102px; z-index:1; position:relative; line-height:22px; height:22px;}
.wrap_nav ul li{ float:left; font-weight:700; font-size:20px; margin-right:22px; line-height:22px;}
.wrap_nav ul li,.wrap_nav ul li a{ color:#555}
.wrap_nav ul li.on,.wrap_nav ul li.on a,.wrap_nav ul li:hover a,.wrap_nav ul li:hover{ color:#d8262c;}
.center_service{ box-shadow:0 0 10px #ccc; height:70px; margin-bottom:18px; border-bottom:1px solid #e3e2e3}
.center_service li{ float:left; width:398px; height:70px; line-height:70px; text-align:center; background:rgba(255,255,255,0.5); font-size:16px; cursor:pointer; border-left:1px solid #f1f1f1;　}
.center_service li:hover,.center_service li.on{ background:#d8262c; color:#fff;border-right:1px solid #d8262c}
.center_service li:first-child{ border-left:none}
.tab_list dl{ padding:0 38px; display:block; background:#fff; }
.tab_list dl dt{ line-height:62px; height:62px;border-bottom:1px solid #f5f5f5}
.tab_list dl dt p{  color:#666; font-size:14px; text-align:left}
.tab_list dl dt i{ color:#999; font-size:12px; text-align:right}
.tab_list dl dt:hover p,.tab_list dl dt:hover i{color:#d8262c; }
.wrap-in-1 h1 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 29px; height:46px; text-align:left; padding-left:34px; background:url(../img/about/cicle.png) no-repeat left center;
    line-height:46px;  border-bottom:1px solid #b2e0f1;
}

.wrap-in-1 .line {
    width: 20px;
    height: 2px;
    background: #d8262c;
    margin: 0 auto 37px auto;
    position: relative;
}
.wrap-in-1 .line span {
    width: 1210px;
    height: 1px;
    background: #fdf4f4;
    position: absolute;
    left: -378px;
    bottom: -1px; opacity:0
}
.wrap_2_a .padding30{ padding:2px 40px 32px 30px}
.wrap-in-1 p { margin:0 auto 50px auto;
    font-size: 14px;
    line-height: 28px;
    color: #444; padding-top:12px;
}
.wrap_3_a .padding30{ padding:32px 30px 32px 30px}
.wrap-in-1 p.p2{ padding-top:0}
.about_bj{ background:url(../img/about/db.png) no-repeat top center;}
.wrap-in-1 .w596 span { margin:0 auto 8px auto;
    font-size: 14px;
    line-height: 28px;
    color: #444; display:block; opacity:0
}
.anime-1 .wrap-in-1 .w596 span{
    -webkit-animation: shu1 0.5s linear 0.7s 1 backwards;
    animation: shu1 0.5s linear 0.7s 1 backwards;
    opacity: 1;
}
.anime-1 .wrap-in-1 p.p2{
    -webkit-animation: shu1 0.5s linear 0.9s 1 backwards;
    animation: shu1 0.5s linear 0.9s 1 backwards;
    opacity: 1;
}
.wrap-in-1 h2{ margin-bottom: 6px;
    color: #0099d0;
    text-align: left;
    opacity: 0;
    font-size: 30px;
    line-height: 30px;}
.wrap-in-1 h1,.wrap-in-1 .line,.wrap-in-1 p{ opacity:0}
.anime-1 .wrap-in-1 h1{-webkit-animation: fadeInDown 0.5s linear 1 backwards;
    animation: fadeInDown 0.5s linear 1 backwards;
    opacity: 1;}
.anime-1 .wrap-in-1 .line{    -webkit-animation: cicle_r 0.5s linear 1 backwards;
    animation: cicle_r 0.5s linear 1 backwards;
    opacity: 1;}
.anime-1 .wrap-in-1 .line span {
    width: 1210px;
    opacity: 1;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
}
.anime-1 .wrap-in-1 p{-webkit-animation: shu1 0.5s linear 0.3s 1 backwards;
    animation: shu1 0.5s linear 0.3s 1 backwards;
    opacity: 1;}
.anime-1 .wrap-in-1 h2{-webkit-animation: shu1 0.5s linear 0.5s 1 backwards;
    animation: shu1 0.5s linear 0.5s 1 backwards;
    opacity: 1;}


.about_in a b i{ position:absolute;-webkit-transition: background-color .2s ease-in-out, top .2s ease-in-out;-o-transition: background-color .2s ease-in-out, top .2s ease-in-out;-moz-transition: background-color .2s ease-in-out, top .2s ease-in-out;　transition: all 0.8s;-webkit-transition: all 0.8s;-o-transition: all 0.8s;-moz-transition: all 0.8s;}
.location-box { line-height:22px;color:#666; font-size:14px; background:url(../img/about/loc.png) no-repeat left center; padding-left:15px}
.img_bj_wrap1{ position:absolute; top:114px; left:-202px; width:855px; height:441px; overflow:hidden}
.wrap-in-2 .left {
    width: 353px;
    float: left;
    position: relative;
}
.wrap-in-2 .left .img{ margin-bottom:24px}
.wrap-in-2 .img_bj_wrap1 .bj_l{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(149,149,149,1); z-index:1}
.wrap-in-2 .img_bj_wrap1 .bj_r{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(51,51,51,1);}
.wrap-in-3 .img_bj_wrap1 .bj_l{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(149,149,149,1); z-index:1}
.wrap-in-3 .img_bj_wrap1 .bj_r{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(51,51,51,1);}
.wrap-in-4 .img_bj_wrap1 .bj_l{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(149,149,149,1); z-index:1}
.wrap-in-4 .img_bj_wrap1 .bj_r{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(51,51,51,1);}
.wrap-in-2 .img_bj_wrap1 img{ left:-15px;    position: relative;}
.anime-1 .img_bj_wrap1 .bj_l{
    -webkit-animation: width 0.3s linear 1 forwards;
    animation: width 0.3s linear 1 forwards;
}
.anime-1 .img_bj_wrap1 .bj_r{
    -webkit-animation: width 0.3s linear 0.3s 1 forwards;
    animation: width 0.3s linear 0.3s 1 forwards;
}
.anime-1 .img_bj_wrap1 img.img_move{ -webkit-transition: all 1.3s ease-in;
    -o-transition: all 1.3s ease-in;
    -moz-transition: all 1.3s ease-in; left:0;}
.anime-1 .wrap-in-2 .left .img{
    -webkit-animation: shu1 0.5s linear 0.5s 1 backwards;
    animation: shu1 0.5s linear 0.5s 1 backwards;opacity:1;
}
.anime-0 .wrap-in-2 h1{
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;opacity:1;
}
.anime-1 .wrap-in-2 .line{
    -webkit-animation: fadeInDown 0.5s linear 0.9s 1 backwards;
    animation: fadeInDown 0.5s linear 0.9s 1 backwards;opacity:1;
}
.anime-1 .wrap-in-2 h2{
    -webkit-animation: fadeInDown 0.5s linear 1.3s 1 backwards;
    animation: fadeInDown 0.5s linear 1.3s 1 backwards;opacity:1;
}
.anime-1 .wrap-in-2 p{
    -webkit-animation: up 0.5s linear 1.2s 1 backwards;
    animation: up 0.5s linear 1.2s 1 backwards;opacity:1;
}

.anime-1 .wrap-in-2 .more{
    -webkit-animation: up 0.5s linear 1.5s 1 backwards;
    animation: up 0.5s linear 1.5s 1 backwards;opacity:1;
}
.wrap-in-3 .news_home ul{ width:1158px; overflow:hidden; padding-bottom:10px;}
.wrap-in-3 .news_home li{ float:left;opacity:0; margin-right:18px}
.wrap-in-3 .news_home li:hover{ box-shadow:0 0 10px #ccc;}
.wrap-in-3 .news_home li:hover .home_bottom_bg h2{ color:#0099d0}
.wrap-in-3 .news_home li img{-webkit-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;}
.wrap-in-3 .news_home li:hover img{-webkit-transform:scale(1.1,1.1);-webkit-transition:transform 1.5s linear 0;-moz-transform:scale(1.1,1.1);-moz-transition:transform 1.5s linear 0;-o-transform:scale(1.1,1.1);-o-transition:transform 1.5s linear 0
}
.anime-1 .wrap-in-3 .news_home li:nth-child(1){-webkit-animation: up1 0.5s linear 1 backwards;
    animation: up1 0.5s linear 1 backwards;opacity:1;}
.anime-1 .wrap-in-3 .news_home li:nth-child(2){-webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;opacity:1;}
.anime-1 .wrap-in-3 .news_home li:nth-child(3){-webkit-animation: up1 0.5s linear 1 backwards;animation: up1 0.5s linear 1 backwards;opacity:1;}
.wrap-in-2 .right{ opacity:0}
.anime-1 .wrap-in-2 .right{-webkit-animation: fadeIn 0.3s linear 1.2s 1 backwards;
    animation: fadeIn 0.3s linear 1.2s 1 backwards;
   opacity:1;
}
.wrap-in-2 .img_bj .bj_l{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(149,149,149,1); z-index:1}
.wrap-in-2 .img_bj .bj_r{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(51,51,51,1);}
.wrap-in-3 .img_bj .bj_l{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(149,149,149,1); z-index:1}
.wrap-in-3 .img_bj .bj_r{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(51,51,51,1);}
.wrap-in-4 .img_bj .bj_l{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(149,149,149,1); z-index:1}
.wrap-in-4 .img_bj .bj_r{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(51,51,51,1);}


.wrap-in-2 .left .img,.wrap-in-2 h1,.wrap-in-2 .line,.wrap-in-2 p,.wrap-in-2 .right,.wrap-in-2 .more{ opacity:0}
.wrap-in-2 .img_bj_wrap1{ opacity:0}
.anime-1 .wrap-in-2 .img_bj_wrap1{    opacity: 1;}
.wrap-in-2 h1{ font-size: 20px;
    color: #fff;
    margin-bottom: 29px;
    height: 46px;
    text-align: left;
    padding-left: 34px;
    background: url(../img/about/cicle.png) no-repeat left center;
    line-height: 46px;
    border-bottom: 1px solid #b2e0f1;}
.wrap-in-2 .line{ width:20px; height:2px; background:#d8262c; margin:0 0 37px 0; position:relative}
.wrap-in-2 .line span{ width:880px; height:1px;  position:absolute; right:-520px; bottom:-1px}
.wrap-in-2 p{ font-size:14px; line-height:28px; color:#444; margin-bottom:76px}
.wrap-in-2 .right {
    position: relative;
    width: 845px;
    float: right;
    height: 589px;
}
.anime-1 .wrap-in-3 h1 {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
    opacity: 1;
}
.wrap-in-3 h1 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 36px;
    height: 46px;
    text-align: left;
    padding-left: 34px;
    background: url(../img/about/cicle.png) no-repeat left center;
    line-height: 46px;
    border-bottom: 1px solid #b2e0f1; opacity:0
}
.wrap-in-2 .img_bj {
    position: absolute; width:906px; height:538px; overflow:hidden;
    top: 0;
    right: -358px;
}
.wrap-in-2 .logo_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 244px;
    height: 88px; color:#fff;
    background: #d8262c; line-height:88px; font-size:14px; text-align:center; overflow:hidden
}
.wrap-in-2 .logo_bottom span{ opacity:0; position:absolute; top:0; left:0; width:100%}
.wrap-in-2 .logo_bottom span{
    -webkit-animation: fadeInDown 0.8s linear 1 backwards;
    animation: fadeInDown 0.8s linear 1 backwards; opacity:1
}


.wrap-in-2 .zhuan .logo_bottom em.em_t {
    -webkit-animation: fadeInLeft 0.5s linear 1 backwards;
    animation: fadeInLeft 0.5s linear 1 backwards;
}
.wrap-in-2 .logo_bottom em.em_t {
    background: #ec9396;
    width: 20px;
    height: 1px;
    position: absolute;
    top: 44px;
    left: 0
}
.wrap-in-2 .zhuan .logo_bottom em.em_b {
    -webkit-animation: fadeInRight 0.5s linear 1 backwards;
    animation: fadeInRight 0.5s linear 1 backwards;
}
.wrap-in-2 .logo_bottom em.em_b {
    background: #ec9396;
    width: 20px;
    height: 1px;
    position: absolute;
    top: 44px;
    right: 0;
}
.anime-1 .logo_bottom em {
    -webkit-animation: cicle_r 0.5s linear 1 backwards;
    animation: cicle_r 0.5s linear 1 backwards;
}
.wrap-in-3 .news_home li { text-align:center; width:366px; border:1px solid #eeeeee; height:411px; background:#fff}
.wrap-in-3 .news_home li .home_top_img{ position:relative; width:367px; height:207px; overflow:hidden; margin:0 auto 0 auto}
.wrap-in-3 .news_home li .home_top_img div{ width:366px; height:207px;}
.wrap-in-3 .news_home li:hover .home_top_img span.biankuang{ display:block}
.wrap-in-3 .news_home li .home_bottom_bg h2{ font-size:20px; color:#2c424b; line-height:28px; margin-bottom:18px; text-align:center; margin-top:7px;}
.wrap-in-3 .news_home li .home_bottom_bg p{ color:#444; font-size:12px; line-height:24px;}
.wrap-in-3 .news_home li .home_bottom_bg div{ height:72px; overflow:hidden}
.wrap-in-3 .news_home li .home_bottom_bg span{ background:#d8262c; width:20px; height:2px; margin:0 auto 22px; display:block}

.wrap-in-3 .picScroll-left{overflow:hidden;position:relative}
.wrap-in-3 .picScroll-left .hd{overflow:hidden;height:30px;margin:20px auto;overflow:hidden;zoom:1;zoom:1;text-align:center;width:100%;*width:160px}
.wrap-in-3 .picScroll-left .hd ul{margin:10px auto;overflow:hidden;zoom:1;zoom:1;text-align:center}
.wrap-in-3 .picScroll-left .hd ul li{display:inline-block;overflow:hidden;margin:0 9px;text-indent:-999px;cursor:pointer;background:url(../img/home/c1.png) no-repeat;width:14px;height:14px;border-radius:360px; border:none;*display:block; *float:left}
.wrap-in-3 .picScroll-left .hd ul li.on{background:url(../img/home/c2.png) no-repeat}
.wrap-in-3 .home_imgs{ margin-bottom:23px}
.wrap-in-4 .left{ width:100%; height:590px;}
.wrap-in-4 .img_bj { width:1585px; overflow:hidden;
    height: 590px;
    display: block;
    position: relative;
}
.contact_bj{ background:url(../img/cbj.jpg) no-repeat top center; padding:55px 0}
.wrap_contact .w_1200{ position:relative; background:#fff; height:490px}
.map_padding{ padding:136px 0 0 75px; width:366px;}
.map_padding h1{border-bottom: 2px solid #e5e5e5;
    color: #000;
    font-size: 24px;
    line-height: 26px;
    padding-bottom: 14px; margin-bottom:15px}
.wrap_contact .map{
    position: absolute;
    top: 0;
    right: 0;
    width:845px;
    height:481px;
    cursor: pointer;
}
.map_padding li{ line-height:28px; font-size:14px; color:#444; padding-left:26px}
.map_padding li.l_800{ padding-left:0}
.map_padding li.one{ background:url(../img/t.png) no-repeat left center}
.map_padding li.two{background:url(../img/l.png) no-repeat left center}
.map_padding li.three{background:url(../img/e.png) no-repeat left center}
.map_padding li strong{ font-weight:normal; font-size:30px; color:#0099d0; display:block; margin:14px 0}
.wrap-in-4 .other_banner .top_banner {
    position: relative;
    height: 590px;
}
.wrap-in-4 .more_link h1{color: #fff;
    font-size: 40px;
    font-family: "Noto Sans S Chinese Regular";
    line-height: 38px;
    margin-bottom: 24px;
    text-transform: uppercase;}
.wrap-in-4 .img{ position:absolute; top:0; left:0; width:1585px; height:590px; overflow:hidden}
.wrap-in-4 .bannertxt{ width:1200px; margin:0 auto; z-index:1}
.wrap-in-4 .bannertxt .marg_215{ opacity:0}
.anime-1 .wrap-in-4 .bannertxt .marg_215{-webkit-animation: fadeInDown 0.5s linear 1.2s 1 backwards;
    animation: fadeInDown 0.5s linear 1.2s 1 backwards; opacity:1}
.wrap-in-5 .right{ opacity:0}
.wrap-in-5 .right span{ width:100%; top:0; left:0; height:100%; background:rgba(255,255,255,1); position:absolute;}
.anime-1 .wrap-in-5 .right{opacity:1;-webkit-animation: up1 0.5s linear 1 backwards;
    animation: up1 0.5s linear 1 backwards;}
.anime-1 .wrap-in-5 .right .img{opacity:1;-webkit-animation: up 0.5s linear 0.5s 1 backwards;
    animation: up 0.5s linear 0.5s 1 backwards;}
.anime-1 .wrap-in-5 .right h1{opacity:1;-webkit-animation: up1 0.5s linear 0.5s 1 backwards;
    animation: up1 0.5s linear 0.5s 1 backwards;}
	
.anime-1 .wrap-in-5 .jiagou_img{-webkit-animation: up1 1.5s linear 1s 1 backwards;
    animation: up1 1.5s linear 1s 1 backwards; opacity:1 }
.wrap-in-5 .jiagou_img{ opacity:0}
.wrap-in-5,.wrap_5{ position:relative;background:#040404;}
.wrap-right-img{ position:absolute; right:0; width:1920px; background:#fff; height:591px; top:0}
.wrap-in-5 .right { position:absolute; top:-202px; right:36px; width:493px; height:325px; background:#fff; padding:50px}
.wrap-in-5 .right .img{ margin-bottom:44px;}
.wrap-in-5 .jiagou_img{ margin-bottom:120px}
.wrap-in-5 .right h1{ font-size:28px; color:#333; line-height:30px}
.anime-1 .top_banner .bg{ opacity:1}
.anime-1 .top_banner .bgt-1{-webkit-animation: fadeInLeft 0.5s linear 1 backwards;
    animation: fadeInLeft 0.5s linear 1 backwards}
.anime-1 .top_banner .bgt-2{-webkit-animation: fadeInLeft 0.5s linear 0.3s  1 backwards;
    animation: fadeInLeft 0.5s linear 0.3s 1 backwards}
.anime-1 .top_banner .bgt-3{-webkit-animation: fadeInLeft 0.5s linear 0.6s  1 backwards;
    animation: fadeInLeft 0.5s linear 0.6s 1 backwards}
.anime-1 .top_banner .bgt-4{-webkit-animation: fadeInLeft 0.5s linear 0.9s  1 backwards;
    animation: fadeInLeft 0.5s linear 0.9s 1 backwards}
.anime-1 .top_banner .bgt-5{-webkit-animation: fadeInLeft 0.5s linear 1.2s 1 backwards;
    animation: fadeInLeft 0.5s linear 1.2s 1 backwards}
.anime-1 .top_banner .bgt-1 span{ 
opacity:0; -webkit-animation: width_b 0.5s linear 1 backwards;
    animation: width_b 0.5s linear 1 backwards
}
.anime-1 .top_banner .bgt-2 span{ 
opacity:0; -webkit-animation: width_b 0.5s linear 0.3s 1 backwards;
    animation: width_b 0.5s linear 0.3s 1 backwards
}
.anime-1 .top_banner .bgt-3 span{ 
 opacity:0; -webkit-animation: width_b 0.5s linear 0.6s 1 backwards;
    animation: width_b 0.5s linear 0.6s 1 backwards}


.zijin_list table th,.zijin_list table td{text-align:center; font-weight:normal; line-height:70px; padding:0 10px}
.zijin_list table th{ border:1px solid rgba(242,242,242,0.2); border-bottom:1px solid #fbfbfb; border-right:none}
.zijin_list table td{ font-size:16px; border:1px solid #f2f2f2;border-bottom:none; border-right:none }
.zijin_list table th:first-child {
    padding-left: 46px; text-align:left
}
.m54{ margin-bottom:54px}


#four img{-webkit-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in; }
#four:hover img{-webkit-transform:scale(1.1,1.1);-webkit-transition:transform 1.5s linear 0;-moz-transform:scale(1.1,1.1);-moz-transition:transform 1.5s linear 0;-o-transform:scale(1.1,1.1);-o-transition:transform 1.5s linear 0}
#five img{-webkit-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in; }
#five:hover img{-webkit-transform:scale(1.1,1.1);-webkit-transition:transform 1.5s linear 0;-moz-transform:scale(1.1,1.1);-moz-transition:transform 1.5s linear 0;-o-transform:scale(1.1,1.1);-o-transition:transform 1.5s linear 0}
#six img{-webkit-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in; }
#six:hover img{-webkit-transform:scale(1.1,1.1);-webkit-transition:transform 1.5s linear 0;-moz-transform:scale(1.1,1.1);-moz-transition:transform 1.5s linear 0;-o-transform:scale(1.1,1.1);-o-transition:transform 1.5s linear 0}
#seven img{-webkit-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in; }
#seven:hover img{-webkit-transform:scale(1.1,1.1);-webkit-transition:transform 1.5s linear 0;-moz-transform:scale(1.1,1.1);-moz-transition:transform 1.5s linear 0;-o-transform:scale(1.1,1.1);-o-transition:transform 1.5s linear 0}
.fd{ z-index:12}

#weixin_share{position: fixed; z-index: 2147483647;}
#jiathis_modal_header{border-bottom: 1px solid #EEEEEE; padding: 9px 15px;}
#jiathis_weixin_close{text-decoration:none;  margin-top: 2px; color: #000000; float: right;  font-size: 20px;  font-weight: bold; cursor:pointer;line-height: 20px; opacity: 0.2; text-shadow: 0 1px 0 #FFFFFF;}
.ewm_box{
background-clip: padding-box;background-color: #FFFFFF;border: 1px solid #999;  border-radius: 6px 6px 6px 6px;  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); left: 50%; margin: -180px 0 0 -180px;overflow: hidden; position: fixed; top: 50%; width:360px;height:360px; overflow:hidden;
}
#jiathis_weixin_h3{line-height: 30px; margin: 0; font-weight:normal; font-family:" 微软雅黑";
}
#jiathis_modal_body{text-align:center;height:251px;}
#jiathis_modal_footer{border-radius: 0 0 6px 6px; border-top: 1px solid #DDDDDD; box-shadow: 0 1px 0 #FFFFFF inset; height:100%;padding:0 10px;padding-top:11px;text-align: right; font-size:12px;
}#jiathis_weixin_tip{text-align:left;margin:0; padding:0;font-size:12px;
}
.wrap-in-con{ position:relative; z-index:1}


.case_list .picScroll-left{ overflow:hidden; position:relative;  }
.case_list .picScroll-left .hd{ overflow:hidden;  height:51px; position:absolute; top:58px; width:100%; left:0}
.case_list .picScroll-left .hd .prev{ display:block;  width:42px; height:51px;  overflow:hidden;cursor:pointer; background:url(../img/home/left.png) no-repeat; float:left}
.case_list .picScroll-left .hd .next{ display:block;  width:42px; height:51px;  overflow:hidden;cursor:pointer; background:url(../img/home/right.png) no-repeat; float:right}
.case_list .picScroll-left .hd .next{   }
.case_list .picScroll-left .hd .prevStop{ }
.case_list .picScroll-left .hd .nextStop{ }
.case_list .picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.case_list .picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;  }
.case_list .picScroll-left .hd ul li.on{ background-position:0 0; }
.case_list .picScroll-left .bd{ width:1048px; margin:0 auto  }
.case_list .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.case_list .picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; width:244px; height:217px;}
.case_list .picScroll-left .bd ul li .pic{ text-align:center; margin:2px auto 12px auto; background:#fff; width:239px; }
.case_list .picScroll-left .bd ul li .pic img{ width:231px; height:155px; display:block;  padding:2px; border:2px solid #d4d4d5; }
.case_list .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.case_list .picScroll-left .bd ul li .title{ line-height:18px;   }
.case_list .picScroll-left .bd ul li .title a{ color:#da251c; font-size:16px; text-align:center;}
.case_list .picScroll-left .bd ul li:hover{ background:#da251c; color:#fff}
.case_list .picScroll-left .bd ul li:hover a{ color:#fff}
.wrap_3 h3 {
    text-align: center;
    font-size: 12px;
    word-spacing: 20px;
    letter-spacing: 14px;
    line-height: 24px;
    height: 24px;
    margin-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 10px; position:relative; z-index:12
}
.product_ty_box{position:relative; }
.product_ty_box .ty3{    position: absolute;
    bottom: -60px;
    left: 0;
    width: 864px;
    height: 119px;}
.pro_list{     width: 1200px;
    height: 270px;
    position: relative;
    z-index: 1; margin: 0 auto}
.product_home_nav{ float:left; margin-left:36px; width:157px}
.product_home_nav li{ display: block;
    text-align: center;
    color: #da251c;
    font-size: 16px;
    margin-bottom: 6px;
    height: 41px;
    line-height: 41px;
    background: url(../img/home/li.png) no-repeat;
    cursor: pointer;
    text-shadow: white;
    text-shadow: white 0 1px 0;filter:shadow(Color=#fff,Direction=255,Strength=255)}
.product_home_nav li.on,.product_home_nav li:hover{ background:url(../img/home/lidq.png) no-repeat}
.pro_list .picScroll-left{ overflow:hidden; position:relative; }
.pro_list .picScroll-left .hd{ overflow:hidden;  height:51px; position:absolute; top:58px; width:100%;}
.pro_list .picScroll-left .hd .prev{ display:block;  width:42px; height:51px;  overflow:hidden;cursor:pointer; background:url(../img/home/left.png) no-repeat; float:left}
.pro_list .picScroll-left .hd .next{ display:block;  width:42px; height:51px;  overflow:hidden;cursor:pointer; background:url(../img/home/right.png) no-repeat; float:right}
.pro_list .picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.pro_list .picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; }
.pro_list .picScroll-left .hd ul li.on{ background-position:0 0; }
.pro_list .picScroll-left .bd{ width:1048px; margin:0 auto  }
.pro_list .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.pro_list .picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; width:324px; height:270px;}
.pro_list .picScroll-left .bd ul li img:hover{transform:scale(1.2,1.2);transition:transform 0.6s linear 0}
.pro_list .picScroll-left .bd ul li img{transition: transform 0.6s;}
.pro_list .picScroll-left .bd ul li .pic{ text-align:center; margin:2px auto 12px auto; overflow:hidden}
.pro_list .picScroll-left .bd ul li .pic img{ width:324px; height:210px; display:block; border-radius:10px}
.pro_list .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.pro_list .picScroll-left .bd ul li .title{ line-height:18px;   }
.pro_list .picScroll-left .bd ul li .title a{ color:#fff; font-size:14px; text-align:center;}
.pro_list .picScroll-left .bd ul li:hover a{ color:#fff}
.jiathis_style_24x24{     position: absolute;
    left: -47px;
    top: 0;
    width: 30px;
    height: 152px;
    background: url(../img/share.png) no-repeat left top;
    padding: 6px 8px 0 9px;}
.jiathis_style_24x24 a{ margin-bottom:8px; height:23px; display:block; width:23px;}
.izl-rmenu .jiathis_style_24x24 .jtico_weixin{background:url(../img/weixin.png) no-repeat}
.izl-rmenu .jiathis_style_24x24  .jtico_qzone{background:url(../img/qq.png) no-repeat}
.izl-rmenu .jiathis_style_24x24  .jtico_tsina{background:url(../img/sina.png) no-repeat}
.izl-rmenu .jiathis_style_24x24  .jtico_tqq{background:url(../img/weibo.png) no-repeat}
.izl-rmenu .jiathis_style_24x24 .jtico_tieba { background:url(../img/tie.png) no-repeat}
.i-ban a.next {
    width: 41px;
    height: 77px;
    background-size: cover;
    position: absolute;
    top: 300px;
    right:160px;
}

.i-ban a.prev {
    width: 41px;
    height: 77px;
    background-size: cover;
    position: absolute;
    top: 300px;
    left:160px;
}

.search-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1111;
    background:url(../img/home/foot.png) no-repeat bottom right;
    opacity: 0.95;
    filter: Alpha(opacity=95);
    display: none;
}
.m-close-search {
    display: block;
    width: 30px;
    height: 30px;
    background:url(../img/home/close.png) no-repeat;
    background-size: 100% auto;
    position: fixed;
    right: 68px;
    top: 68px;
    cursor: pointer;
    z-index: 1111;
    display: none;
} 
.m-search-box {
    width: 1200px;
   /* border: 1px solid #ccc; border-radius:30px;*/ border-bottom:1px solid #908477;
    position: fixed;
    left:50%;
    top: 23%; margin-left:-600px;
    height: 36px;
    z-index: 1111;
    display: none;
}
.m-search-box input.tex {
    border: none;
    background: none;
    font-size:21px;
    font-family: "Arial";
    color: #bfae9e;
    height: 26px;
    line-height: 24px;
    padding: 4px 0; font-size:14px;
    width: 80%;
}
.m-search-box input.search-btn {
    border: none;
    width: 32px;
    height: 32px;
    background: url(../img/home/ser.png) no-repeat center;
    background-size: 60% auto;
}
.search-btn {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../img/ser.png) no-repeat left center;
    background-size: 100% 100%;
    cursor: pointer;
    position: relative;
}
/*preface*/
div.wrap-preface{
    margin-top:81px;
}
div.pre-banner{
    width:100%;
}
div.pre-banner img{
    width:100%;
    height:auto !important;
    max-width:100%;
}
div.pre-nav{
    background:#fff;
}
ul.pre-navleft{
    width:590px;
    height:71px;
}
ul.pre-navleft li{
     cursor:pointer;
    text-align:center;
    width:78px;
    height:69px;
    float:left;
    line-height:69px;
    margin-right:40px;
}
ul.pre-navleft li a{
    font-size:14px;
    color:#333;
    display:block;
}
ul.pre-navright li{
    cursor:pointer;
    float:left;
    width:126px;
    height:126px; 
}
ul.pre-navleft li.hover{
    border-bottom:2px solid #d32833;
}
ul.pre-navleft li.hover a{
    color:#d32833;
}
ul.pre-navleft li:hover{
    border-bottom:2px solid #d32833;
}
ul.pre-navleft li:hover a{
    color:#d32833;
}
div.pre-nav{
    border-bottom:1px solid #eeeeee;
}
div.pre-navx{
    position:relative;
}
ul.pre-navright{
    position:absolute;
    top:-55px;
    right:0;
}
ul.pre-navright li.pre-door01{
    background:#d32833;
}
ul.pre-navright li.pre-door02{
    background:#2c303c;
}
div.pre-inicon{
    width:35%;
    margin:0 auto;
}
div.pre-inicon img{
    width:100%;
    height:auto !important;
    max-width:100%;
}
li.pre-door01 a,li.pre-door02 a{
   display:block;
   padding:25px 0 10px 0;
}
li.pre-door01 a,li.pre-door02 a{
    text-align:center;
    font-size:;
    color:#fff;
}
li.pre-door01 a h3,li.pre-door02 a h3{
    line-height:20px;
    padding-top:10px;
}
div.preface-content{
    margin-top:2px;
   
}
div.preface-contentintro h1{
    font-size:26px;
    color:#333;
    text-align:center;
   
}
div.preface-contentintro{
     padding:93px 0 30px 0;
}
span.title-icon{
    display:block;
    width:6%;
    margin:0 auto;
}
span.title-icon img{
    width:100%;
    height:auto !important;
    max-width:100%;
}
div.pre-img{
    overflow:hidden;
    width:336px;
}
div.pre-img img{
    transition: all 0.6s;
    width:100%;
    height:auto !important;
    max-width:100%;
}
div.pre-img img:hover{
    transform: scale(1.2);  

}
ul.preface-font{
    padding-bottom:70px;
}
div.pre-content{
    width:800px;
}
div.pre-content p{
    font-size:14px;
}
div.pre-content p.d-mingyan{
    color:#333;
}
div.pre-content p.d-content{
    color:#666;
}
li.qianming{
   position:relative;
}
li.qianming p.dingwei{
   position:absolute;
   top:0;
   right:0;
}
li.qianming p{
    color:#7d7d7d;
    font-size:14px;
}
li.qianming p span{
    display:block;
    float:left;
}
li.qianming p span img{
    vertical-align: middle;
    width:100%;
    height:auto !important;
    max-width:100%;
}
/*保亿产业*/
p.titleicon-bottom{
    padding-top:35px;
    margin:0 auto;
    text-align:center;
    width:80%;
    font-size:14px;
    color:#666;
}
ul.picandcont li div{
   
  
}
div.pciandcont-right{
    position:relative;
    width:600px;
}

div.pciandcont-left{
    width:600px;
   
}
div.img-big{
    width:600px;
     height:318px;
  overflow:hidden;
}
div.pciandcont-left img{
    transition: all 0.6s; 
    width:100%;
    height:auto !important;
    max-width:100%;
}
div.pciandcont-left img:hover{
    transform: scale(1.2);  
}
div.genghuan-icon{
    position:relative;
    width:60px;
}
div.genghuan-icon img.indest-icon{
    width:50%;
    height:auto !important;
    max-width:500%;
}
div.genghuan-icon img.indest-icon{
    position:absolute;
    top:15px;
    left:15px;
}
div.genghuan-icon img{
    width:100%;
    height:auto !important;
    max-width:100%;
}
div.indest-intro{
    padding:55px 0 20px 0;
    width:300px;
    margin:0 auto;
}
div.genghuan-icon01{
    margin-left:20px;
}
div.genghuan-icon01 h2{
    font-size:20px;
    color:#cf000d;
}
div.genghuan-icon01 p{
    font-size:12px;
    color:#999999;
}
p.pciandcont-content{
    padding:10px 150px 10px 150px;
    font-size:12px; 
    color:#888888;   
}
p.dingwei-icon{
    position:absolute;
    top:140px;
    left:-17px;
}
ul.picandcont li{
    margin-bottom:40px;
}
p.dingwei-icon01{
    position:absolute;
    top:140px;
    right:-17px;
}
ul.pinpai-nav li{
    border-right:1px solid #fff;
    background:#f7f7f7;
    text-align:center;
    float:left;
    width:399px;
    height:70px;
    line-height:70px;
} 
ul.pinpai-nav li a{
    display:block;
    color:#666666;
    font-size:16px;
}
ul.pinpai-nav li:hover{
    background:#d32833;
}
ul.pinpai-nav li:hover a{
    color:#fff;
}
ul.pinpai-nav li.hover{
    background:#d32833;
}
ul.pinpai-nav li.hover a{
    color:#fff;
}
div.pinpai-mingyan div.mingyan{
    padding:67px 125px 0 125px;
    font-size:14px;
    color:#666;
    text-align:center;
}
div.pinpai-mingyan p.mingyan{
    padding:67px 125px 0 125px;
    font-size:14px;
    color:#666;
    text-align:center;
}
div.pinpai-mingyan p.shuming{
    padding:10px 125px 0 125px;
    font-size:14px;
    text-align:right;
}
div.pinpai-mingyan p.shuming span.shuming01{
    color:#000;
}
div.pinpai-mingyan p.shuming span.shuming02{
    color:#484848;
}
ul.pinpai-linian{
    padding-top:40px;
}
ul.pinpai-linian li{
    
    width:367px;
    float:left;
    margin-right:49px;
}
div.tobigpic{
    overflow:hidden;
}
ul.pinpai-linian li.last-li{
    margin-right:0;
}
ul.pinpai-linian li img{
    transition: all 0.6s;
    width:100%;
    height:auto !important;
    max-width:100%;
}
ul.pinpai-linian li img:hover{
     transform: scale(1.2);  
}
p.pinpai-henggang{
    padding:46px 0 37px 0;
}
p.second-title{
     padding:40px 0;
    font-size:20px;
    color:#000;
    text-align:center;
}
ul.linian-intro li{
    margin-right:20px;
    float:left;
    width:283px;
    height:317px;
    background:#fefefe;
    border:1px solid #eeeeee;
}
ul.linian-intro li.last-li01{
    margin-right:0;
}
div.linian-icon{
    width:20%;
    margin:0 auto;
}
div.linian-icon img{
    width:100%;
    height:auto !important;
    max-width:100%;
}
div.linian-msg {
    padding:90px 10px;
    text-align:center;
}
div.linian-msg h2{
    position:relative;
    padding-top:10px;
    font-size:20px;
    color:#333;
}
div.linian-msg h2:before{
    content: "";
    width: 10px;
    margin: 0 auto;
    border-bottom: 1px solid #d32833;
    position: absolute;
    bottom: -6%;
    left: 0;
    right: 0;
}
div.linian-msg p{
    padding-top:20px;
    font-size:14px;
    color:#888;
}
ul.linian-intro{
    padding-top:32px;
}
ul.linian-intro li:hover{
    background:#fff;
    box-shadow: 0px 10px 40px 0px #eeeeee;
}
div.all-moudle{
    padding-bottom:65px;
}
.pinpai-linian li.propinpai h3{
    position:relative;
}
.pinpai-linian li.propinpai h3{
    font-size:16px;
    color:#000;
    padding:28px 0 10px 0;
}
li.propinpai h3:before{
    content: "";
    width: 15px;
    border-bottom: 1px solid #d32833;
    position: absolute;
    bottom:8px;
    left: 0;
    right: 0; 
}
li.propinpai p{
    font-size:14px;
    color:#666666;
}
.pinpaishow div.showppimg{
    width:600px;
    float:left;
    overflow:hidden;
}
.pinpaishow div.showppimg img{
    width:100%;
    height:auto !important;
    max-width:100%;
    transition: all 0.6s;
}
.pinpaishow div.showppimg img:hover{
    transform: scale(1.1);
}

li.pinpaishow div.showppfont{
    float:left;
    width:600px;
    position:relative;
}
ul.ppshow-intro{
    padding-top:55px;
}
ul.ppshow-intro li{
    width:1200px;
    height:319px;
    margin-bottom:40px;
}
div.showppfont{
    width:600px;
   
}
div.showppfont-msg{
     padding:96px 90px 55px 115px;
}
div.showppfont h1{
    font-size:20px;
    color:#cf000d;
}
div.showppfont h1 span{
    
    color:#999999;
}
div.showppfont-msg p{
    padding-top:10px;
}
ul.licheng{
    padding:20px 80px 0 80px;
    height:120px;
}
ul.licheng li{
    cursor:pointer;
    margin-right:100px;
    text-align:center;
    width:90px;
    height:105px;
    
    float:left;
}
ul.licheng li:hover p{
    color:#d32833;
}
ul.licheng li.hover p{
    color:#d32833;
}
ul.licheng li.hover .img-hoverafter,ul.licheng li:hover .img-hoverafter{
   display:block;
}
/*ul.licheng li:hover div.icon-huan{
    background:url("../img/pinpai/pengyouquan1.png") no-repeat center center;
}
ul.licheng li.hover div.icon-huan{
    background:url("../img/pinpai/pengyouquan1.png") no-repeat center center;
}*/
/*ul.licheng li div.icon-huan{
   background:url("../img/pinpai/pengyouquan.png") no-repeat center center;
    margin:0 auto;
    width:55px;
    height:55px;
}*/
/*ul.licheng li:hover div.icon-huan01{
    background:url("../img/pinpai/cishan1.png") no-repeat center center;
}
ul.licheng li.hover div.icon-huan01{
    background:url("../img/pinpai/cishan1.png") no-repeat center center;
}*/
/*ul.licheng li div.icon-huan01{
   background:url("../img/pinpai/cishan.png") no-repeat center center;
    margin:0 auto;
    width:55px;
    height:55px;
}*/
/*ul.licheng li:hover div.icon-huan02{
    background:url("../img/pinpai/jiaoyin1.png") no-repeat center center;
}
ul.licheng li.hover div.icon-huan02{
    background:url("../img/pinpai/jiaoyin1.png") no-repeat center center;
}*/
/*ul.licheng li div.icon-huan02{
   background:url("../img/pinpai/jiaoyin.png") no-repeat center center;
    margin:0 auto;
    width:55px;
    height:55px;
}*/
div.img-zoom{
    width:55px;
    height:70px;
    position:relative;
    margin: 0 auto;
}
div.img-zoom img{
    width:100%;
    height:auto !important;
    max-width:100%;
}

div.img-zoom img.img-hoverafter{
   display:none;
   position:absolute;
   top:0px;
   left:0;
}

/*ul.licheng li:hover div.icon-huan03{
    background:url("../img/pinpai/yehua1.png") no-repeat center center;
}
ul.licheng li.hover div.icon-huan03{
    background:url("../img/pinpai/yehua1.png") no-repeat center center;
}*/

/*ul.licheng li div.icon-huan03{
   background:url("../img/pinpai/yehua.png") no-repeat center center;
    margin:0 auto;
    width:55px;
    height:55px;
}*/
/*ul.licheng li:hover div.icon-huan04{
    background:url("../img/pinpai/fengye1.png") no-repeat center center;
}
ul.licheng li.hover div.icon-huan04{
    background:url("../img/pinpai/fengye1.png") no-repeat center center;
}*/
/*ul.licheng li div.icon-huan04{
   background:url("../img/pinpai/fengye.png") no-repeat center center;
    margin:0 auto;
    width:55px;
    height:55px;
}*/
/*ul.licheng li:hover div.icon-huan05{
    background:url("../img/pinpai/haixing1.png") no-repeat center center;
}
ul.licheng li.hover div.icon-huan05{
    background:url("../img/pinpai/haixing1.png") no-repeat center center;
}*/
/*ul.licheng li div.icon-huan05{
   background:url("../img/pinpai/haixing.png") no-repeat center center;
    margin:0 auto;
    width:55px;
    height:55px;
}*/
/*ul.licheng li:hover div.icon-huan06{
    background:url("../img/pinpai/haixing1.png") no-repeat center center;
}
ul.licheng li.hover div.icon-huan06{
    background:url("../img/pinpai/haixing1.png") no-repeat center center;
}*/
/*ul.licheng li div.icon-huan06{
   background:url("../img/pinpai/haixing.png") no-repeat center center;
    margin:0 auto;
    width:55px;
    height:55px;
}*/
div.icon-huan{
    width:90px;
    height:55px;
}
ul.licheng li p{
    padding-top:12px;
    font-size:16px;
    line-height:16px;
    color:#333;
}
ul.licheng li div.icon-huan img{
    width:100%;
    height:auto !important;
    max-width:100%;
}
ul.licheng li.last-icon{
    margin-right:0;
}
div.pinpai-huodong{
   
    margin-top:30px;
    background:#fff;
    border:1px solid #f7f7f7;
    box-shadow: -29px 51px 213px 51px #f7f7f7;
}
div.huodong-padding{
    position:relative;
    padding: 75px 10px 75px 75px;
}
div.huodong-padding p.active-title{
    font-size:14px;
    color:#333;
    padding-bottom:25px;
}
div.huodong-padding p.active-content{
    font-size:12px;
    color:#999;
}
span.top-content{
    position:absolute;
    top:-48px;
    left:37%;
}
div.third-module{
    margin-bottom:30px;
}
div.pinpai-huodong{
    display:none;
}
ul.shuju{
    width:70%;
    margin:0 auto;
    margin-top:65px;
}
ul.shuju li{
    text-align:center;
    width:210px;
    float:left;
}
div.juti-shuju h1{
    font-family: 'AngsanaNew';
    font-size:40px;
    line-height:40px;
    color:#d32833;
}
div.juti-shuju h1 span{
    font-size:60px;
}
div.juti-shuju p{
    font-size:12px;
    color:#666666;
}
div.baoyi-chuzhong{
    padding:0px 125px 0 125px;
    font-size: 14px;
    color: #666;
    text-align: center;
}
div.download{
    cursor:pointer;
    padding:38px 0;
    width:10%;
    margin:0 auto;
}
p.download-PDF{
    vertical-align: middle;
    margin-right:10px;
    width:20px;
    height:27px;
}
p.download-PDF img{
    width:100%;
    height:auto !important;
    max-width:100%;
}
p.download-font{
    height:27px;
    line-height:27px;
}
ul.example-img li{
    overflow:hidden;
    float:left;
    margin-right:49px;
}
ul.example-img li img{
    width:100%;
    height:auto !important;
    max-width:100%;
    transition: all 0.6s;
}
ul.example-img li img:hover{
    transform: scale(1.2);
}
ul.example-img li.example-pic{
    margin-right:0;
}
p.download-PDF a{
    display:block;
}
 p.download-font a{
    color:#666;
}
ul.shangjia-list li{
    cursor:pointer;
    border:1px solid #f0f0f0;
    float:left;
    width:220px;
    height:157px;
    margin-right:25px;
}
ul.shangjia-list li img{
    vertical-align: middle;
    height:auto !important;
    max-width:72px;
}
div.shangjia-icon{
     text-align:center;
    width:220px;
    height:118px;
    line-height:118px;
}
ul.shangjia-list li.last-shangjia{
    margin-right:0;
}
ul.licheng li.last-shangjia{
    margin-right:0;
}

ul.shangjia-list li p{
    padding:5px 0;
    text-align:center;
    font-size:14px;
    color:#555;
    background:#f7f7f7;
}
ul.shangjia-list li{

}
ul.shangjia-list li:hover{
    background:#fff;
    box-shadow:0px 0px 16px -1px #f0f0f0;
    
}
ul.shangjia-list li:hover p{
    color:#fff;
    background:#d32833;
}
ul.shangjia-list{
	width:103%;
	overflow:hidden;
    margin-bottom:25px;
}
div.shangjia{
    padding-top:65px;
}
div.shangjia-icon{
    position:relative;
}
div.shangjia-icon img.img-bottom{
    position:absolute;
    top:46px;
    left:74px;
    display:none;
}
ul.shangjia-list li:hover div.shangjia-icon img.img-bottom{
    display:block;
}
div.vip{
    margin-top:42px;
    border:1px solid #f5f5f5;
}
div.vip ul.vip-list li{
    cursor:pointer;
    font-size:14px;
    color:#484848;
    float:left;
    text-align:center;
    width:559px;
    height:70px;
    line-height:70px;
}
div.vip ul.vip-list li.border1{
    border-right:1px solid #f5f5f5;
}
ul.vip-content li{
    background:#fff;
}
div.vip-knows{
   
    width:1200px;
    border-bottom:1px solid #f5f5f5;
}
div.vip-knows p{
    padding:25px 40px 25px 40px;
    
}
div.vip-knows p.news-left a{
   color:#666;
}
div.vip-knows p.news-right{
    width:100px;
    text-align:center;
}
ul.vip-content li{
    display:none;
}
div.vip ul.vip-list{
    border-bottom:1px solid #f5f5f5;
}
div.vip-knows p span.news-right{

}
ul.vip-list li.border1{
    position:relative;
}
ul.vip-list li.border2{
    position:relative;
}
span.xiangshang01 img{
    display:block;
    position:absolute;
    top:63px;
    left:270px;
    width:17px;
    height:7px;
}
span.xiangshang02 img{
    display:block;
    position:absolute;
    top:63px;
    left:270px;
    width:17px;
    height:7px;
}
ul.vip-list li.border2:hover{
    color:#d32833;
}
ul.vip-list li.border1:hover{
    color:#d32833;
}
ul.vip-list li.border1.hover{
    color:#d32833;
}
ul.vip-list li.border2.hover{
    color:#d32833;
}
ul.vip-list li span img{
    display:none;
}
ul.vip-list li:hover span img{
    display:block;
}
ul.vip-list li.hover span img{
    display:block;
}
div .pinpai-mingyan p.mingyan01{
    text-align:center;
    padding:0 300px;
}
ul.fengcai-intro{
    margin-top:60px;
}
ul.fengcai-intro li{
    cursor:pointer;
    background:#fff;
    margin-right:29px;
    width:380px;
    float:left;
}

ul.fengcai-intro li.last-fengcai{
    margin-right:0;
}
div.fengcai-module{
    width:380px;
}
div.fengcai-module img{
    width:100%;
    height:auto !important;
    max-width:100%;
}
div.fengcai-module h2{
    font-size:20px;
    color:#000;
}
div.fengcai-module h3{
    color:#838383;
    font-size:14px;
}
div.fengcai-module  p{
    font-size:14px;
    color:#999;
}
div.fencai-to{
    padding:29px 0 20px 18px;
}
div.fencai-to span{
    padding-top:20px;
    background:url("../img/pinpai/btn1.png") no-repeat center center;
    width:31px;
    height:31px;
    display:block;
}
ul.fengcai-intro li:hover{
       box-shadow: 0px 0px 50px -1px #f0f0f0;
}
ul.fengcai-intro li:hover div.fencai-to span{
    background:url("../img/pinpai/btn.png") no-repeat center center;

}
/*company*/
div.preface-contentintro p.company-stitle{
    text-align:center;
    color:#333;
    font-size:16px;
    font-family:;
}
div.pinpai-mingyan p.stopmingyan{
    font-size:14px;
    text-align:center;
    padding: 0 97px;
    color:#666666;
}
div.company-detail ul{
    margin-top:30px;
}
div.company-detail ul li{
    float:left;
    width:572px;
    margin-right:55px;
}
div.company-detail ul li.company-right{
    margin-right:0;
}
div.company-intro{
    padding-top:30px;
}
div.company-intro p{
    font-size:14px;
    color:#7d7d7d;
}
div.company-img img{
    width:100%;
    height:auto !important;
    max-width:100%;
}
div.company-phone{
    border:1px solid #f1f1f1;
}
div.company-phone ul li div.rexian-right{
    float:left;
}
div.company-phone ul li div.rexian-left{
    float:left;
}
div.rexian-dingwei span.dingwei-icon{
    float:left;
}
div.rexian-dingwei div.dingwei-city{
    float:left;
}
div.rexian-dingwei{
    float:left;
}
div.rexian-msg{
    float:left;
}
div.company-phone ul li{
    
    width:1200px;
}
div.company-phone ul li.rexian-first{
    height:275px;
}
div.rexian-dingwei{
    width:150px;
}
div.dingwei-city{
    padding-left:15px;
}
div.dingwei-city h2{
    font-size:18px;
    color:#333;
    line-height:18px;
}
div.dingwei-city p{
    padding-top:5px;
    font-size:14px;
    color:#666;
}
div.rexian-left{
    width:790px;
}
div.msg-shezhi{
   padding:50px 90px 35px 75px;
}
div.rexian-dingwei span{
    display:block;
    width:21px;
    height:28px;
}
div.rexian-msg h3{
    font-size:14px;
    color:#666;
}
div.rexian-msg h3 span{
    color:#da1f2b;
    font-weight:bold;
}
div.rexian-msg p{
    font-size:14px;
    color:#666;
}
div.rexian01{
        padding-top: 70px;
}
div.rexian-right{
    width:370px;
    padding:46px 20px;
}
div.right-pic{ 
    width:300px;
    height:181px;
    overflow:hidden;
}
div.rexian-right img{
    transition: all 0.6s;
    width:100%;
    height:auto !important;
    max-width:100%;
}
div.rexian-right img:hover{
    transform: scale(1.2);
}
div.xiayige{
    width:600px;
}
div.rexian-msg01{
    width:267px;
}
.company-phone ul:nth-child(odd){
    background:#fff;
}
.company-phone ul:nth-child(even){
    background:#f5f5f5;
}
div.rexian-msg p b{
    font-weight:bold;
}
ul.kaifa-list{
	width:103%;
    cursor:pointer;
    margin-top:60px;
}
ul.kaifa-list li{
    border:1px solid #f2f2f2;
    background:#fff;
    float:left;
    width:380px;
    margin-right:26px;
}
ul.kaifa-list li:hover div.kaifa-time h1{
    color:#000;
} 
ul.kaifa-list li.last-kaifa{
    margin-right:0;
}
div.kaifa-time p span{
    display:block;
    width:14px;
    height:14px;
    float:left;
} 
div.kaifa-time p.kaifa-intro{
    float:left;

}
div.kaifa-time{
    padding:10px 10px;
}
div.kaifa-time p{
    color:#999;
}
div.kaifa-time h1{
    font-weight:bold;
}
ul.kaifa-list li{
    
}
ul.kaifa-list li:hover{
       box-shadow: 0px 20px 20px 5px #f7f7f7;
}
ul.kaifa-list li:hover p.time-hover{
    background:url("../img/project/btn1.png") no-repeat center center;
}
div.kaifa-time p span{
    margin-right:10px;
}
p.shijian-kaifa{
    font-size:16px;
}
p.time-hover{
    padding:10px 10px 20px 10px;
    width:31px;
    height:31px;
    background:url("../img/project/btn1-1.png") no-repeat center center;
}
div.area-fenbu ul li{
    margin-top:25px;
    margin-right:20px;
    cursor:pointer;
    float:left;
    width:275px;
    border:1px solid #ececec;
}
div.icon-bianhua{
    position:relative;
}
div.icon-bianhua img{
    width:50%;
    max-width:50%;
}
.icon-bianhua .icon2{
    display:none;
}
.area-fenbu ul li:hover .icon2{
    display:inline-block;
    zoom: 1;
    *display: inline;
}
.area-fenbu ul li:hover .icon1{
    display:none;
}
div.area-fenbu ul li:hover p.kaifa-name{
    background:#d32833;
    
}
div.area-fenbu ul li:hover p.kaifa-name a{
    color:#fff;
}
div.area-fenbu ul li:hover{
    background:#fff;
}
div.img-border{
    width:282px;
    height:144px;
    text-align:center;
    line-height:144px;
}
div.kaifa-content p.kaifa-name{
    background:#f7f7f7;
    padding:15px 0;
    text-align:center;
    font-size:14px;
    color:#555;
}
div.area-fenbu ul li.last-kaifa{
    margin-right:0;
}
div.area-fenbu{
    margin-bottom:55px;
}
div.zhanshi-dazhi span{
    margin-right:10px;
    border-left:4px solid #d32833;
}
div.map-img{
   padding-top:53px; 
}
div.map-img img{
    width:90%;
    height:auto !important;
    max-width:90%;
}
div.area{
  
 
   
}
div.area span{
    display:block;
}
div.all-area div.area{
    float:left;
}
div.all-area div.area:last-child{
    display: none;
}
div.all-area h1{
   font-size:16px;
   color:#333;
}
div.all-area p{
    padding:0 20px;
}
div.all-area p a{
    font-size:14px;
    color:#666;
}
div.all-area p a{
    overflow: hidden;
}
div.area div.last-area{
    border-right:none;
}
div.all-area p{
    overflow: hidden;
}
div.area-content{
    width:235px;
    height:165px;
    border-right:1px solid #e5e5e5;
}
div.all-area div.first-area div.area-content{
    width: 470px;
    height: auto;

}
div.all-area div.first-area p{
    float: left;
    width: 50%;
    box-sizing:border-box;
}
div.area p span.arealeft{
    width:120px;
    float:left;
}
div.area p span.arearight{
    float:right;
}

div.project-detail{
    padding-top:53px;
}
div.all-area{
    padding-top:65px;
}
div.area-title{
    padding-left:22px;
    height:50px;
}
div.detail-dingwei p{
    padding-left:8px;
    font-size:16px;
    color:#838383;
}
span.detailto-icon{
    width:11px;
    height:15px;
    line-height:30px;
}
span.detailto-icon img{

    width:100%;
    height:auto !important;
    max-width:100%;
}
div.project-detail h1{
    font-size:24px;
    color:#333;
}
div.detail-dingwei{
    margin-right:25px;
}
div.detail-dingwei span.icon-dianhu{
    width:17px;
    height:13px;
}
div.detail-right p{
    float:left;
    cursor:pointer;
    margin-right:10px;
}
div.detail-right p a{
    display:block;
}
div.detail-right p.fenxiang1 a{
    width:20px;
    height:20px;
    background:url("../img/project/xinlang.png") no-repeat center;
}
div.detail-right p.fenxiang2 a{
    width:20px;
    height:20px;
    background:url("../img/project/qq1.png") no-repeat center;
}
div.detail-right p.fenxiang3 a{
    width:20px;
    height:20px;
    background:url("../img/project/kongjian.png") no-repeat center;
}
div.detail-right p.fenxiang4 a{
    width:20px;
    height:20px;
    background:url("../img/project/weixin.png") no-repeat center;
}
div.detail-right p.fenxiang1 a:hover{
    width:20px;
    height:20px;
    background:url("../img/project/xinlang1.png") no-repeat center;
}
div.detail-right p.fenxiang2 a:hover{
    width:20px;
    height:20px;
    background:url("../img/project/qq.png") no-repeat center;
}
div.detail-right p.fenxiang3 a:hover{
    width:20px;
    height:20px;
    background:url("../img/project/kongjian1.png") no-repeat center;
}
div.detail-right p.fenxiang4 a:hover{
    width:20px;
    height:20px;
    background:url("../img/project/weixin1.png") no-repeat center;
}
div.detail-right p.last-fenxiang{
    margin-right:0px;
}
div.detail-right p.fenxiang-font{
    font-size:14px;
    color:#838383;
    line-height:18px;
}
div.project-detail{
    padding-bottom:20px;
    border-bottom:1px solid #eee;
}
div.future-img{
    padding-top:46px;
}
div.future-img img{
    width:100%;
    height:auto !important;
    max-width:100%;
}
div.proimg-detail{
    width:935px;
    padding-top:30px;
}
div.proimg-detail img{
    width:100%;
    height:auto !important;
    max-width:100%;
}
div.proimg-intro p{
    padding-top:30px;
    font-size:14px;
    color:#666;
}
div.proright-detail{
    width:228px;
    padding-top:30px;
}
div.img-qiehuan ul li{
    margin-top:;
}
div.qiehuan-btn a.next{
    cursor:pointer;
    float:left;
    display:block;
    background:#eeeeee;
    height:35px;
    line-height:35px;
    width:112px;
    text-align:center;
}
div.qiehuan-btn a.prev{
    text-align:center;
    cursor:pointer;
    float:left;
    display:block;
    background:#d32833;
    height:35px;
    line-height:35px;
    width:112px;
}
div.qiehuan-btn a img{
    width:20%;
    height:auto !important;
    max-width:20%;
}
div.proright-detail01 ul li{
    padding-top:15px;
}
div.qiehuan-btn{
    padding-top:20px;
}
ul.news-list{
    display:block;
}
ul.news-list li{
	float:left;
    width:70px;
    margin-right:65px;
}
ul.news-list li div{
    text-align:center;
}
ul.news-list li div{
    cursor:pointer;
    font-size:18px;
    color:#999;   
}
div.news-list a{
    display:block;
    width:30px;
    height:30px;
}
div.news-list a.next{
    text-align:left;
    background:url("../img/news/btn2.png") no-repeat center center; 
}
div.news-list a.prev{
    text-align:right;
    background:url("../img/news/btn1.png") no-repeat center center;  
}
div.time-news{
     width:500px;
}
div.time-news ul.news-list li.active div{
    color:#db3f49;
}
div.time-news{
    margin-left:50px;
}
div.newsto-left{
    width:1060px;
    height:215px;
}
div.newsto-right{
    border-left:1px solid #eee;
    width:115px;
    padding-left:32px;
}
div.newsto-img{
    width:245px;
     padding:30px 20px; 
}
div.newsto-img img{
   
    width:100%;
    height:auto !important;
    max-width:100%;
}
p.newdetail-title{
    font-size:18px;
    color:#333;
}
p.newdetail-cont{
    padding-top:20px;
    font-size:14px;
    color:#666;
}
div.newsdetail-content{
    width:520px;
    padding:40px 20px;
}
li.newsto-content{
    cursor:pointer;
    background:#fff;
}
div.newsto-content a{
    display:block;
}
p.news-btnicon{
    width:37px;
    height:37px;
    margin:0 auto;
    background:url("../img/news/btn4.png") no-repeat center center;
}
div.news-module ul.all-news li.newsto-content:hover{
    background:#d32833;
}
li.newsto-content:hover div.newsto-right p.news-btnicon{
   background:url("../img/news/btn3.png") no-repeat center center;
}
li.newsto-content:hover div.newsdetail-content p,li.newsto-content:hover div.newsto-right p,li.newsto-content:hover div.newsto-right h1{
    color:#fff;
}
div.newsto-right{
    margin-top:25px;
    text-align:center;
    padding:15px 10px 10px 10px;
}
div.newsto-right h1{
    font-size:18px;
    color:#888;
}
div.newsto-right p{
    font-size:12px;
    color:#a8a8a8;
}
div.newsto-right p.news-btnicon{
    padding-top:20px;
}
div.tubiao-dingwei{
   
    position:relative;
    padding-left:27px;
}
div.news-list a.next{
    position:absolute;
    top:4px;
    left:647px;
}
div.news-list a.prev{
    position:absolute;
    top:4px;
    left:1px;
}
div.news-module ul{
   /* padding-top:30px;*/
}
div.news-module01 ul.all-news li:nth-child(even){
    background:#f8f8f8;
}
div.news-module01 ul.all-news li:nth-child(odd){
    background:#fff;
}
div.news-module01 ul{
    padding-top:30px;
   padding-left:40px;
}
/*div.news-module ul{
    padding-top:30px;
}*/
div.news-module ul.all-news li:nth-child(even){
    background:#f8f8f8;
}
div.news-module ul.all-news li:nth-child(odd){
    background:#fff;
}
div.news-module ul.all-news{
 border:1px solid #eee;
}
div.news_lists{
	margin:30px 0;
}
div.new-yema a{
    color:#999;
    float:left;
    text-align:center;
    display:block;
    width:30px;
    height:30px;
    line-height:30px;
    background:#eee;
    margin-right:15px;
}
div.new-yema{
   /* margin-left:1108px;*/
    padding-top:20px;
}
div.new-yema a.active{
	background:#cf000d;
    color:#fff;
}
div.new-yema a:hover{
    background:#cf000d;
    color:#fff;
}
div.howto-right{
    cursor:pointer;
}
div.howto-right a{
    font-size:14px;
    color:#333;
}
div.howto-right:hover{
    background:#cf000d;
}
div.howto-right:hover p a{
    color:#fff;
}
div.howto-left p a{
    font-size:14px;
    color:#333;
}
div.howto-right{
    border-radius:50px;
    border:1px solid #999;
    padding:8px 20px;
}
div.howto-left p a:hover{
    color:#cf000d;
}
div.howto{
    margin-top:20px;
}
/*div.licheng-msg{
    margin-top:116px;
}
div.licheng-list {
    display:block;
}
div.licheng-list a.next{
    
}
ul.licheng-list li{
    width:70px;
    margin-right:65px;
}
ul.licheng-list li div{
    text-align:center;
}
div.licheng-list a{
    display:block;
    width:30px;
    height:30px;
    border-radius:50px;
}
div.licheng-list a.next{
    text-align:left;
    background:url("../img/about/libtn2.png") no-repeat center center; 
}
div.licheng-list a.prev{
    text-align:right;
    background:url("../img/about/libtn1.png") no-repeat center center;  
}
div.licheng-list a.next{
    position:absolute;
    top:-15px;
    right:14px;
}
div.licheng-list a.prev{
    position:absolute;
    top:-15px;
    left:15px;
}
div.time-licheng{
     width:500px;
}
div.time-licheng ul.licheng-list li.active div{
    color:#db3f49;
}
div.time-licheng{
    margin-left:50px;
}
div.lc-msg{
    width:200px;
    height:200px;
    border:1px solid transparent;
}
p.li-icon01{
   width:1px;
   height:20px; 
}
p.li-icon{
    width:12px;
    height:20px;
}
p.li-icon img{
    width:100%;
    height:auto !important;
    max-width:100%;
}
p.li-icon01{
    width:1px;
    height:10px;
}
p.li-icon01 img{
    width:100%;
    height:auto !important;
    max-width:100%;
}
div.yuandian1{
    position:relative;
}

div.lc-msg h1{
    font-size:30px;
    color:#a43a41;
}
div.lc-msg p{
    font-size:12px;
    color:#666666;
}
p.li-icon01-1{
    position:absolute;
    top:-57px;
    left:96px;
}
div.lc-msg{
    position:absolute;
    top:-172px;
    left:95px;
}
div.lc-msg01{
    position:absolute;
    top:-172px;
    left:10px;
}
div.lc-msg02{
    position:absolute;
    top:18px;
    left:319px;
}
p.li-icon01-2{
    position:absolute;
    top:-61px;
    left:252px;
}

p.li-icon01-3{
    position:absolute;
    top:-51px;
    left:413px;
}
p.li-icon01-4{
    position:absolute;
    top:-51px;
    left:610px;
}
div.all-moudle{
    height:500px;
}*/
.history-list {
    width: 1136px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 111px;
}
.history-list .bd ul {
    width: 1136px;
    height: 480px;
    position: relative;
    background: url("../img/about/about06.jpg") repeat-x left center;
}
/*.history-list .bd li.one {
    left: 0;
    top: 5px;
}*/
/*.history-list .bd li.top {
    margin-top: 230px;
    padding-top: 53px;
    background: url("../img/about/yuandian.png") no-repeat center top;
}
*//*.history-list .bd li {
    width: 318px;
    position: absolute;
}*/

/*.history-list .bd li.bot {
    margin-top: -8px;
    padding-bottom: 53px;
    background: url("../img/about/yuandian.png") no-repeat center bottom;
}*/

/*.history-list .bd li.the {
    left: 545px;
    top: 3px;
}*/
/*.history-list .bd li.top {
    margin-top: 230px;
    padding-top: 53px;
    background: url("../img/about/yuandian.png") no-repeat center top;
}*/

/*.history-list .bd li.four {
    right: 0;
    top: 4px;
}*/
.history-list .hd a.next {
    background: url("../img/about/libtn2.png") no-repeat center;
    background-size: cover;
    right: -24px;
}
.history-list .hd a {
    width: 31px;
    height: 31px;
    overflow: hidden;
    position: absolute;
    top: 35.5%;
    cursor: pointer;
    margin-top: 15px;
}
.history-list .hd a.prev {
    background: url("../img/about/libtn1.png") no-repeat center;
    background-size: cover;
    left: -24px;
}
li.top a p.tit{
    font-family: 'AngsanaNew';
    line-height:30px;
    font-size:20px;
    color:#a43a41;
}
li.bot a p.tit{
    font-family: 'AngsanaNew';
    line-height:30px;
    font-size:20px;
    color:#a43a41;
}
li.bot a p.con,li.top a p.con{
    font-size:12px;
    color:#666;
}
/*.history-list .bd li .con {
    padding: 17px 27px 0 40px;
    font-size: 14px;
    color: #888888;
    width: 245px;
    height: 96px;
    overflow: hidden;
    line-height: 24px;
}*/
div.zeren-imgcont ul li{
    float:left;
    width:336px;
    margin-right:50px;
}
div.zeren-imgcont ul li div.title{
    font-size:14px;
    
    text-align:center;
    padding-top:22px;
}
div.zeren-imgcont ul li div.title a{
    color:#666;
}
div.zerem-dian{
    padding-top:40px;
    width:100px;
    margin:0 auto;
}
div.zerem-dian ul li{
    background:#999999;
    text-indent:999999999999999999px;
    float:left;
    cursor:pointer;
    width:10px;
    border-radius:50px; 
    height:10px;
    margin-left:19px;
   
}
div.zerem-dian ul li.on{
    background:#cf000d;
}
div.zeren-imgcont{
    padding-left:50px;
}
ul.licheng-btn li{
    margin-right:30px;
    text-align:center;
    cursor:pointer;
    float:left; 
    width:215px;
    height:48px;
    line-height:48px;
}
ul.licheng-btn li a{
     color:#2c303c;
     font-size:16px;
}
div.licheng-content{
    min-height:591px;
    margin-top:70px;
}
ul.licheng-btn li.licheng-qiehuan{
    margin-right:0;
}
ul.licheng-btn li:hover{
     color:#2c303c;
     background:#f7f7f7;
}
ul.licheng-btn li:hover a{
     color:#cf000d;
}
ul.licheng-btn li.hover{
     color:#2c303c;
     background:#f7f7f7;
}
ul.licheng-btn li.hover a{
     color:#cf000d;
}
div.lowyer{
    margin-top:150px;
    padding:0px 0 200px 0;
}
div.lowyer h1{
    font-size:30px;
    text-align:center;
}
div.lowyer-content{
    padding:20px 0 220px 0;
}
div.lowyer-content p{
    font-size:16px;
    text-indent:35px;
}

/*违纪查询*/
div.weiji{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.6);
    
}
div.weiji-jiemian{
    
}
div.sousuokuang{
    position:relative;
   width:680px;
   height:425px;
   margin-top:300px;
   margin-left:300px;
   background:#fff;
   z-index:150;
  
}
div.sousuokuang input{
    padding-left:10px;
    display:block;
    width:305px;
    height:40px;
    border:1px solid #eee;
    border-radius:5px;
}
div.sousuokuang input:hover{
    border:1px solid #999;
}
div.jiemian-ing{
    margin:0 auto;
    width:315px;
    text-align:center;
    padding:35px 50px 10px 50px;
}
div.jiemian-ing h1{
    font-size:22px;
    color:#999;
    padding-bottom:40px;
}
div.jiemian-ing input{
   margin-bottom:15px;
}
div.jiemian-ing button{
    margin-top:15px;
    background:#cf000d;
    color:#fff;
    border:none;
    outline: none;
    width:315px;
    height:40px;
    line-height:40px;
}
div.jiemian-ing p{
    text-align:center;
    font-size:12px;
    color:#666;
}
p.first-p{
    margin-top:80px;
}
div.ssjm-content{
    padding:30px 30px;
}
div.ssjm-content h1{
    text-align:center;
}
/*改周云*/
p.guanbi{
    cursor:pointer;
    position:absolute;
    top:-15px;
    right:-15px;
    font-size:15px;
    text-align:center;
    width:30px;
    height:30px;
    background:#fff;
    border-radius: 50px;
}
.right_links .jiathis_style_24x24 .jtico_tsina{ 
    background:url(../img/home/sina.png) no-repeat;
}
.right_links .jiathis_style_24x24 .jiaxinlang { 
    background:url(../img/home/weixin.png) no-repeat;
}
div.wxerweima{
    display:none;
    position:absolute;
    top:47px;
    right:-4px;
    width:100px;
    height:100px;
}
div.wxerweima img{
    width:100%;
    max-width:100%;
    height:auto !important;
}
div.jiathis_style_24x24{
    position:relative;
}
div#headersec{
    background:#fff;
    border-bottom:1px solid #dce1e5;
}
div#footersec{
    background:#fff;
}
div#footersec{
    border-top:1px solid #f0f0ef;
}
div#footersec div.corp div.foot_left span{
    background: #e5e5e5;
}
div#footersec div.corp div.foot_left a{
    color:#666666;
}
div#footersec div.corp div.foot_left p{
    color:#666;
        background: url(../img/home/jiandu.png) no-repeat left center;
}
div#footersec div.corp div.footer-jieshao{
    color:#000;
}
.right_linksec .fl{
    color: #999999;
}
.right_linksec .jiathis_style_24x24 .jtico_tsina{
    background: url(../img/home/sina1.png) no-repeat;
}
.right_linksec .jiathis_style_24x24 .jiaxinlang{
        background: url(../img/home/weixin1.png) no-repeat;
}
.right_linksec .search{
    border-left:1px solid #dce1e5;
}
div.bannertxt p.txt2{
    padding:10px 240px;
    font-size:15px;
    color:#fff;
}
div.join-btn{
    position:absolute;
    bottom:20px;
    left:135px;
}
div.join-btn ul li{
    margin-right:5px;
    float:left;
    width:5px;
    height:5px;
    background:#fff;
    border:1px solid #fff;
    border-radius:50px;
}
div.join-btn ul li.on{
    background:#d32833;
    border:1px solid #d32833;
}
div.banner-img{
    position:relative;
}
/*人才战略部分重写*/
/*.history-list ul{
    padding-top:30px;
}*/
.history-list .bd li.top {
    margin-top: 230px;
    padding-top: 53px;
    background: url("../img/about/xia.png") no-repeat 45px top;
}
.history-list .bd li.bot {
    margin-top: -8px;
    padding-bottom: 53px;
    background: url("../img/about/shang.png") no-repeat 30px bottom;
}
.history-list .bd li.one {
    left: 0;
    top:31px;
}
.history-list .bd li.two {
    left: 273px;
    top: 5px;
}
.history-list .bd li.the {
    left: 545px;
    top: 30px;
}
.history-list .bd li.four {
    right: 0;
    top: 4px;
}
.history-list .bd li.top:hover{
    background: url("../img/about/redxia.png") no-repeat 45px top;
}
.history-list .bd li.bot:hover{
    background: url("../img/about/redshang.png") no-repeat 30px bottom;
}
.history-list .bd li {
    width:318px;
    position: absolute;
}
.history-list .bd li i{
    display:block;
    width:4px;
    height:13px;
}
.history-list .bd li i.wushang01{
    position:absolute;
    bottom:3px;
    left:173px;
    background: url("../img/about/wshang.png") no-repeat center center;
}
.history-list .bd li i.wushang02{
    position:absolute;
    top: -7px;
    left: 180px;
    background: url("../img/about/wshang.png") no-repeat center center;
}
.history-list .bd li i.wushang03{
    position:absolute;
    bottom:4px;
    left:200px;
    background: url("../img/about/wshang.png") no-repeat center center;
}
.history-list .bd li i.wushang04{
    position:absolute;
    top:-4px;
    left: 160px;
    background: url("../img/about/wshang.png") no-repeat center center;
}
.history-list .bd li i{
    position:relative;
}

.history-list .bd li .con {
    padding: 17px 27px 27px 0px;
    font-size: 14px;
    color: #888888;
    width: 245px;
    height: 96px;
    overflow: hidden;
    line-height: 24px;
}

/*开始*/
.history-list01 .bd li.top {
    margin-top: 230px;
    padding-top: 53px;
    background: url("../img/about/xia.png") no-repeat 45px top;
}
.history-list01 .bd li.bot {
    margin-top: -8px;
    padding-bottom: 53px;
    background: url("../img/about/shang.png") no-repeat 30px bottom;
}
.history-list01 .bd li.one {
    left: 0;
    top:4px;
}
.history-list01 .bd li.two {
    left: 273px;
    top: 31px;
}
.history-list01 .bd li.the {
    left: 545px;
    top: 4px;
}
.history-list01 .bd li.four {
    right: 0;
    top: 30px;
}
.history-list01 .bd li.top:hover{
    background: url("../img/about/redxia.png") no-repeat 45px top;
}
.history-list01 .bd li.bot:hover{
    background: url("../img/about/redshang.png") no-repeat 30px bottom;
}
.history-list01 .bd li {
    width:318px;
    position: absolute;
}
.history-list01 .bd li i{
    display:block;
    width:4px;
    height:13px;
}
.history-list01 .bd li i.wushang01{
    position:absolute;
    top:-5px;
    left:173px;
    background: url("../img/about/wshang.png") no-repeat center center;
}
.history-list01 .bd li i.wushang02{
    position:absolute;
    top:206px;
    left: 180px;
    background: url("../img/about/wshang.png") no-repeat center center;
}
.history-list01 .bd li i.wushang03{
    position:absolute;
    top:-6px;
    left:200px;
    background: url("../img/about/wshang.png") no-repeat center center;
}
.history-list01 .bd li i.wushang04{
    position:absolute;
    top:206px;
    left: 160px;
    background: url("../img/about/wshang.png") no-repeat center center;
}
.history-list01 .bd li i{
    position:relative;
}

.history-list01 .bd li .con {
    padding: 17px 27px 27px 0px;
    font-size: 14px;
    color: #888888;
    width: 245px;
    height: 96px;
    overflow: hidden;
    line-height: 24px;
}
div.news-module .history-list02 ul{
    padding-top:0px;
}
/*结束*/

.main-strategy01 h2{
    font-size: 20px;
    color: #d32833;
    text-align: left;
    padding-left: 50px;
    line-height: 24px; 
}
div.main-strategy01 ul{
    padding-bottom:380px;
}
ul.join-back li{
    float:left;
    width:105px;
    height:105px;
    border-radius:50px;
    background:#eeeeee;
}
ul.join-back{
    position:relative;
}
ul.join-back li.power01{
    position:absolute;
    top:88px;
    left:20px;
}
ul.join-back li.power02{
    position:absolute;
    top:190px;
    left:242px;
}
ul.join-back li.power03{
    position:absolute;
    top:88px;
    left:447px;
}
ul.join-back li.power04{
    position:absolute;
    top:190px;
    right:445px;
}
ul.join-back li.power05{
    position:absolute;
    top:88px;

    right:243px;
}
ul.join-back li.power06{
    position:absolute;
    top:190px;
    right:20px;
}
ul.join-back li div.neir{
   width:80px;
   margin:0 auto;
   
}
ul.join-back li div.neir p{
    text-align:center;
    margin: 0 auto;
    padding:34px 0;
    line-height:24px;
    width:80px;
    font-size:14px;
    color:#000;

}
.width-ul{
    width:1250px;
    overflow:hidden;
}
.anli-more{
    display:block;
    font-size:0.24rem;
    color:#ffe1ad;
}