﻿@charset "utf-8";
*{ margin:0; padding:0;}
body{ margin:0 auto; padding:0; width:100%; color:#333; font:14px/1.5;  font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; text-align:center; -webkit-font-smoothing:antialiased;}
a:link, a:visited{ text-decoration:none;}
a:hover{color:red;}
ul,dt,dd { list-style:none;}
a{ color:#666;}
.hidden{ display:none;}
.clear{clear:both;}
img{ border:none;}
#warp{ width:100%; overflow:hidden; }
#webwidth{  margin:0 auto;  width:1420px; overflow:hidden; }
.banner img{ width:100%;}
.web_hr{  width:100%; height:1px; border-top:1px solid #ccc; }
.footerbg{ background-color:#222325; width:100%; }
.footer{ padding:50px 0px 40px; width:1420px; margin-left:auto; margin-right:auto; text-align:left; }
.footer .tit{ font-weight: 400; font-size: 28px; color: #fff;}
.footer .txt{ font-weight: 400; font-size: 13px; color: #fff; margin-top:20px; margin-bottom:20px;line-height:25px;}
.footer .f_left{ float:left; width:450px; margin-left:200px; }
.footer .f_right{ float:right; margin-right:200px; }
.footer .f_right .qrcode{ float:left; width:150px;margin-left:25px; }
.footer .f_right .qrcode .pic img{ width:100%;height:100%;margin-bottom:20px; }
.footer .f_right .qrcode .text{ color:#fff;font-size:13px;text-align:center;line-height:25px; }

.footer .more a{ font-size:13px; color:#199ed8 }

.main { width: 1200px;margin: 0 auto; }
.home .item { padding-top: 50px; }
.home .item:last-child { padding-bottom: 80px; }
.home .item .tit { font-size: 22px; color: #000; }
.home .item .line { width:80px; margin:10px auto 40px; border-top:3px solid #c4141f; }
.home .item .imgBox img { width: 100%; }

.function { width:100%;}
.function .bg{ width:100%;}
.function .bg:nth-child(even){ background-image:url('../img/function/u1.jpg')}
.function .bg:nth-child(odd){ background-image:url('../img/function/u2.jpg')}
.function .block { width:1200px; margin:0 auto; height:580px; padding-top:90px; box-sizing:border-box; overflow:hidden; position:relative }
.function .block .left{ float:left; }
.function .block .right { float:right }
.function .block .left .tit{ width:450px; text-align:left; font-size:22px; color:#373737; font-weight:bold; margin-bottom:25px }
.function .block .right .tit{ width:450px; text-align:left; font-size:22px; color:#fff; font-weight:bold; margin-bottom:25px }
.function .block .left .txt{ width:450px; text-align:left; font-size:14px; color:#333; line-height:25px; }
.function .block .right .txt{ width:450px; text-align:left; font-size:14px; color:#fff; line-height:25px; }
.function .block .left img,.function .block .right img{ max-width:750px; }
.function .bg:nth-child(even) img{ position:absolute; bottom:0 }


.download { height:800px; }
.download .tit,.about .tit,.contact .tit { padding-top:50px; margin: 0 auto 65px; width: 196px; height: 45px; background-image: url(../img/u56.png); background-repeat: no-repeat; background-position: bottom center; font-size: 16px; color: #000; }

.download .left,.download .right { float:left; }
.download .right { width:300px; padding-top:80px; margin-left:200px; }
.download .right img{ width:300px; height:300px; margin-bottom:15px; }
.download .right .text{ text-align:center; line-height:26px; font-size:14px; color:#333; }

.about .introduce img{ width:100%;}
.about .introduce { margin-bottom: 50px; }
.about .content { position:relative;padding-bottom:90px; }
.about .content .left { width:850px; }
.about .content .right { position:absolute; right:0; top:0; }
.about .content .right img { max-width:300px; }
.about .content .text { text-align:left; line-height:26px; font-size:14px; color:#333; }
.about .content .blank { height:26px; }
.statistical { background-color:#f5f4f3; padding:70px 0 60px; }
.statistical img{ width:1200px; }

.contact { overflow:hidden; padding-bottom:110px; }
.contact .left { float:left; text-align:left; }
.contact .left p { line-height:26px; color:#000; }
.contact .left .title{ font-size:16px; font-weight:700; }
.contact .left .text{ font-size:14px; }
.contact .left .blank{ height:26px; }
.contact .right { float:right; width:180px; padding-top:40px; margin-right:150px; }
.contact .right img{ width:180px; height:180px; margin-bottom:15px; }
.contact .right .text{ font-size:14px; color:#333; line-height:26px; }
