*{ padding:0; margin:0;}
ul,ol{ list-style:none;}
a{ text-decoration:none;}
input,button,a{ outline:none;}
body{ font-family:"Microsoft YaHei"; color:#545454;overflow-x: hidden;}
img{ border:none; vertical-align:middle;}
h5{ font-weight:normal;}
i,em{ font-style:normal;}

.header{ width:100%; min-width:1200px; height:80px;}
.header .con{ width:1200px; margin:0 auto;}
/*.header .con img{ float:left; width:103px; height:38px; margin-top:25px;}*/
.header .con img{ float:left; width:160px; height:27px; margin-top:33px;}
/*.header .con ul{ float:right; position:relative; top:3px; left:0;}*/
.header .con ul li{ float:left; position:relative; padding: 0 35px;}
.header .con ul li:last-child{padding-right: 0;}
.header .con ul li>a{ display:block; color:#545454; font-size:14px; padding:30px 0; cursor:pointer;transition: 0.3s;}
.header .con ul li>a.on,.header .con ul li:hover>a{color: #365dff;}

.banner{width:100%; min-width:1200px;overflow: hidden;position: relative;}
.banner img{width: 1920px;height: 370px;position: relative;top: 0;left: 50%;margin-left: -960px;}
.banner a{display: inline-block;font-size: 18px;color: #fff;width: 195px;height: 40px;line-height: 40px;text-align: center;position: absolute;top: 242px;left: 0;right: 0;border: 1px solid #fff;margin: 0 auto;transition: 0.3s;border-radius: 3px;}
.banner a:hover{background-color: #fff;color: #365dff;}

.crumbs{width: 1200px;height: 100px;line-height: 100px;margin: 0 auto;}
.crumbs p{font-size: 16px;color: #3c3e40;}
.crumbs a{font-size: 16px;color: #3c3e40;}
.crumbs a:hover{text-decoration: underline;}

#menu{position:fixed;right: 6%;top:100px;width: 150px;background-color: #fff;box-shadow: 0 5px 10px #e6e9eb;border-radius: 3px;display: none;z-index: 1;}
#menu li{margin: 3px;border-bottom: 1px solid #eee;text-align: center;}
#menu li:last-child{border-bottom: none;}
#menu li a{height: 70px;line-height: 70px;display: block;border-radius: 3px;font-size: 18px;color: #6c6c6c;transition: 0.3s;}
#menu li .wt-75{padding: 8px 30px;line-height: 1.4em;box-sizing: border-box;}
#menu li a:hover,#menu li a.current{color:#fff;background:#365dff;}　
.interval{}

#content{width: 100%;min-width: 1200px;}
.payment{background-color: #f9f9f9;width: 100%;min-width: 1200px;padding-bottom: 50px;}
.payment .con,.smart{width: 1200px;margin: 0 auto;}
.main-title{text-align: center;}
.main-title p{font-size: 16px;color: #8c8c8c;}
.main-title b{font-size: 36px;color: #1f1f1f;display: block;}
.main-title i{width: 25px;height: 8px;display: inline-block;background-color: #12a8f3;border-radius: 30px;}


.payment em,.smart em{font-size: 18px;color: #8b8d92;margin-bottom: 21px;display: block;letter-spacing: 1px;line-height: 1.75em;}
.payment li{width: 280px;min-height: 165px;border-radius: 3px;float: left;background-color: #fff;margin-right: 26px;margin-bottom: 20px;text-align: center;transition: 0.3s;}
.payment li:nth-child(4n){margin-right: 0;}
.payment li:hover{box-shadow: 0 0 20px #e8eaec;}
.payment li i{width: 38px;height: 38px;line-height: 38px;display: block;background-color: #365dff;font-size: 23px;color: #fff;font-family: arial;border-radius: 50%;text-align: center;margin: 12px auto;}
.payment li b{font-weight: normal;font-size: 18px;color: #4c4d50;margin-bottom: 4px;display: block;}
.payment li p{font-size: 16px;color: #6c6c6c;padding: 0 15px;line-height: 1.65em;text-align:justify; text-align-last:center;}
.payment span{font-size: 18px;color: #8b8d92;margin-top: 9px;display: block;line-height: 1.75em;letter-spacing: 1px;}
.payment img{margin-top: 45px;width: 1200px;}

.smart em{margin-bottom: 30px;}
.smart li{float: left;width: 47%;height: 125px;display: flex;}
.smart li:nth-child(2n){margin-left: 50px;}
.smart li img{width: 85px;height: 85px;transition: 0.3s;}
.smart li:hover img{transform:rotate3d(0,1,0,180deg);}
.smart li .title{margin-left: 35px;margin-top: 3px;}
.smart li .title i{font-size: 18px;color: #4c4d50;}
.smart li .title p{width: 430px;font-size: 14px;color: #7f838a;margin-top: 9px;line-height: 1.75em;}

.pd-b{padding-bottom: 70px;}
.pd-b li{min-height: 368px;}

/*系统架构*/
.system{width: 100%;min-width: 1200px;padding-bottom: 50px;}
.system .con{width: 1200px;margin: 0 auto;}
.system .con li{float: left;width: 354px;height: 396px;background: url(../images/about/system_pro.png) center no-repeat;margin-right: 69px;position: relative;text-align: center;transition: 0.3s;}
.system .con li:nth-child(3){margin-right: 0;}
.system .con li:hover{background: url(../images/about/system-on.png);}
.system .con li img{width: 61px;height: 51px;position: absolute;top: 90px;left: 145px;opacity: 1;transition: 0.3s;}
.system .con li:hover .pic{opacity: 0;}
.system .con li i{font-size: 24px;color: #2b2b2b;margin-top: 165px;display: block;transition: 0.3s;}
.system .con li p{font-size: 14px;color: #565d68;width: 230px;margin: 15px auto 0;line-height: 1.7em;transition: 0.3s;}
.system .con li:hover i,.system .con li:hover p{color: #fff;}


@media screen and (max-width: 1440px) {
.banner	img{width: 1440px;height: 278px;margin-left: -720px;}
.banner a{top: 185px;font-size: 14px;width: 143px;height: 35px;line-height: 35px;}

#menu{right: 2%;width: 130px;}
#menu li{margin: 2px;}
#menu li a{font-size: 16px;height: 60px;line-height: 60px;}

.main-title p{font-size: 12px;}
.main-title b{font-size: 30px;}

.payment em,.smart em,.payment span,.smart li .title i{font-size: 16px;}
.payment li p{font-size: 14px;padding: 0 30px;}

.pd-b li{min-height: 340px;}

.system .con li i{font-size: 18px;}
}

.footer{width:100%; min-width:1200px;height: 220px;background-image: linear-gradient(to right, #2047c0, #0290fe);}
.footer .con{width: 1200px;margin: 0 auto;}
.footer .con .left{float: left;}
.footer .con .left b{color: #fff;font-size: 18px;display: block;margin: 30px 0 25px;font-weight: normal;letter-spacing: 1px;}
.footer .con .left ul{width: 463px;height: 51px;background: url(../images/index/line.png);}
.footer .con .left li{float: left;margin-right: 47px;}
.footer .con .left li:last-child{margin-right: 0;}
.footer .con .left li a{color: #fff;font-size: 14px;line-height: 51px;transition: 0.3s;}
.footer .con .left li:hover a{opacity: 0.8;}
.footer .con .right{float: right;display: flex;margin-top: 38px;}
.footer .con .right ul{margin-right: 20px;margin-top: 8px;}
.footer .con .right li{margin-bottom: 11px;}
.footer .con .right li img{width: 16px;height: 16px;margin-right: 3px;}
.footer .con .right li i{font-size: 14px;color: #fff;letter-spacing: 1px;}
.footer .con .right .pic{width: 100px;height: 100px;}
.footer .con .title{text-align: center;margin-top: 35px;}
.footer .con .title p{display: inline-block;color: #fff;font-size: 14px;}
.footer .con .title img{width: 18px;height: 20px;margin-left: 5px;position: relative;top: -2px;}

.Clear{ clear:both;}