/*CSS通用重置样式*/
*{word-break:break-all;font-family:"微软雅黑",tahoma,'宋体',Arial,Lucida,Verdana,Helvetica,sans-serif;}
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td {margin:0;padding:0;}
fieldset, img {border:0;}
:focus {outline:0;}
li{list-style:none}
.sj_header{display: none}
html{overflow-x: hidden;}
address, caption, cite, code, dfn,em, strong, th, var, optgroup,i {font-style:normal;font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
abbr, acronym {border:0;font-variant:normal;}
input, button, textarea,select, optgroup, option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
code, kbd, samp, tt {font-size:100%;}
input, button, textarea, select {*font-size:100%;}
body {line-height:1.5;font-size:12px;color:#333;background:#f7f7f7;width:100%;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
sup, sub {font-size:100%;vertical-align:baseline;}
:link, :visited , ins {text-decoration:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a:link,a:visited,a:active{color:#333;text-decoration:none;}
a:hover{color:#F60;cursor: pointer;}
img{vertical-align:middle;}
.clearfix:before, .clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.wrapper{height:auto;margin:0 auto;width:1243px;}
.fontArial{font-family:Arial,Helvetica,sans-serif;}
*html{background-image:url(about:blank);background-attachment:fixed;/*修正IE6振动bug*/}
body{}
input:focus,textarea:focus,selects:focus{border-color:#feebd9 !important;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fecb98;}
#main{padding-bottom:20px;}
.noneBox{font-size:14px;color:#999; padding:20px;}
.bizmail_loginpanel{width: auto !important}


/*Header*/
.header {background: #FFF;}
.header-top {height: 37px;line-height: 37px;border-bottom: 1px solid #dcdcdc;font-size: 14px;color:#807f7f;}
.header-top .drawp {float: right;position: relative;}
.header-top .drawp a {display: inline-block;line-height: 37px;color: #333;font-size: 16px;padding-right: 20px;position: relative;}
.header-top .drawp a.active:before {content: '';display: block;height: 8px;width: 8px;border-top: 1px solid #666;border-right: 1px solid #666;transform: rotate(135deg);position: absolute;right: 0;top: 13px;}
.header-top .drawp a img {width: 24px;margin-left: 5px;}
.header-top .drawp-box {display: none;position: absolute;background: #FFF;border: 1px solid #FFF;top: 37px;left: 0px;min-width: 140px;max-width: 240px;width: auto;border: 1px solid #ececec;}
.header-top .drawp-box a {display: block;line-height: 34px;width: auto; padding: 0 10px;font-size: 14px;}
.header-top .drawp-box a:hover {color: #FFF;background:#0098db;}
.header-top .drawp:hover .drawp-box {display: block;}
.header-middle .logo {display: flex;align-items: center;float: left;height: 71px;padding-right: 0px;margin: 15px 20px 0 0;background: url(../img/logo-line.jpg) no-repeat right center / auto 100%;}
.header-middle .desc {float: left;font-size: 16px;color: #7a7a7a;font-weight: 300;margin-top: 20px;}
.header-middle .desc span {font-size: 16px;font-weight: 600;font-family: '黑体';color: #0098db;margin-right: 5px;}
.header-middle .desc p {display: block;}
.header-middle .code {float: right;}
.header-middle .code img {width: 90px;height: 90px;}
.header-middle .code span {text-align: center;font-size: 14px;color: #7a7a7a;}
.header-middle .tel {padding-left: 50px;background: url(../img/icon-phone.png) no-repeat left center / 40px auto;float: right;margin: 20px 50px 0 0;}
.header-middle .tel span {font-size: 14px;color: #666;}
.header-middle .tel p {font-size: 24px;color: #333;margin-top: -4px;}
.header-middle {display: flex;align-items: center}
.header-nav {height: 48px;background: #0098db; text-align:center;}

.header-nav .menu{width:916px; margin:0 auto}
.header-nav .menu li{float:left; height:48px; line-height:48px; position:relative; text-align:center;margin-right: 28px; font-size:18px;}
.header-nav .menu li:last-child {margin-right:0}
.header-nav .menu li a{display:block; color:#fff; padding:0 30px}
.header-nav .menu li a:hover{color:#fff; background:#00b7ee;}
.header-nav .menu li .aa{position:absolute; top:48px; left:0; z-index:1000; width:131px; display:none;box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);border-top: 2px solid #5bcff1;border-right: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1;border-bottom: none;border-radius: 0;}
.header-nav .menu li .aa li{width:121px; height:35px; line-height:35px; }
.header-nav .menu li .aa li a{width:131px; color:#333; font-size:14px; display:block;  padding:0 0 0 0px; background:#fff}
.header-nav .menu li .aa li a:hover{background:#0098db; color:#fff}

/*Slider*/
.slide{position: relative;}
.slider {background:#666;}
#slider {width: 100%;max-width: 1400px;margin: 0 auto;height: 550px;}
#slider .swiper-wrapper {width: 100%;height: 550px;width: 1400px!important;margin: 0 auto;}
#slider .swiper-slide {width: 1200px!important;margin: 0 auto;height: 550px;background-repeat: no-repeat;background-position: center;background-size: cover;margin: 0 100px;}
.slider-prev, .slider-next {width: 55px;height: 55px;}
.slider-prev {background:url(../img/index-next.png) no-repeat center / 100% auto;}
.slider-next {background:url(../img/index-prev.png) no-repeat center / 100% auto;}


/*banenr-tab*/
.banenr-tab {position: relative;}
.banenr-tab img {max-width: 100%;margin: 0 auto;display: block;}
.banenr-tab .wrapper {position: relative;top: -25px;text-align: center;}
.tab-nav {display: flex;width: 1243px;justify-content: center;}
.tab-nav li{list-style: none;width:16.6%}
.tab-nav a {display: inline-block;height: 55px;line-height: 55px;width:100%;text-align: center;font-size: 18px;color:#333;position: relative;background: #FFF;float: left;}
.tab-nav a:hover,.tab-nav a.active {background:#00b7ee;color: #FFF;}
.tab-nav a:hover:before, .tab-nav a.active:before {content: '';display: block;transform: rotate(45deg);width: 8px;height: 8px;background:#00b7ee;position: absolute;bottom: -4px;left: 50%;margin-left: -4px;}

/*page-content*/
.page-content {max-width: 1920px;margin: 20px auto 0;padding: 0 10px}
.pbi {display: block;}
.pbi img {max-width: 100%;margin: 0 auto;display: block;}
.pbi-txt {position: relative;}
.pbi-txt:before {content: '';display: block;top:0;left:0;width: 100%;height: 100%;background: #000;opacity: .6;z-index: 1;position: absolute;}
.pbi-txt .txt {text-align: center;color:#FFF;z-index: 2;position: absolute;top: 0;left: 0;width: 100%;padding-top: 100px;}
.pbi-txt .txt h3 {font-size: 40px;margin-bottom: 15px;font-weight: 400;}
.pbi-txt .txt h4{font-size: 30px;margin-bottom: 10px;}
.pbi-txt .txt p {font-size: 18px;text-align: center;margin-bottom: 10px;}
.pbi-txt .txt p.c {text-align: center;}

/*ypzn*/
.ypzn {margin-bottom: 40px;}
.ypzn-item {margin-bottom: 20px;background: #FFF;padding: 20px 20px 10px;display: block;}
.ypzn-item div {position: relative;padding-left: 40px;min-height: 30px;font-size: 18px;margin-bottom: 10px;}
.ypzn-item div span {font-size: 14px;color: #FFF;background: #00b7ee;border-radius: 50%;height: 30px;width: 30px;text-align: center;line-height: 30px;display: inline-block;position: absolute;left:0;top:0;}
.ypzn-item div.q {color:#00b7ee;}
.ypzn-item div.a {color:#333;}
.ypzn-item div.a span {background: #959595}

/*rzly*/
.rzly-step {padding-left: 60px;}
.rzly-step span {display: block;width:228px;float: left;font-size: 16px;color:#333;text-align: center;line-height: 40px;height: 40px;}
.rlzy-item {padding-left: 60px;position: relative;margin-bottom: 20px;}
.rlzy-item:before,
.rlzy-item:after {content: '';display: block;position: absolute;background: #00b7ee;}
.rlzy-item:before {width: 4px;height: 30px;left: 13px;top:5px;}
.rlzy-item:after {width: 30px;height: 4px;left: 0px;top:18px;}
.rlzy-item .step {background:#00b7ee;color:#FFF;}
.rlzy-item .step span {display: block;width:228px;float: left;font-size: 16px;color:#FFF;text-align: center;line-height: 40px;height: 40px;}
.rlzy-item .content {padding: 20px 30px;background:#FFF;display: none;}
.rlzy-item .content p {font-size: 16px;color:#333;line-height: 24px;margin-bottom: 10px;}
.rlzy-item.active .content {display: block;}
.rlzy-item.active:before {display: none;}

/*qyzz*/
.qyzz{width: 1250px;}
.qyzz-item {width: 388px;float: left;margin-right: 20px;}
.qyzz-item .pic {width: 388px;overflow: hidden;height: 270px;position: relative;}
.qyzz-item .pic img {width: 388px;height: 270px;}
.qyzz-item:hover .pic:before {display: block;}
.qyzz-item p {color: #333;font-size: 18px;padding: 30px 20px;display: block;overflow: hidden;line-height: 30px;height: 30px;margin-bottom: 70px;border-bottom: 1px solid #e5e5e5; text-align:center}
.qyzz-item:hover p {color:#00b7ee;border-bottom: 1px solid #00b7ee;}

/*pages*/
.pages {text-align:center;color:#999;font-size: 14px;}
.pages a {display: inline-block;font-size: 14px;width: 35px;height: 35px;border: 1px solid #ececec;text-align: center;line-height: 35px;color:#999;background: #FFF;margin: 0 5px;}
.pages a:hover,.pages a.active {color: #FFF;background: #00b7ee;border: 1px solid #00b7ee;}
.pages a.page-btn {width: 80px;}
.pages a.gray, .pages a.gray:hover {color: #999;border: 1px solid #ececec;background: #FFF;}

/*qyjj*/
.qyjj {position: relative;}
.qyjj .txt {position: absolute;left:11%;top: 15%;background: #FFF;padding: 3% 2%;}
.qyjj .txt h3 {font-size: 24px;margin-bottom: 15px;text-align: center;font-weight: 500;}
.qyjj .txt p {font-size: 16px;margin-bottom: 10px;}
.qyjj img {max-width: 100%;width: 100%;margin: 0 auto;margin-bottom: 20px;}

/*cpyf*/
.cpyf {max-width: 100%;padding: 0;}
.cpyf-item {background: #FFF;display: block;padding: 30px;overflow: hidden;margin-bottom: 20px;}
.cpyf-item .info {width:40%;padding-top: 8%;}
.cpyf-item .info h3 {font-size: 24px;margin-top: 0;color:#333;}
.cpyf-item .info h3 span {display: block;font-size: 20px;margin-top: -10px;}
.cpyf-item .info h2 {font-size: 30px;margin-top: 70px;color:#00b7ee;}
.cpyf-item .info h2 span {display: block;font-size: 24px;margin-top: -10px;}
.cpyf-item .info .desc {margin-top: 50px;font-size: 16px;color:#333;}
.cpyf-item .info .desc span {margin-top: -5px;font-size: 14px;display: block;}
.cpyf-item .pic {width: 50%;}
.cpyf-item .pic img {width: 100%;}
.cpyf-item.l .pic {float: right;}
.cpyf-item.l .info {float: left;margin-left: 10%;}
.cpyf-item.r {background: #000;}
.cpyf-item.r .pic {float: left;}
.cpyf-item.r .info {float: right;text-align: right;margin-right: 10%;}
.cpyf-item.w .info h3, .cpyf-item.w .info .desc {color: #FFF;}

/*detail*/
.detail-hd {margin-bottom: 25px;padding-bottom: 5px;border-bottom: 1px solid #d1d1d1;text-align: center;}
.detail-hd h3 {font-size: 24px;color:#333;}
.detail-hd span {font-size: 14px;margin-top: -10px;color: #999;}
.detail-content {max-width: 850px;margin: 0 auto;}
.detail-content p {font-size: 16px;color:#333;margin-bottom: 20px;line-height: 30px;}
.detail-content img {max-width: 100%;margin: 0 auto;display: block;}

/*concat*/
.concat {background: #FFF;padding: 30px 50px;width: 1100px;}
.concat h3 {font-size: 24px;font-weight: 500;color:#333;text-align: center;margin-bottom: 30px;}
.concat .txt {padding-left: 250px;background: url(../img/bg-concat.jpg) no-repeat 2px 10px / 220px auto;}
.concat .txt .info {width: 47%;float: left;margin: 20px 0 0 20px;}
.concat .txt .info h4 {color: #7a7a7a;font-size: 24px;margin-bottom: 15px;}
.concat .txt .info p {color: #7a7a7a;font-size: 14px;}
.concat .txt .desc {margin-left: 50px;width: 31%;color: #7a7a7a;padding-left: 60px;background:url(../img/icon-concat.jpg) no-repeat 10px -9px / 42px auto;float: right;}
.concat .txt .desc div {height: 30px;padding-bottom: 15px;height: 40px;}
.concat .txt .desc label {font-size: 12px;}
.concat .txt .desc a {display: block;font-size: 14px;color: #7a7a7a;}
.concat .map {margin-top: 40px;}
.concat .map .link {display: block;text-align: center;}
.concat .map .link a {display: inline-block;padding: 2px 15px;color: #FFF;font-size: 14px;margin: 0 auto;background: #000;}
.concat .map .link a:hover {background:#00b7ee;}
.concat .map .map-content {width: 100%;margin-top: 40px;}
.map-content img{width: 100% !important;height: auto !important; }

/*product*/
.product {width: 1140px;}
.product-nav {border-bottom: 1px solid #00aee7;width: 1140px;margin: 0 auto 30px;min-width: 685px}
.product-nav a {display: inline-block;padding: 0 20px;font-size: 16px;color:#606060;float: left;height: 40px;line-height: 40px;background:#f7f7f7;}
.product-nav a:hover {color: #00aee7;}
.product-nav a.active {border: 1px solid #00aee7;border-top: 4px solid #00aee7;border-bottom: none;line-height: 38px;margin-bottom: -1px;}
.p-item {display: block;padding: 30px;background: #FFF;margin-bottom: 20px;}
.p-item .info {width: 56%;float: left;}
.p-item .info h3 {font-size: 30px;color:#00aee7;margin: 40px 0 20px 0;}
.p-item .info p {font-size: 18px;color:#333;}
.p-item .info a {font-size: 14px;color:#333; padding: 8px 0 8px 0;display: inline-block;position: relative;margin-top: 40px;}
/*.p-item .info a:before {content: '';display: block;height: 12px;width: 12px;border-top: 1px solid #999;border-left: 1px solid #999;transform: rotate(-135deg);position: absolute;right: 15px;top: 8px;}*/
.p-item .info a:hover {color:#00aee7;}
.p-item .info a:hover:before {border-top: 1px solid #00aee7;border-left: 1px solid #00aee7;}
.p-item .pic {width: 39%;float: right;overflow: hidden;}
.p-item .pic img {width: 100%;}

/*index-product*/
.index {width: 1300px;}
.index-product .hd {font-size: 22px;color:#333;font-weight: 400;text-align: center;}
.index-product .hd label {font-size: 14px;color:#008cce;display: block;}
.index-product-list {padding: 40px 0;margin-left:20px;}
.index-product-list .item {float: left;width: 250px;}
.index-product-list .item img {max-width: 100%;display: block;margin: 0 auto;}
.index-product-list .item span {font-size: 18px;color:#333;display: block;margin-top: 15px;text-align: center;}
.index-box-hd {font-size: 22px;color:#333;padding-left: 10px;line-height: 35px;height: 35px;position: relative;margin-bottom: 15px;}
.index-box-hd:before {width: 3px;height: 21px;position: absolute;top:7px;left: 0;background:#008cce;content: '';display: block;}
.index-box-hd label {font-size: 18px;color:#008cce;margin-left: 10px;}
.index-box-hd a {float: right;color: #999;font-size: 14px;}
.index-box1 {width: 420px;float: left;}
.index-box1 a {display: block;width: 420px;height: 355px;position: relative;}
.index-box1 a img {width: 400px;height: 355px;}
.index-box1 a:before {content: '';display: block;height: 84px;opacity: .6;background:#008cce;bottom: 0;left: 0;position: absolute;z-index: 1;width: 95%}
.index-box1 a .txt {position: absolute;bottom: 20px;left: 25px;width: 370px;color: #FFF;line-height: 22px;font-size: 14px;z-index: 2;}
.index-box2 {width: 490px;float: left;margin-left: -10px;}
.index-new {background: #FFF;padding: 8px 10px;}
.index-new .item {font-size: 14px;color: #666;display: block;padding-right: 80px;position: relative;height: 40px;line-height: 40px;border-bottom: 1px dashed #ececec;font-weight: 300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-new .item:hover {color: #008cce;}
.index-new .item label {font-size: 12px;color:#666;position: absolute;right: 0;top: 0;line-height: 40px;font-weight: 300;}
.qygl {background: #FFF url(../img/index3.jpg) no-repeat top right / 100% auto;height: 140px;margin-top: 10px;padding: 12px 20px;}
.qygl h3 {font-size: 24px;color: #999;margin-top:20px;}
.qygl p {font-size: 18px;color: #999;}
.qygl a {font-size: 14px;color: #008cce;padding-top: 20px;display: block;}
.index-box3 {float: right;width: 390px;}
.index-box3 .pic {width: 400px;height: 295x;overflow: hidden;}
.index-box3 .pic img {width: 97%;height: 273px;}
.index-box3 .info {background: #FFF;height:49px;padding:8px 18px 23px;}
.index-box3 .info h3 {font-size: 15px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-box3 .info p {font-size: 13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin: 4px 0 5px;}
.index-box3 .info span {font-size: 14px;padding: 0px 12px;color: #FFF;background:#008cce;}
.reason {margin-top: 40px;}
.reason .hd {text-align: center;}
.reason .hd img {max-width: 100%;display: block;margin: 0 auto;}
.reason .content {/*background: url(../img/index-6.jpg) no-repeat center 60px / auto 500px;*/padding: 60px  0;position: relative;}
.reason .content:before {content: '';display: block;width: 1px;top: 60px;left: 50%;height: 550px;background:#ccc;position: absolute;}
.reason .content .txt {width: 310px;padding: 30px 0 60px;position: relative;}
.reason .content .txt.l {float: left;padding-right: 250px;}
.reason .content .txt.l:after {content: '';display: block;width: 7px;height: 7px;background:#008cce;border-radius: 100px;position: absolute;top: 50%;right: -24px;margin-top: -3px;}
.reason .content .txt.l img {position: absolute;right: 0;top: 20px;width: 36%;}
.reason .content .txt.r {float: right;padding-left: 250px;}
.reason .content .txt.r img {position: absolute;left: 0;top: 20px;width: 200px;}
.reason .content .txt span {font-size:22px;color:#0098db;display: block;}
.reason .content .txt p {font-size: 14px;color:#777676;padding: 0 10px}

/*time*/
.time {width:1300px;position: relative;padding-top: 100px;}
.time:before {content: '';display: block;width:2px;height: 100%;background:#00b7ee;top:0;left: 50%;margin-left: -1px;position: absolute;}
.time:after {content: '';display: block;width: 10px;height: 10px;border-top: 3px solid #00b7ee;border-left: 3px solid #00b7ee;transform: rotate(45deg);top: 0;left: 50%;margin-left: -6px;position: absolute;}
.time-item {width: 550px;position: relative;}
.time-item:before,.time-item:after {content: '';display: block;position: absolute;}
.time-item:before {width: 620px;border-top: 2px dashed #5bcff1;}
.time-item:after {width: 8px;height: 8px;background: #5bcff1;border-radius: 50px;top: -24px;}
.time-item.l {margin-top: 120px;}
.time-item.r {float: right;}
.time-item .year {width: 66px;height: 66px;position: absolute;top: -60px;border-radius: 100px;border: 6px solid #5bcff1;background:#00b7ee;}
.time-item.l:before {right: -70px;top: -20px;}
.time-item.l:after {left:0;}
.time-item.r:before {left: -70px;top: -20px;}
.time-item.r:after {right:0;}
.time-item.l .year {right: -138px;}
.time-item.r .year {left: -138px;}
.time-item .year div {font-size: 14px;line-height: 66px;text-align: center;color: #FFF;}
.time-item .info {background:#FFF;padding: 20px 10px 10px;border: 1px solid #CCC;display: block;}
.time-item .info p {font-size:14px;color:#333;display: block;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 10px;}
.time-item .info img {width: 100%;}

/*dyn-item*/
.dyn {width: 1300px;margin-bottom: 40px;}
.dyn-item {float: left;width: 650px;background:#FFF;display: block;}
.dyn-item.l .pic {float: left;}
.dyn-item.l .info {float: left;}
.dyn-item.r .pic {float: right;}
.dyn-item.l .info {float: left;}
.dyn-item .pic {width: 325px;height: 325px;}
.dyn-item .pic img {width: 325px;height: 325px;}
.dyn-item .info {position: relative;width: 285px;padding: 20px;height: 285px;}
.dyn-item .info:before {content: '';display: block;height: 25px;width: 25px;background:#FFF;position: absolute;top: 60px;transform: rotate(45deg); background:#FFF;}
.dyn-item.l .info:before {left: -12px;}
.dyn-item.r .info:before {right: -12px;}
.dyn-item .info img {width: 30px;margin-left: -10px;margin-top: -10px;margin-bottom: 20px;}
.dyn-item .info h3 {font-size: 18px;color:#333;font-weight: bold;}
.dyn-item .info p {font-size: 14px;color: #919191;height: 66px;line-height: 22px;overflow: hidden;margin: 20px 0 25px;}
.dyn-item .info span {display: block;font-size: 14px;color:#919191;display: block;}
.dyn-item:hover .info span {color:#00b7ee;}

.dyn-item .pic,.dyn-item,.dyn-item .pic{width: 50% !important;height: auto;}
.dyn-item .pic img{width: 100%;height: auto}

/*footer*/
.footer {margin-top: 40px;}
.footer-slider {background:#95c6ee;overflow: hidden;}
.footer-slider .wrapper {position: relative;overflow: visible;} 
.footer-slider .wrapper:before {content: '';display: block;height: 150px;top: -30px;left:400px;background:#76b3e7;position: absolute;right: -10000px;}
#footer-slider {height: 100px;padding-top: 20px; padding-left:0px;width: 47%}
#footer-slider .swiper-slide {width: 80px; margin-right:20px; height: 80px;}
#footer-slider .swiper-slide img {width:100%;height: 80px;}
#footer-slider .swiper-wrapper {margin: -12px 108px;width: 87% !important;margin-left: 0}
.slide .swiper-button-next {left: 38%;bottom:0;width: 55px;height: 35px;background: url(../img/slide-btn.jpg) no-repeat right center / auto 100%;top: 86px;}
.slide .swiper-button-prev {left: 32.5%;bottom:0;width: 55px;height: 35px;background: url(../img/slide-btn.jpg) no-repeat left center / auto 100%;top: 86px;}
.footer-slider span {font-size: 24px;display: block;float: left;width: 400px;text-align: center;height: 120px;line-height: 100px;color:#FFF;}
.footer .ad {height: 40px;background:#6a7884;line-height: 40px;font-size: 14px;color:#a1adb7;}
.footer .ad span {float: right;}
.footer .info {padding: 30px 0;background: #FFF;}
.footer .info .item {float: left; padding-left: 30px;font-size: 14px;color:#5c676f;}
.footer .info .item img {height: 30px;width: 30px;margin-right: 5px;}
.footer .info .item.address img {width: 24px;height: 24px;}
.footer .info .code {line-height: 24px;float: right;padding-right: 30px;position: relative;color: #5c676f;font-size: 14px;}
.footer .info .code:before {content: '';display: block;height: 24px;width: 24px;background:url(../img/wechat.jpg) no-repeat center / 100% 100%;position: absolute;right:0;top:0}
.banner{width:100%; height:auto; background:url(../img/bj1.jpg) no-repeat top center;overflow: hidden;background-size: 100% 100%}
.ba{width:70%; margin:0 auto; display:flex;position: relative;}
.ba #experts{width:auto; height:500px; overflow:hidden; float:left; margin-left:8px;}
.ba #experts a{display:block; float:left}
.ba #leftArr{float:left; cursor:pointer;left: -4%;width: 3%}
.ba #rightArr{float:right; cursor:pointer;right: -4%;width: 3%}
.index-banner .swiper-slide img{width: 100%;height: auto}

.a_nei img{max-width:100%;margin:11px;}
.a_nei{width:1200px; margin:0 auto; line-height:30px}
.ba_sang{position: relative}

/*2018.11.24*/
.reason .content .txt{
    height: 110px;
}

/*20181127*/
img{
    max-width: 100%;
    max-height: 100%;
}
#experts a img{
   width: 100%;
}
 .qyjj .txt{
     width: 76%;
}
@media screen and (max-width: 1300px) {
    .dyn{width: 100%}
    .dyn {padding: 0 !important}
    .dyn-item.l .info{padding-right: 0}
    .dyn-item>a{display: flex;align-items: center;justify-content: center}
    .rlzy{zoom: .8}
}
@media screen and (max-width: 1243px) {
    .bizmail_loginpanel{width: 100% !important}
    .index-clearfix{zoom: .8 !important;display: flex;justify-content: center}
    .index-product-list .item{width: 20%}
    .wrapper,.index{width: auto}
    .tab-nav{width: 100%;padding: 0 !important}
    .dyn{width: auto;display: flex;flex-wrap: wrap}
    .dyn-item{width: 50%}
    .dyn-item .info{width: 43%}
    .header-middle{overflow: hidden;width: auto}
}
@media screen and (max-width: 1200px) {
    .a_nei{width: 100%}
    .a_nei img{width: 100%;margin-left: 0;margin-right: 0}
    .product-nav{width: auto}
    .bizmail_LoginBox{padding: }

}
@media screen and (max-width:1118px) {
    .bizmail_LoginBox,.header-middle{zoom: .8}
    .clearfix{padding: 0 20px; zoom: .8}
    .index-product-list{display: flex;flex-wrap: wrap;justify-content: center}
    .dyn-item {padding: 0 !important}
}
@media screen and (max-width: 1024px) {
    .index-clearfix{zoom: .6 !important}
    .qyzz-item{width: 31%;margin-right: 2%}
    .qyzz-item .pic img,.qyzz-item .pic{width: 100%;height: auto}
    .qyzz-ul{display: flex;flex-wrap: wrap}
}
@media screen and (max-width: 1000px) {
  .concat .txt{background: none;padding-left: 0;display: flex}
}
@media screen and (max-width: 930px) {
    .header-middle{display: flex;align-items: center}
    .header-nav .menu{width: auto;padding:0 2%;display: flex;justify-content: space-between}
    .clearfix{height: auto !important;}
    .header-nav .menu li a{padding: 0}
}
@media screen and (max-width: 768px) {
  .sj_erji_ul a{background: #4444448f;padding:10px 0 !important; color: #ffffff !important; margin-bottom: 1px; text-align: center}
  .header>a{ z-index: 999}
  .header-nav,.header-middle .logom{display: none}
  .content{width: 100%; }
  .index_logo{ width: 50%;}
  .sj_header{ position: absolute;top: 0; width: 100%; height: 70px;display: flex; justify-content: space-between;align-items: center;background: #ffffff;z-index: 999;opacity: .9;}
  .content{   justify-content: space-between }
  .sj_header>a{    margin-left: 20px; }
  .sj_nav{     width: 60%;       background: #ffffff;       position: fixed;       top: -100%;       right: -100%;       transition: all 1s;        z-index: 9999;} 
  .sj_af{ transition: all 1s;       float: right; }   .sj_a>img{width: 100%;   }
  .sj_a{        width: 5%;       margin-right: 10px !important    }
  .sj_nav>ul>li>a{       padding: 10px 0;text-align: center;width: 100%;color: #444444;display: block}
  .sj_li{  border-bottom: 1px solid #eeeeee}
  .cnmda{display: flex !important; justify-content: space-between !important;align-items: center !important; position: relative; flex-direction: column}
  .cnmda a{border-bottom: 1px solid #cccccc}
  .erji_ul a{border-color: #666666}
  .cnmda>i{width: 100%;height: 1px;background: #cccccc;position: absolute;bottom: 0;left: 0;}
  .erji_ul{height: 0;overflow: hidden;width: 100%;background: #cccccc}
  .erji_ul a{padding: 10px 0;width: 100%;display: block;text-align: center}
  .xiala{padding: 10px; }
  .sj_nav>ul>li>a>img{ margin-left: 10px; margin-right: 10px;display: block;}
  .sj_erji_ul{ height: 0; overflow: hidden; transition: all .5s}
  .sj_erji_ul a{display: block;padding: 10px;padding-left: 50px;background: none;color: #444444;}
  .sj_erji_ul>li{background: #888888;border-bottom: 1px solid #eeeeee;}
  .cnmda{justify-content: center !important}
  /* 手机导航结束 */
  body{padding-top: 70px}
  .header-middle .code{width: 50%}
  /*.footer-slider{display: none}*/
    .footer-slider .wrapper:before, .footer-slider .wrapper:after{display: none;}
    .footer-slider span{height: 60px;line-height: 60px;width: 100%;}
    .footer-slider .slide span{height: 100px;line-height: 100px;}
    .slide .swiper-button-next,.slide .swiper-button-prev{top:58px;}  
  #footer-slider{width: 90%;}
  #footer-slider .swiper-wrapper{margin:0;width: 90% !important;}
  .slide .swiper-button-next{left:87%;}
  .swiper-button-next, .swiper-button-prev{margin-top: -44px !important;}
  
  .slide .swiper-button-prev{left: 0;}
  .footer .info{display: none}
  .map-content>img{height: auto !important}
  .footer .ad{padding: 0 10px}
  .reason .content .txt{width: 100%}
  .reason .content .txt.l{padding-right: 0%;margin-left: 0;}
  .reason .content .txt.r{padding-left: 0%;margin-right: 0}
  .reason .content .txt.l:after,.reason .content:before{width: 0 !important}
  .index-box1,.index-box2,.index-box3{width: 100%}
  .index-clearfix{flex-wrap: wrap}
  .index-box1 a,.index-box2 a,.index-box3 a,.pic{width: auto !important;height: auto;}
  .index-box1 a img,.index-box2 a img,.index-box3 a img,.index-box3 .pic img{width: 100% !important;height: auto;}
  .index-box1 a:before{width: 100%}
  .index-product-list .item{width: 20%}
  .footer .ad span{float: none}
  .wrapper{/*text-align: center*/}
  .reason .content .txt.r img,.reason .content .txt.l img{display: none}
  .reason .content{padding-bottom: 0}
  .qyjj .txt p{font-stretch: 14px}
  .time-item .year{display: none}
  .time-item:before, .time-item:after{display: none}
  .time {display: flex;justify-content: center;align-items: center;flex-direction: column}
  .p-item .info{width: 100%}
  .rlzy{zoom: .6}
  .rlzy-item .content{padding: 0}
  .rlzy-item .step span{width: 20%}
  .content span{padding: 10px;display: block}
  .concat .txt{display: flex;flex-direction: column;justify-content: center;align-items: center}
  .concat .txt .info{width: 100%;}
  .concat .txt .desc{width: 50%;margin-top: 20px}
  .header-middle .logo{display: none}
  .header-middle .desc{margin: auto}
}
@media screen and (max-width: 565px) {
    .header-middle{flex-direction: column}
    .bizmail_loginpanel h3{text-align: center}
    .bizmail_LoginBox{padding-top: 0 !important}
    .header-middle .logo{background: none}
    .reason .content .txt{padding-bottom: 35px}
  .ypzn-item div{font-size: 16px}    
  .banenr-tab .wrapper{top:0;}
}
@media screen and (max-width: 500px) {
  .concat .txt{flex-direction: column;justify-content: center;align-items: center}
  .desc{margin-left: 0;margin-top: 10px}    
  .tab-nav a,.qyzz-item p,.qyjj .txt p{font-size: 12px}
  .qyzz-item{width: 48%}
  .header-middle .logo{height: 35px}
  .dyn-item{width: 100% !important}
  .concat .txt .desc{width: 100%}
.page-content .wrapper{overflow-x: auto}
  .product-nav{display: flex;justify-content: space-between}
  
}
@media screen and (max-width: 472px) {
    .info,.time-item{width: auto}
    .info img{width: 100%}
  .ypzn-item div{font-size: 14px}    
  }
@media screen and (max-width: 375px) {
    .logo{display: none}  
    .reason .content{padding-bottom: 0}
    .header-top .drawp a,.wrapper{font-size: 12px}
  }
  @media screen and (max-width: 350px) {
      body,.sj_header{width: 360px}
	  
  }
  
  @media screen and (max-width: 565px){
    .index-product .index-product-list{
           padding: 0;
        margin-left: 0;
    }
    .page-content{
        width: 93%;
    }
    .banner .ba {
        width: 90%;

    }
	.header .header-top .wrapper .opspan{
		    height: 35px !important;
    overflow: hidden;
    width: 67%;
    display: inline-block;
	}
}