@charset "utf-8";
*{box-sizing: border-box;  -moz-box-sizing:border-box; /* Firefox */  -webkit-box-sizing:border-box; /* Safari */  -webkit-font-smoothing: antialiased; /* 抗锯齿很好  */margin:0; padding:0;}
html {background-color: #fff; color: #555; font: 12px/22px simsun,Arial,Helvetica;}
body,div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p {margin: 0;padding: 0;}
body{ font:12px/22px Microsoft YaHei,'simsun','arial','Tahoma';  color:#222; background-color:#ffffff; }
ul,li{ list-style:none;}
a {text-decoration:none; color:#222;outline:none}
a:hover{color:#222; text-decoration: underline;}
h1{font-size:20px;font-family:Microsoft YaHei , SimHei; font-weight:normal;}
h2{font-size:20px;font-family:Microsoft YaHei , SimHei; font-weight:normal;}
h3{font-size:20px;font-family:Microsoft YaHei , SimHei; font-weight:normal; }
em,i{font-style:normal}
fieldset,img{border:0}
img{ border:0;vertical-align: top;}

body,.main{position: relative; width: 100%; max-width: 1920px; min-width: 1200px; margin: 0 auto;}
.main{width:100%;}
.logo{padding:40px 80px; width: 100%;}
.logo a{display: block; padding:0 0 0 100px; width: 320px; height: 91px; background:url("../images/logo3.png") no-repeat center left/90px;}
.logo a h1{padding: 5px 0 0; font-size: 48px; font-weight: 700; line-height: 55px;}
.logo a p{font-size: 21px; color:#666 ; line-height: 28px;}
.logo a:hover,.logo a:hover h1,.logo a:hover p{text-decoration: none;}
.row{display: -webkit-flex; display: flex; flex-flow:row nowrap;justify-content: space-between; padding:0 80px; width: 100%;}
.rowItem:nth-child(1){width: 36%;}
.title{margin: 60px 0 20px; font-size: 32px; font-weight: 700; line-height: 56px;}
.synopsis{width: 100%; font-size: 20px; line-height: 56px; color: #555;}
.download{margin: 50px auto 0; width: 240px; height: 64px; border-radius: 32px; background-color: #4AD662; box-shadow: 0 20px 30px rgba(74,214,98,.3); }
.download a{display:flex; display: -webkit-flex; align-items:center; width: 240px; height: 64px;  }
.download a{display:flex; display: -webkit-flex; align-items:center; width: 240px; height: 64px;  }
.download a:hover {color:#fff; text-decoration: none; cursor:pointer;}
.download a span{margin:0 auto; font-size: 20px; color: #fff;}
.rowItem:nth-child(2),.rowItem:nth-child(3){width: 30%;}
.imgBox{display: -webkit-flex; display: flex; flex-flow:row nowrap; justify-content: space-between; width: 100%;}
.imgBox img{display: block; width: 48%; border-radius: 4px; box-shadow: 0 3px 6px rgba(0,0,0,.15);}
.text{margin: 20px 0 0; width: 100%;}
.text p{font-size: 18px; line-height: 34px;}
.list{margin: 50px auto 0; display: flex; flex-flow: row wrap;  justify-content: space-between; width: 840px;}
.list ul{display: flex; flex-flow: row wrap;  justify-content: space-between; width: 840px; }
.list ul li{display: block; text-align: center; }
.list ul li:before{margin: 0 auto; display: block; width: 88px; height: 88px; border-radius:50%; content: "";  }
.list ul li:nth-child(1):before{background: rgba(12,47,101,.07) url("../images/icon01.png") no-repeat center/contain; }
.list ul li:nth-child(2):before{background: rgba(12,47,101,.07) url("../images/icon02.png") no-repeat center/contain; }
.list ul li:nth-child(3):before{background: rgba(12,47,101,.07) url("../images/icon03.png") no-repeat center/contain; }
.list ul li:nth-child(4):before{background: rgba(12,47,101,.07) url("../images/icon04.png") no-repeat center/contain; }
.list ul li p:first-of-type{margin: 10px auto 0; text-align: center; font-size: 20px; line-height: 26px; font-weight: 700; color: #3A4264; }
.list ul li p:last-of-type{text-align: center; font-size: 14px; line-height: 19px; color: rgba(58,66,100,.66); }
.footer{ margin:50px 80px 0; padding: 40px 0; width:calc(100% - 160px); height:100px; text-align:center; border-top: 1px solid #eee; }
.footer p{ font-size: 14px; line-height: 20px; color: #3A4264; text-align: center;}