/*棣栭〉*/
.header{position: relative; width: 100%; height: auto; overflow: hidden;}
/*nav*/
.header .nav{position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; height: 100px; -webkit-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
	background:rgba(0,0,0,.2);}
.header .navHover{background-color: rgba(0,0,0, .5); background: url("../images/fbg1.png") repeat\9; *background: url("../images/fbg1.png") repeat; -webkit-transition: background-color .5s;  -o-transition: background-color .5s;  transition: background-color .5s; }
.nav .navArea{width: 1150px; height: 100px; margin: 0 auto;}
.nav .navLogo{width: 106px; height: 74px; padding-top: 13px;}
.nav .navLogo a{display: block; width: 189px; height: 59px; background: url("../images/logowrite.png") no-repeat center center; }
.header .navHover .navLogo a{background: url("../images/logowrite.png") no-repeat center center; }

.navRight{width: 965px; height: 100px;}
.navMenu{width:720px; height: 100px; line-height: 100px; padding-left:120px;}
.navMenu ul li{position: relative; float: left; width: 100px; text-align: center; font-size: 16px; font-family: "microsoft yahei"; cursor: pointer;}
.navMenu ul li a{color:#fff; display: block; }
.navMenu ul li a:hover{color: #53c5eb; }
.navMenu ul li:hover{background-color: rgba(0,0,0, .2); background: url("../images/fbg1.png") repeat\9; *background: url("../images/fbg1.png") repeat; }
.navMenu .dropMenu{position: absolute; color: #fff; text-align: center; left: 0; top: 100px;  width: 100px; height: auto; overflow: hidden; background-color: rgba(0,0,0, .6); background: url("../images/fbg2.png") repeat\9; *background: url("../images/fbg2.png") repeat;}
.navMenu .dropMenu a{position: relative; display: block; height: 44px; line-height: 44px; text-align: center; color: #fff; padding: 0 15px; font-size: 14px; border-top: 1px solid #363644; }
.navMenu .dropMenu a:hover{color: #fff; padding-left: 20px; transition: padding-left 0.5s; -moz-transition: padding-left 0.5s; -webkit-transition: padding-left 0.5s; -o-transition: padding-left 0.5s;    background-color: rgba(0,0,0, .4); background: url("../images/fbg3.png") repeat\9; *background: url("../images/fbg3.png") repeat;}
/*
.navMenu .dropMenu a:hover i{position: absolute; right: 15px; top: 18px; display: block; width: 9px; height: 11px; background: url("../images/dropArr.png") no-repeat;}
*/
.navShare{position: relative; width:120px; height: 39px; margin-top: 30px;}
.navShare .sina,.navShare .weixin{width: 39px; height: 39px; cursor: pointer; background-image: url("../images/pt1.png"); background-repeat: no-repeat;}
.navShare .sina{background-position: -113px -120px;}
.navShare .sina:hover{background-position: -113px -174px;}
.navShare .weixin{background-position: -176px -120px;}
.navShare .weixin:hover{background-position: -176px -174px;}
.ecode{position: absolute; top: 55px; left: 55px; width: 84px; height: 84px; padding: 4px; background-color: #d00606;}
.ecode span{position: absolute; top: -10px; left: 38px; width: 15px; height: 10px; background:url(../images/lingchao.jpg) no-repeat;}
.navShare .qq{width: 39px; height: 39px; cursor: pointer; background-image: url("../images/qq-ui.png"); background-repeat: no-repeat;}
.navShare .qq:hover{width: 39px; height: 39px; cursor: pointer; background-image: url("../images/qq-ui1.png"); background-repeat: no-repeat;}
/*.header .navHover .navShare .sina{background-position: -113px -174px;}*/


/*bannerslide*/
.headerSlide{position: relative; width:100%; height: auto; overflow: hidden;}
.bannerShow ul li{position: relative; width: 100%; height: 750px;  background-size: cover;}
.bannerShow ul li a{display: block; width: 100%; height: 100%;}

.slidePic1 .slideTit1{position: absolute; top:25%; left: 50%; margin-left: -220px;}
.slidePic1 .slideTit1 img{width: 441px; height: 98px;}
.slidePic1 .slideTit2{position: absolute; top:39%; left: 50%; margin-left: -419px;}
.slidePic1 .slideTit2 img{width: 837px; height: 65px;}
.slidePic1 .slideTit3{position: absolute; top:48%; left: 50%; margin-left: -416px;}
.slidePic1 .slideTit3 img{width: 833px; height: 33px;}
.slideBtn{position: absolute; top: 54%; left: 50%;  text-align: center; width: 185px; height: 40px; overflow: hidden; line-height: 40px; margin-left: -92px; background:#252323;}
.slideBtn a{display: block; padding-top: 2px; font-size: 18px; color: #fff; font-family: "microsoft yahei";}
.slideBtn a:hover{opacity: 0.8;}
.slideMouse{position: absolute; bottom: 5%; left: 50%; margin-left: -16px; width: 32px; height: 87px; overflow: hidden; display: none;}
.slideMouse .mouseIcon{display: block; width: 32px; height: 50px; background: url("../images/pt.png") no-repeat -115px top;}
.slideMouse .mouseArrow{display: block; width: 32px; height: 21px; margin-top: 15px; background: url("../images/pt.png") no-repeat -115px -74px;}

.slidePic1 .slideTit1{top:25%; left: 50%; margin-left: -220px; -webkit-animation:dragLeft 1.5s ease-in-out both; -moz-animation:dragLeft 1.5s ease-in-out both; -ms-animation:dragLeft 1.5s ease-in-out both; animation:dragLeft 1.5s ease-in-out both;  position: absolute; }
.slidePic1 .slideTit2{position: absolute; top:39%; left: 50%; margin-left: -419px;  -webkit-animation:dragRight 1.5s ease-in-out both; -moz-animation:dragRight 1.5s ease-in-out both; -ms-animation:dragRight 1.5s ease-in-out both; animation:dragRight 1.5s ease-in-out both;  position: absolute;}
.slidePic1 .slideTit3{position: absolute; top:47%; left: 50%; margin-left: -416px; -webkit-animation:dragLeft 1.5s ease-in-out both; -moz-animation:dragLeft 1.5s ease-in-out both; -ms-animation:dragLeft 1.5s ease-in-out both; animation:dragLeft 1.5s ease-in-out both;  position: absolute; }
.slideBtn{position: absolute; top: 54%; left: 50%; -webkit-animation:dragTop 1.5s ease-in-out both; -moz-animation:dragTop 1.5s ease-in-out both; -ms-animation:dragTop 1.5s ease-in-out both; animation:dragTop 1.5s ease-in-out both;  position: absolute; }

/*婊氬姩dot鐐�*/
.slideNum{position: absolute; width: 100%; text-align: center; left:0; bottom: 4%; z-index: 9999;}
.slideNum ul{height: 15px; display: inline-block;}
.slideNum ul{_display:inline;}
.slideNum ul li{float: left; width: 15px; height: 15px; margin:0 7px; line-height: 15px; cursor: pointer;}
.slideNum ul li span{display: block; width: 15px; height: 15px; background: #fff; margin: 0 7px;
    line-height: 15px;
    cursor: pointer;
    border-radius: 10px;
    opacity: 0.8;}
.slideNum ul .on span{float: left;
    width: 15px;
    height: 15px;
    margin: 0 7px;
    line-height: 15px;
    cursor: pointer;
	background: #0069D8;
    border-radius: 10px;
    opacity: 0.8;
    
}


/*banner杞挱绠ご*/
.bannerChange .prev,
.bannerChange .next { position:absolute; left:5%; top:50%; margin-top: -38px; display:block; width:55px; height:76px; background:url(../images/pt.png) no-repeat -180px top; filter:alpha(opacity=10);opacity:10 !important;}
.bannerChange .next { left:auto ; right:5%; top: 50%; margin-top: -38px;  background-position:-234px top; }
.bannerChange .prev:hover,
.bannerChange .next:hover{ filter:alpha(opacity=100); opacity:10 !important; }

/*濯掍綋璧勬簮*/
.Resource{width: 100%; height: 571px; background: url("../images/zybg.jpg") no-repeat bottom center; background-color: #ebebeb; font-family: "microsoft yahei";}
.ResourceTit{width: 400px; height: 50px; margin: 0px auto; padding-top: 75px;}
.ResourceArea{position: relative; width: 1200px; height: 348px; margin: 35px auto 0px auto;}
.ResourceList{position:relative; width: 1200px; height: 348px; overflow: hidden;}
.ResourceList ul li{float: left; width: 368px; height: 348px; margin: 0 16px; }
.ResourceMr{position: relative; bottom:0; left: 0; width: 368px; height: 348px;  display: block;}
.ResourceMr .circleIcon{position: relative; width: 172px; height: 172px; background: url("../images/circle.png") no-repeat; overflow: hidden; margin: 20px auto 25px auto;}
.ResourceMr .circleIcon .dbicon1{position: absolute; width: 128px; height: 128px; top: 25px; left: 41px; display: block; background: url("../images/reicon1.png") no-repeat;}
.ResourceMr .circleIcon .dbicon2{position: absolute; width: 128px; height: 128px; top: 30px; left:27px; display: block; background: url("../images/reicon2.png") no-repeat;}
.ResourceMr .circleIcon .dbicon3{position: absolute; width: 128px; height:128px; top: 22px; left:22px; display: block; background: url("../images/reicon3.png") no-repeat;}
.ResourceMr .circleIcon .dbicon4{position: absolute; width: 128px; height:128px; top: 22px; left: 22px; display: block; background: url("../images/reicon4.png") no-repeat;}
.ResourceMr .circleTit h2{text-align: center; font-size: 24px; color: #28a0ff; font-weight: normal;}
.ResourceMr .circleTxt{font-size: 14px; line-height: 24px; color: #797979; width: 280px; text-align: center; margin: 10px auto;}
.ResourceMr_1{position: relative; bottom:-368px; width: 368px; height: 348px; display: block;}
.ResourceMr_1 .ResPic{width: 368px; height: 245px; overflow: hidden;}
.ResourceMr_1 .ResPic img{width: 368px; height: 245px; transition:1s; -moz-transition:1s; -webkit-transition:1s; -o-transition:1s;}
.ResourceMr_1 .ResPic:hover img{opacity: 0.8; transform: scale(1.1); -webkit-transform: scale(1.1); }
.ResourceMr_1 .ResTit{width: 368px; line-height: 24px; margin-top:20px; margin-bottom: 10px; text-align: center; font-size: 18px; color: #28a0ff; font-family: "microsoft yahei";}

/*妗堜緥灞曠ず*/
.caseTit,.cooperTit{width: 400px; height: 50px; margin: 0px auto; padding-top: 75px; padding-bottom: 70px;}
.case{width: 100%; height: auto;  border-top: 1px solid #dedede; margin-top: 1px; background: url("../images/casebg.jpg") repeat;}
.caseList{width: 100%; height: auto; font-family: "microsoft yahei";}
.caseList ul li{position: relative; float: left; width: 25%; height:280px; margin: 0; padding: 0; overflow: hidden;  cursor: pointer;}
.caseList .casePicd{width: 100%; height: 280px;  margin: 0; padding: 0; }
.caseList ul li:hover .casePicd{opacity: 0.8;}




.caseList .caseInfo{position: absolute; text-align: center; bottom: 0; left: 0; z-index: 99; width: 96%; padding: 0 2%;  height: 40px; line-height: 38px; background-color: rgba(0,0,0, .8); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); -webkit-transition: background-color .5s ease-in-out;
    -o-transition: background-color .5s ease-in-out;
    transition: background-color .5s ease-in-out; overflow: hidden;}
.caseList .caseInfo a{color: #fff; font-size: 16px; }
.caseList .smalllogo{height: 32px; margin-top: 14px; float: left; margin-right: 15px;}

.casebottom{width: 100%; height: 142px; background:url(../images/viewbg.jpg) repeat; text-align: center; line-height: 142px;}
.casebottom a{color: #fff; font-size: 20px; font-family: "microsoft yahei"; margin: 0 auto;}
.casebottom a:hover{color: black;}


/*璧勬簮杞挱绠ご*/
.resourceArrow .prev,
.resourceArrow .next { position:absolute; left:-50px; top:50%; margin-top: -18px; display:block; width:25px; height:36px; background:url(../images/pt.png) no-repeat -244px -103px; filter:alpha(opacity=80);opacity:0.8;}
.resourceArrow .next { left:auto; right:-50px; top: 50%; margin-top: -18px;  background-position:-270px -103px; }
.resourceArrow .prev:hover,
.resourceArrow .next:hover{ filter:alpha(opacity=100);opacity:1; }


/*鍏充簬鎴戜滑*/

.aboutUs{width: 100%; height: auto;  background-color: #fff;}
.aboutUsTit{width: 400px; height: 50px; margin: 0px auto; padding-top: 75px; padding-bottom: 70px;}
.aboutUsArea{width: 1149px; min-height: 590px; margin: 0 auto;}
.aboutArea{width: 1147px; min-height: 400px;  }
.aboutUsAreaMenu{width: 1140px; height: 62px; border: 1px solid #dadada; margin:0 auto;}
/*.aboutUsAreaMenu ul{margin-left: -1px; width: 1160px;}*/
.aboutUsAreaMenu ul{ width: 1140px;}
.aboutUsAreaMenu ul li{position: relative; float: left; width: 254px; height: 62px; font-size: 16px; color: #333; font-family: "microsoft yahei"; padding-left: 30px; line-height: 62px; text-align: center; border-left: 1px solid #dadada; cursor: pointer;}
.aboutUsAreaMenu ul li span{position: absolute; display: block; width: 30px; height: 30px; top: 15px; left: 55px; background: url("../images/pt.png") no-repeat;}
.aboutUsAreaMenu .abicon1{background-position: left top}
.aboutUsAreaMenu .abicon2{background-position: left -48px;}
.aboutUsAreaMenu .abicon3{background-position: left -88px;}
.aboutUsAreaMenu .abicon4{background-position: left -130px;}
.aboutUsAreaMenu .abicon5{background-position: left -172px;}
.aboutUsAreaMenu ul .on{background-color: #28a0ff; color: #fff;}
.aboutUsAreaMenu ul .on .abicon1{background-position: -52px top;}
.aboutUsAreaMenu ul .on .abicon2{background-position: -53px -48px;}
.aboutUsAreaMenu ul .on .abicon3{background-position: -52px -88px;}
.aboutUsAreaMenu ul .on .abicon4{background-position: -52px -130px;}
.aboutUsAreaMenu ul .on .abicon5{background-position: -52px -172px;}
.aboutUsAreaMenu .on i{position:absolute; bottom: -16px; left: 50%; margin-left: -14px; display: block; width: 29px; height: 16px; background: url("../images/pt.png") left -232px;}
.aboutMid{width: 1147px; min-height: 400px; padding: 20px 0px;}
.aboutList{position: relative; width: 1165px; min-height: 420px; margin-left: -10px; margin-top: 30px;}
.aboutList ul li{float: left; width: 540px; height: 110px; margin:20px;}
.aboutListPic{width: 175px; height: 110px; overflow: hidden;}
.aboutListPic img{width: 175px; height: 110px; transition:1s; -moz-transition:1s; -webkit-transition:1s; -o-transition:1s;}
.aboutListPic a:hover img{opacity: 0.8; transform: scale(1.1); -webkit-transform: scale(1.1); }
.aboutListRight{width: 350px;}
.aboutListRight h2 a{font-size: 16px; color: #333; line-height: 36px; font-family: "microsoft yahei"; font-weight: normal;}
.aboutListRight p{font-size: 12px; line-height: 20px; color: #888888; font-family: "microsoft yahei"; margin-top: 5px;}
.aboutmore{position: relative; bottom: -50px; left: 50%;  z-index: 99; margin-left: -65px;  width: 125px; height: 28px; overflow: hidden;  color:black; font-size: 16px; font-family: arial, helvetica, sans-serif; display: block; border: 1px solid black; line-height: 28px; text-align: center;}
.aboutmore span{display: block; width: 125px; height: 28px; }
.aboutmore .more1{position:absolute; bottom: 0; left: 0; background-color: #fff;}
.aboutmore .more2{position: absolute; bottom: -28px; left: 0; background-color: #53c5eb; color: #fff;}

.ResBtn{position: relative; margin-left: 120px; top: 10px; width: 125px; height: 28px; overflow: hidden;  color: #b29160; font-size: 16px; font-family: arial, helvetica, sans-serif; display: block; border: 1px solid #fff; line-height: 28px; text-align: center;}
.ResBtn a{color: #28a0ff; }
.ResBtn span{display: block; width: 125px; height: 28px; }
.ResBtn .more1{position:absolute; bottom: 0; left: 0; background-color: #fff;}
.ResBtn .more2{position: absolute; bottom: -28px; left: 0; background-color: #53c5eb; color: #fff;}

<!--.aboutmore:hover{background-color: #b29160; color: #fff;}-->
.service{width: 100%; text-align: center; height: 407px; margin: 20px auto;}
.job{width: 1146px; height: 407px; margin: 20px auto; font-family: "microsoft yahei"; }
.job .thead{width: 1146px;  height: 45px; line-height: 45px; background: url("../images/zhaopbg.jpg") repeat-x;}
.job .thead p{float: left; font-size: 16px; color: #28a0ff;}
.tjob{width: 1146px}
.tjob ul li{width: 100%; height: 38px; line-height: 38px; border-bottom: 1px solid #dadada; background-color: #fff;}
.tjob ul li a{color: #333;}
.tjob ul li:hover{opacity: 0.7;}
.tjob ul li p{float: left; font-size: 14px; color: #333333;}
.intro{width: 920px; height: 280px; margin: 40px auto 20px auto; font-family: "microsoft yahei";}
.introLeft{width: 291px; height: 280px;}
.introLeft img{width: 291px; height: 280px;}
.introLeft a:hover img{opacity: 0.8;}
.introRight{width: 595px; height: 250px; padding-top: 30px;}
.introTit{font-size: 20px; color: #333333; line-height: 30px;}
.introEn{font-size: 14px; color: #333; line-height: 30px;}
.introTxt{font-size: 12px; line-height: 24px; color: #888888; margin-top: 15px;}
.contactUs{width: 700px; height: auto; margin: 40px auto 30px auto; font-family: "microsoft yahei";}
.contactTit,.contactTit img{width: 374px; height: 65px; margin: 0 auto;}
.contactTxt{text-align: center; width: 665px; font-size: 14px; color: #333; line-height: 26px; margin: 15px auto;}
.contactMap{width: 659px; height: 227px; margin: 0 auto; border: 3px solid #dbcebb;}

.contactStu{width: 750px; height: 190px; margin: 0 auto;}
.contactStu p{float: left; text-align: center; font-size: 14px; font-family: "microsoft yahei"; margin: 40px 25px;}
.contactStu p a{color: #333;}

/*鍚堜綔浼欎即*/
.cooper{width: 100%; height: auto;  border-top: 1px solid #dedede; margin-top: 1px; background: url("../images/casebg.jpg") repeat;}
.cooperMid{width: 100%; height: 492px; padding-top: 78px; background: url("../images/coorbg.jpg") no-repeat bottom center;}
.cooperList{width: 1150px; height: 300px; overflow: hidden; margin: 0 auto; background: url("../images/hzbg.png") repeat; }
.cooperList ul{width: 1160px;}
.cooperList ul li{position: relative; float: left; width: 230px; height: 150px; cursor: pointer; overflow: hidden; text-align: center; border-right: 1px dotted #dadada; border-bottom: 1px dotted #dadada;}
.cooperList ul li a{position: absolute; z-index: 99; display: block; width: 100%; cursor: pointer; height: 100%;}
.cooperList ul li div{position: absolute; width: 100%; height: 100%; z-index: 2; background-color: #fff;}



/*bottom*/
.footer{width: 100%; height: auto; }
.footerMid{width: 100%; height: auto; padding: 20px 0 30px 0; background:url(../images/bottombg.jpg) repeat;}
.footerArea{width: 1150px; height: auto; margin: 20px auto;}
.webMap{width: 1150px; height: auto; padding-bottom: 40px; border-bottom: 1px dashed #323232; overflow: hidden;}
.webMap .clearfix{ padding-left:165px;}
.webMap ul li{float: left; width: 164px;}
.webMap .weix,.webMap .sina,.webMap .tt{padding-left: 28px; width: 136px; }
.webMap .weix{background: url("../images/weix.png") no-repeat left center; position: relative;}
.webMap .sina{background: url("../images/sina.png") no-repeat left center;}
.webMap .tt{background: url("../images/tt.png") no-repeat left center;}
.webMap span{position: absolute; top: 30px; left: 0; display: block; width: 110px; height: 110px;}
.webMap h2{font-size: 14px; color: #fff; margin-bottom: 10px;}
.webMap p{line-height: 28px; font-size: 14px;}
.webMap p a{color: #454545;}
.webMap p a:hover{color: #fff;}
.footBottom{width: 100%; padding-top: 20px; height: auto; font-size: 14px; text-align: center; line-height: 28px; color:#fff;}
.footBottom a{color:#fff;}
.footBottom a:hover{color: white;}
.bottombanner{width: 100%; height: 59px; background-color: #b29160; border-top: 3px solid #c9b290;}
.bottombannerMid{position: relative; width: 1150px; height: 57px; margin: 0 auto;}
.bottomTel{width: 345px; height: 28px; padding-left: 55px; background: url("../images/bottomtel.png") no-repeat left center; font-size: 18px; color: #fff; line-height: 28px; font-family: "microsoft yahei";  margin-top: 15px;}
.mediaTel{width: 180px; height: 28px; overflow: hidden;}
.bottomQQ{width: 500px; height: 35px;}
.bottomQQ ul li{float: left;  height: 35px; line-height: 35px; margin-top: 10px; margin-right: 20px; margin-left: 10px; font-size: 14px; font-family: "microsoft yahei"; padding-left: 40px; background: url("../images/qqkf.png") no-repeat left center;}
.bottomQQ ul li a{color: #fff; font-size: 14px;}
.bottomAdv{position: absolute; top: -24px; right: -5px; z-index: 99; display: block; width: 242px; height: 82px; cursor: pointer;}

#totop{position:fixed;bottom:80px;right:0px;z-index:99;width:39px; cursor:pointer; display:none;}
*html #totop{position:absolute;cursor:pointer;right:0px; display:none;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-112+"px")}
#totop a{display:block;width:39px;height:105px;background:url(../images/backTop.png) no-repeat;text-align:center;color:#888}
#totop a.cur{opacity: 0.8;}

/*寮圭獥*/
.popAdv{position: fixed; top: 0; width: 100%; height: 100%; z-index: 998; background: url("../images/fbg1.png") repeat; font-family: "microsoft yahei";}
.popAdvMid{position: absolute; width: 855px; height: 500px; overflow: hidden; background-color: #fff; top: 50%; margin-top: -250px; left: 50%; margin-left: -427px;}
.closeIcon{position: absolute; top:5px; right: 5px; width: 25px; height: 25px; cursor: pointer; background: url("../images/closeIcon.png") no-repeat left top;}
.closeIcon:hover{ background: url("../images/closeIcon.png") no-repeat top right;}
.popAdvtable{width: 850px; height:240px; padding-top: 40px; }
.popAdvT1{width: 800px; height: 240px; padding-left: 55px;}
.popAdvT1Left{width: 360px; height: 130px;}
.popAdvT1Right{width: 420px; height: 130px;}

.popAdvT1Left p{width: 360px; height: 35px; margin: 20px 0;}
.popAdvT1Left label,.popAdvT1Right label{width: 80px; line-height: 35px; font-size: 14px; color: #333;}
.popAdvT1Left .input1{width: 200px; border: 1px solid #dadada; line-height: 33px; height: 33px; font-size: 14px;  margin-left: 10px; padding: 0 10px;}
.popAdvT1Right p{width: 420px; height:35px; margin: 20px 0;}
.popAdvT1Right .input2{width: 192px; border: 1px solid #dadada; line-height: 33px; height: 33px; font-size: 14px;  margin-left: 10px; padding: 0 10px;}
.popAdvT1Right .input3{width: 130px; border: 1px solid #dadada; line-height: 33px; height: 33px; font-size: 14px; margin-left: 10px; padding: 0 10px;}
.popAdvT1Right textarea{width: 270px; height: 120px; border: 1px solid #dadada; padding: 10px; margin-left: -3px;}
.xqlabel label{float: left;}
.inputBtn{width: 258px; height: 40px; margin: 10px auto 20px auto; }
.inputBtn .tj{width: 118px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #b29160; cursor: pointer; font-size: 16px; font-family: "microsoft yahei";}
.inputBtn .resetz{width: 118px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #8b8b8b; cursor: pointer; font-size: 16px; font-family: "microsoft yahei";}
.inputBtn .tj:hover,.inputBtn .resetz:hover{opacity: 0.8;}
.selectdP{width: 228px; line-height: 30px;}
.popAdvT2{width: 855px; height: 150px; background-color: #f4f4f4;}
.popAdvT2 .popAdvTp{width: 100%; text-align: center; height: 50px; line-height: 50px; padding-top: 20px; font-size: 16px; color: #585858; font-family: "microsoft yahei";}
.popAdvBottom{width: 635px; height: 42px; margin: 10px auto 0 auto;}
.popAdvTel{width: 270px; height: 42px; line-height: 42px; overflow: hidden; color: #585858; font-size: 14px; padding-left: 50px; background: url("../images/tctel.png") no-repeat left center;}
.popAdvTel span{font-size: 24px; color: #b29160;}
.dddt{width: 180px; height: 28px; overflow: hidden;}
.popAdvTel p{font-size: 14px; color: #666;}
.popAdvTelnum ul li{color: #b29160; font-size: 24px; }
.dddt ul li{color: #b29160; }
.popAdvQQ{width: 310px; height: 42px; overflow: hidden;}
.popAdvQQ1{width: 146px; height: 40px; border: 1px solid #dadada; background-color: #fff;}
.popAdvQQ1 .qqicon{width: 40px; height: 40px; border-right:1px solid #dadada; background: url("../images/qq.png") no-repeat center center;}
.popAdvQQ1 .qqtext{width: 104px; height: 40px; text-align: center; line-height: 40px;}
.popAdvQQ1 .qqtext a{display: block; width: 100%; height: 40px; font-size: 14px; color: #585858;}
.popAdvQQ1 .qqtext a:hover{color: #b29160;}

/*鍚堜綔浼欎即寮圭獥*/
.popLogo{position: fixed; top: 0; width: 100%; height: 100%; z-index: 998; background: url("../images/fbg1.png") repeat; font-family: "microsoft yahei";}
.popLogoArea{position: absolute; top: 50%; margin-top: -225px; left:50%; margin-left: -325px; width: 650px; height: 450px; border:2px solid #ccc; overflow: hidden; background-color: #fff;}
.popLogoList{width: 650px; height: 450px;}
.popLogoList ul li{width: 650px; height: 450px;}
.popLogoList ul li img{width: 650px; height: 450px;}
.popLogoList ul li span{position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 14px;}
.closeLogo{position: absolute; top: 4px; right: 2px; background: url("../images/clickbtn.png") no-repeat; width: 30px; height: 30px; cursor: pointer;}
.popLogoArea .bd{position: absolute; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; background: url("../images/fbg1.png") repeat;  color: #fff; text-align: center;}
.popLogoArea .bd li{width: 100%; height: 30px; position: absolute; left: -9999px; text-align: center;}
.popLogoArea .bd .on{left: 0;}




.popArrow .prev,
.popArrow .next { position:absolute;  top:50%; margin-top: -21px; display:block; width:28px; height:43px; filter:alpha(opacity=80);opacity:0.8;}
.popArrow .next { left:10px; right:-50px; top: 50%; margin-top: -18px; background: url("../images/imgleftbtn.png") no-repeat; }
.popArrow .prev{right: 10px; background: url("../images/imgrightbtn.png") no-repeat;}
.popArrow .prev:hover,
.popArrow .next:hover{ filter:alpha(opacity=100);opacity:1; }


/* select*/
.popAdv .example_1 select,.example_2 select {width: 218px;}
.popAdv .example_1 label,.example_2 label {cursor: pointer;}

.popAdv .example_3 select{width: 122px;}

.popAdv .b-custom-select {
    position:relative;
    display: inline-block;
    height: 32px;
    background: #fff;
    border:1px solid #dadada;
    font-size: 13px;
    vertical-align: middle;
    text-align: left;
    margin-left: 0px;
}
.popAdv .b-custom-select_disabled {
    color: #bcbcbc;
    background: #f9f9f9;
}
.popAdv .b-custom-select_focus {
}
.popAdv .b-custom-select_expanded {
    z-index: 199;
    height: 32px;
    border-bottom: none;
}
.popAdv .lte7 .b-custom-select {
    display: inline;
    zoom:1;
}
.popAdv .b-custom-select__title {
    cursor: pointer;
    overflow: hidden;
}
.popAdv .b-custom-select__title__text {
    margin: 5px 30px 3px 10px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
}
.popAdv .b-custom-select__title__icon {
    position: absolute;
    top:0px;
    right: 0px;
    display: block;
    width: 25px;
    height: 32px;
}
.popAdv .b-custom-select__title__icon:after {
    content: "";
    position:absolute;
    top:13px;
    right:7px;
    border-top: 6px solid #666;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
}
.popAdv .b-custom-select_expanded .b-custom-select__title__icon {
}
.popAdv .b-custom-select_disabled .b-custom-select__title__icon {
    background: #f9f9f9;
}
.popAdv .b-custom-select__title__input {
    height: 30px;
    padding: 2px 9px;
    border: none;
    background: none;
    outline: 0;
    font-family: "PTSansRegular";
    font-size: 14px;
}
.b-custom-select__dropdown {
    background: #fff;
    border: 1px solid #cccccc;
    overflow: hidden;
}
.b-custom-select__list {
    padding: 5px 5px;
}
.b-custom-select__group {
    padding: 4px;
    white-space: nowrap;
    font-family: "PTSansRegular";
    font-size: 12px;
    font-weight: bold;
}
.b-custom-select__item {
    position: relative;
    display: block;
    height: 20px;
    padding: 4px 5px;
    overflow: hidden;
    cursor: pointer;
    white-space: nowrap;
    border-bottom: 1px dotted #cecece;
    font-family: "PTSansRegular";
    font-size: 14px;
}



.jobsearch1 .example_3 select{width: 150px;}
.jobsearch2 .example_3 select{width: 150px;}
.jobsearch1 .b-custom-select,.jobsearch2 .b-custom-select{
    position:relative;
    display: inline-block;
    height: 36px;
    background: #e9e9e9;
    font-size: 13px;
    top:-2px;
    vertical-align: middle;
    text-align: left;
}

.popAdvT1Right .b-custom-select{margin-top:-2px; height: 33px;}

.jobsearch1 .b-custom-select_expanded,.jobsearch2 .b-custom-select_expanded {
    z-index: 199;
    height: 36px;
    border-bottom: none;
}
.jobsearch1 .lte7 .b-custom-select,.jobsearch2 .lte7 .b-custom-select {
    display: inline;
    zoom:1;
}
.jobsearch1 .b-custom-select__title,.jobsearch2 .b-custom-select__title {
    cursor: pointer;
    overflow: hidden;
}
.jobsearch1 .b-custom-select__title__text,.jobsearch2 .b-custom-select__title__text {
    margin: -1px 30px 3px 10px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    color: #b29160;
}
.jobsearch1 .b-custom-select__title__icon,.jobsearch2 .b-custom-select__title__icon {
    position: absolute;
    top:0px;
    right: 0px;
    display: block;
    width: 25px;
    height: 35px;
}
.jobsearch1 .b-custom-select__title__icon:after,.jobsearch2 .b-custom-select__title__icon:after {
    content: "";
    position:absolute;
    top:14px;
    right:7px;
    border-top: 7px solid #b29160;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
}

.jobsearch1right .b-custom-select__title__input {
    height: 35px;
    padding: 2px 9px;
    border: none;
    background: none;
    outline: 0;
    font-family: "PTSansRegular";
    font-size: 14px;
}
.jobsearch1right .b-custom-select__dropdown,.jobsearch2right .b-custom-select__dropdown {
    border: none;
    overflow: hidden;

}
.jobsearch1right .b-custom-select__list,.jobsearch2right .b-custom-select__list {
    padding: 5px 5px;
}
.jobsearch1right .b-custom-select__group,.jobsearch2right .b-custom-select__list {
    padding: 4px;
    white-space: nowrap;
    font-family: "PTSansRegular";
    font-size: 12px;
    font-weight: bold;
}
.jobsearch1right .b-custom-select__item,.jobsearch2right .b-custom-select__item {
    position: relative;
    display: block;
    height: 22px;
    padding: 4px 5px;
    overflow: hidden;
    cursor: pointer;
    white-space: nowrap;
    border-bottom: 1px dotted #cecece;
    font-family: "PTSansRegular";
    font-size: 14px;
}



@media screen\9  {/* 鍙敮鎸両E6銆�7 */

}






/*鍔ㄧ敾*/
/*涓婁笅鍔�*/
@keyframes dragTop {
    0% {
        opacity:0;
        transform:translateY(-150px)
    }

    100% {
        transform:translateY(0px)
    }
}
@-webkit-keyframes dragTop {
    0% {
        opacity:0;
        -webkit-transform:translateY(-150px)
    }

    100% {
        -webkit-transform:translateY(0px)
    }
}
@-moz-keyframes dragTop {
    0% {
        opacity:0;
        -moz-transform:translateY(-150px)
    }

    100% {
        -moz-transform:translateY(0px)
    }
}
@-ms-keyframes dragTop {
    0% {
        opacity:0;
        -ms-transform:translateY(-150px)
    }

    100% {
        -ms-transform:translateY(0px)
    }
}
/*涓婁笅鍔�*/

/*宸﹀姩*/
@keyframes dragLeft {
    0% {
        opacity:0;
        transform:translateX(-500px)
    }

    100% {
        transform:translateX(0px)
    }
}
@-webkit-keyframes dragLeft {
    0% {
        opacity:0;
        -webkit-transform:translateX(-500px)
    }

    100% {
        -webkit-transform:translateX(0px)
    }
}
@-moz-keyframes dragLeft {
    0% {
        opacity:0;
        -moz-transform:translateX(-500px)
    }

    100% {
        -moz-transform:translateX(0px)
    }
}
@-ms-keyframes dragLeft {
    0% {
        opacity:0;
        -ms-transform:translateX(-500px)
    }

    100% {
        -ms-transform:translateX(0px)
    }
}
/*宸﹀姩*/

/*鍙冲姩*/
@keyframes dragRight {
    0% {
        opacity:0;
        transform:translateX(500px)
    }

    100% {
        transform:translateX(0px)
    }
}
@-webkit-keyframes dragRight {
    0% {
        opacity:0;
        -webkit-transform:translateX(500px)
    }

    100% {
        -webkit-transform:translateX(0px)
    }
}
@-moz-keyframes dragRight {
    0% {
        opacity:0;
        -moz-transform:translateX(500px)
    }

    100% {
        -moz-transform:translateX(0px)
    }
}
@-ms-keyframes dragRight {
    0% {
        opacity:0;
        -ms-transform:translateX(500px)
    }

    100% {
        -ms-transform:translateX(0px)
    }
}
/*鍙冲姩*/


@keyframes scaleAll {
    0% {
        opacity: 0;
        transform: scale(0) rotate(30deg);
    }
    30% {
        opacity: .5;
    }
    100% {
        opacity:1;
        transform: scale(1) rotate(0);
    }
}
@-webkit-keyframes scaleAll {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) rotate(30deg);
    }
    30% {
        opacity: .5;
    }
    100% {
        opacity:1;
        -webkit-transform: scale(1) rotate(0);
    }
}
@-moz-keyframes scaleAll {
    0% {
        opacity: 0;
        -moz-transform: scale(0) rotate(30deg);
    }
    30% {
        opacity: .5;
    }
    100% {
        opacity:1;
        -moz-transform: scale(1) rotate(0);
    }
}
@-ms-keyframes scaleAll {
    0% {
        opacity: 0;
        -ms-transform: scale(0) rotate(30deg);
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1) rotate(0);
    }
}
@keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(3);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(3);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(3);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@-ms-keyframes scaleIn {
    0% {
        opacity: 0;
        -ms-transform: scale(3);
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1);
    }
}
@keyframes bgL {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 2000px 0;
    }
}
@-webkit-keyframes bgL {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 2000px 0;
    }
}
@-moz-keyframes bgL {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 2000px 0;
    }
}
@-ms-keyframes bgL {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 2000px 0;
    }
}
@keyframes bgR {
    0% {
        background-position: 2000px 0;
    }
    100% {
        background-position: 0 0;
    }
}
@-webkit-keyframes bgR {
    0% {
        background-position: 2000px 0;
    }
    100% {
        background-position: 0 0;
    }
}
@-moz-keyframes bgR {
    0% {
        background-position: 2000px 0;
    }
    100% {
        background-position: 0 0;
    }
}
@-ms-keyframes bgR {
    0% {
        background-position: 2000px 0;
    }
    100% {
        background-position: 0 0;
    }
}

@media screen and (max-width: 1400px) {
	

    .slidePic1 .slideTit1{position: absolute; top:23%; left: 50%; margin-left: -220px;}
    .slidePic1 .slideTit1 img{width: 441px; height: 98px;}
    .slidePic1 .slideTit2{position: absolute; top:38%; left: 50%; margin-left: -419px;}
    .slidePic1 .slideTit2 img{width: 837px; height: 65px;}
    .slidePic1 .slideTit3{position: absolute; top:48%; left: 50%; margin-left: -416px;}
    .slidePic1 .slideTit3 img{width: 833px; height: 33px;}
    .slideBtn{position: absolute; top: 54%; left: 50%;  text-align: center; width: 185px; height: 40px; overflow: hidden; line-height: 40px; margin-left: -92px; background-color:#28a0ff;}

    .slidePic1 .slideTit1{top:23%; left: 50%; margin-left: -220px; -webkit-animation:dragLeft 1.5s ease-in-out both; -moz-animation:dragLeft 1.5s ease-in-out both; -ms-animation:dragLeft 1.5s ease-in-out both; animation:dragLeft 1.5s ease-in-out both;  position: absolute; }
    .slidePic1 .slideTit2{position: absolute; top:38%; left: 50%; margin-left: -419px;  -webkit-animation:dragRight 1.5s ease-in-out both; -moz-animation:dragRight 1.5s ease-in-out both; -ms-animation:dragRight 1.5s ease-in-out both; animation:dragRight 1.5s ease-in-out both;  position: absolute;}
    .slidePic1 .slideTit3{position: absolute; top:48%; left: 50%; margin-left: -416px; -webkit-animation:dragLeft 1.5s ease-in-out both; -moz-animation:dragLeft 1.5s ease-in-out both; -ms-animation:dragLeft 1.5s ease-in-out both; animation:dragLeft 1.5s ease-in-out both;  position: absolute; }
    .slideBtn{position: absolute; top: 54%; left: 50%; -webkit-animation:dragTop 1.5s ease-in-out both; -moz-animation:dragTop 1.5s ease-in-out both; -ms-animation:dragTop 1.5s ease-in-out both; animation:dragTop 1.5s ease-in-out both;  position: absolute; }
	
	
   .caseList ul li{width: 25%; height:250px;}
   .caseList .casePicd{width: 100%; height: 250px;  }

}


@media screen and (max-width: 1100px) {
	
	.caseList ul li{width: 25%; height:160px;}
    .caseList .casePicd{width: 100%; height: 160px;  }
	
	}