@charset "utf-8";
body{  font-size:12px;font-family:"Microsoft YaHei",SimHei,arial; }

html,body,div,span,iframe,input,h1,h2,h3,h4,h5,h6,p,a,em,font,img,strong,b,i,center,dl,dt,dd,ol,ul,li,form,label,fieldset{margin:0;padding:0}
a:link{color:#4d4d4d;text-decoration:none;}
a:visited{color:#000;text-decoration:none;}
a:hover{color:#f00;text-decoration:none;}
a:active{color:#000;text-decoration:none;}
li{list-style:none;}
a img{border:0;}
.clear{clear:both;}

.fl{ float:left}
.fr{ float:right}

.logo{ width:100%; text-align:center; margin:20px 0 10px 0}
.banner{ width:100%; height:auto; text-align:center}
.banner img{ width:100%; height:auto;}
.main{ width:96%; padding:2%;}

.left{ width:49%; height:80px; margin-bottom:0.5%}
.right{ width:49%;margin-bottom:0.5%}
.color1{ background:#5e3ab8 }
.color2{ background:#2c89f0;}
.color3{ background:#00a500}
.color4{ background:#009bad}
.color5{ background:#a600ac}
.color6{ background:#0b58c2}
.color7{ background:#b11b41}
.left-img{ width:64px; float:left; overflow:hidden; background:#E8E8E8; border-radius:50%; text-align:center; height:64px; margin:8px; line-height:64px;}
.left-img img{/*border-radius:50%;*/ }
.left-txt{ width:40%; height:80px; text-align:center; line-height:80px; font-size:14px; color:#fff; float:left;}

.right1{ width:49%; text-align:center}
.right1-img{ width:64px; height:64px; margin:8px;background:#E8E8E8; border-radius:50%; text-align:center; position:relative;}
.right1-img img{border-radius:50%;}

.right1-txt{ width:64px; height:20px; line-height:20px; color:#fff; font-size:14px; position:absolute; bottom:0px; left:0;}


.bank{ width:98%; height:26px; line-height:26px; padding:0 1%; margin:3% 0;}

.bank a{ display:block; width:70px; background:#0c7e96; text-align:center; border-radius:5px; color:#fff;}

.product{ width:98%; height:auto; overflow:hidden; padding:1%; border-bottom:1px #dfdfdf dashed;}

.pro-img{ border:1px #dfdfdf solid; width:97.8%; padding:1%; text-align:center; height:auto;}
.pro-img img{ width:100%; height:auto;}
.pro-img h3{ width:100%; height:24px; line-height:24px; font-size:14px; font-weight:normal; text-align:center;}
.pro-tit{ width:100%; height:28px; line-height:28px; text-align:center; background:#0c7e96; margin:5px 0; border-radius:5px}
.pro-tit a{ color:#fff; display:block}
.pro-tit a:hover{ background:#0a7085; border-radius:5px}

.foot{ width:100%; height:60px; line-height:30px; float:left; margin-top:10px;background:#009bad; margin:8px 0 0 0;}


.xf-boot-1x{float:left; width:25%; height:60px; background:url(xf-b6.png) no-repeat right;}
.xf-boot-2x{float:left; width:25%; height:60px; }
.xf-boot-2{background:url(shouye.png) no-repeat center; }
.xf-boot-3{background:url(duanxin.png) no-repeat center; }
.xf-boot-4{background:url(tel.png) no-repeat center; }
.xf-boot-5{background:url(circularmap.png) no-repeat center; }
.xf-boot-2, .xf-boot-3, .xf-boot-4, .xf-boot-5 {height:60px; text-align:center;}

.xf-boot-2 a, .xf-boot-3 a, .xf-boot-4 a, .xf-boot-5 a { padding-top:35px; display:block; color:#fff;}




.new-img{ width:49%; height:auto; overflow: hidden}
.new-img img{ border:1px #dfdfdf solid; width:96%; padding:1%; text-align:center; height:auto;}
.new-txt{ width:49%;}
.new-txt h3{ width:100%; height:auto; overflow:hidden; line-height:26px; font-weight:normal; font-size:14px;}
.new-txt h4{ width:100%; height:24px; line-height:24px; font-size:12px; background:#0c7e96; text-align:center; font-weight:normal; border-radius:5px; margin:5px 0;}
.new-txt h4 a{ color:#fff;}

.txt{width:98%; height:auto; overflow:hidden; padding:1%; line-height:26px;}
.txt img{ width:auto; height:auto; max-width:100%}