@charset "utf-8";
/*全局 begin*/
body{font: 14px "微软雅黑";min-width: 1100px;margin: 0;position: relaitive;*overflow-x:hidden;}
p,h1,h2,h3,h4,h5,h6,dd,dl{margin: 0;font-weight: normal;}
input{margin: 0;padding: 0;}
ol,ul{list-style: none;margin: 0;padding: 0;}
img{border: none;}
a{text-decoration: none;color: #000;}
a:hover{color: #f00;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
/*全局结束*/
.container{width: 1100px;margin: 0 auto;overflow: hidden;}

.header{height: 92px;border-top: 4px solid #f00;padding-top: 20px;}
.logo h1{width: 247px;height: 67px;background: url(../images/logo.png) no-repeat;text-indent: -9999px;}
.logo h1 a{display: block;height: 67px;}
.search{position: relative;}
.search-input{float: right;width: 215px;height: 26px;line-height: 26px;border: 1px solid #e9e9e9;color: #b5b5b5;padding-left: 5px;}
.search-btn{display: block;position: absolute;right: 12px;top: 5px;width: 18px;height: 18px;border: none;cursor: pointer;background: url(../images/search-btn.png) no-repeat left center;}
.nav{margin-top: 17px;}
.nav ul{float: right;}
.nav-li{float: left;margin-left: 30px;font-size: 18px;}
.nav-li a{display: block;padding-bottom: 15px;margin-bottom: 2px;}
.nav-li a:hover{border-bottom: 2px solid #f00;margin-bottom: 0;}
.nav-li a.active{border-bottom: 2px solid #f00;margin-bottom: 0;}

.slideBox{position: relative;width: 100%;height: 500px;}
.slideBox .hd ul{position: absolute;z-index: 2;left: 50%;margin-left: -96px;bottom: 20px;}
.slideBox .hd li{float: left;width: 50px;height: 2px;margin: 0 7px;background: #fff;}
.slideBox .hd li.on{background: #f00;}
.slideBox .bd li{height: 500px;}
.slideBox .prev{display: none;position: absolute;left: 0;top: 50%;margin-top: -16px;width: 32px;height: 31px;background: url(../images/prevnext.png) no-repeat 0 0;}
.slideBox .next{display: none;position: absolute;right: 0;top: 50%;margin-top: -16px;width: 32px;height: 31px;background: url(../images/prevnext.png) no-repeat -43px 0;}
.slideBox:hover .prev{display: block;}
.slideBox .prev:hover{background-position: 0 -32px;}
.slideBox:hover .next{display: block;}
.slideBox .next:hover{background-position: -43px -32px;}

.about{padding: 60px 0;}
.about-tit{border: 2px solid #f00;padding: 26px 21px 26px 20px;position: relative;}
.about-tit-img{width: 158px;height: 214px;background: #f2f2f2;}
.about-tit-img img{margin: 52px 19px 52px 13px;}
.about-tit-txt{position: absolute;top: 26px;left: 182px;width: 114px;padding: 42px 4px 29px;background: #fff;text-align: center;}
.about-tit-txt h2{line-height: 58px;font-size: 26px;color: #f00;border-bottom: 2px solid #f00;}
.about-tit-txt p{line-height: 32px;font-size: 16px;color: #a7a7a7;}
.about-con{margin-left: 312px;margin-right: 128px;padding: 30px;}
.about-con p{line-height: 25px;text-indent: 2em;}
.about-bot{position: relative;}
.about-bot-tit{position: absolute;left: -32px;top: 38px;background: #fff;text-align: center;padding-bottom: 18px;}
.about-bot-tit p{width: 80px;line-height: 25px;background: #f00;color: #fff;}
.about-bot-con{width: 92px;height: 179px;border: 2px solid #f00;}
.about-more{width: 57px;height: 49px;line-height: 49px;border-top: 1px solid #f00;margin-top: 129px;margin-left: auto;}

.resources-tit,.cases-tit,.information-tit{text-align: center;padding-top: 50px;}
.resources-tit{padding-bottom: 50px;}
.resources-tit h2,.cases-tit h2,.information-tit h2{font-size: 30px;color: #f00;}
.resources-tit p,.cases-tit p,.information-tit p{font-size: 16px;color: #a7a7a7;}

.resources{height: 388px;background: #fafafa;}
.resources-con li{float: left;width: 300px;margin-left: 100px;}
.resources-con li:first-child{margin-left: 0;}
.resources-con h4{line-height: 100px;font-size: 30px;margin-bottom: 24px;}
.resources-con p{line-height: 24px;color: #999;}
.resources-con-img img{float: left;width: 100px;height: 100px;margin-right: 30px;}

.cases{height: 560px;}
.cases-tit{padding-bottom: 40px;}
.cases-con-ul{margin-left: -20px;}
.cases-con-li{float: left;width: 202px;height: 128px;margin-left: 20px;margin-bottom: 20px;border: 1px solid #cfcfcf;}
.cases-con-li:hover{border-color: #f00;}
.cases-con-li:hover img{opacity: .8;}
.cases-con-li img{width: 202px;height: 128px;}
.cases-bot,.information-bot{width: 114px;height: 38px;border: 1px solid #cdcdcd;line-height: 38px;text-align: center;}
.cases-bot a,.information-bot a{display: block;color: #888;}
.cases-bot:hover,.information-bot:hover{border-color: #f00;background: #f00;}
.cases-bot:hover a,.information-bot:hover a{color: #fff;}
.cases-bot{margin: 30px auto 70px;}

.information{height: 660px;background: #fafafa;}
.information-tit{padding-bottom: 58px;}
.information-con-txtimg{width: 430px;height: 373px;background: #fff;cursor: pointer;}
.information-img img{width: 428px;height: 245px;}
.information-txt{padding: 24px 20px;}
.information-txt h4{height: 34px;line-height: 34px;font-size: 18px;}
.information-txt p{line-height: 24px;color: #666;}
.information-con-txt{margin-left: 460px;}
.information-con-txt ul{margin-top: -20px;}
.information-con-txt li{margin-top: 20px;padding: 7px 24px 14px 28px;background: #fff;}
.information-con-txt li:hover{background: #f00;}
.information-con-txt li:hover h4{color: #fff;}
.information-con-txt li:hover p {color: #fff;}
.information-con-txt li:hover h2{color: #fff;}
.information-con-left h2{font-size: 60px;line-height: 92px;}
.information-con-left h2{color: #a8a8a8;}
.information-con-right{margin-left: 92px;}
.information-con-right p{color: #666;line-height: 24px;height: 48px;}
.information-con-right h4{font-size: 16px;line-height: 42px;}
.information-bot{margin: 30px auto 60px;}

.footer{background: #000;}
.link{height: 186px;padding-top: 40px;}
.link-logo{margin-top: 20px;background: url(../images/link-nav-border.png) no-repeat right 10px;padding-right: 70px;}
.link-nav{padding-left: 20px;}
.link-nav li{float: left;color: #fff;margin-left: 55px;}
.link-nav dt{font-size: 16px;font-weight: bold;line-height: 38px;}
.link-nav dt a{color: #fff;}
.link-nav dt a:hover{color: #666;}
.link-nav dd a{color: #fff;line-height: 32px;}
.link-nav dd a:hover{color: #666;}
.tel,.email{padding-left: 56px;margin-top: 5px;}
.tel{background: url(../images/tel.png) no-repeat left center;}
.tel h5,.email h5{font-size: 24px;}
.email{background: url(../images/email.png) no-repeat left center;}

.copyright{border-top: 1px solid #383838;}
.copyright p{line-height: 47px;color: #fff;}
.copyright p a{color: #fff;}
.copyright p a:hover{color: #666;}

.page-banner{height: 350px;position: relative;}
.page-nav{position: absolute;bottom: 0;}
.page-banner h2{font-size: 40px;color: #f00;position: absolute;top: 50%;margin-top: -26px;left: 50%;margin-left: 100px;}
.span-lt,.span-rb{display: block;position: absolute;width: 16px;height: 16px;}
.span-lt{left: -20px;top: 2px;border-left: 1px solid #f00;border-top: 1px solid #f00;}
.span-rb{right: -20px;bottom: -2px;border-right: 1px solid #f00;border-bottom: 1px solid #f00;}
.page-nav ul{font-size: 0;}
.page-nav li{display: inline-block;*display: inline;*zoom: 1;vertical-align: bottom;background: #a6d250;text-align: center;font-size: 14px;}
.page-nav li a{display: block;width: 100px;height: 40px;line-height: 40px;color: #fff;}
.page-nav li a:hover{height: 100px;line-height: 100px;color: #fff;}
.page-nav li a.active{height: 100px;line-height: 100px;}

.page-tit{padding-top: 50px;padding-bottom: 40px;text-align: center;}
.page-tit h3{font-size: 30px;}
.page-tit p{font-size: 16px;color: #878787;}
.page-information-con li{position: relative;background: #f9f9f9;margin-bottom: 40px;border: 1px solid #fff;}
.page-information-con li:hover{border: 1px solid #f00;cursor: pointer;}
.page-information-posttime{width: 120px; height: 100px;padding: 30px 0;background: #f00;position: relative;color: #fff;text-align: center;}
.page-information-posttime strong{display: block;width: 54px;margin: 0 auto;height: 58px;line-height: 58px;font-size: 36px;border-bottom: 1px solid #fff;}
.page-information-posttime span{display: block;height: 40px;line-height: 40px;}
.page-information-list{margin-left: 120px;padding: 0 40px;}
.page-information-list h4{font-size: 18px;line-height: 56px;}
.page-information-list p{line-height: 24px;color: #666;height: 48px;}
.page-information-read{line-height: 56px;}
.page-information-read span{color: #999;margin-right: 18px;}
.page-information-more{position: absolute;bottom: 20px;right: 40px;width: 114px;height: 38px;border: 1px solid #999;line-height: 38px;text-align: center;}
.page-information-more:hover{border-color: #f00;}
.page-information-more:hover a{display: block;background: #f00;color: #fff;}
.page-information-more a{color: #999;}

.page{text-align:center;margin-bottom: 60px;}
.page ul{font-size: 0;}
.page li{display: inline-block;*display: inline;*zoom: 1;line-height: 29px;border: 1px solid #ddd;margin: 0 5px;border-radius: 4px;}
.page li a{display: block;padding: 0 11px;border-radius: 4px;font-size: 12px;}
.page li a:hover{background: #f00;color: #fff;}
.page li.active a{background: #f00;color: #fff;}

.crumb{height: 40px;line-height: 40px;border-bottom: 1px solid #ddd;color: #999;}
.crumb a{color: #999;}
.crumb a:hover{color: #f00;}
.page-informationshow-tit,.page-resourcesshow-tit{padding-top: 18px;padding-bottom: 20px;border-bottom: 1px solid #ddd;text-align: center;}
.page-informationshow-tit h3,.page-resourcesshow-tit h3{line-height: 46px;font-size: 20px;}
.page-informationshow-tit p,.page-resourcesshow-tit p{line-height: 24px;color: #999;}
.page-informationshow-con,.page-resourcesshow-con{padding: 20px;border-bottom: 1px dashed #ddd;}
.page-informationshow-con img,.page-resourcesshow-con img{margin: 20px 0;max-width: 1060px;}
.page-informationshow-con p,.page-informationshow-con div,.page-resourcesshow-con p,.page-resourcesshow-con div{text-indent: 2em;line-height: 36px;}
.page-informationshow-bot,.page-resourcesshow-bot{padding-top: 8px;padding-bottom: 50px;}
.page-informationshow-bot p,.page-resourcesshow-bot p{height: 38px;line-height: 38px;}

.page-cases-con-ul,.page-resources-con-ul{width: 1120px;}
.page-cases-con-li,.page-resources-con-li{float: left; overflow: hidden; width: 260px;  margin-right: 20px;margin-bottom: 20px;}
.page-resources-con-li{height:260px;}
.page-cases-img img{width: 258px;height: 163px;border: 1px solid #cecece;}
.page-cases-img:hover img{border-color: #f00;opacity: .8;}
.page-resources-img img{width: 258px;height: 200px;border: 1px solid #cecece;}
.page-resources-img:hover img{border-color: #f00;opacity: .8;}
.page-cases-txt,.page-resources-txt{text-align: center;line-height: 54px;}

.about-intr,.jobs-tale{padding-bottom: 60px;}
.about-intr-img img,.jobs-tale-img img{width: 463px;height: 263px;}
.about-intr-txt,.jobs-tale-txt{margin-right: 520px;}
.about-intr-txt p,.about-team-txt p,.jobs-tale-txt p{line-height: 30px; text-indent: 2em;}
.about-team,.jobs-recr{padding-bottom: 60px;background: #fafafa;}
.about-team-img img,.jobs-recr-img img{width: 400px;height: 304px;}
.about-team-txt{margin-left: 468px;}
.about-envir{padding-bottom: 60px;}
.about-envir-con ul{_margin-left: -25px;*zoom: 1;_position: relative;}
.about-envir-con li{float: left;display: inline;margin-left: 25px;}
.about-envir-con li img{width: 350px;height: 231px;}
.about-envir-con li:first-child{margin-left: 0;}
.about-jobs{padding-bottom: 60px;background: #fafafa;}

.contact-way-ul{margin-left: -20px;*zoom: 1;_position: relative;}
.contact-way-li1,.contact-way-li2,.contact-way-li3,.contact-way-li4{float: left;display: inline;width: 260px;height: 144px;padding-top: 102px;margin-left: 20px;margin-bottom: 20px;text-align: center;}
.contact-way-li1{background: #f8e1e0 url(../images/contact-way-li1.png) no-repeat center 42px;}
.contact-way-li2{background: #def2f4 url(../images/contact-way-li2.png) no-repeat center 42px;}
.contact-way-li3{background: #ebf2da url(../images/contact-way-li3.png) no-repeat center 42px;}
.contact-way-li4{background: #d6ecf9 url(../images/contact-way-li4.png) no-repeat center 42px;}
.contact-way-li1 h6,.contact-way-li2 h6,.contact-way-li3 h6,.contact-way-li4 h6{font-size: 18px;line-height: 36px;}
.contact-way-li1 p,.contact-way-li2 p,.contact-way-li3 p,.contact-way-li4 p{font-size: 16px;line-height: 36px;}

.page-banner .container{position: relative;height: 350px;}
.page-banner h2.contact-classname,.page-banner h2.jobs-classname{top: 50%;left: 0;margin-top: 0;margin-left: 100px;}
.contact-address{background: #f8f8f8;margin-top: 60px;}
.contact-address-con{margin-bottom: 40px;}

.bdshare-button-style0-16 a,.bdshare-button-style0-16 .bds_more{float: none!important;display: inline-bloc!important;*display: inline;*zoom: 1;}

.jobs-recr-txt-tit {font-size: 20px;padding-left: 30px;line-height: 40px;cursor: pointer;}

.jobs-recr-txt-ul{font-size: 0;}
.jobs-recr-txt-li{font-size: 14px;color: #666;border-bottom: 1px dashed #ddd;}
.jobs-recr-txt-li h5:hover{ color: #f00;}
.jobs-recr-txt-tit span{float: right;margin-right: 20px;}
.jobdesc{padding: 10px;background: #f5f5f5;color: #333;}

/* Triangle list item */
.jobs-recr-txt-tit:before {content: "";border-color: transparent #ccc;border-style: solid;border-width: 5px 0 5px 8px;display: block;height: 0;width: 0;left: -16px;top: 24px;position: relative;}
.jobs-recr-txt-con {line-height: 30px;padding: 20px;background: #FDFCFA;border-radius: 5px;border: 1px solid #F2EEE6;margin: 20px 0 30px;position: relative;height: 101%;display: none;z-index: 5;}
.jobs-recr-txt-con:after, .jobs-recr-txt-con:before {bottom: 100%;left: 6%;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;}
.jobs-recr-txt-con:after {border-color: rgba(136, 183, 213, 0);border-color: transparent;border-bottom-color: #FDFCFA;border-width: 15px;margin-left: -15px;}
.jobs-recr-txt-con:before {border-color: rgba(194, 225, 245, 0);border-color: transparent;border-bottom-color: #F2EEE6;border-width: 17px;margin-left: -17px;}