@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}




/**/
.banner a{ display:block; background:url(../images/banner.jpg) no-repeat center top; height:706px; overflow:hidden;}

.banners{height: 706px;}
.fullSlide {width:100%;position:relative;height:706px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {background-repeat: no-repeat;width:100% !important;height:706px;overflow:hidden;text-align:center;background-position:center top;}
.fullSlide .bd li a {display:block;height:706px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;border-radius: 0px; transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;
                  -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Firefox 4 */
                  -webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */
                  -o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */
                   display:inline-block;*display:inline;zoom:1;width:100px;height:5px;margin:6px;overflow:hidden;background:#fff;line-height:999px;}
.fullSlide .hd ul .on {background:#633511;width:100px;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:73px; height:73px;}
.fullSlide .prev{ background:url(../images/left1s.png) no-repeat; }
.fullSlide .next {left:auto;right:5%;background:url(../images/right1s.png) no-repeat;}


.yinz{ height:475px; padding-top:70px; background:#f7f7f7; overflow:hidden;}
.yinz h2{ text-align:center; font:16px "Microsoft YaHei"; color:#666; line-height:48px; height:48px; overflow:hidden;}
.yinz dl{ width:258px; float:left; margin-top:40px; overflow:hidden; border-right:1px solid #e8e8e8;}
.yinz dt{ width:156px; height:151px; margin:0 auto; background:url(../images/yinz_bg2.png) no-repeat;}
.yinz dt img{ display:block;width:156px; height:151px;-webkit-transition: -webkit-transform 0.4s ease-out; 
    -moz-transition: -moz-transform 0.4s ease-out; 
    transition: transform 0.4s ease-out;}
.yinz dd{ font:18px "Microsoft YaHei"; text-align:center; margin-top:20px;}
.yinz dd em{ display:block; font:16px "Microsoft YaHei"; color:#666;}
.yinz .dl1{ width:156px; padding-right:54px;}
.yinz .nones{ margin-right:0;width:156px; padding-left:54px; border:0;}
.yinz .cur dt{ background:url(../images/yinz_bg1.png) no-repeat;}
.yinz .cur dt img{-webkit-transform: rotate(360deg); 
    -moz-transform: rotate(360deg); 
    transform: rotate(360deg);}
.yinz .cur dd{ font-weight:bold; color:#f77b3b;}

.tit{ text-align:center; font:40px "宋体";font-weight:bold; color:#333; background:url(../images/yinz_h.png) no-repeat center bottom; padding-bottom:30px;}
.tit em{ color:#f77b3b;}
.tit a{ color:#333;}

.team{ margin-top:85px;}
.team .tit{ background:none; margin-bottom:20px;}
.teamt{ width:1200px; margin:0 auto; height:85px; overflow:hidden;}
.teamt ul{ margin-left:370px; width:465px; border:1px solid #999;border-right:0; height:43px;}
.teamt li{ width:154px; height:43px; float:left; border-right:1px solid #999; font:20px "Microsoft YaHei"; text-align:center; line-height:43px;}
.teamt li a{ display:block; color:#666;}
.teamt li a:hover{ color:#fff; font-weight:bold; background:#f77b3b;}

.team1{ background:url(../images/team_bg.jpg) no-repeat center top; height:812px; overflow:hidden;}
.team1 .content{ position:relative; height:812px;}
.team1 dl{ height:700px; overflow:hidden; position:relative;}
.team1 dt{ width:700px; height:700px; float:left; overflow:hidden;}
.team1 dt img{ display:block;width:700px; height:700px;}
.team1 dd{ width:600px; height:360px; background:#fff; overflow:hidden; position:absolute; top:98px; right:0;}
.team1 dd .h01{ width:465px; padding:0 45px; margin-left:44px; border-left:1px solid #efefef; height:360px; overflow:hidden;}
.team1 dd h3{ height:60px; font:26px "Microsoft Yahei"; font-weight:bold; color:#0e1321; line-height:60px; overflow:hidden; margin-top:30px; border-bottom:4px solid #633511; background:url(../images/team_icon.png) no-repeat left center; padding-left:40px;}
.team1 dd h3 em{ font:18px "Microsoft Yahei"; color:#666; padding-left:8px;}
.team1 dd h3 a{ color:#0e1321;}
.team1 dd .desc{ font:14px "Microsoft Yahei"; line-height:25px; color:#666; background:url(../images/team_dot.gif) no-repeat left 8px; padding-left:20px; margin-top:22px;}
.team1 dd .desc b{ color:#633511;}
.team1 dd p em{ padding:0 8px;}
.team1 dd span{ display:block; height:40px; overflow:hidden; margin:20px 0 0 20px;}
.team1 dd span a{ display:inline-block; font:16px "Microsoft Yahei"; line-height:40px; color:#fff; width:95px; height:40px; background:#f77b3b url(../images/team_icon1.png) no-repeat 27px center; padding-left:60px;}
.team1 dd span .a02{margin-left:12px;background:#f77b3b url(../images/team_icon2.png) no-repeat 27px center;}

.teamt2{ position:absolute; top:480px; right:0; width:498px;}
.teamt2 li{ width:156px; float:left; margin-left:10px;}
.teamt2 li img{ display:block; width:156px; height:156px;}
.teamt2 li em{ display:block; text-align:center; font:16px "Microsoft Yahei"; line-height:52px; height:52px; color:#666; overflow:hidden;}
.teamt2 li a:hover img,.teamt2 .on img{ display:block;width:148px; height:148px; border:4px solid #f77b3b;}
.teamt2 li a:hover em,.teamt2 .on em{ font-weight:bold; color:#f77b3b;}

.arr{ width:498px; height:30px; overflow:hidden; position:absolute; top:725px; right:0; background:url(../images/team_line.gif) no-repeat 30px center;}
.arr .pageState{ letter-spacing:5px; display:block; float:left; height:20px; width:80px; margin:4px 0 0 55px; line-height:20px;}
.arr .pageState span{width:15px; color:#f77b3b; display:inline-block; font-weight:bold;}
.arr span a{ display:inline-block; width:11px; height:11px; background:url(../images/team_dot1.png) no-repeat; margin:0 2px;}
.arr span .cur2,.arr span a:hover{background:url(../images/team_dot2.png) no-repeat;}
.arr .arr1 a{ display:block; width:30px; height:30px; overflow:hidden; background:url(../images/team_l.png) no-repeat; position:absolute; top:0; right:40px;}
.arr .arr2 a{display:block; width:30px; height:30px; overflow:hidden; background:url(../images/team_r.png) no-repeat; position:absolute; top:0; right:0;}
.arr .arr1 a:hover,.arr .arr2 a:hover{ background-position:0 -30px;}
.teamm{ display:block; width:265px; height:60px; overflow:hidden; position:absolute; top:730px; left:420px; text-align:right; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#c19555;}
.teamm a{ display:block; font:16px "Microsoft Yahei"; color:#fff; background:url(../images/team_more.png) no-repeat right center; line-height:18px; padding-right:22px; margin-bottom:8px;}

.haoc{ background:url(../images/haoc_bg.jpg) no-repeat center top; height:730px; overflow:hidden; padding-top:102px;}
.haoc .tit{ height:61px; overflow:hidden; margin-bottom:70px;}
.haoc dl{ width:255px; height:230px; float:left;}
.haoc dt{ font:20px "Microsoft Yahei"; color:#633511; padding:50px 0 0 27px;}
.haoc dt em{ display:block; font:14px Arial, Helvetica, sans-serif; color:#666; padding-top:5px;}
.haoc dd{ width:180px; margin:36px 0 0 27px; background:url(../images/haoc_line.png) no-repeat 36px center;}
.haoc dd em{ font:30px "Times New Roman", Times, serif; color:#c1c1c1;}
.haoc dd i{ display:block; width:36px; height:30px; float:right;}
.haoc .dl1 i{ background:url(../images/haoc1.png) no-repeat;}
.haoc .dl2 i{ background:url(../images/haoc2.png) no-repeat;}
.haoc .dl1,.haoc .dl5{ width:240px;}
.haoc .dl3 i{ background:url(../images/haoc3.png) no-repeat;}
.haoc .dl4 i{ background:url(../images/haoc4.png) no-repeat;}
.haoc .dl5 i{ background:url(../images/haoc5.png) no-repeat;}
.haoc .dl6 i{ background:url(../images/haoc6.png) no-repeat;}
.haoc .dl7 i{ background:url(../images/haoc7.png) no-repeat;}
.haoc .dl8 i{ background:url(../images/haoc8.png) no-repeat;}
.haoc .cur{ background:url(../images/haoc_bg2.jpg) no-repeat  center center; margin:-21px 0 0 -11px; width:262px; padding:21px 0 0 11px;}
.haoc .cur.dl1{ margin:-21px 0 0 -11px; padding:21px 0 0 11px; width:248px;}
.haoc .cur dt{ font-weight:bold; color:#fff;}
.haoc .cur dt em{ color:#d7b686;}
.haoc .cur dd em{ color:#e7d3b7;}
.haoc .cur i{ background-position:0 -30px;}

.ys{ margin:75px 0;}
.ys .tit{ margin-bottom:30px;}
.ys dl{ height:422px;}
.ys dt{ width:960px; height:422px; overflow:hidden; margin-left:-360px;}
.ys dt img{ display:block;width:960px; height:422px;}
.ys dd{ width:500px; margin-top:55px;}
.ys dd h3{ height:89px; border-bottom:2px solid #d6d6d6; font:30px "Microsoft Yahei"; line-height:89px; background:url(../images/ys_line.png) no-repeat left top; color:#333; margin-bottom:20px;}
.ys dd h3 em{ font:14px Arial, Helvetica, sans-serif; color:#999; background:url(../images/ys_line2.png) no-repeat left center; margin-left:9px; padding-left:20px;}
.ys dd p{ font:16px "Microsoft Yahei"; line-height:37px; color:#333; background:url(../images/team_dot.gif) no-repeat left 14px; padding-left:14px; margin-right:10px;}
.ys dd span a{display:inline-block; font:16px "Microsoft Yahei"; line-height:40px; color:#fff; width:95px; height:40px; background:#f77b3b url(../images/team_icon1.png) no-repeat 27px center; padding-left:60px; margin-top:50px;}
.ys .dl2 dt{ margin:0 -360px 0 0;}

@media screen and (min-width:1024px){
.ys .content{overflow:hidden;}
}

.wit{ height:910px; padding-top:70px; background:#f7f7f7; overflow:hidden;}
.more a{display:block; font:16px "Microsoft Yahei"; line-height:40px; color:#fff; width:155px; height:40px; background:#f77b3b; margin:30px auto 0; text-align:center; color:#fff;}
.wit dl{ width:588px; height:611px; padding-top:25px; background:#fff; border-bottom:3px solid #633511; box-shadow:0.1rem 0.1rem 0.9rem 0.1rem #999; margin-top:40px; float:left;}
.wit dt{ width:537px; height:404px; margin:0 auto; position:relative; overflow:hidden;}
.wit dt img{ display:block;width:537px; height:404px; }
.wit dt em{ display:block; width:47px; height:47px; overflow:hidden; position:absolute; bottom:0; right:0; background:url(../images/wit_more.png) no-repeat;}
.wit dd{ width:537px; margin:20px auto 0;}
.wit dd h3{ font:18px "Microsoft Yahei"; font-weight:bold; color:#633511; padding-bottom:12px; border-bottom:1px solid #dadada;}
.wit dd h3 a{ display:block; color:#633511;}
.wit dd h3 em{ display:block; font:14px "Microsoft Yahei"; color:#707070; padding-top:6px;}
.wit dd p{ font:14px "Microsoft Yahei"; line-height:31px; color:#666; height:62px; overflow:hidden; margin-top:12px;}
.wit ul{ float:right;margin-top:40px;box-shadow:0.1rem 0.1rem 0.9rem 0.1rem #999; width:588px; height:611px; padding-top:25px; background:#fff;}
.wit li{ width:258px; float:left; margin:0 0 25px 25px; display:inline;}
.wit li img{ display:block;width:258px; height:194px;}
.wit li p{ background:#f1f1f1; font:16px "Microsoft Yahei"; text-align:center; color:#333; padding-top:15px; height:71px; overflow:hidden;}
.wit li p em{ display:block; font:14px "Microsoft Yahei"; color:#999; padding-top:5px;}
.wit li a:hover p{ background:url(../images/wit_bg.gif) no-repeat; color:#fff;}
.wit li a:hover p em{ color:#e7d3b7;}

.new{ height:720px;padding-top:65px;overflow:hidden; background:url(../images/line01.gif) repeat-x center bottom;}
.new1{ width:550px; height:580px; overflow:hidden; margin-top:20px;}
.new1 .dl01{ height:258px;border-bottom:1px solid #e0e0e0; margin-top:20px;}
.new1 .dl01 dt{ height:140px; overflow:hidden;}
.new1 .dl01 dt span{ display:block; width:161px; height:105px; padding-top:35px; background:url(../images/haoc_bg2.jpg) no-repeat; font:48px Arial, Helvetica, sans-serif; text-align:center; color:#fff; float:left;}
.new1 .dl01 dt span em{ display:block; font:16px Arial, Helvetica, sans-serif; color:#c3934c;}
.new1 .dl01 dt img{ display:block; width:388px; height:140px; float:left;}
.new1 .dl01 dd h3 a{ display:block; font:16px "Microsoft Yahei"; line-height:30px; height:30px; overflow:hidden; margin:14px 0 4px; color:#333;}
.new1 .dl01 dd p{ font:14px "Microsoft Yahei"; line-height:24px; height:48px; overflow:hidden;}
.new1 .dl02{ height:92px; margin-top:15px; overflow:hidden;}
.new1 .dl02 dt{ width:163px; height:92px; float:left;}
.new1 .dl02 dt img{ display:block;width:163px; height:92px;}
.new1 .dl02 dd{ width:375px; float:right; overflow:hidden;}
.new1 .dl02 dd h3 a{ display:block; font:14px "Microsoft Yahei"; line-height:30px; height:30px; overflow:hidden; margin:10px 0 4px; color:#333;}
.new1 .dl02 dd p{ font:14px "Microsoft Yahei"; color:#666; height:24px; overflow:hidden; line-height:24px;}

.tit2{ height:56px; border-bottom:1px solid #e0e0e0; overflow:hidden; font:20px "Microsoft Yahei"; font-weight:bold; line-height:56px; background:url(../images/new_icon.png) no-repeat left center; padding-left:36px;}
.tit2 a{ display:block; color:#333;}
.tit2 em{ font:14px Arial, Helvetica, sans-serif; text-transform:uppercase; float:right; line-height:56px;}

.faq{ width:570px; overflow:hidden;margin-top:20px;}
.faq dl{ height:113px; padding:24px 0; border-bottom:1px solid #e0e0e0;overflow:hidden;}
.faq dt{ width:200px; height:113px; float:left;}
.faq dt img{ display:block;width:200px; height:113px;}
.faq dd{ width:340px; float:right; overflow:hidden;}
.faq dd h3 a{ display:block; font:16px "Microsoft Yahei"; line-height:30px; height:30px; overflow:hidden; margin:10px 0 4px; color:#333;}
.faq dd p{ font:14px "Microsoft Yahei"; color:#666; height:48px; overflow:hidden; line-height:24px;}
.faq .nones{ border:0;}

.about{ margin:65px 0 0;}
.about1{ background:url(../images/about_bg.jpg) no-repeat center top; height:644px; overflow:hidden; margin-top:37px;}
.about dl{ width:1200px; margin:0 auto; padding-top:100px;}
.about dt{ width:800px; height:491px; float:right; overflow:hidden;}
.about dt img{ display:block; width:800px; height:491px;}
.about dd{ width:320px; float:left; overflow:hidden;}
.about dd h3{ font:24px "Microsoft Yahei"; font-weight:bold; color:#f77b3b; border-bottom:1px solid #e0e0e0; padding-bottom:15px;}
.about dd h3 a{ display:block;color:#f77b3b;}
.about dd h3 em{ display:block; font:54px Arial, Helvetica, sans-serif; color:#f77b3b; text-transform:capitalize;}
.about dd p{ font:14px "Microsoft Yahei"; line-height:31px; height:124px; margin:30px 0 180px;}
.about dd span{ display:block; width:195px; height:50px; font:16px "Microsoft Yahei"; line-height:50px; background:#f77b3b url(../images/team_icon2.png) no-repeat 25px center; overflow:hidden;}
.about dd span a{ color:#fff; display:block; padding-left:55px;}
.about dd span i{ display:block; width:45px; height:50px; float:right; font:30px "宋体"; background:#e18d13; text-align:center; line-height:50px;}
.ab{ background:#f7f7f7;}
.about ul{ width:1200px; margin:0 auto; padding:80px 0; height:199px;}
.about li{ width:209px; height:199px; float:left; margin-right:285px; position:relative;}
.about li a{ display:block; background:url(../images/about_bg01.png) no-repeat; height:154px; padding-top:45px; font:65px Arial, Helvetica, sans-serif; font-weight:bold; color:#f77b3b; text-align:center;}
.about li em{ display:block; font:18px "Microsoft Yahei"; color:#666;}
.about li b{ display:block; width:33px; height:33px; font:18px "Microsoft Yahei"; text-align:center; line-height:33px; color:#333; position:absolute; top:51px; right:0;}
.about li i{ display:block; background:url(../images/about_p.png); width:24px; height:24px; overflow:hidden; position:absolute; top:85px; left:330px;}
.about .nones{ margin-right:0;}
.about li a:hover{ background:url(../images/about_bg02.png) no-repeat; color:#e18d13;}
.about li a:hover b{ color:#fff;}

.link{ height:60px; margin-top:-60px; overflow:hidden; }
.link p{ line-height:60px; color:#957b67; text-align:right; width:600px; float:right;font-family:"Microsoft Yahei";}
.link p a{ color:#957b67; padding:0 24px; display:inline-block;}



/**/
@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}