/*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: 100%; position: absolute; top: 0; 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; background: url(../images/banner.jpg) no-repeat center; 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{ width:643px; height:393px; float:right; margin-top: 55px; 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: #f1f1f1;}
.content .message-list.gray dl { margin-top: 15px; margin-left: 25px;}
.content .message-list.gray img { margin-left: 100px;}


.content .message-list.organized dl {  margin-left: 140px; margin-top: 20px;}
.content .message-list.organized dl dd { width: 460px}
.content .message-list.organized h4 { margin-bottom: 12px; margin-top: 25px; font-size: 20px; font-weight: normal; color: #000;}
.content .message-list.organized img { margin-left: 35px; margin-top: 35px;}

.content .more-than {margin-top: 60px; margin-bottom: 30px; background-color: #fdfdfd;}
.content .more-than .img-box { width: 493px; height: 200px; margin-bottom: 45px; float: left; line-height: 200px; border: solid #eee 1px; 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; text-align: center; background: url(../images/bottom-bg.jpg) no-repeat center; color: #a7a7b1;}
.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;}