@charset "UTF-8";
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {margin: 0px;}
input, button, ul, ol {margin: 0px;padding: 0px;}
body, input, button, form {font-size: 14px;line-height: 28px;font-family: "microsoft yahei", "Arial";color: #333333;}
h1, h2, h3, h4, h5, h6, font {font-size: 14px;font-weight: normal;}
ul, ol, li {list-style: none;}
input {background: none;border: 0 none;}
img, iframe {border: 0px;}
em, i {font-style: normal;}
button, input, select, textarea {font-size: 100%;}
table {border-collapse: collapse;border-spacing: 0;}
.red {color: #ba292e;}
.fl {float: left;}
.fr {float: right;}
.tac {text-align: center;}
.tar {text-align: right;}
.poa {position: absolute;}
.por {position: relative;}
.hidden {display: none;}
.w1200 {width: 1200px;margin: 0 auto;}
a {color: #000;text-decoration: none;}
a:hover {color: #0074bf;text-decoration: none;}
a:visited {text-decoration: none;}
.ease, .ease * {-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.noease, .noease * {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
:-moz-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #aaa;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #aaa;}
/*清除浮动*/
.clearfix {*zoom: 1;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
/*******************index css*********************/
.inews .section_con {position: absolute;height: 560px;left: 50%;top: 50%;margin: -290px 0 0 -600px;}
.inews .inews-left {width: 550px;float: left;overflow: hidden;position: relative;}
.inews .inews-left .list {width: 500%;}
.inews .inews-left .prev, .inews .inews-left .next {width: 30px;height: 70px;display: block;cursor: pointer;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;position: absolute;border-radius: 3px;top: 140px;z-index: 10;background: url(../images/black50.png) repeat 0 0;}
.inews .inews-left .prev s, .inews .inews-left .next s {width: 30px;height: 70px;display: block;background: url(../images/inews-ico.png) no-repeat 11px center;}
.inews .inews-left .prev:hover, .inews .inews-left .next:hover {background: url(../images/red80.png) repeat 0 0;}
.inews .inews-left .prev {left: 10px;}
.inews .inews-left .next {right: 10px;}
.inews .inews-left .next s {background-position: -41px center;}
.inews .inews-left .item {width: 550px;float: left;}
.inews .inews-left .item a {width: 100%;display: block;}
.inews .inews-left .item .img {height: 350px;overflow: hidden;}
.inews .inews-left .item img {width: 100%;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.inews .inews-left .item h3 {height: 55px;line-height: 55px;overflow: hidden;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;padding-top: 0;color: #333;font-size: 18px;}
.inews .inews-left .item .time {width: 70px;float: left;border-right: 1px solid #979797;color: #333333;line-height: 16px;font-size: 16px;}
.inews .inews-left .item .time .year {font-size: 24px;display: block;line-height: 24px;margin-bottom: 4px;}
.inews .inews-left .item .txt {width: 462px;float: right;color: #979797;line-height: 30px;height: 60px;overflow: hidden;margin-top: -7px;}
.inews .inews-left .item:hover img {filter: brightness(105%);}
.inews .inews-left .item:hover h3 {color: #0074bf;padding-left: 5px;}
.inews .inews-left img {width: 100%;display: block;}
.inews .inews-right {width: 550px;float: right;}
.inews .inews-right .item {width: 100%;padding: 28px 0;position: relative;border-bottom: 1px solid #e0e0e0;}
.inews .inews-right .item:first-child {padding-top: 0;}
.inews .inews-right .item a {display: block;width: 100%;*zoom: 1;}
.inews .inews-right .item a:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.inews .inews-right .item img {width: 140px;height: 105px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;display: block;float: left;margin-right: 20px;}
.inews .inews-right .item h3 {font-size: 16px;line-height: 20px;height: 20px;margin-bottom: 5px;overflow: hidden;color: #333;}
.inews .inews-right .item .time {display: block;color: #333;}
.inews .inews-right .item .more {width: 68px;height: 18px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;line-height: 18px;position: absolute;right: 0;bottom: 30px;text-align: center;color: #b6b6b6;display: block;float: right;border: 1px solid #e1e1e1;border-radius: 3px;font-family: arial;}
.inews .inews-right .item a:hover .more {background: #ed4e43;border-color: #ed4e43;color: #fff;}
.inews .inews-right .item a:hover img {filter: brightness(105%);}
@media (max-width: 1600px) {
.inews .indexTit {margin-bottom: 20px;}
.inews .section_con {height: 540px;margin-top: -255px;}
}
@media (max-width: 1366px) {
.inews .indexTit {margin-bottom: 10px;}
.inews .section_con {height: 440px;margin-top: -200px;}
.inews .inews-left .prev, .inews .inews-left .next {margin-top: -40px;}
.inews .inews-left .item .img {height: 260px;}
.inews .inews-left .item h3 {height: 40px;line-height: 40px;}
.inews .inews-right .item {padding: 10px 0;}
.inews .inews-right .item .more {bottom: 10px;}
}
/******ivedio******/
.indexTit {width: 100%;text-align: center;position: relative;margin-bottom: 46px;}
.indexTit .en {color: #2f2f2f;font-size: 30px;line-height: 30px;margin-bottom: 6px;text-transform: uppercase;font-family: arial;display: block;}
.indexTit .line-left, .indexTit .line-right {width: 90px;height: 1px;position: absolute;bottom: 12px;display: block;background: #c1c1c1;}
.indexTit .line-left {left: 50%;margin-left: -158px;}
.indexTit .line-right {right: 50%;margin-right: -158px;}
.indexTit h2 {font-size: 24px;line-height: 30px;}
@media (max-width: 1366px) {
.indexTit .en {margin-bottom: 0;}
}
.gridlist {width: 100%;}
.gridlist .item {width: 280px;margin: 0 27px 30px 0;float: left;position: relative;overflow: hidden;}
.gridlist .item:first-child {margin-left: 0;}
.gridlist .item img {width: 280px;height: 210px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.gridlist .item .bg {width: 280px;height: 210px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;background: url(../images/black50.png) repeat 0 0;position: absolute;left: -100%;top: 0;}
.gridlist .item .plus {width: 280px;height: 210px;display: block;transition: all ease .4s;background: url(../images/ipro_hover.png) no-repeat center center;position: absolute;left: -100%;top: 0;}
.gridlist .item h3 {color: #000;line-height: 22px;text-align: center;padding-top: 12px;overflow: hidden;font-family: "microsoft yahei";}
.gridlist .item .txt {font-size: 12px;color: #999999;margin-top: 10px;line-height: 20px;height: 40px;overflow: hidden;font-family: "microsoft yahei";}
.gridlist .item:hover .bg {left: 0;}
.gridlist .item:hover .plus {left: 0;}
.gridlist .item:hover img {-webkit-filter: brightness(110%);filters: brightness(110%);}
.gridlist .item:hover h3 {color: #0074bf;}
.gridlist.gridlist34 .item {width: 180px;margin: 0 0 30px 24px;}
.gridlist.gridlist34 .item:first-child {margin-left: 0;}
.gridlist.gridlist34 .item img, .gridlist.gridlist34 .item .bg, .gridlist.gridlist34 .item .plus {width: 180px;height: 240px;}
/***********category css*************/
.nyIcon {background: url(../images/nyicon.png) no-repeat;display: inline-block;vertical-align: middle;}
.shareNew {padding-bottom: 20px;}
.wrapper {padding: 55px 0 55px;min-height: 300px;}
.wrapper .indexTit .line-right {margin-right: -202px;}
.wrapper .indexTit .line-left {margin-left: -202px;}
.wrapper .noinfor {padding: 0 0 20px;text-align: left;color: red;}
.wrapper .bcontact {width: 100%;margin-top: 50px;padding-bottom: 50px;border-bottom: 1px solid #e5e5e5;}
.wrapper .bcontact li {width: 399px;float: left;padding: 20px 0;border-left: 1px solid #e5e5e5;text-align: center;}
.wrapper .bcontact li s {width: 60px;height: 55px;display: block;margin: 0 auto;background: url(../images/contact-ico.png) no-repeat 0 center;}
.wrapper .bcontact li h3 {font-size: 16px;padding: 6px 0 14px;}
.wrapper .bcontact li.a1 {border-left: 0px;}
.wrapper .bcontact li.baddress s {background-position: -70px center;}
.wrapper .bcontact li.btel s {background-position: -144px center;}
/*n-tit*/
.n-tit {margin-bottom: 30px;}
.n-tit h3 {line-height: 35px;font-size: 24px;}
.n-tit s {width: 4px;height: 22px;margin-right: 15px;background: #0074bf;display: inline-block;vertical-align: middle;}
.n-tit .more {font-size: 16px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.n-project {width: 100%;padding: 45px 0 20px;}
.n-project .con {overflow: hidden;position: relative;}
.n-project .gridlist {width: 105%;*padding-bottom: 30px;}
.n-project.n-yewu {padding-bottom: 30px;}
.n-project .txtlistbox {}
.n-project .txtlistbox li {width: 590px;float: left;}
.n-project .txtlistbox li:nth-child(2n) {float: right;}
.n-project.n-yewu .gridlist .item {margin-right: 26px;}
.n-yewu .textlist .item {width: 280px;height: 338px;margin-right: 26px;}
.n-yewu .textlist .item:nth-child(4n) {margin-right: 0;}
.n-yewu .textlist .item .img {width: 280px;height: 185px;}
.n-yewu .textlist .item .txt {padding: 20px;}
.n-yewu .textlist .item .txt .desc {height: 40px;padding-top: 5px;margin-bottom: 15px;line-height: 22px;}
.n-yewu .textlist .item span {padding-top: 5px;}
/* loaction */
.location {width: 100%;height: 60px;line-height: 60px;background: #fff;position: relative;z-index: 99;border-bottom: 1px solid #eee;}
.location .w1200 {position: relative;}
.location .sitepath {color: #363636;width: 400px;white-space: nowrap;}
.location .sitepath s {width: 22px;height: 20px;background-position: 0 0;margin-right: 6px;}
.location .sitepath a {color: #363636;}
.location .sitepath a:hover {color: #0074bf;}
.location .menu {height: 60px;line-height: 60px;}
.location .menu span {width: 1px;height: 16px;margin: 0 16px 0 14px;background-position: -206px -36px;}
.location .menu li {padding: 0;height: 60px;line-height: 60px;margin-left: 35px;text-align: center;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;color: #363636;display: inline-block;*display: inline;*zoom: 1;}
.location .menu li a {display: block;position: relative;}
.location .menu li i {position: absolute;bottom: 0;left: 50%;width: 0;height: 2px;background-color: #0074bf;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.location .menu li:hover i, .location .menu li.hover i {width: 100%;margin-left: -50%;}
.location .menu li .box {width: 100%;text-align: left;position: absolute;left: 0;top: 80px;display: none;}
.location .menu li .box dl {position: relative;}
.location .menu li .box dd {display: inline-block;height: 40px;line-height: 40px;vertical-align: top;margin-right: 14px;text-align: center;width: 158px;}
.location .menu li .box dd .a1 {border: 1px solid #ddd;background: #f8f8f8;display: block;}
.location .menu li .box dd s {width: 4px;height: 4px;border-radius: 100%;display: inline-block;vertical-align: middle;background: #999;margin-right: 5px;display: none;}
.location .menu li .box dd.hover .a1 {background: #fff;border: 1px solid #0074bf;color: #0074bf;}
.location .menu li .box dd a:hover {background: #fff;border: 1px solid #0074bf;color: #0074bf;}
.location .menu li.hover a {color: #0074bf;}
.location .menu li.hover .box {display: block;}
.location.fixt .menu .box {display: none !important;}
.projectPage .list {padding-top: 0;}
/*nybanner*/
.nybanner {width: 100%;height: 300px;position: relative;overflow: hidden;background-position: center;background-repeat: no-repeat;background-image: url(../images/nybanner.jpg);}
/*teamPage*/
.teamPage {overflow: hidden;}
.teamPage .gridlist34 {width: 104%;text-align: left;}
.teamPage .gridlist34 .item {width: 380px;margin: 0 24px 30px 0;text-align: center;}
.teamPage .gridlist34 .item h3 {height: 44px;overflow: hidden;}
.teamPage .gridlist34 .item:first-child {margin-left: 0;}
.teamPage .gridlist34 .item img, .teamPage .gridlist34 .item .bg, .teamPage .gridlist34 .item .plus {width: 380px;height: 213px;}
/*searchPage*/
.searchPage {overflow: hidden;}
.searchPage .list {padding-bottom: 20px;width: 105%;}
.searchPage .gridlist .itemk {width: 100%;height: 168px;margin-bottom: 26px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;background: #fbfbfb;}
.searchPage .gridlist .itemk a {width: 100%;display: block;}
.searchPage .gridlist .itemk img {width: 300px;height: 169px;display: block;margin-right: 30px;}
.searchPage .gridlist .itemk h3 {font-size: 20px;padding: 35px 0 20px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;color: #000;}
.searchPage .gridlist .itemk .txt {color: #666;line-height: 24px;height: 48px;padding-right: 130px;overflow: hidden;}
.searchPage .gridlist .itemk .time {width: 150px;padding-top: 45px;font-family: arial;font-size: 20px;color: #999;}
.searchPage .gridlist .itemk .time .day {font-size: 40px;line-height: 45px;display: block;}
.searchPage .gridlist .itemk:hover {box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}
.searchPage .gridlist .itemk:hover h3 {color: #0074bf;text-indent: 5px;}
.searchPage .gridlist .itemk:hover .time .day span {background: #6d6d6d;}
.searchPage .gridlist .itemk:hover .time .day strong {background: #ff0000;color: #fff;}
.contactPage {padding: 0 0 0;}
.contactPage .bcontact {padding-top: 30px;}
.contactPage .bcontact .a3 {height: 131px;}
.contactPage .bcontact .a3 img {width: 130px;display: block;margin: 0 auto;}
.contactPage .txtcon img {max-width: 100%;}
.contactPage .t2 {padding: 0 0 48px;text-align: center;}
.contactPage .t2 .titb {font-size: 30px;margin-bottom: 16px;}
.contactPage .t2 .txt {font-size: 14px;line-height: 24px;}
.contactPage .t2 .txt span {font-weight: bold;color: #0074bf;}
.contactPage .mapArea {width: 100%;height: 400px;margin-top: 40px;}
.contactPage .mapArea #allmap {width: 100%;height: 400px;}
.formData {padding-bottom: 20px;}
.formData .item {float: left;color: #999;font-weight: normal;width: 560px;height: 50px;line-height: 50px;border: 1px solid #e5e5e5;margin-right: 76px;margin-bottom: 30px;position: relative;}
.formData .item label {padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 50px;line-height: 50px;font-size: 18px;color: #cccccc;}
.formData .item input {outline: none;line-height: 38px;height: 38px;font-size: 18px;}
.formData .item .txt {width: 355px;height: 50px;line-height: 50px;display: block;background: none;padding-left: 70px;border: 0 none;color: #333;}
.formData .item .red {position: absolute;right: 15px;top: 0;color: #ff0000;z-index: 11;}
.formData .item.mr0 {margin-right: 0;}
.formData .msg-box {position: absolute;left: 10px;top: 38px;color: #e71f19;}
.formData .liuyan {width: 1198px;height: 240px;border: 1px solid #e5e5e5;float: left;}
.formData .liuyan label {text-align: right;display: block;}
.formData .liuyan textarea {width: 1178px;height: 214px;line-height: 28px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;}
.formData .bot {width: 100%;}
.formData .sub {display:block; width:100%; height:50px; color:#fff; font-size:17px; cursor:pointer; border:none; border-radius:2px; background-color:#0074bf;}
.formData .sub:hover {background: none;color: #0074bf;}
.formData .yzm {width: 432px;}
.formData .yzm .txt {padding-left: 80px;}
.formData .yzm img {position: absolute;right: 3px;top: 3px;border: 0px;display: block;}
.projectPage {overflow: hidden;}
.projectPage .list {width: 105%;}
/*newsPage*/
/*kuaiPage*/
.newsPage .list {padding-bottom: 30px;}
.newsPage .item {height: 178px;transition: all .5s;border: 1px solid #f3f3f3;display: block;margin-bottom: 20px;}
.newsPage .item a {padding: 26px;display: block;}
.newsPage .item img {width: 168px;height: 126px;display: block;margin-right: 30px;}
.newsPage .item h3 {font-size: 20px;padding: 25px 0 20px;white-space: nowrap;-ms-text-overflow: ellipsis;
text-overflow: ellipsis; -webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;color: #000;}
.newsPage .item .txt {color: #999;line-height: 24px;height: 48px;overflow: hidden;}
.newsPage .item .time {width: 130px;padding: 20px 0 20px 45px;border-left: 1px solid #eee;font-family: arial;font-size: 18px;color: #999;text-align: center;}
.newsPage .item .time .day {font-size: 30px;line-height: 45px;display: block;}
.newsPage .item:hover {box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);margin-left: 15px;}
.newsPage .item:hover h3 {color: #0074bf;}
.newsPage .item:hover .time .day span {background: #6d6d6d;}
.newsPage .item:hover .time .day strong {background: #ff0000;color: #fff;}
.yewuPage .list {padding-bottom: 30px;}
.yewuPage .item {width: 100%;height: 160px;padding: 26px 0;transition: all .5s;border-bottom: 1px solid #f3f3f3;}
.yewuPage .item:first-child {padding-top: 0;}
.yewuPage .item a {width: 100%;display: block;}
.yewuPage .item img {width: 340px;height: 160px;display: block;margin-right: 30px;}
.yewuPage .item h3 {font-size: 18px;padding: 30px 0 20px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;color: #000;}
.yewuPage .item .txt {color: #999;line-height: 24px;height: 48px;padding-right: 50px;overflow: hidden;}
.yewuPage .item .time {width: 130px;padding: 25px 0 25px 45px;margin-top: 20px;border-left: 1px solid #eee;font-family: arial;font-size: 18px;color: #999;}
.yewuPage .item .time .day {font-size: 40px;line-height: 45px;display: block;}
.yewuPage .item .time s {width: 14px;height: 18px;display: block;margin-top: 20px;background-position: -224px 0;}
.yewuPage .item:hover {box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);margin-left: 15px;}
.yewuPage .item:hover h3 {color: #0074bf;}
.yewuPage .item:hover .time .day span {background: #6d6d6d;}
.yewuPage .item:hover .time .day strong {background: #ff0000;color: #fff;}
.yewuPage .item.items img {width: auto;max-width: 300px;}
.fxitem {background: #fff;box-shadow: 0 0 1px #ddd;margin-bottom: 40px;}
.fxitem .txtcon {width: 460px;padding: 68px;float: left;}
.fxitem .txtcon .title {font-size: 28px;color: #0074bf;}
.fxitem .txtcon .desc {margin: 20px 0 35px;line-height: 26px;height: 100px;overflow: hidden;color: #333;font-size: 16px;}
.fxitem .txtcon .btn {height: 32px;line-height: 32px;border-radius: 20px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;border: 1px solid #ddd;text-align: center;width: 130px;}
.fxitem .txtcon:hover .btn {background: #0074bf;color: #fff;border: 1px solid #0074bf;}
.fxitem .img {width: 600px;height: 350px;overflow: hidden;display: block;float: right;}
.fxitem .img img {width: 100%;height: 100%;display: block;}
.fxitem.it2 .txtcon {float: right;}
.fxitem.it2 .img {float: left;}
.jobPage {width: 1200px;margin: 0 auto;padding: 50px 0;}
.jobPage .title {width: 100%;height: 16px;position: relative;border-top: 1px solid #ccc;}
.jobPage .title span, .jobPage .title h3 {position: absolute;left: 0;top: -14px;line-height: 28px;background: #fff;display: block;padding-right: 14px;font-size: 18px;color: #000;}
.jobPage .title span b {font-weight: normal;color: #0074bf;display: inline-block;padding: 0 10px;}
.jobPage .title h3 {color: #0074bf;font-weight: normal;}
.jobPage .cont {padding-top: 20px;}
.jobPage .cont .item {border: 1px solid #dcdcdc;border-left: 4px solid #0074bf;padding: 10px 20px 0;margin-bottom: 20px;position: relative;}
.jobPage .cont .item .top {height: 65px;cursor: pointer;}
.jobPage .cont .item .top span {display: inline-block;}
.jobPage .cont .item .top span.sarry {color: #0074bf;margin-right: 36px;}
.jobPage .cont .item .top .time {color: #999;}
.jobPage .cont .item .top h3 {font-size: 18px;font-weight: normal;color: #0074bf;}
.jobPage .cont .item .top p {display: block;}
.jobPage .cont .item .bottom {padding-top: 20px;border-top: 1px solid #dcdcdc;padding-bottom: 20px;}
.jobPage .cont .item .btn {width: 162px;height: 58px;cursor: pointer;position: absolute;top: 18px;right: -18px;text-align: center;padding-right: 30px;line-height: 40px;color: #fff;display: none;}
.jobPage .cont .item.hover {background: #f9f9f9;}
.jobPage .cont .item.hover .btn {display: block;}
.jobPage .left {width: 800px;}
.jobPage .right {width: 350px;}
.jobPage .right .item {margin-bottom: 74px;}
.jobPage .right .item .cont {line-height: 28px;}
.jobPage .right .item .cont img {margin-left: 10px;}
/*****showPro****/
.showPro {padding-bottom: 30px;}
.showPro .showImg {padding-bottom: 50px;}
.showPro .photo {width: 540px;}
.showPro .photo .jqzoom {width: 540px;height: 405px;overflow: hidden;position: relative;padding: 0px;cursor: pointer;}
.showPro .photo .zoomdiv {z-index: 999;position: absolute;top: 0px;left: 0px;background: #ffffff;border: 1px solid #ddd;display: none;text-align: center;overflow: hidden;}
.showPro .photo .jqZoomPup {z-index: 999;visibility: hidden;position: absolute;top: 0px;left: 0px;border: 1px solid #eee;background: #fff;opacity: 0.6;-moz-opacity: 0.6;-khtml-opacity: 0.6;filter: alpha(Opacity=50);}
.showPro .photo .img {width: 540px;height: 405px;display: block;}
.showPro .photo .photoimg {width: 540px;height: 71px;margin-top: 12px;position: relative;}
.showPro .photo .photoimg .list {width: 505px;overflow: hidden;position: relative;margin: 0 auto;}
.showPro .photo .photoimg .listcon {width: 300%;}
.showPro .photo .photoimg .prev, .showPro .photo .photoimg .next {width: 12px;height: 30px;z-index: 10;position: absolute;top: 21px;cursor: pointer;}
.showPro .photo .photoimg .prev {left: 0;}
.showPro .photo .photoimg .next {right: 0;background-position: -90px center;}
.showPro .photo .photoimg a {width: 95px;height: 71px;cursor: pointer;display: block;float: left;margin-right: 7px;}
.showPro .photo .photoimg a img {width: 95px;height: 71px;display: block;}
.showPro .photo .photoimg a.hover img {border: 3px solid #0074bf;width: 89px;height: 65px;}
.showPro .imgtxtcon {width: 620px;height: 488px;float: right;position: relative;}
.showPro .imgtxtcon .tit {font-size: 24px;color: #000;line-height: 30px;margin-bottom: 10px;}
.showPro .imgtxtcon .mark {color: #888;}
.showPro .imgtxtcon .line {width: 50px;height: 3px;display: block;background: #999999;margin: 20px 0;}
.showPro .imgtxtcon .txtcon .title {font-size: 16px;margin-bottom: 10px;}
.showPro .imgtxtcon .txt {line-height: 35px;height: 280px;overflow: hidden;}
.showPro .imgtxtcon .btn {position: absolute;left: 0;bottom: 10px;font-size: 16px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;width: 135px;height: 38px;line-height: 38px;text-align: center;color: #fff;background: #0074bf;}
.showPro .imgtxtcon .btn:hover {background: #444;}
.showPro .showp_txt {padding: 0 0 50px 0;position: relative;}
.showPro .showp_txt .tit {display: inline-block;padding-bottom: 7px;border-bottom: 2px solid #0074bf;font-size: 18px;margin-bottom: 20px;font-weight: bold;}
.showPro .showp_txt .txtcon {font-size: 14px;color: #000000;min-height: 70px;line-height: 26px;}
.showPro .showp_txt .txtcon img {max-width: 100%;display: block;}
.showPro .showp_txt.one {border-top: 0px;padding-top: 25px;}
.showPro .showp_txt.one .tit {top: 25px;
}
/*showNews*/
.showNews .title {font-size: 30px;color: #333333;margin: 10px 0 22px;font-weight: bold;}
.showNews .mark {color: #999999;height: 38px;line-height: 38px;margin-bottom: 20px;border-top: 1px dashed #e5e5e5;border-bottom: 1px dashed #e5e5e5;}
.showNews .showContxt {color: #666666;padding: 0 0 30px;line-height: 30px;}
.showNews .showContxt img {max-width: 100%;}
/* reLink */
.reLink {width: 100%;height: 25px;border-top: 1px solid #d7d6d6;padding: 15px 0 0;}
.reLink .nextLink, .reLink .prevLink {width: 50%;line-height: 25px;color: #666;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.reLink .nextLink a, .reLink .prevLink a {color: #666;}
.reLink .nextLink {text-align: right;}
.reLink a:hover {color: #0074bf;}
span.bds_more, .bds_tools a {line-height: 14px !important;}
/************** * Animations for content elements * **********/
/* 滞后 */
.delay100 {-webkit-animation-delay: 100ms;animation-delay: 100ms;}
.delay200 {-webkit-animation-delay: 200ms;animation-delay: 200ms;}
.delay300 {-webkit-animation-delay: 300ms;animation-delay: 300ms;}
.delay400 {-webkit-animation-delay: 400ms;animation-delay: 400ms;}
.delay500 {-webkit-animation-delay: 500ms;animation-delay: 500ms;}
.delay600 {-webkit-animation-delay: 600ms;animation-delay: 600ms;}
.delay700 {-webkit-animation-delay: 700ms;animation-delay: 700ms;}
.delay800 {-webkit-animation-delay: 800ms;animation-delay: 800ms;}
.delay900 {-webkit-animation-delay: 900ms;animation-delay: 900ms;}
.delay1000 {-webkit-animation-delay: 1000ms;animation-delay: 1000ms;}
.delay1100 {-webkit-animation-delay: 1100ms;animation-delay: 1100ms;}
.delay1200 {-webkit-animation-delay: 1200ms;animation-delay: 1200ms;}
.delay1300 {-webkit-animation-delay: 1300ms;animation-delay: 1300ms;}
.delay1400 {-webkit-animation-delay: 1400ms;animation-delay: 1400ms;}
.delay1500 {-webkit-animation-delay: 1500ms;animation-delay: 1500ms;}
.delay1600 {-webkit-animation-delay: 1600ms;animation-delay: 1600ms;}
.delay1700 {-webkit-animation-delay: 1700ms;animation-delay: 1700ms;}
.delay1800 {-webkit-animation-delay: 1800ms;animation-delay: 1800ms;}
.delay1900 {-webkit-animation-delay: 1900ms;animation-delay: 1900ms;}
.delay2000 {-webkit-animation-delay: 2000ms;animation-delay: 2000ms;}
.delay2100 {-webkit-animation-delay: 2100ms;animation-delay: 2100ms;}
.delay2200 {-webkit-animation-delay: 2200ms;animation-delay: 2200ms;}
.delay2300 {-webkit-animation-delay: 2300ms;animation-delay: 2300ms;}
.delay2500 {-webkit-animation-delay: 2500ms;animation-delay: 2500ms;}
.delay2700 {-webkit-animation-delay: 2700ms;animation-delay: 2700ms;}
.delay2900 {-webkit-animation-delay: 2900ms;animation-delay: 2900ms;}
.delay3000 {-webkit-animation-delay: 3000ms;animation-delay: 3000ms;}
.delay4000 {-webkit-animation-delay: 4000ms;animation-delay: 4000ms;}
.delay4500 {-webkit-animation-delay: 4500ms;animation-delay: 4500ms;}
.delay5000 {-webkit-animation-delay: 5000ms;animation-delay: 5000ms;}
.onactive .animated {-webkit-animation-duration: .8s;animation-duration: .8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.active .animated.fast {-webkit-animation-duration: .5s;animation-duration: .5s;}
.onactive .flyInDown {-webkit-animation-name: flyInDown;animation-name: flyInDown;}
@-webkit-keyframes flyInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes flyInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.onactive .flyInRight {-webkit-animation-name: flyInRight;animation-name: flyInRight;}
@keyframes flyInRight {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.onactive .flyInUp {-webkit-animation-name: flyInUp;animation-name: flyInUp;}
@keyframes flyInUp {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.onactive .flyInLeft {-webkit-animation-name: flyInLeft;animation-name: flyInLeft;}
@-webkit-keyframes flyInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes flyInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-200px);
-moz-transform: translateX(-200px);
-ms-transform: translateX(-200px);
transform: translateX(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}}
.onactive .opacityI {-webkit-animation-name: zoomIn;animation-name: zoomIn;}
@-webkit-keyframes opacityI {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
}
@keyframes opacityI {
0% {
opacity: 0;
}
50% {
opacity: 1;
}}
.onactive .shake {-webkit-animation-name: shake;animation-name: shake;-webkit-animation-delay: 6s;animation-delay: 6s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
@keyframes shake {
0% {
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
transform: translateY(-10px);
}
20%, 40%, 60%, 80% {
-transform: translateY(6px);
}
100% {
transform: translateY(0);
}
}
@-webkit-keyframes shake {
0% {
-webkit-transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateY(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateY(6px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes shake {
0% {
-moz-transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-moz-transform: translateY(-10px);
}
20%, 40%, 60%, 80% {
-moz-transform: translateY(6px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes shake {
0% {
-o-transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-o-transform: translateY(-10px);
}
20%, 40%, 60%, 80% {
-o-transform: translateY(6px);
}
100% {
-o-transform: translateY(0);
}
}
@-ms-keyframes shake {
0% {
-ms-transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-ms-transform: translateY(-10px);
}
20%, 40%, 60%, 80% {
-ms-transform: translateY(6px);
}
100% {
-ms-transform: translateY(0);
}
}
.onactive .zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@-webkit-keyframes scaleIn {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
opacity: 1;
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
}
@keyframes scaleIn {
0% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
opacity: 1;
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}
}
/*# sourceMappingURL=style.css.map */
/*↓组图样式↓*/
.HS10, .HS15 {overflow: hidden;clear: both;}
.HS10 {height: 0px;}
.HS15 {height: 15px;}
.Hidden {display: none;}
.Clearer {display: block;clear: both;font-size: 1px;line-height: 1px;margin: 0;padding: 0;}
.FlLeft {float: left;}
.FlRight {float: right;}
/*幻灯片区域背景*/
.MainBg {width: 48%;float: left;}
.MainTxt{float: right;width: 48%;}
.ThumbPicBorder{display: none}
/*大图展示区域*/
.OriginalPicBorder {padding: 0;}
#OriginalPic {width: 100%;overflow: hidden;position: relative;font-size: 12px;}
#OriginalPic img {display: block;width: 100%;}
/*鼠标手势*/
.CursorL {position: absolute;z-index: 999;width: 50%;height: 600px;color: #FFF;left: 0;cursor: url(../images/CurL.cur), auto;background: url(../images/space.png) repeat scroll 0 0 transparent;}
.CursorR {position: absolute;z-index: 999;width: 50%;height: 600px;color: #FFF;right: 0;cursor: url(../images/CurR.cur), auto;background: url(../images/space.png) repeat scroll 0 0 transparent;}
/*小图预览和滑动*/
.SliderPicBorder {width: 100%;overflow: hidden;}
.ThumbPicBorder {width: 100%px;margin: 0 auto;background: #eeeeee;overflow: hidden;position: relative;}
.ThumbPicBorder #btnPrev {width: 45px;height: 113px;cursor: pointer;position: absolute;left: 20px;top: 20px;}
.ThumbPicBorder #btnNext {width: 45px;height: 113px;cursor: pointer;position: absolute;right: 20px;top: 20px;}
.ThumbPicBorder .pic {width: 1025px;overflow: hidden;position: relative;margin: 20px auto;}
#ThumbPic img {border: 3px solid #ddd;cursor: pointer;background-color: #ddd;margin: 0 10px;width: 145px;height: 108px;display: block;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
#ThumbPic img.active {border: 3px solid #0074bf;}
.banner .dt{display: none;}
.MainTxt p{margin-bottom: 10px;}
.product_online{display: block; width:43%;height: 50px;margin-top: 20px; background: -webkit-linear-gradient(left, #1a91de,#0074bf);background: -o-linear-gradient(right, #1a91de,#2592da 30%,#0074bf);background: -moz-linear-gradient(right, #1a91de,#2592da 30%,#0074bf);background: linear-gradient(to right, #1a91de,#2592da 30%,#0074bf) ;border-radius:3px; font-weight:600;font-size: 20px;line-height: 50px;text-align: center;color: #fff;position: relative;overflow: hidden;z-index: 1;}
.product_tel{font-size: 18px;margin-top: 20px;}
.product_tel a{font-size: 30px;font-weight: bold;color: #0074bf;}
.product_nav{border-bottom: 2px #0074bf solid; margin-bottom: 20px;}
.product_nav li a{font-size: 18px;}
.product_nav li{width: 16.66666666%;line-height: 50px;text-align: center;margin-top: 30px;float: left;}
.product_nav .first{background: #0074bf;}
.product_nav .first a{color: #fff}
.product_nav li:hover{background: #0074bf;}
.product_nav li:hover a{color: #fff;}
.showContxt h3{font-size: 22px; color: #333;line-height: 30px; margin: 10px 0;font-weight: bold;}
.showContxt p{line-height: 2.1em;margin-bottom: 10px;line-height: 30px;}

/*top*/
.top{ height:30px; line-height:30px; background-color:#2B1D1E;}
.top .welcome{ float:left; width:50%; color:#FFF;}
.top .tel{ float:right; width:28%; text-indent:40px; color:#FFF; background:url(../images/tel.png) no-repeat 5% 7px;}

/*手机端联系*/
.m-show{display: none;}
.bottom{ position:fixed; bottom:0; overflow:hidden; max-width:780px; width:100%; border-top:1px solid #D8D8D8; margin:0 auto; z-index:12; background-color:#FFF;}
.bottom ul{ clear:both; overflow:hidden;}
.bottom li{ float:left; width:28%; padding:6px 0 2px; text-align:center;}
.bottom li a{ display:block;}
.bottom li img{ width:20px; text-align:center; margin:0 auto;}
.bottom li span{ font-size:14px; line-height:14px; margin-top:6px; display:block;}
.bottom li.bottom_ask{ width:39%; border-right:none; background-color:#FFD800;}
.bottom li.bottom_tel{ width:61%; border-right:none; background-color:#0074bf;}
.bottom li.bottom_tel a span{ color:#FFF;}

/*company*/
.company{ width:99%; margin:20px auto; box-sizing:border-box; overflow:hidden;}
.company h1{ font-size:30px; text-align:center;margin-bottom: 20px}
.company p{ text-indent:2em; line-height:24px; margin-top:10px;}
.company ul{ clear:both; overflow:hidden; margin-top:20px;}
.company ul li{ float:left; width:19%; margin:0 0.5%; text-align:center;}
.company ul li img{ width:80%; margin:0 auto;}
.company ul li p{ text-indent:0; color:#444;}

.company_zc{ width:99%; margin:20px auto 0; box-sizing:border-box; overflow:hidden;}
.company_zc h2{ font-size:22px; text-align:center;}
.company_zc p{ text-align:center; line-height:24px; margin-top:10px;}
.company_zc ul{ clear:both; overflow:hidden; margin-top:20px;}
.company_zc ul li{ float:left; width:46%; padding-bottom:15px; margin:0 2%; border-radius:10px; background-color:#F3F3F3;}
.company_zc ul li span { background:url(../images/ico_zc.png) top center no-repeat; display:block; text-align:center; font-size:20px; padding:13px 0; }
.company_zc ul li p { width:88%; text-align:left; color:#444; padding-top:5px; margin:0 auto; line-height:28px;}

.company_fw{ width:99%; margin:0 auto 20px; box-sizing:border-box; overflow:hidden;}
.company_fw ul{ clear:both; overflow:hidden; margin-top:20px;}
.company_fw ul li{ float:left; width:16.6%; text-align:center; background: url(../images/fwicon6.jpg) right 40% no-repeat; background-size:16%;}
.company_fw ul li:last-child { background: none;}
.company_fw ul li img{ width:70%; margin:0 15px 0 10px;}
.company_fw ul li p{ width:82%; text-indent:0; color:#444; line-height:30px; margin-top:5px;}

.company_nl{ width:99%; margin:20px auto; box-sizing:border-box; overflow:hidden;}
.company_nl h2{ font-size:22px; text-align:center;}
.company_nl p{ text-align:center; line-height:24px; margin-top:10px;}
.company_nl ul{ clear:both; overflow:hidden; margin-top:10px;}
.company_nl ul li{ float:left; width:32.3%; margin:0 0.5%; text-align:center;}
.company_nl ul li img{ width:100%; margin:0 auto;}
.company_nl ul li p{ text-indent:0; color:#444; line-height:30px; margin-top:0;}

.company_js{ width:99%; margin:20px auto; box-sizing:border-box; overflow:hidden;}
.company_js h2{ font-size:22px; text-align:center;}
.company_js p{ line-height:24px; margin-top:10px;text-align: center;}
.company_js ul{ clear:both; overflow:hidden; margin-top:20px;}
.company_js ul li{ float:left; width:24%; margin:0 0.5%; text-align:center;}
.company_js ul li img{ width:86%; margin:0 auto;}
.company_js ul li p{ color:#444; line-height:24px; text-indent:0; margin-top:5px;}

.company_hz{ width:99%; margin:20px auto 30px; box-sizing:border-box; overflow:hidden;}
.company_hz h2{ font-size:22px; text-align:center;}
.company_hz p{ text-align:center; line-height:24px; margin-top:10px;}
.company_hz ul{ clear:both; overflow:hidden; margin-top:10px;}
.company_hz ul li{ float:left; width:24%; margin:0 0.5%; text-align:center;}
.company_hz ul li img{ width:100%; margin:0 auto;}
.blank{ height:6px; background:#F3F3F3; border-top:1px solid #EDEFF2; border-bottom:1px solid #EDEFF2;}

/*留言*/
.message{ width:96%; padding:2%; margin:10px auto; background:url(../images/bg_msg.jpg) top right no-repeat #F0F0F0; background-size:100% auto; overflow:hidden;}
.message .msg_tit{ color:#0074bf; font-size:24px; font-weight:bold; height:30px; padding:10px 0 5px;}
.message p{ width:90%; color:#444; line-height:24px; margin-top:5px;}
.message ul{ clear:both; overflow:hidden; margin-top:10px; margin-left:-1%;}
.message ul li{ position:relative; float:left; width:49%; margin-left:1%; height:44px; line-height:40px; margin-bottom:10px; border:1px solid #DADADA; box-sizing:border-box; background-color:#FFF;}
.message ul li.msg_area{ width:99%; height:102px;}
.message ul li span{ position:absolute; top:10px; left:10px; width:20px; height:20px;}
.message ul li span.icon_msg01{ background: url(../images/icon_mag01.png) no-repeat center top; background-size:20px;}
.message ul li span.icon_msg02{ background: url(../images/icon_mag02.png) no-repeat center top; background-size:20px;}
.message ul li span.icon_msg03{ background: url(../images/icon_mag03.png) no-repeat center top; background-size:20px;}
.message ul li input{ clear:both; width:100%; color:#333; font-size:15px; height:40px; line-height:40px; padding-left:40px; border:none; box-sizing:border-box; background:#FFF;}
.message ul li textarea{ clear:both; width:100%; color:#333; font-size:15px; height:100px; line-height:24px; border:none; padding-left:40px; padding-top:8px; font-family:Microsoft YaHei; box-sizing:border-box;}
.msg_btn{ display:inline-block; width:20%; height:40px; line-height:40px; text-align:center; color:#FFF; font-size:18px; margin:5px 0 15px;}
.msg_btn input{ display:block; width:100%; height:40px; color:#111; font-size:17px; cursor:pointer; border:none; border-radius:2px; background-color:#FFCC00;}
.msg_btn input:hover{ color:#FFF; background-color:#0074bf;}
.code1 {clear:both;position:relative;background:#FFF8EE; background-size: contain;box-shadow: 0px 0px 13px rgba(255,164,0,0.7) inset;z-index:1; margin:20px auto 0; overflow:hidden;padding:20px 20px 30px 20px;}
.code1 i{content:'';width:20px;height:20px;display: inline-block;top:20%; position: absolute;  z-index: 1;}
.code1 i:nth-child(1){background:url(../images/code_left.jpg) no-repeat center center;background-size:20px;left:-3px;}
.code1  i:nth-child(2){background:url(../images/code_right.jpg) no-repeat center center;background-size:20px;right:-3px;}
.code1 img{ display:inline-block;text-align:center; width:25%; float:right;margin-top: 7px;}
.code1 .pro_lx_con{ overflow:hidden}
.code1 .pro_lx_con strong {font-weight: bold;font-size:14px;margin:5px auto;}
.code1 .pro_lx_con p {font-size:14px;color:#808080; margin:5px 0; text-align:left}  .code1 .pro_lx_con p a{ font-size:18px; color:#0092f0}
.code1 .pro_lx_con p:nth-child(1){background:url(../images/code_ico1.png) no-repeat left 5px;background-size:20px;text-indent: 28px}
.code1 .pro_lx_con p:nth-child(2){background:url(../images/code_ico2.png) no-repeat left 2px;background-size:20px;text-indent: 28px}
.code1  em{ font-size:14px; text-align:center; color:#0092f0; font-style:normal; display: block;width: 100%;overflow: hidden; margin-top:20px;}

/*==========产品列表  start==========*/
.proitem{padding-top: 50px; padding-bottom: 50px;}
.proitem .proitemfl{clear: both;width: 100%;position: relative;overflow: hidden;padding: 0px 120px 0px 70px;box-sizing: border-box;}
.proitem .proitemfl span{position: absolute;left: 0px;top: 0px;width: 50px;}
.proitem .proitemfl h3{overflow: hidden;}
.proitem .proitemfl h3 a {font-size: 24px;display: inline-block;color: #2c2a26;line-height: 1;}
.proitem .proitemfl p{color: #666666;font-size: 14px;line-height: 22px;padding-top: 4px;}
.proitem .proitemfl>a{padding: 5px 25px;display: block;position: absolute;right: 0px;top: 50%;margin-top:-18px; font-size: 16px;color: #999;border: 1px dashed #999;text-align: center;border-radius: 20px;line-height: 24px;}
.proitem .proitemfl>a:hover{color:#f6a200; border-color:#f6a200;}
.proitem .proitemfl h3 a:hover{color:#f6a200;}
.proitem .proitemfr{clear:both;display:block;padding: 30px 0px 0px 0px;margin-left: -3%;}
.proitem .proitemfr li{float:left;margin-left: 3%;width: 30%;overflow: hidden;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08);}
.proitem .proitemfr li:hover{transform: translateY(-6px);-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);-ms-transform: translateY(-6px);-o-transform: translateY(-6px); box-shadow: 0 0px 9px 0px rgba(18,12,0,.1);-webkit-box-shadow: 0 0px 9px 0px rgba(18,12,0,.1);-moz-box-shadow: 0 0px 9px 0px rgba(18,12,0,.1);    -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;-webkit-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.proitem .proitemfr .proitemfrpic{clear:both; display:block;}
.proitem .proitemfr .proitemfrpic img{width:100%;}
.proitem .proitemfr .proitemfrbox{position: relative; padding:15px 20px; background-size:100%; height: 107px;}
.proitem .proitemfr .proitemfrbox a{clear:both;display:block;font-weight:bold;font-size:18px;color:#333;padding-bottom: 5px;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow-x: hidden;}
.proitem .proitemfr li:hover .proitemfrbox a{color:#ff461f;}
.proitem .proitemfr .proitemfrbox p{clear:both;font-size:14px;color:#555;position:relative;padding-left: 15px;line-height: 24px;}
.proitem .proitemfr .proitemfrbox p:after{content:'';position:absolute;left:0px;top: 8px;width:6px;height:6px;background:#fab22a;transform: rotate(45deg);}
.proitem .proitemfr .proitemfrtit{clear:both; display:block;    background: #f0f0f0;font-size: 16px;line-height: 20px;padding: 10px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.proitem01{padding-top: 50px;padding-bottom: 50px;background: #f1f4f6;}
.proitem01 .proitemfl>a{color: #fff;border: 1px solid #f6a200;background-color: #f6a200;}
.proitem01 .proitemfl>a:hover{color: #f6a200;border: 1px dashed #f6a200;background: none;}
.promore{width: 100%;text-align: center;padding-bottom: 50px;}
.promore a{border: 2px solid #f6a200;padding: 10px  50px 10px 30px;color: #f6a200;border-radius: 5px;font-size: 20px;position: relative;display: inline-block;}
.promore a i{position: absolute;width: 25px;height: 27px;display:block;top: 10px;animation:mymove 3s infinite linear;-webkit-animation:mymove 3s infinite linear;background-size: 25px 27px;}
.promore a i img{width:100%;}
@keyframes mymove{0% {left:170px;}50% {left:150px;}100% {left:170px;}}
@-webkit-keyframes mymove{0% {left:170px;}50% {left:150px;}100% {left:170x;}}
/**/
.proitembom{clear:both; display:block;}
@media (min-width:1280px){
    .proitem{padding-top:70px; padding-bottom:70px;}
    .proitem .proitemfl{padding: 8px 120px 8px 105px;}
    .proitem .proitemfl span{width:75px;}
    .proitem .proitemfl h3 a{font-size: 28px;}
    .proitem .proitemfl p{font-size:16px;padding-top: 10px;}
    .proitem .proitemfl>a{font-size:18px;}
    .proitem .proitemfl i{width:118px;height:78px;background-size:118px 78px;top: 42px;}
    .proitem .proitemfr{padding:47px 0px 0px 0px;margin-left: -3%;}
    .proitem .proitemfr li{margin-left: 3%;width: 30%;}
    .proitem .proitemfr .proitemfrbox{padding:25px; height: 137px;}
    .proitem .proitemfr .proitemfrbox a{font-size:22px;}
    .proitem .proitemfr .proitemfrbox p{font-size:16px;margin-top: 5px;}
    .hoticon .proitemfr li:nth-child(1) .proitemfrbox:after{width: 40px; height: 24px; top: -12px;left: 23px;}
}
.proclassnav {font-size: 18px;color: #000;text-align: center;border-bottom: 1px solid #e9e9e9;overflow: hidden;}
.proclassnav a {display: inline-block;line-height: 70px;margin: 0 2%;}
.proclassnav a:hover{color: #f7ac1b;}
.proclassnav a.cur {font-size: 18px;font-weight: bold;border-bottom: 4px solid #f7ac1b;}
/**/
.prolistbom{clear:both;display:block;padding: 0px 0px 40px 0px;margin-left: -20px;}
.prolistbom li{float:left;margin-left: 20px;width: 234px;border-radius: 10px 25px;overflow: hidden;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08);margin-top: 20px;}
.prolistbom li:hover{transform: translateY(-6px);-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);-ms-transform: translateY(-6px);-o-transform: translateY(-6px); box-shadow: 0 0px 9px 0px rgba(18,12,0,.1);-webkit-box-shadow: 0 0px 9px 0px rgba(18,12,0,.1);-moz-box-shadow: 0 0px 9px 0px rgba(18,12,0,.1);    -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;-webkit-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.prolistbom li .prolistbompic{clear:both; display:block;}
.prolistbom li .prolistbompic img{width:100%;}
.prolistbom li .prolistbombox{padding: 15px 20px 0px 20px;background-size:100%;height: 107px;}
.prolistbom li .prolistbombox a{clear:both;display:block;font-weight:bold;font-size:18px;color:#333;padding-bottom: 5px;}
.prolistbom li .prolistbombox p{clear:both;font-size:14px;color:#555;position:relative;padding-left: 15px;line-height: 24px;}
.prolistbom li .prolistbombox p:after{content:'';position:absolute;left:0px;top: 8px;width:6px;height:6px;background:#fab22a;transform: rotate(45deg);}
.prolistbom li:hover .prolistbombox a{    color:#ff461f;}
@media (min-width:1280px){
    .prolistbom{margin-left:-30px;}
    .prolistbom li{margin-left:30px;width: 277px;margin-top:30px;}
    .prolistbom li .prolistbombox{height:137px;padding: 20px 25px 0px 25px;}
    .prolistbom li .prolistbombox a{font-size:22px;}
    .prolistbom li .prolistbombox p{font-size:16px;margin-top: 3px;}
}
/*==========产品列表  end==========*/

/*↑组图样式↑*/
@media (max-width: 1024px) {
.w1200{width: 98%;margin: 0 auto}
.header_main .logo{width: 190px;}
.topright{width: auto;padding-top: 20px;}
.header_main{height: 62px;}
.ipro .list{width: 100%;}
.textlist .item,.ipro .item{width: 22.9%;margin: 0 1% 20px;height: auto;}
.ipro .item a{height: auto;}
.ipro .item em,.proitem .proitemfl span{display: none;}
.proitem .proitemfl{padding-left: 0}
.ipro .item h3{text-indent: 3%;}
.ipro .item h3{position: relative;}
.textlist .item .img{width: 100%;height: auto;}
.textlist .item .txt{padding: 3% 3% 1%;}
.textlist span{padding: 0;}
.textlist .desc{height: 48px;}
#nav li a{padding: 0 5px;}
.footer_main .botnavlist{display: none;}
.footer_main .qcode{float: none;}
.newsBox{margin-bottom: 20px;width: 35%;}
.index .txtlistbox{width: 63%;}
.ipatent{padding: 0;}
.ipatent .item{margin: 0 auto 20px;}
.ipatent_main .floor{padding: 50px 0;}
.floor_4 .btn.prev{left: 0;}
.floor_4 .btn.next{right: 0;}
.xunpan .bigtxt{font-size: 20px;padding-top: 60px;padding-bottom: 10px;}
.xunpan p{font-size: 16px;}
#banner{min-width: 320px;}
.banner li img{width: 100%;left: 0;margin-left: 0;}
.banner li{top: 0;}
#banner_main .banner{height: auto;}
.banner .dt{display: block;width: 100%;}
.iyoushi {width: 100%;}
.iyoushi .item {width: 31%;margin: 1%;text-align: center;display: block;float: left;background: url(../images/ys_t.png) no-repeat center top;height: auto;}
.iyoushi .item a {display: block;padding: 0;width: 100%;background-size: 140px auto;margin: 0 auto;padding-top: 34px;}
.iyoushi .item .img img{top: -50px;}
.iyoushi .item .img {margin: 0 auto 45px;float: none;}
.iyoushi .item .txt{float: none;padding: 0;}
.iyoushi .item h3 {font-size: 28px;color: #fff;}
}
@media (max-width: 768px) {
.header_main{border-bottom: 1px solid #ddd;}
.iyoushi .item .txt{width: 100%}
.textlist,.tempWrap{width: 100%!important;overflow: hidden;}
.m-show{display: block}
.indnews{padding-bottom: 0;}
.footer_main{margin-bottom: 50px;}
.newsBox{margin-bottom: 20px;float: none;}
.index .txtlistbox{width: 100%;float: none;}
.footer_main .btel,.footer_main .qcode,.xunpan .zixun{width: 100%;float: none;}
.footer_main .qcode .ewm{float: none;}
.topbtn{margin-top: 6px;}
#cur,.footer,#banner_main,.floor_3_main,.floor_4 .btn,.m-none{display: none!important;}
#nav li{height: auto;width: 33%;}
.header_main .nav{padding: 0;}
.topright{padding: 10px 0 ;}
.imenu{font-size: 0;}
.imenu a{padding: 0 6px;}
.textlist .item, .ipro .item{width: 47.9%;}
.textlist .list{width: 100%!important;left: 0!important;}
.index .floor_1_main{padding: 40px 0}
.header_main.fixt,.location.fixt{position: relative!important;}
.toolbar{display: none;}
.ipatent .item{width: 98%;margin: 0 auto;background: none;margin-bottom: 5px;height: auto;}
.ipatent .item a{padding: 0;text-align: center;}
.ipatent .item .img{float: none;margin: 0 auto 5px;}
.index .title{padding-bottom: 15px;}
.newsBox,.MainBg,.MainTxt{width: 100%}
.newsBox .bd img{width: 100%;height: auto;}
.txtlistbox .item .time{width: 60px;margin-left: 13px;}
.txtlistbox .item .time b{font-size: 33px;}
.txtlistbox .item a{padding: 12px 10px 10px 0;overflow: hidden;}
.cstxt{overflow-x:scroll;}
.cstxt td{padding: 0 5px;}
.xunpan{height: auto;background-repeat: repeat;padding-bottom: 20px;}
.xunpan p{text-align: center;}
.liuc li .Piece{width: 124px;margin-bottom: 10px;}
.liuc li{width: auto;}
.liuc .list,.location .menu,.location .sitepath,.formData .item{width: 100%;}
.location .menu li{width: 24%;margin: 0;text-align: center;}
.nybanner{height: 150px;background-size: 200% 100%;background-position-x:65%;}
.product_tel a{display: block;}
.product_nav li{width: 33.3%;}
.n-project .txtlistbox li{width: 99%;}
.formData .item .txt{width: auto;}
.formData .liuyan textarea{width: auto;}
.location.fixt{top: 0;}
.ipro .item h3{line-height: 38px;height: 38px;}
#banner #btn_prev, #banner #btn_next{width: 30px;height: 60px;margin-top: -30px;}
.aboutPage img{max-width: 100%;}
.newsPage .item a{padding: 2%;}
.newsPage .item img{display: none;}
.newsPage .item{ height: auto;}
.newsPage .item .time{width: 82px;padding:0 0 0 7px;margin: 10px 0}
.newsPage .item .time .day{font-size: 26px;line-height: 35px}
.newsPage .item h3{padding: 10px 0;height: 50px;overflow: hidden;}
.sitepath.fl{display: none;}
.textlist .item h3{height: 60px;overflow: hidden;}
.textlist .desc{display: none;}
.location{height: auto;}
.wrapper{padding: 30px 0}
.showNews .title{font-size: 20px;}
.n-yewu .textlist .item{width: 45.9%;margin: 0 2% 10px;height: auto;}
.n-yewu .textlist .item .img{width: 100%;height: auto;}
.n-yewu .textlist .item .txt{padding: 2%;}
.iyoushi{height:305px;}
.iyoushi .item .img{margin-bottom: 20px;}
.bieshu{text-align: center;}
.index .floor_2{padding: 55px 0;}
.index .more{margin-top: 0;}
[aos^=fade][aos^=fade]{opacity: 1;}
[aos=fade-left],[aos=fade-right]{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
.iyoushi {background: none}
.iyoushi .item .txt p{display: none;}
.iyoushi .item{background-size: 90px;background-position: center 20px }
.iyoushi .item .txt h3{font-size: 18px;}
}

@media screen and (max-width:480px){
    .company h1{ font-size:22px;}
    .company_zc h2, .company_nl h2, .company_js h2, .company_hz h2{ font-size:20px;}
    .company_fw ul li{ width:33.3%; background:none;}
    .company_fw ul li img{ margin:0 auto;}
    .company_fw ul li p{ width:100%; margin-bottom:5px;}
    .company_nl ul li{ width:49%;}
    .company_js ul li img{ width:94%;}
    .company_hz ul{ margin-top:5px;}
    .company_hz ul li{ width:49%; margin-top:5px;}
    .indexTit .line-left, .indexTit .line-right{width: 60px;}
    .wrapper .indexTit .line-right{margin-right: -130px;}
    .wrapper .indexTit .line-left{margin-left: -130px;}
    .indexTit{margin-bottom: 15px;}
    .ipro{padding: 0;}
    .n-project{padding-top: 0;}
    .n-project.n-yewu{padding-bottom: 0;}
    .textlist .list{padding-bottom: 0!important}
    .index .floor_4{padding: 50px 0}
    .reLink{padding: 2px 0 10px;}
    .contactPage .t2{padding-bottom: 30px;}
    .proitem .proitemfr li{float:left;margin-left: 3%;width: 46.9%;overflow: hidden;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08);margin-bottom: 2%}
    .proitem .proitemfr li:last-child{display: none;}
}

@media screen and (max-width:375px){
    .company h1{ font-size:20px;}
    .company_zc h2, .company_nl h2, .company_js h2, .company_hz h2{ font-size:18px;}
    .company_nl, .company_js, .company_hz{ margin:15px auto;}
    .company_hz{ margin:15px auto 20px;}
    .company ul{ margin-top:15px;}
    .company_zc p, .company_nl p, .company_js p, .company_hz p{ margin-top:5px;}
    .company ul li img{ width:88%;}
    .company_zc{ margin-top:15px;}
    .company_zc ul{ margin-top:0;}
    .company_zc ul li{ width:96%; margin-top:10px;}
    .company_zc ul li span{ background-size:100%; padding:5px 0; font-size:16px;}
    .proitem .proitemfr .proitemfrbox p{display: none;}
    .proitem .proitemfr .proitemfrbox{height: auto;}
}

@media screen and (max-width:320px){
    .company_zc ul li span{ background-size:120%;}
    .company_js ul li{ width:49%;}
    .company_js ul li img{ width:80%;}
}