/*main*/
body,html{ background:#fff; font: 14px "Myriad-Pro-Regula", Helvetica, Arial, Verdana, sans-serif; color:#000;-webkit-font-smoothing:antialiased; }
.wrapper{width:1000px; margin:0 auto; display:block; position: relative; }

a { text-decoration: none;}
.top { width: 1000px; position: absolute; top: 0; left: 50%; margin-left: -500px; height: 70px; border-bottom: solid #d8d8d8 1px;}
.top .logo { float: left; margin-top: 20px; height: 32px; line-height: 34px;
  text-indent: 40px;
  font-family: 'Myriad-Pro-Regular';
  font-weight: normal;
  font-size: 18px;
  background: url('../../../source/images/icons.png') no-repeat;
}
.top .logo a {
  color: #000;
  text-decoration: none;
}
.btn { display: block; width: 250px; height: 60px; font-size: 20px; background-color: #1067b8; border-radius: 35px; text-align: center; line-height: 60px; color: #fff;
    background-image: -moz-linear-gradient(90deg, #1067b8 0, #33b0ff 100%);
    background-image: -webkit-linear-gradient(90deg, #1067b8 0, #33b0ff 100%);
    background-image: -ms-linear-gradient(90deg, #1067b8 0, #33b0ff 100%);
    box-shadow: 0 8px 20px 0 #bcbcbc;
  }
.btn i { display: inline-block; width: 22px; height: 17px; margin-right: 10px; background: url('../../../source/images/icons.png') no-repeat; background-position: -2px -350px;}

h2 {font-family: 'Myriad-Pro-Regular';}
/*header*/
.header{ height: 479px; padding-top: 71px;font-family: 'Myriad-Pro-Regular'; }
.header .left { float: left;}
.header .left h2{line-height:39px;padding-top:55px;font-size:60px;font-weight:normal;}
.header .left h2 sup{display:inline-block;width:48px;height:20px;color: #fff;line-height:20px;border-radius:10px;text-align:center;vertical-align:top;background-color:#dd0038;font-size:14px}
.header .left h2+h3{margin-top:20px;margin-bottom:25px;font-size:22px;font-weight:normal}
.header .left dl { padding-top: 10px; margin-bottom: 20px;}
.header .left dl dt{ margin-bottom: 10px; font-size: 18px;}
.header .left dl dd { background: url(../images/list.png) no-repeat 0px 2px; text-indent: 25px; font-size: 16px; color: #373737; line-height: 26px; }
.header .computer{  float:right; margin-top: 75px; margin-right: -70px;}

.content {font-family: 'Myriad-Pro-Regular';}

/*cross*/
.content .title { margin-top: 30px; margin-bottom: 30px; text-align: center; font-size: 28px; font-weight: 400;}
.content .message-list { margin-top: 50px; overflow: hidden;}
.content .message-list img { float: left; margin-left: 30px; }
.content .message-list dl { float: left; width: 530px; margin-left: 75px; margin-top: 45px;}
.content .message-list dl h3 { margin-bottom: 15px; font-size: 34px; font-weight: 400;}
.content .message-list dl dd { width: 440px; line-height: 24px; font-size: 16px; color: #373737;}

.content .message-list.gray { padding: 70px 0px; background: #fafafa;}
.content .message-list.gray dl { margin-top: 15px; }
.content .message-list.gray img { margin-left: 100px;}
.content .message-list.startup dl { margin-left: 50px;}
.content .message-list.startup img { margin-left: 0px;}
.content .message-list:nth-child(2) img { margin-top: 48px;}

.junk { height: 550px; background: url(../images/content.jpg) no-repeat center bottom;}
.junk h2 {margin:50px 0px; text-align: center;}
.junk ul { float: left; font-size: 12px;}
.junk ul li { float: left; color: #000; text-align: left; margin: 3px 0px;height: 46px; line-height: 46px;width: 50%;}
.junk ul li i { width: 42px; display: inline-block; vertical-align: middle; background: url('../../../source/images/list.png') no-repeat; }
.junk ul li i.icons01 { width: 29px; height: 42px; background-position:  -5px 0; }
.junk ul li i.icons02 { width: 35px; height: 30px; background-position: -2px -64px; } 
.junk ul li i.icons03 { width: 36px; height: 29px; background-position: -2px -114px; }      
.junk ul li i.icons04 { width: 35px; height: 31px; background-position: -3px -163px; } 
.junk ul li i.icons05 { width: 31px; height: 37px; background-position: -6px -204px; }  
.junk ul li i.icons06 { width: 34px; height: 35px; background-position: -2px -256px; }
.junk ul li i.icons07 { width: 35px; height: 28px; background-position: -2px -310px; }
.junk ul li i.icons08 { width: 30px; height: 38px; background-position: -6px -357px; }
.junk ul li i.icons09 { width: 38px; height: 38px; background-position: -2px -408px; }
.junk ul li i.icons10 { width: 38px; height: 32px; background-position: -2px -470px; }
.junk ul li i.icons11 { width: 40px; height: 40px; background-position: -2px -519px; }
.junk ul li i.icons12 { width: 35px; height: 29px; background-position: -3px -569px; }
.junk ul li i.icons13 { width: 40px; height: 37px; background-position: 0 -622px;}
.junk ul li i.icons14{ width: 42px; height: 38px; background-position: -2px -669px;}
.junk ul li i.icons15{ width: 38px; height: 42px; background-position: -3px -720px; }
.junk ul li i.icons16{ width: 40px; height: 41px; background-position: -2px -768px; }
.junk ul li i.icons17{ width: 34px; height: 46px; background-position: -6px -814px; }
.junk ul li i.icons18{ width: 38px; height: 36px; background-position: -3px -869px; }
.junk ul li i.icons19{ width: 40px; height: 32px; background-position: -3px -918px; }

.junk ul.list01 { width: 340px; margin-left: 50px; margin-top: 45px; }
.junk ul.list02 { width: 360px; margin-left: 220px; margin-top: 35px;}
.junk ul.list03 { width: 310px; margin-left: 160px; margin-top: 55px;}
.junk ul.list03 li { width: auto; margin-right: 10px;}

.junk ul.list04 { width: 420px; margin-left: 98px; margin-top: 45px; }
.junk ul.list04 li { width: auto; margin-right: 10px;}

.content .more-than {margin-top: 60px; margin-bottom: 30px; }
.content .more-than .img-box { width: 493px; height: 200px; margin-bottom: 30px; float: left; line-height: 200px; background-color: #fafafa; text-align: center;}
.content .more-than .img-box img { display: inline-block; vertical-align: middle;}
.content .more-than .img-box.right { float: right;}
.content .more-than .btn{ clear: both; margin: 0px auto;}

.content .user-reviews { width: 879px; background-color: #fbfbfb; padding-top: 30px; padding-bottom: 30px; border: solid #f4f4f4 1px; border-radius: 5px; margin-top: 60px; margin-bottom: 60px;}
.content .user-reviews dt { float: left; margin-left: 60px;}
.content .user-reviews dd { position: relative; float: left; margin-left: 20px; width: 650px; font-size: 14px; line-height: 24px; color: #373737;}
.content .user-reviews dd:last-child { text-align: right;}
.content .user-reviews h4 { position: relative; margin-bottom: 15px; font-size: 20px; font-weight: normal;}


.contact-us { height: 401px; background: #f2f2f2; text-align: center; }
.contact-us dl { padding-top: 45px;  line-height: 24px;}
.contact-us h3 { margin-bottom: 5px; font-size: 30px; font-weight: normal;}
.contact-us dd { font-size: 14px;}
.contact-us dd a { color: #11c1f7; text-decoration: underline;}

.footer { height: 76px;}
.footer .footer-info {bottom: 10px; border-top: none;}