/* CSS Document */
body img{ border:none}
p{ color:#666666; font-size:15px}
.nav { float:right;  margin-top:40px}
/*==========Top Banner==========*/
.top-content-wrap{width:960px;margin:0 auto;}
.banner-wrap h3{font-size:20px;background:url(../images/home-icons.png) no-repeat;padding-left: 20px;font-weight: 500;margin-top: 14px; color: #FFFFFF; display:inline-table; padding-right:16px; text-shadow:0 1px 2px #555;}
.banner-wrap a{ text-decoration:none}

/*System Tabs*/
.win-btn p{color:#FFFFFF}
.mac-btn p{color:#FFFFFF}
.winPic{ background:url(../images/home-icons.png)no-repeat 12px -39px;}
.macPic{ background:url(../images/home-icons.png)no-repeat -55px -41px;}
.label{margin: 20px 0 14px 0;}
.text{ font-size:14px}

/*==Product Banner===================*/
.prod-name{
	color: #FFFFFF;
	font-size: 46px;
	padding-top: 20px;
	padding-bottom: 10px;
	text-shadow:0 1px 2px #555;
}
.pro-banner{position:relative;z-index:0; clear:both; padding-bottom:10px;}
.pro-banner .banner-wrap{position:relative; z-index:1;width: 978px;margin: 0 auto; text-align:center; padding-top:30px; padding-bottom:20px;}
.pro-banner .banner-wrap .name{color:#FFFFFF;font-size:35px;padding-top: 30px; text-shadow: 1px 1px #666;}
.pro-banner .banner-wrap .name small{font-size: 16px;padding: 3px 10px;border-radius: 5px;font-weight: normal;white-space: nowrap; background-color:#0066CC; margin-left:10px}
.pro-banner .banner-wrap h2{font-size: 40px;color:#FFFFFF;font-weight:normal;line-height: 1.2em;	text-shadow:0 1px 2px #555;	}
.download-btn{ padding:16px; margin:16px; width:58%;background:url(w-t-bg.png) repeat; display:inline-table;}
.download-btn .label{ margin:0px;}
.version-note{font-size: 16px;padding: 3px 10px;border-radius: 5px;font-weight: normal;white-space: nowrap;background-color: #0066CC;margin-left: 10px; float:left;color: #fff;}
.home-bg{background: url(../images/ultimate-banner.jpg);background-color:#3399ff; background-size:cover;}

.systemchoose{width:100%;margin-bottom: 6px;}
.systemchoose .system1,.system2,.system3{width:100%}
.systemchoose .system1 .label,.system2 .label,.system3 .label{font-size:16px;color:#FFFFFF;padding-top: 10px;}
.system1 .button,.system2 .button,.system3 .button{ margin-top:10px;width:100%}

.trail,.buy{width:40%; display:inline-block; padding:7px 35px 7px 60px;width:100px; font-size:22px; font-weight:bold;color: #FFFFFF;line-height:1em; margin-right:10px}
.trail {background:#19cb65 url(../images/trail_btn.png) no-repeat 20px center;height: 44px;  width: 136px;}
.free{ width: 150px;}
.buy {background:#f4871c url(../images/buy_btn.png) no-repeat 20px center;}
.trail:hover,.buy:hover{text-decoration:none;color: #FFFFFF;}
.trail:hover{ background:#1ed86d url(../images/trail_btn.png) no-repeat 20px center;}
.buy:hover{ background:#f6983c url(../images/buy_btn.png) no-repeat 20px center; }
.small{display:block;font-size:14px;font-weight:normal;}
/*==Top-Nav==================*/

.pro-nav{ display:inline-table; border:solid 1px #0099FF;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.pro-nav a{height:20px;margin-right:0px;width:72px;padding: 6px;float:left;color:#cccccc;}
.pro-nav a:hover{cursor:pointer;color:#ffffff;text-decoration:none; background-image:url(w-t-bg.png) repeat; font-size:17px; font-weight:200;}
.pro-nav .currItem{cursor:pointer;background-color:#3399ff;color:#ffffff;text-decoration:none;}

.pro-nav .choose #other_header{ top:0px;}
.pro-nav .choose .other li{ float:right; padding-top:18px;}
.pro-nav .choose ul li{font-size:15px;padding-top: 10px; color:#666666; margin-right:20px;}

/*==========Main==========*/
.home-main{padding:40px 0;}
.home-main.minor_bg{background:#f7f7f7 url(../images/this.png) no-repeat center 0;}
.home-main.gray{ background:#f7f7f7}
.home-main .title{font-size:26px;color:#333333;font-weight: bold;text-align:center;margin-bottom:30px;}
.home-main .title span{font-size:16px;color:#333333; font-weight:normal;text-align:center;margin-bottom:10px;}
.row-fluid {width: auto;margin: 0 auto;}
.container{width:978px;margin:0 auto;} 

/*=======primary-feature==========*/
.primary-left{width:47%;float: left; margin-right:20px}
.primary-right{float: left;width: 49%;padding-top: 20px;}
.primary-right h5{color: #373737;font-size:35px;line-height: 40px; font-weight:normal}
.primary-right p{margin-top: 10px;}

/*=======minor-feature==========*/
.minor-detail{text-align: center;width:30%;float:left; padding:1.6%;}
.minor-img{width:100%;}
.minor-detail h6{font-size:20px;padding:10px 0 10px 0;color:#3399ff;font-weight: bold;}

/*detail-container .item1 */
.comment-frame h6{font-size:24px;color:#333333;text-align:center;margin-top:30px;width: 100%;float: left;}
.comment-frame{float: left;width: 100%; margin-bottom:50px;}
.comment{ width:47%;margin:30px 0px 10px 18px;border:solid 1px  #e5e4e4;border-radius: 4px; float:left;}
.left-photo{margin-top:10px; text-align:center;}
.right-describe{ padding:10px;}
.right-describe p{width:auto;}
.big{font-size:30px;}
.star{margin-top:12px; display:inline-table;}
.name{margin-top:12px;color: #666666;padding-right: 10px; display:inline-table; padding-left:16px;}

/*=======Featured Softwares==========*/
.featured{width:20%; padding:6.5%; margin-bottom:20px; height:350px; padding-top:120px; float: left;margin:0px;display:inline-block;font-size:20px; font-weight:bold;line-height:1.5em;
background-size:101%;}
.fe-left{ text-align:center; padding-bottom:20px;}
.fe-right{ text-align:center;}
.fe-title,.fe-title a{font-size:19px;padding:5px 0 10px 0;color:#ffffff;font-weight: bold;}
.fe-text{ font-weight:normal;color:#ffffff; font-size:15px;}
.lt .fe-text{ color:#333333;}
.lt .fe-title, .lt .fe-title a{ color:#3399ff;}
.dl{ display:none; width:auto; text-align:center;}
.fe-dl{color:#FFFFFF;font-size:16px; padding:8px;cursor:pointer;border-radius:3px; margin-top:16px; background-color:#3399ff; display:inline-table; width:70%;}
.fe-dl a{color:#fff;; font-weight:normal;}
.fe-dl a:hover{text-decoration:none;}
.fe-dl:hover{ background-color:#3390ec;}
.featured:hover{background-image:none;}
.lf:hover{background-color:#514843}
.ls:hover{background-color:#27CC6D}
.lt:hover{background-color:#F6F6F6}
.featured:hover .fe-right{ width:100%; }
.featured:hover .fe-title{ color:#FFFFFF;text-align:center;}
.featured:hover .fe-title a{ color:#FFFFFF;text-align:center;}
.lt:hover .fe-title a{ color:#3399ff;}

.featured:hover .dl{ display:block;}

/*=======Trust us==========*/
.trust{width:23%;float:left; padding:1%;}
.trust-pic{float:left;text-align:center;width: 100%;}
.reason-title{width: 100%;margin-top:10px;float:left;text-align: center;color:#666666;font-weight: bold;}
.trust p{width: 100%;float:left;margin-top:5px;text-align: center;}

/*=======What's New & Topics========*/
.whatnew{width:59%;float:left;}
.whatnew-title,.topics-title{font-size:22px;border-bottom:1px dashed #ccc;
margin-bottom:10px;color:#818D8D;font-weight:bold;margin-right: 50px; padding-bottom:5px}
.whatnew li{ line-height:28px; color:#777777; list-style:square; list-style-position:inside;}
.topics{width:40%;float:right;}
.topics-title{margin-right: 0px;}
.topics a{line-height:28px; display:inline-table; padding-left:10px;}
.topics img{margin-top:3px;}

.lf{ margin-left:0px; background-image:url(../images/ls-1.jpg)}
.ls{ margin-left:0px; background-image:url(../images/ls-2.jpg)}
.lt{ margin-left:0px; background-image:url(../images/ls-3.jpg)}

@media (max-width: 979px) {
.top-content-wrap{width:80%;margin:0 auto;}
.download-btn{ width:80%; }
.pro-nav .choose{ width:80%; }
.pro-nav .choose .other{ float:right; width:55%;}
.pro-nav .choose ul li{margin-right:10px; }
.pro-nav .choose #other_header{ bottom:0px;}
.pro-banner .banner-wrap{width:98%; margin: 0 auto;}
.pro-banner .banner-wrap .forwin{width:100%;}
.nav{ margin-top:0px;}
.container{width:96%;margin:0 auto;}
.primary-left,.primary-right { width:100%; text-align:center}
.primary-left img{width:auto;}
.minor-img img{width:100%;}
.featured{width:27% ; border:none;margin-bottom:10px }
.featured:hover .fe-dl{width:78%; margin-right:0px}
.lt:hover .fe-dl{width:30%; margin-right:0px; display:inline-table;}
.lf,.ls{width:40%; padding:5%; margin-bottom:20px; height:350px; padding-top:120px; }
.lt{width:90%; padding:5%; margin-bottom:20px; height:220px; padding-top:20px; }
.fe-title{ width:100%; }
.fe-dl{width:70%; text-align:center ; margin-left:2px;}
.comment{ margin-left:16px;}
.word{ margin-left:280px}
}

@media (max-width: 768px) {
.top-banner{background-position: 100% 0;}
.top-content-wrap{width:460px;margin:0 auto;height: 420px;}
.blueBtn-b{display:none}
.top-banner{background-image:none;}
.pro-banner .banner-wrap .forwin .label{ padding-top:0px} 
.system1 .button .trail,.system2 .trail,.system3 .trail{display:none}
.pro-banner .banner-wrap h3{ margin-bottom:0px}
.pro-banner .banner-wrap .name{padding-top:15px;}
.container{width:90%;}
.minor-detail,.featured, h5{width:100%; margin-left:0px; }
.minor-img img{width:auto;}
.lf,.ls,.lt{width:90%; padding:5%; margin-bottom:20px; height:220px; padding-top:20px; }
.fe-title:hover{ text-decoration:underline;cursor:pointer;}
.featured:hover .fe-text{ display:block;}
.featured:hover .dl{ display:none;}
.trust{width:45%; margin-left:0px}
.whatnew,.topics{width:100%; padding-bottom:20px; padding-bottom:0px}
.comment{ width:100%;}
.comment{ margin-left:0px;}
.left-photo img{ width:auto}
}

@media (max-width: 479px) {
.top-content-wrap{width:308px;margin:0 auto; padding-bottom:40px; height:400px}
.top-left h2{ font-size:32px}
.container{width:308px;margin:0 auto;}
.primary-left img{width:100%;}
.trust{width:100%;}
.whatnew{ margin-bottom:20px}
.word{ margin-left:40px}
}

/*second part banner style*/

.row {
  display: flex;
  flex-direction: row;
  margin-left: -15px;
  margin-right: -15px;
}

.col-md-6 {
  width: 50%
  margin: 0 5px 0 5px;
}




prd-two .col-md-6 {
  padding: 0
}

.prd-two .prd-odd {
  padding-right: 3px
}

.prd-two .prd-even {
  padding-left: 3px
}

.prd-two .img {
  width: 100%;
  padding-bottom: 1px
}
.prd-two .img img{
  width: 100%;
}

.prd-two .title1 {
  font-size: 20px;
  color: #1c1c1c;
  padding: 15px 55px 0;
  background: #f7f7f7;
  text-align: center
}

.prd-two .title1 a {
  color: #3399ff;
}

.prd-two .title1 a:hover {
  color: #424242
}

.prd-two .info {
  font-size: 15px;
  color: #424242;
  padding: 10px 55px 0;
  background: #f7f7f7
}

.prd-two .learn-more {
  background: #f7f7f7;
  padding: 20px 0;
  text-align: center
}

.prd-two .learn-more a {
  display: inline-block;
  border: 1px solid #3399ff;;
  border-radius: 15px;
  color: #3399ff;;
  padding: 0 20px;
  font-size: 18px;
  height: 28px;
  line-height: 24px
}

.prd-two .learn-more a i {
  font-size: 16px
}

.prd-two .learn-more a:hover {
  color: #424242;
  border-color: #424242;
  text-decoration: none
}






.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}


/*min-width: 320px 当屏幕的宽度大于等于320时*/
@media screen and (min-width: 320px) {
  .row {
    flex-direction: column;
  }
  .col-md-6 {
    width: 100%
  }
}


/*min-width: 768px 当屏幕的宽度大于等于768时*/
@media screen and (min-width: 768px) {
  .row {
    display: flex;
    flex-direction: row;
  }
  .col-md-6 {
    width: 50%
  }
}

.home-bg-new {
    background: url(../images/ultimate-banner4.jpg);
    background-color: #3399ff;
    background-size: cover;
}

/*
.minor-detail-1 h6 {
  font-size: 20px;
  padding: 10px 0 10px 0;
  color: #4aabe4;
  font-weight: bold;
}

.minor-detail-1 {
  text-align: center;
  width: 100%;
    float: left;
  padding: 1.6%;
}


/*min-width: 768px 当屏幕的宽度大于等于768时*/
@media screen and (min-width: 768px) {
.minor-detail-1 {
  width: 30%;
}
}

 .prd-odd:hover{
      transform: scale(1.04);
      box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.2);
    }
  .prd-even:hover{
    transform: scale(1.04);
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.2);
  }