@charset "utf-8";
/* CSS Document */
body {font-family: 'Microsoft Yahei';}

.ml30 {margin-left: 30px;}
.tcen { text-align: center !important; margin: 0 !important; line-height: 24px;}
.full {color: #666;}

.nyban {width: 100%; min-height: 500px; position: relative; z-index: 0; overflow: hidden;}
.nyban img {width: 100%; -webkit-transition: all 2s ease; transition: all 2s}
.nyban:hover img {transform: scale(1.2);}
.nyban .img1 {z-index: 1; position: absolute;}
.nyban .img2 {z-index: 2; position: absolute;}
.nyban img.img2 {transform: scale(1);     display: none;}

.contactMain {max-width: 1280px; margin: 0 auto; min-height: 800px; background: none; margin-top: -100px; position: relative; z-index: 999;}
.contactMain .mainL {width: 5.8%; min-height: 800px; background: url(../img/leftBg.png) no-repeat left top; float: left; text-indent: -9999px}
.contactMain .mainC {width: 88.4%; min-height: 800px; background: url(../img/cenBg.png) repeat-x; float: left;}
.contactMain .mainR {width: 5.8%; min-height: 800px; background: url(../img/rightBg.png) no-repeat right top; float: left; text-indent: -9999px}

.contactMain .header {float: left; color: #555;	width: 100%;  text-align: left;	border-bottom: #f0f0f0 solid 1px; position: relative;}
.contactMain .header .title { color: #333;  font-size: 20px;  margin: 50px 0 0 0; font-weight: 500; border-left: #0e5d9d solid 3px; text-indent: 10px;}
.contactMain .header .subtitle { color: #999;  font-size: 14px;  margin: 10px 0; text-indent: 10px;}

.contactMain .header .guide {color: #666; font-size: 12px; line-height: 40px; position: absolute; bottom: 0px; right: 0;}
.contactMain .header .guide a {color: #333;}
.contactMain .header .guide a:hover {color: #0f5d9e;}


.contactMain .con {width: 100%; float: left; margin-top: 50px;}
.contactMain .con .fenl {width: 100%; margin: 0 auto;}
.contactMain .con .fenl ul {width: 100%;}
.contactMain .con .fenl ul li a {padding: 8px 25px; border: #ccc solid 1px; color: #333; background: #fff; margin-right: 20px; float: left; font-size: 14px;}
.contactMain .con .fenl ul li a:hover {padding: 8px 25px; border: #0f5d9e solid 1px; color: #fff; background: #0f5d9e;}
.contactMain .con .fenl ul li a.act {padding: 8px 25px; border: #0f5d9e solid 1px; color: #fff; background: #0f5d9e;}
.contactMain .con .title {width: 100%; border-bottom: #eee solid 1px; text-align: center; font-size: 24px; line-height: 60px; margin: 30px 0; float: left;}


/*--内页企业简介开始--*/
.contactMain .con .aboutcon {max-width: 100%; height: auto; margin: 0px auto 40px auto;}
.contactMain .con .aboutcon .item_info .aboutimg {float: left; margin: 10px 3% 0 2%; width: 56%; height: 330px; background: rgba(15,93,157,1);}
.contactMain .con .aboutcon .item_info .aboutimg img {margin: -30px 0 0 -20px;}
.contactMain .con .aboutcon .item_info .aboutimg .video {margin: -30px 0 0 -20px; width: 99%;}

.contactMain .con .aboutcon .item_info {width: 100%; float: left; margin: 0; text-align: justify;}
.contactMain .con .aboutcon .item_info .tit {color: #333; font-size: 24px; font-weight: bold; line-height: 30px; padding-bottom: 30px;}
.contactMain .con .aboutcon .item_info .txt { color: #666; font-size: 14px; line-height: 24px; margin-bottom: 20px;}
.contactMain .con .aboutcon .item_info .text { text-align: left; color: #666; font-size: 14px; line-height: 24px; margin-bottom: 20px; margin-left: 30px;}
.contactMain .con .aboutcon .full { color: #666; font-size: 14px; line-height: 24px; margin: 10px 0; width: 100%; display: block; float: left;}

.contactMain .con .aboutcon .listimg { width: 45%; height: auto; float: left;}
.contactMain .con .aboutcon .list_info {width: 50%; margin: 0 0 0 5%; text-align: justify; float: left;}
.contactMain .con .aboutcon .list_info .tit { color: #333; font-size: 20px; font-weight: bold; line-height: 30px; padding-bottom: 10px;}
.contactMain .con .aboutcon .list_info .txt { color: #666; font-size: 14px; line-height: 24px; margin-bottom: 20px;}
.contactMain .con .aboutcon .list_info .txt3 { color: #333; font-size: 16px; line-height: 24px; margin-bottom: 20px;}

.contactMain .con .aboutcon .full .tit { color: #333; font-size: 20px; font-weight: bold; line-height: 30px; padding-bottom: 10px;}
.contactMain .con .aboutcon .full .txt { color: #666; font-size: 14px; line-height: 24px; margin-bottom: 20px;}
.contactMain .con .aboutcon .full .txt3 { color: #333; font-size: 14px; line-height: 24px; margin-bottom: 20px;}

.aboutcon h3 {line-height: 50px;}
.aboutcon .intro {padding: 20px 0; line-height: 30px; color: #555; border: #eee solid 1px; border-left: none 0; border-right: none 0; font-size: 15px;}
.pb40 {border-bottom: #eee solid 1px; padding-bottom: 40px;}
/*--内页企业简介结束--*/


/*--四大优势开始--*/

.sdyscon {width: 100%; background: #0f5d9d; height: 160px; margin: 30px 0 0 0; float: left;}
.sdyscon .ysbdr {width: 100%; margin: 0 auto;}
.sdyscon .textcon { animation-name: fadeInUp; width: 25%; height: 160px; position: relative; background: url(../images/line1.png) no-repeat right center;}
.sdyscon li { float: left; cursor: pointer;}
.sdyscon li:last-child {background: none;}
.sdyscon .textcon .img {width: 90px; height: 72px; margin: 20px auto 0px; position: relative; z-index: 999;}
.sdyscon .textcon .img img {width: 100%; transition: all 0.6s;}
.sdyscon .textcon .tit { color: #fff; font-size: 16px; line-height: 20px; text-align: center; z-index: 999; position: relative;}
.sdyscon .textcon .time {margin: 0 auto; width: 30%; text-indent: -9999px; line-height: 2px; text-align: center; border-bottom: #ccc solid 1px; opacity: 0; z-index: 999; position: relative;}
.sdyscon .textcon .txt { color: #eee; font-size: 14px; line-height: 24px; text-align: center; margin: 0; height: 24px; position: relative; z-index: 999;}
.sdyscon .textcon .num {color: #15578f; font-size: 128px; font-family: Arial, Helvetica; position: absolute; bottom: -15px; right: 0; z-index: 0; opacity: 0;}

.sdyscon .textcon:hover {background: #0d548d;}
.sdyscon .textcon.act {background: #0d548d;}
.sdyscon .textcon:hover .time {opacity: 1;}
.sdyscon .textcon:hover .img {margin: 10px auto 0px; -webkit-transition: all .6s ease; transition: all .6s ease;}
.sdyscon .textcon:hover .tit {margin: 5px auto 5px; -webkit-transition: all .6s ease; transition: all .6s ease;}
.sdyscon .textcon:hover .txt {margin: 0px auto 0; -webkit-transition: all .3s ease; transition: all .3s ease;}
.sdyscon .textcon:hover .num {opacity: 1; -webkit-transition: all .3s ease; transition: all .3s ease;}

.sdyscon .textcon:before {opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; top: 140px; position: absolute; content:""; width: 0; height: 1px; right: 0%; background-color: #378cd1;}
.sdyscon .textcon:hover::before {opacity: 1; width: 30%; left: 35%}


.contactMain .conwrap {width: 100%; float: left; margin-bottom: 30px; color: #666;}
.contactMain .conwrap p { width: 100%; height: auto; text-align: center; line-height: 24px; font-size: 14px; }
.contactMain .conwrap img {width: auto;}

.contactMain .conwrap p:last-child {border: none;}
/*--四大优势结束--*/


.contactMain .con .infoL {width: 50%; float: left;}
.contactMain .con .infoL .tit { color: #333; font-size: 20px; font-weight: bold; line-height: 30px; padding-bottom: 10px;}
.contactMain .con .infoL .txt { color: #666; font-size: 14px; line-height: 24px; margin-bottom: 10px;}

.contactMain .con .infoul {width: 45%; background: rgba(255,255,255,1); float: right;}

.contactMain .con .infoul .inputtxt {color: #666; line-height: 50px; width: 100%; border: none; background: none; border-bottom: #ccc solid 1px; font-size: 14px;}
.contactMain .con .infoul .textarea {line-height: 30px; width: 100%; border: none; background: none; border-bottom: #ccc solid 1px; height: 80px; margin-bottom: 23px; font-size: 14px; color: #666; font-family: 'Microsoft Yahei';}
.contactMain .con .infoul .submit {color: #000; font-size: 16px; line-height: 46px; width: 100%; background: #fff; border: 1px solid #333; cursor: pointer; opacity: 0.7; -webkit-transition: all .3s; transition: all .3s;}
/*.contactMain .con .infoul .submit:hover {color: #fff; background: #333; border: 1px solid #333; -webkit-transition: all 1.2s ease; transition: all 1.2s ease; opacity: 1;}*/

.contactMain .con .infoul .btn-1 {
  border-color: #333;
  background: -webkit-linear-gradient(left, #333, #333) no-repeat;
  background: linear-gradient(to right, #333, #333) no-repeat;
  background-size: 0% 100%;
}
.contactMain .con .infoul .btn-1:hover {
  background-size: 100% 100%;
  color: #fff;
}


.contact_map {float: left; margin: 0 0 40px; width: 100%; height: 400px; border: #ccc solid 1px;
	/*border-radius: 5px;
	box-shadow: 0 5px 20px #ccc;*/
}

.ff_social {margin-top: 30px;}
.ff_social .wx {margin-right: 30px; float: left; position: relative;}
.ff_social .ewm {opacity: 0; position: absolute; left: 0px; top: 52px; width: 120px; height: 120px; z-index: 999;}
.ff_social .wx:hover .ewm {opacity: 1; -webkit-transition: all .6s ease; transition: all .6s ease;} 
.ff_social .wx img {opacity: 0.8;}
.ff_social .wb {float: left; position: relative;}
.ff_social .wb img {opacity: 0.8;}
.ff_social .wb:hover .ewm {opacity: 1; -webkit-transition: all .6s ease; transition: all .6s ease;} 
.ff_social a:hover img {opacity: 1; -webkit-transition: all .6s ease; transition: all .6s ease;}

/*-- 发展历程开始 --*/

.fzlc {width: 100%; background: url(../img/bg_line.gif) repeat-y center top; float: left; margin-bottom: 30px;}
.fzlc li {width: 100%; height: 160px; position: relative;}
.fzlc li .L1 {float: left; width: 46%; height: 160px;}
.fzlc li .L1 .tit {font-size: 16px; color: #333; line-height: 40px; text-align: right; width: 90%; float: right; margin: 20px 0 0 0;}
.fzlc li .L1 .txt {font-size: 14px; color: #888; line-height: 28px; text-align: right; width: 90%; float: right;}

.fzlc li .R1 {float: right; width: 46%; height: 160px; position: relative;}
.fzlc li .R1 .year { font-size: 32px; color: #999; font-family: HELVETICANEUELTPRO-THEX; position: absolute; left: 0; top: 25px;}
.fzlc li .R1 .month { font-size: 14px; color: #999; font-family: HELVETICANEUELTPRO-THEX; position: absolute; left: 3px; top: 60px;}
.fzlc li .R1 img {opacity: 0; float: left; margin: 10px 0 0 0;}

.fzlc li .R1 .arrowL {width: 30px; height: 30px; background: url(../img/arrowL.png) no-repeat; text-indent: -9999px; position: absolute; right: 363px; top: 150px; opacity: 0;}


.fzlc li .L2 {float: right; width: 46%; height: 160px;}
.fzlc li .L2 .tit {font-size: 16px; color: #333; line-height: 40px; text-align: left; width: 90%; margin: 20px 0 0 0;}
.fzlc li .L2 .txt {font-size: 14px; color: #888; line-height: 28px; text-align: left; width: 90%;}

.fzlc li .R2 {float: left; width: 46%; height: 160px; position: relative;}
.fzlc li .R2 .year { font-size: 32px; color: #999; font-family: HELVETICANEUELTPRO-THEX; position: absolute; right: 0; top: 25px;}
.fzlc li .R2 .month { font-size: 14px; color: #999; font-family: HELVETICANEUELTPRO-THEX; position: absolute; right: 3px; top: 60px;}
.fzlc li .R2 img {opacity: 0; margin: 10px 0 0 0; float: right;}
.fzlc li .R2 .arrowL {width: 30px; height: 30px; background: url(../img/arrowR.png) no-repeat; text-indent: -9999px; position: absolute; right: 363px; top: 150px; opacity: 0;}

.fzlc li .point {width: 11px; height: 11px; border-radius: 10px; background: #ddd; border: #fff solid 5px; position: absolute; left: 50%; top: 30px; margin-left: -10px;}
.fzlc li:hover {background: #0f5d9e; -webkit-transition: all 1s ease; transition: all 1s ease;}

.fzlc li:hover .tit {color: #fff; margin: 10px 0 0 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.fzlc li:hover .txt {color: #eee;}
.fzlc li:hover .point {opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

.fzlc li:hover .R1 .year { color: #fff; position: absolute; left: 360px; top: 25px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.fzlc li:hover .R1 .month { color: #fff; position: absolute; left: 363px; top: 60px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.fzlc li:hover .R1 img {opacity: 1; display: block; float: left;}
.fzlc li:hover .R1 .arrowL {position: absolute; left: 363px; top: 90px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 1;}

.fzlc li:hover .R2 .year { color: #fff; position: absolute; right: 360px; top: 25px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.fzlc li:hover .R2 .month { color: #fff; position: absolute; right: 365px; top: 60px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.fzlc li:hover .R2 img {opacity: 1; -webkit-transition: all 1s ease; transition: all 1s ease;}
.fzlc li:hover .R2 .arrowL {position: absolute; right: 363px; top: 90px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 1;}
/*-- 发展历程结束 --*/


/*-- 领导关怀开始 --*/
.ldgh {width: 100%; background: #f8f8f8; float: left; margin-bottom: 30px;}
.ldgh li {width: 100%; height: 200px; position: relative;}
.ldgh li .L1 {float: left; width: 46%; height: 200px;}
.ldgh li .L1 .tit {font-size: 16px; color: #333; line-height: 40px; text-align: right; width: 90%; float: right; margin: 20px 0 0 0;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ldgh li .L1 .txt {font-size: 14px; color: #888; line-height: 28px; text-align: right; width: 90%; float: right;}

.ldgh li .R1 {float: right; width: 50%; height: 200px; position: relative;}
.ldgh li .R1 img {opacity: 1; float: left;}
.ldgh li .R1 .arrowL {width: 20px; height: 30px; background: url(../img/arrR.png) no-repeat; text-indent: -9999px; position: absolute; left: 0; top: 150px; opacity: 0;}


.ldgh li .L2 {float: right; width: 46%; height: 200px;}
.ldgh li .L2 .tit {font-size: 16px; color: #333; line-height: 50px; text-align: left; width: 90%; margin: 20px 0 0 0;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ldgh li .L2 .txt {font-size: 14px; color: #888; line-height: 28px; text-align: left; width: 90%;}

.ldgh li .R2 {float: left; width: 50%; height: 200px; position: relative;}
.ldgh li .R2 img {opacity: 1; float: right;}
.ldgh li .R2 .arrowL {width: 20px; height: 30px; background: url(../img/arrL.png) no-repeat; text-indent: -9999px; position: absolute; right: 0; top: 150px; opacity: 0;}


.ldgh li:hover {background: #0f5d9e; -webkit-transition: all 1s ease; transition: all 1s ease;}
.ldgh li:hover .tit {color: #fff; margin: 25px 0 0 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.ldgh li:hover .txt {color: #eee; margin: 10px 0 0 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

.ldgh li:hover .R1 img {opacity: 1; display: block; float: left;}
.ldgh li:hover .R1 .arrowL {position: absolute; left: 0; top: 85px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 1;}

.ldgh li:hover .R2 img {opacity: 1; -webkit-transition: all 1s ease; transition: all 1s ease;}
.ldgh li:hover .R2 .arrowL {position: absolute; right: 0; top: 85px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 1;}

.ldgh li .point {width: 100%; height: 100%; margin: 0%; background: none; border: 0; position: absolute; top: 0; z-index: 999; opacity: 0;}
.ldgh li:hover .point {width: 97.8%; height: 88%; margin: 1%; background: none; border: #fff solid 1px; position: absolute;  z-index: 999; -webkit-transition: all .6s ease; transition: all .6s ease; opacity: 1;}

/*-- 领导关怀结束 --*/


.page {width: 100%; height: 40px; margin: 10px 0 40px 0; float: left;}
.page ul {float: left;}
.page ul li {width: 40px; height: 40px; line-height: 40px; text-align: center; border-bottom: #ccc solid 1px; color: #666; float: left; margin:  0 10px 0 0; font-family: Helvetica, sans-serif; font-size: 14px;}
.page ul li:hover {width: 40px; height: 40px; line-height: 40px; text-align: center; border-bottom: #0072d4 solid 1px; color: #0072d4;}

.page ul .first {border: none; border-right: #eee solid 1px; font-family: Helvetica, sans-serif; font-size: 16px; margin:  0 10px 0 0;}
.page ul .first:hover {border: none; border-right: #0072d4 solid 1px;}
.page ul .last {border: none; border-left: #eee solid 1px; font-family: Helvetica, sans-serif; font-size: 16px; margin:  0;}
.page ul .last:hover {border: none; border-left: #0072d4 solid 1px;}

.page ul .prev {width: auto; height: 20px; line-height: 20px; padding: 6px 30px; border: none; border-right: #eee solid 1px; margin:  0; }
.page ul .prev:hover {width: auto; height: 20px; line-height: 20px; padding: 6px 30px; border: none; border-right: #0072d4 solid 1px;}
.page ul .next {width: auto; height: 20px; line-height: 20px; padding: 6px 30px; border: none; border-left: #eee solid 1px; margin: 0;}
.page ul .next:hover {width: auto; height: 20px; line-height: 20px; padding: 6px 30px; border: none; border-left: #0072d4 solid 1px;}

.page ul li a {color: #666; display: block;}
.page ul li a:hover {color: #0072d4;}

.time-cen {color: #999; text-align: center; font-size: 14px; font-weight: normal; line-height: 30px;}

.newsLeft {width: 64%; float: left; margin-bottom: 30px;}
.newsLeft .title span {display: block;}
.newsLeft p {line-height: 24px; text-align: justify; color: #666;}



.newsRight {width: 32%; float: right; margin-bottom: 30px;}
.newsRight .newscon {width: 100%; height: auto; margin: 40px auto 0 auto; position: relative;}
.newsRight .newscon .textcon { animation-name: fadeInUp; width: 100%; height: auto; position: relative; border-bottom: #eee solid 1px; margin: 20px 0 0 0; padding: 0 0 20px 0;}
.newsRight .newscon li {float: left;}
.newsRight .newscon .textcon .img {width: 40%; height: auto; overflow: hidden; float: left;}
.newsRight .newscon .textcon .img img {width: 100%; transition: all 0.6s;}
.newsRight .newscon .textcon .tit { width: 55%; color: #666; font-size: 14px; line-height: 24px; float: right;}
.newsRight .newscon .textcon .time { width: 55%; color: #999; font-size: 14px; line-height: 30px; float: right;}
.newsRight .newscon .textcon:hover .img img {transform: scale(1.2);}

.newsRight .newscon .textcon:hover .tit {color: #333;}
.newsRight .newscon .textcon:after {content: ''; position: absolute; left: 0px;	bottom: -1px; width: 1px; height: 1px; background: #dddddd;}
.newsRight .newscon .textcon:hover:after { width: 100%; left: 0px; background: #333; transition: all 0.6s;}


/*.newsRight .newscon .textcon:before {opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; top: 107px; position: absolute; content:""; width: 0; height: 1px; left: 0%; background-color: #333;}
.newsRight .newscon .textcon:hover::before {opacity: 1; width: 100%; left: 0%}*/

.newsRight .newscon .listcon { width: 100%; height: auto; position: relative; border-bottom: #eee solid 1px; margin: 20px 0 0 0; padding: 0 0 20px 0;}
.newsRight .newscon .listcon .tit { width: 72%; color: #666; font-size: 14px; line-height: 24px; float: right;}
.newsRight .newscon .listcon .time { width: 20%; color: #999; font-size: 14px; line-height: 24px; float: left;}
.newsRight .newscon .listcon:hover .tit {color: #333;}
/*.newsRight .newscon .listcon:hover {border-bottom: #333 solid 1px;}*/

.newsRight .newscon .listcon:after {content: ''; position: absolute; left: 0px;	bottom: -1px; width: 1px; height: 1px; background: #dddddd;}
.newsRight .newscon .listcon:hover:after { width: 100%; left: 0px; background: #333; transition: all 0.6s;}



.newsWrap {width: 100%; float: left; margin-bottom: 10px;}

.newsWrap .newscon {max-width: 1200px; height: auto; margin: 40px auto 0 auto; position: relative;}
.newsWrap .newscon .textcon { animation-name: fadeInUp; width: 30.33%; height: auto; position: relative;}
.newsWrap .newscon li {float: left; margin: 0 1.5% 60px;}
.newsWrap .newscon .textcon .img {width: 100%; height: auto; overflow: hidden;}
.newsWrap .newscon .textcon .img img {width: 100%; transition: all 0.6s;}
.newsWrap .newscon .textcon .tit { color: #333; font-size: 16px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newsWrap .newscon .textcon .time { color: #999; font-size: 14px; line-height: 20px;}
.newsWrap .newscon .textcon .txt { color: #333; font-size: 14px; line-height: 24px; margin: 10px 0; padding-top: 15px; border-top: #ccc solid 1px; height: 48px; overflow: hidden;}


.newsWrap .newscon .textcon .txt:after {content: ''; position: absolute; left: 0px;	bottom: 73px; width: 1px; height: 1px; background: #dddddd;}
.newsWrap .newscon .textcon:hover .txt:after { width: 100%; left: 0px; background: #333; transition: all 0.6s;}

.newsWrap .newscon .btn {margin: 0 0 0 0; width: 90px; height: 30px; text-indent: -9999px; display: block; background: url(../images/news_next.png) no-repeat;
	position: absolute; opacity: 0; bottom: -60px;
}

.newsWrap .newscon .textcon:hover .btn {display: block; position: absolute; bottom: -30px; opacity: 1; -webkit-transition: all .6s ease;
	transition: all .6s ease;
}
.newsWrap .newscon .textcon:hover .img img {transform: scale(1.2);}
.newsWrap .newscon .textcon:hover .tit {font-weight: bold;}


/*--业务领域开始--*/

.qyyw {max-width: 100%; height: auto; float: left; margin: 30px auto;  position: relative;}

.qyyw .textcon { animation-name: fadeInUp; width: 20%; height: 100%; position: relative;}
.qyyw li {float: left; margin: 0 0 40px 0; overflow: hidden;}
.qyyw li:nth-of-type(4) { margin-right: 0;}
.qyyw .textcon .img {width: 100%; height: auto; float: left;}
.qyyw .textcon .img.bottom {width: 100%; height: auto; float: left; overflow: hidden;}
.qyyw .textcon .img img {width: 100%; transition: all 0.6s;}
.qyyw .textcon .item_info {background: rgba(248,248,248,1); float: left; width: 100%; height: 80px; padding: 10px 0; position: relative;}
.qyyw .textcon .item_info .tit { color: #333; font-size: 18px; width: 100%; text-align: center; position: absolute; left: 0; top: 35px; transition: all .6s ease;}
.qyyw .textcon .item_info .txt { color: #cecece; font-size: 14px; width: 100%; text-align: center; position: absolute; left: 0; top: 60px; font-family: HELVETICANEUELTPRO-THEX; transition: all .6s ease;}

.qyyw .textcon .item_info.top {background: rgba(248,248,248,1); float: left; position: relative; top: 0px; width: 100%; height: 80px; padding: 10px 0;}
.qyyw .textcon .item_info.top .tit { color: #333; font-size: 18px; width: 100%; text-align: center; position: absolute; left: 0; top: 45px; transition: all .6s ease;}
.qyyw .textcon .item_info.top .txt { color: #cecece; font-size: 14px; width: 100%; text-align: center; position: absolute; left: 0; top: 25px; font-family: HELVETICANEUELTPRO-THEX; transition: all .6s ease;}

.qyyw .btn {width: 20px; height: 2px; text-indent: -9999px; background: url(../images/line.png) no-repeat; 
	position: absolute; opacity: 1; left: 50%; top: 25px; margin-left: -10px; -webkit-transition: all .6s ease; transition: all .6s ease;
}
.qyyw .textcon:hover .btn {	opacity: 1; top: 15px; -webkit-transition: all .6s ease; transition: all .6s ease;}
.qyyw .textcon .item_info.top .btn {opacity: 1; top: 70px; -webkit-transition: all .6s ease; transition: all .6s ease;}

.qyyw .textcon:hover .img img {transform: scale(1.02);}
.qyyw .textcon:hover .tit { -webkit-transition: all .6s ease; transition: all .6s ease; opacity: 1; top: 25px;}
.qyyw .textcon:hover .txt { -webkit-transition: all .6s ease; transition: all .6s ease; opacity: 1;}

.qyyw .textcon .item_info1 {width: 100%; height: 100%; margin: 0px; background: none; border: 0; position: absolute; top: 0; z-index: 999;}
.qyyw .textcon:hover .item_info1 {width: 90%; height: 96%; margin: 4% 4.8%; background: none; border: #999 solid 1px; position: absolute; top: 0; z-index: 999; -webkit-transition: all .6s ease; transition: all .6s ease;}

.qyyw .textcon:hover .item_info {opacity: 1; padding: 10px 0 10px 0; -webkit-transition: all .6s ease; transition: all .6s ease;}
.qyyw .textcon:hover .item_info .txt {color: #cecece; font-size: 36px;  position: absolute; left: 0; top: 45px; transition: all .6s ease;}

.qyyw .textcon:hover .item_info.top .tit {color: #333; font-size: 18px; position: absolute; left: 0; top: 55px; transition: all .6s ease;}
.qyyw .textcon:hover .item_info.top .txt {color: #cecece; font-size: 36px; position: absolute; left: 0; top: 10px; transition: all .6s ease;}
.qyyw .textcon:hover .item_info.top .btn {display: block; position: absolute;  opacity: 1; top: 50px; left: 50%; margin-left: -10px;
	-webkit-transition: all .6s ease; transition: all .6s ease;
}

/*--业务领域结束--*/


/*--精品工程开始--*/

.qy_category {float: left; width: 100%; margin: 30px 0; border-top: #eee solid 1px; padding-top: 20px; height: 26px; line-height: 26px}
.qy_category a {padding: 6px 20px; margin-right: 5px; text-align: center; color: #717171; background: 0 0; font-size: 14px;}
.qy_category a.active, .qy_category a:hover {color: #fff; background: #555;}

.qycase {width: 100%; height: auto; margin: 0 auto 20px auto;}

.qycase .textcon { animation-name: fadeInUp; width: 24%; height: auto; position: relative;}
.qycase li { float: left; margin: 0 0.5% 4%;}
.qycase .textcon .img {width: 100%; height: auto; overflow: hidden;}
.qycase .textcon .img img {width: 100%; transition: all 0.6s;}
.qycase .textcon .item_info {background: rgba(255,255,255,0.8); position: absolute; bottom: 0; width: 100%; height: 80px;}
.qycase .textcon .item_info .tit { color: #333; font-size: 16px; padding: 12px 10px 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.qycase .textcon .item_info .time { color: #999; font-size: 14px; line-height: 20px;}
.qycase .textcon .item_info .tit a { color: #333;}
.qycase .textcon .item_info .txt { color: #666; font-size: 14px; padding: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.qycase .textcon .line {background-color: #ccc; height: 1px; font-size: 0;}

.qycase .btn {width: 30px; height: 30px; text-indent: -9999px; display: block; background: url(../images/caseBtn.png) no-repeat;
	position: absolute; opacity: 0; right: 0; top: 25px;
}
.qycase .textcon:hover .btn {opacity: 1; right: 20px; -webkit-transition: all .6s ease; transition: all .6s ease;}

.qycase .textcon:hover .img img {transform: scale(1.1);}
.qycase .textcon:hover .tit { padding: 12px 40px 0 20px; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 1;}
.qycase .textcon:hover .txt { padding: 10px 40px 10px 20px; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 1;}

.qycase .textcon .item_info {opacity: 0; box-sizing: border-box;}
.qycase .textcon:hover .item_info {opacity: 1;}

.qycase .textcon .item_info .text_wrap {opacity: 0; margin: 0; border: #999 solid 1px;}
.qycase .textcon:hover .item_info .text_wrap {opacity: 1; -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s; border: #999 solid 1px; margin: 8px; width: auto;}

/*--精品工程结束--*


/*--荣誉证书开始--*/


.honor {max-width: 100%; height: auto; margin: 0 auto 20px auto;}

.honor .textcon { animation-name: fadeInUp; width: 24%; height: auto; position: relative;}
.honor li { float: left; margin: 0 0.5% 4%;}
.honor .textcon .img {width: 100%; height: auto; overflow: hidden;}
.honor .textcon .img img {width: 100%; transition: all 0.6s;}
.honor .textcon .item_info {background: rgba(255,255,255,0.8); position: absolute; bottom: 0; width: 100%; height: 80px;}
.honor .textcon .tit { color: #666; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.honor .textcon .txt { color: #999; font-size: 14px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; text-align: center;}


.honor .textcon .imgh {position: absolute; width: 100%; height: auto; left: 0; top: 0; opacity: 0; -webkit-transition: all 1s ease; transition: all 1s ease; z-index: 999}
.honor .textcon:hover .imgh {position: absolute; left: 0; top: 0; width: 100%; height: auto; opacity: 1; -webkit-transition: all 1s ease; transition: all 1s ease; z-index: 999}
.honor .textcon:hover .imgh img {width: 100%; transition: all 0.6s;}
.honor .textcon:hover .img img {transform: scale(1.1);}
.honor .textcon:hover .tit { color: #333; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 1;}
.honor .textcon:hover .txt { clear: #666; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 1;}

.honor .textcon:hover {opacity: 1; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 1;}

.honor .textcon .item_info .text_wrap {opacity: 0; margin: 0; border: #999 solid 1px;}
.honor .textcon:hover .item_info .text_wrap {opacity: 1; -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s; border: #999 solid 1px; margin: 8px; width: auto;}

/*--荣誉证书结束--*/


/*--党群园地开始--*/

.party {width: 100%; background: #fff; margin-top: 50px; float: left;}
.party .wow {animation-name: fadeInUp;}

.party .textcon { animation-name: fadeInUp; width: 100%; height: auto; margin-bottom: 30px; padding-bottom: 30px; border-bottom: #eee solid 1px; position: relative;}
.party li { float: left; margin-right: 15px;}
.party li:last-child {margin-right: 0;}

.party .textcon .img {width: 30%; float: left; height: auto; overflow: hidden;}
.party .textcon .img img {width: 100%; transition: all 0.6s;}
.party .textcon .info {float: right; width: 65%; position: relative;}
.party .textcon .tit { color: #333; font-size: 18px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%;}
.party .textcon .time { color: #999; font-size: 22px; line-height: 20px; font-family: HELVETICANEUELTPRO-THEX; text-align: right; margin-top: -40px;}
.party .textcon .txt { color: #666; font-size: 14px; line-height: 24px; width: 90%; margin: 25px 0; height: 50px; overflow: hidden;}


.party .textcon:hover .img img {transform: scale(1.2);}

.party .textcon:hover .tit { color: #333; padding-top: 20px; -webkit-transition: all .6s ease; transition: all .6s ease;}
.party .textcon:hover .txt {color: #333; padding-left: 36px; -webkit-transition: all .6s ease; transition: all .6s ease; border-left: #666 solid 1px;}

.party .textcon .info .btn {width: 30px; height: 30px; text-indent: -9999px; display: block; background: url(../images/caseBtn.png) no-repeat; position: absolute;
	opacity: 0; right: 0; bottom: 0px;}

.party .textcon:hover .info .btn {display: block; position: absolute; opacity: 1; right: 20px; -webkit-transition: all .6s ease; transition: all .6s ease;}


/*--党群园地结束--*/


/*--人才招聘开始--*/


/*--人才招聘结束--*/



#fot {width: 100%; background: #333; height: 50px; line-height: 50px; color: #eee; font-size: 14px; float: left;}
#fot .con {margin: 0 auto; background: none; /*padding: 0 20px;*/ text-align: center;}
#fot .con a {color: #ddd;}
#fot .con a:hover {color: #fff;}


/*--弹窗样式--*/

#mbOverlay { position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
/*#mbOverlay.mbOverlayFF { background: transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position: absolute; }*/

#mbCenter {background: #fff; padding: 5px 5px 0px;}

#mbCenter { position: absolute; z-index: 9999; left: 50%; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.70); /*  border: #fff solid 10px;*/}

#mbCenter.mbLoading { background: #fff url(../img/WhiteLoading.gif) no-repeat center; -moz-box-shadow: none; -webkit-box-shadow: none; }
#mbImage { left: 0; top: 0; font-family: Arial, Helvetica, sans-serif;}

#mbImage a, #mbImage a:link, #mbImage a:visited { color: #ddd;}
#mbImage a:hover, #mbImage a:active { color: #fff;}
/*#mbImage img {border-radius: 5px 5px 0 0;}*/

#mbBottom { min-height: 5px; font-family: Arial, Helvetica, sans-serif; line-height: 30px; font-size: 12px; color: #666; text-align: left;}

#mbTitle { display: block; float: left; background: #ddd; width: 80%; height: 30px; color: #666; font-weight: bold; line-height: 30px; font-size: 12px; display: none;}
#mbNumber { background: url(../img/mbNumber_bg.gif) no-repeat center; display: inline; color: #666; line-height: 30px; font-size: 12px; position: absolute; right: 10px; text-align: center; width: 50px; height: 30px; display: none;}
#mbCaption { display: block; color: #999; line-height: 14px; font-size: 10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display: block !important; float: right; height: 20px; margin: 0;}
#mbPrevLink { width: 45px; height: 45px; background:transparent url(../img/BlackPrevious.png) no-repeat center; position: absolute; top: 35%; left: -50px; }
#mbNextLink { width: 45px; height: 45px; background:transparent url(../img/BlackNext.png) no-repeat center; position: absolute; top: 35%; right: -50px; }

#mbCloseLink { width: 45px; height: 45px; background: transparent url(../img/CustomBlackClose.png) no-repeat center; position: absolute; top: -45px; right: -33px; z-index: 9999; opacity: 0.8}
#mbError { position: relative; font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; color: #fff; text-align: center; border:10px solid #700; padding: 10px 10px 10px; margin: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color: #d00; font-weight: bold; text-decoration: underline; }



/*地图插件样式*/




/*内页自适应区域*/

/*@media screen (min-width: 1600px) and (max-width: 1920px) {
	.nyban {width: 100%; min-height: 500px !important; position: relative; z-index: 0; overflow: hidden;}
	.contactMain .mainL {width: 4%; min-height: 800px; background: url(../img/leftBg.png) no-repeat left top; float: left; text-indent: -9999px}
	.contactMain .mainC {width: 92%; min-height: 800px; background: url(../img/cenBg.png) repeat-x; float: left;}
	.contactMain .mainR {width: 4%; min-height: 800px; background: url(../img/rightBg.png) no-repeat right top; float: left; text-indent: -9999px}	
}

@media screen (min-width: 1380px) and (max-width: 1600px) {
	.nyban {width: 100%; min-height: 400px !important; position: relative; z-index: 0; overflow: hidden;}
	.contactMain .mainL {width: 5%; min-height: 800px; background: url(../img/leftBg.png) no-repeat left top; float: left; text-indent: -9999px}
	.contactMain .mainC {width: 90%; min-height: 800px; background: url(../img/cenBg.png) repeat-x; float: left;}
	.contactMain .mainR {width: 5%; min-height: 800px; background: url(../img/rightBg.png) no-repeat right top; float: left; text-indent: -9999px}	
}*/

@media screen and (max-width: 1440px) {
	.nyban {width: 100%; min-height: 360px;}
}
@media screen and (max-width: 1280px) {
	.nyban {width: 100%; min-height: 300px;}
}

@media screen and (max-width: 960px){
	.contactMain .con .aboutcon .aboutimg {float: left; margin: 10px 0 0 4%; width: 92%; height: auto; background: rgba(15,93,157,1);}
	.contactMain .con .aboutcon .aboutimg img {margin: -30px 0 0 -20px;}
	.contactMain .con .aboutcon .item_info {width: 100%; float: left; margin: 0 0 0 0; text-align: justify;}	
	
	.qycase .textcon { animation-name: fadeInUp; width: 32%; height: auto; position: relative;}
	.qycase li { float: left; margin: 0 0.66% 4%;}
}
@media screen and (max-width: 900px){
	.sdyscon .textcon .tit { color: #fff; font-size: 15px;}
	.sdyscon .textcon .txt { color: #eee; font-size: 12px;}
	
	.ldgh li {width: 100%; height: 160px; position: relative;}
	.ldgh li .L1 {float: left; width: 46%; height: 150px;}
	.ldgh li .R1 {float: right; width: 50%; height: 150px; position: relative;}
	.ldgh li .L2 {float: right; width: 46%; height: 150px;}
	.ldgh li .R2 {float: left; width: 50%; height: 150px; position: relative;}
	
	.ldgh li:hover .tit {color: #fff; margin: 10px 0 0 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
	.ldgh li:hover .txt {color: #eee; margin: 0 0 0 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
	.ldgh li:hover .R1 .arrowL {position: absolute; left: 0; top: 55px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 1;}
	.ldgh li:hover .R2 .arrowL {position: absolute; right: 0; top: 55px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 1;}	
	
}


@media screen and (max-width: 880px){
	.newsLeft {width: 100%; float: left; margin-bottom: 30px;}
	.newsRight {display: none;}	
	.party .textcon:hover .tit { color: #333; padding-top: 0px;}
	.party .textcon .info .btn {width: 30px; height: 30px; text-indent: -9999px; display: block; background: url(../images/caseBtn.png) no-repeat; position: absolute;
	opacity: 0; right: 0; bottom: 0;}
}


@media screen and (max-width: 768px){
	.nyban {width: 100%; min-height: 240px;}
	
	.sdyscon .textcon .tit { color: #fff; font-size: 15px;}
	.sdyscon .textcon .txt { color: #eee; font-size: 12px;}
	
	.contactMain .con .aboutcon .item_info .aboutimg {margin: 10px 0 2% 0; width: 100%; min-height: 200px; background: 0;}
	.contactMain .con .aboutcon .item_info .aboutimg img {margin: 0; width: 100%; height: auto;}
	.contactMain .con .aboutcon .item_info .aboutimg .video {margin: 0; width: 100%;}
	.ldgh li {width: 100%; height: auto; position: relative; float: left;}
	.ldgh li .L1 {float: left; width: 100%; height: auto; padding: 0 0 20px 0;}
	.ldgh li .R1 {float: left; width: 100%; height: auto; position: relative;}
	.ldgh li .R1 img {width: 100%;}
	.ldgh li .L2 {float: left; width: 100%; height: auto; padding: 0 0 20px 0;}
	.ldgh li .R2 {float: left; width: 100%; height: auto; position: relative;}
	.ldgh li .R2 img {width: 100%;}
	
	.ldgh li .L1 .tit {color: #333; margin: 10px 20px 0 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
	.ldgh li .L1 .txt {color: #666; margin: 0 20px 0 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
	.ldgh li .L2 .tit {color: #333; margin: 10px 0 0 20px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
	.ldgh li .L2 .txt {color: #666; margin: 0 0 0 20px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
	
	.ldgh li:hover .L1 .tit {color: #fff; margin: 10px 40px 0 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
	.ldgh li:hover .L1 .txt {color: #eee; margin: 0 40px 0 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
	
	.ldgh li:hover .L2 .tit {color: #fff; margin: 10px 0 0 40px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
	.ldgh li:hover .L2 .txt {color: #eee; margin: 0 0 0 40px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
	
	.ldgh li:hover .R1 .arrowL {position: absolute; left: 0; top: 55px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0;}
	.ldgh li:hover .R2 .arrowL {position: absolute; right: 0; top: 55px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0;}	
	
	.contactMain .mainL { display: none;}
	.contactMain .mainC { float: left; width: 92%; padding: 0 4%; margin-bottom: 33px; box-shadow: 0 8px 5px  #999;}
	.contactMain .mainR { display: none;}
	
	.contactMain .con .fenl {width: 90%; margin: 0 5%;}
	.contactMain .con .fenl ul li {margin-bottom: 5px; float: left;}
	
}

@media screen and (max-width: 680px){
	.nyban {width: 100%; min-height: 200px;}
	
	.sdyscon .textcon .tit { color: #fff; font-size: 14px;}
	.sdyscon .textcon .txt { color: #eee; font-size: 12px; line-height: 18px;}
	
	.fzlc li .L1 .txt {font-size: 13px; color: #888; line-height: 22px;}
	.fzlc li .L2 .txt {font-size: 13px; color: #888; line-height: 22px;}
	.fzlc li:hover .L1 .txt {font-size: 13px; color: #eee; line-height: 22px; margin-right: 5px; -webkit-transition: all .6s ease; transition: all .6s ease;}
	.fzlc li:hover .L2 .txt {font-size: 13px; color: #eee; line-height: 22px; margin-left: 5px; -webkit-transition: all .6s ease; transition: all .6s ease;}
	.fzlc li:hover .L1 .tit { margin-right: 5px; -webkit-transition: all .6s ease; transition: all .6s ease;}
	.fzlc li:hover .L2 .tit { margin-left: 5px; -webkit-transition: all .6s ease; transition: all .6s ease;}
	
}
@media screen and (max-width: 640px) {
	.sdyscon {width: 100%; height: 320px;}
	.sdyscon .textcon { animation-name: fadeInUp; width: 50%; height: 160px;}
	
	.contactMain .con .aboutcon .listimg { width: 100%; height: auto; float: left;}
	.contactMain .con .aboutcon .listimg img { width: 100%; height: auto;}
	.contactMain .con .aboutcon .list_info {width: 100%; margin: 30px 0 0 0; text-align: justify; float: left;}	
	
	.honor .textcon { animation-name: fadeInUp; width: 45%; height: auto; position: relative;  float: left; margin: 0 2.5% 4%;}
	
	.qycase .textcon { animation-name: fadeInUp; width: 46%; height: auto; position: relative;}
	.qycase li { float: left; margin: 0 2% 4%;}
	
	.fzlc li {height: 280px;}
	.fzlc li .L1 {float: left; width: 96%; margin-right: 4%; height: 120px;}
	.fzlc li .R1 {float: left; width: 100%; height: 160px; position: relative;}
	.fzlc li .L2 {float: left; width: 96%; margin-left: 4%; height: 120px;}
	.fzlc li .R2 {float: left; width: 100%; height: 160px; position: relative;}
	
	.fzlc li .R1 .year { font-size: 32px; position: absolute; left: 32%; top: 25px;}
	.fzlc li .R1 .month { font-size: 14px; position: absolute; left: 32%; top: 60px;}
	.fzlc li .R2 .year { font-size: 32px; position: absolute; right: 32%; top: 25px;}
	.fzlc li .R2 .month { font-size: 14px; position: absolute; right: 32%; top: 60px;}
	
	.qyyw .textcon { animation-name: fadeInUp; width: 33.33%; height: 100%; position: relative;}
	
	.newsWrap .newscon .textcon { animation-name: fadeInUp; width: 45%; height: auto; position: relative;}
	.newsWrap .newscon li {float: left; margin: 0 2.5% 60px;}
	
	.party .textcon { margin-bottom: 0; padding-bottom: 0; border-bottom: #eee solid 1px; position: relative;}
	.party .textcon .img {display: none;}
	.party .textcon .info {float: left; width: 100%; position: relative;}
	
	.newsLeft .title span {display: block; font-size: 18px; line-height: 30px;}
	.newsLeft .title span.time-cen {display: block; font-size: 14px; line-height: 30px;}
	
	.zp-title span {float: left; text-indent: 20px;}
	.zp-title span:nth-child(1), .zp-list li span:nth-child(1){ width: 40%;}
	.zp-title span:nth-child(2), .zp-list li span:nth-child(2){ width: 30%;}
	.zp-title span:nth-child(3), .zp-list li span:nth-child(3){ width: 30%;}
	
}


@media screen and (max-width: 480px) {
	.guide {display: none;}
	.newsWrap .newscon .textcon { animation-name: fadeInUp; width: 90%; height: auto; position: relative;}
	.newsWrap .newscon li {float: left; margin: 0 5% 60px;}
	
	.nyban {width: 100%; min-height: 200px;}
	
	.qyyw .textcon .item_info .tit { color: #333; font-size: 16px; }
	.qyyw .textcon .item_info.top .tit { color: #333; font-size: 16px; }
	
	.qycase .textcon { animation-name: fadeInUp; width: 92%; height: auto; position: relative;}
	.qycase li { float: left; margin: 0 4% 4%;}
	
	.fzlc li .R1 .year { font-size: 32px; position: absolute; left: 20%; top: 35px;}
	.fzlc li .R1 .month { font-size: 14px; position: absolute; left: 20%; top: 70px;}
	.fzlc li .R2 .year { font-size: 32px; position: absolute; right: 20%; top: 35px;}
	.fzlc li .R2 .month { font-size: 14px; position: absolute; right: 20%; top: 70px;}
	.fzlc li .point { position: absolute; left: 50%; top: 155px; margin-left: -10px;}
	.hidden {display: block;}
	.case_category {display: none;}
	
}

/*内页自适应区域*/






/*首页与公共部分*/

/*自适应1140*/

@media screen and (max-width: 1140px){
	.head .logo {width: 38%;}
	.head .logo img {width: 100%; height: auto;}
	#header {width: 62%;}
	.nav {width: 100%;}
	.nav li {width: 12.5%; padding: 0;}
	.case_category {padding-right: 30px;}
	
	.contactus .contactcon .infoul {width: 50%; background: rgba(255,255,255,1); padding: 0 0 30px; float: right;}
	.contactus .contactcon .infoul .inputtxt { width: 89%; margin: 20px 5% 0 5%;}
	.contactus .contactcon .infoul .textarea { width: 89%; margin: 10px 5% 0 5%;}
	.contactus .contactcon .infoul .submit {width: 89%; margin: 10px 5% 0 5%; cursor: pointer;}
	
	
}

@media screen and (max-width: 960px){	
	.nav {width: 100%; height: 49px; line-height: 49px; margin: 0 auto;}
	.nav li {width: 12.5%; padding: 0;}
	.nav li a {font-size: 13px;}
	
	.aboutus {width: 100%; background: url(../images/aboutBg.jpg) no-repeat; background-position: center bottom; padding: 60px 0 60px;}
	.aboutus .aboutcon {max-width: 960px; height: 240px; background: rgba(15,93,157,1); position: relative;}
	.aboutus .aboutcon .textcon {height: 300px; overflow: hidden;}
	.aboutus .aboutcon .textcon .item_info {margin-top: 10px; height: 240px; overflow: hidden;}
	.aboutus .aboutcon .textcon .btn {position: absolute; bottom: -10px; opacity: 0; left: 40px;}
	.aboutus .aboutcon .textcon:hover .btn {bottom: 10px; opacity: 1;-webkit-transition: all .6s ease; transition: all .6s ease;}
	.container_category {padding-right: 30px;}
/*	.case_category {width: 70%; height: 52px; float: right; padding: 0; margin: 70px 2% 0; overflow: hidden;}*/
	
	.xwcon {margin: 0 4%; width: 92%;}
	.alcon {margin: 0 4%; width: 92%;}
	.ywcon {margin: 0 4%; width: 92%;}	
	
	.case_category {padding-top: 25px; float: left;}	

}


@media screen and (max-width: 860px){
	.aboutus {width: 100%; background: url(../images/aboutBg.jpg) no-repeat; background-position: center bottom; height: auto; padding: 60px 0 80px;}
	.aboutus .aboutcon {max-width: 860px; height: auto; background: rgba(15,93,157,1); margin: 80px auto 0 auto; position: relative;}
	.aboutus .aboutcon .aboutimg { float: none !important; margin: -50px auto 0; width: 96% !important;}
	.aboutus .aboutcon .aboutimg img{ width: 100%;}
	.aboutus .aboutcon .textcon {float: none !important; width: 96%;}
	.aboutus .aboutcon .textcon .item_info {margin-top: 17px; }	
	.aboutus .aboutcon .textcon .btn {position: absolute; bottom: 30px; opacity: 0; left: 40px;}
	.aboutus .aboutcon .textcon:hover .btn {bottom: 50px; opacity: 1;-webkit-transition: all .6s ease; transition: all .6s ease;}
}

@media screen (min-width: 769px) and (max-width: 860px) {
	.ywcon { animation-name: fadeInUp; width: 100%; height: 410px !important; position: relative;}
	.ywcon .img {width: 100%; height: 360px !important; overflow: hidden;}
	.ywcon .img img {width: 100%; height: 360px !important; transition: all 0.6s;}
	.ywcon .img.bottom {width: 100%; height: 360px !important; overflow: hidden; position: absolute; bottom: 0;}	
	.ywcon .item_info1 {width: 100%; height: 320px !important;}
	.ywcon:hover .item_info1 {width: 90%; height: 320px !important; margin: 4.8%;}
}



@media screen and (max-width: 540px){
	.aboutus .aboutcon .textcon {float: none !important; width: 96%;}
	.aboutus .aboutcon .textcon .item_info {margin-top: 17px; }	
	.aboutus .aboutcon .textcon .btn {position: absolute; bottom: 0px; opacity: 0; left: 0px;}
	.aboutus .aboutcon .textcon:hover .btn {bottom: 20px; opacity: 1;-webkit-transition: all .6s ease; transition: all .6s ease;}
	
	.aboutus .aboutcon .textcon:hover .item_info {padding: 0; -webkit-transition: all .6s ease 0s;	transition: all .6s ease 0s;}
	.aboutus .aboutcon .textcon .bdr:before {opacity: 0; transition: all .3s ease; width: 0; height: 1px; left: 0; }
	.aboutus .aboutcon .textcon .bdr:hover::before {opacity: 1; width: 0%; left: 0;}
	
	
}


@media screen and (max-width: 880px){
	.head .logo {width: 450px; margin-left: 10px;}
	.head .logo img {width: 100%; height: auto;}
	.a1 {display: block; margin-right: 10px;}
    .a2 {display: none;}	
	.aboutus .header {width: 15%;}
	.newsus .header {width: 15%;}
	.ysus .header {width: 15%;}
	.caseus .header {width: 15%;}
	.business .header {width: 15%;}
	.dqus .header {width: 15%;}
	.linkus .header {width: 15%;}	
	.linkus .rhead {margin-right: 0; padding-right: 10px; width: 50%;}
	.contactus .header {width: 15%;}
}


@media screen and (max-width: 820px){
	.linkus {width: 100%; background: #fcfcfc; height: 460px; position: relative;}
	.linkus .rhead {float: left; color: #555; width: 15%; font-size: 24px; padding: 60px 0 0px; text-align: right; border-bottom: #f0f0f0 solid 1px; position: absolute; top: 220px; left: 0;}
	.linkus .linkcon {max-width: 1200px; margin: 20px auto 0 auto; position: relative;}
	.linkus .linkcon .linkbdr {width: 96%; margin: 2%;}
	
	.model-select-box { width: 48%; height: 40px; line-height: 40px; border: 1px solid #ddd; float: left; margin: 0 2% 20px 0; text-indent: 10px; position: relative; }
	.model-select-text { height: 40px; background: url(../img/xl_img.png) no-repeat 93% center;}
	
	#model-select { width: 46%; height: 40px; line-height: 40px; border: #ddd solid 1px; float: left; margin: 0 1% 20px 1%;;
background: url(../img/xl_img.png) no-repeat 93% center; cursor: pointer; 
-moz-user-select: none; -webkit-user-select: none; user-select: none; font-size: 14px; color: #666;
}
	
	.linkbdr div:nth-child(2), .linkbdr div:nth-child(4) {margin-right: 0;}
	.linkus .linkcon .linkul {width: 96%; float: left; margin: 2%; position: absolute; top: 220px;}

}

/*自适应768*/

@media screen and (max-width: 768px){
	
	.aboutus .aboutLogo {position: absolute; right: 0px; bottom: 10px;}
	.module.mcounter ul.content_list {height: auto; width: 100%;}
	.module.mcounter ul.content_list li {float: left; height: 108px; text-align: center; width: 50%;}
	.module.mcounter ul.content_list li:nth-child(2) div {border-right: medium none;}
	
	.ysus .yscon {width: 100%; background: #0f5d9d; height: 400px; margin: 40px 0 0; position: relative;}
	.ysus .yscon .ysbdr {max-width: 1200px; margin: 0 auto;}
	.ysus .yscon .textcon { width: 50%; height: 200px; position: relative; background: url(../images/line1.png) no-repeat right center;}
	.ysus .yscon li { float: left;}
	.ysus .yscon li:nth-child(2) {background: none;}
	
	/*.contactus {width: 100%; background: url(../images/footerBg.jpg) repeat-y center; height: 900px;}*/
	.contactus #contactinfo {padding-top: 15px}
	.contactus .contactcon .infobdr {width: 96%; float: left;}
	.contactus .contactcon .infobdr h3 {font-size: 24px;}
	.contactus .contactcon .infoul {width: 100%; float: left; margin: 50px 0;}
	.contactus .contactcon .infoul .inputtxt { width: 90%; margin: 20px 5% 0;}
	.contactus .contactcon .infoul .textarea { width: 90%; margin: 10px 5% 0;}
	.contactus .contactcon .infoul .submit {width: 90%; margin: 30px 5% 0; cursor: pointer;}
	
}



@media screen and (max-width: 700px){
	.aboutus .header {width: 20%;}
	.newsus .header {width: 20%;}
	.ysus .header {width: 20%;}
	.caseus .header {width: 20%;}
	.business .header {width: 20%;}
	.dqus .header {width: 20%;}
	.linkus .header {width: 20%;}	
	.linkus .rhead {width: 20%; margin-right: 0;}
	.contactus .header {width: 20%;}
}

@media screen and (max-width: 768px){
	.aboutus .header {padding-bottom: 10px;}
	.newsus .header {padding-bottom: 10px;}
	.ysus .header {padding-bottom: 10px;}
	.caseus .header {padding-bottom: 10px;}
	.business .header {padding-bottom: 10px;}
	.dqus .header {padding-bottom: 10px;}
	.linkus .header {padding-bottom: 10px;}
	.linkus .header {padding-bottom: 10px;}
	.linkus .rhead {padding-bottom: 10px;}
	.contactus .header {padding-bottom: 10px;}
	
	.aboutus .header .subtitle {display: none}
	.newsus .header .subtitle {display: none}
	.ysus .header .subtitle {display: none}
	.caseus .header .subtitle {display: none}
	.business .header .subtitle {display: none}
	.dqus .header .subtitle {display: none}
	.linkus .header .subtitle {display: none}
	.linkus .rhead .subtitle {display: none}
	.contactus .header .subtitle {display: none}
	
	.case_category {display: none;}
	.container_category {display: none;}
	.hidden {display: block; float: right; padding-top: 0;}
}

@media screen and (max-width: 640px){
	
	.content {padding: 0 0 30px;}
	.dqus .dqcon .dqbdr {width: 96%; position: relative; margin: 0 2%;}
	.dqus .dqcon .dqul {width: 96%; margin: 4% 2% 0;}
	.linkus {float: left; width: 100%;}
		
}

@media screen and (max-width: 480px) {
	.aboutus .header {width: 30%;}
	.newsus .header {width: 30%;}

	#sy-xwlist { padding: 30px 0 40px 0 !important;}
	#sy-xwlist1 { padding: 30px 0 40px 0 !important;}
	#sy-xwlist2 { padding: 30px 0 40px 0 !important;}
	.ysus .header {width: 30%;}
	.caseus .header {width: 30%;}
	.business .header {width: 30%;}
	.dqus .header {width: 30%;}
	.linkus .header {width: 30%;}	
	.linkus .rhead {margin-right: 0; width: 30%;}
	.contactus .header {width: 30%;}
/*	.caseus {width: 100%; height: 780px;}*/
	
	/*.aboutus {width: 100%; background: url(../images/aboutBg.jpg) no-repeat; background-position: center bottom; height: 750px;}*/
	.aboutus .aboutcon .textcon .item_info {height: 320px;}
	.aboutus .aboutcon .textcon .btn {position: absolute; bottom: 0px; opacity: 0; left: 0px;}
	.aboutus .aboutcon .textcon:hover .btn {bottom: 60px; opacity: 1;-webkit-transition: all .6s ease; transition: all .6s ease;}
	.aboutus .aboutcon .textcon .tit {margin: 10px 0; font-size: 20px;}
	
	
	.slide-title span {float: left; text-indent: 20px;}
	.slide-title span:nth-child(1), .slide-list li span:nth-child(1){ width: 40%;}
	.slide-title span:nth-child(2), .slide-list li span:nth-child(2){ width: 30%;}
	.slide-title span:nth-child(3), .slide-list li span:nth-child(3){ width: 30%;}
	.xwcon {margin: 0 2%; width: 96%;}
	
	
	.business .casecon {max-width: 480px; height: 400px; margin: 40px auto 20px; position: relative;}
	.business .casecon .textcon { animation-name: fadeInUp; width: 100%; height: 400px; position: relative;}
	.business .casecon .textcon .img {width: 100%; height: 300px; overflow: hidden;}
	.business .casecon .textcon .img.bottom {width: 100%; height: 300px; overflow: hidden; position: absolute; bottom: 0;}
	.business .casecon .textcon .item_info1 {width: 100%; height: 360px; margin: 0px; background: none; border: 0; position: absolute; top: 0; z-index: 999;}

	.business .casecon .textcon:hover .item_info1 {width: 100%; height: 360px; margin: 9px; background: none; border: #999 solid 1px; position: absolute; top: 0; z-index: 999; -webkit-transition: all .6s ease; transition: all .6s ease;}
	
    /*hj-xg*/
    .contactMain .con .infoL {width:100%;}
    .contactMain .con .infoul {width:100%;}
	
}

@media screen and (max-width: 540px){
	.head {height: 60px;}
	.head .logo {width: 80%; height: 50px; margin-top: 10px;}
	.head .logo img {width: 100%; height: auto;}
	.notice {font-size: 12px;}
	#fot {font-size: 12px;}
	
	.contactus .contactcon .infobdr h3 {font-size: 20px;}
}
@media screen and (max-width: 480px){
	/*.aboutus {height: 660px;}*/
	#fot .con {font-size: 12px; line-height: 18px; padding: 3px 20px 0 20px;}
}


@media screen and (max-width: 320px){
	
}
a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
}

a{blr: expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/

@media screen and (max-width: 767px){
body .Mtime .prev {width: 30px; height: 60px; background: url(../images/case_prev1-1.png); position: absolute; left: 0; bottom: 0; z-index: 999;}
.Mtime .prev:hover {width: 60px; height: 60px; background: url(../images/case_prev2.png);}
body .Mtime .next {width: 30px; height: 60px; background: url(../images/case_next1-1.png); position: absolute; right: 0; bottom: 0; z-index: 999;}
.Mtime .next:hover {width: 60px; height: 60px; background: url(../images/case_next2.png);}
}