@charset "utf-8";
body {
	font-family:Helvetica,Arial,"microsoft YaHei",sans-serif;
	background:#fff;
	text-align: left;
	margin: 0px;
	padding: 0px;
	color:#555;
	font-size:14px;
}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
a:active {text-decoration:none;}

h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p,div{
margin:0; padding:0; border:none; list-style-type:none;
}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
img {display:block;}
select,input {font-family:Helvetica,Arial,"microsoft YaHei",sans-serif;margin:0; padding:0; border:none; list-style-type:none;}
:-moz-placeholder {color: #888; opacity:1; }
::-moz-placeholder {color: #888;opacity:1;}
input:-ms-input-placeholder{color: #888;opacity:1;}
input::-webkit-input-placeholder{color: #888;opacity:1;}

.f_l{float:left;}
.f_r{float:right;}
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.dis{display:block;}
.inline{display:inline;}
.none{display:none;}
.f-c01 {color: #2f74b5;}
.f-c02 {color: #87c149;}
.f-c03 {color: #f50;}
.f-c04 {color: #5aab04;}
.f-s12 {font-size: 12px;}
.f-s13 {font-size: 13px;}
.f-s16 {font-size: 16px;}
.f-s19 {font-size: 19px;}
.f-s24 {font-size: 24px;}
.f-s32 {font-size: 32px;}
.pr {position: relative}
.pt18 {padding-top: 18px;}
.bg-01 {background-color: #3cb3bd}
.bg-02 {background-color: #f6f6f6}
.line-t {border-top: 1px solid #ddd}
.line-b {border-bottom: 1px solid #ddd}
.line-tb {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd}
.line-box {border: 1px solid #ddd}
.br4 { -webkit-border-radius:4px;-moz-border-radius:4px;border-radius: 4px;}
.m-b16 {margin-bottom: 16px;}
.clearfix{ clear:both}
.clearfix:after{
content:"."; display:block; height:0; clear:both;
visibility:hidden;
}
*html .clearfix{
 height:1%;
}
*+html .clearfix{
 height:1%;
}
/*英文强制换行*/
.word{word-break:break-all;}

.block {width: 100%; min-width: 1260px; margin: 0 auto;}
.block-c {width: 1200px; margin: 0 auto;}
.top-t {line-height: 42px;font-size: 12px;}
.top-t .f_l {color: #888;padding-left: 16px;}
.top-t .f_r {color: #ccc;padding-right: 16px;}
.top-t .f_r a {color: #888}
.top-t .f_r a:hover {color: #3cb3bd}
.logo img {display: block}
.logotext {border-left: 1px solid #ddd;margin-top: 32px;}
.top-tel {background: url(../images/icon-tel.gif) no-repeat right center; padding-right: 50px; margin-right: 14px;text-align: right;font-size: 12px; color: #999;margin-top: 32px;}
.top-tel b {font-size: 32px; line-height: 32px; color: #3cb3bd;display: block;font-weight: normal}
.top-menu {height: 56px; line-height: 56px;}
.top-menu ul {display: table;border-left: 1px solid #36a2ab;float: left}
.top-menu li {display: table-cell;font-size: 16px;border-right: 1px solid #36a2ab}
.top-menu li a {display: block;padding: 0 29px; color: #FFFFFF}
.top-menu li a:hover {color: #333; background-color: #fef301}
.top-menu .seled {color: #333; background-color: #fef301}
.m-link {position: relative;}
.m-link:hover .t-m-f {display: block}
.m-link .t-m-f {position: absolute; display: none;background-color:#f9f9f9;border: 1px solid #ddd; border-top: none; top: 56px;z-index: 9999;width: 100%}
.m-link .t-m-f dd {text-align: center}
.m-link .t-m-f dd a {font-size: 12px;padding: 0 0px;line-height:40px;color: #888}
.m-link .t-m-f dd a:hover {color: #333}
.search {position: relative;padding-right: 8px;}
.search:hover .search-inp {display: block}
.search-inp {position: absolute;height: 56px;display:none;z-index: 1;right: 0;top: 0;width:268px; background-color: #3cb3bd}
.search-inp input[type="text"] {border: none;height:34px; border-radius: 17px;width:180px;padding:0 10px;}
.search-inp input[type="submit"] {width:50px;height:34px; border-radius: 17px;margin-left:4px; font-size: 14px;color: #333; background-color: #fef301}
.title-style01 {font-weight: normal;color: #3cb3bd;font-size: 32px; text-align: center;padding: 42px 0 20px}
.title-style01 p {position: relative;display:block;width:180px; margin: 0 auto}
.title-style01 p:before {content: " ";display: block;width: 196px; height: 2px;top: 50%; left:-190px; background: url(../images/line01.png);position: absolute}
.title-style01 p:after {content: " ";display: block;width: 196px; height: 2px;top: 50%; right:-190px; background: url(../images/line02.png);position: absolute}
.title-style01 span {font-size: 16px;color: #CCCCCC;display: block;text-transform:uppercase}

.title-style02 {font-weight: normal;color: #fff;font-size: 32px; text-align: center;padding: 16px 0 0px}
.title-style02 p {position: relative;display:block; margin: 0 auto}
.title-style02 p:before {content: " ";display: block;width: 196px; height: 2px;top: 30%; left:-90px; background: url(../images/line01.png);position: absolute}
.title-style02 p:after {content: " ";display: block;width: 196px; height: 2px;top: 30%; right:-90px; background: url(../images/line02.png);position: absolute}
.title-style02 span {font-size: 14px;color: #6dd5de;display: block;text-transform:uppercase}

.title-style03 {font-size: 32px;color: #3cb3bd;position: relative;padding:72px 0 16px 36px;}
.title-style03 span {font-size: 16px;color: #999;text-transform:uppercase;display: inline-block;padding-left: 10px;}
.title-style03:before {position: absolute; height:28px; width:6px; border-radius:3px;background-color:#fef301; left:18px; bottom: 24px; content: " "}
.title-style03 img {display: inline-block;vertical-align: middle}

.i-about-bg {background: url(../images/i-about-bg.jpg) no-repeat center bottom;}
.i-a-text {width: 916px; margin: 0 auto;line-height: 30px;padding-bottom: 28px;}
.i-a-ry {width: 916px; margin: 0 auto;position: relative}
.icon-jt {position: absolute;width: 20px;height: 20px; top: 48%;}
.i-j-left {left: -20px;}
.i-j-right {right: -20px;}
.i-ry-list {overflow: hidden;width: 916px;display: block;height: 142px; position:relative}
.ry-l {overflow: hidden;height: 142px; position:absolute; z-index:9; left:0; top:0}
.ry-l p {float: left;padding:0 7px;}
.ry-l p img {display: block;height: 142px;width: auto}
.i-ab-bat {padding: 102px 0 42px;}
.i-ab-bat a {width: 148px; height: 40px; border: 1px solid #ddd; margin: 0 auto; border-radius: 5px;display: block;text-align: center;line-height: 40px; color: #999}
.i-ab-bat a:hover {background-color: #3cb3bd;color: #fff}
.i-p-text {text-align: center;padding-bottom: 28px; color: #666}
.p-c-list {width: 1190px; margin: 0 auto;position: relative; height:454px; overflow:hidden}
.p-c-list .icon-jt {position: absolute;width: 40px;height: 40px; top: 20%;z-index: 99}
.p-c-list .i-j-left {left: 0px; z-index:99999; cursor:pointer}
.p-c-list .i-j-right {right: 0px;z-index:99999; cursor:pointer}
.p-x {width: 220px; padding: 0 9px; float:left}
.p-x h2 {border-radius: 5px; height: 42px; line-height: 42px; background: #3cb3bd;font-size: 16px;color: #fff;margin: 4px 0;text-align: center}
.p-x h3 {font-size: 13px; text-align: center;height: 60PX; line-height:24PX; padding-top: 20px}
.i-p-img {overflow: hidden;border-radius: 5px;position: relative;width:220px;height: 220px;}
.i-p-img img {height: 220px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.i-p-cont {font-size: 12px;padding: 10px;color: #999;line-height: 18px;}
.i-p-bat {padding: 10px 0 70px;}
.i-p-bat a {width: 98px; height: 28px; border: 1px solid #ddd; margin: 0 auto; border-radius: 5px;display: block;text-align: center;line-height:28px; color: #999}
.i-p-bat a:hover {background-color: #3cb3bd;color: #fff;border: 1px solid #3cb3bd;}
.i-case-bg {background: url(../images/i-case-bg.jpg) no-repeat center top; height: 500px;}
.i-case-title {width: 380px; height: 88px; background-color: #3cb3bd;border-radius: 0 0 20px 20px; margin: 0 auto}
.i-case-bg .p-c-list {padding-top: 34PX;}
.i-case-bg .p-x a {color: #555}
.i-case-bg .p-x a:hover {color: #3cb3bd;}
.i-case-bat {width: 148px; height: 42px; line-height: 42px; color: #fff; background-color:#3cb3bd; text-align: center;font-size: 16px;display: block;border-radius: 5px; margin: 0 auto}
.i-case-bat:hover {color: #333; background-color: #fef301}
.i-news {padding-left: 12px;width: 380px;}
.i-ly {padding-right: 12px;width: 760px;}
.i-news-l {}
.i-news-l li {border-top: 1px solid #ddd; line-height: 39px; color: #555}
.i-news-l li a {color: #555; display: block;padding-left: 36px; background: url(../images/icon01.png) no-repeat 18px center}
.i-news-l li a:hover {color: #3cb3bd;}
.i-ly-bg {border-radius: 5px;background-color: #f5f5f5; height: 324px;margin-bottom: 76px; padding: 0 18px;}
.i-ly-bg p {color: #666;line-height: 48px;}
.w356 {width: 356px;position: relative}
.w120 {width: 120px;position: relative}
.w400 {width: 430px;position: relative}
.ly-h input[type="text"] {width:100%;border: 1px solid #ddd; height: 40px;border-radius: 5px;text-indent: 10px;}
.ly-h textarea {width: 97%;border: 1px solid #ddd; height:66px;border-radius: 5px;display: block;color:#888;padding:10px}
.ly-h {padding-bottom: 10px;}
.yzm {position: absolute;z-index: 1;right: 8px; top: 50%;transform: translate(0,-50%);}
.ly-h input[type="submit"] {background-color: #3cb3bd;color: #fff;width: 120px; height: 42px; border-radius: 5px; font-size: 18px; vertical-align: middle}
.foot-bat {text-align: center;line-height: 56px; background-color: #b0b0b0;font-size: 16px;}
.foot-bat a {color: #fff;display: inline-block;padding: 0 20px;}
.foot-bat a:hover {color: #333; background-color: #fef301}
.footer {background-color: #f5f5f5; line-height: 24px; font-size: 12px; color: #999;padding: 22px 0}
.ewm {right:16px;position: absolute}
.ewm img {border-radius: 5px;}
.area-left {width: 238px;}
.a-x {padding-bottom: 16px;}
.cag-x,.contact-x {border-radius: 0 0 5px 5px;border: 1px solid #ddd;border-top: none;}
.cag-x dl {}
.cag-x dl a {display: block}
.cag-x dl a:hover {color: #333; background-color: #fef301}
.cag-x dt {line-height: 55px; border-bottom: 1px solid #ddd;font-size: 16px;}
.cag-x dt a {color: #3cb3bd;padding-left: 38px; background: url(../images/icon02.png) no-repeat 13px center;}
.cag-x dd {line-height: 40px; border-bottom: 1px dashed #ddd;}
.cag-x dd a {color: #888;padding-left: 38px; background: url(../images/icon03.png) no-repeat 14px center;}
.cag-x dd:last-child {border-bottom: none}
.l-c-x {color: #888;border-bottom: 1px dashed #ccc;padding: 12px 18px 16px;}
.l-c-x b {font-size: 16px;color: #3cb3bd;}
.l-c-hz {text-align: center;line-height: 24px; padding:20px 0 16px}
.l-c-hz span {color: #3cb3bd;display: block}
.l-c-hz a {display: block;width: 118px; line-height: 38px; background: #3cb3bd; border-radius: 5px; margin: 0 auto;color: #fff; margin-top: 16px;}
.l-c-hz a:hover {color: #333; background-color: #fef301}
.area-right {width: 950px;}
.nav {height: 59px; line-height: 59px; border-bottom: 1px solid #ddd;background: url(../images/icon04.png) no-repeat 10px center;padding-left: 36px;color: #888}
.nav span {color: #3cb3bd;}
.nav a {color: #888}
.nav a:hover {color: #3cb3bd;}
.product-list {width: 924px; margin: 0 auto;padding: 12px 0;}
.p-l-x {width: 308px; float: left;}
.p-l-x dl {width: 286px; margin: 0 auto}
.p-l-x dt {font-size: 16px; text-align: center;height: 56px; line-height: 44px;overflow: hidden;margin-top: 4px;}
.p-l-x a dt {color: #555;display: block}
.p-l-x a:hover dt {color: #fff; background-color:#3cb3bd;height: 44px; margin-bottom: 12px; border-radius:5px;}
.p-l-x dd {}
.p-l-x dd img {width: 276px; height: 234px; border: 1px solid #ddd;padding: 4px; background-color: #fff;border-radius: 5px}
.pages {padding: 18px 0 38px 0;text-align: center}
.p-l-x a:hover dd img {border: 2px solid #3cb3bd;border-radius: 5px;padding: 3px;}
.p-n {display: inline-block;padding: 0 10px;}
.pages .p-n a {color: #666;width: 30px; height: 30px;display: inline-block;border: 1px solid #ddd;text-align: center;line-height: 30px; border-radius: 15px; margin: 0 3px;}
.pages .p-n a:hover {color: #333; background-color: #fef301}
.pages .p-n .seled {background-color: #ddd}
.p-a-bat {color: #555;}
.p-a-bat:hover {color:#3cb3bd;}
.p-d dl {display: flex;padding: 18px;border-bottom: 1px solid #ddd}
.p-d dd {width: 338px;}
.p-d dt {flex: 1;color: #888}
.p-d dt h1 {font-size: 24px;color:#3cb3bd;line-height: 48px; padding: 0 12px; border-bottom: 1px solid #ddd;margin-bottom: 8px;}
.p-d dt p {padding: 8px 12px;}
.p-d dt p a{color:#555;}
.p-d dt p b {font-size: 18px;color:#3cb3bd;font-weight: normal}
.p-d dt p span {display: block;padding-top: 10px;}
.p-d-imgx {border: 1px solid #ddd;padding: 3px; background: #fff;width: 300px;border-radius: 5px;}
.p-d-img {width: 300px; height: 300px;border-radius:8px; position: relative;overflow: hidden;}
.p-d-img img {position: absolute;z-index: 1;top: 50%;left: 50%;transform: translate(-50%,-50%); height: 300px;}
.p-d-pn {line-height: 40px;padding: 0 12px; border-bottom: 1px solid #ddd;color: #888}
.p-d-pn a {color: #888}
.p-d-pn a:hover {color:#3cb3bd;}
.p-n-title {line-height: 48px; font-size: 18px;color:#3cb3bd;padding-left: 45px; background:#f5f5f5 url(../images/icon05.png) no-repeat 20px center;}
.p-d-sub {padding: 18px; line-height: 180%;min-height:500px;}

.c-d dl {display: flex;padding: 18px;border-bottom: 1px solid #ddd}
.c-d dd {width:450px;}
.c-d dt {flex: 1;color: #888}
.c-d dt h1 {font-size: 24px;color:#3cb3bd;line-height: 48px; padding: 0 12px; border-bottom: 1px solid #ddd;margin-bottom: 8px;}
.c-d dt p {padding: 8px 12px;}
.c-d dt p a { color:#555}
.c-d dt p b {font-size: 18px;color:#3cb3bd;font-weight: normal}
.c-d dt p span {display: block;padding-top: 10px;}
.p-d-imgx2 {border: 1px solid #ddd;padding: 3px; background: #fff;width:420px;border-radius: 5px;}
.p-d-img2 {width: 420px; height: 300px;border-radius:8px; position: relative;overflow: hidden;}
.p-d-img2 img {position: absolute;z-index: 1;left: 50%; top: 50%;transform: translate(-50%,-50%); height: 300px;}
.c-ly {width: 420px; position: relative;padding-top: 6px;}
.c-ly-p {width: 392px; margin: 0 auto;overflow: hidden; position:relative; height:64px}
.c-ly-p ul { position:absolute; z-index:9; left:0; top:0; height:64px}
.c-ly-p li {float: left;width: 98px;}
.c-ly-p li img {width: 90px; height: 64px; margin: 0 auto;border-radius: 5px;opacity: .5;}
.c-ly-p .seled img {opacity: 1}
.c-ly .icon-jt {position: absolute;width: 20px;height: 20px; top: 50%;transform: translate(0%,-50%);}
.c-ly .i-j-left {left:-4px;}
.c-ly .i-j-right {right:-4px;}
.s-banner {width: 100%;height: 200px; position: relative;overflow: hidden}
.s-banner img {position: absolute;z-index: 1;left: 50%;transform: translate(-50%,0);}
.text-area {padding: 18px;min-height: 600px;line-height: 180%}
.news-list {padding:0 20px;}
.news-list dl {padding: 20px; margin:0px 20px 0px 20px}
.news-list dt {line-height: 36px; font-size: 16px;font-weight: 600}
.news-list dt span {color: #999; font-size: 12px;}
.news-list dd {color: #999;font-size: 12px;}
.news-list a {color: #3cb3bd;}
.news-list a:hover {color: #3cb3bd;}
.p-title2 {border-bottom: 1px solid #ddd; text-align: center; padding:20px 0 10px;color: #3cb3bd; font-size:28PX; font-weight:500}
.p-title2 p {font-size: 12px; color: #888; padding-top:10px;font-weight: normal}
.p-p-n {line-height: 40px; margin-top: 20px; padding: 0 10px;}
.p-p-n a {color: #888;}
.p-p-n a:hover {color: #87c149;}

/*工行插件问题解决*/
#ClCache {display: none}