/*what is new -start*/
.clearfix:after{clear:both;content:"\200B";display:block;height:0;}
.clearfix{*zoom:1;}
.top-nav { width: 100%; background: #3498de; position: relative; z-index: 11;}
.top-nav .bigtitle {width: 100%; text-align: center; border-bottom: 1px solid #a0cff0; font-size: 24px; color: #fff; height: 103px; line-height: 103px; margin: 0 auto;}
.nevg-bar { width: 1200px; margin: 0 auto; padding: 30px 0;}
.nevg-bar dl { float: left; margin-right: 28px;}
.nevg-bar dl.api { margin-right: 0;}
.nevg-bar dl.Draftings { width: 360px;}
.nevg-bar dl.Outputs { width: 100px;}
.nevg-bar dl.Tools { width: 155px;}
.nevg-bar dl dt { display: block; margin-bottom: 10px;}
.nevg-bar dl.Draftings dt { text-indent: 90px;}
.nevg-bar dl dt a { display: block; font-size: 16px; color: #fff;}
.nevg-bar dl dt a:hover { color: #f0f0f0;}
.nevg-bar dl dd { display: block;}
.nevg-bar dl dd a { display: block; color: #fff; font-size: 12px; line-height: 26px;}
.nevg-bar dl dd.d2 { width: 360px;}
.nevg-bar dl dd.d2 a { float: left; width: 170px; }
.nevg-bar dl dd.d2 a.a1 { width: 140px;}
.nevg-bar dl dd a:hover { color: #f0f0f0;}
.top-nav.scrolnav { display: none; position: relative; background-color: #fff; box-shadow: 0px 1px 1px #edebeb; z-index: 10;}
.top-nav.scrolnav .bigtitle { display: none;}
.top-nav.scrolnav .nevg-bar { padding: 0;}
.top-nav.scrolnav .nevg-bar dl { position: relative;}
.top-nav.scrolnav .nevg-bar dl dd { display: none;}
.top-nav.scrolnav .nevg-bar dl dt { height: 42px; line-height: 42px; margin-bottom: 0;}
.top-nav.scrolnav .nevg-bar dl dt a { color: #333;}
.top-nav.scrolnav .nevg-bar dl dd { position: absolute; background: #fff; padding: 10px; border: 1px solid #ccc; border-top: none; top: 42px;}
.top-nav.scrolnav .nevg-bar dl dd a { display: block; color: #444;}
.top-nav.scrolnav .nevg-bar dl dd a:hover { color: #3498de;}
.scrolnav .nav_logo { float: left;}
.scrolnav .nav_logo img { height: 42px;}
.top-nav.scrolnav .nevg-bar dl { float: left; width: auto; margin-right: 0; margin: 0 3px;}
.top-nav.scrolnav .nevg-bar dl.Draftings dt { text-indent: 0;}
.top-nav.scrolnav .nevg-bar dl dt { text-align: center; margin: 0 10px;}
.top-nav.scrolnav .nevg-bar dl dt a { font-size: 14px;}

/*what is new -end*/


/*innovations -start*/

/*innovations -end*/

@media screen and (min-width: 1337px) {
  .bot-word p ,.comp-list li p { font-size: 26px; line-height: 36px;}
  .nevg-bar dl dt a { font-size: 18px;}
  .top-nav.scrolnav .nevg-bar dl dt a ,.scrolnav .scrolnavr dl.download a { font-size: 16px;}
  
  .nevg-bar dl dd a { font-size: 14px;} 
  .nevg-bar dl dd.d2 a { width: 200px;}
  .nevg-bar dl dd.d2 a.a1 { width: 120px;}
  
}
@media only screen and (min-width:1680px) {
  .bigtitle ,.nevg-bar ,.contents { width: 1400px;}
  .nevg-bar dl { margin-right: 54px;}
  .top-nav .bigtitle { font-size: 26px;}
  .top-nav.scrolnav .nevg-bar dl { margin: 0 10px;}
}
@media only screen and (min-width: 1010px) and (max-width:1336px) {
  .bigtitle ,.nevg-bar ,.contents { width: 1200px;}
  .top-nav .bigtitle { font-size: 20px; height: 70px; line-height: 70px;}
  .top-text h1 { font-size: 45px;}
  .nevg-bar dl { margin-right: 10px;}
  .nevg-bar dl dt a { font-size: 16px;}
  .nevg-bar dl.Draftings { width: 300px;}
  .top-nav.scrolnav .nevg-bar dl dt a ,.scrolnav .scrolnavr dl.download a { font-size: 14px;}
  .scrolnav .scrolnavr dl.download a { margin-top: 5px;}
  .nevg-bar dl dd a { font-size: 12px;} 
  .nevg-bar dl dd.d2 a { width: 200px;}
  .nevg-bar dl dd.d2 a.a1 { width: 120px;}
  .contents { padding: 20px 0 40px;}
  
  .comp-list li .img img { height: 250px;}
}
@media screen and (max-width: 1010px) {
  .bigtitle ,.nevg-bar ,.contents { width: 96%;}
  .top-nav .bigtitle { font-size: 18px; height: 50px; line-height: 50px; overflow: hidden;}
  .top-text h1 { font-size: 40px;}
  .nevg-bar dl { margin-right: 10px;}
  .nevg-bar dl dt a { font-size: 16px;}
  .nevg-bar dl.Draftings { width: 300px;}
  
  .nevg-bar dl dd a { font-size: 12px;} 
  .nevg-bar dl dd.d2 a { width: 200px;}
  .nevg-bar dl dd.d2 a.a1 { width: 120px;}
  .contents { padding: 20px 0 40px;}
  
  
  
}
@media screen and (max-width: 800px) {
  .bigtitle ,.nevg-bar ,.contents { width: 98%;}
  .top-nav .bigtitle { font-size: 18px; height: 50px; line-height: 50px; overflow: hidden;}
  .top-text h1 { font-size: 40px;}
  .nevg-bar dl { margin-right: 6%;}
  .nevg-bar dl dt a { font-size: 14px;}
  .nevg-bar dl.Draftings ,.nevg-bar dl.Tools ,.nevg-bar dl.Outputs { width: auto;}
  .nevg-bar dl.Draftings dt { text-indent: 0;}
  
  .nevg-bar dl dd a { font-size: 12px;} 
  .nevg-bar dl dd.d2 a { width: 200px;}
  .nevg-bar dl dd.d2 a.a1 { width: 120px;}
  .contents { padding: 20px 0 40px;}
  
}
@media screen and (max-width: 500px) {
  .nevg-bar { padding: 10px 0;}
  .top-nav .bigtitle { display: none;}
  
}

/*20170708*/
.n-zwbox {opacity: 0; position: relative; width: 90%; margin: 0 auto; padding: 30px 0 0; transition: all 1s; transform: translateY(100px);}
.n-zwbox1.wow,.n-zwbox2.wow,.n-zwbox3.wow,.n-zwbox4.wow,.n-zwbox5.wow,.n-zwbox6.wow,.n-zwbox7.wow{opacity: 1; transform: translateY(0);}
.n-zwbox .title { margin-bottom: 7px;}
.n-zwbox .title h2 { float: left; width: 108px; height: 108px; background: #cacaca; text-align: center; line-height: 108px; font-size: 22px; border-radius: 100%; font-weight: 300;}
.n-zwbox .title h3 { font-size: 36px; float: left; line-height: 108px; margin-left: 34px;font-weight: 300;}
.n-zwbox .title2 { margin-bottom: 30px;}
.n-zwbox .title2 h2 { background: #1698d9; width: 85px; height: 85px; margin-left: 12px;}
.n-zwbox .title2 h3 { line-height: 85px;}
.n-zwbox .title2 h3 a { font-size: 25px; color: #1698d9;}
.n-zwbox .cont { position: relative;}
.n-zwbox .cont .line {width: 3px; background: #cacaca; height: 100%; position: absolute; left: 52px; top: 0; border-radius: 2px;}
.n-zwbox .cont ul { margin-left: 139px;}
.n-zwbox .cont ul li { float: left; width: 33.33%; min-height: 520px;}
.n-zwbox1 .cont ul li:nth-child(7) ,.n-zwbox1 .cont ul li:nth-child(8) ,.n-zwbox1 .cont ul li:nth-child(9)
,.n-zwbox2 .cont ul li:nth-child(4) ,.n-zwbox2 .cont ul li:nth-child(5) ,.n-zwbox2 .cont ul li:nth-child(6) { min-height: auto;}

.n-zwbox .cont ul li .img { width: 90%; position: relative;}
.n-zwbox .cont ul li .img .ico-paly { display: block; width: 44px; height: 44px; background: url(../../../../../../www.zwsoft.com/statics/images/zwcad/v2018/ico-palys.png) no-repeat; position: absolute; left: 5px; bottom: 30px; cursor: pointer;}
.n-zwbox .cont ul li .info { width: 90%;}
.n-zwbox .cont ul li .info h2 { font-size: 22px; margin-bottom: 10px; line-height: 25px;font-weight: 300;}
.n-zwbox .cont ul li .info p { font-size: 14px; line-height: 25px;}

.vd-layer { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 99; }
.videobx  { display: none; width: 1000px; height: 500px; position: fixed; left: 50%; margin-left: -500px; top: 50%; margin-top: -250px; z-index: 100;}
.videobx .closevd { display: block; width: 30px; height: 30px; background: url(../images/ico-close.html) no-repeat; position: absolute; right: 0; top: 0; cursor: pointer;} 
.newvidbox { width: 1000px; height: 500px;}



.fubiaoti .bigtitle { border-bottom: none; height: 100px; line-height: 100px; padding-top: 50px; font-size: 45px;}
.fubiaoti .bigtitle strong { font-weight: 300;}
.fubiaoti .nevg-bar { padding: 0 0 70px; font-size: 20px;}
@media screen and (max-width: 1800px) and (min-width:1281px) {
  .n-zwbox { max-width: 1460px;}
}
@media screen and (max-width: 1280px) and (min-width:1001px) {
  .fubiaoti .bigtitle { padding-top: 40px; line-height: 80px; height: 80px; font-size: 40px;}
  .fubiaoti .nevg-bar { padding-bottom: 50px; font-size: 18px;}
  .n-zwbox { width: 96%;}
  .n-zwbox .cont ul li { width: 50%;}
  .n-zwbox .title h2 ,.n-zwbox .title2 h2 { width: 80px; height: 80px; line-height: 80px; font-size: 14px;}
  .n-zwbox .title2 h2 { width: 60px; height: 60px;}
  .n-zwbox .title h3 ,.n-zwbox .title2 h3 { line-height: 80px; font-size: 28px;}
  .n-zwbox .title2 h3 { line-height: 70px;}
  .n-zwbox .cont .line { left: 40px;}
  .n-zwbox .cont ul { margin-left: 100px;}
  
  .n-zwbox1 .cont ul li {min-height: 530px;}
  .n-zwbox1 .cont ul li:nth-child(7) ,.n-zwbox1 .cont ul li:nth-child(8) { min-height: 480px; }
  .n-zwbox2 .cont ul li:nth-child(4) { min-height: 520px;}
 
  
  .fubiaoti .bigtitle { padding-top: 40px; line-height: 80px; height: 80px; font-size: 40px;}
  .fubiaoti .nevg-bar { padding-bottom: 50px; font-size: 18px;}
  
  
}
@media screen and (max-width: 1000px) and (min-width:769px){
	.fubiaoti .bigtitle { padding-top: 20px; line-height: 60px; height: 60px; font-size: 32px;}
  .fubiaoti .nevg-bar { padding-bottom: 30px; font-size: 16px;}
  .n-zwbox .cont ul li { width: 50%;}
  .n-zwbox .cont ul li .img img { width: 100%;}
  .videobx ,.newvidbox { width: 500px;}
  .n-zwbox1 .cont ul li {min-height: 510px;}
  .n-zwbox1 .cont ul li:nth-child(7) ,.n-zwbox1 .cont ul li:nth-child(8) { min-height: 420px; }
  
  .fubiaoti .bigtitle { padding-top: 20px; line-height: 60px; height: 60px; font-size: 32px;}
  .fubiaoti .nevg-bar { padding-bottom: 30px; font-size: 16px;}
  
  
}
@media screen and (max-width: 768px) {
  .n-zwbox .cont ul li { width: 100%; margin-bottom: 20px; min-height: auto;}
  .n-zwbox .cont ul li .img img { width: 100%;}
}
@media screen and (max-width: 500px) {
  .fubiaoti .bigtitle { display: block;}
}
@media screen and (max-width: 560px) {
  .n-zwbox1 .cont ul li:nth-child(7), .n-zwbox1 .cont ul li:nth-child(8) { min-height: auto;}
}
@media screen and (max-width: 1580px) {
  .n-zwbox .cont ul li .img img { width: 100%;}
}
@media screen and (max-width: 1280px) {
  .bigtitle, .nevg-bar, .contents { width: 90%;}
}
@media screen and (max-width: 860px) {
  .n-zwbox .cont ul { margin-left: 70px;}
  .n-zwbox .title h2, .n-zwbox .title2 h2 { width: 60px; height: 60px; line-height: 60px; font-size: 12px;}
  .n-zwbox .title h3 ,.n-zwbox .title2 h3 { line-height: 60px; font-size: 20px; margin-left: 10px;}
  .n-zwbox .title2 h2 { width: 40px; height: 40px; line-height: 40px;}
  .n-zwbox .title2 h3 a { font-size: 15px;}
  .n-zwbox .title2 h3 { line-height: 40px}
}



.tryfree {
    background: #343434;
    padding: 70px 0;
}
.tryfree p {
    font-size: 36px;
    text-align: center;
    color: #fff;
}
.tryfree #getTrial {
    display: block;
    width: 300px;
    height: 52px;
    background: #1698d9;
    color: #fff;
    text-align: center;
    line-height: 52px;
    margin: 0 auto;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 10px;
}

/*20171206*/
.img img{width:100%}
.n-zwbox .cont ul li {
	 margin-bottom:20px;
}

.n-zwbox .cont ul li .info h2 {
    margin-top: 20px;
}
.n-zwbox8.wow,.n-zwbox_1.wow{
    opacity: 1;
    transform: translateY(0);
}
.n-zwbox6 .cont ul li:nth-child(7),.n-zwbox3 .cont ul li ,.n-zwbox2 .cont ul li,.n-zwbox4 .cont ul li,.n-zwbox5 .cont ul li{ min-height: 502px;}
.n-zwbox6 .cont ul li:nth-child(7){margin-top:-100px;}
.n-zwbox .cont ul li {
    min-height: 562px;
}
@media screen and (min-width: 1681px){
.n-zwbox .cont ul li {
    min-height: 552px;
	height:552px;
}
.n-zwbox4 .cont ul li{
    min-height: 520px;
}
.n-zwbox_1 .cont ul li {
    min-height: 500px;
}
}
@media screen and (max-width: 1680px) and (min-width: 1281px){
.n-zwbox .cont ul li {min-height: 530px;height:500px;}
.n-zwbox_1 .cont ul li{ min-height: 470px;}
.n-zwbox4 .cont ul li{
    min-height: 520px;
}
}
@media screen and (max-width: 1280px) and (min-width: 1001px){
.n-zwbox .cont ul li {
    min-height: 574px;
	height: 574px;
}
.n-zwbox4 .cont ul li{
    min-height: 520px;
}
}
@media screen and (max-width: 1000px) and (min-width: 769px){
.n-zwbox .cont ul li {
    min-height: 482px;
}}
@media screen and (max-width: 768px){
.n-zwbox .cont ul li {
    min-height: auto;
}}
#header {
    z-index: 9998;
}
.img img{width:100%}
.n-zwbox{opacity: 1;transform: translateY(0);}
.n-zwbox .cont ul li .info { margin-top: 20px;}
.n-zwbox .title h3 {
    font-size: 36px;
    float: left;
    margin-left: 34px;
    font-weight: 300;
}
.n-zwbox6 .cont ul li{margin-bottom:20px;}