@charset "utf-8";
/*===================CSS Reset============================*/
html{ -webkit-box-sizing:border-box; box-sizing:border-box;}
*,*:before,*:after{ -webkit-box-sizing:inherit; box-sizing:inherit;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{ border:medium none; margin:0; padding:0;}
body,button,input,select,textarea{ font:14px '微软雅黑',tahoma,Srial,helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
em,i{ font-style:normal;}
ul,ol{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
html{ overflow-y:scroll; overflow-x:auto;font-size:100px;}
input,select,textarea{ outline:none; box-sizing:border-box; padding:0 0.1rem;}
textarea{ resize:none; overflow:hidden; padding:0.1rem;}

/*===================Link Style============================*/
a{ color:#999; text-decoration:none; outline:none; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; transition-duration:0.5s;}
a:hover{ text-decoration: none;}

/*===================Common Style============================*/
.floatL{ float:left;}
.floatR{ float:right;}
.widthWrap{ width:100%;}
.widthCon{ max-width:1200px; margin:0 auto;}
.ovh{ overflow: hidden;}
.textH{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.textR{ text-align: right;}
.clearfix:after{clear: both;}
.clearfix:before,.clearfix:after{content: "";display: table;}

/*============================ Header ============================*/
.ixHeader{ height: 850px; position: relative; background:#666666}
.ixHeader .top{ position: absolute; top: 0; z-index: 99; padding: 30px 40px;}
h1{ width: 220px; height: 43px; float: left; background: url(../images/logoTopNew.png) no-repeat; text-indent: -9999px;}
.ixHeader .navBar{ min-width: 690px; float: right;}
.ixHeader .navBar li{ float:left; margin: 0 8px; position:relative;}
.ixHeader .navBar li a{ color: #fff; height: 48px; line-height: 48px; font-size: 16px; padding: 0 15px; blr:expression(this.onFocus=this.close()); blr:expression(this.onFocus=this.blur()); display:inline-block;}
.ixHeader .navBar li a:hover{ border-bottom: 6px solid #FF8012;}
.ixHeader .navBar li .subNav{ position:absolute; top: 42px; font-size: 14px; color: #fff; background-color:#FF8012; display:none;}
.ixHeader .navBar li .subNav li{ width: 94px; height: 32px; line-height: 32px; text-align: center; position: relative; margin: 0;}
.ixHeader .navBar li .subNav li a{ height: 30px; line-height: 30px; width: 100%; font-size: 14px; display: inline-block;}
.ixHeader .navBar li .subNav li a:hover{ border-bottom: none; color: #FF8012; background-color: #fff;}
.ixHeader .text{ width: 640px; color: #fff; font-size: 40px; font-weight: bold; line-height: 64px; position: absolute; z-index: 1; left: 180px; top: 400px;}
.ixHeader .text span{ display: block; font-size: 52px;}
.ixHeader .text i{ display: block; width: 110px; height: 3px; background: #FF8012; margin: 10px 0 5px 0;}
.ixHeader .btn{ display: inline-block; width: 110px; height: 37px; background: url(../images/iconVideo.png) no-repeat; text-indent: -9999px; position: absolute; bottom: 50px; left: 50%; margin-left: -55px; z-index: 1;}
.ixHeader .video{ width: 100%; height: 850px; position: absolute; top: 0; left: 0; z-index: 1; display: none;}
.ixHeader .img{ width: 100%; height: 850px; position: absolute; top: 0; left: 0;}
.inHeader .top{ height: 94px; background: #373534;}
.inHeader h1{ margin-top: 23px;}
.inHeader .nav li{ float: left;}
.inHeader .nav li a{ display: block; height: 90px; font-size: 13px; color: #fff; line-height: 94px; padding: 0 20px; border-right: 1px solid #473b31;}
.inHeader .nav li a:hover,.inHeader .nav li a.slt{ background: #FF8012;}



/*===================首页============================*/
/*幻灯*/
.index_banner{ min-width: 1260px; max-width: 100%; overflow: hidden; position:relative; z-index: 0;}
.index_banner .rslides{ position: relative; z-index: 0;}
.index_banner .rslides li{ width: 100%; height: 562px; overflow: hidden;}
.index_banner .rslides li a{ width: 100%; height: 100%; display: inline-block; background-position: center 0;}
.index_banner .rslides_tabs{ width: 100%; text-align: center; position: absolute; bottom: 30px; left: 0; font-size: 0;}
.index_banner .rslides_tabs li{ display: inline-block; margin: 0 5px;}
.index_banner .rslides_tabs li a{ width: 16px; height: 10px; border-radius: 10px; display: inline-block; background: rgba(255, 255, 255, .5);}
.index_banner .rslides_tabs li.rslides_here a{ width: 40px; background: #fff;}

@media screen and (min-width: 1024px) and (max-width: 1152px) {
.index_banner{ min-width: 1007px; max-width: 100%; overflow: hidden; position:relative; z-index: 0;}
.index_banner .rslides li{ width: 100%; height: 850px; overflow: hidden;}

.index_banner .rslides li a{ width: 100%; height: 100%; display: inline-block; background-position: center 0;background-size:100% 100%;}
} 




@media screen and (min-width: 1680px) and (max-width: 1920px) {
.index_banner{ min-width: 1660px; max-width: 100%; overflow: hidden; position:relative; z-index: 0;}
.index_banner .rslides li{ width: 100%; height: 850px; overflow: hidden;}
} 





/*============================ Footer ============================*/
.footer{ font-size: 12px; color: #888; background: #282828;}
.footer .textInfo{ padding: 60px 0;}
.footer .logo{ width: 171px; height: 43px; background: url(../images/logoFoot.png) no-repeat; text-indent: -9999px;}
.footer .info{ width: 350px; line-height: 24px; margin: 0 90px 0 120px; padding: 10px; border: 1px solid #555;}
.footer .info em{ width: 35px; display: inline-block; border-right: 1px solid #555; margin-right: 10px;}
.footer .site{ width: 180px;}
.footer .site p{ color: #ff8012;}
.footer .site p b{ display: block; font-size: 20px;}
.footer .site a{ display: block; float: left; width: 50%; margin-top: 15px;}
.footer .site a:hover,.footer .interlink span a:hover{ color: #FF8012;}
.footer .code{ width: 230px; padding: 0 45px; border-left: 1px solid #555;}
.footer .code span{ display: block; text-align: center;}
.footer .code span img{ width: 100px; height: 100px; padding: 5px; background: #fff;}
.footer .code span em{ display: block; margin: 10px 0;}
.footer .copy{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #555; position: relative;}
.footer .copy a{ display: block; width: 65px; height: 20px; color: #FF8012; text-align: center; line-height: 17px; border: 1px solid #FF8012; background: #282828; position: absolute; right: 0; bottom: -10px;}
.footer .copy a:hover{ color: #fff; background: #FF8012;}
.footer .interlink{ padding-bottom: 60px;}
.footer .interlink em,.footer .interlink span{ display: block; float: left;}
.footer .interlink em{ width: 60px;}
.footer .interlink span{ width: 1140px;}
.footer .interlink span a{ display: inline-table; margin: 0 0 10px 10px;}

/*============================ 右侧悬浮 ============================*/
.sideBar{ width: 45px; position: fixed; bottom: 100px; right: 20px; font-size: 0; z-index: 100;}
.sideBar a{ width: 45px; height: 45px; display: inline-block; background-color: #ff8012; background-repeat: no-repeat; background-position: center; margin-bottom: 1px;}
.sideBar .tel{ background-image: url(../images/sideBtn2.png);}
.sideBar .qq{ background-image: url(../images/sideBtn3.png);}
.sideBar .wx{ background-image: url(../images/sideBtn4.png);}
.sideBar .goTop{ background-image: url(../images/sideBtn1.png);}
.sideBar .wx:hover .chatTips1,.sideBar .tel:hover .chatTips2{ display: block;}
.chatTips{ padding: 10px; border: 1px solid #ff8012; position: absolute; right: 56px; top: -117px; top: 27px\0; background-color: #fff; display: none;}
.chatTips i{ width: 9px; height: 16px; display: inline-block; position: absolute; right: -9px; top: 130px; background-image: url(../images/sideBtn5.png);}
.chatTips1 img{ width: 140px;height: 140px;}
.chatTips2{ width: 180px; color: #ff8012; font-size: 14px; font-weight: bold; height: 38px; top: 3px; top: 55px\0; line-height: 18px; text-align: center;}
.chatTips2 i{ top: 10px;}

/*============================ Index ============================*/
.bg{ background-color: #f0f0f0;}
.ixTit{ height: 90px; margin: 50px 0; position: relative;}
.ixTit i{ display: block; width: 132px; height: 90px; background: url(../images/textYt.png) center left no-repeat; position: absolute; top: 0; left: 0; text-indent: -9999px;}
.ixTit a{ display: block; width: 67px; height: 90px; background: url(../images/textMore.png) center right no-repeat; position: absolute; top: 0; right: 0; text-indent: -9999px;}
.ixTit b{ width: 100%; height: 90px; font-size: 25px; color: #000; text-transform: uppercase; line-height: 90px; text-align: center; background: url(../images/textBg.png) center no-repeat; position: absolute; top: 0;}
.ixIntro{ padding: 70px 0 110px 0;}
.ixIntro .img{ width: 540px; height: 325px; position: relative;}
.ixIntro .img b{ height: 50px; color: #fff; font-size: 16px; background-color: #FF8012; line-height: 50px; padding: 0 15px; position: absolute; top: -20px; left: 26px;}
.ixIntro .img img{ width: 100%; height: 100%;}
.ixIntro .intro{ width: 610px; text-align: justify; overflow: hidden;}
.ixIntro .intro .text b{ display: block; font-size: 25px; color: #000;}
.ixIntro .intro .text i{ display: block; width: 60px; height: 3px; background: #ffb90f; margin: 10px 0;}
.ixIntro .intro .text p{ height: 100px; color: #666; line-height: 25px; overflow: hidden; position: relative;}
.ixIntro .intro .text p a{ color: #ffb90f; background: #fff; padding-left: 29px; position: absolute; right: 0; bottom: 0;}
.ixIntro .intro .data{ width: 625px; margin-top: 40px;}
.ixIntro .intro .data span{ display: block; float: left; width: 130px; height: 130px; color: #a2a2a2; font-size: 12px; border: 1px solid #e5e5e5; text-align: center; margin-right: 25px;}
.ixIntro .intro .data span img{ width: 60px; margin: 10px 0 5px 0;}
.ixIntro .intro .data em{ display: block; color: #ffb90f; font-size: 14px; margin-bottom: 3px;}
.firmList,.newsList{ margin: 15px 0 70px 0;}
.firmList li{ width: 299.5px; height: 384px; float: left; border-right: 1px solid #FF8012; border-top: 1px solid #FF8012; border-bottom: 1px solid #FF8012; margin-bottom: 30px; overflow: hidden;}
.firmList li.line{ border-left: 1px solid #ff8012;}
.firmList li a{ display: block; width: 100%; height: 100%; background: #fff; color: #000; padding: 24px;}
.firmList li i{ display: block; width: 20px; height: 2px; background: #ff5c0c; margin: 10px 0 15px 0;}
.firmList li b{ display: block; font-size: 24px; text-transform: uppercase;}
.firmList li p{ height: 32px; font-size: 12px; line-height: 16px; margin: 15px 0; overflow: hidden;}
.firmList li img{ width: 250px; height: 155px;}
.firmList li a:hover{ background: #FF8012; color: #fff;}
.firmList li a:hover i{ background: #fff;}
.caseList{ height: 480px;}
.caseList #caseFlash{ position: relative; width: 100%; height: 435px;}
.caseList .caseBg{ width: 100%; height: 435px; position: relative; overflow:hidden;}
.caseList .caseUl{ width: 2000%; height: 435px; position:absolute;}
.caseList .caseUl li{ float: left; width: 258px; height: 433px; margin: 0 35px 0 15px; color: #333; border: 1px solid #c1c1c1; overflow: hidden;}
.caseList .caseUl li img{ width: 256px; height: 182px;}
.caseList .caseUl li span{ display: block; font-size: 18px; padding: 30px 25px; text-align: center;}
.caseList .caseUl li p{ font-size: 12px; height: 72px; line-height: 18px; padding: 0 25px; overflow: hidden;}
.caseList .caseUl li a{ display: block; width: 100px; height: 30px; color: #FF8012; text-align: center; line-height: 30px; border: 1px solid #FF8012; margin: 30px auto;}
.caseList .caseUl li:hover{ border: 1px solid #FF8012;}
.caseList .caseUl li:hover a{ color: #fff; background: #FF8012;}
.caseList .caseUl li:hover span{ color: #FF8012;}
.caseList .caseBtnL,.caseList .caseBtnR{ width: 26px; height: 46px; position: absolute; top: 170px; left: -45px; cursor: pointer;}
.caseList .caseBtnR{ left: auto; right: -50px;}
.newsList li{ width: 301px; height: 400px; float: left; font-size: 12px; border: 1px solid #d9d9d9; background: #fff; overflow: hidden; margin-left: -1px;}
.newsList li div{ width: 100%; height: 100%; border: 2px solid #fff; padding: 40px 35px;}
.newsList li em,.newsList li b,.newsList li span,.newsList li a{ display: block;}
.newsList li em,.newsList li span{ color: #cfac68;}
.newsList li b{ font-size: 18px; height: 60px; line-height: 30px; margin: 25px 0 20px 0; overflow: hidden;}
.newsList li span{ font-size: 14px;}
.newsList li p{ height: 80px; color: #333; line-height: 20px; margin: 45px 0 30px 0; overflow: hidden;}
.newsList li a{ width: 76px; height: 30px; color: #333; text-align: center; line-height: 28px; border: 1px solid #dedcdd;}
.newsList li:hover a{ color: #fff; background: #ff8012;}
.newsList li:hover b{ color: #cfac68;}
.newsList li:hover div{ border: 2px solid #ff8012;}

/*============================ Other ============================*/
.inLoca{ height: 38px; font-size: 12px; color: #999; line-height: 38px; text-align: right;}
.inLoca a:hover{ text-decoration: underline;}
.inLeft{ width: 300px;}
.inLeft .menu p{ font-size: 18px; color: #e4c584; font-weight: bold; line-height: 60px; background: #333; padding: 0 40px;}
.inLeft .menu a{ display: block; color: #666; line-height: 40px; background: #e4e4e4; border-bottom: 1px solid #fff; padding: 0 40px;}
.inLeft .menu a:hover,.inLeft .menu a.slt{ color: #fff; background: #ff8012;}
.inLeft .data span{ display: block; width: 140px; height: 130px; color: #a2a2a2; font-size: 12px; background: #f8f8f8; text-align: center; margin-top: 20px;}
.inLeft .data span img{ width: 60px; margin: 10px 0 5px 0;}
.inLeft .data em{ display: block; color: #ffb90f; font-size: 14px; margin-bottom: 3px;}
.inRight{ width: 860px; min-height: 660px;}
.inNews li{ width: 100%; float: left; border: 1px solid #eee; padding: 20px; margin-bottom: 10px;}
.inNews li span{ display: block; width: 229px; color: #cfac68; border-right: 1px solid #eee; padding-right: 30px;}
.inNews li span b{ display: block; font-size: 18px; color: #333;}
.inNews li p{ width: 490px; height: 66px; font-size: 12px; color: #666; line-height: 22px; padding: 0 25px; overflow: hidden;}
.inNews li a{ display: block; width: 76px; height: 30px; color: #333; text-align: center; line-height: 30px; border: 1px solid #ddd; margin-top: 13px;}
.inNews li:hover a{ color: #fff; background: #FF8012; border-color: #FF8012;}
.inNews li:hover{ border-color: #FF8012;}
.inFirm{ margin: 0 0 40px 0;}
.inFirm li{ width: 270px; height: 356px; border: 1px solid #c0c0c0; margin: 0 0 16px 16px; overflow: hidden;}
.inFirm li a{ padding: 20px;}
.inFirm li b{ font-size: 22px;}
.inFirm li p{ margin: 12px 0;}
.inFirm li img{ width: 230px; height: 144px;}
.inHonor{ position:relative; background: url(../images/honorBg.png) top center repeat-y;}
.inHonor .cont{ width: 100%; display:block;}
.inHonor .inHonorLeft{ width: 50%; float:left; position:relative; overflow:hidden; padding-right: 80px;}
.inHonor .inHonorRight{ width: 50%; float:left; position:relative; overflow:hidden; padding-left: 80px;}
.inHonor .text{ width: 350px;}
.inHonor .text span{ display: block; width: 100%; height: 82px; position: relative;}
.inHonor .text span b{ font-style: italic; font-size: 74px; color: #f0f0f0; position: absolute; top: 0; left: 0;}
.inHonor .text span em{ display: block; color: #ccc; font-size: 10px; background: url(../images/honorBtn1.png) center left no-repeat; padding-left: 35px; position: absolute; bottom: 0; left: 60px;}
.inHonor .text span em i{ display: block; font-size: 18px; color: #333;}
.inHonor .text p{ width: 60%; height: 28px; font-size: 12px; color: #666; line-height: 14px; margin: 5px 0 5px 94px; overflow: hidden;}
.inHonor .text img{ width: 230px; height: 150px; margin-left: 40px;}
.inHonor .num1{ padding: 30px 0 0 70px;}
.inHonor .num2{ padding-top: 160px;}
.inHonor .num3{ padding: 30px 0 0 0;}
.inHonor .num4{ padding-top: 30px;}
.inHonor .num5{ padding: 60px 0 0 60px;}
.inHonor .num6{ padding: 50px 0;}
.inHonor .num2 img,.inHonor .num6 img{ margin-left: 94px;}
.inHonor .num5 img{ margin-left: 60px;}
.details .tit{ color: #ff8012; font-size: 12px; margin-bottom: 30px;}
.details .tit span{ display: block; font-size: 25px; color: #333; line-height: 40px;}
.details .cont{ text-align: center; margin-bottom: 50px;}
.details .cont p{ text-align: justify; color: #000; line-height: 30px; text-indent: 2em;}
.details .cont img{ max-width: 80%; margin: 30px 0;}
.fenye{ text-align: center; padding: 50px 0;}
.fenye a{ display: inline-block; height: 38px; color: #ccc; line-height: 38px; padding: 0 15px; border: 1px solid #ccc; margin: 0 5px;}
.fenye a:hover,.fenye a.slt{ color: #fff; background: #FF8012; border-color: #FF8012;}