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

textarea {font-family: 'Microsoft Yahei'; font-size: 14px; line-height: 24px; text-indent: 5px; border-radius: 3px; color: #666;}
.ml30 {margin-left: 30px;}
.tcen { text-align: center !important; margin: 0 !important; line-height: 24px;}
.full {color: #666;}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ opacity: 1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */  opacity: 1; }
input:-ms-input-placeholder { opacity: 1; }
input::-webkit-input-placeholder { opacity: 1; }


.nyban {width: 100%; min-height: 200px; 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);}

.contactMain {max-width: 1200px; margin: 0 auto; height: auto;}

.contactMain .header {float: left; color: #666;	width: 100%; text-align: left; margin-bottom: 10px;	border-bottom: #f0f0f0 solid 1px; position: relative;}
.contactMain .header .title { color: #666;  font-size: 22px;  margin: 30px 0 10px 0; font-weight: 300; border-left: #da251d 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: #666;}
.contactMain .header .guide a:hover {color: #da251d;}


.contactMain .con {width: 100%; float: left; padding-top: 20px; padding-top: 0;}
.contactMain .fenl {width: 100%; margin: 30px auto 0;}
.contactMain .fenl ul {width: 100%;}
.contactMain .fenl ul li a {padding: 0 20px; line-height: 48px; color: #333; background: #f0f0f0; margin-right: 10px; float: left; font-size: 16px;}
.contactMain .fenl ul li a:hover {padding: 0 20px; line-height: 48px; color: #fff; background: #da251d; background: url(../img/menuBg.png) center center no-repeat;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
.contactMain .fenl ul li a.act {padding: 0 25px; line-height: 48px; color: #fff; background: #da251d;background: url(../img/menuBg.png) center center no-repeat;}


/*---市场页面样式---*/

.sc {max-width: 1200px; height: auto; margin: 20px auto 0;}
.sc .scul {width: 100%; max-width: 1200px; min-height: 500px;}
.sc .scul ul {display: block; list-style-type: none; padding: 0; margin: 0; max-width: 1200px; min-height: 400px;}

.sc .scul ul li {display: block; float: left; width: 23%; height: 210px; margin: 0 1% 20px 1%; border: #f0f0f0 solid 1px; border-bottom: none; box-sizing: border-box;}
.sc .scul ul li a {width: 100%; height: 210px; position: relative; display: block; background: #fff;}
.sc .scul ul li a img { position: absolute; width: 100px; height: 100px; left: 50%; top: 30px; margin-left: -50px;}
.sc .scul ul li a h5 { background-color: rgba(255,255,255,1); font-size: 16px; font-weight: normal; height: 50px; width: 100%; line-height: 50px; text-align: center; color: #333; position: absolute; top: 160px; border: #fff solid 1px; margin-left: -1px; border-top: #f0f0f0 solid 1px;}

.sc .scul ul li a:hover img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.sc .scul ul li a:hover {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: #da251d;
}

.sc .scul ul li:hover {
	-webkit-box-shadow: 0 0 15px rgba(204, 204, 204, .5);  
	-moz-box-shadow: 0 0 15px rgba(204, 204, 204, .5);  
    box-shadow: 0 0 15px rgba(204, 204, 204, .5);
}

.market { max-width: 1200px; height: auto; margin: 0 auto;}
.submenu {float: left; width: 100%; min-height: 100px; display: block;}
.submenu ul {display: block; width: 100%; height: 100px;}
.submenu ul li {float: left; width: 12.5%; height: 100px; background: url(../img/rLine.gif) right center no-repeat; display: block;}
.submenu ul li:last-child {background: none;}
.submenu ul li a {width: 100%; height: 100px; position: relative; display: block;}
.submenu ul li a img { position: absolute; width: 54px; height: 54px; left: 50%; top: 10px; margin-left: -27px;}
.submenu ul li a h5 { font-size: 16px; font-weight: normal; height: 50px; width: 100%; line-height: 50px; text-align: center; color: #333; position: absolute; top: 50px;}
.submenu ul li a.act {background: url(../img/menuBg.png) center center no-repeat;}
.submenu ul li a.act h5 {color: #fff; font-size: 18px;}
.submenu ul li a.act data-img-hover {}
.submenu ul li a:hover h5 {color: #fff;}
.submenu ul li a:hover img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.submenu ul li a:hover {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
}

.submenu ul li:hover {background: url(../img/menuBg.png) center center no-repeat; }


.cpmenu {width: 100%; min-height: 80px;}
.cpmenu ul {display: block; width: 100%; height: 80px;}
.cpmenu ul li {float: left; width: 20%; height: 80px; background: url(../img/rLine.gif) right center no-repeat; }
.cpmenu ul li:last-child {background: none;}
.cpmenu ul li a {width: 100%; height: 80px; display: block; text-align: center; line-height: 80px; color: #333; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.cpmenu ul li a.act {background: url(../img/menuBg.png) center center no-repeat; font-size: 18px; color: #fff;}
.cpmenu ul li a:hover {background: url(../img/menuBg.png) center center no-repeat; color: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


/*--内页市场列表开始--*/
.contactMain .con strong {color: #333; font-size: 14px;}
.contactMain .con p {color: #666; font-size: 14px; line-height: 30px;}
.contactMain .con .licon {max-width: 1200px; padding: 40px 0 20px 0;}
.contactMain .con h3 { padding: 0 0 20px 0; font-weight: normal;}
.licon .info {float: left; width: 100%; border-bottom: #f0f0f0 solid 1px; margin-bottom: 30px;}

.licon .listimg { width: 47%; height: auto; float: left;}
.licon .listimg img { float: left; width: 100%; height: auto; display: block;}
.licon .listimg .txt {float: left; width: 100%; height: 60px; line-height: 60px; text-align: center; display: block; color: #666;}

.licon .listv {width: 47%; float: right;}
.licon .listv img { float: left; width: 100%; height: auto; display: block;}
.licon .listv .txt {float: left; width: 100%; height: 60px; line-height: 60px; text-align: center; display: block; color: #666;}
.licon a:hover .txt{color: #f00;}



.market .content {width: 100%; max-width: 1200px; margin: 30px auto; margin: 0 auto 30px; display: block; float: left;}
.market .content .tit {width: 100%; font-size: 24px; text-align: center; line-height: 30px; color: #333; font-weight: 500;}
.market .content .time {width: 100%; font-size: 14px; text-align: center; line-height: 30px; color: #999; font-weight: 400; border-bottom: #f0f0f0 solid 1px;}
.market .content p {width: 100%; line-height: 30px; font-size: 16px; color: #333; padding: 20px 0 0 0; display: block; float: left;}
.market .content p span {line-height: 30px; text-align: center;}
.market .content p img {}
.market .content p.p14 {width: 100% !important; font-size: 14px; color: #666; float: left; text-align: justify;}

.market .sub {width: 100%; height: 40px; line-height: 40px; background: #f2f2f2; margin-top: 20px; float: left;}
.market .sub .title {width: 12%; height: 40px; line-height: 40px; font-size: 18px; background: #da251d; color: #fff; display: block; text-indent: 15px; font-weight: 400;}


.products {width: 100%; margin-bottom: 30px;}
.products ul {width: 100%; float: left; margin-top: 40px;}
.products ul li {float: left; width: 31%; margin: 0 1.16% 2%; overflow: hidden;}
.products ul li a {color: #333;}
.produtts ul li .img {width: 100%; height: auto; overflow: hidden;}
.products ul li .img img {width: 100%; height: auto; position: relative;}
.products ul li:hover .img img {transform: scale(1.1); -webkit-transition: all .6s ease; transition: all .6s; top: -10px;}
.products ul li span {width: 100%; height: 40px; line-height: 40px; text-align: center; display: block; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px;}
.products ul li a:hover span {color: #f00;}

.content .infoul {width: 100%; min-height: 220px; float: left;}
.content .infoul li { margin: 2% 3.5% 0 0; width: 31%; float: left;}
.content .infoul li:nth-child(3) {margin-right: 0;}
.content .infoul .inputtxt {margin-bottom: 10px; color: #333; line-height: 40px; width: 100%; border: none; background: none; border-bottom: #ccc solid 1px; text-indent: 10px;}
.content .infoul .textarea {line-height: 30px; width: 100%; border: none; background: none; border-bottom: #ccc solid 1px; height: 93px; margin-bottom: 10px; font-size: 14px; color: #333; font-family: 'Microsoft Yahei'; text-indent: 10px;}
.content .infoul .submit {color: #fff; line-height: 40px; width: 100%; background: #6c6c6c; cursor: pointer; border-radius: 3px; border: #6c6c6c solid 1px; -webkit-transition: all .6s; transition: all .6s; opacity: 1; font-size: 16px;}
/*.contactus .contactcon .infoul .submit:hover {color: #333; background: #fff; -webkit-transition: all .6s ease; transition: all .6s ease;}*/

.content .infoul .btn {
  background: #6c6c6c;
  background: -webkit-linear-gradient(left, #6c6c6c, #6c6c6c) no-repeat;
  background: linear-gradient(to right, #6c6c6c, #6c6c6c) no-repeat;
  background-size: 100% 100%;
}
.content .infoul .btn:hover { background-size: 0% 100%; color: #333;}

/*--内页市场列表结束--*/

/*--内页新闻样式开始--*/

.newscon {width: 100%; max-width: 1080px; margin: 0 auto;}

.newsmenu {width: 60%; min-height: 80px; margin: 0 auto;}
.newsmenu ul {display: block; width: 100%; height: 80px;}
.newsmenu ul li {float: left; width: 33.3%; height: 80px; background: url(../img/rLine.gif) right center no-repeat;}
.newsmenu ul li:last-child {background: none;}
.newsmenu ul li a {width: 100%; height: 80px; display: block; text-align: center; line-height: 80px; color: #333; font-size: 16px;}
.newsmenu ul li a.act {background: url(../img/menuBg.png) center center no-repeat; font-size: 18px; color: #fff;}
.newsmenu ul li a:hover {background: url(../img/menuBg.png) center center no-repeat; color: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.newscon .imgnews {width: 100%; max-width: 1080px; position: relative; margin: 40px auto 20px;}
.newscon .imgnews .img {float: left; width: 46%; height: auto; overflow: hidden;}
.newscon .imgnews .img img {width: 100%; transition: all 0.6s;}
.newscon .imgnews .textcon {float: right; width: 50%;}
.newscon .imgnews .textcon .tit { color: #e66211; font-size: 18px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%;}
.newscon .imgnews .textcon .time { color: #999; font-size: 16px; line-height: 20px; font-family: HELVETICANEUELTPRO-THEX; text-align: right; margin-top: -40px;}
.newscon .imgnews .textcon .txt { color: #666; font-size: 14px; line-height: 24px; width: 100%; margin: 20px 0 0; padding-top: 10px; height: 140px; overflow: hidden; border-top: #ccc solid 1px;}
.newscon .imgnews:hover .img img {transform: scale(1.1);}
.newscon .imgnews:hover .tit {color: #000;}

.line {float: left; height: 30px; width: 100%; display: block;}

.newslist {width: 100%; max-width: 1080px; margin: 0 auto;}
.newslist li {float: left; width: 100%; border-bottom: #ddd solid 1px; min-height: 130px; overflow: hidden; }
.newslist li:last-child {margin-right: 0;}

.newslist .textcon .tit { color: #e66211; font-size: 16px; padding-top: 10px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80%;}
.newslist .textcon .time { color: #999; font-size: 16px; line-height: 20px; font-family: HELVETICANEUELTPRO-THEX; text-align: right; margin-top: -40px;}
.newslist .textcon .txt { color: #666; font-size: 14px; line-height: 24px; width: 100%; margin: 25px 0; height: 50px; overflow: hidden;}

.newslist .textcon:hover .tit {color: #333; font-weight: bold;}
.newslist .textcon:hover .txt {color: #333; width: 100%; -webkit-transition: all .6s ease; transition: all .6s ease;}
.newslist .textcon:hover {
	padding: 0 20px 0 20px;
	margin-left: -20px;
	margin-right: -20px;
	border-bottom: none; 
	-webkit-box-shadow: 0 0 15px rgba(204, 204, 204, .5);  
	-moz-box-shadow: 0 0 15px rgba(204, 204, 204, .5);  
    box-shadow: 0 0 15px rgba(204, 204, 204, .5);
}


.newscon .content {width: 100%; max-width: 1200px; margin: 30px auto; display: block;}
.newscon .content .tit {width: 100%; font-size: 24px; text-align: center; line-height: 30px; color: #333; font-weight: 500;}
.newscon .content .time {width: 100%; font-size: 14px; text-align: center; line-height: 30px; color: #999; font-weight: 400; border-bottom: #f0f0f0 solid 1px;}
.newscon .content p {width: 100%; line-height: 28px; font-size: 16px; color: #333; padding: 8px 0 0 0; display: block;}
.newscon .content p span {display: block; line-height: 30px; text-align: center;}
.newscon .content p img { display: block; margin: 0 auto;}
.newscon .content p.p14 {width: 100% !important; font-size: 14px; color: #666;}


.newscon .sub {width: 100%; height: 40px; line-height: 40px; margin-top: 20px; border-bottom: #ccc solid 1px;}
.newscon .sub .title {width: 12%; height: 40px; line-height: 40px; font-size: 18px; color: #333; display: block; font-weight: 400;}

.parHd {position: absolute; right: 0; top: 238px !important; z-index: 99;}

.flBdr {width: 80px;}
.flBdr .fy {float: left; width: 10px; height: 10px; margin-right: 10px; background: #b7b7b7; text-indent: -9999px; font-size: 0;}
.flBdr .fy.act {width: 10px; height: 10px; background: #da251d; text-indent: -9999px; font-size: 0;}

/*--内页新闻样式结束--*/


/*--走进宏正样式开始--*/
.aboutmenu {width: 100%; min-height: 80px;}
.aboutmenu ul {display: block; width: 100%; height: 80px;}
.aboutmenu ul li {float: left; width: 11.11%; height: 80px; background: url(../img/rLine.gif) right center no-repeat;}
.aboutmenu ul li:last-child {background: none;}
.aboutmenu ul li a {width: 100%; height: 80px; display: block; text-align: center; line-height: 80px; color: #333; font-size: 16px;}
.aboutmenu ul li a.act {background: url(../img/menuBg.png) center center no-repeat; font-size: 18px; color: #fff;}
.aboutmenu ul li a:hover {background: url(../img/menuBg.png) center center no-repeat; color: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


.js {font-size: 16px; line-height: 30px; color: #666; width: 46%; float: left; padding-top: 20px;}
.p16 {font-size: 16px !important; color: #666 !important;}
.p163 {font-size: 16px !important; color: #333 !important;}
.p183 {font-size: 18px !important; color: #333 !important;}

.p16f {font-size: 16px !important; color: #da251d !important;}
.p18f {font-size: 18px !important; color: #da251d !important;}
.p20f {font-size: 20px !important; color: #da251d !important; padding-top: 0 !important;}


.video {width: 100%; margin-bottom: 30px;}
.video ul {width: 100%; float: left; margin-top: 40px;}
.video ul li {float: left; width: 48%; margin: 0 4% 2% 0; overflow: hidden;}
.video ul li:nth-child(2n) {float: left; width: 48%; margin-right: 0;}
.video ul li a {color: #333;}
.video ul li .img {width: 100%; height: auto; overflow: hidden;}
.video ul li .img img {width: 100%; height: auto; position: relative;}
.video ul li:hover .img img { -webkit-transition: all .6s ease; transition: all .6s; opacity: 0.7;}
.video ul li span {width: 100%; height: 40px; line-height: 40px; text-align: center; display: block; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px;}
.video ul li a:hover span {color: #f00;}


/*-- 领先技术开始 --*/
.tech {float: left; width: 100%; background: #f9f9f9; margin: 10px 0 0 0;}
.tech .title {font-size: 24px; font-weight: bold; color: #ff7200; padding: 40px 0 20px 40px;}
.tech .text {font-size: 16px; font-weight: normal; color: #666; padding: 0 0 20px 40px;}

.ldgh {width: 100%; background: #fff; float: left; margin-bottom: 30px;}
.ldgh li {width: 100%; height: 220px; 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: justify; width: 92%; float: right; margin: 20px 0 0 0;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold;}
.ldgh li .L1 .txt {font-size: 14px; color: #888; line-height: 28px; text-align: justify; width: 92%; float: right; padding-top: 0;}

.ldgh li .R1 {float: right; width: 50%; height: 220px; 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: 220px;}
.ldgh li .L2 .tit {font-size: 16px; color: #333; line-height: 50px; text-align: justify; width: 92%; margin: 20px 0 0 0;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold;}
.ldgh li .L2 .txt {font-size: 14px; color: #888; line-height: 28px; text-align: justify; width: 92%; padding-top: 0;}

.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: #ff7200; -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: #fff; 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;}

/*-- 领先技术结束 --*/


/*--走进宏正样式结束--*/




/*--联系我们样式开始--*/

.lxmenu {width: 100%; min-height: 80px; margin: 0 auto;}
.lxmenu ul {display: block; width: 100%; height: 80px;}
.lxmenu ul li {float: left; width: 33.33%; height: 80px; background: url(../img/rLine.gif) right center no-repeat;}
.lxmenu ul li:last-child {background: none;}
.lxmenu ul li a {width: 100%; height: 80px; display: block; text-align: center; line-height: 80px; color: #333; font-size: 16px;}
.lxmenu ul li a.act {background: url(../img/menuBg.png) center center no-repeat; font-size: 18px; color: #fff;}
.lxmenu ul li a:hover {background: url(../img/menuBg.png) center center no-repeat; color: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*--联系我们样式结束--*/

.contactMain .con .infoL {width: 43%; float: left;}
.contactMain .con .infoL .tit { color: #333; font-size: 18px; line-height: 30px; padding: 20px 0 10px;}
.contactMain .con .infoL .txt { color: #666; font-size: 14px; line-height: 24px;}

.contactMain .con .infoul {width: 52%; background: rgba(255,255,255,1); float: right;}
.contactMain .con .infoul .tit { color: #333; font-size: 18px; line-height: 30px; padding: 20px 0 10px;}
.contactMain .con .infoul .txt { color: #666; font-size: 14px; line-height: 24px;}


.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;}



.page {width: 100%; height: 40px; margin: 10px 0 40px 0; float: left;}
.page ul {float: left;}
.page ul li {width: auto; height: 30px; line-height: 30px; text-align: center; color: #666; float: left; margin:  0 10px 0 0; font-family: Helvetica, sans-serif; font-size: 14px;}

.page ul .first {width: 70px; height: 30px; font-size: 14px; margin: 0 10px 0 0; line-height: 30px;}
.page ul .first:hover {width: 70px; height: 30px;}
.page ul .last {width: 70px; height: 30px; font-size: 14px; margin: 0; line-height: 30px;}
.page ul .last:hover {width: 70px; height: 30px;}


.page ul li a {color: #666; display: inline-block; padding: 0 10px; border-radius: 3px; border: #e9e9e9 solid 1px; background: #fff;}
.page ul li a:hover {color: #fff; border-radius: 3px; border: #da251d solid 1px; background: #da251d;}
.page ul li a.act {width: 30px; height: 30px; line-height: 30px; border-radius: 3px; border: #da251d solid 1px; background: #da251d; color: #fff;}

.page ul li span {color: #666; display: inline-block; padding: 0 10px; border-radius: 3px; border: #e9e9e9 solid 1px; background: #fff;}
.page ul li span:hover {color: #fff; border-radius: 3px; border: #da251d solid 1px; background: #da251d;}
.page ul li span.active { height: 30px; line-height: 30px; border-radius: 3px; border: #da251d solid 1px; background: #da251d; color: #fff;}


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


.honor {max-width: 100%; height: auto; margin: 40px auto 40px auto; float: left;}

.honor .textcon { animation-name: fadeInUp; width: 23.5%; height: auto; position: relative;}
.honor li { float: left; margin: 0 2% 2% 0;}
.honor li:nth-child(4n) {margin-right: 0;}
.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; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-weight: normal;}


.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 {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;}

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


/*--人才招聘开始--*/
.hr {}
.hr .title {width: 80%; margin: 0 auto; text-align: center; font-size: 14px; padding: 40px 0 0 0; line-height: 30px; color: #666;}
.hr h3 {width: 100%; padding: 40px 0 30px; text-align: center; font-size: 20px; font-weight: normal; color: #666;}

.hr .name {width: auto; padding-right: 10px; font-size: 18px; color: #666; line-height: 30px;}
.hr .ipt {width: 227px; border: none; border-bottom: #ccc solid 1px; margin-right: 20px; line-height: 30px; font-size: 16px;}
.hr .ipt1 {width: 600px; border: none; border-bottom: #ccc solid 1px; line-height: 30px; font-size: 16px; color: #da251d;}

.tab {width: 1000px; margin: 10px 0;}
.tab .title { background: #999; line-height: 50px;}
.tab .title span {padding: 0 3px 0 15px; color: #fff; font-size: 14px;}
.tab .title .tit {display: block; text-align: center; width: 1000px !important; padding: 0; font-weight: normal; color: #fff;}
.tab .dw {width: 180px; height: 30px; background: #fff; border: none; text-indent: 5px;}
.tab .input {width: 100px; height: 30px; background: #fff; border: none; text-indent: 5px;}

.tab table {width: 1000px; border: #aaa solid 1px;}
.tab table tr {height: 60px;}
.tab table td {border: #999 solid 1px; color: #333;}
.tab table td.tit {width: 240px; font-size: 14px; padding: 0 10px;}
.tab table td .input {margin-left: 10px; margin-right: 10px; height: 36px; background: #fff; border: #555 solid 1px; text-indent: 5px; border-radius: 3px;}

.tab table td.t1 {width: 60px; color: #333; text-align: center; font-size: 14px; padding: 0 10px;}
.tab table td.t2 {width: 210px; color: #333; font-size: 14px; padding: 0 10px;}


.tab table td.one {width: 145px; padding-left: 15px; background: #fafafa; line-height: 24px; font-size: 14px;}
.tab table td.two {width: 420px; text-align: center; background: #fafafa; font-size: 14px;}
.tab table td.three {width: 420px; text-align: center; background: #fafafa; font-size: 14px;}
.tab table td .i480 {margin-left: 10px; margin-right: 10px; width: 400px; height: 36px; background: #fff; border: #555 solid 1px; text-indent: 5px; border-radius: 3px;}

.tab #table {width: 1000px; border: #aaa solid 1px; color: #333; font-size: 14px;}
.tab #table tr {min-height: 60px;}
.tab #table td.b0 {width: 215px; padding-left: 15px; background: #fafafa; line-height: 24px; font-size: 14px;}
.tab #table td.b1 {width: 250px; text-align: center; background: #fafafa;}
.tab #table td.b2 {width: 250px; text-align: center; background: #fafafa;}
.tab #table td.b3 {width: 250px; text-align: center; background: #fafafa;}
.tab #table td .i300 {margin-left: 10px; margin-right: 10px; width: 230px; height: 36px; background: #fff; border: #555 solid 1px; text-indent: 5px; border-radius: 3px;}
.tab #table td .textarea300 {margin-left: 10px; margin-right: 10px; width: 230px; height: 66px; background: #fff; border: #555 solid 1px;}
.tab .ptb10 {padding-top: 10px; padding-bottom: 10px;}


.tab .t_dcb {width: 1000px; border: #aaa solid 1px;}
.tab .t_dcb tr {height: 50px;}
.tab .t_dcb td.c0 {width: 70px; color: #666; text-align: center; background: #fff; font-size: 14px;}
.tab .t_dcb td.c1 {width: 270px; color: #333; padding-left: 20px; background: #fff; font-size: 14px; line-height: 24px; font-weight: bold;}
.tab .t_dcb td.c2 {width: 520px; color: #666; padding-left: 20px; background: #fff; font-size: 14px;}
.tab .t_dcb td.c3 {width: 100px; color: #666; text-align: center; background: #fff;}
.tab .t_dcb td .i180 {margin-left: 10px; margin-right: 10px; width: 80px; height: 26px; background: #fff; border: #555 solid 1px; text-indent: 5px; border-radius: 3px;}

.tab .t_dcb .thr {height: 50px; background: #999}
.tab .t_dcb th {color: #fff !important; border: #999 1px solid; text-align: center; height: 50px !important;}


.tab .t_djb {width: 1000px; border: #aaa solid 1px; background: #f8f8f8; font-size: 14px;}
.tab .t_djb tr {height: 60px;}
.tab .t_djb input {background: #fff; height: 30px; border: #555 solid 1px; text-indent: 5px; border-radius: 3px; color: #666; margin: 0 5%; width: 88%;}
.tab .t_djb select {background: #fff; height: 30px; border: #555 solid 1px; text-indent: 5px; border-radius: 3px; color: #666; margin: 0 5%; width: 88%;}

.tab .sel {background: #fff; height: 30px; border: #555 solid 1px;  border-radius: 3px;}
/*.tab .t_djb td.d0 {width: 120px; color: #333; text-indent: 10px;}
.tab .t_djb td.d1 {width: 380px; color: #333; text-indent: 10px;}
.tab .t_djb td.d2 {width: 120px; color: #333; text-indent: 10px;}
.tab .t_djb td.d3 {width: 140px; color: #333; text-indent: 10px;}
.tab .t_djb td.d4 {width: 100px; color: #333; text-indent: 10px;}
.tab .t_djb td.d5 {width: 140px; color: #333; text-indent: 10px;}
.tab .t_djb td.d6 {width: 200px; color: #333; text-indent: 10px;}
.tab .t_djb td .i90 { width: 90px; height: 30px; background: #fff;}
.tab .t_djb td .i80 { width: 80px; height: 30px; background: #fff;}
.tab .t_djb td .i40 { width: 40px; height: 30px; background: #fff;}
.tab .t_djb td .i50 { width: 50px; height: 30px; background: #fff;}
.tab .t_djb td .i80 { width: 80px; height: 30px; background: #fff;}
.tab .t_djb td .i360 {width: 360px; height: 30px; background: #fff;}*/

/*
.tab .t_djb td.e0 {width: 120px; color: #333; text-indent: 10px;}
.tab .t_djb td.e1 {width: 380px; color: #333; text-indent: 10px;}
.tab .t_djb td.e2 {width: 120px; color: #333; text-indent: 10px;}
.tab .t_djb td.e3 {width: 190px; color: #333; text-indent: 10px;}
.tab .t_djb td.e4 {width: 80px; color: #333; text-indent: 10px;}
.tab .t_djb td.e5 {width: 310px; color: #333; text-indent: 10px;}
.tab .t_djb td .i90 {width: 90px; height: 30px; background: #fff;}
.tab .t_djb td .i80 {width: 80px; height: 30px; background: #fff;}
.tab .t_djb td .i40 { width: 40px; height: 30px; background: #fff;}
.tab .t_djb td .i50 { height: 30px; background: #fff;}
.tab .t_djb td .i80 { width: 80px; height: 30px; background: #fff;}
.tab .t_djb td .i200 { width: 170px; height: 30px; background: #fff;}
.tab .t_djb td .i320 { width: 290px; height: 30px; background: #fff;}
.tab .t_djb td .i560 { width: 560px; height: 30px; background: #fff;}

.tab .t_djb td.f0 {width: 120px; color: #333; text-indent: 10px;}
.tab .t_djb td.f1 {width: 180px; color: #333; text-indent: 10px;}
.tab .t_djb td.f2 {width: 120px; color: #333; text-indent: 10px;}
.tab .t_djb td.f3 {width: 180px; color: #333; text-indent: 10px;}
.tab .t_djb td.f4 {width: 120px; color: #333; text-indent: 10px;}
.tab .t_djb td.f5 {width: 180px; color: #333; text-indent: 10px;}
.tab .t_djb td.f6 {width: 120px; color: #333; text-indent: 10px;}
.tab .t_djb td.f7 {width: 180px; color: #333; text-indent: 10px;}

.tab .t_djb td .i90 { margin: 0 8px; width: 90px; height: 30px; background: #fff;}
.tab .t_djb td .i80 {width: 80px; height: 30px; background: #fff;}
.tab .t_djb td .i40 { width: 40px; height: 30px; background: #fff;}
.tab .t_djb td .i50 { width: 50px; height: 30px; background: #fff;}
.tab .t_djb td .i80 { width: 80px; height: 30px; background: #fff;}
.tab .t_djb td .i160 { margin: 0 8px; width: 120px; height: 30px; background: #fff;}
.tab .t_djb td .i180 { margin: 0 8px; width: 180px; height: 30px; background: #fff;}
.tab .t_djb td .i140 { margin: 0 8px; width: 140px; height: 30px; background: #fff;}
.tab .t_djb td .i120 { margin: 0 8px; width: 120px; height: 30px; background: #fff;}
.tab .t_djb td .i200 { width: 156px; height: 30px; background: #fff;}
.tab .t_djb td .i190 { width: 190px; height: 30px; background: #fff;}
.tab .t_djb td .i320 { width: 290px; height: 30px; background: #fff;}
.tab .t_djb td .i380 { width: 380px; height: 30px; background: #fff;}
.tab .t_djb td .i560 { width: 560px; height: 30px; background: #fff;}*/

.tab .t_djb td.e1 {width: 400px;}

.tab .t_djb td.g0 { padding: 0px 10px; }
.tab .t_djb td.g1 {width: 40px; padding: 0px 10px;}
.tab .t_djb td.g2 { padding: 0px 10px;}
.tab .t_djb td.g3 {}
.tab .t_djb td.g4 {width: 60px; padding: 0px 10px;}
.tab .t_djb td.g5 {width: 170px;}
.tab .t_djb td.g6 {width: 50px; padding: 0px 10px;}
.tab .t_djb td.g7 {}
.tab .t_djb td.g8 { padding: 0px 10px;}
.tab .t_djb td.g9 {}


.tab .t_djb td.h0 {width: 120px; color: #333; text-indent: 10px;}
.tab .t_djb td.h1 {width: 180px; color: #333;}
.tab .t_djb td.h2 {width: 200px; color: #333;}
.tab .t_djb td.h3 {width: 200px; color: #333;}
.tab .t_djb td.h4 {width: 120px; color: #333;}
.tab .t_djb td.h5 {width: 120px; color: #333;}
.tab .t_djb td.h6 {width: 120px; color: #333;}
.tab .t_djb td.h7 {width: 160px; color: #333;}*/

.btnwrap {width: 320px; text-align: center; padding: 0 0 40px 0; margin: 0 auto;}
.btnwrap .submit {background: #da251d; width: 160px; height: 48px; line-height: 48px; border: none; border-radius: 3px; color: #fff; font-size: 16px; text-align: center; margin: 0 auto;}
.btnwrap .submit1 {background: #ccc; color: #333 !important; padding: 11px 40px 15px; border-radius: 3px; color: #fff; font-size: 16px; text-align: center; margin: 2px auto 0 2%; border: 0;}

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

/*--满意度调查表表格开始--*/

table.t_myd {width: 1000px; margin-bottom: 10px; background: #f8f8f8; border: 0 none;}
table.t_myd tr {height: 40px;}
table.t_myd td { border: 0 none; background: #fcfcfc;}
table.t_myd td.c0 {width: 300px; color: #f30; padding-left: 30px; font-size: 15px; line-height: 40px;}
table.t_myd td.c1 {width: 650px; color: #666; padding-left: 20px; font-size: 15px; line-height: 40px;}
table.t_myd td .i1100 {margin: 0 30px; width: 940px; height: 32px; background: #fff; border: #333 solid 1px; text-indent: 5px; border-radius: 3px; font-size: 14px; color: #999; margin-bottom: 10px;}

table.t_myd td .i50 { width: 50px; height: 40px; border-bottom: #eee solid 1px; text-indent: 5px; border-radius: 3px; font-size: 16px; color: #999;}
table.t_myd td span { padding: 0 10px; margin-right: 20px; padding-top: 3px; padding-bottom: 3px; cursor: pointer; background: #fcfcfc; border: #fcfcfc solid 1px; border-radius: 3px;}
table.t_myd td span.act {color: #333; background: #fff; border: #333 solid 1px; border-radius: 3px;}
table.t_myd td span:hover {color: #333; background: #fff; border: #333 solid 1px; border-radius: 3px;}

table.myd {width: 1000px; background: #f8f8f8; border: 0 none;}




table.t_myd2 {width: 1000px; margin-bottom: 10px; background: #f8f8f8; border: 0 none;}
table.t_myd2 tr {height: 40px;}
table.t_myd2 td { border: 0 none; background: #fcfcfc;}
table.t_myd2 td.c0 {width: 300px; color: #f30; padding-left: 30px; font-size: 14px; line-height: 40px;}
table.t_myd2 td.c1 {width: 650px; color: #666; padding-left: 20px; font-size: 14px; line-height: 40px;}
table.t_myd2 td .i1100 {margin: 0 30px; width: 936px; height: 30px; background: #fff; border: #333 solid 1px; text-indent: 5px; border-radius: 3px; font-size: 14px; color: #999; margin-bottom: 10px;}

table.t_myd2 td .i50 { width: 50px; height: 40px; border-bottom: #eee solid 1px; text-indent: 5px; border-radius: 3px; font-size: 14px; color: #999;}
table.t_myd2 td span { padding: 0 10px; margin-right: 15px; padding-top: 3px; padding-bottom: 3px; cursor: pointer; background: #fcfcfc; border: #fcfcfc solid 1px; border-radius: 3px;}
table.t_myd2 td span.act {color: #333; background: #fff; border: #333 solid 1px; border-radius: 3px;}
table.t_myd2 td span:hover {color: #333; background: #fff; border: #333 solid 1px; border-radius: 3px;}

.myd tr {height: 50px !important;}
.myd th {color: #333; text-indent: 20px; text-align: left; height: 40px; line-height: 40px; font-size: 15px;}
/*.myd th .span {color: #ff3300 !important; font-size: 30px !important; padding-left: 20px !important; line-height: 50px; height: 50px;}*/
.myd th span {float: left;}
#xzw_starSys {float: left; margin: 8px 10px 0 20px;}
#xzw_starBox{position: relative; width: 120px; float: left}
#xzw_starSys .description{clear: both; padding: 10px 0px}
#xzw_starSys .star {height: 23px; width: 120px; position: relative; cursor: pointer}
#xzw_starSys .star li{float: left; width: 24px;}
#xzw_starSys .star li a {display: block; width: 24px; height: 23px; background: url(../images/star.png) repeat-x; overflow: hidden; text-indent: -9999px; position: absolute; z-index: 5}
#xzw_starSys .star li a:hover {background: url(../images/star.png) 0 -23px repeat-x; z-index: 3; left: 0}
#xzw_starSys .star a.one-star {left: 0}
#xzw_starSys .star a.one-star:hover {width: 24px}
#xzw_starSys .star a.two-stars {left: 24px}
#xzw_starSys .star a.two-stars:hover {width: 48px}
#xzw_starSys .star a.three-stars {left: 48px}
#xzw_starSys .star a.three-stars:hover {width: 72px}
#xzw_starSys .star a.four-stars {left: 72px}
#xzw_starSys .star a.four-stars:hover {width: 96px}
#xzw_starSys .star a.five-stars {left: 96px}
#xzw_starSys .star a.five-stars:hover {width: 120px}
#xzw_starSys .current-rating {background: url(../images/star.png) 0 -23px repeat-x; position: absolute; height: 23px; z-index: 1; top: 0; left: 0}


/*--满意度调查表表格结束--*/


#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: 200px;}
}
@media screen and (max-width: 1280px) {
	.nyban {width: 100%; min-height: 200px;}
}

@media screen and (max-width: 1200px) {
	.market {margin: 0 2%; width: 96%;}
	.newscon {width: 96%; margin: 0 2%;}
}
@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%;}
	
	.market .menu ul li a h5 { font-size: 14px; font-weight: normal; height: 50px; width: 100%; line-height: 50px; text-align: center; color: #333; position: absolute; top: 50px;}
	
	.market {margin: 0 2%; width: 96%;}
	.market .sub .title {width: 20%;}
	
}
@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;}	
	
	.products ul li span { font-size: 14px;}
	
	.submenu ul li {float: left; width: 25%;}
}


@media screen and (max-width: 768px){
	.nyban {width: 100%; min-height: 120px;}
	
	
	.sdyscon .textcon .tit { color: #fff; font-size: 15px;}
	.sdyscon .textcon .txt { color: #eee; font-size: 12px;}
	
	.contactMain {max-width: 96%; margin: 0 auto; height: auto;}
	.sc .scul ul li { width: 29.3%; height: 210px; margin: 0 2% 20px 2%;}
	.products ul li { width: 46%; margin: 0 2% 2%;}
	.products ul li span {font-size: 16px;}
	
	.aboutmenu ul li a {font-size: 14px;}
	.aboutmenu ul li a.act {font-size: 14px;}
	
	.honor .textcon { width: 48%; height: auto; position: relative;}
	.honor li { float: left; margin: 0 4% 2% 0;}
	.honor li:nth-child(2n) {margin-right: 0 !important;}
	
	.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: 760px){
	.market .menu ul li {width: 25%;}
	.market .menu ul li:nth-child(4) {background: none;}
}

@media screen and (max-width: 680px){
	.nyban {width: 100%; min-height: 120px;}
	
	.sdyscon .textcon .tit { color: #fff; font-size: 14px;}
	.sdyscon .textcon .txt { color: #eee; font-size: 12px; line-height: 18px;}
	
	.contactMain .fenl ul {width: 100%;}
	.contactMain .fenl ul li a {padding: 0 20px; line-height: 48px; color: #333; background: #f0f0f0; margin-right: 10px; float: left; font-size: 14px;}

	.cpmenu {width: 100%; min-height: 60px;}
	.cpmenu ul { width: 100%; height: 60px;}
	.cpmenu ul li { width: 20%; height: 60px;}
	.cpmenu ul li a {width: 100%; height: 60px; line-height: 60px; color: #333; font-size: 14px;}
	.cpmenu ul li a.act {font-size: 14px;}

	.aboutmenu {width: 100%; min-height: 60px;}
	.aboutmenu ul { width: 100%; height: 60px;}
	.aboutmenu ul li { width: 20%; height: 60px;}
	.aboutmenu ul li a {width: 100%; height: 60px; line-height: 60px; color: #333; font-size: 14px;}
	.aboutmenu ul li a.act {font-size: 14px;}
}

@media screen and (max-width: 640px) {
	.sdyscon {width: 100%; height: 320px;}
	.sdyscon .textcon { animation-name: fadeInUp; width: 50%; height: 160px;}
	
	.sc .scul ul li { width: 46%; height: 210px; margin: 0 2% 20px 2%;}
	.market .sub .title {width: 25%; font-size: 16px; text-indent: 10px;}
	.market .content p {font-size: 14px;}
	.products ul li span {font-size: 14px;}
	.submenu ul li {float: left; width: 25%;}
	.submenu ul li a h5 {font-size: 14px;}
	.submenu ul li a.act h5 {font-size: 16px;}
	
	.honor .textcon { animation-name: fadeInUp; width: 45%; height: auto; position: relative;  float: left; margin: 0 2.5% 4%;}
		
	.newsWrap .newscon .textcon { animation-name: fadeInUp; width: 45%; height: auto; position: relative;}
	.newsWrap .newscon li {float: left; margin: 0 2.5% 60px;}
	
	.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: 80px;}
	
	.submenu ul li {float: left; width: 33.33%;}
	.submenu ul li a h5 {font-size: 14px;}
	.submenu ul li a.act h5 {font-size: 16px;}
	

	.hidden {display: block;}
	.case_category {display: none;}
	
	
	.market .menu ul li {width: 33.3%;}
	.market .menu ul li:nth-child(3) {background: none;}
	.market .menu ul li:nth-child(6) {background: none;}
	
	.market .listimg {width: 100%;}
	.market .listv {width: 100%;}
	
	.market .sub .title {width: 30%; font-size: 16px; text-indent: 10px;}
	
	.products ul li { width: 96%; margin: 0 2% 2%;}
	.products ul li span {font-size: 16px;}
	
	.page ul {float: left;}
	.page ul li {width: 30px; height: 30px; line-height: 30px; text-align: center; color: #666; float: left; margin:  0 5px 0 0;}
	
	.contactus #contactinfo {width: 96%; margin-left: 2%; padding: 0 0 20px 0;}
	.contactus .infoul h3 { text-indent: 2%;}
	.contactus .product {display: none;}
	.contactus .ewm {display: none;}
	
	
	.cpmenu {width: 100%; min-height: 40px;}
	.cpmenu ul { width: 100%; height: 40px;}
	.cpmenu ul li { width: 25%; height: 40px;}
	.cpmenu ul li a {width: 100%; height: 40px; line-height: 40px; color: #333; font-size: 14px;}
	.cpmenu ul li a.act {font-size: 14px;}

	.aboutmenu {width: 100%; min-height: 40px;}
	.aboutmenu ul { width: 100%; height: 40px;}
	.aboutmenu ul li { width: 25%; height: 40px;}
	.aboutmenu ul li a {width: 100%; height: 40px; line-height: 40px; color: #333; font-size: 14px;}
	.aboutmenu ul li a.act {font-size: 14px;}
	
	
	.newsmenu {width: 100%; min-height: 40px;}
	.newsmenu ul {display: block; width: 100%; height: 40px;}
	.newsmenu ul li {float: left; width: 33.3%; height: 40px; background: url(../img/rLine.gif) right center no-repeat;}
	.newsmenu ul li:last-child {background: none;}
	.newsmenu ul li a {width: 100%; height: 40px; line-height: 40px; color: #333; font-size: 12px;}
	.newsmenu ul li a.act { font-size: 14px; color: #fff;}
	

	.video ul li span {font-size: 14px;}
	
}

/*内页自适应区域*/



/*首页与公共部分*/

/*自适应1140*/

@media screen and (max-width: 1140px){
	.head .logo {width: 30%;}
	.head .logo img {width: auto; height: auto;}
	#header {width: 68%;}
	.nav {width: 100%;}
	.nav li {width: 12.5%; padding: 0;}
	.nav li a {font-size: 13px;}
/*	.case_category {padding-right: 30px;}*/
	
	.contactus .contactcon .infoul {width: 50%; background: rgba(30,25,25,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;}
	#mybtns #left {margin-left: 0px;}
	#mybtns #right {margin-right: 0px;}
	#casebtns .left {margin-left: 0px;}
	#casebtns .right {margin-right: 0px;}
	
}

@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;}
	#header .nav > li > a span {padding: 0;}
	
	.aboutus {width: 100%;  padding: 0px 0 30px;}
	.aboutus .aboutcon {max-width: 960px; height: 240px; background: rgba(15,93,157,1); position: relative;}
	.aboutus .aboutcon .textcon {height: 320px; 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;}
	
	.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: 860px){
	.aboutus {width: 100%; height: auto; /*padding: 60px 0 80px;*/}
	.aboutus .aboutcon {max-width: 860px; height: auto; background: rgba(15,93,157,1); margin: 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: 0px;}
	.aboutus .aboutcon .textcon:hover .btn {bottom: 20px; opacity: 1;-webkit-transition: all .6s ease; transition: all .6s ease;}
	
	.news {width: 100%; height: auto; padding: 0px;}
}


@media screen and (max-width: 540px){
	.aboutus .aboutcon .textcon {float: none !important; width: 96%; height: 360px;}
	.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: auto; margin-left: 10px;}
	.head .logo img {width: auto; height: auto;}
	.a1 {display: block; margin-right: 15px;}
    .a2 {display: none;}
	
	.head .search {margin-top: -55px; margin-right: 15px;}
	.news .case_category { top: 10px;}
	
}


/*自适应768*/

@media screen and (max-width: 768px){
	
	.aboutus .aboutLogo {position: absolute; right: 0px; bottom: 10px;}
	
	.ysus .yscon {width: 100%; background: #fff; height: 720px; margin: 0px 0 0; position: relative;}
	.ysus .yscon .ysbdr {max-width: 1200px; margin: 0 auto;}
	.ysus .yscon .textcon { width: 50%; height: 360px; position: relative;}
	.ysus .yscon li { float: left;}
	.ysus .yscon li:nth-child(2) {background: none;}

	.contactus #contactinfo {padding-top: 15px}
	.contactus .contactcon .infobdr {width: 96%; float: left;}
	.contactus .contactcon .infobdr h3 {font-size: 16px;}
	.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: 768px){
	.aboutus .aboutcon .textcon .item_info {width: 95%; margin-left: 5%;}
	.aboutus .header {padding-bottom: 10px;}
	.newsus .header {padding-bottom: 10px;}
	.ysus .header {padding-bottom: 10px;}
	.caseus .header {padding-bottom: 10px;}
	.contactus .header {padding-bottom: 10px;}	
	.hidden {display: block; float: right; padding-top: 0;}
	.caseus .case_category {right: 20px;}
	.kfus .container_category {right: 20px;}
	.news .case_category {right: 20px;}
	
}

@media screen and (max-width: 640px){
	.content {padding: 0 0 30px;}
	.news .ncon .dqbdr {width: 96%; margin-bottom: 20px; margin: 0 2% 20px 2%;}
	.news .ncon .dqul {width: 96%; margin-bottom: 20px; margin: 0 2% 20px 2%;}
	
	#search {width: 340px;}
	#search .ml40 {margin-left: 0;}
	
	#search span {
    font-size: 14px;
    line-height: 30px;
	height: 30px;
	overflow: hidden;
    margin: 0 5px 0 15px;
    width: 30px;
	}
	
	#search .input {
		background: #fff none repeat scroll 0 0;
		border: 1px solid #ccc;
		border-radius: 4px;
		color: #666;
		float: left;
		height: 26px;
		margin-right: 5px;
		text-indent: 5px;
		width: 90px;
	}
	
	#search button {
		margin-right: 5px;
	}
}

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

	.ysus .header {width: 100%;}
	.ysus .yscon .textcon .txt { color: #666; font-size: 12px;}
	.caseus .header {width: 100%;}
	.contactus .header {width: 100%;}

	.aboutus .aboutcon .textcon { height: 380px;}
	.aboutus .aboutcon .textcon .item_info {height: 320px;}
	.aboutus .aboutcon .textcon .btn {position: absolute; bottom: 0px; opacity: 0; left: 0px; display: none;}
	.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;}
	.aboutus .aboutcon .textcon .item_info .txt {margin-top: -10px;}
	.aboutus .aboutcon .textcon .item_info .txt:hover {margin-top: 10px; -webkit-transition: all .6s ease; transition: all .6s ease;}
	
	.nyban { min-height: 60px; width: 100%;}
}

@media screen and (max-width: 540px){
	.head {height: 50px;}
	.head .logo {width: auto; height: 60px; margin-top: 10px;}
	.head .logo img {width: 75%; height: auto;}
	.notice {font-size: 12px;}
	#fot {font-size: 12px;}
	.head .search {margin-top: -70px; margin-right: 45px;}
	.contactus .contactcon .infobdr h3 {font-size: 16px;}	
	.news .ncon .textcon .time {font-size: 14px; margin-top: -35px;}
	.news .ncon .dqbdr .time {font-size: 14px; margin-top: -38px;}
	
	
	.newscon .imgnews .img {float: left; height: auto; overflow: hidden; width: 100%;}
	.newscon .imgnews .textcon { float: right; width: 100%;}
	.newscon .imgnews .textcon .time { font-size: 14px; margin-top: -35px;}
	.parHd {position: absolute; top: 470px !important; z-index: 99;}
	
	.newslist .textcon .time {font-size: 14px;margin-top: -35px;}
	.dszimg {width: 100% !important;}
	.js {width: 100%;}
	.sumpage {display: none;}
	
	.contactMain .con .infoL {width: 100%; float: left;}
	.contactMain .con .infoul {width: 100%; float: left;}
}

@media screen and (max-width: 480px){
	/*.aboutus {height: 660px;}*/
	#fot .con {font-size: 12px; line-height: 18px; padding: 3px 20px 0 20px;}
	.sc .scul ul li { width: 96%; height: 210px; margin: 0 2% 20px 2%;}

	
	/* 金牌客户开始 */
	#myscroll ul li { width: 180px; height: 140px;}
	#myscroll ul li a img { padding: 20px 40px; width: 50%;}
	.ysus .yscon .textcon { width: 100%; height: auto; padding-bottom: 20px; position: relative;}
	
	.parHd {position: absolute; top: 410px !important; z-index: 99;}
	
}

@media screen and (max-width: 360px){
	.ysus .yscon .textcon { width: 100%; height: auto; padding-bottom: 20px; position: relative;}
	.newscon .imgnews .textcon .txt {height: 120px;}
	
	.parHd {position: absolute; top: 360px !important; z-index: 99;}
}

@media screen and (max-width: 350px){
	.head .logo {height: 40px;  margin-top: 0px; width: auto;}
	
	.head .logo img { height: auto; width: 55%;}
	.head .search {margin-right: 15px; margin-top: -45px;}
	#search span {font-size: 12px; width: 50px;}
	#search .input {width: 70px;}
	
	/* 金牌客户开始 */
	#myscroll ul li { width: 160px; height: 120px;}
	#myscroll ul li a img { padding: 20px 35px; width: 50%;}
	.apply-pup {height: 40px; margin-top: -30px;}
}

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标签的虚线框，避免出现奇怪的选中区域*/


.iframebox {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 3000;
	position: fixed;
}
.iframebox .nr {
    background: #eff0ef none repeat scroll 0 0;
    border-radius: 5px;
    left: 50%;
    margin: -93px 0 0 -150px;
    padding: 20px 15px;
    position: fixed;
    top: 50%;
    width: 300px;
    z-index: 2500;
}
.iframebox .nr a {
    background:url(../images/close.png) no-repeat;
    display: block;
    height: 10px;
    position: absolute;
    right: 5px;
    text-indent: -9999px;
    top: 5px;
    width: 10px;
}
.iframebox .btn{ width:100%; margin-bottom:0;}
.iframebox h5{ line-height:32px;}
.iframebox input,.iframebox  textarea{ padding-left:10px; height: 24px; border: #ccc solid 1px; border-radius: 5px; background: #fff;}
.iframebox2 .nr{position: absolute;  top: 50%; margin-top: -80px;}
.iframebox2 .contact-form input{ margin-bottom:10px;width:100%; height:40px;}
.iframebox2 .contact-form textarea{ height:100px; margin-bottom:10px;width:100%;}
.iframebox2 .contact-form .dzencf-submit{ width:100%; border-radius:5px; margin-bottom:0; padding-left:20px;}
.iframebox2 .contact-form .dzencf-submit:hover{ background: #ec3341; color:#fff;}


.fixedNav .logo {margin-left: 10px;}
.fixedNav #header {margin-right: 10px;}