@charset "utf-8";
.h20 {
    height: 20px;
    width: 100%;
}

.h30 {
    height: 30px;
    width: 100%;
}

.h50 {
    height: 50px;
    width: 100%;
}

.h100 {
    height: 100px;
    width: 100%;
}

.h130 {
    height: 130px;
    width: 100%;
}

.h195 {
    height: 195px;
    width: 100%;
}

.clearboth {
    clear: both;
}

.margin_auto {
    margin: 0 auto;
}


/*分页page S*/

.pages span {
    background: none repeat scroll 0 0 #F3F3F5;
    float: left;
    margin-right: 5px;
    padding: 2px 10px;
    font-size: 16px;
}


/*分页page E*/


/*头部导航下蓝条 S*/

.b_text {
    margin: 0 auto;
    line-height: 93px;
    font-size: 24px;
    color: #FFF;
    text-align: left;
    padding-left: 5px;
}


/*头部导航下蓝条 E*/


/*****press-center S*****/

@media only screen and (max-width: 1000px) {
    .main_pr_category {
        width: 98% !important;
        padding-left: 0;
    }
}

.main_pr_category {
    width: 75pc;
    margin: 0 auto
}

.t_main {
    padding: 10px 0 30px
}

.label {
    line-height: 40px;
    padding-left: 0
}

.eve_ul {
    padding-bottom: 35px
}

.eve_ul li {
    width: 100%;
    padding: 10px 0;
    border-bottom: none
}

.eve_ul li .eve_img {
    width: 415px;
    height: 280px;
    padding-top: 0;
    background-color: #eee;
    position: relative
}

.eve_ul li .eve_img img {
    width: 100% !important;
}

.eve_img img:hover {
    cursor: pointer
}

.eve_img .filter {
    width: 415px;
    height: 280px;
    position: absolute;
    top: 0;
    left: 0
}

.eve_img .filter:hover {
    background-color: #000;
    opacity: .1
}

.eve_ul li .con {
    line-height: 25px;
    text-align: left;
    float: left;
    width: 765px;
    padding-left: 18px;
    height: 280px;
    border: 1px solid #eee;
    border-left: none;
    box-shadow: 0 1px 6px 0 #ddd;
    padding-right: 18px;
    box-sizing: border-box;
}

.eve_ul li .con h2 {
    line-height: 70px;
    height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    font-size: 24px;
    font-weight: 300;
    margin: 0;
    padding: 0
}

.eve_ul li .con a,
.eve_ul li .con p a {
    text-decoration: none
}

.eve_ul li .con .description {
    line-height: 30px;
    max-height: 90pt;
    overflow: hidden;
    margin: 0
}

.eve_ul li .con p a:hover {
    cursor: pointer;
    color: #000
}

.eve_ul li span {
    color: gray;
    border: 1px solid gray;
    margin-right: 3px;
    padding: 0 10px;
    border-radius: 1rem;
    font-size: 1pc
}

.eve_ul li .con p .more,
.eve_ul li .con p .more:hover {
    color: #52a6d2
}

.pages {
    float: inherit;
    width: auto;
    height: 20px;
    margin: 0 auto;
    padding-top: 0;
    padding-left: 0
}

.pages a {
    float: left;
    margin-right: 5px;
    background: #f3f3f5;
    padding: 2px 5px
}

@media screen and (max-width:1365px) and (min-width:1024px) {
    .main_pr_category {
        width: 75pc
    }
    .eve_img .filter,
    .eve_ul li .eve_img,
    .eve_ul li .eve_img img {
        width: 341px;
        height: 230px
    }
    .eve_ul li .con {
        line-height: 25px;
        width: 644px;
        height: 230px;
        padding-left: 9pt
    }
    .eve_ul li .con h2 {
        line-height: 50px;
        height: 50px;
        text-overflow: ellipsis
    }
    .label {
        line-height: 50px
    }
    .eve_ul li .con .description a,
    .label span {
        font-size: 15px
    }
    .eve_ul li .con .description {
        max-height: 90px
    }
}

@media screen and (max-width:1024px) and (min-width:800px) {
    .main_pr_category {
        width: 97%
    }
    .eve_ul li .eve_img,
    .eve_ul li .eve_img img,
    .eve_img .filter {
        width: 273px;
        height: 184px;
    }
    .eve_ul li .con {
        line-height: 25px;
        width: 699px;
        height: 184px;
        padding-left: 9pt
    }
    .eve_ul li .con h2 {
        line-height: 40px;
        height: 40px;
        text-overflow: ellipsis;
        font-size: 20px
    }
    .label {
        line-height: 40px
    }
    .eve_ul li .con .description a,
    .label span {
        font-size: 14px
    }
    .eve_ul li .con .description {
        max-height: 60px
    }
}

@media screen and (max-width:840px) {
    .eve_ul li .con {
        width: 100%;
        box-sizing: border-box;
    }
    .eve_ul {
        width: 100%;
    }
}

@media screen and (max-width:520px) {
    .eve_ul li .eve_img {
        width: 100%;
        height: auto;
    }
    .eve_ul li .eve_img img {
        width: 100%;
        height: auto;
    }
    .eve_img .filter {
        width: 100%;
        height: 100%;
    }
    .label1 {
        height: 30px;
        overflow: hidden;
    }
    .pages {
        height: 56px;
    }
    .eve_ul li .con {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width:520px) {
    .label {
        display: block;
        width: 100%;
        overflow: hidden;
        height: 40px;
        margin-bottom: 0;
        text-align: left;
    }
    .eve_ul li .con {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width:1450px) {
    .comm_p_r_t {
        width: 90%
    }
}


/*****press-center E*****/


/*****press-center showPage S*****/

.press-center-show .content-left{width:900px;}
.press-center-show {  width: 1200px;  }
.cu_ts_r{float:right;width:220px;padding-left:0px;margin-top: 20px;} /*#####width:240px#####*/
.label-tag{font-size: 16px;}
.press-center-show .content-left  h1{font-size: 36px;font-weight: 300;}
/**** 新版增加 S*****/
.cu_ts_r p{	font-size:20px;text-align: left;}
.cu_ts_r ul{height: 40px;}
.cu_ts_r ul li{	width: 40px;display:inline-block;float:left;height:40px;}
.cu_ts_r ul li.li-m-r{margin-right: 15px}
.cu_ts_r ul li img{width: 40px;}
.cu_ts_r .sharethis-box{width:220px;}

.press-center-show .content-left{float:left;}
.press-center-show .content-left p span{line-height: 24px !important;font-size: 16px !important;}
.press-center-show .label-tag,.h2{line-height:50px;}
.press-center-show .h2{font-weight: bold;}
.press-center-show .label-tag span{color:gray;border:1px solid gray;margin-right:3px;padding:0 10px;border-radius:14px;}
.press-center-show .pagesde div a{font-size:14px;}
.press-center-show .cu_ts_r p{ margin:10px 0;}
.press-center-show .cu_ts_r ul li{display:inline-block;}
.press-center-show .content-left table tr td,.press-center-show .content-left table tr th{border:1px solid #ccc;}
.press-center-show .content-left .context strong span{font-weight: bold;}
.press-center-show .content-left .context p em{font-style: italic;}
/******* 新版增加 E***/

@media screen and (min-width: 1801px){
	.main {width: 1400px;}
	.press-center-show .content-left{width:1140px;}
	.context{margin-right: 100px;}
}

@media screen and (min-width: 1601px) and (max-width: 1800px){
	.main {width: 1400px;}
	.press-center-show .content-left{width:900px;}
	.context{margin-right: 100px;}/*######################*/

}
@media screen and (max-width: 1600px) and (min-width: 1366px){
	.main {width: 1200px;}
	.press-center-show .content-left{width:900px;}
	.context{margin-right: 180px;}
	.press-center-show .content-left  h1{font-size: 32px;}
}
@media screen and (max-width: 1365px) and (min-width: 1024px){
	.main {width: 1000px;}
	.press-center-show{width:96%;}
	.press-center-show .content-left{width:800px;}
	.context{margin:0px 5px;margin-right: 120px;}
	.press-center-show .content-left  h1{font-size: 28px;}
}
@media screen and (max-width: 1100px) and (min-width: 1024px){
	.press-center-show .content-left{width:780px;}
	.press-center-show .content-left .context{margin-right:80px;}
	.press-center-show .cu_ts_r{width: 180px;}
}
@media screen and (max-width: 1023px){
	.main {width: 94%;margin:0 3%;}
	.press-center-show {  width: 94%;  }
	.press-center-show .content-left{width:94%; margin:0 3%;}
	.context{margin-right: 0px;}
	.press-center-show,.cu_ts_r{margin:20px 3%;}
	.press-center-show  .content-left  .context img{width: 95%;}
	.press-center-show .content-left  h1{font-size: 24px;line-height: normal;}
	.cu_ts_r{float: left;}
}

@media screen and (max-width: 800px){
	.press-center-show .content-left img{width:95%;}
}

/*****press-center showPage E*****/

/* customers show page S */
.press-center-show .content-left  .contetn_success_metrics{}
.press-center-show .content-left  .contetn_thumb{width: 234px;height: 148px;float: left;padding: 1px;border: 1px solid #e5e5e5;overflow: hidden;text-align: center;}
.press-center-show .content-left  .contetn_thumb img{width: 230px;height: 144px;}
.press-center-show .content-left  .contetn_success_metrics_text{width: 426px;float: left;padding-left: 18px;}

.content_right_box1 {margin-top: 15px;}
.content_right_box1 .p{font-size: 20px;text-align: left;}
.content_right_box1 .content_right_box2{text-align: left;}
.content_right_box1 .content_right_box2 a{color: #107ab6;margin-left: 10px;}
.content_right_box1 .content_right_box2 img{width: 25px;}

@media screen and (min-width: 1801px){
	.press-center-show .content-left .contetn_success_metrics_text{width: 650px;}
}

@media screen and (min-width: 1601px) and (max-width: 1800px){
	.press-center-show .content-left .contetn_success_metrics_text{width: 580px;}
}

@media screen and (max-width: 1600px) and (min-width: 1366px){
	.press-center-show .content-left .contetn_success_metrics_text{width: 520px;}
}

@media screen and (max-width: 1365px) and (min-width: 1024px){
	
}

@media screen and (max-width: 1023px){
	.press-center-show .content-left  .contetn_success_metrics_text{width: 100%;}
}

/* customers show page S */

/*Begin MailChimp Signup Form*/
	#mc_embed_signup{clear:left; font:14px; width:100%;text-align: center;}
	.mc_embed_signup {height: 75px;width: 100%;background-color: #f7f7f7;clear:both;overflow: hidden;border-bottom: 1px  solid #bfbfbf;  display:none;}
	.mc_embed_signup  #mc_embed_signup{margin-top: 15px;line-height: 25px;}
	.mc_embed_signup  #mc_embed_signup_scroll{height: 35px;line-height: 35px;width:980px;margin:0 auto;}
	.mc_embed_signup  #mc_embed_signup_scroll  .mc_embed_signup_txt{width:530px;height: 35px;line-height: 35px;font-size: 20px;font-weight: normal;color: #000000;}
	.mc_embed_signup  #mc_embed_signup_scroll  .email{width: 280px;height: 35px;line-height: 35px;margin:0px 15px;padding:0px;border-radius: 5px;border:1px solid #bfbfbf;outline:none;padding-left: 5px;color: #bfbfbf;background-color: #f7f7f7;font-size: 17px;}
	.mc_embed_signup  #mc_embed_signup_scroll .button{width: 132px;height: 35px;line-height: 35px;background-color: #01b6e3;border:none;border-radius:5px;font-size: 18px;color: #ffffff;}
	.mc_embed_signup .mc_embed_signup_bottom_box{width: 0px;height:4px;line-height: 8px;background-color: #7cae2c; clear: both;margin-top: 15px;}
	.mc_embed_signup .mc_embed_signup_txt_span,.mc_embed_signup .email,.mc_embed_signup .button{float:left;}
	.mc_embed_signup #mc_embed_signup form{padding:0px;}
	@media screen and (min-width: 801px) and (max-width: 1024px){
		.mc_embed_signup #mc_embed_signup_scroll {width: 780px;}
		.mc_embed_signup #mc_embed_signup_scroll .mc_embed_signup_txt{width:410px;}
		.mc_embed_signup #mc_embed_signup_scroll .mc_embed_signup_txt_span .mc_embed_signup_txt{font-size: 16px;}
		.mc_embed_signup #mc_embed_signup_scroll .email{width: 200px;}

	}
	@media screen and (max-width: 800px){
	.mc_embed_signup{height: 130px;}
	.mc_embed_signup #mc_embed_signup_scroll{width: 400px;height: 70px;}
	.mc_embed_signup #mc_embed_signup_scroll .mc_embed_signup_txt_span{display: block;	}
	.mc_embed_signup #mc_embed_signup_scroll .mc_embed_signup_txt_span .mc_embed_signup_txt{width: 355px;font-size: 14px; text-align: center;}
	.mc_embed_signup #mc_embed_signup_scroll .mc_embed_signup_txt_box2{height: 35px;width:400px;display: block;margin:0 auto;}
	.mc_embed_signup .mc_embed_signup_txt_span{float: none;}
	.mc_embed_signup #mc_embed_signup_scroll .email{margin-left:0px;}
	.mc_embed_signup #mc_embed_signup_scroll .email,.mc_embed_signup #mc_embed_signup_scroll .button{width: 200px;float: none;;}
	.mc_embed_signup #mc_embed_signup_scroll .button{width: 70px;font-size:14px;}
	}
	@media screen and (max-width: 400px){
		.mc_embed_signup #mc_embed_signup_scroll,.mc_embed_signup #mc_embed_signup_scroll .mc_embed_signup_txt_box2{width: 310px;text-align: center;}
	}
	
/*End mc_embed_signup Form*/

/****补充 S****/

.comm_ca_l {
    text-align: left;
    font-size: 16px;
}

.h10 {
    height: 10px;
    width: 100%;
    clear: both;
}


/*蓝条下面导航 S*/

.nav_box {
    width: 100%;
    height: 58px;
    background: #f2f3f3;
    border-bottom: 1px solid #E6E6E6;
}

.nav_box .nav {
    width: 1200px;
}

.nav a.hover {
    background: none;
    color: #02539f;
}

.nav li {
    padding-left: 20px;
    float: left;
    padding-right: 20px;
    font-size: 14px;
    background-image: url(../../../images/zw3d/cssimage/li-4.jpg);
    background-repeat: no-repeat;
    background-position: right;
}

.nav_box .nav ul li a {
    text-decoration: none;
    color: #000;
}


/*蓝条下面导航 S*/


/****contact-us S****/

.main_contact_us,
.main_contact_us_email .contact_us_email {
    margin: 0 auto;
    text-align: left;
}

.main_contact_us ul {
    clear: both;
}

.main_contact_us ul li {
    width: 100%;
    margin-bottom: 55px;
    float: left;
    clear: both;
}

.main_contact_us ul li p {
    display: inline;
}

.main_contact_us ul li .city,
.main_contact_us ul li .text {
    line-height: 35px;
}

.main_contact_us ul li .city {
    font-size: 36px;
    margin-bottom: 20px;
    /*font-weight: bold;*/
}

.main_contact_us ul li .text {
    font-size: 16px
}

.main_contact_us ul li .bold {
    /*font-weight: bold;*/
}

.main_contact_us_email {
    width: 100%;
    height: 270px;
    background-color: #000000;
}

.main_contact_us_email table {
    width: 100%;
    margin: 0 auto;
}

.main_contact_us_email table tr td {
    width: 33%;
    float: left;
    text-align: left;
    ;
    color: #ffffff;
}

.main_contact_us_email table tr .td1 {
    margin: 50px 0px 25px 0px;
}

.main_contact_us_email table tr td .email_content {
    width: 380px;
    height: 170px;
    background-color: #ffffff;
    position: relative;
    margin: 0 auto;
}

.main_contact_us_email table tr td .email_content .title {
    font-size: 18px;
    color: #000000;
}

.main_contact_us_email table tr td .email_content .email a {
    font-size: 16px;
    color: #1698d9;
    /*font-weight: bold;*/
}

.main_contact_us_email table tr td .email_content .texts {
    position: absolute;
    margin-top: 60px;
}

.main_contact_us_email table tr td .email_content .texts p {
    height: 25px;
    line-height: 25px;
    margin-left: 50px;
    /*font-weight: bold;*/
}

@media screen and (min-width:1601px) {
    .main_contact_us,
    .main_contact_us_email .contact_us_email {
        width: 1200px;
    }
}


/*
@media only screen and (min-width:1601px){
	.main_contact_us,.main_contact_us_email .contact_us_email{width:75.89%}
}
*/

@media screen and (max-width:1600px) and (min-width:1366px) {
    .main_contact_us,
    .main_contact_us_email .contact_us_email {
        width: 1200px;
    }
    .main_contact_us ul li .city {
        font-size: 32px;
    }
    .main_contact_us_email {
        height: 270px;
    }
    .main_contact_us_email table tr td .email_content {
        width: 96%;
    }
    .main_contact_us_email table tr .td1 {
        margin-top: 50px;
    }
}

@media screen and (max-width:1365px) and (min-width:1124px) {
    .main_contact_us,
    .main_contact_us_email .contact_us_email {
        width: 1100px;
    }
    .main_contact_us ul li .city {
        font-size: 28px;
    }
    .main_contact_us_email {
        height: 230px;
    }
    .main_contact_us_email .contact_us_email {
        padding: 0px 5px;
    }
    .main_contact_us_email table tr td .email_content {
        width: 96%;
        height: 130px;
    }
    .main_contact_us_email table tr td .email_content .texts {
        margin-top: 40px;
    }
    .main_contact_us_email table tr td .email_content .texts p {
        margin-left: 40px;
        font-size: 16px;
    }
    .main_contact_us_email table tr td .email_content .email a {
        font-size: 14px;
    }
}

@media screen and (max-width:1123px) and (min-width:1024px) {
    .main_contact_us,
    .main_contact_us_email .contact_us_email {
        width: 1000px;
    }
    .main_contact_us ul li .city {
        font-size: 26px;
    }
    .main_contact_us_email {
        height: 200px;
    }
    .main_contact_us_email .contact_us_email {
        padding: 0px 5px;
    }
    .main_contact_us_email table tr td .email_content {
        width: 90%;
        height: 130px;
    }
    .main_contact_us_email table tr .td1 {
        margin-top: 35px;
    }
    .main_contact_us_email table tr td .email_content .texts {
        margin-top: 40px;
    }
    .main_contact_us_email table tr td .email_content .texts p {
        margin-left: 40px;
        font-size: 16px;
    }
    .main_contact_us_email table tr td .email_content .email a {
        font-size: 14px;
    }
}

@media screen and (max-width:1023px) and (min-width:900px) {
    .main_contact_us,
    .main_contact_us_email .contact_us_email {
        width: 97%;
    }
    .main_contact_us ul li .city {
        font-size: 24px;
    }
    .main_contact_us_email {
        height: 210px;
    }
    .main_contact_us_email .contact_us_email {
        padding: 0px 5px;
    }
    .main_contact_us_email table tr td .email_content {
        width: 92%;
        height: 110px;
    }
    .main_contact_us_email table tr td .email_content .texts {
        margin-top: 30px;
    }
    .main_contact_us_email table tr .td1 {
        margin-top: 50px;
    }
    .main_contact_us_email table tr td .email_content .texts p {
        margin-left: 40px;
        font-size: 16px;
    }
    .main_contact_us_email table tr td .email_content .email a {
        font-size: 14px;
    }
}

@media screen and (max-width:899px) and (min-width:800px) {
    .main_contact_us,
    .main_contact_us_email .contact_us_email {
        width: 97%;
    }
    .main_contact_us ul li .city {
        font-size: 22px;
    }
    .main_contact_us_email {
        height: 190px;
    }
    .main_contact_us_email .contact_us_email {
        padding: 0px 5px;
    }
    .main_contact_us_email table tr td .email_content {
        width: 90%;
        height: 90px;
    }
    .main_contact_us_email table tr td .email_content .texts {
        margin-top: 25px;
    }
    .main_contact_us_email table tr td .email_content .texts p {
        margin-left: 20px;
        font-size: 14px;
    }
    .main_contact_us_email table tr .td1 {
        margin: 50px 0px 25px 0px;
    }
    .main_contact_us_email table tr td .email_content .title {
        font-size: 16px;
    }
    .main_contact_us_email table tr td .email_content .email a {
        font-size: 12px;
    }
}

@media only screen and (max-width:799px) {
    .main_contact_us,
    .main_contact_us_email .contact_us_email {
        width: 400px;
        padding: 0px 5px;
        margin-left: 2px;
    }
    .main_contact_us ul li .city {
        font-size: 20px;
    }
    .main_contact_us_email {
        height: 400px;
        padding-top: 30px;
    }
    .main_contact_us_email .contact_us_email {
        padding-left: 15px;
        padding-right: 15px;
    }
    .main_contact_us_email table tr td,
    .main_contact_us_email table tr .td1 {
        width: 65%;
        margin: 10px 0px;
    }
    .main_contact_us_email table tr td .email_content {
        width: 300px;
        height: 90px;
        margin-left: 0px;
    }
    .main_contact_us_email table tr td .email_content .texts {
        margin-top: 25px;
    }
    .main_contact_us_email table tr td .email_content .texts p {
        margin-left: 20px;
    }
    .main_contact_us_email table tr td .email_content .title {
        font-size: 14px;
    }
    .main_contact_us_email table tr td .email_content .email a {
        font-size: 12px;
    }
}


/****contact-us E****/


/****补充 E***/


/*new white paper*/

.main_left {
    width: 70%;
}

.main_left dl {
    width: 100%;
}

.main_left dl dt {
    width: 23.8%;
    height: auto;
}

.main_left dl dt a img {
    width: 100%;
    height: auto;
}

.main_left dl dd {
    padding-right: 20px;
    padding-top: 10px;
    height: auto;
    width: 71.43%;
    float: right;
}

@media screen and (min-width: 1601px) {
    .main_left {
        width: 85%;
    }
}

@media only screen and (max-width: 1024px) {
    .main_left {
        width: 90%;
    }
    .main_left dl dd {
        padding-right: 0;
    }
}

@media only screen and (max-width: 550px) {
    .main_left {
        width: 98%;
        margin-left: 1%;
    }
    .main_left dl dt {
        width: 40%;
        margin-left: 30%;
    }
    .main_left dl dd {
        width: 100%;
    }
}


/*new white paper end*/


/*new white paper content start*/

.zi_mbx {
    width: 1200px;
}

.main_left {
    padding-top: 0px;
    width: 70%;
}

.main_left h2 {
    line-height: 30px;
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    padding-right: 8%;
}

.main_left p {
    font-size: 16px;
    line-height: 30px;
    padding-right: 8%;
}

.main_left iframe {
    width: 95.238%;
}

.main_right {
    width: 20%;
}

.main_right .bai2 {
    width: 100%;
}

.main_right .tit4 {
    width: 100%;
}

.main_right ul {
    width: 100%;
}

.main_right ul li {
    width: 100%;
    float: left;
}

.main_right ul li a {
    width: auto;
}

.main_right img {
    width: 100%;
}

.l_u_con {
    width: 100%;
}

.chan_right {
    margin-top: 2px;
}

.channel_box {
    width: 92%;
    margin-top: 30px;
    margin-left: 0px;
    border-left: 5px #0599D7 solid;
    border-top: 1px #F3F3F3 solid;
    border-bottom: 1px #F3F3F3 solid;
    border-right: 1px #F3F3F3 solid;
    background-color: #F9F9F9;
    padding: 30px 0px 30px 25px;
}

.download_image {
    width: 100%;
    height: 32px;
}

.download_image img {
    width: 157px;
}

@media only screen and (max-width: 800px) {
    .main_left {
        width: 98% !important;
        margin-left: 1%;
        padding-right: 1%;
    }
    .main_left h2 {
        padding-right: 0;
    }
    .main_left p {
        padding-right: 0;
    }
    .main_right {
        float: left;
        width: 35%;
        margin-left: 5px;
    }
    .main_right .tit4 {
        display: none;
    }
    .main_right ul {
        display: none;
    }
    .main_left iframe {
        width: 100%;
    }
}


/*new white paper content end*/


/*white paper新增蓝条和main3的自适应  + zi_mbx自适应*/

.banner {
    height: 92px;
    width: 100%;
    background-image: url(../../../images/zw3d/cssimage/extra/bg-banner.jpg);
    background-repeat: repeat-x;
}

.banner .b_text {
    width: 1200px;
    position: relative;
}

.banner .b_text span {
    position: absolute;
    right: 0;
    font-size: 18px;
}

.banner .b_text span a {
    color: #ffffff;
}

@media only screen and (max-width: 800px) {
    .banner .b_text span {
        display: none;
    }
}

.main3 {
    width: 1200px;
    margin:0 auto;
}

@media only screen and (min-width: 1700px) {
    .banner .b_text {
        /*width: 75.89%;*/
    }
    .main3 {
        width: 75.89%;
    }
    .zi_mbx {
        width: 75.89%;
    }
}

@media only screen and (max-width: 1700px) {
    .banner .b_text {
        /*width: 1200px;*/
    }
    .main3 {
        width: 1200px;
    }
    .zi_mbx {
        width: 1200px;
    }
}

@media only screen and (max-width: 1300px) {
    .banner .b_text {
        /*width: 96%;*/
    }
    .main3 {
        width: 96%;
    }
    .zi_mbx {
        width: 96%;
    }
}

@media only screen and (max-width: 1000px) {
    .banner .b_text {
        /*width: 98%;*/
    }
    .main3 {
        width: 98%;
    }
    .zi_mbx {
        width: 98%;
    }
}


/*white paper新增蓝条和main3的自适应 end*/


/*******Get The Best Price S******/

.main_request_a_demo .main {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.main_request_a_demo {
    width: 100%;
}

.main_request_a_demo .main_head {
    width: 100%;
    height: 720px;
    background: url(../images/bannerbg1.html) no-repeat bottom;
    display: block;
}

.main_head .main_head_left {
    width: 64%;
    height: 100%;
    float: left;
    position: relative;
}

.main_request_a_demo .main_head .main_head_text {
    float: left;
    width: 100%;
    padding-top: 90px;
    color: #ffffff;
    text-align: center;
}

.main_request_a_demo .main_head .main_head_text p {
    font-weight: bold;
    font-size: 40px;
    line-height: 85px;
    color: #178dd2;
}

.main_head .main {
    height: 100%;
}

.main_request_a_demo .main_head_computer {
    width: 85%;
    margin-left: 7.5%;
    float: left;
    margin-top: 20px;
}

.main_request_a_demo .main_head_computer img {
    float: left;
    width: 50%;
    display: block;
    margin-left: 25%;
}

.main_head .main_head_right {
    width: 36%;
    height: 100%;
    float: right;
    box-sizing: border-box;
}

.main_request_a_demo .main_head .main_head_form {
    float: right;
    background-color: #ffffff;
    width: 77%;
    height: 70%;
    margin-right: 36px;
    margin-top: 115px;
    border-radius: 25px;
}

.main_head_form .form_head {
    width: 100%;
    height: 14.23%;
    background-color: #3283c2;
    color: #ffffff;
    font-weight: bold;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    font-size: 26px;
    align-items: center;
    line-height: 68px;
    text-align: center;
}

.main_head_form .contactform {
    height: 85.77%;
    width: 73.33%;
    color: #515151;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    margin-left: 13.335%;
    padding-bottom: 16px;
    padding-top: 16px;
}

.contactform ul {
    text-align: left;
    height: 70%;
    box-sizing: border-box;
    margin-bottom: 0;
}

.main_head_form ul li {
    width: 100%;
    height: 25%;
    display: block;
    box-sizing: border-box;
}

.main_head_form ul li span {
    width: 100%;
    display: inline-block;
}

.main_head_form ul li input {
    width: 100%;
    height: 53%;
    background-color: #f0f0f0;
    box-sizing: border-box;
    padding: 0 5px;
    margin-bottom: 5px;
    margin-top: 3px;
    /*border: #dfdfdf solid 1px;*/
    /*box-shadow:inset 0 0 1px 1px #dfdfdf;*/
}

.main_head_form ul li select::-ms-expand {
    display: none !important;
}

.main_head_form ul li .parent {
    width: 100%;
    height: 53%;
    overflow: hidden;
    margin-top: 5px;
}

.main_head_form ul li select {
    /*将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    /*将默认的select选择框样式清除 end*/
    background: none;
    background-image: url(../../../images/zw3d/cssimage/extra/form-down.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 97% 50%;
    background-size: 8.5% 41.17%;
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 30px;
    cursor: pointer;
    border: #cfcecf solid 1px;
}

.contactform>p {
    color: #c8c8c8;
    font-size: 12px;
    margin-top: 4px;
    display: inline-block;
}

.main_head_form .form_submit {
    width: 100%;
    height: 11.3%;
    background-color: #3283c2;
    border: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 24px;
    border-radius: 4px;
    margin-top: 30px;
}

.main_request_a_demo .main_middle {
    width: 100%;
    height: 360px;
    padding-top: 40px;
    background-color: #f5f5f5;
    /*#f5f5f5*/
    display: block;
}

.main_middle ul li {
    float: left;
    width: 25%;
    padding: 0 9px;
    box-sizing: border-box;
}

.main_middle ul li .icon {
    text-align: center;
}

.main_middle .icon img {
    width: 34%;
}

.main_middle .lg_text {
    margin-top: 40px;
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    text-align: center;
}

.main_middle .sm_text {
    line-height: 28px !important;
    margin: 0 auto;
    font-size: 14px !important;
    text-align: center;
}

.main_foot {
    height: 413px;
    margin-bottom: 60px;
}

.main_foot .main {
    height: 100% !important;
}

.main_foot .main_foot_left {
    float: left;
    width: 50%;
}

.main_foot_left_img1 img {
    margin-top: 40px;
    width: 90%;
}

.main_foot_left_img2 img {
    width: 90%;
    margin-left: 10%;
    margin-top: 20px;
}

.main_foot .main_foot_right {
    float: left;
    width: 50%;
    height: 100%;
}

.main_foot_right .main_foot_wrap {
    width: 80%;
    height: 88%;
    background-image: url(../images/commu.html);
    background-repeat: no-repeat;
    background-size: contain;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/zw3d/cssimage/extra/commu.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/zw3d/cssimage/extra/commu.png', sizingMethod='scale');
    background-position: top right;
    float: right;
    position: relative;
    margin-top: 40px;
}

.main_foot_wrap .lg_text {
    position: absolute;
    /*top: 140px;*/
    top: 40%;
    font-size: 18px;
    text-indent: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
    line-height: 36px;
    color: #000000;
    float: left;
}

.main_foot_wrap .lg_text .span1 {
    color: #d4d2d2;
    font-size: 32px;
    margin-left: 2px;
    margin-right: 5px;
    font-weight: bold;
}

.main_foot_wrap .lg_text .span2 {
    position: absolute;
    right: 20px;
    margin-top: 30px;
    font-size: 16px;
    line-height: 16px;
    color: #1296db;
    display: inline-block;
}

@media only screen and (max-width: 2000px) and (min-width: 1220px) {
    .main_request_a_demo .main {
        width: 1200px;
    }
}

@media only screen and (min-width: 1680px) {
    .main_request_a_demo .main {
        width: 1250px;
    }
    .banner .b_text {
        /*width: 1200px;*/
    }
    .main_foot_left_img1 img {
        width: 95%;
    }
    .main_foot_left_img2 img {
        width: 95%;
        margin-left: 7%;
        margin-top: 20px;
    }
    .main_foot {
        height: 520px;
    }
    .main_foot_wrap .lg_text {
        font-size: 20px;
        line-height: 38px;
        padding: 0 20px;
        top: 35%;
    }
    .main_foot_wrap .lg_text .span2 {
        margin-top: 40px;
        font-size: 18px;
    }
    .main_foot .main_foot_right .main_foot_wrap {
        width: 88%;
    }
}
@media only screen and (max-width: 1669px) and (min-width: 1000px) {
    .main_request_a_demo .main_head .main_head_text p{font-size: 32px;}
}

@media only screen and (max-width: 1300px) {
    .main_request_a_demo .main {
        width: 96%;
    }
    .banner .b_text {
        /*width: 96% !important;*/
    }
    #header .wrap {
        width: 96% !important;
    }
}

@media only screen and (max-width: 1186px) and (min-width: 801px) {
    .main_middle .sm_text {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 1085px) {
    .main_middle ul li {
        padding: 0px;
    }
}

@media only screen and (max-width: 1024px) {
    .main_foot_right .main_foot_wrap {
        width: 90%;
    }
    .main_request_a_demo .main_head {
        height: 650px;
    }
    .main_head .main_head_left {
        width: 55%;
    }
    .main_head .main_head_right {
        width: 45%;
    }
    .main_request_a_demo .main_head .main_head_text {
        padding-top: 120px;
    }
    .main_request_a_demo .main_head .main_head_text p {
        font-size: 48px;
        line-height: 60px;
    }
    .main_request_a_demo .main_head_computer {
        margin-top: 80px;
    }
    .channel_main_items ul li {
        padding-left: 6px;
        padding-right: 6px;
    }
}

@media only screen and (max-width: 1125px) and (min-width: 900px) {
    .main_foot_wrap .lg_text {
        top: 30%;
    }
}

@media only screen and (max-width: 1000px) {
    .main_request_a_demo .main {
        width: 98%;
    }
    .banner .b_text {
        /*width: 98% !important;*/
    }
    #header .wrap {
        width: 98% !important;
    }
}

@media only screen and (max-width: 915px) {
    .main_request_a_demo .main_middle {
        height: 400px;
    }
    .main_request_a_demo .main_head .main_head_text p {
        font-size: 40px;
        line-height: 50px;
    }
}

@media only screen and (max-width: 900px) {
    .main_foot_wrap .lg_text {
        top: 30%;
        font-size: 14px;
        line-height: 28px;
    }
    .main_foot_wrap .lg_text .span2 {
        margin-top: 8px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 800px) {
    /*middle*/
    .main_request_a_demo .main_middle {
        height: 640px;
        padding-top: 1px;
    }
    .main_middle ul li {
        width: 50%;
        margin-bottom: 10px;
    }
    /*middle end*/
    /*foot*/
    .main_foot .main_foot_left {
        width: 85%;
        float: left;
        margin-left: 7.5%;
        padding-bottom: 20px;
        box-sizing: border-box;
    }
    .main_foot .main_foot_right {
        width: 85%;
        float: left;
        margin-left: 7.5%;
        height: available;
        margin-bottom: 40px;
        margin-top: 20px;
    }
    .main_foot_right .main_foot_wrap {
        width: 100%;
        height: 100%;
        background-position: top center;
        float: none;
        margin: 0 auto;
    }
    .main_foot_wrap .lg_text {
        font-size: 18px;
        line-height: 28px;
        margin: 0 30px;
        top: 45%;
    }
    .main_foot_wrap .lg_text .span2 {
        margin-top: 14px;
        font-size: 14px;
    }
    .main_foot_left_img1 img {
        margin-top: 30px;
    }
    /*foot end*/
    /*banner*/
    .main_head .main {
        width: 100% !important;
    }
    .main_head .main_head_left {
        background-image: url(../../../images/zw3d/cssimage/extra/banner-background.jpg);
        background-repeat: no-repeat;
    }
    .main_request_a_demo .main_head .main_head_text {
        padding-top: 60px;
    }
    .main_request_a_demo .main_head .main_head_text p {
        font-size: 36px;
        line-height: 48px;
    }
    .main_request_a_demo .main_head {
        height: 1100px;
        /*background-repeat: no-repeat;*/
        /*background-size: 100% 40%;*/
        background-color: #f5f5f5;
        background-image: none;
    }
    .main_head .main_head_left {
        width: 100%;
        height: 45%;
    }
    .main_head .main_head_right {
        width: 96%;
        height: 60%;
        margin-left: 2%;
        float: left;
        box-sizing: border-box;
    }
    .main_request_a_demo .main_head .main_head_form {
        margin-right: 11.5%;
        margin-top: 30px;
        height: 90%;
    }
    .main_request_a_demo .main_head_computer {
        margin-top: 10px;
        width: 60%;
        margin-left: 20%;
    }
    /*banner end*/
}

@media only screen and (max-width: 800px) and (min-width: 649px) {
    .main_request_a_demo .main_head .main_head_text {
        padding-top: 30px;
    }
    .main_foot_wrap .lg_text {
        margin: 0 50px;
    }
}

@media only screen and (max-width:700px) {
    .main_foot_wrap .lg_text {
        top: 150px;
    }
}

@media only screen and (max-width:604px) {
    .main_foot_wrap .lg_text {
        top: 110px;
    }
}

@media only screen and (max-width: 583px) {
    .main_foot .main_foot_right {
        height: 85%;
    }
}

@media only screen and (max-width: 526px) {
    .main_request_a_demo .main_middle {
        height: 1140px;
    }
    .main_request_a_demo .main_head .main_head_form {
        margin-top: 40px;
    }
    .main_head_form ul li span {
        font-size: 14px;
        line-height: 16px;
    }
    .main_middle .icon img {
        width: 28%;
    }
    .main_middle .lg_text {
        margin-top: 20px;
    }
    .main_middle ul li {
        width: 95%;
        margin-left: 2.5%;
        margin-bottom: 30px;
    }
    /*middle end*/
    /*banner*/
    .main_request_a_demo .main_head {
        height: 872px;
    }
    .main_request_a_demo .main_head .main_head_text {
        padding-top: 30px;
    }
    .main_request_a_demo .main_head .main_head_text p {
        font-size: 32px;
        line-height: 40px;
    }
    .main_head_form .form_head {
        font-size: 18px;
        line-height: 45px;
    }
    .main_head_form .form_submit {
        font-size: 18px;
        line-height: 35px;
    }
    /*banner end*/
}

@media only screen and (max-width: 512px) {
    .main_foot .main_foot_right {
        height: 65%;
    }
    .main_foot_wrap .lg_text {
        font-size: 14px;
        line-height: 20px;
        margin-left: 2px;
        margin-right: 2px;
    }
    .main_foot_wrap .lg_text .span2 {
        font-size: 12px;
        line-height: 16px;
    }
}

@media only screen and (max-width:450px) {
    .main_foot_wrap .lg_text {
        top: 100px;
    }
    .main_request_a_demo .main_head_computer {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 383px) {
    .main_request_a_demo .main_middle {
        height: 1100px;
    }
    .main_foot_wrap .lg_text {
        top: 90px;
        font-size: 12px;
        line-height: 20px;
        text-indent: 0;
    }
    .main_foot_wrap .lg_text .span1 {
        font-size: 20px;
    }
    .main_foot_wrap .lg_text .span2 {
        font-size: 10px;
        line-height: 20px;
        margin-top: 12px;
        right: 6px;
    }
    .main_request_a_demo .main_head_computer {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 370px) {
    .main_foot_wrap .lg_text {
        top: 90px;
    }
    .main_foot_wrap .lg_text .span2 {
        margin-top: 8px;
    }
    .main_request_a_demo .main_head_computer {
        margin-top: 4px;
    }
    /*banner*/
    .main_request_a_demo .main_head {
        height: 800px;
        background-size: 100% 30%;
    }
    .main_head .main_head_left {
        height: 40%;
    }
    .main_head .main_head_right {
        height: 70%;
    }
    /*表单*/
    .main_request_a_demo .main_head .main_head_form {
        margin-top: 40px;
        width: 100%;
        margin-right: 0;
    }
    .main_head_form .form_head {
        font-size: 16px;
        line-height: 45px;
    }
    .main_head_form .form_submit {
        font-size: 16px;
        line-height: 35px;
    }
    /*表单 end*/
    .main_request_a_demo .main_head .main_head_text {
        padding-top: 20px;
    }
    .main_request_a_demo .main_head .main_head_text p {
        font-size: 24px;
        line-height: 32px;
    }
    /*banner end*/
}

@media only screen and (max-width: 320px) {
    .main_foot_wrap .lg_text {
        top: 60px;
    }
}


/*兼容问题*/

#header .wrap {
    width: 1200px;
}


/*兼容问题end*/


/*清浮动*/

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix {
    zoom: 1;
}


/*******Get The Best Price end******/


/*Request An Expert Demo S*/

.main_request_a_demo_sec .main {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.main_request_a_demo_sec {
    width: 100%;
}

.main_request_a_demo_sec .main_head {
    width: 100%;
    height: 720px;
    background-image: url(../images/banner-background.html);
    display: block;
}

.main_request_a_demo_sec .main_head .main_head_left {
    width: 64%;
    height: 100%;
    float: left;
    position: relative;
}

.main_request_a_demo_sec .main_head .main_head_text {
    float: left;
    width: 100%;
    padding-top: 90px;
    color: #ffffff;
    text-align: center;
}

.main_request_a_demo_sec .main_head .main_head_text p {
    font-weight: bold;
    font-size: 60px;
    line-height: 85px;
}

.main_request_a_demo_sec .main_head .main {
    height: 100%;
}

.main_request_a_demo_sec .main_head_computer {
    width: 85%;
    margin-left: 7.5%;
    float: left;
    margin-top: 20px;
}

.main_request_a_demo_sec .main_head_computer img {
    float: left;
    width: 100%;
    display: block;
}

.main_request_a_demo_sec .main_head .main_head_right {
    width: 36%;
    height: 100%;
    float: right;
    box-sizing: border-box;
}

.main_request_a_demo_sec .main_head .main_head_form {
    float: right;
    background-color: #ffffff;
    /*width: 77%;*/
    width: 95%;
    height: 70%;
    /*margin-right: 36px;*/
   margin-right: -10px;
    margin-top: 115px;
    border-radius: 25px;
}

.main_request_a_demo_sec .main_head_form .form_head {
    width: 100%;
    height: 14.23%;
    background-color: #3283c2;
    color: #ffffff;
    font-weight: bold;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    font-size: 26px;
    align-items: center;
    line-height: 68px;
}

.main_request_a_demo_sec .main_head_form .contactform {
    height: 85.77%;
    width: 73.33%;
    color: #515151;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    margin-left: 13.335%;
    padding-bottom: 16px;
    padding-top: 16px;
}

.main_request_a_demo_sec .contactform ul {
    text-align: left;
    height: 70%;
    box-sizing: border-box;
    margin-bottom: 0;
}

.main_request_a_demo_sec .main_head_form ul li {
    width: 100%;
    height: 25%;
    display: block;
    box-sizing: border-box;
}

.main_request_a_demo_sec .main_head_form ul li span {
    width: 100%;
    display: inline-block;
}

.main_request_a_demo_sec .main_head_form ul li input {
    width: 100%;
    height: 53%;
    background-color: #f0f0f0;
    box-sizing: border-box;
    padding: 0 5px;
    margin-bottom: 5px;
    margin-top: 3px;
    /*border: #dfdfdf solid 1px;*/
    /*box-shadow:inset 0 0 1px 1px #dfdfdf;*/
}

.main_request_a_demo_sec .main_head_form ul li select::-ms-expand {
    display: none !important;
}

.main_request_a_demo_sec .main_head_form ul li .parent {
    width: 100%;
    height: 53%;
    overflow: hidden;
    margin-top: 5px;
}

.main_request_a_demo_sec .main_head_form ul li select {
    /*将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    /*将默认的select选择框样式清除 end*/
    background: none;
    background-image: url(../images/form-down.html);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 97% 50%;
    background-size: 8.5% 41.17%;
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 30px;
    cursor: pointer;
    border: #cfcecf solid 1px;
}

.main_request_a_demo_sec .contactform>p {
    color: #c8c8c8;
    font-size: 12px;
    margin-top: 4px;
    display: inline-block;
}

.main_request_a_demo_sec .main_head_form .form_submit {
    width: 100%;
    height: 11.3%;
    background-color: #3283c2;
    border: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 24px;
    border-radius: 4px;
    margin-top: 30px;
}

.main_request_a_demo_sec .main_middle {
    width: 100%;
    height: 360px;
    padding-top: 40px;
    background-color: #f5f5f5;
    /*#f5f5f5*/
    display: block;
}

.main_request_a_demo_sec .main_middle ul li {
    float: left;
    width: 25%;
    padding: 0 9px;
    box-sizing: border-box;
}

.main_request_a_demo_sec .main_middle .icon img {
    width: 34%;
}

.main_request_a_demo_sec .main_middle .lg_text {
    margin-top: 40px;
    font-size: 18px;
    color: #000000;
    font-weight: bold;
}

.main_request_a_demo_sec .main_middle .sm_text {
    line-height: 28px !important;
    margin: 0 auto;
    font-size: 14px !important;
}

.main_request_a_demo_sec .main_foot {
    height: 413px;
    margin-bottom: 60px;
}

.main_request_a_demo_sec .main_foot .main {
    height: 100% !important;
}

.main_request_a_demo_sec .main_foot .main_foot_left {
    float: left;
    width: 50%;
}

.main_request_a_demo_sec .main_foot_left_img1 img {
    margin-top: 40px;
    width: 90%;
}

.main_request_a_demo_sec .main_foot_left_img2 img {
    width: 90%;
    margin-left: 10%;
    margin-top: 20px;
}

.main_request_a_demo_sec .main_foot .main_foot_right {
    float: left;
    width: 50%;
    height: 100%;
}

.main_request_a_demo_sec .main_foot_right .main_foot_wrap {
    width: 80%;
    height: 88%;
    background-image: url(../../../images/zw3d/cssimage/extra/commu.png);
    background-repeat: no-repeat;
    background-size: contain;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/zw3d/cssimage/extra/commu.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/zw3d/cssimage/extra/commu.png', sizingMethod='scale');
    background-position: top right;
    float: right;
    position: relative;
    margin-top: 40px;
}

.main_request_a_demo_sec .main_foot_wrap .lg_text {
    position: absolute;
    /*top: 140px;*/
    top: 40%;
    font-size: 18px;
    text-indent: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
    line-height: 36px;
    color: #000000;
    float: left;
}

.main_request_a_demo_sec .main_foot_wrap .lg_text .span1 {
    color: #d4d2d2;
    font-size: 32px;
    margin-left: 2px;
    margin-right: 5px;
    font-weight: bold;
}

.main_request_a_demo_sec .main_foot_wrap .lg_text .span2 {
    position: absolute;
    right: 20px;
    margin-top: 30px;
    font-size: 16px;
    line-height: 16px;
    color: #1296db;
    display: inline-block;
}

@media only screen and (max-width: 2000px) and (min-width: 1220px) {
    .main_request_a_demo_sec .main {
        width: 1200px;
    }
}

@media only screen and (min-width: 1680px) {
    .main_request_a_demo_sec .main {
        width: 1200px;
    }
    .main_request_a_demo_sec .banner .b_text {
        width: 1200px;
    }
    .main_request_a_demo_sec .main_foot_left_img1 img {
        width: 95%;
    }
    .main_request_a_demo_sec .main_foot_left_img2 img {
        width: 95%;
        margin-left: 7%;
        margin-top: 20px;
    }
    .main_request_a_demo_sec .main_foot {
        height: 520px;
    }
    .main_request_a_demo_sec .main_foot_wrap .lg_text {
        font-size: 20px;
        line-height: 38px;
        padding: 0 20px;
        top: 35%;
    }
    .main_request_a_demo_sec .main_foot_wrap .lg_text .span2 {
        margin-top: 40px;
        font-size: 18px;
    }
    .main_request_a_demo_sec .main_foot .main_foot_right .main_foot_wrap {
        width: 88%;
    }
}

@media only screen and (max-width: 1300px) {
    .main_request_a_demo_sec .main {
        width: 96%;
    }
    .main_request_a_demo_sec .banner .b_text {
        /*width: 96% !important;*/
    }
    .main_request_a_demo_sec #header .wrap {
        width: 96% !important;
    }
}

@media only screen and (max-width: 1186px) and (min-width: 801px) {
    .main_request_a_demo_sec .main_middle .sm_text {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 1085px) {
    .main_request_a_demo_sec .main_middle ul li {
        padding: 0px;
    }
}

@media only screen and (max-width: 1024px) {
    .main_request_a_demo_sec .main_foot_right .main_foot_wrap {
        width: 90%;
    }
    .main_request_a_demo_sec .main_head {
        height: 650px;
    }
    .main_request_a_demo_sec .main_head .main_head_left {
        width: 55%;
    }
    .main_request_a_demo_sec .main_head .main_head_right {
        width: 45%;
    }
    .main_request_a_demo_sec .main_head .main_head_text {
        padding-top: 120px;
    }
    .main_request_a_demo_sec .main_head .main_head_text p {
        font-size: 48px;
        line-height: 60px;
    }
    .main_request_a_demo_sec .main_head_computer {
        margin-top: 80px;
    }
    .main_request_a_demo_sec .channel_main_items ul li {
        padding-left: 6px;
        padding-right: 6px;
    }
}

@media only screen and (max-width: 1125px) and (min-width: 900px) {
    .main_request_a_demo_sec .main_foot_wrap .lg_text {
        top: 30%;
    }
}

@media only screen and (max-width: 1000px) {
    .main_request_a_demo_sec .main {
        width: 98%;
    }
    .main_request_a_demo_sec .banner .b_text {
        /*width: 98% !important;*/
    }
    .main_request_a_demo_sec #header .wrap {
        width: 98% !important;
    }
}

@media only screen and (max-width: 915px) {
    .main_request_a_demo_sec .main_middle {
        height: 400px;
    }
    .main_request_a_demo_sec .main_head .main_head_text p {
        font-size: 40px;
        line-height: 50px;
    }
}

@media only screen and (max-width: 900px) {
    .main_request_a_demo_sec .main_foot_wrap .lg_text {
        top: 30%;
        font-size: 14px;
        line-height: 28px;
    }
    .main_request_a_demo_sec .main_foot_wrap .lg_text .span2 {
        margin-top: 8px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 800px) {
    /*middle*/
    .main_request_a_demo_sec .main_middle {
        height: 640px;
        padding-top: 1px;
    }
    .main_request_a_demo_sec .main_middle ul li {
        width: 50%;
        margin-bottom: 10px;
    }
    /*middle end*/
    /*foot*/
    .main_request_a_demo_sec .main_foot .main_foot_left {
        width: 85%;
        float: left;
        margin-left: 7.5%;
        padding-bottom: 20px;
        box-sizing: border-box;
    }
    .main_request_a_demo_sec .main_foot .main_foot_right {
        width: 85%;
        float: left;
        margin-left: 7.5%;
        height: available;
        margin-bottom: 40px;
        margin-top: 20px;
    }
    .main_request_a_demo_sec .main_foot_right .main_foot_wrap {
        width: 100%;
        height: 100%;
        background-position: top center;
        float: none;
        margin: 0 auto;
    }
    .main_request_a_demo_sec .main_foot_wrap .lg_text {
        font-size: 18px;
        line-height: 28px;
        margin: 0 30px;
        top: 45%;
    }
    .main_request_a_demo_sec .main_foot_wrap .lg_text .span2 {
        margin-top: 14px;
        font-size: 14px;
    }
    .main_request_a_demo_sec .main_foot_left_img1 img {
        margin-top: 30px;
    }
    /*foot end*/
    /*banner*/
    .main_request_a_demo_sec .main_head .main {
        width: 100% !important;
    }
    .main_request_a_demo_sec .main_head .main_head_left {
        background-image: url(../../../images/zw3d/cssimage/extra/banner-background.jpg);
        background-repeat: no-repeat;
    }
    .main_request_a_demo_sec .main_head .main_head_text {
        padding-top: 60px;
    }
    .main_request_a_demo_sec .main_head .main_head_text p {
        font-size: 36px;
        line-height: 48px;
    }
    .main_request_a_demo_sec .main_head {
        height: 1100px;
        /*background-repeat: no-repeat;*/
        /*background-size: 100% 40%;*/
        background-color: #f5f5f5;
        background-image: none;
    }
    .main_request_a_demo_sec .main_head .main_head_left {
        width: 100%;
        height: 40%;
    }
    .main_request_a_demo_sec .main_head .main_head_right {
        width: 96%;
        height: 60%;
        margin-left: 2%;
        float: left;
        box-sizing: border-box;
    }
    .main_request_a_demo_sec .main_head .main_head_form {
        margin-right: 11.5%;
        margin-top: 30px;
        height: 90%;
    }
    .main_request_a_demo_sec .main_head_computer {
        margin-top: 10px;
        width: 60%;
        margin-left: 20%;
    }
    /*banner end*/
}

@media only screen and (max-width: 800px) and (min-width: 649px) {
    .main_request_a_demo_sec .main_head .main_head_text {
        padding-top: 30px;
    }
    .main_request_a_demo_sec .main_foot_wrap .lg_text {
        margin: 0 50px;
    }
}

@media only screen and (max-width:700px) {
    .main_request_a_demo_sec .main_foot_wrap .lg_text {
        top: 150px;
    }
}

@media only screen and (max-width:604px) {
    .main_request_a_demo_sec .main_foot_wrap .lg_text {
        top: 110px;
    }
}

@media only screen and (max-width: 583px) {
    .main_request_a_demo_sec .main_foot .main_foot_right {
        height: 85%;
    }
}

@media only screen and (max-width: 526px) {
    .main_request_a_demo_sec .main_middle {
        height: 1140px;
    }
    .main_request_a_demo_sec .main_head .main_head_form {
        margin-top: 40px;
    }
    .main_request_a_demo_sec .main_head_form ul li span {
        font-size: 14px;
        line-height: 16px;
    }
    .main_request_a_demo_sec .main_middle .icon img {
        width: 28%;
    }
    .main_request_a_demo_sec .main_middle .lg_text {
        margin-top: 20px;
    }
    .main_request_a_demo_sec .main_middle ul li {
        width: 95%;
        margin-left: 2.5%;
        margin-bottom: 30px;
    }
    /*middle end*/
    /*banner*/
    .main_request_a_demo_sec .main_head {
        height: 872px;
    }
    .main_request_a_demo_sec .main_head .main_head_text {
        padding-top: 30px;
    }
    .main_request_a_demo_sec .main_head .main_head_text p {
        font-size: 32px;
        line-height: 40px;
    }
    .main_request_a_demo_sec .main_head_form .form_head {
        font-size: 18px;
        line-height: 45px;
    }
    .main_request_a_demo_sec .main_head_form .form_submit {
        font-size: 18px;
        line-height: 35px;
    }
    /*banner end*/
}

@media only screen and (max-width: 512px) {
    .main_request_a_demo_sec .main_foot .main_foot_right {
        height: 65%;
    }
    .main_request_a_demo_sec .main_foot_wrap .lg_text {
        font-size: 14px;
        line-height: 20px;
        margin-left: 2px;
        margin-right: 2px;
    }
    .main_request_a_demo_sec .main_foot_wrap .lg_text .span2 {
        font-size: 12px;
        line-height: 16px;
    }
}

@media only screen and (max-width:450px) {
    .main_request_a_demo_sec .main_foot_wrap .lg_text {
        top: 100px;
    }
    .main_request_a_demo_sec .main_head_computer {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 383px) {
    .main_request_a_demo_sec .main_middle {
        height: 1100px;
    }
    .main_request_a_demo_sec .main_foot_wrap .lg_text {
        top: 90px;
        font-size: 12px;
        line-height: 20px;
        text-indent: 0;
    }
    .main_request_a_demo_sec .main_foot_wrap .lg_text .span1 {
        font-size: 20px;
    }
    .main_request_a_demo_sec .main_foot_wrap .lg_text .span2 {
        font-size: 10px;
        line-height: 20px;
        margin-top: 12px;
        right: 6px;
    }
    .main_request_a_demo_sec .main_head_computer {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 370px) {
    .main_request_a_demo_sec .main_foot_wrap .lg_text {
        top: 90px;
    }
    .main_request_a_demo_sec .main_foot_wrap .lg_text .span2 {
        margin-top: 8px;
    }
    .main_request_a_demo_sec .main_head_computer {
        margin-top: 4px;
    }
    /*banner*/
    .main_request_a_demo_sec .main_head {
        height: 800px;
        background-size: 100% 30%;
    }
    .main_request_a_demo_sec .main_head .main_head_left {
        height: 30%;
    }
    .main_request_a_demo_sec .main_head .main_head_right {
        height: 70%;
    }
    /*表单*/
    .main_request_a_demo_sec .main_head .main_head_form {
        margin-top: 40px;
        width: 100%;
        margin-right: 0;
    }
    .main_request_a_demo_sec .main_head_form .form_head {
        font-size: 16px;
        line-height: 45px;
    }
    .main_request_a_demo_sec .main_head_form .form_submit {
        font-size: 16px;
        line-height: 35px;
    }
    /*表单 end*/
    .main_request_a_demo_sec .main_head .main_head_text {
        padding-top: 20px;
    }
    .main_request_a_demo_sec .main_head .main_head_text p {
        font-size: 24px;
        line-height: 32px;
    }
    /*banner end*/
}

@media only screen and (max-width: 320px) {
    .main_request_a_demo_sec .main_foot_wrap .lg_text {
        top: 60px;
    }
}


/*兼容问题*/

.main_request_a_demo_sec #header .wrap {
    width: 1200px;
}


/*兼容问题end*/


/*清浮动*/

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix {
    zoom: 1;
}


/*Request An Expert Demo E*/


/****ZW3D  global-events 展会预告****/

.eve_ul li .con h2 {
    font-size: 24px;
    height: 70px;
    margin: 0;
}

.eve_ul li span {
    font-size: 16px;
}

.eve_ul li .con .description {
    margin: 0;
}

.label1 {
    padding: 0;
    line-height: 60px;
    height: 60px;
    margin-bottom: 0;
}

.upcoming_events {
    width: 100%;
    height: auto;
    border: 1px solid #eee;
    margin-top: 28px;
    margin-bottom: 28px;
    padding-top: 27px;
    box-shadow: 0 1px 6px 0 #ddd;
}

.upcoming_events ul {
    width: 96%;
    margin: 0 auto;
}

.upcoming_events ul li {
    width: 100%;
    height: 49px;
    padding-left: 15px;
}

.upcoming_events ul .upcoming_item1 {
    background-color: #ff9600;
    color: #ffffff;
    text-align: left;
}

.upcoming_events ul .upcoming_item1 h3 {
    line-height: 45px;
    margin: 0;
    font-size: 22px;
}

.upcoming_events ul .upcoming_item2 {
    background-color: #ffffff;
}

.upcoming_events ul .upcoming_item3 {
    background-color: #fee5c0;
}

.upcoming_events ul li a {
    color: #226297;
}

.upcoming_events ul li table {
    width: 100%;
}

.upcoming_events ul li td {
    font-size: 16px;
    text-align: left;
    line-height: 48px;
}

.more_upcoming {
    text-align: right;
    width: 96%;
    margin: 0 auto;
    font-style: italic;
    line-height: 35px;
    color: #434343;
}

.learn_more a {
    color: #52a6d4;
}

.pages {
    padding: 0;
}

.nav,
.b_text,
.wrap,
.main {
    width: 1200px;
}

.t_main {
    padding: 10px 0 30px;
    ;
}

.label1 {
    line-height: 60px;
}

.eve_ul {
    padding-bottom: 35px;
}

.eve_ul li {
    width: 100%;
    padding: 10px 0;
    border-bottom: none;
    float: left;
}

.eve_ul li .eve_img {
    width: 415px;
    height: 280px;
    padding-top: 0;
    background-color: #eee;
    position: relative;
    float: left;
}

.eve_ul li .eve_img img {
    width: 100%;
}

.eve_img img:hover {
    cursor: pointer;
}

.eve_img .filter {
    width: 415px;
    height: 280px;
    position: absolute;
    top: 0;
    left: 0;
}

.eve_img .filter:hover {
    background-color: black;
    opacity: 0.1;
}

.eve_ul li .con {
    line-height: 25px;
    text-align: left;
    float: left;
    width: 765px;
    padding-left: 18px;
    height: 280px;
    border: 1px solid #eee;
    border-left: none;
    box-shadow: 0 1px 6px 0 #ddd;
    box-sizing: border-box;
    padding-right: 18px;
}

.eve_ul li .con h2 {
    line-height: 70px;
    height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.eve_ul li .con .description {
    line-height: 30px;
    max-height: 120px;
    overflow: hidden;
}

.eve_ul li .con p a:hover {
    cursor: pointer;
    color: #000;
}

.eve_ul li span {
    color: gray;
    border: 1px solid gray;
    margin-right: 3px;
    padding: 0 10px;
    border-radius: 1rem;
}

.pages {
    float: inherit;
    width: auto;
    height: 28px;
    margin: 0 auto;
}

@media screen and (min-width: 1601px) {
    .nav,
    .b_text {
        width: 1400px;
    }
    .top_menu ul li a.menu-item {
        padding: 0 20px;
    }
    .upcoming_events {
        width: 1180px;
    }
}

@media screen and (max-width: 1600px) and (min-width: 1366px) {
    .top_menu ul li a.menu-item {
        padding: 0 20px;
    }
    .upcoming_events {
        width: 1180px;
    }
}

@media screen and (max-width: 1365px) and (min-width: 1024px) {
    .nav,
    .b_text,
    .main {
        width: 1100px;
    }
    .top_menu ul li a.menu-item {
        padding: 0 12px;
    }
    .eve_ul li .eve_img,
    .eve_ul li .eve_img img,
    .eve_img .filter {
        width: 341px;
        height: 230px;
    }
    .eve_ul li .con {
        line-height: 25px;
        width: 644px;
        height: 230px;
        padding-left: 12px;
    }
    .eve_ul li .con h2 {
        line-height: 50px;
        height: 50px;
        text-overflow: ellipsis;
    }
    .label1 {
        line-height: 50px
    }
    .eve_ul li .con .description a,
    .label span {
        font-size: 15px;
    }
    .eve_ul li .con .description {
        max-height: 90px;
    }
    .upcoming_events {
        width: 985px;
    }
}

@media screen and (max-width:1024px) and (min-width: 800px) {
    .nav,
    .b_text,
    .main {
        width: 97%;
    }
    .top_menu ul {
        margin-left: -10px;
    }
    .top_menu ul li a.menu-item {
        padding: 0 8px;
    }
    .eve_ul li .eve_img,
    .eve_ul li .eve_img img,
    .eve_img .filter {
        width: 273px;
        height: 184px;
    }
    .eve_ul li .con {
        line-height: 25px;
        width: 699px;
        height: 184px;
        padding-left: 12px;
    }
    .eve_ul li .con h2 {
        line-height: 40px;
        height: 40px;
        text-overflow: ellipsis;
        font-size: 20px;
    }
    .label1 {
        line-height: 40px;
        height: 40px;
    }
    .eve_ul li .con .description a,
    .label span {
        font-size: 14px;
    }
    .eve_ul li .con .description {
        max-height: 60px;
    }
    .upcoming_events {
        width: 782px;
    }
}

@media screen and (max-width:1024px) and (min-width: 1023px) {
    .eve_ul li .con {
        width: 699px;
    }
    .upcoming_events {
        width: 972px;
    }
}

@media screen and (max-width:840px) {
    .upcoming_events {
        width: 100%;
    }
    .eve_ul li .con {
        width: 100%;
        box-sizing: border-box;
    }
    .eve_ul {
        width: 100%;
    }
}

@media screen and (max-width:800px) {
    .upcoming_events {
        height: 416px;
    }
    .upcoming_events ul .upcoming_item2 {
        height: 147px;
    }
    .upcoming_events ul .upcoming_item3 {
        height: 147px;
    }
    .upcoming_events ul li table {
        height: 100%;
        display: inline-block;
    }
    .upcoming_events ul li table tbody {
        height: 100%;
        width: 100%;
        display: inline-block;
    }
    .upcoming_events ul li table tbody tr {
        height: 100%;
        width: 100%;
        display: inline-block;
    }
    .upcoming_events ul li td {
        width: 100% !important;
        height: 49px;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media screen and (max-width:798px) {
    #header .wrap,
    .zw_item2 .wrap,
    .zw_item3 .wrap {
        height: 40px;
        width: 96%;
    }
    .wrap,
    .b_text,
    .nav,
    .main {
        width: 96%;
        padding-left: 0;
    }
}

@media screen and (max-width:520px) {
    .eve_ul li .eve_img {
        width: 100%;
        height: auto;
    }
    .eve_ul li .eve_img img {
        width: 100%;
        height: auto;
    }
    .eve_img .filter {
        width: 100%;
        height: 100%;
    }
    .label1 {
        height: 40px;
        margin-bottom: 0;
        overflow: hidden;
    }
    .pages {
        height: 56px;
    }
    .eve_ul li .con {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 520px) {
    .label1 {
        overflow: hidden;
    }
}


/****ZW3D  global-events 展会预告  end****/


/*********2D company,zwosft company, start***************/


/*********公共 —— main自适应***************/

.main_company {
    width: 1200px;
    margin: 0 auto;
}

@media screen and (min-width: 1601px) {
    .main_company {
        width: 1400px;
    }
}

@media screen and (max-width: 1600px) and (min-width: 1366px) {
    .main_company {
        width: 1200px;
    }
}

@media screen and (max-width: 1365px) and (min-width: 1023px) {
    .main_company {
        width: 1100px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 800px) {
    .main_company {
        width: 97%;
    }
}

@media only screen and (max-width: 799px) {
    .main_company {
        width: 96%;
    }
}


/*********公共 —— main自适应 end***************/


/*********new company***************/

.content_head_wrap {
    width: 100%;
    height: 332.5px;
    box-sizing: border-box;
    background-image: url(../../../images/zw3d/cssimage/extra/header_background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    /*兼容IE*/
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/zw3d/cssimage/extra/header_background.jpg', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/zw3d/cssimage/extra/header_background.jpg', sizingMethod='scale');
    /*兼容IE end*/
    color: #ffffff;
    text-align: center;
    font-size: 32px;
    line-height: 50px;
    position: relative;
    display: table;
}

.content_head_text {
    vertical-align: middle;
    display: table-cell;
}

.about_block_wrap .about_block_left {
    padding-top: 52px;
    width: 41%;
    float: left;
    padding-bottom: 20px;
}

.about_block_wrap .about_block_left h1 {
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 28px;
    text-align: left;
}

.about_block_wrap .about_block_left a {
    color: #25ADE6;
}

.about_block_wrap .about_block_left p {
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    margin-bottom: 0;
}

.about_block_wrap .about_block_left p:first-child {
    margin-bottom: 4px;
}

.about_block_wrap .about_block_right {
    float: right;
    width: 663px;
    padding-top: 60px;
}

.about_block_wrap .about_block_right {
    height: 100%;
}

.about_block_wrap .about_block_right ul li {
    width: 46.15%;
    height: 204px;
    margin-left: 3.85%;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    float: left;
    margin-bottom: 26px;
}

.about_block_wrap .about_block_right ul li .positive {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: #1698d9;
    display: table;
}

.positive_wrap {
    display: table-cell;
    vertical-align: middle;
}

.about_block_wrap .about_block_right ul li .positive h1 {
    font-weight: normal;
    font-size: 58px;
    margin-bottom: 18px;
    margin-top: 0;
}

.about_block_wrap .about_block_right ul li .positive p {
    margin-bottom: 6px;
    font-size: 16px;
}

.about_block_wrap .about_block_right ul li .opposite {
    background-color: #32393c;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-align: left;
}

.opposite_wrap {
    width: 100%;
    height: 100%;
    display: table;
}

.about_block_wrap .about_block_right ul li .opposite .opposite_text {
    padding-left: 19px;
    padding-right: 19px;
    font-size: 14px;
    line-height: 20px;
    display: table-cell;
    vertical-align: middle;
}

.about_block_right .opposite {
    display: none;
}

.about_block {
    width: 100%;
    height: 556px;
}

.content_solution_wrap {
    height: 478px;
    background-color: #343434;
    color: #ffffff;
}

.content_solution_wrap h1 {
    font-weight: normal;
    padding-top: 50.5px;
    margin-top: 0;
    margin-bottom: 35.6px;
    text-align: center;
    font-size: 28px;
    line-height: 30px;
}

.content_solution_wrap img {
    width: 100%;
}

.pre_slide img {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    /* for Chrome || Safari */
    -moz-transform: translate(0, -50%);
    /* for Firefox */
    -ms-transform: translate(0, -50%);
    /* for IE */
    -o-transform: translate(0, -50%);
    /* for Opera */
    cursor: pointer;
}

.next_slide img {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    /* for Chrome || Safari */
    -moz-transform: translate(0, -50%);
    /* for Firefox */
    -ms-transform: translate(0, -50%);
    /* for IE */
    -o-transform: translate(0, -50%);
    /* for Opera */
    cursor: pointer;
}

.content_solution_wrap .pre_slide {
    float: left;
    width: 1.73%;
    height: 100%;
    position: relative;
}

.content_solution_wrap .next_slide {
    float: left;
    width: 1.73%;
    height: 100%;
    position: relative;
}

.content_solution_wrap .slide_show {
    height: 361.9px;
}

.slide_show .detail_slide {
    float: left;
    width: 96.54%;
    height: 100%;
}

.slide_show .detail_slide .show_box {
    width: 92%;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
}

.slide_show .detail_slide .show_box>ul {
    width: 400%;
    height: 100%;
    position: relative;
}

.slide_show .detail_slide .show_box>ul>li {
    width: 25%;
    box-sizing: border-box;
    top: 0;
    position: absolute;
}

.show_items .show_items_left {
    width: 50%;
    float: left;
}

.show_items img {
    width: 90%;
    margin-left: 1%;
}

.show_items .show_items_right {
    width: 50%;
    padding-right: 10px;
    box-sizing: border-box;
    float: left;
}

.show_items .show_items_right h2 {
    font-size: 18px;
    line-height: 18px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 30px;
    text-align: left;
}

.show_items .show_items_right a {
    font-size: 14px;
    color: #25ADE6;
}

.show_items .show_items_right p {
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}


/*ie不兼容first-child伪类*/

.left_item {
    float: left;
}

.right_item {
    float: right;
}


/*ie不兼容first-child伪类 end*/

.content_culture_wrap {
    width: 100%;
    height: 355px;
    background-image: url(../../../images/zw3d/cssimage/extra/culture_background.jpg);
    background-size: cover;
    color: #ffffff;
}

.content_culture_wrap .main_company {
    height: 100%;
}

.content_culture_wrap h1 {
    color: #ffffff;
    font-weight: normal;
    padding-top: 50px;
    margin-top: 0;
    margin-bottom: 35px;
    text-align: center;
    font-size: 28px;
    line-height: 32px;
}

.content_culture_wrap ul {
    width: 100%;
    height: 56%;
}

.content_culture_wrap ul li {
    border: #ffffff solid 2px;
    box-sizing: border-box;
    width: 24%;
    height: 100%;
    text-align: center;
    display: table;
    padding-left: 8px;
    padding-right: 8px;
    float: left;
    margin-right: 1.3333%;
}

.content_culture_wrap ul li:last-child {
    margin-right: 0;
}

.content_culture_wrap ul li .culture_text {
    display: table-cell;
    vertical-align: middle;
}

.culture_text h3 {
    margin-top: 0;
    margin-bottom: 14px;
    font-size: 18px;
}

.culture_text p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
}

.content_development_wrap {
    width: 100%;
    height: 600px;
}

.content_development_top {
    height: 545px;
}

.content_development_bottom {
    height: 55px;
    background-color: #343434;
    color: #999999;
}

.content_development_bottom li {
    float: left;
    width: 5.263%;
    height: 100%;
    font-size: 14px;
    line-height: 55px;
    text-align: center;
    cursor: pointer;
}

.active_year {
    color: #ffffff;
    background-color: #000000;
}

.content_development_top .development_detail {
    width: 50%;
    box-sizing: border-box;
    padding-top: 49px;
}

.content_development_top h1 {
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 28px;
    text-align: left;
}

.content_development_top p {
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    margin-bottom: 0;
}

.content_development_top p span {
    font-weight: bold;
}

.content_development_top>.main_company {
    height: 100%;
    /*background-image: url(https://www.zwsoft.com/statics/images/zwcad/v2018/company/background_1993.png);*/
    background-repeat: no-repeat;
    background-size: contain;
    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.zwsoft.com/statics/images/zwcad/v2018/company/background_1993.png',  sizingMethod='scale');*/
    /*-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.zwsoft.com/statics/images/zwcad/v2018/company/background_1993.png', sizingMethod='scale');*/
    background-position: bottom;
}

.preloader2_img1 {
    background-image: url(../../../images/zw3d/cssimage/extra/background_1993.png);
}

.preloader2_img2 {
    background-image: url(../../../images/zw3d/cssimage/extra/background_1997.png);
}

.preloader2_img3 {
    background-image: url(../../../images/zw3d/cssimage/extra/background_1998.png);
}

.preloader2_img4 {
    background-image: url(../../../images/zw3d/cssimage/extra/background_2002.png);
}

.preloader2_img5 {
    background-image: url(../../../images/zw3d/cssimage/extra/background_2003.png);
}

.preloader2_img6 {
    background-image: url(../../../images/zw3d/cssimage/extra/background_2004.png);
}

.preloader2_img7 {
    background-image: url(../../../images/zw3d/cssimage/extra/background_2005.png);
}

.preloader2_img8 {
    background-image: url(../../../images/zw3d/cssimage/extra/background_2006.png);
}

.preloader2_img9 {
    background-image: url(../../../images/zw3d/cssimage/extra/background_2007.png);
}

.preloader2_img10 {
    background-image: url(../../../images/zw3d/cssimage/extra/background_2008.png);
}

.preloader2_img11 {
    background-image: url(../../../images/zw3d/cssimage/extra/background_2009.png);
}

.preloader2_img12 {
    background-image: url(../../../images/zw3d/cssimage/extra/background_2010.png);
}

.preloader2_img13 {
    background-image: url(../../../images/zw3d/cssimage/extra/background_2011.png);
}

.preloader2_img14 {
    background-image: url(../../../images/zw3d/cssimage/extra/background_2012.png);
}

.preloader2_img15 {
    background-image: url(../../../images/zw3d/cssimage/extra/background_2013.png);
}

.preloader2_img16 {
    background-image: url(../../../images/zw3d/cssimage/extra/background_2014.png);
}

.preloader2_img17 {
    background-image: url(../../../images/zw3d/cssimage/extra/background_2015.png);
}

.preloader2_img18 {
    background-image: url(../../../images/zw3d/cssimage/extra/background_2016.png);
}

.preloader2_img19 {
    background-image: url(../../../images/zw3d/cssimage/extra/background_2017.png);
}

@media only screen and (min-width: 1920px) {
    .content_head_wrap {
        height: 448px;
    }
    .about_block_wrap .about_block_left h1 {
        margin-bottom: 40px;
    }
    .slide_show .detail_slide .show_box {
        width: 92% !important;
    }
}

@media only screen and (min-width: 1680px) {
    .content_solution_wrap {
        height: 643px;
    }
    .content_solution_wrap h1 {
        padding-top: 70px;
        margin-bottom: 48px;
    }
    .content_solution_wrap .slide_show {
        height: 495px;
    }
    .show_items h2 {
        margin-top: 42px;
        margin-bottom: 42px;
        font-size: 20px;
    }
    .show_items p {
        font-size: 18px;
        line-height: 24px;
    }
    .slide_show .detail_slide .show_box {
        width: 90%;
    }
}

@media only screen and (max-width: 1366px) and (min-width: 1024px) {
    .content_culture_wrap ul {
        height: 63%;
    }
    .content_culture_wrap {
        height: 380px;
    }
}

@media only screen and (max-width: 1365px) and (min-width: 1023px) {
    .about_block_wrap .about_block_right {
        width: 600px;
    }
    .about_block_wrap .about_block_right ul li .opposite .opposite_text {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (max-width: 1024px) {
    .about_block_wrap .about_block_left {
        width: 96%;
        margin-left: 2%;
    }
    .about_block_wrap .about_block_right {
        width: 80%;
        float: left;
        margin-left: 9%;
        padding-top: 20px;
    }
    .about_block {
        height: 828px;
    }
    .content_culture_wrap {
        height: 520px;
    }
    .content_culture_wrap ul {
        height: 408px;
        width: 80%;
        margin-left: 10%;
    }
    .content_culture_wrap ul li {
        width: 45%;
        margin-right: 5%;
        margin-top: 10px;
        height: 45%;
    }
    .content_development_wrap {
        height: 670px;
    }
    .content_development_top {
        height: 615px;
    }
}

@media only screen and (max-width: 930px) {
    .about_block {
        height: 868px;
    }
    .about_block_wrap .about_block_right {
        width: 90%;
        margin-left: 4%;
    }
    .show_items .show_items_left {
        width: 40%;
    }
    .show_items img {
        width: 100%;
    }
    .show_items .show_items_right {
        padding-right: 0;
        width: 60%;
        padding-left: 20px;
    }
}

@media only screen and (max-width: 907px) {
    .content_culture_wrap ul li {
        height: 50%;
    }
    .content_culture_wrap {
        height: 580px;
    }
}

@media only screen and (max-width: 870px) {
    .about_block {
        height: 888px;
    }
    .about_block_wrap .about_block_right {
        width: 90%;
        margin-left: 4%;
    }
}

@media only screen and (max-width: 800px) {
    .content_development_top .development_detail {
        width: 100%;
    }
}

@media only screen and (max-width: 790px) {
    .content_culture_wrap ul {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .content_culture_wrap ul li {
        height: 58%;
        width: 48%;
        margin-right: 2%;
    }
    .content_culture_wrap {
        height: 660px;
    }
}

@media only screen and (max-width: 780px) {
    .about_block {
        height: 908px;
    }
    .about_block_wrap .about_block_right {
        width: 90%;
        margin-left: 4%;
    }
    .show_items .show_items_left {
        width: 40%;
        margin-left: 30%;
    }
    .show_items .show_items_right {
        margin-top: 10px;
        padding-right: 15px;
        width: 100%;
        padding-left: 15px;
    }
    .content_solution_wrap {
        height: 520px;
    }
    .content_solution_wrap .slide_show {
        height: 403.9px;
    }
}

@media only screen and (max-width: 755px) {
    .about_block {
        height: 938px;
    }
    .about_block_wrap .about_block_right {
        width: 98%;
        margin-left: 0.6%;
    }
    .content_culture_wrap {
        height: 560px;
    }
    .content_culture_wrap ul {
        height: 448px;
        width: 88%;
        margin-left: 6%;
    }
    .content_development_bottom li {
        font-size: 8px;
    }
}

@media only screen and (max-width: 665px) {
    .about_block {
        height: 1600px;
    }
    .about_block_wrap .about_block_right {
        width: 98%;
        margin-left: 0.6%;
    }
    .about_block_wrap .about_block_right ul li {
        width: 80%;
        margin-left: 10%;
        height: 220px;
    }
    .content_head_wrap {
        font-size: 24px;
        line-height: 40px;
    }
    .content_solution_wrap h1 {
        font-size: 24px;
        line-height: 24px;
    }
    .content_solution_wrap {
        height: 600px;
    }
    .show_items .show_items_left {
        width: 50%;
        margin-left: 25%;
    }
    .content_solution_wrap .slide_show {
        height: 489.9px;
    }
    .content_culture_wrap {
        height: 1050px;
    }
    .content_culture_wrap ul {
        height: 938px;
        width: 90%;
        margin-left: 5%;
    }
    .content_culture_wrap ul li {
        width: 80%;
        margin-right: 0;
        margin-left: 10%;
        margin-top: 20px;
        height: 200px;
    }
}

@media only screen and (max-width: 650px) {
    .content_development_wrap {
        height: 705px;
    }
    .content_development_bottom {
        height: 90px;
    }
    .content_development_bottom li {
        width: 10%;
        line-height: 45px;
    }
    .mark_box {
        margin-left: 5%;
    }
}

@media only screen and (max-width: 530px) {
    .about_block_wrap .about_block_right ul li {
        height: 204px;
    }
}

@media only screen and (max-width: 478px) {
    .content_solution_wrap {
        height: 640px;
    }
    .content_solution_wrap .slide_show {
        height: 529.9px;
    }
    .show_items .show_items_right {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 449px) {
    .content_culture_wrap ul li {
        width: 100%;
        margin-left: 0;
    }
}

@media only screen and (max-width: 436px) {
    .about_block {
        height: 1560px;
    }
    .content_head_wrap {
        font-size: 18px;
        line-height: 24px;
        height: 200px;
    }
    .about_block_wrap .about_block_right ul li {
        width: 88%;
        margin-left: 6%;
        height: 210px;
    }
    .content_development_wrap {
        height: 785px;
    }
    .content_development_top {
        height: 695px;
    }
}

@media only screen and (max-width: 410px) {
    .content_solution_wrap {
        height: 680px;
    }
    .content_solution_wrap .slide_show {
        height: 545.9px;
    }
    .content_development_wrap {
        height: 845px;
    }
    .content_development_top {
        height: 755px;
    }
}

@media only screen and (max-width: 386px) {
    .about_block {
        height: 1670px;
    }
}

@media only screen and (max-width: 320px) {
    .about_block {
        height: 1850px;
    }
    .about_block_wrap .about_block_right ul li {
        height: 230px;
    }
    .content_solution_wrap {
        height: 710px;
    }
    .content_solution_wrap .slide_show {
        height: 575.9px;
    }
    .content_development_wrap {
        height: 905px;
    }
    .content_development_top {
        height: 815px;
    }
}


/*********new company end***************/


/*********2D company,zwosft company, end***************/


/*********new system requirements***************/

.system_top {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 68px;
}

.system_top span {
    font-size: 48px;
    font-weight: normal;
}

.main_system_requirements {
    margin-bottom: 116px;
}

.main_system_requirements table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.main_system_requirements table tr td {
    border: 1px solid #b2b3ad;
}

.main_system_requirements table tr td.td1 {
    height: 58px;
    line-height: 58px;
    text-align: left;
    font-size: 26px;
    padding-left: 20px;
    font-weight: bold;
}

.main_system_requirements table tr td.tdbg {
    background-color: #eeeeee;
}

.main_system_requirements table tr td.td2 {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    width: 308px;
}

.main_system_requirements table tr td.td3 {
    font-size: 18px;
    line-height: 30px;
    padding-left: 26px;
}

.main_system_requirements table tr td.td3 .td3b {
    margin-top: 10px;
    margin-bottom: 10px;
}

.main_system_requirements table tr td.td3 ul {
    margin-top: 10px;
    margin-bottom: 10px;
}

.main_system_requirements table tr td.td3 ul li {
    list-style-type: disc;
}

@media screen and (max-width: 1024px) {
    .main_system_requirements table tr td.td2 {
        width: unset;
    }
}

@media screen and (max-width: 800px) {
    .system_top {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .system_top span {
        font-size: 38px;
    }
}

@media screen and (max-width: 500px) {
    .main_system_requirements table tr {
        display: inline-grid;
        width: 100%;
    }
    .system_top span {
        font-size: 30px;
    }
    .system_top {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}


/*********new system requirements end***************/


/*********new thanks start***************/
body.thanks_body{
    padding: 0px !important;
    margin: 0px !important;
    font-family: 'Open Sans Light' !important;
}

.thanks_body *{
    padding:0px;
    margin:0px;
}

.thanks_body  ul{
    list-style: none;
}

.thanks_body a{
    text-decoration: none;
}

.clearfix:after{
    display: block;
    content:'';
    clear: both;
    height:0;
}

.thanks_body {
    background-color: #575760;
}

.thanks_body .thanks_wrap{
    width: 100%;
    height: 763px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.thanks_wrap  .main {
    width: 962px;
    height: 100%;
    margin: 0 auto;
    background-color: #f5f5f5;
}


.thanks_wrap  .top {
    position: relative;
    width: 100%;
    height: 566px;
    display: table;
    text-align: center;
    background-color: #ffffff;
    /*background-image: url(../images/thanks_con_bg.png);*/
    /*background-image: url(/static/images/zw3d/cssimage/extra/thanks_con_bg.png);*/
    background-size: 100% 100%;
    border: none;
}



.thanks_wrap  .top_bg_img1{
    position: absolute;
    top:0px;
    left:0px;
}


.thanks_wrap  .top_bg_img2{
    position: absolute;
    bottom:0px;
    right:-2px;
}

.thanks_wrap  .top_bg_img1 img,.thanks_wrap  .top_bg_img2 img{
    width:100%;
}


@media screen and (max-width:877px){

.thanks_wrap  .top_bg_img1{
     width:250px;
}


.thanks_wrap  .top_bg_img2{
     width:425px;
}


}



@media screen and (max-width:500px){

.thanks_wrap  .top_bg_img1{
     width:200px;
}

.thanks_wrap  .top_bg_img2{
   width:350px;
}


}

@media screen and (max-width:450px){

.thanks_wrap  .top_bg_img1{
     width:180px;
}

.thanks_wrap  .top_bg_img2{
   width:300px;
}


}


@media screen and (max-width:400px){

.thanks_wrap  .top_bg_img1{
     width:160px;
}

.thanks_wrap  .top_bg_img2{
   width:280px;
}


}


.thanks_wrap  .content {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 9999;
}

.thanks_wrap  .top h2 {
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 32px;
    line-height: 30px;
    color: #212121;
}

.thanks_wrap .top p {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 12px;
    line-height: 18px;
    color: #212121;
}

.thanks_wrap .top a {
    color: #5c9bf9;
}

.thanks_wrap .top .backhome{
    margin-top:20px;
}

.thanks_wrap .top .backhome a {
    text-decoration: none;
    font-size: 24px;
    font-weight: normal;
    color: #1f9bfc;
    border: #1f9bfc solid 3px;
    border-radius: 26px;
    display: block;
    height: 54px;
    width: 282px;
    box-sizing: border-box;
    line-height: 48px;
    margin: 0 auto;
}

.thanks_wrap .bottom {
    position:relative;
    height: 197px;
    background-color: #1f9bfc;
    border: none;
    color:#FFF;
}


.bottom_img{
    position:absolute;
    width:130px;
    height:130px;
    bottom:0px;
    right:0px;
    /*background-image: url('../images/thanks_footer_index.png');*/
    background-image: url(../images/thanks_footer_index.html);
}

.thanks_wrap  .left {
    margin-left: 180px;
    width: 280px;
    float: left;
}

.thanks_wrap  .left h3 {
    font-size: 20px;
    padding-top: 28px;
    margin-bottom: 0;
    border-bottom: #FFF solid 2px;
    margin-bottom:20px;
}

.thanks_wrap  ul{
  float: left;
  padding-right:15px;
}

.thanks_wrap  .left ul a{
    font-size: 14px;
    text-decoration: none;
    color: #FFF;
    line-height: 26px;
}


.thanks_wrap .right {
    width: 280px;
    height: 156px;
    float: right;
    margin-right: 100px;
}

.thanks_wrap .right h3{
    font-size: 20px;
    margin-top: 28px;
}

.thanks_wrap .right p {
    color: #FFF;
    margin-top: 10px;
    font-size: 14px;
}


.thanks_wrap  .right a{
    color: #FFF;
}

@media screen and (max-width:965px){
   .thanks_wrap .main {
      width:100%;
    }
}


@media screen and (max-width: 850px){

.thanks_wrap .left{
  margin-left:80px;
}

.thanks_wrap .right{
  margin-right:0px;
}

}


@media screen and (max-width: 720px){

.thanks_wrap .left{
  margin-left:50px;
  width:260px;
}

.thanks_wrap  .right{
  margin-right:0px;
  width:260px;
}

}

@media screen and (max-width: 580px){

.thanks_body .thanks_wrap{
    height:auto;
    width: 100%;
    position: relative;
    top: 0;
    transform: translate(0, 0);
}

.thanks_wrap .bottom {
    height: auto;
 }

.thanks_wrap .right{
    height: auto;
}
.thanks_wrap .left {
    width: 40%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    float: unset;
}


.thanks_wrap .right {
    float: unset;
    margin-top: 0;
    width: 40%;
    margin-left: 30%;
}

.thanks_wrap .right_con{
    margin:0 auto;
}
}

@media screen and (max-width: 420px){
 .bottom_img{
   z-index:-1;
  }

 .thanks_wrap {
    height: 0;
    position: unset;
}

}

/*********new thanks end***************/


/*********find-resellers*********/

.public-content-width .main {
    width: 100%;
    padding-left: 0;
    margin-left: 0;
}

.find-resellers-main .main_text {
    /*文字部分*/
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    padding-bottom: 30px;
    padding-top: 0px;
    text-align: left;
}

.find-resellers-main .main_map {
    margin-top: 40px;
}

.find-resellers-main .main_map img {
    display: block;
    height: 100%;
    max-width: 100%;
}

.find-resellers-main .main_tip {
    text-align: left;
    padding-bottom: 40px;
    font-size: 16px;
    line-height: 24px;
    margin-top: 40px;
}

.find-resellers-main .main_tip.center_tip {
    text-align: center;
}

.find-resellers-main .main_tip a {
    color: #1174d0;
}

.find-resellers-main .no-result a {
    color: #1174d0;
}

.find-resellers-main .no-result {
    margin-bottom: 60px;
}

.find-resellers-main .no-result .left_list {
    padding-top: 20px;
    padding-right: 10px;
}

.find-resellers-main .no-result p {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
}

.find-resellers-main .main_search_wrap {
    width: 32%;
    height: 62px;
    border: #dcdcdc solid 1px;
    font-size: 14px;
    line-height: 22px;
    box-sizing: border-box;
    position: relative;
}

.find-resellers-main .main_search_wrap form {
    height: 100%;
}

.find-resellers-main .main_search_wrap p {
    position: absolute;
    color: #acacac;
    font-size: 16px;
    line-height: 16px;
    padding-left: 16px;
    top: 23px;
    left: 0;
    margin: 0;
    cursor: pointer;
}

.find-resellers-main .main_search_wrap .select_country {
    width: 100%;
    height: 100%;
    font-size: 16px;
    padding-left: 16px;
    padding-right: 16px;
    background-color: #ffffff;
    background-image: url(../../../images/zw3d/cssimage/extra/reseller_select_icon.png);
    background-repeat: no-repeat;
    background-position: 96% 54%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
}

.find-resellers-main .main_search_wrap .select_country::-ms-expand {
    display: none;
}

.find-resellers-main .search_by_city {
    width: 41.1%;
    height: 34px;
    margin-left: 1.2%;
    margin-top: 8px;
    position: relative;
    float: left;
}

.find-resellers-main .search_by_city input {
    width: 100%;
    border: #e0e1e1 solid 1px;
    height: 34px;
    padding: 0 4px;
    box-sizing: border-box !important;
}

.find-resellers-main .search_right {
    width: 27.628%;
    border: #e0e1e1 solid 1px;
    height: 34px;
    padding: 0 4px;
    box-sizing: border-box !important;
    margin-left: 0.833%;
    margin-top: 8px;
    border-radius: 3px;
    float: left;
}

.find-resellers-main .search_submit {
    width: 13%;
    height: 34px;
    background-color: #428bca;
    border: #357ebd solid 1px;
    border-radius: 3px;
    margin-left: 1.2%;
    margin-top: 8px;
    float: left;
    cursor: pointer;
}

.find-resellers-main .main_list_map {
    width: 100%;
    border-bottom: #dddddd solid 1px;
    border-right: #dddddd solid 1px;
    border-top: #dddddd solid 1px;
    height: 600px;
    margin-top: 40px;
}

.find-resellers-main .bg {
    border: #dddddd solid 1px !important;
}

.find-resellers-main .bg .right_map {
    width: 100%;
    height: 825px;
    float: left;
}

.main_list_map .right_map .map {
    height: 100% !important;
}

.find-resellers-main .bg .right_map img {
    width: 100%;
}

.find-resellers-main .bg .right_map .right_head {
    border: none;
}

.find-resellers-main .left_list {
    float: left;
    width: 33.3%;
    height: 600px;
    /*border-right: #dddddd solid 1px;*/
    overflow: scroll;
    overflow-x: hidden;
}

.find-resellers-main .list_item {
    width: 100%;
}

.find-resellers-main .list_item_right {
    width: 100%;
    float: left;
    padding-right: 10px;
    padding-top: 20px;
    text-align: left;
}

.find-resellers-main .list_item_right .address_name a {
    font-size: 22px;
    line-height: 24px;
    color: #1585d4;
    font-weight: normal;
}

.find-resellers-main .list_item_right .address_name a:hover {
    text-decoration: underline;
}

.find-resellers-main .list_item_right .address_msg {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    padding-top: 2px;
}

.find-resellers-main .list_item_right .address_msg a {
    color: #1585d4;
}

.find-resellers-main .list_item_right .address_msg a:hover {
    text-decoration: underline;
}

.find-resellers-main .list_item_right i {
    padding-right: 2px;
}

.find-resellers-main .list_item_right .label {
    padding-top: 20px;
    height: unset;
    margin: 0;
    padding-bottom: 0;
    padding-right: 0;
    line-height: 18px;
    display: block;
    text-align: left;
}

.find-resellers-main .list_item_right .label a {
    color: #333333;
    cursor: default;
}

.find-resellers-main .list_item_right .label a:hover {
    text-decoration: none;
}

.find-resellers-main .list_item .fields {
    width: 100%;
    margin-top: 28px;
    border-top: #dddddd solid 1px;
    float: left;
}

.find-resellers-main .right_map {
    width: 66.7%;
    height: 600px;
    float: left;
}

.find-resellers-main .right_map .right_head {
    height: 25px;
    width: 100%;
    border-bottom: #dddddd solid 1px;
    padding-top: 2px;
    padding-left: 5px;
    box-sizing: border-box;
    text-align: left;
    font-size: 16px;
    line-height: 18px;
}

.find-resellers-main .main_foot {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 0;
    text-align: left;
}

.find-resellers-main .main_foot .first_foot {
    height: 30px;
    margin-top: 15px;
    font-size: 15px;
    line-height: 24px;
}


/*谷歌地图*/

.gm-style .gm-style-cc span,
.gm-style .gm-style-cc a,
.gm-style .gm-style-mtc div {
    font-size: 10px;
}

.gm-style .gmnoscreen,
.gmnoscreen {
    display: none;
}

@media screen and (max-width: 1219px) {
    .find-resellers-main .list_item_right {
        width: 100%;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 800px) {
    .find-resellers-main .main_search_wrap {
        width: 100%;
        height: 45px;
    }
    .find-resellers-main .no-result p {
        padding-left: 10px;
    }
    .find-resellers-main .list_item_right {
        padding-left: 10px;
    }
    .find-resellers-main .main_search_wrap p {
        top: 15px;
    }
    .find-resellers-main .no-result .left_list {
        height: auto;
    }
    .find-resellers-main .left_list {
        width: 100%;
    }
    .find-resellers-main .right_map {
        width: 100%;
    }
    .find-resellers-main .right_map img {
        width: 100%;
    }
    .find-resellers-main .main_list_map {
        height: auto;
    }
}


/*********find-resellers end*********/


/*********new download-center***************/

.down-form-3d {
    margin: 15px auto;
}

.down-form-3d .sub_box .sub_box_img {
    position: absolute;
    margin-top: 20px;
    margin-left: 3px;
    display: none;
}

.oldUser_form_right .submit_btn {
    font-size: 25px;
}

.email_box_msg {
    width: 180px;
    position: absolute;
    margin-top: 3px;
    margin-left: 20px;
    color: red;
    font-size: 14px;
    display: none;
}


/*download successfully*/

.download_nav {
    text-align: left;
    margin-top: 38px;
    margin-bottom: 74px;
    font-size: 16px;
    line-height: 18px;
}

.download_successfully {
    width: 655px;
    margin: 0 auto;
}

.download_successfully fieldset {
    box-sizing: border-box;
    margin-bottom: 73px;
}

.download_successfully legend {
    padding-left: 10px;
    padding-right: 10px;
}

.download_successfully h1 {
    font-size: 45px;
    font-weight: bold;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 14px;
}

.download_successfully h2 {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 54px;
}

.download_successfully fieldset p {
    text-align: center;
    margin-bottom: 38px;
}

.download_successfully_bottom {
    margin-left: 30px;
}

.download_successfully_bottom h3 {
    font-weight: bold;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 18px;
}

.download_successfully_bottom p {
    font-size: 15px;
    line-height: 24px;
}

.download_successfully_bottom a {
    font-size: 15px;
    text-decoration: underline;
}

.download_successfully_bottom {
    padding-bottom: 111px;
}


/*download successfully end*/


/*oldUser_form*/

.oldUser_form_left {
    float: left;
    width: 268px;
    margin-left: 141px;
    text-align: left;
}

.oldUser_form_left h1 {
    text-align: left;
    font-size: 27px;
    margin-top: 0;
    margin-bottom: 22px;
}

.oldUser_form_left img {
    width: 180px;
    height: 180px;
}

.oldUser_form_right {
    float: left;
    text-align: left;
    width: 425px;
    margin-bottom: 248px;
}

.oldUser_form_right .submit_item {
    width: 100%;
    height: 55px;
    border: none;
    background-color: #1698d9;
    border-radius: 2px;
    color: #ffffff;
    margin-top: 5px;
    cursor: pointer;
    /*margin-bottom: 184px;*/
}

.oldUser_form_right .submit_item span.sub_box_wait {
    position: absolute;
}

.oldUser_form_right .select_item_wrap {
    width: 100%;
    height: 55px;
    margin-bottom: 14px;
    box-sizing: border-box;
    border: #a9a9a9 solid 1px;
    overflow: hidden;
    position: relative;
}

.oldUser_form_right .select_item_wrap img {
    position: absolute;
    right: 13px;
    top: 12px;
}

.oldUser_form_right .select_item {
    /*将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    /*将默认的select选择框样式清除 end*/
    width: 100%;
    height: 100%;
    border: none;
    font-size: 14px;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
    background-image: url(../../../images/zw3d/cssimage/extra/down-arrow.png);
    background-repeat: no-repeat;
    background-position: 96.6% 58%;
}

.oldUser_form_right .text_item {
    width: 100%;
    position: relative;
}

.oldUser_form_right span {
    color: #1592d1;
}

.oldUser_form_right .text_item span {
    position: absolute;
    top: 20px;
    right: 15px;
}

.oldUser_form_right .text_item input {
    width: 100%;
    height: 55px;
    font-size: 20px;
    padding-left: 10px;
    padding-right: 20px;
    box-sizing: border-box;
    margin-bottom: 14px;
    color: #757575;
	border: 1px solid #a9a9a9;
}

.oldUser_form_right #country {
    font-size: 20px;
    color: #757575;
	border:none;
}

.oldUser_form_right .checkbox_item {
    width: 100%;
    margin-bottom: 10px;
}

.oldUser_form_right .radio_items {
    width: 100%;
    height: 28px;
}

.oldUser_form_right .radio_item {
    width: 140px;
    float: left;
}

.oldUser_form_right .radio_items>input {
    float: left;
}


/*oldUser_form end*/


/*newUser_form*/

.oldUser_form_right .select_item_country {
    /*display: none;*/
}

.oldUser_form_right h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    padding-bottom: 10px;
    margin-top: -20px;
}

.oldUser_form_right p {
    font-size: 30px;
    padding-bottom: 5px;
    width: 440px;
}

.oldUser_form_right .select_item_wrap span {
    position: absolute;
    top: 18px;
    right: 30px;
}


/*newUser_form end*/

@media only screen and (min-width: 1601px) {
    .oldUser_form_right {
        font-size: 15px;
    }
    .download_nav {
        margin-top: 50px;
        margin-bottom: 100px;
    }
    .download_successfully {
        width: 884px;
    }
    .download_successfully fieldset {
        margin-bottom: 98px;
    }
    .download_successfully h1 {
        margin-top: 68px;
        margin-bottom: 20px;
    }
    .download_successfully h2 {
        margin-bottom: 70px;
    }
    .download_successfully fieldset p {
        margin-bottom: 52px;
    }
    .download_successfully_bottom {
        margin-left: 40px;
    }
    .download_successfully_bottom h3 {
        margin-bottom: 28px;
    }
    .download_successfully_bottom {
        padding-bottom: 150px;
    }
    .oldUser_form_left {
        width: 362px;
    }
    .oldUser_form_right {
        width: 520px;
        margin-bottom: 248px;
    }
    .oldUser_form_right .submit_item {
        /*margin-bottom: 248px;*/
    }
    .oldUser_form_right .select_item {
        background-position: 97.2%;
    }
    .oldUser_form_right p {
        font-size: 15px;
        width: 100%;
    }
    .oldUser_form_right p {
        padding-bottom: 5px;
        font-size: 30px;
    }
}

@media only screen and (max-width: 1600px) {
    .oldUser_form_right .top_txt p {
        font-size: 24px;
    }
    .oldUser_form_right .text_item input {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1360px) {
    .oldUser_form_right {
        font-size: 14px;
    }
    .download_successfully fieldset {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1000px) {
    .oldUser_form_right p {
        width: 100%;
    }
}

@media only screen and (max-width: 880px) {
    .oldUser_form_left {
        margin-left: 0;
    }
}

@media only screen and (max-width: 800px) {
    .oldUser_form_left {
        margin-left: 0;
    }
}

@media only screen and (max-width: 750px) and (min-width: 681px) {
    .oldUser_form_right {
        width: 370px;
    }
}

@media only screen and (max-width: 700px) {
    .download_successfully {
        width: 100%;
    }
    .download_successfully_bottom {
        margin-left: 0;
    }
}

@media only screen and (max-width: 680px) {
    .oldUser_form_left {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .oldUser_form_left h1 {
        text-align: center;
    }
    .oldUser_form_right {
        width: 90%;
        margin-left: 5%;
    }
    .oldUser_form_right h2 {
        margin-top: 0;
    }
}


/*********new download-center end***************/


/*********new download-center*********/

.new_download_center .download_list ul {
    margin: 0;
}

.new_download_center .download_list ul li {
    display: block;
    border-bottom: #e3e3e3 solid 1px;
    box-sizing: border-box;
}

.new_download_center .download_list .product_item {
    width: 47%;
    float: left;
    padding-top: 14px;
}

.new_download_center .download_list .try_text h1 {
    font-size: 24px;
    color: #3698d6;
}

.new_download_center .download_list .try_text p {
    font-size: 16px;
}

.product_item img {
    float: left;
    width: 120px;
}

.product_item .item_des {
    margin-left: 14px;
    float: left;
}

.product_item .item_des p {
    font-size: 12px;
}

.product_item .item_des a {
    font-size: 16px;
    margin-top: 3px;
    margin-bottom: 8px;
    display: block;
    font-weight: normal;
}

.new_download_center .download_list .product_version {
    float: left;
    width: 27%;
    font-size: 13px;
    color: #949494;
    padding-top: 40px;
}

.product_version .windows-icon {
    width: 18px;
    height: 18px;
    display: block;
    background-image: url(../images/windows-icon.html);
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    margin-right: 4px;
}

.new_download_center .download_list .download_link {
    width: 26%;
    float: left;
    padding-top: 35px;
}

.new_download_center .download_list .download_link p {
    margin-bottom: 0;
    margin-top: 4px;
    font-size: 12px;
    color: #313131;
}

.new_download_center .download_list h3 {
    margin: 0;
    font-size: 16px;
    color: #323232;
    margin-top: 18px;
    margin-bottom: 8px;
}

.new_download_center .download_list .more {
    font-size: 20px;
    color: #333333;
    text-decoration: underline;
    font-weight: normal;
    margin-top: 40px;
    margin-bottom: 40px;
    display: block;
}

.new_download_center .download_list .more:hover {
    color: #337ab7
}

.new_download_center .quick_link {
    float: right;
    width: 248px;
    margin-top: 30px;
}

.new_download_center .quick_link p {
    font-size: 18px;
    color: #313131;
    margin: 0;
    display: block;
    border-bottom: #b9b9b9 solid 1px;
    padding-bottom: 8px;
}

.new_download_center .quick_link .quick_link_icon {
    background-image: url(../../../images/zw3d/cssimage/extra/quick-link-icon.png);
    width: 12px;
    height: 14px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    margin-right: 8px;
}

.new_download_center .quick_link img {
    width: 100%;
}

.new_download_center .quick_link ul {
    margin-top: 16px;
    margin-bottom: 0;
}

.new_download_center .quick_link ul li {
    height: 14px;
    display: block;
    margin-bottom: 18px;
}

.new_download_center .quick_link ul li a {
    font-size: 14px;
    color: #313131;
    line-height: 14px;
}

.new_download_center .quick_link ul li a:hover {
    color: #337ab7
}

.new_download_center .download_list .product_version {
    padding-top: 18px;
}

.new_download_center .download_list .download_link {
    padding-top: 18px;
}

.download-btn {
    background-color: #33b5e6;
    color: white;
    padding: 2px 10px;
    border-radius: 2px;
    display: inline;
    font-size: 14px;
}

.new_download_center .download_list h2 {
    border-top: 2px solid #e3e3e3;
    margin-top: 20px;
    width: 98%;
}

.new_download_center .download_list {
    width: 896px;
    float: left;
}

.new_download_center .download_list h2 {
    font-size: 16px;
    line-height: 54px;
    margin: 0;
}

@media screen and (max-width: 1260px) {
    .new_download_center .download_list {
        width: 80%;
    }
    .new_download_center .quick_link {
        width: 20%;
    }
}

@media screen and (max-width: 800px) {
    .new_download_center .download_list {
        width: 100%;
    }
    .new_download_center .quick_link {
        width: 100%;
        margin-top: 0;
    }
    .new_download_center .quick_link img {
        width: 30%;
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 500px) {
    .new_download_center .download_list {
        padding-left: 8px;
        padding-right: 8px;
    }
    .new_download_center .download_list .product_item {
        width: 100%;
    }
    .new_download_center .quick_link {
        padding-left: 8px;
        padding-right: 8px;
    }
    .new_download_center .quick_link img {
        width: 40%;
    }
    .new_download_center .download_list .download_link {
        padding-top: 10px;
        margin-bottom: 20px;
        width: 70%;
        float: right;
        padding-left: 14px;
    }
    .new_download_center .download_list .product_version {
        float: left;
        padding-top: 10px;
    }
    .new_download_center .download_list .more {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .product_item img {
        width: 30%;
    }
    .product_item .item_des {
        width: 70%;
        margin-left: 0;
        padding-left: 14px;
    }
}
/*********new download-center*********/


/*********new customer*********/
.customer_banner{
    width: 100%;
    height: 530px;
    background-image: url(../../../images/zw3d/cssimage/extra/customer_banner_bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.customer_banner h2{
    margin: 0;
    font-size: 38px;
    font-weight: normal;
    line-height: 60px;
}
.customer_banner .public-content-width{height: 100%;}
.customer_banner .customer_banner_text_wrap{height: 100%;width: 100%;display: table;}
.customer_banner .customer_banner_text_wrap .customer_banner_text{display: table-cell;vertical-align: middle;}
.customer_banner .customer_banner_video{margin-top: 30px;}
.customer_banner .customer_banner_video .icons-play{
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(../../../images/zw3d/cssimage/extra/customer_banner_video.png);
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    cursor: pointer;
}
.customer_banner .customer_banner_video p{
    display: block;
    float: left;
    line-height: 46px;
    margin-left: 10px;
    margin-bottom: 0;
    font-size: 12px;
}
/**main part**/
.customer_main{margin-bottom: 70px;}
.customer_main .customer_search{margin-top: 55px;height: 62px;}
.customer_main .customer_search form{height: 100%;}
.customer_main .customer_search .customer_input{
    border: #dcdcdc solid 1px;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    float: left;
}
.customer_main .customer_search .customer_input input{
    padding-left: 16px;
    padding-right: 60px;
    font-size: 16px;
    width: 100%;
    height: 100%;
    line-height: 60px;
    border: none;
    box-sizing: border-box;
    color:#cccccc;
    outline :none;
}
.customer_main .customer_search .customer_input input::-webkit-input-placeholder{color: #dcdcdc;}
.customer_main .customer_search .customer_input input::-moz-input-placeholder{color: #dcdcdc;}
.customer_main .customer_search .customer_input input::-ms-input-placeholder{color: #dcdcdc;}
.customer_main .customer_search .customer_input .submit{
    position: absolute;
    right: 25px;
    top: 20px;
    width: 22px;
    height: 22px;
    background-color: #ffffff;
    background-image: url(../../../images/zw3d/cssimage/extra/customer_search_icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    cursor: pointer;
}
.customer_main .customer_search .customer_select{
    float: left;
    height: 100%;
    border: #dcdcdc solid 1px;
    box-sizing: border-box;
    position: relative;
}
.customer_main .customer_search .customer_select p{
    position: absolute;
    padding-left: 16px;
    color: #dcdcdc;
    font-size: 16px;
    cursor: pointer;
    top: 20px;
    margin-bottom: 0;
}
.customer_main .customer_search .customer_select select{
    width: 100%;
    height: 100%;
    font-size: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top:8px;
    padding-bottom: 8px;
    background-color: #ffffff;
    background-image: url(../../../images/zw3d/cssimage/extra/customer_select_icon.png);
    background-repeat: no-repeat;
    background-position: 95% 53%;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border: none;
    cursor: pointer;
}
.customer_main .customer_search .customer_select select::-ms-expand{display: none;}
.customer_main .customer_list{margin-top: 55px;margin-bottom: 45px;}
.customer_main .customer_list ul li{
    margin-right: 28px;
    width: 348px;
    height: 500px;
    float: left;
    position: relative;
    box-shadow: 0 6px 20px 0 #cccccc;
    box-sizing: border-box;
    margin-bottom: 40px;
    position: relative;
}
.customer_main .customer_list ul{margin-bottom: 0;}
.customer_main .customer_list ul li img{width: 100%;}
.customer_main .customer_list ul li p{
    font-size: 16px;
    color: #898989;
    margin-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
    
}
.customer_main .customer_list ul li .category{
    /* margin-top: 28px; */
}
.customer_main .customer_list ul li .category .lab_flag{color: #898989; border: 1px solid gray;margin-right: 3px;margin-bottom: 5px;padding: 0 10px;border-radius: 1rem;display: inline-block;}
.customer_main .customer_list ul li .title{
    color: #212121;
    margin-top: 16px;
    margin-bottom: 16px;
    font-size:18px;
}
.customer_main .customer_list ul li .read_more{
    color: #1d6da7;
    font-size: 16px;
    position: absolute;
    padding-left: 16px;
    padding-right: 16px;
    left: 0;
    bottom: 32px;
}
.pages a._select{color:#ffffff;background: #1176bb;font-weight: bold;}
.customer-content-width{width: 1200px;margin: 0 auto;}
@media only screen and (min-width: 1700px){
    .customer-content-width{width: 77.8%}
}
@media only screen and (max-width: 1700px){
    .customer_banner h2{font-size: 32px;}
}
@media only screen and (max-width: 1300px) {
    .customer-content-width{width: 96%;}
}
@media only screen and (max-width: 1024px){
    .customer_banner h2{font-size: 26px;}
}
@media only screen and (max-width: 1000px) {
    .customer-content-width{width: 98%;}
}
@media only screen and (max-width: 800px){
    .customer_banner{height: 430px;}
}
@media only screen and (max-width: 500px){
    .customer_banner h2{font-size: 18px;line-height: 40px;}
    .customer_banner .customer_banner_video{margin-top: 10px;}
    .customer_banner{height: 240px;}
    .customer_main .customer_search{margin-top: 30px;height: 100px;margin-bottom: 0;}
    .customer_main .customer_search .customer_input{
        width: 100% !important;
        margin-right: 0 !important;
        height: 45px;
        margin-bottom: 10px;
    }
    .customer_main .customer_search .customer_input .submit{right: 15px;top: 11px;}
    .customer_main .customer_search .customer_input input{padding-right: 50px;}
    .customer_main .customer_search .customer_select{width: 100% !important;height: 45px;}
    .customer_main .customer_search .customer_select p{top: 11px;}
    .customer_main .customer_list{margin-top: 30px;}
    .customer_main .customer_list ul li{
        width: 100% !important;
        margin-right: 100% !important;
        margin-bottom: 30px;
    }
}

/*###add  S###*/

@media only screen and (min-width: 1700px){
    .customer_main .customer_list ul li .category{
        position: absolute;
        top: 360px;
    }
}
@media only screen and (min-width: 1366px) and (max-width: 1699px){
    .customer_main .customer_list ul li .category{
        position: absolute;
        top: 360px;
    }
    .customer_main .customer_list ul li .category .lab_flag{font-size: 14px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1365px){
    .customer_main .customer_list ul li .category{
        position: absolute;
        top: 370px;
    }
    .customer_main .customer_list ul li .category .lab_flag{font-size: 12px;}
}
@media only screen and (min-width: 800px) and (max-width: 1024px){
    .customer_main .customer_list ul li .category{
        position: absolute;
        top: 370px;
    }
    .customer_main .customer_list ul li .category .lab_flag{font-size: 12px;}
}
@media only screen and  (max-width: 800px){
    .customer_main .customer_list ul li .category{
        position: absolute;
        top: 360px;
    }
    .customer_main .customer_list ul li .category .lab_flag{font-size: 12px;}
}
/*###add  E###*/

/*********new customer end*********/



/*--- weirun css S---*/
/**
 *
 * this is index attribute
 */

/*网页身体开始图片*/
/*头部图*/
#content_index .lunbo a img{
	width: 100%;
}
#copntent .row{
	margin: 0;
}
#content_index .row section{
	padding: 0; 
}
/*头部图片*/
#content_index .lunbo img{
	width: 100%;
}
#content_index .lunbo{
	position: relative;
}
#content_index .lunbo p{
	font-size: 50px;
	position: absolute;
	top: 31%;
	left: 12.5%;
	color: #fff;
	line-height:80px;
	width: 1200px;
}
#content_index .lunbo p span{
	display: block;
	font-size: 36px;
}
/*Get Help标题*/
#content_index .get{
	margin-top: 40px;
	padding: 0;
}
#content_index .open{
	font-size: 30px;
	color: #333;
	margin-top: 20px;
	padding: 0;
}
#content_index .get .row:nth-of-type(1) .open{
	margin-top: 0;	
}
/*Get Help图片*/
#content_index .help{
	margin-top: 30px;
	margin-bottom: 30px; 
	padding: 0;
		margin-left: auto;
	margin-right: auto;
}
#content_index .get{
	margin-bottom:100px; 
}
#content_index .helpImg{
	height: 300px;
	border:1px solid #d2dce4;
	border-radius: 5px;
	text-align: center;
	/*兼容谷歌*/
	-webkit-border:1px solid #d2dce4;
	-webkit-border-radius: 5px;
	/*兼容火狐*/
	-moz-border:1px solid #d2dce4;
	-moz-border-radius: 5px;
	/*兼容Opera*/
	-o-border:1px solid #d2dce4;
	-o-border-radius: 5px;
	/*兼容ie*/
	-ms-border:1px solid #d2dce4;
	-ms-border-radius: 5px;
}
#content_index .helpImg a:nth-child(1) img{
	padding-top:70px; 
}
#content_index .helpImg a:nth-child(2) img{
	display: none;
}
#content_index .helpImg a:nth-child(3) p{
	padding-top:60px; 
	font-size: 20px;
	color: #333;
	text-align: center;
}
#content_index .helpImg:hover{
	background: #3283c3;
	text-align: center;
	transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-ms-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}
#content_index .helpImg:hover a{
	text-decoration: none;
}
#content_index .helpImg:hover a:nth-child(1) img{
	display: none;
}
#content_index .helpImg:hover a:nth-child(2) img{
	padding-top: 94px;
    margin-bottom: 12px;
	display: inline-block;
}
#content_index .helpImg:hover a:nth-child(3) p:nth-of-type(2){
	display: block;
}
#content_index .helpImg:hover a:nth-child(3) p:nth-of-type(1){
	display: none;
}
#content_index .helpImg a:nth-child(3) p:nth-of-type(2){
	display: none;
}
#content_index .helpImg:hover a:nth-child(3) p{
	color: #fffefe!important;
	border-top:3px solid #fff;
}
#content_index .col-md-offset-1 {
    margin-left: 4.333333%;
}
#content_index .col-md-2 {
    width: 20.666667%;
}
@media screen and (max-width: 359px){
	#content_index .col-md-2 {
    width: 72.666667%;
	}
#content_index .col-md-offset-1 {
    margin-left: 13.333333%;
}
#content_index .helpImg {
    margin-bottom: 30px;
    margin-top: 30px;
	}
}
@media screen and (max-width: 450px) and (min-width: 360px){
#content_index .col-md-2 {
    width: 41.666667%;
}
#content_index .col-md-offset-1 {
    margin-left: 6.333333%;
}
#content_index .helpImg {
    margin-bottom: 30px;
    margin-top: 30px;
    height: 260px;
	} 
	#content_index .helpImg a:nth-child(1) img {
    padding-top: 40px;
} 
#content_index .helpImg:hover a:nth-child(2) img{
	padding-top:70px;
} 
#content_index .helpImg a:nth-child(3) p {
    padding-top: 40px;
    }
    #content_index .open{
	font-size:28px;
}
}
@media screen and (max-width:767px) and (min-width: 451px){
	#content_index .col-md-2 {
    width: 32.666667%;
	}
#content_index .col-md-offset-1 {
    margin-left: 11.333333%;
	}
#content_index .helpImg {
    margin-bottom: 30px;
    margin-top: 30px;
    height: 280px;
	}
	    #content_index .open{
	font-size:28px;
}
	#content_index .helpImg a:nth-child(1) img {
    padding-top: 50px;
} 
#content_index .helpImg:hover a:nth-child(2) img{
	padding-top:80px;
} 
#content_index .helpImg a:nth-child(3) p {
    padding-top: 50px;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px){
	#content_index .col-md-offset-1 {
    margin-left: 3.333333%;
	}
	#content_index .helpImg {
    margin-top: 30px;
    height: 270px;
	}
		#content_index .helpImg a:nth-child(1) img {
    padding-top: 40px;
} 
#content_index .helpImg:hover a:nth-child(2) img{
	padding-top:70px;
} 
#content_index .helpImg a:nth-child(3) p {
    padding-top: 50px;
    }
}
@media screen and (max-width: 1024px) and (min-width: 992px){
	#content_index .lunbo a:nth-child(2){
		display:block;
	}
	#content_index .lunbo a:nth-child(1){
		display:none;
	}
	#content_index .open{
		padding: 0;
		margin: 0;
	}
	#content_index .open span {
    	padding-left: 10px;
	}
	#content_index .helpImg{
		margin-bottom:60px; 
	}
	#content_index .helpImg a:nth-child(3) p{
		font-size: 20px;
	}
}
@media screen and (max-width: 1299px) and (min-width: 1025px){
	#content_index .col-md-offset-1 {
    margin-left: 3.333333%;
}
}
@media screen and (max-width: 1300px){
	#content_index .lunbo p{
		width: 98%;
	}
}
@media screen and (max-width: 1700px){
	#content_index .lunbo p{
		font-size: 50px;
		position: absolute;
		top: 31%;
		left: 12%;
		line-height:80px;
	}
}
@media screen and (max-width: 1560px){
	#content_index .lunbo p{
		font-size: 45px;
		position: absolute;
		top: 31%;
		left: 12%;
		line-height:70px;
	}
}
@media screen and (max-width: 1440px){
	#content_index .lunbo p{
		font-size: 40px;
		position: absolute;
		top: 31%;
		left: 9%;
		line-height:60px;
	}
}
@media screen and (max-width: 1366px){
	#content_index .lunbo p{
		font-size: 40px;
		position: absolute;
		top: 31%;
		left: 7%;
		line-height:60px;
	}
	#content_index .help{
 		margin-left:20px; 
	}
}
@media screen and (max-width: 1284px){
	#content_index .lunbo p{
		font-size: 38px;
		position: absolute;
		top: 31%;
		left:2%;
		line-height:60px;
	}
	#content_index .lunbo p span{
		font-size: 32px;
	}
	#content_index .help{
 		margin:0; 
	}
}
@media screen and (max-width: 1024px){
	#content_index .lunbo p{
		font-size: 30px;
	}
	#content_index .lunbo p span{
		font-size: 20px;
	}
}
@media screen and (max-width: 749px){
	#content_index .lunbo p{
		font-size: 20px;
		line-height:30px;
	}
	#content_index .lunbo p span{
		font-size: 16px;
	}
}
@media screen and (max-width:450px){
	#content_index .lunbo p{
		font-size: 14px;
		line-height:20px;
	}
	#content_index .lunbo p span{
		font-size: 12px;
	}
}
@media screen and (max-width:350px){
	#content_index .lunbo p{
		font-size:12px;
		line-height:20px;
		position: absolute;
		top: 16%;
		left:2%;
	}
	#content_index .lunbo p span{
		font-size: 12px;
	}
}
/**
 *
 * index attribute end
 */
/**
 *
 * this is library attribute
 */
#content_library .fly{
    height:auto;
}
#content_library .model{
     padding-top: 50px;
     FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e3e3e3,endColorStr=#fafafa); /*IE*/ 
 background:-webkit-linear-gradient(#e3e3e3, #fafafa);
 background:-o-linear-gradient(#e3e3e3, #fafafa);
 background:linear-gradient(#e3e3e3, #fafafa);/*火狐*/ /*谷歌*/ 
 background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #e3e3e3),color-stop(1, #fafafa));/* Safari & Chrome*/ 
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e3e3e3', endColorstr='#fafafa'); /*IE6 & IE7*/ 
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e3e3e3', endColorstr='#fafafa')"; /* IE8 */ 
}
#content_library .model img{
    width:100%;
    height: 100%;
}
#content_library .show{
    width:100%;
    height: auto;
}
#content_library .show  .fly{
    width:500px;
    height: 280px;
    border: 1px solid #bbb;
}
#content_library .showBottom{
    width:100%;
    position: relative;
}
#content_library .active img{
    border:2px solid #3283c3;
    -ms-border:2px solid #3283c3; /* IE 9 */
    -moz-border:2px solid #3283c3; /* Firefox */
    -webkit-border:2px solid #3283c3; /* Safari and Chrome */
    -o-border:2px solid #3283c3;
}
#content_library .photoFooter {
    width:55%;
    margin: 20px auto;
    position: relative;
    overflow: hidden;
}
.upimg{
    width: 10000px;
}
#content_library .photoFooter ul li{
    float: left;
    width:90px;
    height: 43px;
    padding:0 10px  0 10px;
}
#content_library  .pre{
    position: absolute;
    top:50%;
    left:50px;
    transform: translate(0,-50%);
    -ms-transform:translate(0,-50%); /* IE 9 */
    -moz-transform:translate(0,-50%); /* Firefox */
    -webkit-transform:translate(0,-50%); /* Safari and Chrome */
    -o-transform:translate(0,-50%);
    cursor: pointer;
    font-size: 50px;
    font-weight: 700;
    color: #bbb;
}
#content_library  .next:hover,
#content_library  .pre:hover{
    color: #49bff1;
}
#content_library  .next{
    position: absolute;
    top:50%;
    right:50px;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    font-size: 50px;
    font-weight: 700;
    color: #bbb;
}
#content_library .position h3{
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #626262;
}
#content_library .position{
    width: 300px;
    line-height: 25px;
    font-size: 24px;
}
#content_library .position img{
    width:20px;
    vertical-align: middle;
    margin-right: 10px;
}
#content_library .position .mid{
    margin-top: 20px;
    padding: 0;
}
#content_library .position .downloads{
    width:100%;
    height: 70px;
    margin-top: 20px;
    background: #20a2da;
    border-radius: 5px;
    -ms-border-radius:5px; /* IE 9 */
    -moz-border-radius:5px; /* Firefox */
    -webkit-border-radius:5px; /* Safari and Chrome */
    -o-border-radius:5px;
    padding: 0;
    color: #ffffff;
}
#content_library .position .downloads ul li{
    width:33.3%;
    height: 30px;
    margin-top: 20px;
    float: left;
    font-size: 16px;
    text-align: center;
    border-left: 1px solid #ffffff;
    -ms-border-left:1px solid #ffffff; /* IE 9 */
    -moz-border-left:1px solid #ffffff; /* Firefox */
    -webkit-border-left:1px solid #ffffff; /* Safari and Chrome */
    -o-border-left:1px solid #ffffff;
}
#content_library .position .downloads ul li p:nth-child(1){
    font-size: 18px;
    margin-top:-9px;
}
#content_library .position .downloads ul li p:nth-child(1) i{
    -webkit-cursor: pointer;
    -moz-cursor: pointer;
    -ms-cursor: pointer;
    -o-cursor: pointer;
    cursor: pointer;
}
#content_library .position .downloads ul li p:nth-child(2){
    margin-top: 6px;
}
#content_library .position .downloads ul li:nth-child(1){
    border-left: none;
 }
#content_library .http{
    width:100%;
    font-size: 20px;
    color: rgba(225,225,225,0.5);
    background: #20a2da;
    padding: 18px 0px 18px 0px;

}
#content_library{
    padding:0;
     background: #f6fcff;
}
#content_library .http span{
    color: #ffffff;
    float: left;
    display: block;
    height:100%;
}
#content_library .http p{
    float: left;
    height:100%;
    padding-left: 15px;
    font-size: 20px;
    display: inline-block;
    color: rgba(255,255,255,.8);
}
#content_library .comment{
    margin-bottom: 30px;
}
#content_library .comment h4{
    font-size: 20px;
    margin-top:30px;
    margin-bottom: 20px;
    color: #333;
}

#content_library .similar{
    width:100%;
    color: #333333;
}
#content_library .similar h4{
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 20px;
    color: #333333;
}
#content_library .similar li{
    width:23.3%;
    float: left;
    margin-left: 2%;
    color: #b3b3b3;
    background-color: #fff;
    border:1px solid #cccccc;
    -ms-border:1px solid #cccccc; /* IE 9 */
    -moz-border:21px solid #cccccc;/* Firefox */
    -webkit-border:1px solid #cccccc; /* Safari and Chrome */
    -o-border:1px solid #cccccc;
}
#content_library .similar li:nth-child(1){
    margin-left:0!important;
}
#content_library .similar li img{
    width:100%;
}
#content_library .similar h5{
    text-align: center;
    color: #333333;
}
#content_library .comment form textarea{
    width:100%;
    border: 1px solid #cccccc;
}
 #content_library .comment .btn{
    padding-right:0;
    padding-left: 0;
 }
 #content_library .comment .btn-primary{
        width: 120px;
        height: 40px;
        margin-left: 23px;
        margin-right:0;
        color: #fff;
        background-color: #1385b7;
        border-color: #1385b7;
 }
#content_library .similarFooter{
    width:80%;
    border-top:1px solid #cccccc ;
    -ms-border:1px solid #cccccc; /* IE 9 */
    -moz-border:1px solid #cccccc; /* Firefox */
    -webkit-border:1px solid #cccccc; /* Safari and Chrome */
    -o-border:1px solid #cccccc;
    margin: 0 auto;
}
#content_library .similarFooter ul li img{
    width:16px;
    margin-right: 10px;
    cursor: pointer;
}
#content_library .similarFooter ul  li{
    width:49%;
    float: left;
    border: none;
    margin-top: 5px;
    -ms-border:none; /* IE 9 */
    -moz-border:none;/* Firefox */
    -webkit-border:none; /* Safari and Chrome */
    -o-border:none;
    margin-bottom: 7px;
    text-align: center;
    padding-top:10px ;
    cursor: pointer;
}
#content_library .similarFooter ul  li:nth-child(2){
    border-left:1px solid #999999 ;
    -ms-border:1px solid #999999; /* IE 9 */
    -moz-border:1px solid #999999; /* Firefox */
    -webkit-border:1px solid #999999; /* Safari and Chrome */
    -o-border:1px solid #999999;
}
#content_library .library li:nth-last-of-type(1){
    border-bottom: 1px solid #ccc;
    -ms-border:1px solid #ccc; /* IE 9 */
    -moz-border:1px solid #ccc; /* Firefox */
    -webkit-border:1px solid #ccc; /* Safari and Chrome */
    -o-border:1px solid #ccc;
}
#content_library .library li{
    width:100%;
    height:auto;
    border-top: 1px solid #ccc; 
    -ms-border:1px solid #ccc; /* IE 9 */
    -moz-border:1px solid #ccc; /* Firefox */
    -webkit-border:1px solid #ccc; /* Safari and Chrome */
    -o-border:1px solid #ccc;
}

#content_library .library{
    width:100%;
    margin-top: 50px;
}
#content_library p{
    margin-bottom: 0;
}
#content_library .library h5{
    font-size: 20px;
    font-weight: 100;
    margin-top: 30px;

}
#content_library .library p{
    font-size: 18px;
    color: #333333;
}
#content_library .library .library_right{
    float: left;
}
#content_library .library .pic{
    width: 65px;
}
#content_library .library span{
    display: block;
    font-size: 16px;
    color: #999999;
    margin: 28px 0 28px 0;
}
#content_library .pic img{
    margin-top:30px;
    margin-right: 15px;
    vertical-align: middle;
}
#content_library .more{
    width:100%;
    height:40px;
    margin-bottom: 60px;
    margin-top: 30px;
    font-size: 20px;
    color: #226297;
    background: #e2f5ff;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}
.mid .btn{
    font-size: 18px;
}
.top.btn{
    font-size: 24px;
}
#content_library i{
    margin-right: 10px;
}
#content_library .position{
    margin-right: 0;
    position: relative;
    z-index: 10;
} 
#content_library .model div.right-box{
    position: relative;
    z-index: 10;    
}
#content_library .model .col-sm-offset-2{
    position: relative;
    z-index: -1;
}
#content_library .position div{
    padding: 0;
}
#content_library .bottom{
    width: 1200px;
    padding: 0;
}
#content_library .http_content {
     width: 1200px;
     margin: 0 auto;
}
#content_library .http_content .col-sm-12 {
    padding-left: 0;
}
#content_library .model .row{
    padding-right: 0;
}
#content_library .model .out-con{
    padding-right: 6.5%; 
    padding-left: 5.5%;
    margin-bottom: 30px;
}
@media only screen and (max-width: 1000px){
    #content_library .model .out-con{
        padding-right: 0; 
        padding-left: 0;
    }
}
@media screen and (max-width: 767px) {
    #content_library .model .position{
        padding-right: 30px;
    }
    #content_library .model .row.show-img{
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0; 
        padding-right: 0; 
        -webkit-transform: translateX(-8px);
        -ms-transform: translateX(-8px);
        -o-transform: translateX(-8px);
        transform: translateX(-8px);
    }
}
@media only screen and (min-width: 1700px){
    #content_library .bottom{
        width: 75.89%;
        padding: 0;
    }
    #content_library .http_content {
        width: 75.89%;
     margin: 0 auto;
    }
    #content_library .show  .fly{
        width:650px;
        height: 364px;
    }
    #content_library .showBottom{
        width: 650px;
    }
}
@media only screen and (max-width: 1000px){
    #content_library .bottom{
        width: 98%;
        padding: 0;
    }
    #content_library .http_content {
    width: 98%;
     margin: 0 auto;
    }
}
@media only screen and (max-width: 1300px){
    #content_library .bottom{
        width: 96%;
        padding: 0;
    }
    #content_library .http_content {
    width: 96%;
     margin: 0 auto;
    }
}
@media screen and (min-width: 1300px) and (max-width: 1600px){
    #content_library .position {
        width:300px;
        height:auto;
    }
    #content_library .photoFooter{
        width:360px;
    }
    #content_library .showBottom{
        width:500px;
    }
}
@media screen and (min-width: 1100px) and (max-width: 1300px){
    .col-sm-offset-2{
        margin-left: 7%;
    }
    .col-sm-offset-4 {
        margin-left: 80.333333%;
    }
    #content_library .position {
        width:300px;
        height:auto;
    }
}
@media screen and (min-width: 950px) and (max-width: 1300px){
    #content_library .position .downloads ul li{
        font-size: 14px;
    }
    .col-sm-offset-2{
        margin-left: 7%;
    }
    .col-sm-offset-4 {
        margin-left: 80.333333%;
    }
    #content_library .position {
        width:300px;
        height:auto;
    }
    #content_library .show{
        width:100%;
    }
     #content_library .library{
        margin-top: 30px;
    }
    #content_library .show  .fly{
        width:400px;
        height: 224px;
    }
    #content_library .position h3{
        margin-top: 0;
    }
    #content_library .showBottom{
        width:400px;
        position: relative;
        -webkit-transform-style:preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        perspective: 10px;
    }
    #content_library .photoFooter {
        width:62%;
        margin: 20px auto;
        position: relative;
        overflow: hidden;
        transform: translateZ(0.1px);
        -ms-transform:translateZ(0.1px); /* IE 9 */
        -moz-transform:translateZ(0.1px); /* Firefox */
        -webkit-transform:translateZ(0.1px); /* Safari and Chrome */
        -o-transform:translateZ(0.1px);

    }
    #content_library .photoFooter ul li{
        float: left;
        width:80px;
        height: 34px;
    }
    #content_library .model{
        -webkit-transform-style:preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        perspective: 10px;
    }

    #content_library .library span{
        margin:20px 0 20px 0;
    }
    #content_library .library{
        margin-top: 15px;
    }
    #content_library .bottom{
        padding: 0;
    }

    #content_library .pic img{
        margin-top:17px;
    }
    #content_library .library h5{
        margin-top: 15px;
    }
}
@media screen and (min-width: 768px) and (max-width: 949px){
    #content_library .position .downloads ul li{
        font-size: 14px;
    }
    #content_library .bottom{
        padding: 0;
    }
     #content_library .library{
        margin-top: 15px;
    }
    #content_library .position h3{
        margin-top: 0;
    }
    .col-sm-offset-2{
        margin-left: 7%;
    }
    .col-sm-offset-4 {
        margin-left: 62%;
    }
    #content_library .position {
        width:300px;
        height:auto;
    }
    #content_library .show{
        width:100%;
    }
    #content_library .show  .fly{
        width:350px;
        height: 196px;
    }
    #content_library .showBottom{
        width:350px;
        position: relative;
        -webkit-transform-style:preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        perspective: 10px;
    }
    #content_library .photoFooter {
        width:62%;
        margin: 20px auto;
        position: relative;
        overflow: hidden;
        transform: translateZ(0.1px);
        -ms-transform:translateZ(0.1px); /* IE 9 */
        -moz-transform:translateZ(0.1px); /* Firefox */
        -webkit-transform:translateZ(0.1px); /* Safari and Chrome */
        -o-transform:translateZ(0.1px);
    }
    #content_library .model{
        -webkit-transform-style:preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-perspective: 10px;
        -moz-perspective: 10px;
        -ms-perspective: 10px;
        -o-perspective: 10px;
        perspective: 10px;
    }
/*    #content_library .model div.right-box{
        -webkit-transform: translateZ(-1px);
        -moz-transform: translateZ(-1px);
        -ms-transform: translateZ(-1px);
        -o-transform: translateZ(-1px);
        transform: translateZ(-1px);
    }*/
    #content_library .photoFooter ul li{
        float: left;
        width:76px;
        height: 34px;
    }
    #content_library  .pre{
        left:30px;
    }
    #content_library  .next {
        right: 30px;
    }

    #content_library .pic img{
        margin-top:17px;
    }
    #content_library .library h5{
        margin-top: 15px;
    }
    #content_library .library h5{
        font-size: 18px;
    }
    #content_library .library p{
        font-size: 16px;
    }
    #content_library .library span{
        margin:20px 0 20px 0;
    }
    #content_library .library .pic{
        width: 13%;
    }
}
@media screen and (min-width: 545px) and (max-width: 767px){
    #content_library .show  .fly{
        width:100%;
        height: 300px;
    }
    #content_library .right-box{
        clear: both;
    }
    #content_library  .pre{
        left: 55px;
    }
     #content_library  .next{
        right: 55px;
    }
    #content_library .library{
        margin-top: 20px;
    }
    #content_library .position .mid button{
        font-size: 22px;
    }
   #content_library .photoFooter ul li{
        width:76.25px;
        height: 34px;
    }
    #content_library .photoFooter{
        width: 305px;
    }
    #content_library .library h5{
        font-size: 18px;
    }
    #content_library .library p{
        font-size: 16px;
    }
    #content_library .library span{
        margin:20px 0 20px 0;
    }
    #content_library .library .pic{
        width: 13%;
    }

    #content_library .pic img{
        margin-top:17px;
    }
    #content_library .library h5{
        margin-top: 15px;
    }
    #content_library .similar li{
        width:45%;
        margin-left: 8%;
    }
    #content_library .similar li:nth-child(3){
        display: none;
    }
    #content_library .similar li:nth-child(4){
        display: none;
    }
    #content_library .similarFooter ul li{
        width: 46%;
    }
    #content_library .model .out-con{
        margin-bottom:60px;
    }
    #content_library .http p{
        font-size: 18px;
        padding-left: 15px;
    }
    #content_library .library .library_right{
        width:80%
    }
     #content_library .position .mid{
        margin-top: 0px;
    }
    #content_library .position{
        width: 100%;
        padding: 0;
        margin:0;
    }
    #content_library .position .downloads{
        width: 60%;
    }
    #content_library .more{
        margin-bottom: 35px;
    }
    #content_library .position .downloads ul li {
        font-size: 18px;
    }
    #content_library .position .downloads ul li p{
        margin-top:0;
    }


}
@media screen  and (max-width: 544px){
    #content_library .position .mid{
        clear: both;
        width:100%;
    }
    #content_library .mid button:nth-child(1){
        margin-left:0;
    
    }
    #content_library .mid button:nth-child(2){
        float: right;
    }
    #content_library .right-box{
        clear: both;
    }
    
     #content_library .library{
        margin-top: 20px;
    }
     #content_library .library .pic{
        width: 13%;
    }
    #content_library .position{
        width:100%;
        margin:0;
    }
    #content_library .library .library_right{
        width:80%
    }
    #content_library .library .pic{
        width:20%
    }
    #content_library .position{
        width:100%;
    }
   
    #content_library .top{
        width:100%;
    }
    #content_library .library h5{
        font-size: 18px;
    }
    #content_library .library p{
        font-size: 16px;
    }
    #content_library .library span{
        margin:10px 0 20px 0;
        font-size: 14px;
    }
    #content_library .col-xs-offset-3{
        margin-left: 0;
    }
    #content_library .similar li:nth-child(3){
        display: none;
    }
    #content_library .similar li:nth-child(4){
        display: none;
    }
    #content_library .similarFooter ul li{
        width: 46%;
    }
    #content_library .model .out-con{
        margin-bottom:60px;
    }
    #content_library .http p{
        font-size: 13px;
    }
    #content_library .similar li{
        width:45%;
        margin-left: 8%;
    }
    #content_library .show  .fly{
        width:100%;
        height: 191px;
    }
    #content_library  .pre{
        left:25px;
    }
    #content_library  .next{
        right:25px;
    }
    #content_library .position .downloads ul li{
        font-size: 18px;
    }
    #content_library .photoFooter ul li{
        width:76.25px;
        height: 34px;
    }
      #content_library .photoFooter{
        width: 305px;
    }
    #content_library .more{
        margin-bottom: 35px;
    }
     #content_library .pic img{
        margin-top:17px;
    }
    #content_library .library h5{
        margin-top: 15px;
    }
    #content_library .similar h4{
        font-size: 18px;
    }
    #content_library .http{
        font-size: 18px;
    }
    #content_library .library{
        margin-top: 40px;
    }
    #content_library .position h3{
        font-size: 20px;
    }
    #content_library .model .out-con {
         margin-bottom: 40px;
    }
    #content_library .more{
        margin-top: 20px;
    }


}
@media screen and (min-width: 421px)  and (max-width: 490px){
     #content_library .photoFooter ul li{
        width:76px;
        height: 34px;
    }
      #content_library .photoFooter{
        width: 228px;
    }
        
}
@media screen  and (max-width: 420px){
     #content_library .photoFooter ul li{
        width:65px;
        height: 30px;
    }
      #content_library .photoFooter{
        width: 195px;
    }
        
}
@media screen  and (max-width: 359px){
    
    #content_library .position .mid{
        clear: both;
        width:100%;
    }
    #content_library  .next{
        right: 5px;
    }
    #content_library .more{
        margin-top: 20px;
    }
    #content_library  .pre{
        left: 5px;
    }
    #content_library .position{
        width:100%;
    }
    #content_library .top{
        width:100%;
    }
    #content_library .col-xs-offset-3{
        margin-left: 0;
    }
    #content_library .similar li:nth-child(3){
        display: none;
    }
    #content_library .similar li:nth-child(4){
        display: none;
    }
    #content_library .similarFooter ul li{
        width: 46%;
    }
    #content_library .model .out-con{
        margin-bottom: 40px;
    }
    #content_library .http p{
        font-size: 13px;
    }
    #content_library .similar li{
        width:45%;
        margin-left: 8%;
    }
    #content_library .show  .fly{
        width:100%;
        height:142px; 
    }
    #content_library .position .downloads ul li{
        font-size: 12px;
    }
    #content_library .mid .btn{
        font-size: 14px;
    }
    #content_library .pic img{
        margin-top:17px;
    }
    #content_library .library h5{
        margin-top: 15px;
    }
    #content_library .position h3{
        font-size: 20px;
    }
}

/*add*/


@media screen and (min-width: 1600px) {
   #content_library .similar>li img{width:297px;height: 219px;}
    #content_library .similar>li{width:297px;height:300px;overflow: hidden;}
}
@media screen and (min-width: 1366px) and (max-width: 1599px){
    #content_library .similar>li img{width:100%;height: 200px;}
    #content_library .similar>li{width:270px;height:284px;overflow: hidden;}
}
@media screen and (min-width: 1024px) and (max-width: 1365px){
    #content_library .similar>li img{width:100%;height: 187px;}
    #content_library .similar>li{height:267px;overflow: hidden;}
}
@media screen and (min-width: 800px) and (max-width: 1023px){
    #content_library .similar>li img{width:100%;height: 174px;}
    #content_library .similar>li{height:254px;overflow: hidden;}
}
@media screen and (min-width: 500px) and (max-width: 799px){
    #content_library .similar>li img{width:100%;height: 160px;}
     #content_library .similar>li{height:240px;overflow: hidden;}
}
@media screen and  (max-width: 499px){
    #content_library .similar>li img{width:100%;height: 147px;}
     #content_library .similar>li{height:227px;overflow: hidden;}
}



/*add*/

/**
 *
 * library attribute END
 */
/**
 *
 * this is license attribute
 */
#content_licen .con-box{
    width: 100%;
    padding: 0px 0 50px 0;
}
/**
 * this is con-nav attribute
 */
#content_licen .con-box .con-nav{
    margin-bottom: 15px;
}
#content_licen .con-box .con-nav ul .upgrade{
    margin-top: 15px;
}
#content_licen .con-box .con-nav ul .chose-box{
    display: none;
    text-align: left;
    margin-bottom: 15px;
}
#content_licen .con-box .con-nav ul li[at=nav]{
    width: 196px;
    float: left;
    background-color: #f4f4f4;
    border: 1px solid #c9c9c9;
    border-left-color: transparent;
    border-right-color: transparent;
    height: 55px;
    line-height: 55px;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    font-size: 18px;
    position: relative;
    cursor: pointer;
}
#content_licen .con-box .chose-box .activate h3:nth-of-type(1){
    margin-top: 0;
}
#content_licen .con-box .con-nav ul li[d=on]::after{
    border: none;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
#content_licen .con-box .con-nav ul li[at=nav]:nth-of-type(1){
    border-left-color: #c9c9c9;
}
#content_licen .con-box .con-nav ul li[at=nav]:nth-last-of-type(1){
    border-right-color: #c9c9c9;
}
#content_licen .con-nav ul li[at=nav].removeAfter::after{
    height:100%;
    top: 0;
    right: -1px;
    border-color: #3282c3;
}
#content_licen .con-nav ul li[at=nav]::after{
    content: '';
    display: block;
    position: absolute;
    right: -1px;
    top: 12.5%;
    border-right: 1px solid #c9c9c9;
    height: 75%;
    /*margin-top: -20px;*/
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -ms-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
#content_licen .con-box .con-nav ul li:nth-last-of-type(1)::after{
    display: none;
}
#content_licen .con-box .con-nav ul li[at=nav]:hover,
#content_licen .con-box .con-nav ul li[at=nav].active{
    background-color: #3282c3;
    color: #fff;
    border-top-color: #3283c3;
    border-bottom-color: #3283c3;
}
#content_licen .con-box .con-nav ul li[at=nav]:hover::after,
#content_licen .con-box .con-nav ul li[at=nav].active::after{
    border-right-color: transparent;
}
/**
 * this is chose attribute
 */
#content_licen .con-box .chose-box article{
    font-size: 16px;
    line-height: 36px;
    color: #666666;
    display: none;
}
#content_licen .con-box .chose-box article ul.list-con{
    padding-left: 0;
}
#content_licen .con-box .chose-box article span.fa{
    display: inline-block;
}
#content_licen .con-box .chose-box article span:not(.fa):not(.col-xs-12):not(.col-lg-12){
    padding-left: 0px;
    width: 95.5%;
    display: inline-block;
}
#content_licen .con-box .chose-box article.upgrade span:not(.fa):not(.col-xs-12):not(.col-lg-12){
    width: 95.4%;
}
#content_licen .con-box .chose-box article.upgrade div:not(:nth-of-type(1)) span.fa{
    margin-right: 10px;
}
#content_licen .con-box .chose-box .block{
    display: block;
}
#content_licen .con-box .chose-box article img{
    /* width: 65%; */
}
#content_licen .con-box .chose-box article.faqs img,
#content_licen .con-box .chose-box article.activate img{
    /* width: 35%; */
}
#content_licen .con-box .chose-box article  h3{
    font-size: 20px;
    font-weight: normal;
    color: #333;
    margin-top: 30px;
}
#content_licen .con-box .chose-box article h4{
    font-size: 18px;
    margin-top: 30px;
    font-weight: 500;
    color: #333;
}
#content_licen .con-box .chose-box article h4:nth-of-type(2){
    margin-top: 20px;
}
#content_licen .con-box .chose-box .option .tab-box tr,
#content_licen .con-box .chose-box .option .tab-box td,
#content_licen .con-box .chose-box .option .tab-box th{
    border: 1px solid #eaeaea;
    height: 100%;
}
#content_licen .con-box .chose-box .option .tab-box th{
    font-weight: 600;
    height: 100%;
}
#content_licen .con-box .chose-box .option .tab-box .no{
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    transform: translateY(-25%);
}
#content_licen .con-box .chose-box .option .tab-box table{
    width: 100%;
    height: 100%;
}
#content_licen .con-box .chose-box .option .tab-box table tr{
    border: none;
}
#content_licen .con-box .chose-box .option .tab-box td{
    height: 100%;
    padding: 0;
}
#content_licen .con-box .chose-box .option .tab-box thead th{
    padding: 0;
    text-align: center;
}
#content_licen .con-box .chose-box .option .tab-box td span.fa-times{
    color: #de5b5c;
}
#content_licen .con-box .chose-box .option .tab-box td span.fa-check{
    color: #3f883c;
}
#content_licen .con-box .chose-box article .list-con li:nth-last-of-type(1){
    margin-bottom: 0;
}
#content_licen .con-box .chose-box article .list-con li span.fa-circle{
    margin-right: 10px;
    margin-top: 10px;
    vertical-align: top;
    color: #3282c3;
}
#content_licen .con-box .chose-box article .list-con li p{
    width: 100%;
    display: inline-block;
}
/**
 * this is activate attribute
 */
#content_licen .con-box .chose-box .activate .img img{
    /* width: 30%; */
}
#content_licen .con-box .chose-box .activate .txt{
    padding-left: 40px;
    margin-bottom: 25px;
}
#content_licen .con-box .chose-box .activate h3{
    font-weight: 550;
}
#content_licen .con-box .chose-box .activate .list-con{
    padding-left: 15px;
}
#content_licen .con-box .chose-box .activate .list-con li{
    margin-bottom: 0px;
}
/**
 * this is upgrade attribute
 */
#content_licen .con-box .chose-box .upgrade .nav-box ul .nav-con .list-con{
    padding-left: 55px;
}
#content_licen .con-box .chose-box .upgrade .nav-box ul .nav-li::after{
    content: '';
    display: block;
    clear: both;
}
#content_licen .con-box .chose-box .upgrade .nav-box ul.row{
    padding-left: 0;
}
#content_licen .con-box .chose-box .upgrade .nav-box ul .nav-li div:::after{
    content: '';
    display: block;
    clear: both;
}
#content_licen .con-box .chose-box .upgrade .up-con div p.txt-p{
    padding-left: 40px;
}
#content_licen .con-box .chose-box .upgrade .up-con div p.txt-p span.fa{
    color: #3282c3;
}
#content_licen .con-box .chose-box .upgrade .up-con div p.txt-p a{
    color: #3282c3;
}
#content_licen .con-box .chose-box article a{
    color: #3282c3;
}
#content_licen .con-box .chose-box .upgrade .up-con div h4{
    margin-top: 25px;
    padding-left: 25px;
}
#content_licen .con-box .chose-box .upgrade .nav-box ul .nav-li .nav-con{
    display: none;
}
#content_licen .con-box .chose-box .upgrade .nav-box ul .nav-li .title{
    width: 100%;
    height: 69px;
    text-align: left;
    line-height: 69px;
    margin: 0;
    padding-left: 10px;
    border-top: 2px solid #c9c9c9;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    cursor: pointer;
}
#content_licen .con-box .chose-box .upgrade .nav-box ul .nav-li:hover .title,
#content_licen .con-box .chose-box .upgrade .nav-box ul .active .title{
    background-color: #3086ca;
    color: #fff;
}
#content_licen .con-box .chose-box .upgrade .nav-box ul .nav-li:nth-last-of-type(1) .title{
    border-bottom: 2px solid #c9c9c9;
}
#content_licen .con-box .chose-box .upgrade .up-con .list-con{
    width: 100%;
    padding-left: 55px;
    padding-right: 0;
}
#content_licen .con-box .chose-box .upgrade .up-con div{
    display: none;
}
#content_licen .con-box .chose-box .upgrade .up-con .block{
    display: block;
}
#content_licen .con-box .chose-box article.upgrade .up-con{
    padding-right: 0;
}
/**
 * this is faqs attribute
 */
#content_licen .con-box .chose-box .faqs h4{
    margin-bottom: 0;
    margin-top: 0;
}
#content_licen .con-box .chose-box .faqs h3{
    margin-top: 5px;
}
#content_licen .con-box .chose-box .faqs img{
    /* width: 35%; */
}
#content_licen .con-box .chose-box .faqs .list-con li{
    text-indent: 0.5em;
    margin-bottom: 0;
}
#content_licen .con-box .chose-box .faqs .list-con li:nth-of-type(1){
    margin-top: 8px;
}
#content_licen .con-box .chose-box .faqs .list-con li p{
    width: 100%;
}
#content_licen .con-box .chose-box .faqs .A{
    padding-left: 40px;
    margin-top: 15px;
}
#content_licen .con-box .chose-box .faqs .Q .img{
    height: auto;
}
#content_licen .con-box .chose-box .faqs .Q .img img[src(unknown)]{
    display: inline;
}
#content_licen .con-box .chose-box .faqs .QA{
    margin-top: 15px;
}
#content_licen .con-box .chose-box .faqs .QA::after{
    content: '';
    display: block;
    clear: both;
}
#content_licen .con-box .chose-box .faqs .QA:nth-of-type(1){
    margin-top: 0;
}
#content_licen .con-box .chose-box article p span.fa{
    color: #3283c3;
}
#content_licen .con-box .chose-box article.faqs .list-con li p.detail span img{
    padding-left: 7%;
}
/**
 * this is size attribute
 */
@media only screen and (max-width: 600px){
    #content_licen .con-box .chose-box article img{
        width: 85%; 
    }
    #content_licen .con-box .chose-box .activate .img img{
        width: 55%; 
    }
    #content_licen .con-box .chose-box .faqs img{
        width: 68%; 
    }
    #content_licen .con-box .chose-box article.faqs .list-con li p.detail span img{
        padding-left: 0;
    }
}
@media only screen and (min-width: 1700px){
    #content_licen .con-box .chose-box article img{
        /* width: 68%!important; */
    }
    #content_licen .con-box .chose-box article.faqs img,
    #content_licen .con-box .chose-box article.activate img{
        /* width: 40%!important; */
    }
    #content_licen .con-box .chose-box article.upgrade .nav-box{
        width: 370px;
    }
}
@media screen and (max-width: 1024px) and (min-width: 768px){
    #content_licen .con-box .con-nav ul li[at=nav]{
        width:  190px;
        height: 40px;
        line-height: 40px;
    }
}
@media screen and (max-width: 768px){
    #content_licen .con-box .con-nav ul li[at=nav]::after{
        display: none!important;
    }
    #content_licen .con-box .con-nav ul li[at=nav].active{
        border-color: #3283c3;
    }
    #content_licen .con-box .con-nav ul{
        width: 98%;
        margin: 0 auto;
    }
    #content_licen .con-box .con-nav ul li[at=nav]{
        float: none;
        width:  100%;
        height: 33px;
        line-height: 33px;
        border: 1px solid #c9c9c9;
        border-bottom: none;
    }
    #content_licen .con-box .con-nav ul li[at=nav]:nth-last-of-type(1){
        border-bottom: 1px solid #c9c9c9;
    }
}
@media screen and (max-width: 1300px) and (min-width: 1024px){
    #content_licen .con-box .con-nav ul li[at=nav]{
        width: 180px;
    }
    #content_licen .con-box .chose-box .upgrade .nav-box ul .nav-li .title{
        font-size: 14px;  
    }
    #content_licen .con-box .con-nav{
        margin: 0 auto;
    }
    #content_licen .con-box .con-nav ul li[at=nav]:hover::after,
    #content_licen .con-box .con-nav ul li[at=nav].active::after{
        border-right-color: #3283c3;
        border-left-color: #3283c3;
    }
    #content_licen .con-box .chose-box .upgrade .nav-box nav{
        padding: 0 5%;
    }
}
@media screen and (max-width: 1200px){
    #content_licen .con-box .chose-box .upgrade .up-con{
        display: none;
    }
    #content_licen .con-box .chose-box .upgrade .nav-box nav ul .active .nav-con{
        display: none;
    }
    #content_licen .con-box .chose-box .upgrade .nav-box nav ul .active .block{
        display: block!important;
        vertical-align: middle;
    }
    #content_licen .con-box .chose-box article span:not(.fa):not(.col-xs-12):not(.col-lg-12){
        width: 76.5%;
    }
}
@media screen and (max-width: 1237px){
    #content_licen .con-box .chose-box article.upgrade span:not(.fa):not(.col-xs-12):not(.col-lg-12){
        width: 91.4%;
    }
}
/*this is samll pad*/
@media screen and (max-width: 1024px){
    #content_licen .con-box{
        padding-bottom: 40px;
    }
    #content_licen .con-box .chose-box article.upgrade h3{
        margin-top: 20px;
        padding-left: 10px;
    }
    #content_licen .con-box .chose-box article h3{
        font-size: 18px;
    }
    #content_licen .con-box .chose-box article h4{
        font-size: 16px;
    }
    #content_licen .con-box .chose-box article.upgrade h4{
        margin-top: 15px;
    }
    #content_licen .con-box .chose-box article.upgrade .nav-con p{
        margin-bottom: 0;
        padding-left: 0;
        line-height: 25px;
    }
    #content_licen .con-box .chose-box article p a{
        font-size: 14px;
    }
    #content_licen .con-box .chose-box article p span.fa{
        color: #3283c3;
    }
    #content_licen .con-box .chose-box article{
        line-height: 
    }
    #content_licen .con-box .con-nav{
        margin: 0 auto;
    }
    #content_licen .con-box .chose-box .upgrade .nav-box ul .nav-li .title{
        font-size: 14px;
        height: 45px;
        line-height: 45px;
    }
    #content_licen .con-box .chose-box .upgrade .nav-box ul .nav-con .list-con{
        padding-left: 20px;
    }
    #content_licen .con-box .chose-box article .list-con li{
        margin-bottom: 0px;
    }
    #content_licen .con-box .chose-box article .list-con li p{
        margin-bottom: 10px;
        line-height: 25px;
    }
    #content_licen .con-box .chose-box article .list-con li p span.fa{
        line-height:6px;
        
    }
    #content_licen .con-box .chose-box article{
        font-size: 14px;
        line-height: 25px;
    }
    #content_licen .con-box .con-nav ul li[at=nav]:hover::after,
    #content_licen .con-box .con-nav ul li[at=nav].active::after{
        border-right-color: #3283c3;
        border-left-color: #3283c3;
    }
    #content_licen .con-box .chose-box article h4:nth-of-type(2){
        margin-top: 35px;
    }
    #content_licen .con-box .chose-box article li:not(:nth-of-type(1)) .nav-con p{
        padding-left: 25px;
    }
    #content_licen .con-box .chose-box article li:not(:nth-of-type(1)) .nav-con p span.fa{
        padding-right: 8px;
    }
}

/*this is big phone*/
@media screen and (max-width: 750px) and (min-width: 414px){
    #content_licen .con-box{
        padding-bottom: 30px;
    }
    #content_licen .con-box .chose-box article h3{
        font-size: 16px;
    }
    #content_licen .con-box .chose-box article.upgrade h3{
        margin-top: 15px;
    }
    #content_licen .con-box .chose-box .option .tab-box table{
        font-size: 12px;
    }
    #content_licen .con-box .chose-box .option .list-con li{
        width: 100%;
        margin-bottom: 15px;
    }
    #content_licen .con-box .con-nav ul li[at=nav]{
        width: 100%;
        height: 35px;
        line-height: 35px;
    }
    #content_licen .con-box .chose-box .upgrade .nav-box ul .nav-li .title{
        font-size: 14px;
        height: 45px;
        line-height: 45px;
    }
    #content_licen .con-box .chose-box article h4:nth-of-type(2){
        margin-top: 20px;
    }
    #content_licen .con-box .chose-box article{
        font-size: 14px;
        line-height: 20px;
    }
    #content_licen .con-box .chose-box article .list-con li span.fa-circle{
        margin-right: 0;
    }
    #content_licen .con-box .chose-box .option .tab-box .no{
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }   
    #content_licen .con-box .chose-box .upgrade .up-con .list-con{
        padding-left: 45px;
    }
    #content_licen .con-box .chose-box article h4{
        margin-top: 20px;
        font-size: 15px;
    }
    #content_licen .con-box .chose-box .faqs .A{
        margin-top: 10px;
    }
    #content_licen .con-box .chose-box article.faqs .list-con li p span.fa{
        margin-left: -15px;
    }
    #content_licen .con-box .chose-box article.faqs .list-con li p{
        padding-left: 10px;
    }
    #content_licen .con-box .chose-box .faqs .A{
        padding-left: 18px;
    }
}

 /*this is small phone*/
@media screen and (max-width: 414px){
    #content_licen .con-box{
        padding-bottom: 20px;
    }
    #content_licen .con-box .chose-box article h3{
        font-size: 14px;
    }
    #content_licen .con-box .chose-box article .list-con{
        margin-bottom: 0;
        padding-left: 0;
    }
    #content_licen .con-box .chose-box article.faqs .list-con{
        margin-left: -12px;
    }
    #content_licen .con-box .chose-box .faqs .A{
        margin-top: 0;
    }
    #content_licen .con-box .chose-box article.upgrade h3{
        margin-top: 15px;
    }
    #content_licen .con-box .chose-box article h4{
        margin-top: 15px;
        font-size: 13px;
    }
    #content_licen .con-box .chose-box article{
        line-height: 18px;
    }
    #content_licen .con-box .chose-box article p{
        margin-bottom: 0;
    }
    #content_licen .con-box .chose-box article li{
        margin-bottom: 0;
    }
    #content_licen .con-box .chose-box article h4:nth-of-type(2){
        margin-top: 15px;
    }
    #content_licen .con-box .chose-box article h4:nth-of-type(2)
    #content_licen .con-box .chose-box article .list-con li p{
        margin-bottom: 0;
    }
    #content_licen .con-box .chose-box .upgrade .nav-box ul .nav-li .title{
        font-size: 12px;
        height: 35px;
        line-height: 35px;
    }
    #content_licen .con-box .chose-box article{
        font-size: 12px;
    }
    #content_licen .con-box .chose-box article a{
        font-size: 12px;
    }
    #content_licen .con-box .chose-box article .list-con li span.fa-circle{
        font-size: 12px;
        margin-right: 5px;
    }
    #content_licen .con-box .chose-box .option .tab-box table{
        font-size: 12px;
    }
    #content_licen .con-box .chose-box .option .list-con li{
        width: 100%;
        margin-bottom: 15px;
    }
    #content_licen .con-box .con-nav ul li[at=nav]{
        width: 100%;
        float: none;
        height: 35px;
        line-height: 35px;
    }
    #content_licen .con-box .chose-box .activate .txt{
        padding-left: 15px;
    }
    #content_licen .con-box .chose-box .option .tab-box .no{
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }   
    #content_licen .con-box .chose-box .activate .list-con{
        padding-left: 0;
    }
    #content_licen .con-box .chose-box .faqs .A{
        padding-left: 18px;
    }
    #content_licen .con-box .chose-box .upgrade .up-con .list-con{
        padding-left: 45px;
    }
    #content_licen .con-box .chose-box .faqs .list-con li p{
        width: 100%;
    }
    #content_licen .con-box .chose-box article.faqs .list-con li p span.fa{
        margin-left: -15px;
    }
    #content_licen .con-box .chose-box article.faqs .list-con li p{
        padding-left: 10px;
    }
}
/**
 * 
 * license attribute END
 */
/**
 *
 * this is show_n_tell attribute
 */
#content_shown{
    width:100%;
    background: #fff;
    margin-bottom: 20px;
}
/*banner背景*/
#content_shown .banner{
    width:100%;
    background: url(../../../images/zw3d/cssimage/extra/banner.png) no-repeat;
}
/*中间居中的盒子*/
#content_shown .banner .center{
    width:1200px;
    height:100px;
    margin:0 auto;
}
/*文字样式*/
#content_shown .banner .center span:nth-child(1){
    font-size: 30px;
    float:left;
    line-height: 100px;
    color:#fff;
}
#content_shown .banner .center span:nth-child(2){
    font-size: 20px;
    float:right;
    line-height: 100px;
    color:#fff;
}
#content_shown .banner .center span a{
    color:#fff;
}
/*coreDesign*/
#content_shown .coreDesign>p{
    font-size: 26px;
    line-height: 75px;
}
#content_shown .row{
    margin:0;
}
#content_shown .coreDesign ul li{
    float:left;
    border:1px solid #c7c7c7;
    padding:25px 30px 18px 30px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin-left:145px;
}
#content_shown .coreDesign ul li p:nth-child(1){
    font-size: 18px;
    line-height: 35px;
    font-weight: 500;
    margin-top: -10px;
    margin-bottom: 20px;
    /*字符截取*/
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    /*兼容谷歌*/
    -webkit-text-overflow:ellipsis;
    -webkit-white-space:nowrap;
    -webkit-overflow:hidden;
    /*兼容火狐*/
    -moz-text-overflow:ellipsis;
    -moz-white-space:nowrap;
    -moz-overflow:hidden;
    /*兼容Opera*/
    -o-text-overflow:ellipsis;
    -o-white-space:nowrap;
    -o-overflow:hidden;
    /*兼容ie*/
    -ms-text-overflow:ellipsis;
    -ms-white-space:nowrap;
    -ms-overflow:hidden;
}
#content_shown .coreDesign ul li p:nth-child(2){
    width:200px;
    height:150px;
    margin:0 auto;
}
#content_shown .coreDesign ul li p:nth-child(2) img{
    width:100%;
}
#content_shown .coreDesign ul li p:nth-child(3){
     font-size: 18px;
    line-height: 30px;
    margin-top:35px ;
}
#content_shown .coreDesign ul li p:nth-child(4){
    font-size: 18px;
    line-height: 30px;
}
#content_shown .coreDesign ul li p:nth-child(5){
    font-size: 18px;
    line-height: 30px;
}
#content_shown .coreDesign ul li p:nth-child(6){
    width:148px;
    height:33px;
    font-size: 16px;
    margin:0 auto;
    border:1px solid #999;
    line-height: 33px;
    color:#999;
    margin-top: 25px;
}
#content_shown .coreDesign ul li p:nth-child(6) a{
    display: inline-block;
    width:100%;
    height:100%;
    color:#999;
}
#content_shown .coreDesign ul li:nth-child(3n-2){
    margin-left: 0;
}
#content_shown .coreDesign ul li:nth-child(n+4){
    margin-top: 25px;
}
/*hover*/
#content_shown .coreDesign ul li:hover{
    border:1px solid #3283c3;
    -webkit-box-shadow: #3283c3 0px 0px 0px 1px;
    -moz-box-shadow: #3283c3 0px 0px 0px 1px;
    -ms-box-shadow: #3283c3 0px 0px 0px 1px;
    -o-box-shadow: #3283c3 0px 0px 0px 1px;
    box-shadow: #3283c3 0px 0px 0px 1px;
}
#content_shown .coreDesign ul li:hover p:nth-child(1){
    color:#3283c3;
}
#content_shown .coreDesign ul li:hover p:nth-child(6){
    background: #3283c3;
    color:#fff;
    border:none;
}
#content_shown .coreDesign ul li:hover p:nth-child(6) a{
    color:#fff;
    text-decoration: none;
}
#content_shown .banner .center{
    padding-left:20px;
    padding-right:20px;
}
/*中间居中的盒子*/
#content_shown .banner .center{
    width:1200px;
    height:100px;
    margin:0 auto;
}
#content_shown .coreDesign ul li{
    border:1px solid #c7c7c7;
    padding:25px 30px 18px 30px;
    text-align: center;
    margin-left:145px;
}
#content_shown .coreDesign ul{
    margin:0 auto;
}
/*flat 1024 - 1200*/
@media screen and (min-width:1024px) and (max-width: 1210px){
    /*文字样式*/
    #content_shown .banner .center{
        padding-left:20px;
        padding-right:20px;
    }
    /*中间居中的盒子*/
    #content_shown .banner .center{
        width:100%;
        height:100px;
        margin:0 auto;
    }
    #content_shown .coreDesign ul{
        width:983px;
        margin:0 auto;
    }
    #content_shown .coreDesign ul li{
        -webkit-border: 1px solid #c7c7c7;
        -moz-border: 1px solid #c7c7c7;
        -ms-border: 1px solid #c7c7c7;
        -o-border: 1px solid #c7c7c7;
        border: 1px solid #c7c7c7;
        padding:25px 30px 18px 30px;
        text-align: center;
        margin-left:10px;
        width:321px;
    }
    #content_shown .coreDesign ul li:nth-child(3n-2){
        float-left:0;
    }
}
/*@media screen and (min-width: 2190px){
    #content_shown .coreDesign ul li:nth-child(3n-2){
        margin-left: 81px;
    }
}
@media screen and (min-width:1700px){
    #content_shown .coreDesign ul:before,
    #content_shown .coreDesign ul:after{
        display: block;
    }
    #content_shown .coreDesign ul li {
        margin-bottom: 20px;
    }
    #content_shown .coreDesign ul li:nth-child(4){
        margin-top: 0;
    }
    #content_shown .coreDesign ul li:nth-child(n+4){
        margin-top: 0;
    }
    #content_shown .coreDesign ul{
        
    }
    #content_shown .coreDesign ul{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        height: 150%;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #content_shown .coreDesign ul li:nth-of-type(1){
        margin-left: 0;
    }
    #content_shown .coreDesign ul li{
        width:376px;
        float: left;
        margin-left: 145px;
    }
}*/
@media screen and (min-width: 2190px){
    #content_shown .coreDesign ul li:nth-child(3n-2){
        margin-left: 81px;
    }
}
@media screen and (min-width: 2409px){
    #content_shown .coreDesign ul li:nth-child(4){
        margin-top: 0;
    }
}
@media screen and (min-width:1700px){
    #content_shown .coreDesign ul li{
        width:376px;
        margin-left:81px;
    }
    #content_shown .coreDesign ul li{
        margin-top: 0!important;
    }
    #content_shown .coreDesign ul li{
        margin-bottom: 25px;
    }
}   
/*flat 768 - 1024*/
@media screen and (min-width:768px) and (max-width: 1023px){
    /*中间居中的盒子*/
    #content_shown .banner .center{
        width:768px;
        height:100px;
        margin:0 auto;
    }
    #content_shown .coreDesign ul li{
        width:321px;
        border:1px solid #c7c7c7;
        padding:25px 30px 18px 30px;
        text-align: center;
        margin-left:0px;
    }
    #content_shown .coreDesign ul li:nth-child(3n-2){
        margin-left: 0px;
    }
    #content_shown .coreDesign ul li:nth-child(2n-1){
        margin-left: 10px;
        float:left;
    }
    #content_shown .coreDesign ul li:nth-child(2n){
        float:right;
        margin-left:50px;
    }
    #content_shown .coreDesign ul li:nth-child(n+3){
        margin-top: 25px;
    }
}
/*phone 650 - 768*/
@media screen and (min-width:650px) and (max-width: 767px){
    /*文字样式*/
    #content_shown .banner .center{
        padding-left:100px;
        padding-right:10px;
    }
    #content_shown .coreDesign{
        width:100%;
        padding-left:16px;
        padding-right:16px;
    }
    #content_shown .coreDesign ul li{
        width:282px!important;
        border:1px solid #c7c7c7;
        padding:25px 30px 18px 30px;
        text-align: center;
        margin-left:19px;
    }
    #content_shown .coreDesign ul li p:nth-child(3){
        font-size: 16px;
        /*字符截取*/
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    /*兼容谷歌*/
    -webkit-text-overflow:ellipsis;
    -webkit-white-space:nowrap;
    -webkit-overflow:hidden;
    /*兼容火狐*/
    -moz-text-overflow:ellipsis;
    -moz-white-space:nowrap;
    -moz-overflow:hidden;
    /*兼容Opera*/
    -o-text-overflow:ellipsis;
    -o-white-space:nowrap;
    -o-overflow:hidden;
    /*兼容ie*/
    -ms-text-overflow:ellipsis;
    -ms-white-space:nowrap;
    -ms-overflow:hidden;
    }
    #content_shown .coreDesign ul li p:nth-child(4){
        font-size: 16px;
        /*字符截取*/
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    /*兼容谷歌*/
    -webkit-text-overflow:ellipsis;
    -webkit-white-space:nowrap;
    -webkit-overflow:hidden;
    /*兼容火狐*/
    -moz-text-overflow:ellipsis;
    -moz-white-space:nowrap;
    -moz-overflow:hidden;
    /*兼容Opera*/
    -o-text-overflow:ellipsis;
    -o-white-space:nowrap;
    -o-overflow:hidden;
    /*兼容ie*/
    -ms-text-overflow:ellipsis;
    -ms-white-space:nowrap;
    -ms-overflow:hidden;
    }
    #content_shown .coreDesign ul li p:nth-child(5){
        font-size: 16px;
        /*字符截取*/
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    /*兼容谷歌*/
    -webkit-text-overflow:ellipsis;
    -webkit-white-space:nowrap;
    -webkit-overflow:hidden;
    /*兼容火狐*/
    -moz-text-overflow:ellipsis;
    -moz-white-space:nowrap;
    -moz-overflow:hidden;
    /*兼容Opera*/
    -o-text-overflow:ellipsis;
    -o-white-space:nowrap;
    -o-overflow:hidden;
    /*兼容ie*/
    -ms-text-overflow:ellipsis;
    -ms-white-space:nowrap;
    -ms-overflow:hidden;
    }
    #content_shown .coreDesign ul{
        /*width:618px;*/
        margin:0 auto;
    }
    #content_shown .coreDesign ul li:nth-child(3n-2){
        margin-left: 19px;
    }
    #content_shown .coreDesign ul li:nth-child(2n-1){
        margin-left: 0;
        float:left;
    }
    #content_shown .coreDesign ul li:nth-child(2n){
        margin-left: 0;
        float:right;
    }
    #content_shown .coreDesign ul li:nth-child(n+3){
        margin-top:20px;
    }
}
/*phone 320 - 650*/
@media screen and (min-width:320px) and (max-width: 649px){
    /*文字样式*/
    #content_shown .fr{
        font-size: 11px;
    }
    #content_shown .fr a{
        font-size: 11px;
    }
    #content_shown .coreDesign>p{
        height:75px;
        line-height: 75px;
        margin-bottom: 0px;
    }
    #content_shown .banner .center{
        padding-left:10px;
        padding-right:10px;
    }
    #content_shown .coreDesign{
        width:98%;
    }
    #content_shown .coreDesign ul{
        width: 264px;
        margin: 0 auto;
    }
    #content_shown .coreDesign ul li{
        width:262px!important;
        width: auto;
        border:1px solid #c7c7c7;
        padding:25px 30px 18px 30px;
        text-align: center;
        margin:0!important;
        /*float:left;*/
    }
    #content_shown .coreDesign ul li p:nth-child(3){
        font-size: 18px;
    }
    #content_shown .coreDesign ul li p:nth-child(3){
        font-size: 14px;
    }
    #content_shown .coreDesign ul li p:nth-child(4){
        font-size: 14px;
    }
    #content_shown .coreDesign ul li p:nth-child(5){
        font-size: 14px;
    }
    #content_shown .coreDesign ul li:nth-child(n+2){
        margin-top:20px!important;
    }
    #content_shown .coreDesign ul li:nth-child(3n-2){
        margin-left: 0;
    }
    #content_shown .coreDesign ul li:nth-child(n+4){
        margin-top: 0;
    }
}

/**
 *
 * show_n_tell attribute END
 */
/**
 *
 * this is  show_n_tell_content attribute
 */
#content_showTO{
    font-size: 18px;
    color:#666;
}
#content_showTO .rod{
    margin-top: 0px;
    font-size: 18px;
    line-height: 44px;
}
#content_showTO  h3{
    font-size: 24px;
    font-weight: 500;
    color: #3283c3;
}
#content_showTO .rod h3{
    margin-bottom:38px ;
}
#content_showTO .rod span{
    color: #333;
}
#content_showTO .rod a{
    margin-top: 15px;
    width:145px;
    font-size: 18px;
    border-radius: 0; 
    -ms-border-radius:0; /* IE 9 */
    -moz-border-radius:0; /* Firefox */
    -webkit-border-radius:0; /* Safari and Chrome */
    -o-border-radius:0; 
}
#content_showTO .rod .show{
    margin-top: 35px;
    width:500px;
    height:405px;
    border:2px solid #3283c3;
    border-radius: 10px;
    -ms-border-radius:10px; /* IE 9 */
    -moz-border-radius:10px; /* Firefox */
    -webkit-border-radius:10px; /* Safari and Chrome */
    -o-border-radius:10px; 
     -ms-border:2px solid #3283c3; /* IE 9 */
    -moz-border:2px solid #3283c3; /* Firefox */
    -webkit-border:2px solid #3283c3; /* Safari and Chrome */
    -o-border:2px solid #3283c3;
}
#content_showTO .show .showPhoto{
    width:100%;
    height:100%;
    position: relative;
}
#content_showTO .rod .show .pre{
    position: absolute;
    width:30px;
    height:82px;
    top:100px;
    left: 15px;
    cursor: pointer;
}
#content_showTO .rod .show .pre img{
    width:100%;
    height:100%;
}
#content_showTO .rod .show .next img{
    width:100%;
    height:100%;
}
#content_showTO .rod .show .next{
    position: absolute;
    width:30px;
    height:82px;
    top:100px;
    right: 15px;
    cursor: pointer;
}
#content_showTO .show .box{
    width:68%;
    margin: 25px auto;
}
#content_showTO .show .box img{
    width:100%;
}
#content_showTO .show .showFooter{
    width:89%;
    height: 17%;
    margin: 33px auto 0;
}
#content_showTO .show .showFooter ul{
    width:200%;
}
#content_showTO .show .showFooter ul li{
    float: left;
    width:100px;
    margin-right: 16px;
}
#content_showTO .show .showFooter ul li img{
    width:100%;
    height:100%;
}
#content_showTO .active{
    border:2px solid #3283c3;
    -ms-border:2px solid #3283c3; /* IE 9 */
    -moz-border:2px solid #3283c3; /* Firefox */
    -webkit-border:2px solid #3283c3; /* Safari and Chrome */
    -o-border:2px solid #3283c3;
}
#content_showTO .description{
    line-height: 36px;
}
#content_showTO .description h3{
    margin: 46px 0 46px 0;
}
#content_showTO .mechanical h3{
    margin: 46px 0 46px 0;
}
#content_showTO .mechanical{
    line-height: 36px;
    margin-bottom: 47px;
}
#content_showTO{
    padding: 0; 
}
#content_showTO .mechanical h4{
    font-size: 20px;
    color: #333;
}
@media only screen and (max-width: 1300px){
    #content_showTO {
    	width: 88%
    }
}
@media only screen and (max-width: 1000px){
    #content_showTO {
    	margin-left: 20px;
    }
}
@media screen and (min-width: 751px) and (max-width: 1300px){
    #content_showTO .rod .show{
        width:340px;
        height:280px;
    }
    #content_showTO{
        font-size: 14px;
    }
    #content_showTO .rod{
        font-size: 14px;
    }
    #content_showTO .rod .show{
        width:340px;
        height:280px;
    }
    #content_showTO .show .showFooter ul li{
        float: left;
        width:69px;
        margin-right: 10px;
    }
    #content_showTO .rod .show .next{
        position: absolute;
        width:25px;
        height:54px;
        top:54px;
        right: 10px;
        cursor: pointer;
    }
    #content_showTO .rod .show .pre{
        position: absolute;
        width:25px;
        height:54px;
        top:54px;
        left: 10px;
        cursor: pointer;
    }
    #content_showTO .show .showFooter{
        margin: 22px auto 0;
    }
    #content_showTO .mechanical h3{
        margin: 20px 0 20px 0;
    }
    #content_showTO .description h3{
        margin: 20px 0 20px 0;
    }
    #content_showTO .description{
        line-height: 30px;
    }
    #content_showTO .mechanical{
        line-height: 25px;
    }
     #content_showTO .rod h3{
        margin-bottom: 15px;
    }
    #content_showTO .rod{
        line-height: 35px;
    }
    #content_showTO .rod .show{
        margin-top:25px;
    }

}
@media screen and (max-width: 750px){
 
    #content_showTO .rod .show{
        width:340px;
        height:280px;
        float: left;
    }
     #content_showTO .description h3{
        margin: 20px 0 20px 0;
    }
    #content_showTO .description{
        line-height: 25px;
    }
    #content_showTO .rod h3{
        margin-bottom: 15px;
    }
    #content_showTO .rod{
        line-height: 35px;
    }

    #content_showTO .mechanical h3{
        margin: 20px 0 20px 0;
    }
    #content_showTO .show .showFooter ul li{
        float: left;
        width:69px;
        margin-right: 10px;
    }
    #content_showTO .rod .show .next{
        position: absolute;
        width:25px;
        height:54px;
        top:54px;
        right: 10px;
        cursor: pointer;
    }
    #content_showTO .rod .show .pre{
        position: absolute;
        width:25px;
        height:54px;
        top:54px;
        left: 10px;
        cursor: pointer;
    }
    #content_showTO .show .showFooter{
        margin: 22px auto 0;
    }
    #content_showTO .rod{s
        font-size: 14px;
        line-height: 30px;
    }
    #content_showTO h3{
        font-size: 20px;
    }
    #content_showTO .mechanical h3{
        margin:20px 0 20px 0;
    }
    #content_showTO .mechanical h4{
        font-size: 18px;
    }
    #content_showTO{
        font-size: 14px;
    }
    #content_showTO .rod h3{
        margin-bottom:20px ;
    }
    #content_showTO .mechanical{
        line-height: 15px;
        margin-bottom: 40px;
    }
    #content_showTO .rod{
        font-size: 14px;
        line-height: 30px;
    }
    #content_showTO .rod .show{
        margin-top: 25px;
    }
}
@media screen and (max-width: 410px){
   #content_showTO .rod .show{
        width:100%;
        float: left;
        height: auto;
    }
    #content_showTO .show .showFooter ul li{
        float: left;
        width:21.5%;
        margin-right: 3.5%;
        margin-bottom:20px;
    }
    #content_showTO .rod .show .next{
        position: absolute;
        width:25px;
        height:40px;
        top:48px;
        right: 10px;
        cursor: pointer;
    }
    #content_showTO .show .showFooter ul{
        width: 100%;
    }
    #content_showTO .rod .show .pre{
        position: absolute;
        width:25px;
        height:40px;
        top:48px;
        left: 10px;
        cursor: pointer;
    }
    #content_showTO .show .showFooter{
        margin: 22px auto 0;
    }
    #content_showTO .show .showFooter{
        height: auto;
    }
}
/**
 *
 * show_n_tell_content attribute END 
 */
/**
 *
 * this is tutorial attribute
 */
/*banner*/
#content_tutorial{
    background-color: #f2f2f2;
}
#content_tutorial:after{
    content: '';
    display: block;
    clear: both;
}
#content_tutorial .banner{
    width:100%;
    height: 100%;
    position: relative;
}
#content_tutorial .banner img{
    width:100%;
}
#content_tutorial .banner .desk{
    width:100%;
    height:100%;
    background: rgba(0,0,0,.4);
    position: absolute;
    top:0;
    left:0;
}
/*Written words*/
#content_tutorial .banner .desk .center{
    width:75.89%;
    height:100%;
    margin:0 auto;
    -webkit-transform: translateY(35%);
    -moz-transform: translateY(35%);
    -ms-transform: translateY(35%);
    -o-transform: translateY(35%);
    transform: translateY(35%);
}
#content_tutorial .banner .desk .center span:nth-child(1){
    float:left;
    font-size: 24px;
    color:#fff;
}
#content_tutorial .banner .desk .center span:nth-child(2){
    float:right;
    font-size: 16px;
    color:#fff;
}
#content_tutorial .banner .desk .center span a{font-size: 16px !important;}
#content_tutorial .banner .desk .center span:nth-child(2) a{
    font-size: 20px;
    color:#fff;
}
/*middle*/
#content_tutorial .middle::after{
    content: '';
    display: block;
    clear: both;
}
#content_tutorial .middle{
    margin-top:0px;
    padding-bottom: 20px;
}
/*middle-left*/
#content_tutorial .middle .left{
    width:350px;
    height:466px;
    margin-bottom: 70px;
    float:left;
    -webkit-box-shadow: darkgrey 3px 3px 7px 0px;
    -moz-box-shadow: darkgrey 3px 3px 7px 0px;
    -ms-box-shadow: darkgrey 3px 3px 7px 0px;
    -o-box-shadow: darkgrey 3px 3px 7px 0px;
    box-shadow: darkgrey 3px 3px 7px 0px;
    padding-bottom: 20px;
    background-color: #fff;
}
#content_tutorial .middle .deader{
    width:350px;
    height:56px;
}
#content_tutorial .middle .header{
    font-size: 24px;
    color:#3283c3;
    height: 66px;
    line-height: 66px;
    padding-left:28px;
    font-weight: 600;
}
#content_tutorial .middle .left ul{
    -webkit-overflow-y:scroll;
    -moz-overflow-y:scroll;
    -ms-overflow-y:scroll;
    -o-overflow-y:scroll;
    overflow-y:scroll;
    -webkit-overflow-x:hidden;
    -moz-overflow-x:hidden;
    -ms-overflow-x:hidden;
    -o-overflow-x:hidden;
    overflow-x:hidden;
    background-color: #fff;
}
#content_tutorial .middle .left ul li p{
    width:100%;
    height:56px;
    border-bottom:1px solid #d2d2d2;
    font-size: 16px;
    color:#444444;
    line-height: 56px;
    margin:0;
}
#content_tutorial .middle .left ul li h2:nth-of-type(1){
    border-top: 1px solid #d2d2d2;
}
#content_tutorial .middle .left ul li h2{cursor:pointer;}
#content_tutorial .middle .left ul li h2{
    width:100%;
    height:56px;
    border-bottom:1px solid #d2d2d2;
    font-size: 16px;
    color:#444444;
    line-height: 56px;
    margin:0;
    font-weight: 500;
    overflow: hidden;
    padding-left: 20px;
}
#content_tutorial .middle .left ul li h2 img{
    vertical-align: middle;
    margin-right: 14px;
}
#content_tutorial .middle .left ul li p:nth-child(n+2){
    background: #3283c3;
    color:#fff;
    font-size: 14px;
    padding-left:59px;
    display: none;
    cursor: pointer;
}
/*#content_tutorial .middle .left ul li:hover p:nth-child(n+2){
    display: block;
}*/
/*middle-right*/
#content_tutorial .middle .right{
    width:750px;
    float:right;
    -webkit-box-shadow: darkgrey 3px 3px 7px 0px;
    -moz-box-shadow: darkgrey 3px 3px 7px 0px;
    -ms-box-shadow: darkgrey 3px 3px 7px 0px;
    -o-box-shadow: darkgrey 3px 3px 7px 0px;
    box-shadow: darkgrey 3px 3px 7px 0px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-bottom: 20px;
    background-color: #fff;
}
#content_tutorial .middle .right .title{
    font-size: 24px;
    color:#3283c3;
}
#content_tutorial .middle .right .title img{
    margin-right: 33px;
}
#content_tutorial .middle .right .title .teli{
    font-weight: 600;
}
#content_tutorial .middle .right .video .center{
    width:100%;
    position: relative;
}
#content_tutorial .middle .right .video .center .sp{
    width:100%;
    /*height:450px;*/
    margin-top:21px;
    position: relative;
}
#content_tutorial .middle .right .video .center .sp img{
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}
#content_tutorial .middle .right .video .center .sp #ifra{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#content_tutorial .middle .right .video .center .an{
    width:100%;
    height:45px;
    position: absolute;
    bottom: 0;
    left:0;
    background: rgb(169,169,169);
    z-index:4;
}
#content_tutorial .video-img{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    z-index:1;
}
#content_tutorial .video-img img{
    width:100%;
    height:100%;
}
#content_tutorial .middle .right .video .center .an span{
    line-height: 45px;
    color:#fff;
    font-size: 18px;
    margin-left:14px;
}
#content_tutorial .middle .right .video .center .an div{
    width:28px;
    height:28px;
    border-radius: 50%;
    background: #fff;
    padding-left:9px;
    color:#707070;
    margin-top:9px;
    margin-left:40px;
    float:left;
    font-size: 14px;
}
#content_tutorial .middle .right .video .center .an div p:nth-child(1){
    line-height: 27px;
}
#content_tutorial .middle .right .video .center .an div p:nth-child(2){
    line-height: 27px;
    margin-left:-1px;
}
#content_tutorial .middle .right .video .center .an div p:nth-child(2){
    display: none;
}
#content_tutorial .middle .right .botton{
    margin-top:21px;
}
#content_tutorial .middle .right .botton .botton1,#content_tutorial .middle .right .botton .botton1 a{
    width:160px;
    height:50px;
    background: #3283c3;
    border:none;
    font-size: 18px;
    color:#fff;
}

#content_tutorial .middle .right .botton .botton2{
    width:216px;
    height:50px;
    background: #3283c3;
    border:none;
    font-size: 18px;
    color:#fff;
    margin-left:60px;
}
#content_tutorial .middle .right .botton .botton2 a{
    width:216px;
    height:50px;
    background: #3283c3;
    border:none;
    font-size: 18px;
    color:#fff;
}
@media only screen and (max-width:1200px){

    #content_tutorial .middle .left ul li h2{

        font-size: 12px;

    }

}



@media screen and (min-width:750px) and (max-width: 1000px){
    #content_tutorial .banner .desk .center{
        width:98%!important;
        padding: 0!important;
    }
}
@media screen and (min-width:1200px) and (max-width: 1300px){
    #content_tutorial .banner .desk .center{
        width:96%;
    }
}
@media screen and (min-width:1300px) and (max-width: 1699px){
    #content_tutorial .banner .desk .center{
        width:1200px;
    }
}
@media screen and (min-width:1700px){
    #content_tutorial .banner .desk .center{
        width:75.89%;
    }
    #content_tutorial .middle .left{
        width: 25%;
    }
    #content_tutorial .middle .right{
        width: 60%;
        padding: 20px 35px;
    }
    #content_tutorial .middle .right .video .center .sp{
        /*height: 600px;*/
    }
}
/*flat 980-1200*/
@media screen and (min-width:980px) and (max-width: 1199px){
    #content_tutorial .banner .desk .center{
        width:100%;
        padding-left:20px;
        padding-right:20px;
    }
    #content_tutorial .middle{
        padding-left:20px;
        padding-right:20px;
    }
    #content_tutorial .middle .left{
        width:280px;
    }
    #content_tutorial .middle .right{
        width:640px;
    }
}
/*flat 750 - 980*/
@media screen and (min-width:750px) and (max-width: 979px){
    #content_tutorial .banner .desk .center{
        width:100%;
        padding-left:20px;
        padding-right:20px;
    }
    #content_tutorial .middle{
        padding-left:20px;
        padding-right:20px;
    }
    #content_tutorial .middle .left{
        width:225px;
    }
    #content_tutorial .middle .right{
        width:454px;
    }
    #content_tutorial .banner .desk .center span:nth-child(1){
        font-size: 24px;
    }
    #content_tutorial .banner .desk .center span:nth-child(2){
        font-size: 24px;
    }
    #content_tutorial .banner .desk .center span:nth-child(2) a{
        font-size: 24px;
    }
    #content_tutorial .middle .right .botton .botton2{
        margin-left:34px;
    }
}
@media screen and (min-width:800px) and (max-width: 980px){
    #content_tutorial .middle .right{
        width:500px;
    }
}
/*phone 474 - 750*/
@media screen and (min-width:485px) and (max-width: 749px){
    #content_tutorial .banner .desk .center{
        width:100%;
        padding-left:12px;
        padding-right:12px;
    }
    #content_tutorial .middle{
        padding-left:12px;
        padding-right:12px;
    }
    #content_tutorial .middle .left{
        width:99.6%;
        height:300px;
    }
    #content_tutorial .middle .left ul{
        height:300px;
    }
    #content_tutorial .middle .left ul li:nth-child(2n-1){
         width:50%;
         float:left;
    }
    #content_tutorial .middle .left ul li:nth-child(2n){
        width:50%;
        float:right;
    }
    #content_tutorial .banner .desk .center span:nth-child(1){
        font-size: 16px;
    }
    #content_tutorial .banner .desk .center span:nth-child(2){
        font-size: 16px;
    }
    #content_tutorial .banner .desk .center span:nth-child(2) a{
        font-size: 16px;
    }
    #content_tutorial .middle .right{
        width:99.6%;
    }
    #content_tutorial .middle .right .botton .botton2{
        margin-left:40px;
    }
}
/*phone 320 - 484*/
@media screen and (max-width: 484px){
    #content_tutorial .banner .desk .center{
        width:100%;
        padding-left:5px;
        padding-right:5px;
    }
    #content_tutorial .middle{
        padding-left:12px;
        padding-right:12px;
    }
    #content_tutorial .middle .left{
        width:99.6%;
        height:300px;
    }
    #content_tutorial .middle .left ul{
        height:300px;
    }
    #content_tutorial .middle .left ul li p{
        height:45px;
        line-height: 45px;
    }
    #content_tutorial .middle .left ul li h2{
        height:45px;
        line-height: 45px;
    }
    #content_tutorial .banner .desk .center span:nth-child(1){
        font-size: 10px;
    }
    #content_tutorial .banner .desk .center span:nth-child(2){
        font-size: 10px;
    }
    #content_tutorial .banner .desk .center span:nth-child(2) a{
        font-size: 10px;
    }
    #content_tutorial .middle .right{
        width:99.6%;
    }
    #content_tutorial .middle .right .title img{
        margin-right:20px;
    }
    #content_tutorial .middle .right .botton .botton1{
        width:120px;
        font-size: 12px;
        margin-top:20px;
    }
    #content_tutorial .middle .right .botton .botton2{
        width:120px;
        margin-left:0;
        margin-right:5px;
        float:right;
        font-size: 12px;
        margin-top:20px;
    }
    #content_tutorial #sub-frame-error{
        width: 100%;
        height:auto;
    }
    #content_tutorial .video{
        width:100%;
        height:100%;
    }
    #content_tutorial .ab{
        width:100%;
    }
    #content_tutorial .middle{
        margin-top:0px;
        margin-left:0px;
    }
    #content_tutorial .middle .header{
        padding-left:0px;
    }
}
@media screen and (max-width: 320px){
     #content_tutorial .banner .desk .center span:nth-child(2) a{
        font-size: 10px;
    }
}

/*add S*/
@media screen and (max-width: 1865px) and (min-width: 1700px){
    #content_tutorial .middle .left ul li h2{font-size:14px;}
}
@media screen and (max-width: 1199px) and (min-width: 980px){
    #content_tutorial .middle .left ul li p:nth-child(n+2){font-size:12px;padding-left:5px;}
}
@media screen and (max-width: 1020px) and (min-width: 1000px){
    #content_tutorial .middle .right{width: 620px ;margin-bottom: 10px;padding: 10px 10px 0px 10px;}
}

@media screen and (max-width: 1199px) and (min-width: 980px){
    #content_tutorial .middle .right{width: 620px ;margin-bottom: 10px;padding: 10px;}
}

@media screen and (max-width: 979px) and (min-width: 750px){
    #content_tutorial .middle .left ul li p:nth-child(n+2){font-size:12px;padding-left:5px;}
}
#content_tutorial .banner .desk .center span.navtext{margin-top: 5px;}
/*add E*/
/**
 *
 * tutorial attribute END
 */
/**
 *
 * this is version_comparison attribute
 */
/*身体标题*/
#content_ver .container{
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}
#content_ver .lrean-mod{
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.4);
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}
#content_ver .lrean-mod div{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50%;
    height: 35%;
    text-align: center; 
    background-color: #fff;
    font-size: 16px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    color: #797979;
    -webkit-animation: bounceInDown 1.2s 0.1s ease-in-out;
    -moz-animation: bounceInDown 1.2s 0.1s ease-in-out;
    -ms-animation: bounceInDown 1.2s 0.1s ease-in-out;
    -o-animation: bounceInDown 1.2s 0.1s ease-in-out;
    animation: bounceInDown 1.2s 0.1s ease-in-out;
}
#content_ver .lrean-mod div button:hover{
    background-color: rgba(167,213,234);
    outline: none;
    border: none;
}
#content_ver .lrean-mod div p{
    font-weight: 700;
    color: #575757;
    font-size: 25px;
    padding-top: 15px;
    margin-bottom: 20px;
}
#content_ver .lrean-mod div button{
    width: 80px;
    height: 25px;
    line-height: 25px;
    font-size: 20px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    bottom: 20px;
    background-color: #aedef4;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-outline: none;
    -moz-outline: none;
    -ms-outline: none;
    -o-outline: none;
    outline: none;
    border: none;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
#content_ver .container h6{
    text-align: center;
}
#content_ver .container h6 a{
    font-size: 24px;
    color: #3283c3;
    line-height: 98px;
}
#content_ver .maxbox{
    width: 100%;
    height: 100%;
}
#content_ver .pdf{
    font-size: 24px;
    margin-bottom:10px; 
    display: none;
}
#content_ver strong{
    text-decoration: underline #3c89c6;
}
#content_ver b, #content_ver strong {
    font-weight: 1000;
}
/*表格开始表格开始第一行*/
#content_ver .zw3d{
    width: 100%;
}
#content_ver .zw3d #max-con_nav{

}
#content_ver .zw3d li ul li{
    float: left;
    text-align: center;
    padding-left:5px; 
}
#content_ver .tell::after{
    content: '';
    display: block;
    clear: both;
}
#content_ver .zw3d li:nth-of-type(even){
    background-color: #f5f7f8;
}
#content_ver .zw3d .lite li{
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    background: #3283c3;
    color:#fff;
    font-size: 18px;
}
#content_ver .zw3d li ul.tell li{
    background-color: transparent;
}
#content_ver h5{
    margin: 0;
}
#content_ver .zw3d li:nth-child(1) ul li:nth-child(1){
    line-height: 55px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 2.6%;
    text-align: left; 
}
#content_ver .zw3d li ul li:not(fisrt-of-type){
    line-height: initial;
    width: 12.5%;
}
#content_ver .zw3d li ul li:nth-child(1){
    width: 25%;
}
#content_ver .zw3d li ul li:nth-child(n+1){
    padding-top: 5px; 
    padding-bottom: 5px; 
}
/* #content_ver .zw3d li ul li:nth-child(2){
    width: 8%;
}
#content_ver .zw3d li ul li:nth-child(3){
    width: 10%;
}
#content_ver .zw3d li ul li:nth-child(4){
    width: 12%;
}
#content_ver .zw3d li ul li:nth-child(5){
    width: 10%;
}
#content_ver .zw3d li ul li:nth-child(6){
    width: 12%;
}
#content_ver .zw3d li ul li:nth-child(7){
    width: 12%;
} */
/*表格开始第二行*/
#content_ver .zw3d li h5{
    line-height: 50px;
    text-align: left;
    color: #3283c3;
    font-size: 22px;
    padding-left:2.6%;
}
#content_ver .zw3d li .title_bg{
    background: #ecf9ff; 
}
/*表格开始第三行*/
#content_ver .tell li:nth-child(1){
    text-align: left;
    font-size: 18px;
    color:#666;
    line-height: 30px;
}
#content_ver .tell li:nth-child(1) p{
    text-align: left;
    font-size: 16px;
    color:#333;
    width: 90%;
    float: right;
    margin-bottom: 0;
    vertical-align: middle;
}
#content_ver .tell li:nth-child(1) span{
    float: left;
    font-size: 14px;
    padding-left: 2%;
    color:#666;
    color: #74c3f6; 
}
#content_ver .tell li:nth-child(1) span.fa-sort-up,
#content_ver .tell li:nth-child(1) span.fa-sort-desc{
    font-size: 24px;
    color: #999;
    line-height: 40px;
}
#content_ver .tell li:nth-child(1) span.fa-sort-up{
    line-height: 50px;
}
#content_ver .fa-sort-desc::before,
#content_ver .fa-sort-up::before{
    margin-right:-6px;
    vertical-align: middle;
}
#content_ver .fa-sort-desc::before{
    display: inline-block;
    line-height: inherit;
    margin-top: -4px; 
}
#content_ver .fa-sort-up::before{
    margin-top: 14px;
    line-height: initial;
    display: inline-block;
}
#content_ver .tell li span{
    line-height: 36px;
    color: #74c3f6;
}
#content_ver .tell li span.fa{
    font-size: 18px;
}
#content_ver .zw3d>li:hover .tell{
    background-color: ##b8c1c5;
}
#content_ver .zw3d>.active .tell{
    background: #43baef!important;;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(0.07, 0.85, 0.57, 0.29);
    -moz-transition-timing-function: cubic-bezier(0.07, 0.85, 0.57, 0.29);
    -ms-transition-timing-function: cubic-bezier(0.07, 0.85, 0.57, 0.29);
    -o-transition-timing-function: cubic-bezier(0.07, 0.85, 0.57, 0.29);
    transition-timing-function: cubic-bezier(0.07, 0.85, 0.57, 0.29);
}
#content_ver .zw3d>li:hover .tell{
    background-color: #e1e7ea;
}
#content_ver .zw3d>.active ul li p{
    color: #fff;
}

#content_ver .zw3d>.active ul li span{
    color: #fff;
}
/*下拉框*/
#content_ver .msg{
    border: 1px solid #43baef;
    -webkit-border: 1px solid #43baef;
    -moz-border: 1px solid #43baef;
    -ms-border: 1px solid #43baef;
    -o-border: 1px solid #43baef;
    text-align: center;
    display: none;
    padding-bottom: 20px;
}
#content_ver .msg p{
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    color: #333;
    text-align:left;
    margin-top:20px;
}
#content_ver .msg a{
    margin: 10px 0;
    display: inline-block;
}
@media screen and (min-width: 769px) and (max-width: 1028px){
    #content_ver .zw3d li:nth-child(1) ul li:nth-child(1) {
        line-height: 58px;
    }
    #content_ver .zw3d .lite li{
        font-size: 14px;
    }
}
@media screen and (min-width: 750px) and (max-width: 768px){
    #content_ver .lite li{
        font-size: 12px;
        height: 50px;
    }
    #content_ver .zw3d li:nth-child(1) ul li:nth-child(1) {
        line-height: 40px;
    }
    #content_ver .zw3d .lite li{
        font-size: 14px;
    }
}
@media screen and (max-width: 750px){
    #content_ver .zw3d li h5{
        font-size: 14px;
    }
    #content_ver .maxframe{
        height: 100%;
        width: 100%;
    }
    #content_ver .maxbox{
        overflow-x:  scroll;
        -webkit-overflow-x: scroll;
        -moz-overflow-x: scroll;
        -ms-overflow-x: scroll;
        -o-overflow-x: scroll;
        overflow-x: scroll;
        margin: 5px;
        height: auto;
    }
    #content_ver .zw3d{
        width: 750px;
        height: 100%;
    }
    #content_ver .lite li{
        font-size: 12px;
        height: 50px;
    }
    #content_ver .zw3d .lite li{
        font-size: 12px;
    }
    #content_ver .zw3d li:nth-child(1) ul li:nth-child(1) {
        line-height: 30px;
    }
    #content_ver .zw3d li ul li:nth-child(n+1) {
        padding-top: 11px;
        padding-bottom: 11px;
    }
    #content_ver .container h6 a{
        font-size: 30px;
        color: #3283c3;
        line-height: 50px;
    }
    #content_ver .pdf{
        font-size: 24px;
        margin-bottom:10px; 
        display: block;
    }
    #content_ver .pdf a{
        color: #3283c3;
    }
    #content_ver .tell li:nth-child(1) p{
        font-size: 12px;
    }
    #content_ver .tell li:nth-child(1) span{
        display: none;
    }
}
@media screen and (max-width: 423px){
    #content_ver .zw3d .lite li{
        border-right:none;
    }
    #content_ver .container h6 a{
        margin-top:10px; 
        font-size: 12px;
        color: #3283c3;
        line-height: 31px;
        margin: 0 auto;
        display: inline-block;
    }
    #content_ver .lrean-mod div{
        padding-left: 3%;
        padding-right: 3%;
    }
}
@media screen and (min-width: 424px) and (max-width: 480px){
    #content_ver .zw3d .lite li{
        border-right:none;
    }
    #content_ver .container h6 a{
        margin-top:10px; 
        font-size: 16px;
        color: #3283c3;
        line-height: 31px;
        margin: 0 auto;
        display: inline-block;
    }
}
@media screen and (min-width: 481px) and (max-width: 570px){
    #content_ver .zw3d .lite li{
        border-right:none;
    }
    #content_ver .container h6 a{
        margin-top:10px; 
        font-size: 20px;
        color: #3283c3;
        line-height: 31px;
        margin: 0 auto;
        display: inline-block;
    }
}
@media screen and (min-width: 571px) and (max-width: 620px){
    #content_ver .zw3d .lite li{
        border-right:none;
    }
    #content_ver .container h6 a{
        margin-top:10px; 
        font-size: 24px;
        color: #3283c3;
        line-height: 31px;
        margin: 0 auto;
        display: inline-block;
    }
}
@media screen and (min-width: 621px) and (max-width: 749px){
    #content_ver .zw3d .lite li{
        border-right:none;
    }
    #content_ver .container h6 a{
        margin-top:10px; 
        font-size: 26px;
        color: #3283c3;
        line-height: 31px;
        margin: 0 auto;
        display: inline-block;
    }
}
@media screen and (max-width: 1182px){
    #content_ver .zw3d .lite li{
        font-size: 18px;
    }
    #content_ver .zw3d li:nth-child(1) ul li:nth-child(1) {
        line-height: 54px;
    }
    #content_ver .zw3d li ul li:nth-child(n+1) {
    padding-top: 10px;
    padding-bottom: 10px;
    }
}
@media screen and (max-width: 1079px){
    #content_ver .zw3d .lite li{
        font-size: 16px;
    }
}
@media screen and (max-width: 977px){
    #content_ver .zw3d .lite li{
        font-size: 14px;
    }
    #content_ver .zw3d li:nth-child(1) ul li:nth-child(1) {
        line-height: 44px;
    }
}
@media screen and (max-width: 875px){
    #content_ver .zw3d .lite li{
        font-size: 12px;
    }
}
@media screen and (max-width: 775px){
    #content_ver .zw3d .lite li{
        font-size: 12px;
    }
    #content_ver .zw3d li:nth-child(1) ul li:nth-child(1) {
        line-height:44px;
    }
}
@media screen and (min-width: 876px) and (max-width: 977px){
    #content_ver .zw3d li:nth-child(1) ul li:nth-child(1){
        line-height: 50px;
    }
}
@media screen and (max-width: 1182px) and (min-width: 1080px){
    #content_ver .zw3d li:nth-child(1) ul li:nth-child(1){
        line-height: 60px;
    }
}

.bottom-downpdf{width: 100%;height:100px;text-align:right;}
.bottom-downpdf a{color: #3283c3;font-weight: bold;}
@media screen and (max-width: 750px) {
    .bottom-downpdf a{display: none;}
}

/*add S*/
#content_ver .tell li p,#content_ver .tell li,#content_ver .tell{cursor:pointer;}
/*add E*/
/**
 *
 * version_comparison attribute END 
 */

/**
 * 
 * this is versions attribue
 */
/*内容盒子*/
#content_VC{
	background: #f2f2f2;
	padding: 60px 0;
}
/*伪元素去浮动*/
/*#content_VC:after{
	content: '';
	display: block;
	clear: both;
}*/
#content_VC .contenta{
	width: 64.8%;
	height: auto;
	margin: 0 auto;
	padding: 0;

}
#content_VC .contenta:after{
	content: '';
	display: block;
	clear: both;
}
#content_VC .box{
	padding: 0;
	margin: 0;
	margin-top: 55px;
}
#content_VC .contenta .boxa{
	padding:0;
}
#content_VC .box:nth-of-type(1){
	margin-top: 0;
}
/*中间盒子*/
#content_VC .lite{
	-webkit-cursor: pointer;
	-moz-cursor: pointer;
	-ms-cursor: pointer;
	-o-cursor: pointer;
	cursor: pointer;
	padding: 5px;
	background: #fff;
	margin-left: 6.4%;
	width: 20.2%;
	border-radius: 5px;
	/*兼容谷歌*/
	-webkit-border-radius: 5px;
	/*兼容火狐*/
	-moz-border-radius: 5px;
	/*兼容Opera*/
	-o-border-radius: 5px;
	/*兼容ie*/
	-ms-border-radius: 5px;
}
#content_VC .lite:nth-child(1){
	margin-left: 0px;
}
#content_VC .lite img{
	width: 100%;
}
#content_VC .lite p{
	text-align:center;
	margin: 0;
	margin-bottom: 10px;
	font-size: 16px;
}
#content_VC .lite p:nth-child(2) a{
	color: #000;
	font-size: 20px;
}
#content_VC .lite p:nth-child(2){
	margin-top: 25px;
	margin-bottom: 0;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	/*兼容谷歌*/
	-webkit-text-overflow:ellipsis;
	-webkit-white-space:nowrap;
	-webkit-overflow:hidden;
	/*兼容火狐*/
	-moz-text-overflow:ellipsis;
	-moz-white-space:nowrap;
	-moz-overflow:hidden;
	/*兼容Opera*/
	-o-text-overflow:ellipsis;
	-o-white-space:nowrap;
	-o-overflow:hidden;
	/*兼容ie*/
	-ms-text-overflow:ellipsis;
	-ms-white-space:nowrap;
	-ms-overflow:hidden;

}
#content_VC .lite:nth-child(5){
	margin-top: 59px;
}
#content_VC .lite:nth-child(6){
	margin-top: 59px;
}
#content_VC .lite:nth-child(7){
	margin-top: 59px;
}
#content_VC .clear{
	clear: both;
}
#content_VC .lite:hover{
	background: #3283c3;
	color: #fff;
}
#content_VC .lite:hover p:nth-of-type(1) a{
	color: #fff;
}
#content_VC .box{
	margin:0;
	margin-top: 59px;
	padding: 0;
}
#content_VC .box li.last-lite{
	background-color: transparent;
	padding: 0;
	padding-top: 9.5%;
	background:#f2f2f2;
	margin-top: 58px;
}
#content_VC .box li.last-lite div.jump{
	width: 100%;
	height: 54px;
	background: #3283c3;
	text-align: center;
	padding-top: 5px;
}
#content_VC .box .jump a{
	display: inline-block;
	text-decoration: none;
	color: #fff;
}

/*媒体查询最大1279到1000*/
@media screen and (max-width: 1279px) and (min-width: 1142px) {
   #content_VC .contenta{
	width: 100%;
	padding: 0;
	margin: 0 auto;
	padding-left: 20px;
	}
   #content_VC .box{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	}
	#content_VC .lite p:nth-child(2){
		margin-top: 12px;
	}
	#content_VC .lite p:nth-child(3){
		text-overflow:ellipsis;
		white-space:nowrap;
		overflow:hidden;
		/*兼容谷歌*/
		-webkit-text-overflow:ellipsis;
		-webkit-white-space:nowrap;
		-webkit-overflow:hidden;
		/*兼容火狐*/
		-moz-text-overflow:ellipsis;
		-moz-white-space:nowrap;
		-moz-overflow:hidden;
		/*兼容Opera*/
		-o-text-overflow:ellipsis;
		-o-white-space:nowrap;
		-o-overflow:hidden;
		/*兼容ie*/
		-ms-text-overflow:ellipsis;
		-ms-white-space:nowrap;
		-ms-overflow:hidden;
	}
	#content_VC .box li.last-lite div.jump{
	line-height: 20px;
	padding-top: 0;
	}
	#content_VC .box .jump a{
	padding-top: 5px;	
	}
	#content_VC .lists-box .lite:nth-child(1){
		margin-top: 59px;
	}
	#content_VC .lists-box .lite:nth-child(2){
		margin-left: 6.4%;
		margin-top: 59px;
	}
	#content_VC .lists-box .lite:nth-child(3){
		margin-left: 6.4%;
		margin-top: 59px;
	}
	#content_VC .box li.last-lite{
		padding-top: 13%;
		margin-top: 59px;
		margin-left: 6.4%;
	}
	#content_VC .box li.last-lite div.jump{
		padding-top: 0px;
	}
}
/*媒体查询最大1141到最小1000*/
@media screen and (max-width: 1141px) and (min-width: 1000px){
	 #content_VC .contenta{
	width: 100%;
	padding: 0;
	margin: 0 auto;
	padding-left: 20px;
	}
   #content_VC .box{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	}
	#content_VC .lite p:nth-child(2){
		margin-top: 12px;
	}
	#content_VC .lite p:nth-child(3){
		text-overflow:ellipsis;
		white-space:nowrap;
		overflow:hidden;
		/*兼容谷歌*/
		-webkit-text-overflow:ellipsis;
		-webkit-white-space:nowrap;
		-webkit-overflow:hidden;
		/*兼容火狐*/
		-moz-text-overflow:ellipsis;
		-moz-white-space:nowrap;
		-moz-overflow:hidden;
		/*兼容Opera*/
		-o-text-overflow:ellipsis;
		-o-white-space:nowrap;
		-o-overflow:hidden;
		/*兼容ie*/
		-ms-text-overflow:ellipsis;
		-ms-white-space:nowrap;
		-ms-overflow:hidden;
	}
	#content_VC .box li.last-lite div.jump{
	line-height: 20px;
	}
	#content_VC .box .jump a{
	padding-top: 5px;	
	}
	#content_VC .lists-box .lite:nth-child(1){
		margin-top: 59px;
	}
	#content_VC .lists-box .lite:nth-child(2){
		margin-left: 6.4%;
		margin-top: 59px;
	}
	#content_VC .lists-box .lite:nth-child(3){
		margin-left: 6.4%;
		margin-top: 59px;
	}
	#content_VC .box li.last-lite{
		padding-top: 13%;
		margin-top: 59px;
		margin-left: 6.4%;
	}
	#content_VC .box li.last-lite div.jump{
		padding-top: 0px;
	}
}
/*媒体查询最大999到最小992*/
@media screen and (max-width: 999px) and (min-width: 992px){
	#content_VC{
		width: 100%;
		background: #fff;
	}
	#content_VC .contenta{
		width: 980px;
		padding: 0;
		margin: 0 auto;
	}
	#content_VC .boxa{
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	#content_VC .lite p:nth-child(3){
		text-overflow:ellipsis;
		white-space:nowrap;
		overflow:hidden;
		/*兼容谷歌*/
		-webkit-text-overflow:ellipsis;
		-webkit-white-space:nowrap;
		-webkit-overflow:hidden;
		/*兼容火狐*/
		-moz-text-overflow:ellipsis;
		-moz-white-space:nowrap;
		-moz-overflow:hidden;
		/*兼容Opera*/
		-o-text-overflow:ellipsis;
		-o-white-space:nowrap;
		-o-overflow:hidden;
		/*兼容ie*/
		-ms-text-overflow:ellipsis;
		-ms-white-space:nowrap;
		-ms-overflow:hidden;
	}
	#content_VC .box .lite:nth-child(1){
		margin-left: 100px;
	}
	#content_VC .box .lite:nth-child(4){
		margin-top: 59px;
		margin-left: 99px;
	}
	#content_VC .box .lite:nth-child(1){
		margin-left: 100px;
	}
	#content_VC .lists-box .lite:nth-child(2){
		margin-top: -25.5%
	}
	#content_VC .lists-box .lite:nth-child(3){
		margin-top: -25.5%;
		margin-left:38%;
	}
	#content_VC .lists-box .lite:nth-child(4){
		margin-top: 25px;
		background-color: #fff;
		margin-left: 0;
		padding-top: 11%;
		margin-left: 10.5%;
	}
	#content_VC .box li.last-lite div.jump{
		padding-top: 5px;
	}
/*	#content_VC .lists-box .lite:nth-child(4){
		display: none;
	}*/
}
/*媒体查询最大991到最小561*/
@media screen and (max-width: 991px) and (min-width: 737px){
	#content_VC{
	width: 100%;
	background: #fff;
	padding-top: 0;
	padding-bottom: 15px;
	}
	#content_VC .contenta{
		width: 100%;
		padding: 0;
	}
	#content_VC .boxa{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	}
	#content_VC .lite p:nth-child(3){
		text-overflow:ellipsis;
		white-space:nowrap;
		overflow:hidden;
		/*兼容谷歌*/
		-webkit-text-overflow:ellipsis;
		-webkit-white-space:nowrap;
		-webkit-overflow:hidden;
		/*兼容火狐*/
		-moz-text-overflow:ellipsis;
		-moz-white-space:nowrap;
		-moz-overflow:hidden;
		/*兼容Opera*/
		-o-text-overflow:ellipsis;
		-o-white-space:nowrap;
		-o-overflow:hidden;
		/*兼容ie*/
		-ms-text-overflow:ellipsis;
		-ms-white-space:nowrap;
		-ms-overflow:hidden;
	}
	#content_VC .lite p:nth-child(2){
		margin-top: 15px;
	}
	#content_VC .box{
	margin:0;
	margin-top: 0px;
	padding: 0;
	}
	#content_VC .box .lite:nth-child(2){
		margin: 0;
	}
	#content_VC .box .lite:nth-child(1){
		margin-left: 8%;
		margin-right: 18%;
	}
	#content_VC .box .lite:nth-child(3){
		margin:0;
		margin-top: 25px;
		margin-left: 8%;
		margin-right: 18%;
	}
	#content_VC .box .lite:nth-child(4){
		margin-left: 0;
		margin-top: 25px;
	}
	#content_VC .lists-box .lite:nth-child(4){
		margin-top: 25px;
		background-color: #fff;
		margin-left: 0;
		padding-top: 23%;
	}
	#content_VC .box li.last-lite div.jump{
		padding-top: 5.5%;
	}
	#content_VC .box .lite:nth-child(1){
		margin-left: 8%;
		margin-top: 25px;
		margin-right: 18%;
	}
	#content_VC .box .lite:nth-child(2){
		margin:0;
		margin-top: 25px;
	}
	#content_VC .box .lite:nth-child(3){
		margin-left: 8%;
		margin-top: 25px;
	}
	#content_VC .box .lite:nth-child(5){
		margin-left: 8%;
		margin-top: 25px;
		margin-right: 18%;
	}
	#content_VC .box .lite:nth-child(6){
		margin-left: 0px;
		margin-top: 25px;
	}
	#content_VC .box .lite:nth-child(7){
		margin-left: 8%;
		margin-top: 25px;
	}
	#content_VC .box .lite{width: 33.33333333%;}
}
/*媒体查询最大991到最小561*/
@media screen and (max-width: 736px) and (min-width: 624px){
	#content_VC{
	width: 100%;
	background: #fff;
	padding-top: 0;
	padding-bottom: 15px;
	}
	#content_VC .contenta{
		width: 100%;
		padding: 0;
	}
	#content_VC .boxa{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	}
	#content_VC .lite p:nth-child(3){
		text-overflow:ellipsis;
		white-space:nowrap;
		overflow:hidden;
		/*兼容谷歌*/
		-webkit-text-overflow:ellipsis;
		-webkit-white-space:nowrap;
		-webkit-overflow:hidden;
		/*兼容火狐*/
		-moz-text-overflow:ellipsis;
		-moz-white-space:nowrap;
		-moz-overflow:hidden;
		/*兼容Opera*/
		-o-text-overflow:ellipsis;
		-o-white-space:nowrap;
		-o-overflow:hidden;
		/*兼容ie*/
		-ms-text-overflow:ellipsis;
		-ms-white-space:nowrap;
		-ms-overflow:hidden;
	}
	#content_VC .lite p:nth-child(2){
		margin-top: 15px;
	}
	#content_VC .box{
	margin:0;
	margin-top: 0px;
	padding: 0;
	}
	#content_VC .box .lite:nth-child(2){
		margin: 0;
	}
	#content_VC .box .lite:nth-child(1){
		margin-left: 8%;
		margin-right: 18%;
	}
	#content_VC .box .lite:nth-child(3){
		margin:0;
		margin-top: 25px;
		margin-left: 8%;
		margin-right: 18%;
	}
	#content_VC .box .lite:nth-child(4){
		margin-left: 0;
		margin-top: 25px;
	}
	#content_VC .lists-box .lite:nth-child(4){
		margin-top: 25px;
		background-color: #fff;
		margin-left: 0;
		padding-top: 23%;
	}
	#content_VC .box li.last-lite div.jump{
		padding-top: 6.5%;
	}
	#content_VC .box .lite:nth-child(1){
		margin-left: 8%;
		margin-top: 25px;
		margin-right: 18%;
	}
	#content_VC .box .lite:nth-child(2){
		margin:0;
		margin-top: 25px;
	}
	#content_VC .box .lite:nth-child(3){
		margin-left: 8%;
		margin-top: 25px;
	}
	#content_VC .box .lite:nth-child(5){
		margin-left: 8%;
		margin-top: 25px;
		margin-right: 18%;
	}
	#content_VC .box .lite:nth-child(6){
		margin-left: 0px;
		margin-top: 25px;
	}
	#content_VC .box .lite:nth-child(7){
		margin-left: 8%;
		margin-top: 25px;
	}
	#content_VC .box .lite{width: 33.33333333%;}
}
/*媒体查询最大623到最小561*/
@media screen and (max-width: 623px) and (min-width: 561px){
	#content_VC{
	width: 100%;
	background: #fff;
	padding-top: 0;
	padding-bottom: 15px;
	}
	#content_VC .contenta{
		width: 100%;
		padding: 0;
	}
	#content_VC .boxa{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	}
	#content_VC .lite p:nth-child(3){
		text-overflow:ellipsis;
		white-space:nowrap;
		overflow:hidden;
		/*兼容谷歌*/
		-webkit-text-overflow:ellipsis;
		-webkit-white-space:nowrap;
		-webkit-overflow:hidden;
		/*兼容火狐*/
		-moz-text-overflow:ellipsis;
		-moz-white-space:nowrap;
		-moz-overflow:hidden;
		/*兼容Opera*/
		-o-text-overflow:ellipsis;
		-o-white-space:nowrap;
		-o-overflow:hidden;
		/*兼容ie*/
		-ms-text-overflow:ellipsis;
		-ms-white-space:nowrap;
		-ms-overflow:hidden;
	}
	#content_VC .lite p:nth-child(2){
		margin-top: 15px;
	}
	#content_VC .box{
	margin:0;
	margin-top: 0px;
	padding: 0;
	}
	#content_VC .box .lite:nth-child(2){
		margin: 0;
	}
	#content_VC .box .lite:nth-child(1){
		margin-left: 8%;
		margin-right: 18%;
	}
	#content_VC .box .lite:nth-child(3){
		margin:0;
		margin-top: 25px;
		margin-left: 8%;
		margin-right: 18%;
	}
	#content_VC .box .lite:nth-child(4){
		margin-left: 0;
		margin-top: 25px;
	}
	#content_VC .lists-box .lite:nth-child(4){
		margin-top: 25px;
		background-color: #fff;
		margin-left: 0;
		padding-top: 23%;
	}
	#content_VC .box li.last-lite div.jump{
		padding:4.5% 0;
	}
	#content_VC .box .lite:nth-child(1){
		margin-top: 25px;
	}
	#content_VC .box .lite:nth-child(2){
		margin:0;
		margin-top: 25px;
	}
	#content_VC .box .lite:nth-child(3){
		margin-left: 8%;
		margin-top: 25px;
	}
	#content_VC .box .lite:nth-child(5){
		margin-left: 8%;
		margin-top: 25px;
		margin-right: 18%;
	}
	#content_VC .box .lite:nth-child(6){
		margin-left: 0px;
		margin-top: 25px;
	}
	#content_VC .box .lite:nth-child(7){
		margin-left: 8%;
		margin-top: 25px;
	}
	#content_VC .box li.last-lite div.jump{
		padding-top: 2%;
	}
	#content_VC .box .lite{width: 33.33333333%;}
}
/*媒体查询最大560到最小468*/
@media screen and (max-width: 560px) and (min-width: 469px){
	#content_VC{
	width: 100%;
	background: #fff;
	padding-top: 0;
	padding-bottom: 15px;
	}
	#content_VC .contenta{
		width: 100%;
		padding: 0;
	}
	#content_VC .boxa{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	}
	#content_VC .lite p:nth-child(3){
		text-overflow:ellipsis;
		white-space:nowrap;
		overflow:hidden;
		/*兼容谷歌*/
		-webkit-text-overflow:ellipsis;
		-webkit-white-space:nowrap;
		-webkit-overflow:hidden;
		/*兼容火狐*/
		-moz-text-overflow:ellipsis;
		-moz-white-space:nowrap;
		-moz-overflow:hidden;
		/*兼容Opera*/
		-o-text-overflow:ellipsis;
		-o-white-space:nowrap;
		-o-overflow:hidden;
		/*兼容ie*/
		-ms-text-overflow:ellipsis;
		-ms-white-space:nowrap;
		-ms-overflow:hidden;
	}
	#content_VC .lite p:nth-child(2){
		margin-top: 15px;
	}
	#content_VC .box{
	margin:0;
	margin-top: 0px;
	padding: 0;
	}
	#content_VC .box .lite:nth-child(2){
		margin: 0;
	}
	#content_VC .box .lite:nth-child(1){
		margin-left: 8%;
		margin-right: 18%;
	}
	#content_VC .box .lite:nth-child(3){
		margin:0;
		margin-top: 25px;
		margin-left: 8%;
		margin-right: 18%;
	}
	#content_VC .box .lite:nth-child(4){
		margin-left: 0;
		margin-top: 25px;
	}
	#content_VC .lists-box .lite:nth-child(4){
		margin-top: 25px;
		background-color: #fff;
		margin-left: 0;
		padding-top: 23%;
	}
	#content_VC .box li.last-lite div.jump{
		padding-top: 5px;
	}
	#content_VC .box .lite:nth-child(1){
		margin-left: 8%;
		margin-top: 25px;
		margin-right: 18%;
	}
	#content_VC .box .lite:nth-child(2){
		margin:0;
		margin-top: 25px;
	}
	#content_VC .box .lite:nth-child(3){
		margin-left: 8%;
		margin-top: 25px;
	}
	#content_VC .box .lite:nth-child(5){
		margin-left: 8%;
		margin-top: 25px;
		margin-right: 18%;
	}
	#content_VC .box .lite:nth-child(6){
		margin-left: 0px;
		margin-top: 25px;
	}
	#content_VC .box .lite:nth-child(7){
		margin-left: 8%;
		margin-top: 25px;
	}
	#content_VC .box .lite{width: 33.33333333%;}
}
/*媒体查询最大414到最小320*/
@media screen and (max-width: 468px){
	#content_VC{
	width: 100%;
	background: #fff;
	padding-top: 0;
	padding-bottom: 15px;
	}
	#content_VC .contenta{
		width: 100%;
		padding: 0;
	}
	#content_VC .boxa{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	}
	#content_VC .lite p:nth-child(2) a{
		font-size: 16px;
	}
	#content_VC .lite p:nth-child(3){
		font-size: 12px;
	}
	#content_VC .box{
	margin:0;
	margin-top: 0px;
	padding: 0;
	}
	#content_VC .lite p:nth-child(3){
		text-overflow:ellipsis;
		white-space:nowrap;
		overflow:hidden;
		/*兼容谷歌*/
		-webkit-text-overflow:ellipsis;
		-webkit-white-space:nowrap;
		-webkit-overflow:hidden;
		/*兼容火狐*/
		-moz-text-overflow:ellipsis;
		-moz-white-space:nowrap;
		-moz-overflow:hidden;
		/*兼容Opera*/
		-o-text-overflow:ellipsis;
		-o-white-space:nowrap;
		-o-overflow:hidden;
		/*兼容ie*/
		-ms-text-overflow:ellipsis;
		-ms-white-space:nowrap;
		-ms-overflow:hidden;
	}
	#content_VC .lite p:nth-child(2){
		margin-top: 15px;
	}
	#content_VC .box li.last-lite{
		padding: 0;	
		margin-top: 20px;
	}
	#content_VC .box li.last-lite div.jump{
		padding-top: 3.5%;
	}
	#content_VC .box .lite:nth-child(1){
		margin-top: 25px;
	}
	#content_VC .box .lite{
		width: 90%;
		margin:auto;
		float: none;
	}
}
/*媒体查询最大320*/
@media screen and (max-width: 320px){
	#content_VC{
	width: 100%;
	background: #fff;
	padding-top: 0;
	padding-bottom: 15px;
	}
	#content_VC .contenta{
		width: 100%;
		padding: 0;
	}
	#content_VC .boxa{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	}
	#content_VC .lite p:nth-child(2) a{
		font-size: 16px;
	}
	#content_VC .lite p:nth-child(3){
		font-size: 12px;
	}
	#content_VC .box{
	margin:0;
	margin-top: 0px;
	padding: 0;
	}
	#content_VC .lite p:nth-child(3){
		text-overflow:ellipsis;
		white-space:nowrap;
		overflow:hidden;
		/*兼容谷歌*/
		-webkit-text-overflow:ellipsis;
		-webkit-white-space:nowrap;
		-webkit-overflow:hidden;
		/*兼容火狐*/
		-moz-text-overflow:ellipsis;
		-moz-white-space:nowrap;
		-moz-overflow:hidden;
		/*兼容Opera*/
		-o-text-overflow:ellipsis;
		-o-white-space:nowrap;
		-o-overflow:hidden;
		/*兼容ie*/
		-ms-text-overflow:ellipsis;
		-ms-white-space:nowrap;
		-ms-overflow:hidden;
	}
	#content_VC .lite p:nth-child(2){
		margin-top: 15px;
	}
	#content_VC .box li.last-lite{
		padding: 0;	
		margin-top: 20px;
	}
	#content_VC .box .lite:nth-child(1){
		margin-top: 25px;
	}
	#content_VC .box .lite{
		width: 90%;
		margin:auto;
		float: none;
	}
	#content_VC .box li.last-lite div.jump{
		padding-top: 5.5%;
	}
}
/*媒体查询最大1699到最小1280*/
@media screen and (max-width: 1699px) and (min-width: 1280px){
	#content_VC .lite p:nth-child(3){
		text-overflow:ellipsis;
		white-space:nowrap;
		overflow:hidden;
		/*兼容谷歌*/
		-webkit-text-overflow:ellipsis;
		-webkit-white-space:nowrap;
		-webkit-overflow:hidden;
		/*兼容火狐*/
		-moz-text-overflow:ellipsis;
		-moz-white-space:nowrap;
		-moz-overflow:hidden;
		/*兼容Opera*/
		-o-text-overflow:ellipsis;
		-o-white-space:nowrap;
		-o-overflow:hidden;
		/*兼容ie*/
		-ms-text-overflow:ellipsis;
		-ms-white-space:nowrap;
		-ms-overflow:hidden;
	}
}
/*媒体查询超过1700*/
@media screen and (min-width: 1700px){
	#content_VC .contenta {
		width: 64.8%;
	}
}
@media screen and (min-width: 1920px){
	#content_VC .lite{
		width: 20.2%;
		margin-left: 6.4%;
	}
	#content_VC .box li.last-lite div.jump{
		padding-top: 15px;
	}
	#content_VC .box li.last-lite{
		padding-top: 11.5%;
	}
}
@media screen and (max-width: 1440px) and (min-width: 1280px){
	#content_VC .contenta{
		width: 75.5%; 
	}
}
/**
 *
 * versions attribue END
 */
/**
 *
 * this is versions_two attribue
 */
 .top_bread{
  /* padding-top: 34px; */
}
/*内容盒子*/
#content_vt{
  margin-bottom: 3%;
}
#content_vt .contenta{
  padding: 0;
}
#content_vt .boxa .box #control{
  position: relative;
  width: 950px;
  height: 528px;
}
#content_vt .boxa .box .lite{
  padding:0;
}
#content_vt .boxa .box .lite h2{
  font-size: 26px;
  margin-bottom: 2%;
  margin-top: 3%;
}
#content_vt .row{
  margin: 0;
}
#content_vt .boxa{
  padding: 0;
}
#content_vt .boxb{
  margin:0;
  margin-top: 5%;
}
#content_vt .boxb .lite{
  padding: 0;
}
#content_vt .boxb .litea{
   padding: 0;
 }
#content_vt .boxb .litea li{
 font-size: 18px;
 color: #666666;
  line-height: 30px;
}
#content_vt .boxb .litea img{
  margin-left: 8%;
  margin-top: 44px;
}
#content_vt .boxb .litea li:nth-child(2){
  margin-top: 32px;
  line-height: 30px;
}
#content_vt .boxb .litea li:nth-child(5){
  margin-left: 38%;
  margin-top: 17px;
}
#content_vt h2{
  display: inline-block;
  font-size: 24px;
  font-weight:600;
  color: #6a9fcf;
  margin: 0;
}
#content_vt p{
  display: inline-block;
  font-size: 18px;  
  display:block;
}
#content_vt .liteb{
  padding:0;
  margin-left: 7%;
}
#content_vt .liteb li{
  font-size: 18px;
  color: #666666;
  margin-bottom: 3px;
}
#content_vt .liteb li:nth-child(1){
  margin-top: 30px;
}
/*媒体查询最大1279到1000*/
@media screen and (max-width: 1279px) and (min-width: 1000px) {
  #content_vt .boxa .box #control{
    width: 900px;
    height: 500px;
  }
  #content_vt .boxa .box .lite{
   padding-left: 1%;
  }
  #content_vt .boxb .litea{
    padding: 0;
    padding-left: 15px;
  }
  #content_vt .boxb{
  padding-left:0;
  margin-top: 0px; 
  }
  #content_vt .boxb .litea li:nth-child(2){
    margin-top: 15px;
  }
  #content_vt .liteb li:nth-child(1){
     margin-top: 15px;
  }
  #content_vt .contenta{
    padding: 0 10px;
  }
  #content_vt .boxb .litea img{
    margin-left: 0;
  }
  #content_vt .boxb .litea li:nth-child(5){
    margin-left: 35%;
  }
}
/*媒体查询最大999到751*/
@media screen and (max-width: 999px) and (min-width: 751px){
  #content_vt .boxa .box #control{
    width: 100%;
    height: 500px;
  }
  #content_vt .boxb .litea{
    padding-left:20px;
  }
  #content_vt .boxa .box .lite{
    padding:0;
  }
  #content_vt .boxb .lite{
    margin-top: -4%;
  }
  #content_vt .boxb .litea{
    padding: 0;
    padding-left: 15px;
  }
  #content_vt .boxb .litea li:nth-child(2){
    margin-top: 20px;
  }
  #content_vt .liteb li:nth-child(1){
    margin-top: 20px;
  }
  #content_vt .contenta{
    padding: 0 10px;
  }
  #content_vt .boxb .litea img{
    width:100%;
    margin-left: 0;
  }
  #content_vt .boxb .litea li:nth-child(5){
    margin-left: 35%;
  }
  #content_vt .boxb{
  padding-left:0; 
  }
}
  /*媒体查询最大750到最小320*/
@media screen and (max-width: 750px) and (min-width: 320px){
  #content_vt .boxa .box #control{
    width: 100%;
    height: 300px;
  }
  #content_vt .contenta{
    padding: 0 10px;
  }
  #content_vt .boxa .box .lite{
    padding:0;
  }
  #content_vt .boxa .lite video{
    width:100%;
  }
  #content_vt .boxb .litea li:nth-child(2){
    margin-top: 10px;
  }
  #content_vt .boxb .lite .litea{
    display: block;
    float: left;
    width:100%;
  }
  #content_vt .boxb .litea img{
    margin-left: 11%;
    margin-top: 44px;
  }
  #content_vt .liteb li:nth-child(1){
    margin-top: 10px;
  }
  #content_vt .boxb .lite .liteb{
    display: block;
    float: left;
    margin: 0;
    width:100%;
  }
  #content_vt .liteb li{
    font-size: 18px;
  }
  #content_vt .boxb .litea img{
    margin:0;
    width:100%;
  }
  #content_vt .boxb{
  padding-left:0; 
  }
}
 /*媒体查询最大320*/
@media screen and (max-width: 320px) {
  #content_vt .boxa .lite video{
    width:100%;
    height: 210px;
  }
  #content_vt h2{
    margin-top: -3%;
  }
  #content_vt .boxb .litea li:nth-child(5){
    margin-left: 32%;
  }
  #content_vt .boxb{
  padding-left:0; 
  }
}
/*媒体查询超过1700*/
@media screen and (min-width: 1700px) {
	#content_vt .contenta {
		width: 75.89%;
	}
}

	/**
 *
 * versions_two attribue END
 */
	/**
 *
 * this is hitory attribute
 */
	#content_history {
        width: 100%;
        height: auto;
    }
    #content_history .aos-init{
        position: relative;
    }
    #content_history .time_box {
        padding: 30px 0 30px 0;
    }

    /*  时间轴  */
    #content_history .main-timeline {
        overflow: hidden;
        position: relative;
        padding-left: 102px;
        padding-right: 102px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #content_history .main-timeline .timeline-content .imageBox{
        z-index: 10;
        position: relative;
    }
    /* 中间的竖线 */
    #content_history .main-timeline:before {
        content: "";
        width: 7px;
        height: 100%;
        background: #3283c3;
        /* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #e4eff7, #1898d0, #25a7e1, #ace2f9);
        /* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, top left, right bottom, from(#e4eff7), color-stop(0.25, #1898d0), color-stop(0.5, #1898d0), to(#e4eff7));
        /* Safari 5.1+, Chrome 10+ */
        background: -webkit-linear-gradient(top, #e4eff7, #1898d0, #25a7e1, #e4eff7);
        /* Opera 11.10+ */
        background: -o-linear-gradient(top, #e4eff7, #1898d0, #25a7e1, #e4eff7);
        /*IE */
        background: -webkit-linear-gradient(top, #e4eff7, #1898d0, #25a7e1, #e4eff7);
        background: -o-linear-gradient(top, #e4eff7, #1898d0, #25a7e1, #e4eff7);
        background: -moz-linear-gradient(top, #e4eff7, #1898d0, #25a7e1, #e4eff7);
        background: linear-gradient(to bottom, #e4eff7, #1898d0, #25a7e1, #e4eff7);
        /* IE 9 */
        filter: progid:DXImageTransform.Microsoft.gradient(
                startColorstr='#e4eff7', endColorstr='#4ac0f2', GradientType='0');
        position: absolute;
        top: 0;
        left: 50%;
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border-radius: 3px;
        -ms-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    /*----- 内容框 ----*/
    #content_history .main-timeline .timeline {
        width: 50%;
        position: relative;
    }
    #content_history .main-timeline .timeline:nth-child(2n) {
        float: right;
        padding-left: 70px;
        margin-top: 65px;
    }
    #content_history .main-timeline .timeline:nth-child(2n+1) {
        float: left;
        padding-right: 70px;
        margin-top: 55px;
    }
    #content_history .main-timeline .timeline:nth-child(2) {
        margin-top: 85px;
    }
    #content_history .main-timeline .timeline:nth-child(1) {
        margin-top: 0px;
    }
    /* 圆点 */
    #content_history .main-timeline .timeline:before {
        content: "";
        width: 30px;
        height: 30px;
        border-radius: 50%;
        -ms-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -webkit-border-radius: 50%;
        background: #3283c3;
        border: 6px solid #fff;
        box-shadow: 0 0 6px #3283c3;
        -ms-box-shadow: 0 0 6px #3283c3;
        -moz-box-shadow: 0 0 6px #3283c3;
        -o-box-shadow: 0 0 6px #3283c3;
        -webkit-box-shadow: 0 0 6px #3283c3;
        position: absolute;
        top: 75px;
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    #content_history .main-timeline .timeline:nth-child(2n):before {
        left: -15px;
    }
    #content_history .main-timeline .timeline:nth-child(2n+1):before {
        right: -15px;
    }
    /* 箭头 */
    #content_history .main-timeline .timeline .timeline-content > span {
        display: block;
        width: 30px;
        height: 30px;
        background: #fff;
        transform: rotate(137deg) skew(15deg, 15deg) !important;
        -ms-transform: rotate(137deg) skew(15deg, 15deg) !important;
        -moz-transform: rotate(137deg) skew(15deg, 15deg) !important;
        -o-transform: rotate(137deg) skew(15deg, 15deg) !important;
        -webkit-transform: rotate(137deg) skew(15deg, 15deg) !important;
        position: absolute;
        top: 60px;
        right: -16px;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    #content_history .main-timeline .timeline:nth-child(2n+1) .timeline-content > span {
        border-top: 1px solid #3283c3;
        border-left: 1px solid #3283c3;
    }
    #content_history .main-timeline .timeline:nth-child(2n) .timeline-content > span {
        right: auto;
        left: -16px;
        border-bottom: 1px solid #3283c3;
        border-right: 1px solid #3283c3;
    }
    /* 里面的内容框 */
    #content_history .main-timeline .timeline-content {
        display: block;
        padding: 20px;
        border: 1px solid #3283c3;
        border-radius: 5px;
        -ms-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-border-radius: 5px;
        position: relative;
    }
    #content_history .timeline-content .inner-content > p {
        margin-bottom: 0;   
    }
    /* pc 盒子外边距 */
    @media only screen and (min-width: 1200px) {
        #content_history .main-timeline .timeline {
            margin-top: 65px;
        }
        #content_history .time_box_content{
            width: 85%;
            margin: 0 auto;
        }
    }
    /* 盒子里面的内容样式 */
    #content_history .timeline-content {
        font-size: 16px;
        color: #666;
    }
    #content_history .timeline-content .imageBox > img {
        width: 100%;
        border: 1px solid #3283c3 !important;
        border-radius: 3px;
        -ms-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    #content_history .timeline-content .inner-content > p {
        padding: 18px 0 18px 0;
        line-height: 30px;
    }
    #content_history .timeline-content .inner-content .download > span {
        font-size: 24px;
        color: #999;
    }
    #content_history .timeline-content .download {
        padding: 0 0 10px 0;
    }
    #content_history .timeline-content .inner-content .download > a {
        display: inline-block;
        float: right;
        width: 150px !important;
        height: 40px;
        font-size: 12px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        background: #3283c3;
        /*border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;*/
    }
    /* pc hover */
    @media only screen and (min-width: 769px) {
        #content_history .timeline .timeline-content:hover {
            background: #3283c3;
        }
        #content_history .timeline .timeline-content:hover > span {
            background: #3283c3;
        }
        #content_history .timeline .timeline-content:hover .inner-content > p {
            color: #fff;
        }
        #content_history .timeline .timeline-content:hover .inner-content .download > a {
            background: #fff;
            color: #3283c3;
        }
        #content_history .timeline .timeline-content:hover .inner-content .download > span {
            color: #fff;
        }
        #content_history a:hover {
            text-decoration: none !important;
        }
    }
    @media only screen and (max-width: 768px) {
        #content_history .timeline .timeline-content:hover {
            background: #3283c3;
        }
        #content_history .timeline .timeline-content:hover > span {
            background: #3283c3;
        }
        #content_history .timeline .timeline-content:hover .inner-content > p {
            color: #fff;
        }
        #content_history .timeline .timeline-content:hover .inner-content .download > a {
            background: #fff;
            color: #3283c3;
        }
        #content_history .timeline .timeline-content:hover .inner-content .download > span {
            color: #fff;
        }
        /* 箭头 */
        #content_history .main-timeline .timeline .timeline-content:hover > span {
            border-bottom: 1px solid #3283c3 !important;
            border-right: 1px solid #3283c3 !important;
            border-top: 1px solid #3283c3 !important;
            border-left: 1px solid #3283c3 !important;
        }
        #content_history a:hover {
            text-decoration: none !important;
        }
    }
    /* 时间轴 769~991 屏幕 */
    @media only screen and (max-width: 991px) and (min-width: 800px) {
        /* 圆点 */
        #content_history .main-timeline .timeline:before {
            top: 70px;
        }
        /* 箭头 */
        #content_history .main-timeline .timeline .timeline-content > span {
            width: 18px;
            height: 18px;
            top: 60px;
            right: -10px;
        }
        #content_history .main-timeline .timeline:nth-child(2n) .timeline-content > span {
            left: -10px;
        }
        /*----- 内容框 ----*/
        #content_history .main-timeline .timeline {
            width: 50%;
            position: relative;
        }
        #content_history .main-timeline .timeline:nth-child(2n) {
            padding-left: 50px;
            margin-top: 40px;
        }
        #content_history .main-timeline .timeline:nth-child(2n+1) {
            padding-right: 60px;
            margin-top: 12px;
        }
        #content_history .main-timeline .timeline:nth-child(2) {
            margin-top: 75px;
        }
        #content_history .main-timeline .timeline:nth-child(1) {
            margin-top: 6px;
        }
        /* 里面的内容框 */
        #content_history .main-timeline .timeline-content:nth-child(2n) {
            padding: 12px 15px 15px 16px;
        }
        #content_history .main-timeline .timeline-content:nth-child(2n+1) {
            padding: 12px 16px 15px 15px;
        }
        /* 里面的内容框 */
        #content_history .timeline-content .inner-content > p {
            padding-top: 12px;
            padding-bottom: 10px;
            line-height: 28px;
        }
        #content_history .timeline-content .download {
            padding: 0 0 8px 0;
        }
    }
    /* 时间轴 768 屏幕 */
    @media only screen and (max-width: 800px) {
        /* 中间的竖线 */
        #content_history .main-timeline{
            padding-left: 50px; 
        }
        #content_history .main-timeline:before {
            width: 5px;
            left: 120px;
        }
        /* 圆点 */
        #content_history .main-timeline .timeline:before {
            width: 30px;
            height: 30px;
            top: 71px;
            left: -25px !important;
        }
        /* 箭头 */
        #content_history .main-timeline .timeline .timeline-content > span {
            width: 20px;
            height: 20px;
            left: -10px !important;
            border-bottom: 1px solid #3283c3 !important;
            border-right: 1px solid #3283c3 !important;
            border-top: 1px solid #fff !important;
            border-left: 1px solid #fff !important;
        }
        #content_history .time_box {
            padding: 10px 0 30px 0;
        }
        /* 里面的内容框 */
        #content_history .main-timeline .timeline-content {
            padding: 20px;
        }
        /*----- 内容框 ----*/
        #content_history .main-timeline .timeline {
            width: 80%;
            padding-left: 50px !important;
            padding-right: 0px !important;
            margin-top: 40px !important;
            margin-left: 80px !important;
            float: left !important;
        }
        #content_history .timeline-content .download {
            padding: 0 0 10px 0;
        }
    }
    /* 时间轴 650 屏幕 */
    @media only screen and (max-width: 650px) {
        /* 中间的竖线 */
        #content_history .main-timeline:before {
            left: 110px;
        }
        /* 里面的内容框 */
        #content_history .main-timeline .timeline-content {
            padding: 18px;
        }
        /*----- 内容框 ----*/
        #content_history .main-timeline .timeline {
            width: 80%;
            margin-left: 70px !important;
        }
        #content_history .main-timeline {
            padding-right: 30px;
            margin-left: 0px !important;
        }
        /* 里面的内容框 */
        #content_history .timeline-content .inner-content > p {
            padding-bottom: 12px;
            line-height: 28px;
        }
    }
    /* 时间轴 600 屏幕 */
    @media only screen and (max-width: 600px) {
        /* 中间的竖线 */
        #content_history .main-timeline:before {
            left: 90px;
        }
        /* 里面的内容框 */
        #content_history .main-timeline .timeline-content {
            padding: 18px;
        }
        /*----- 内容框 ----*/
        #content_history .main-timeline .timeline {
            width: 82%;
            margin-left: 50px !important;
        }
        #content_history .timeline-content .inner-content > p {
            padding-bottom: 10px;
        }
        #content_history .main-timeline {
            padding-right: 30px;
        }
    }
    /* 时间轴 550 屏幕 */
    @media only screen and (max-width: 550px) {
        /* 中间的竖线 */
        #content_history .main-timeline:before {
            left: 70px;
        }
        /*----- 内容框 ----*/
        #content_history .main-timeline .timeline {
            width: 86%;
            margin-left: 30px !important;
        }
        #content_history .main-timeline {
            padding-right: 30px;
        }
        #content_history .timeline-content .inner-content > p {
            padding: 12px 0 12px 0;
            line-height: 26px;
        }
    }
    /* 时间轴 480 屏幕 */
    @media only screen and (max-width: 480px) {
        #content_history .time_box {
            padding: 0px 0 30px 0 !important;
        }
        #content_history .main-timeline {
            width: 100%;
        }
        /* 中间的竖线 */
        #content_history .main-timeline:before {
            left: 50px;
        }
        #content_history .main-timeline .timeline {
            margin-top: 20px !important;
            margin-left: 0px !important;
        }
        #content_history .main-timeline {
            padding-right: 40px;
        }
        /* 箭头 */
        #content_history .main-timeline .timeline .timeline-content > span {
            width: 18px;
            height: 18px;
            left: -10px !important;
        }
        /* 圆点 */
        #content_history .main-timeline .timeline:before {
            left: -16px !important;
        }
        /*----- 内容框 ----*/
        #content_history .main-timeline .timeline {
            width: 100%;
            margin-left: 0px;
        }
        /* 里面的内容框 */
        #content_history .main-timeline .timeline-content {
            padding: 15px;
        }
        #content_history .timeline-content .inner-content > p {
            padding-bottom: 4px;
        }
        #content_history .timeline-content .download {
            padding: 0 0 6px 0;
        }
    }
    /* 时间轴 410 屏幕 */
    @media only screen and (max-width: 410px) {
        #content_history .time_box {
            padding: 0px 0 30px 0;
        }
        #content_history .main-timeline {
            padding-right: 40px;
        }
        /* 中间的竖线 */
        #content_history .main-timeline:before {
            left: 50px;
        }
        /* 圆点 */
        #content_history .main-timeline .timeline:before {
            left: -16px !important;
            top: 70px;
        }
        /*----- 内容框 ----*/
        #content_history .main-timeline .timeline {
            width: 100%;
            margin-left: 0px;
        }
        /* 里面的内容框 */
        #content_history .timeline-content .inner-content > p {
            padding-bottom: 4px;
        }
        /* 里面的内容框 */
        #content_history .main-timeline .timeline-content {
            padding: 10px 14px 14px 14px;
        }
        /*----- 内容框 ----*/
        #content_history .main-timeline .timeline {
            padding-left: 38px !important;
        }
        /* 字体 */
        /* 盒子里面的内容样式 */
        #content_history .timeline-content {
            font-size: 14px;
            color: #666;
        }
        #content_history .timeline-content .inner-content > p {
            padding: 12px 0 12px 0;
            line-height: 24px;
        }
        #content_history .timeline-content .inner-content .download > span {
            font-size: 20px;
        }
        #content_history .timeline-content .inner-content .download > a {
            height: 30px;
            line-height: 30px;
            vertical-align: middle;
        }
    }
    @media only screen and (max-width: 380px) {
        #content_history .main-timeline {
            padding-right: 30px;
        }
        /* 中间的竖线 */
        #content_history .main-timeline:before {
            left: 36px;
        }
        /* 箭头 */
        #content_history .main-timeline .timeline .timeline-content > span {
            width: 13px;
            height: 13px;
            left: -8px !important;
        }
        /* 圆点 */
        #content_history .main-timeline .timeline:before {
            width: 24px;
            height: 24px;
            left: -27px !important;
            top: 68px;
        }
        /* 里面的内容框 */
        #content_history .main-timeline .timeline-content {
            padding: 6px 10px 10px 10px;
        }
        /* 里面的内容框 */
        #content_history .timeline-content .inner-content > p {
            padding-bottom: 1px;
        }
        /*----- 内容框 ----*/
        #content_history .main-timeline .timeline {
            padding-left: 14px !important;
        }
    }
	/**
 *
 * hitory attribute END
 */
	/**
 *
 * this is student_verison attribute
 */
#content_st {
		width: 100%;
		height: auto;
		margin-bottom: 50px;
	}
	#content_st h3 {
		font-weight: 500;
	}
	#content_st .content_bjimg {
		position: relative;
		width: 100%;
		-webkit-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-perspective: 800px;
		-moz-perspective: 800px;
		-ms-perspective: 800px;
		-o-perspective: 800px;
		perspective: 800px;
	}
	#content_st .content_bjimg img {
		width: 100%;
		-webkit-transform: translateZ(-2px);
		-ms-transform: translateZ(-2px);
		-o-transform: translateZ(-2px);
		transform: translateZ(-2px);
		-webkit-box-shadow: 0 2px 3px #bbb;
		-ms-box-shadow: 0 1px 3px #bbb;
		-o-box-shadow: 0 1px 3px #bbb;
		-moz-box-shadow: 0 2px 3px #bbb;
		box-shadow: 0 2px 3px #bbb;
	}
	#content_st .content_bjimg .form input[type=button] {
		background-color: #fff;
	}
	#content_st .content_bjimg img:nth-of-type(2) {
		display: none;
	}
	#content_st .content_bjimg .titl {
		width: 75%;
		float: left;
		font-size: 26px;
		margin-top: -570px;
		margin-left: 13%;
		color: #007fba;
		line-height: 60px !important;
		position: absolute;
		top: 20px;
		left: 12%;
		z-index: 1;
		margin: 0 !important;
	}
	#content_st .content_bjimg .form{
			padding-top: 20px;
			padding-bottom: 25px;
			-webkit-border-radius: 5px!important;
			-moz-border-radius: 5px!important;
			-ms-border-radius: 5px!important;
			-o-border-radius: 5px!important;
			border-radius: 5px!important;
		}
		#content_st .content_bjimg .form .bg{
			-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				-ms-border-radius: 5px;
				-o-border-radius: 5px;
				border-radius: 5px;	
		}
		#content_st .content_bjimg .form div:nth-of-type(1),
		#content_st .content_bjimg .form div:nth-of-type(2){
			margin-top: 0!important;
		}
	@media only screen and (max-width: 750px) {
		#content_st .content_bjimg .titl {
			top: 0;
			font-size: 13px;
		}
	}
	#content_st .content_bjimg .form article.bg {
		position: absolute;
		top: 0;
		left: 0;
		background-color: #1a6eaf;
		width: 100%;
		height: 100%;
		z-index: -1;
	}
	#content_st .content_bjimg .form {
		width: 500px !important;
		float: right !important;
		border: none!important;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		margin-top: -560px !important;
		margin-right: 12% !important;
		background: #3283c3;
		-webkit-transform: translateZ(1px);
		-ms-transform: translateZ(1px);
		-o-transform: translateZ(1px);
		transform: translateZ(1px);
		position: relative;
	}
	#content_st .content_bjimg .form select option {
		width: 100%;
	}
	#content_st .content_bjimg .form div {
		position: relative;
		margin-top: 20px;
	}
	#content_st .content_bjimg .form .le {
		width: 45%;
		float: left;
	}
	#content_st .content_bjimg .form .ri {
		width: 45%;
		float: right;
	}
	#content_st .content_bjimg .form span {
		position: absolute;
		top: 5px;
		left: 15px;
		color: #9a0004;
		background-color: rgba(255, 255, 255,1);
		display: none;
		-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .4);
		box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .4);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		padding: 5px;
	}
	#content_st .content_bjimg .form div span:before {
		content: '';
		display: block;
		border: 8px solid transparent;
		border-right-color: rgba(0, 0, 0, .15);
		position: absolute;
		left: -16px;
		top: 8px;
	}
	#content_st .content_bjimg .form form {
		padding-left: 30px;
		padding-right: 30px;
	}
	#content_st .content_bjimg .form p {
		font-size: 16px;
		color: #fff;
		display: inline;
		line-height: 30px;
	}
	#content_st .content_bjimg .form div p b {
		font-size: 12px;
		color: red;
	}
	#content_st .content_bjimg .form div span {
		font-size: 12px;
	}
	#content_st .content_bjimg .form select {
		width: 100% !important;
		border: none;
		padding-left: 20px;
		border-radius: 3px;
		font-size: 16px;
		color: #585858;
		height: 40px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		background-image: url('../../../images/zw3d/cssimage/extra/sj.png');
		background-position: right center;
		background-position-x: 98%;
		background-repeat: no-repeat;
		/*background-position: right:10px;*/
	}
	#content_st .content_bjimg .form .long {
		width: 100%;
		/*background-color: #fff;*/
		float: left;
	}
	#content_st .content_bjimg .form input {
		width: 100%;
		border-radius: 3px;
		font-size: 16px;
		color: #3283c3;
		height: 40px;
		padding-bottom: 0 !important;
		padding-left: 8px !important;
		padding-right: 8px;
		line-height: 25px;
		padding: 0 8px;
		float: left;
	}
	#content_st .content_con div:nth-of-type(1) {
		margin-top: 55px;
	}
	#content_st .content_con div:nth-last-of-type(1) {
		margin-top: 31px;
	}
	@media screen and (max-width: 750px) {
		#content_st .content_con div:nth-last-of-type(1) {
			margin-top: 20px;
		}
		#content_st .content_con div:nth-of-type(1) {
			margin-top: 30px;
		}
		#content_st .content_con div {
			margin-top: 25px;
			/*margin: 0 auto;*/
		}
	}
	#content_st .content_con div {
		margin-top: 40px;
		/*margin: 0 auto;*/
	}
	#content_st .content_con div ul li {
		font-size: 16px;
		color: #999;
		line-height: 30px;
	}
	/*平板*/
	/*内容响应式*/
	@media screen and (max-width: 1300px) and (min-width: 1190px) {
		#content_st .content_bjimg .titl {
			width: 75% !important;
			height: 80px;
			font-size: 18px;
			color: #3283c3;
			margin-top: -30%;
			line-height: 40px !important;
			/*margin:0px auto;*/
		}
		#content_st .content_bjimg {
			width: 100%;
		}
		#content_st .content_bjimg .form {
			width: 400px !important;
			/*height: 320px;*/
			float: right;
			margin-top: -31.5% !important;
			margin-right: 2% !important;
			background: #3283c3;
			padding-top: 15px;
			padding-bottom: 20px;
		}
		#content_st .content_bjimg .form div {
			margin-top: 13px !important;
		}
		#content_st .content_bjimg .form p {
			font-size: 12px;
			color: #fff;
		}
		#content_st .content_bjimg .form p span {
			color: red;
		}
		#content_st .content_bjimg .form select {
			width: 150px;
			border-radius: 3px;
			font-size: 16px;
			color: #585858;
			height: 25px;
		}
		#content_st .content_bjimg .form .long {
			width: 100%;
		}
		#content_st .content_bjimg .form input {
			width: 100%;
			border-radius: 3px;
			font-size: 12px;
			color: #3283c3;
			padding-bottom: 10px;
			padding-left: 2px;
			height: 25px !important;
		}
		#content_st .content_con {
			margin-top: 50px;
		}
		#content_st .content_bjimg .form p{
			line-height: 24px;
		}
	}
	@media screen and (max-width: 1444px) and (min-width: 1367px) {
		#content_st .content_bjimg .titl {
			width: 75% !important;
			height: 80px;
			font-size: 18px;
			color: #3283c3;
			margin-top: -30%;
			line-height: 40px !important;
			/*margin:0px auto;*/
		}
		#content_st .content_bjimg {
			width: 100%;
		}
		#content_st .content_bjimg .form {
			width: 400px !important;
			/*height: 320px;*/
			float: right;
			margin-top: -420px !important;
			margin-right: 7.5% !important;
			/*margin-left: 25%;*/
			background: #3283c3;
		}
		#content_st .content_bjimg .form p{
			line-height: 24px;
		}
		#content_st .content_bjimg .form div {
			margin-top: 20px !important;
		}
		#content_st .content_bjimg .form p {
			font-size: 12px;
			color: #fff;
		}
		#content_st .content_bjimg .form p span {
			color: red;
		}
		#content_st .content_bjimg .form select {
			width: 150px;
			border-radius: 3px;
			font-size: 16px;
			color: #585858;
			height: 25px;
		}
		#content_st .content_bjimg .form .long {
			width: 100%;
		}
		#content_st .content_bjimg .form input {
			width: 100%;
			border-radius: 3px;
			font-size: 12px;
			color: #3283c3;
			padding-bottom: 10px;
			padding-left: 2px;
			height: 25px !important;
		}
		#content_st .content_con {
			margin-top: 50px;
		}
	}
	@media screen and (max-width: 1366px) and (min-width: 1300px) {
		#content_st .content_bjimg .titl {
			width: 75%;
			height: 80px;
			font-size: 16px;
			color: #3283c3;
			margin-top: -31%;
			line-height: 50px !important;
		}
		#content_st .content_bjimg .form {
			width: 400px !important;
			float: right;
			margin-top: -400px !important;
			margin-right: 5% !important;
			background: #3283c3;
		}
		#content_st .content_bjimg .form div {
			margin-top: 8px;
		}
		#content_st .content_bjimg .form p {
			font-size: 12px;
			color: #fff;
		}
		#content_st .content_bjimg .form p span {
			color: red;
		}
		#content_st .content_bjimg .form select {
			width: 150px;
			border-radius: 3px;
			font-size: 16px;
			color: #585858;
			height: 25px;
		}
		#content_st .content_bjimg .form .long {
			width: 100%;
		}
		#content_st .content_bjimg .form input {
			width: 100%;
			border-radius: 3px;
			font-size: 12px;
			color: #3283c3;
			padding-bottom: 10px;
			padding-left: 2px;
			height: 25px !important;
		}
		#content_st .content_con {
			margin-top: 80px;
		}
		#content_st .content_con div {
			margin-top: 30px;
		}
		#content_st .content_con div h3 {
			font-size: 18px;
		}
		#content_st .content_con div ul li {
			font-size: 12px;
			color: #999;
		}
		#content_st .content_con div .faq {
			color: #3283c3;
		}
	}
	@media screen and (max-width: 1190px) and (min-width: 1024px) {
		#content_st .content_bjimg .titl {
			width: 75%;
			height: 80px;
			font-size: 16px;
			color: #3283c3;
			margin-top: -31%;
			line-height: 40px !important;
		}
		#content_st .content_bjimg .form {
			width: 350px !important;
			float: right;
			margin-top: -31.5% !important;
			margin-right: 2% !important;
			background: #3283c3;
			padding-bottom: 5px;
			padding-top: 0px;
		}
		#content_st .content_bjimg .form div{
			margin-top: 0px;
		}
		#content_st .content_bjimg .form div {
			margin-top: 8px;
		}
		#content_st .content_bjimg .form p {
			font-size: 12px;
			color: #fff;
		}
		#content_st .content_bjimg .form p span {
			color: red;
		}
		#content_st .content_bjimg .form select {
			width: 100%;
			border-radius: 3px;
			font-size: 12px;
			color: #585858;
			height: 25px;
		}
		#content_st .content_bjimg .form .long {
			width: 100%;
		}
		#content_st .content_bjimg .form input {
			width: 100%;
			border-radius: 3px;
			font-size: 12px;
			color: #3283c3;
			padding-bottom: 5px;
			padding-left: 2px;
			height: 25px !important;
		}
		#content_st .content_con {
			padding-left: 10px;
			margin-top: 50px;
		}
		#content_st .content_con div {
			margin-top: 30px;
		}
		#content_st .content_con div h3 {
			font-size: 16px !important;
			font-weight: normal !important;
		}
		#content_st .content_con div ul li {
			font-size: 12px;
			color: #999;
		}
		#content_st .content_con div .faq {
			color: #3283c3;
		}
		#content_st .content_bjimg .form p{
			line-height: 24px;
		}
	}
	@media screen and (max-width: 1024px) and (min-width: 960px) {
		#content_st .content_bjimg .titl {
			width: 75%;
			height: 80px;
			font-size: 16px;
			color: #3283c3;
			margin-top: -31%;
			line-height: 40px !important;
			margin-left: 200px;
		}
		#content_st .content_bjimg .form {
			width: 600px !important;
			margin-top: 20px !important;
			background: #3283c3;
			float: none !important;
			margin: 20px auto !important;
		}
		#content_st .content_bjimg .form div {
			margin-top: 15px;
		}
		#content_st .content_bjimg .form p {
			font-size: 12px;
			color: #fff;
		}
		#content_st .content_bjimg .form p span {
			color: red;
		}
		#content_st .content_bjimg .form select {
			width: 100%;
			border-radius: 3px;
			font-size: 12px;
			color: #585858;
			height: 40px;
		}
		#content_st .content_bjimg .form .long {
			width: 100%;
		}
		#content_st .content_bjimg .form input {
			width: 100%;
			border-radius: 3px;
			font-size: 12px;
			color: #3283c3;
			padding-bottom: 5px;
			padding-left: 2px;
			height: 40px !important;
		}
		#content_st .content_con {
			padding-left: 10px;
			margin-top: 40px;
		}
		#content_st .content_con div {
			margin-top: 30px;
		}
		#content_st .content_con div h3 {
			font-size: 16px !important;
			font-weight: normal !important;
		}
		#content_st .content_con div ul li {
			font-size: 12px;
			color: #999;
		}
		#content_st .content_con div .faq {
			color: #3283c3;
		}
	}
	@media screen and (max-width: 960px) and (min-width: 800px) {
		#content_st .content_bjimg .titl {
			width: 75%;
			height: 80px;
			font-size: 16px;
			color: #3283c3;
			margin-top: -31%;
			line-height: 30px !important;
			margin-left: 130px;
		}
		#content_st .content_bjimg .form {
			width: 450px !important;
			margin-top: 20px !important;
			margin-right: 30% !important;
			background: #3283c3;
		}
		#content_st .content_bjimg .form div {
			margin-top: 15px;
		}
		#content_st .content_bjimg .form p {
			font-size: 12px;
			color: #fff;
		}
		#content_st .content_bjimg .form p span {
			color: red;
		}
		#content_st .content_bjimg .form select {
			width: 100%;
			border-radius: 3px;
			font-size: 12px;
			color: #585858;
			height: 25px;
		}
		#content_st .content_bjimg .form .long {
			width: 100%;
		}
		#content_st .content_bjimg .form input {
			width: 100%;
			border-radius: 3px;
			font-size: 12px;
			color: #3283c3;
			padding-bottom: 5px;
			padding-left: 2px;
			height: 25px !important;
		}
		#content_st .content_con {
			padding-left: 10px;
			margin-top: 40px;
		}
		#content_st .content_con div {
			margin-top: 30px;
		}
		#content_st .content_con div h3 {
			font-size: 16px !important;
			font-weight: normal !important;
		}
		#content_st .content_con div ul li {
			font-size: 12px;
			color: #999;
		}
		#content_st .content_con div .faq {
			color: #3283c3;
		}
	}
	/*手机*/
	@media screen and (max-width: 600px) and (min-width: 480px) {
		#content_st {
			margin-bottom: 30px;
		}
		#content_st .content_bjimg .titl {
			width: 75%;
			height: 80px;
			font-size: 14px;
			color: #3283c3;
			margin-top: -40%;
			line-height: 30px !important;
			margin-left: 90px;
		}
		#content_st .content_bjimg .form {
			width: 350px !important;
			margin-top: 20px !important;
			margin-right: 18% !important;
			background: #3283c3;
		}
		#content_st .content_bjimg .form div {
			margin-top: 15px;
		}
		#content_st .content_bjimg .form p {
			font-size: 12px;
			color: #fff;
		}
		#content_st .content_bjimg .form p span {
			color: red;
		}
		#content_st .content_bjimg .form select {
			width: 100%;
			border-radius: 3px;
			font-size: 12px;
			color: #585858;
			height: 25px;
		}
		#content_st .content_bjimg .form .long {
			width: 100%;
		}
		#content_st .content_bjimg .form input {
			width: 100%;
			border-radius: 3px;
			font-size: 12px;
			color: #3283c3;
			padding-bottom: 5px;
			padding-left: 2px;
			height: 25px !important;
		}
		#content_st .content_con {
			padding-left: 10px;
			margin-top: 40px;
		}
		#content_st .content_con div {
			margin-top: 30px;
		}
		#content_st .content_con div h3 {
			font-size: 16px !important;
			font-weight: normal !important;
		}
		#content_st .content_con div ul li {
			font-size: 12px;
			color: #999;
		}
		#content_st .content_con div .faq {
			color: #3283c3;
		}
		#content_st .content_bjimg {
			width: 100%;
		}
		#content_st .content_bjimg img:nth-of-type(1) {
			display: none;
		}
		#content_st .content_bjimg img:nth-of-type(2) {
			display: block;
		}
	}
	@media screen and (max-width: 1024px){
		#content_st .content_bjimg .form article.bg{
			display: none;
			/*background-color: transparent!important;*/
		}
		#content_st .content_bjimg{
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform: none;
			-o-transform: none;
			transform: none;
			-webkit-transform-style: initial;
			-moz-transform-style: initial;
			-ms-transform-style: initial;
			transform-style: initial;
			-webkit-perspective: initial;
			-moz-perspective: initial;
			-ms-perspective: initial;
			perspective: initial;
		}
		/*#content_st .content_bjimg .form div{*/
			/*!*position: initial;*!*/
		/*}*/
		#content_st .content_bjimg .form input{
			position: initial;
			-webkit-border-radius: initial!important;
			-moz-border-radius: initial!important;
			border-radius: initial!important;
		}
		#content_st .content_bjimg .form{
			/*background: transparent!important;*/
			-webkit-transform: translateX(0px);
			-moz-transform: translateX(0px);
			-ms-transform: translateX(0px);
			-o-transform: translateX(0px);
			transform: translateX(0px);
			position: initial;
		}
	}
	@media screen and (max-width: 479px) {
		#content_st {
			margin-bottom: 30px;
		}
		#content_st .content_bjimg .titl {
			width: 77%;
			height: 80px;
			font-size: 12px;
			color: #3283c3;
			margin-top: -40%;
			line-height: 20px !important;
			margin-left: 50px;
		}
		#content_st .content_bjimg .form {
			width: 340px !important;
			background: #3283c3;
			float: none !important;
			margin: 20px auto !important;
		}
		#content_st .content_bjimg .form div {
			margin-top: 15px;
		}
		#content_st .content_bjimg .form p {
			font-size: 12px;
			color: #fff;
		}
		#content_st .content_bjimg .form p span {
			color: red;
		}
		#content_st .content_bjimg .form select {
			width: 100%;
			border-radius: 3px;
			font-size: 12px;
			color: #585858;
			height: 25px;
		}
		#content_st .content_bjimg .form .long {
			width: 100%;
		}
		#content_st .content_bjimg .form input {
			width: 100%;
			border-radius: 3px;
			font-size: 12px;
			color: #3283c3;
			padding-bottom: 5px;
			padding-left: 2px;
			height: 25px !important;
		}
		#content_st .content_con {
			padding-left: 10px;
			margin-top: 20px;
		}
		#content_st .content_con div {
			margin-top: 20px;
		}
		#content_st .content_con div h3 {
			font-size: 16px !important;
			font-weight: normal !important;
		}
		#content_st .content_con div ul li {
			font-size: 12px;
			color: #999;
		}
		#content_st .content_con div .faq {
			color: #3283c3;
		}
		#content_st .content_bjimg {
			width: 100%;
		}
		#content_st .content_bjimg img:nth-of-type(1) {
			display: none;
		}
		#content_st .content_bjimg img:nth-of-type(2) {
			display: block;
		}
	}
	@media screen and (max-width: 800px) and (min-width: 750px) {
		#content_st {
			margin-bottom: 30px;
		}
		#content_st .content_bjimg .titl {
			width: 75%;
			height: 80px;
			font-size: 16px;
			color: #3283c3;
			margin-top: -31%;
			line-height: 30px !important;
			margin-left: 130px;
		}
		#content_st .content_bjimg .form {
			width: 595px !important;
			float: none !important;
			margin: 20px auto !important;
			background: #3283c3;
		}
		#content_st .content_bjimg .form div {
			margin-top: 15px;
		}
		#content_st .content_bjimg .form p {
			font-size: 12px;
			color: #fff;
		}
		#content_st .content_bjimg .form p span {
			color: red;
		}
		#content_st .content_bjimg .form select {
			width: 100%;
			border-radius: 3px;
			font-size: 12px;
			color: #585858;
			height: 30px;
		}
		#content_st .content_bjimg .form .long {
			width: 100%;
		}
		#content_st .content_bjimg .form input {
			width: 100%;
			border-radius: 3px;
			font-size: 12px;
			color: #3283c3;
			padding-bottom: 5px;
			padding-left: 2px;
			height: 30px !important;
		}
		#content_st .content_con {
			padding-left: 10px;
			margin-top: 40px;
		}
		#content_st .content_con div {
			margin-top: 20px;
		}
		#content_st .content_con div h3 {
			font-size: 16px !important;
			font-weight: normal !important;
		}
		#content_st .content_con div ul li {
			font-size: 12px;
			color: #999;
		}
		#content_st .content_con div .faq {
			color: #3283c3;
		}
	}
	@media screen and (max-width: 749px) and (min-width: 601px) {
		#content_st {
			margin-bottom: 30px;
		}
		#content_st .content_bjimg .titl {
			width: 75%;
			height: 80px;
			font-size: 16px;
			color: #3283c3;
			margin-top: -31%;
			line-height: 30px !important;
			margin-left: 130px;
		}
		#content_st .content_bjimg .form {
			width: 450px !important;
			margin-top: 20px !important;
			margin-right: 15% !important;
			background: #3283c3;
		}
		#content_st .content_bjimg .form div {
			margin-top: 15px;
		}
		#content_st .content_bjimg .form p {
			font-size: 12px;
			color: #fff;
		}
		#content_st .content_bjimg .form p span {
			color: red;
		}
		#content_st .content_bjimg .form select {
			width: 100%;
			border-radius: 3px;
			font-size: 12px;
			color: #585858;
			height: 30px;
		}
		#content_st .content_bjimg .form .long {
			width: 100%;
		}
		#content_st .content_bjimg .form input {
			width: 100%;
			border-radius: 3px;
			font-size: 12px;
			color: #3283c3;
			padding-bottom: 5px;
			padding-left: 2px;
			height: 30px !important;
		}
		#content_st .content_con {
			padding-left: 10px;
			margin-top: 40px;
		}
		#content_st .content_con div {
			margin-top: 20px;
		}
		#content_st .content_con div h3 {
			font-size: 16px !important;
			font-weight: normal !important;
		}
		#content_st .content_con div ul li {
			font-size: 12px;
			color: #999;
		}
		#content_st .content_con div .faq {
			color: #3283c3;
		}
	}
	/*电脑*/
	@media screen and (max-width: 1599px) and (min-width: 1445px) {
		#content_st .content_bjimg .titl {
			width: 75%;
			float: left;
			font-size: 20px;
			margin-top: -470px;
			margin-left: 13%;
			color: #3283c3;
			line-height: 60px !important;
		}
		#content_st .content_bjimg .form {
			width: 470px !important;
			float: right !important;
			border: 1px solid #fff;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-ms-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
			margin-top: -31.5% !important;
			margin-right: 10.5% !important;
			background: #3283c3;
			-webkit-transform: translateZ(1px);
			-ms-transform: translateZ(1px);
			-o-transform: translateZ(1px);
			transform: translateZ(1px);
		}
		#content_st .content_bjimg .form select option {
			width: 100%;
		}
		#content_st .content_bjimg .form div {
			position: relative;
			margin-top: 15px;
		}
		#content_st .content_bjimg .form .le {
			width: 45%;
			float: left;
		}
		#content_st .content_bjimg .form .ri {
			width: 45%;
			float: right;
		}
		#content_st .content_bjimg .form span {
			position: absolute;
			top: 5px;
			left: 15px;
			color: #ac0000;
			background-color: rgba(255, 255, 255, 1);
			display: none;
			-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .4);
			box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .4);
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			-o-border-radius: 5px;
			border-radius: 5px;
			padding: 5px;
		}
		#content_st .content_bjimg .form div span:before {
			content: '';
			display: block;
			border: 8px solid transparent;
			border-right-color: rgba(0, 0, 0, .15);
			position: absolute;
			left: -16px;
			top: 8px;
		}
		#content_st .content_bjimg .form form {
			padding-left: 30px;
			padding-right: 30px;
		}
		#content_st .content_bjimg .form p {
			font-size: 16px;
			color: #fff;
			display: inline;
		}
		#content_st .content_bjimg .form p span {
			font-size: 12px;
			color: red;
		}
		#content_st .content_bjimg .form div span {
			font-size: 12px;
		}
		#content_st .content_bjimg .form select {
			width: 100% !important;
			border: none;
			border-radius: 3px;
			font-size: 16px;
			color: #585858;
			height: 30px;
			appearance: none;
			-moz-appearance: none;
			-webkit-appearance: none;
			background-image: url('../../../images/zw3d/cssimage/extra/sj.png');
			background-position: right center;
			background-position-x: 98%;
			background-repeat: no-repeat;
		}
		#content_st .content_bjimg .form .long {
			width: 100%;
			float: left;
		}
		#content_st .content_bjimg .form input {
			width: 100%;
			border-radius: 3px;
			font-size: 16px;
			color: #3283c3;
			height: 30px;
			padding-bottom: 0 !important;
			padding-left: 8px !important;
			padding-right: 8px;
			line-height: 25px;
			padding: 0 8px;
			float: left;
		}
		#content_st .content_con div {
			margin-top: 20px;
		}
		#content_st .content_con div ul li {
			font-size: 16px;
			color: #999;
		}
		#content_st .content_con div .faq {
			color: #3283c3;
		}
	}
	@media screen and (max-width: 1700px) and (min-width: 1600px) {
		#content_st .content_bjimg .titl {
			width: 75%;
			float: left;
			font-size: 20px;
			margin-top: -510px;
			margin-left: 13%;
			color: #3283c3;
			line-height: 40px !important;
		}
		#content_st .content_bjimg .form {
			width: 500px !important;
			float: right !important;
			border: 1px solid #fff;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-ms-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
			margin-top: -490px !important;
			margin-right: 13% !important;
			background: #3283c3;
			-webkit-transform: translateZ(1px);
			-ms-transform: translateZ(1px);
			-o-transform: translateZ(1px);
			transform: translateZ(1px);
		}
		#content_st .content_bjimg .form select option {
			width: 100%;
		}
		#content_st .content_bjimg .form div {
			position: relative;
			margin-top: 20px;
		}
		#content_st .content_bjimg .form .le {
			width: 45%;
			float: left;
		}
		#content_st .content_bjimg .form .ri {
			width: 45%;
			float: right;
		}
		#content_st .content_bjimg .form span {
			position: absolute;
			top: 5px;
			left: 15px;
			color: #ac0000;
			background-color: rgba(255, 255, 255,1);
			display: none;
			-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .4);
			box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .4);
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			-o-border-radius: 5px;
			border-radius: 5px;
			padding: 5px;
		}
		#content_st .content_bjimg .form div span:before {
			content: '';
			display: block;
			border: 8px solid transparent;
			border-right-color: rgba(0, 0, 0, .15);
			position: absolute;
			left: -16px;
			top: 8px;
		}
		#content_st .content_bjimg .form form {
			padding-left: 30px;
			padding-right: 30px;
		}
		#content_st .content_bjimg .form p {
			font-size: 16px;
			color: #fff;
			display: inline;
		}
		#content_st .content_bjimg .form p span {
			font-size: 12px;
			color: red;
		}
		#content_st .content_bjimg .form div span {
			font-size: 12px;
		}
		#content_st .content_bjimg .form select {
			width: 100% !important;
			border: none;
			border-radius: 3px;
			font-size: 16px;
			color: #585858;
			height: 30px;
			appearance: none;
			-moz-appearance: none;
			-webkit-appearance: none;
			background-image: url('../../../images/zw3d/cssimage/extra/sj.png');
			background-position: right center;
			background-position-x: 98%;
			background-repeat: no-repeat;
		}
		#content_st .content_bjimg .form .long {
			width: 100%;
			float: left;
		}
		#content_st .content_bjimg .form input {
			width: 100%;
			border-radius: 3px;
			font-size: 16px;
			color: #3283c3;
			height: 30px;
			padding-bottom: 0 !important;
			padding-left: 8px !important;
			padding-right: 8px;
			line-height: 25px;
			padding: 0 8px;
			float: left;
		}
		#content_st .content_con div {
			margin-top: 40px;
		}
		#content_st .content_con div ul li {
			font-size: 16px;
			color: #999;
			line-height: 36px;
		}
	}
	@media screen and (max-width: 1800px) and (min-width: 1701px) {
		#content_st .content_bjimg .titl {
			width: 75%;
			float: left;
			font-size: 20px;
			margin-top: -550px;
			margin-left: 13%;
			color: #3283c3;
			line-height: 60px !important;
		}
		#content_st .content_bjimg .form {
			width: 500px !important;
			float: right !important;
			border: 1px solid #fff;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-ms-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
			margin-top: -486px !important;
			margin-right: 12% !important;
			background: #3283c3;
			-webkit-transform: translateZ(1px);
			-ms-transform: translateZ(1px);
			-o-transform: translateZ(1px);
			transform: translateZ(1px);
		}
		#content_st .content_bjimg .form select option {
			width: 100%;
		}
		#content_st .content_bjimg .form div {
			position: relative;
			margin-top: 20px;
		}
		#content_st .content_bjimg .form .le {
			width: 45%;
			float: left;
		}
		#content_st .content_bjimg .form .ri {
			width: 45%;
			float: right;
		}
		#content_st .content_bjimg .form span {
			position: absolute;
			top: 5px;
			left: 15px;
			color: #ac0000;
			background-color: rgba(255, 255, 255, 1);
			display: none;
			-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .4);
			box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .4);
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			-o-border-radius: 5px;
			border-radius: 5px;
			padding: 5px;
		}
		#content_st .content_bjimg .form div span:before {
			content: '';
			display: block;
			border: 8px solid transparent;
			border-right-color: rgba(0, 0, 0, .15);
			position: absolute;
			left: -16px;
			top: 8px;
		}
		#content_st .content_bjimg .form form {
			padding-left: 30px;
			padding-right: 30px;
		}
		#content_st .content_bjimg .form p {
			font-size: 16px;
			color: #fff;
			display: inline;
		}
		#content_st .content_bjimg .form p span {
			font-size: 12px;
			color: red;
		}
		#content_st .content_bjimg .form div span {
			font-size: 12px;
		}
		#content_st .content_bjimg .form select {
			width: 100% !important;
			border: none;
			border-radius: 3px;
			font-size: 16px;
			color: #585858;
			height: 30px;
			appearance: none;
			-moz-appearance: none;
			-webkit-appearance: none;
			background-image: url('../../../images/zw3d/cssimage/extra/sj.png');
			background-position: right center;
			background-position-x: 98%;
			background-repeat: no-repeat;
		}
		#content_st .content_bjimg .form .long {
			width: 100%;
			float: left;
		}
		#content_st .content_bjimg .form input {
			width: 100%;
			border-radius: 3px;
			font-size: 16px;
			color: #3283c3;
			height: 30px;
			padding-bottom: 0 !important;
			padding-left: 8px !important;
			padding-right: 8px;
			line-height: 25px;
			padding: 0 8px;
			float: left;
		}
		#content_st .content_con div {
			margin-top: 20px;
		}
		#content_st .content_con div ul li {
			font-size: 16px;
			color: #999;
		}
		#content_st .content_con div .faq {
			color: #3283c3;
		}
	}
	@media screen and (min-width: 1920px) {
		#content_st .content_bjimg .titl {
			width: 75%;
			float: left;
			font-size: 26px;
			margin-top: -575px;
			margin-left: 14%;
			color: #3283c3;
			line-height: 50px !important;
		}
		#content_st .content_bjimg .form input,
		#content_st .content_bjimg .form select {
			height: 33px;
			line-height: 33px;
		}
		#content_st .content_bjimg .form {
			width: 600px !important;
			float: right !important;
			border: 1px solid #fff;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-ms-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
			margin-top: -555px !important;
			margin-right: 11.5% !important;
			background: #3283c3;
			-webkit-transform: translateZ(1px);
			-ms-transform: translateZ(1px);
			-o-transform: translateZ(1px);
			transform: translateZ(1px);
		}
		#content_st .content_bjimg .form select option {
			width: 100%;
		}
		#content_st .content_bjimg .form div {
			position: relative;
			margin-top: 25px;
		}
		#content_st .content_bjimg .form .le {
			width: 45%;
			float: left;
		}
		#content_st .content_bjimg .form .ri {
			width: 45%;
			float: right;
		}
		#content_st .content_bjimg .form span {
			position: absolute;
			top: 5px;
			left: 15px;
			color: #ac0000;
			background-color: rgba(255, 255, 255,1);
			display: none;
			-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .4);
			box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .4);
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			-o-border-radius: 5px;
			border-radius: 5px;
			padding: 5px;
		}
		#content_st .content_bjimg .form div span:before {
			content: '';
			display: block;
			border: 8px solid transparent;
			border-right-color: rgba(0, 0, 0, .15);
			position: absolute;
			left: -16px;
			top: 8px;
		}
		#content_st .content_bjimg .form form {
			padding-left: 30px;
			padding-right: 30px;
		}
		#content_st .content_bjimg .form p {
			font-size: 16px;
			color: #fff;
			display: inline;
		}
		#content_st .content_bjimg .form p span {
			font-size: 12px;
			color: red;
		}
		#content_st .content_bjimg .form div span {
			font-size: 12px;
		}
		#content_st .content_bjimg .form select {
			width: 100% !important;
			border: none;
			border-radius: 3px;
			font-size: 16px;
			color: #585858;
			height: 30px;
			appearance: none;
			-moz-appearance: none;
			-webkit-appearance: none;
			background-image: url('../../../images/zw3d/cssimage/extra/sj.png');
			background-position: right center;
			background-position-x: 98%;
			background-repeat: no-repeat;
		}
		#content_st .content_bjimg .form .long {
			width: 100%;
			float: left;
		}
		#content_st .content_bjimg .form input {
			width: 100%;
			border-radius: 3px;
			font-size: 16px;
			color: #3283c3;
			height: 30px;
			padding-bottom: 0 !important;
			padding-left: 8px !important;
			padding-right: 8px;
			line-height: 25px;
			padding: 0 8px;
			float: left;
			background-color: #fff;
		}
		#content_st .content_con div {
			margin-top: 50px;
		}
		#content_st .content_con div ul li {
			font-size: 16px;
			color: #999;
			line-height: 40px;
		}
		#content_st .content_con div .faq {
			color: #3283c3;
		}
	}
	/**
 *
 * student_verison attribute END
 */
	/**
 * this is contact_support attribute
 */
	
    #content_CS {
        padding: 0;
        margin-bottom: 20px;
    }
    #content_CS:after {
        content: '';
        display: block;
        clear: both;
    }
    #content_CS .contentCenter {
        width: 100%;
    }
    #content_CS .contentCenter .choose {
        padding-top: 0px;
        margin-left: 0;
        padding-left: 0;
    }
    #content_CS .contentCenter .choose .chooseLeft {
        font-size: 20px;
        color: #fff;
        line-height: 60px;
        text-align: center;
        border: 1px solid #c9c9c9;
        -moz-border: 1px solid #c9c9c9;
        -webkit-border: 1px solid #c9c9c9;
        -o-border: 1px solid #c9c9c9;
        border-right: none;
        -moz-border-right: none;
        -webkit-border-right: none;
        -o-border-right: none;
        cursor: pointer;
        background: #3283c3;
        color: #fff;
        position: relative;
    }
    #content_CS .contentCenter .choose .chooseLeft.active{
        border-color: #3283c3;
    }
    #content_CS .contentCenter .choose .active::before{
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        position: absolute;
        top: 0;
        right: -1px;
        background-color: #3283c3;
    }
    #content_CS .contentCenter .choose .chooseRight.active{
        border-color: #3283c3;
    }
    #content_CS .contentCenter .choose .chooseRight.active::before{
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        position: absolute;
        top: 0;
        left: -1px;
        background-color: #3283c3;
    }
    #content_CS .contentCenter .choose .chooseRight {
        font-size: 20px;
        color: #333;
        line-height: 60px;
        text-align: center;
        border: 1px solid #c9c9c9;
        -moz-border: 1px solid #c9c9c9;
        -webkit-border: 1px solid #c9c9c9;
        -o-border: 1px solid #c9c9c9;
        border-left: none;
        -moz-border-left: none;
        -webkit-border-left: none;
        -o-border-left: none;
        cursor: pointer;
        position: relative;
    }
    #content_CS .dis {
        padding-top: 30px;
    }
    #content_CS .dis .dismore {
        font-size: 18px;
        color: #666;
        margin-left: 4%;
    }
    #content_CS .form .row {
        margin-top: 50px;
        position: relative;
    }
    #content_CS .form input::-webkit-input-placeholder { /*WebKit browsers*/
        color: #999;
        font-size: 24px;
    }
    #content_CS .row {
        margin-left: 0;
    }
    #content_CS .form input::-moz-input-placeholder {
        color: #999;
        font-size: 24px;
    }
    #content_CS .form input::-ms-input-placeholder { /*Internet Explorer*/
        color: #999;
        font-size: 24px;
    }
    #content_CS .sreach-form {
        position: relative;
    }
    #content_CS .sreach-form:after {
        content: '';
        display: block;
        clear: both;
    }
    #content_CS .sreach-form .sreach-btn {
        width: 15%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 5px;
        background-color: transparent;
        box-shadow: none;
        border: none;
        outline: none;
    }
    #content_CS .fengge {
        display: none!important;
        width: 5px;
        height: 62px;
        border-top: 1px solid #c9c9c9;
        -moz-border-top: 1px solid #c9c9c9;
        -webkit-border-top: 1px solid #c9c9c9;
        -o-border-top: 1px solid #c9c9c9;
        border-bottom: 1px solid #c9c9c9;
        -moz-border-bottom: 1px solid #c9c9c9;
        -webkit-border-bottom: 1px solid #c9c9c9;
        -o-border-bottom: 1px solid #c9c9c9;
        float: left;
        position: relative;
    }
    #content_CS .sha {
        padding: 0;
    }
    #content_CS .fengge img {
        position: absolute;
        top: 10px;
    }
    #content_CS .form form .frleft {
        height: 58px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border: 1px solid #e3e3e3;
        -moz-border: 1px solid #e3e3e3;
        -webkit-border: 1px solid #e3e3e3;
        -o-border: 1px solid #e3e3e3;
        margin-left: 150px;
        font-size: 22px;
    }
    #content_CS .form form .frright {
        height: 58px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border: 1px solid #e3e3e3;
        -moz-border: 1px solid #e3e3e3;
        -webkit-border: 1px solid #e3e3e3;
        -o-border: 1px solid #e3e3e3;
        font-size: 22px;
    }
    #content_CS .form form .ndleft {
        height: 58px;
        border-radius: 10px;
        background: url("../../../images/zw3d/cssimage/extra/select.png") no-repeat 95% 20px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border: 1px solid #e3e3e3;
        -moz-border: 1px solid #e3e3e3;
        -webkit-border: 1px solid #e3e3e3;
        -o-border: 1px solid #e3e3e3;
        color: #999;
        appearance: none;
        -moz-appearance: none; /* Firefox */
        -webkit-appearance: none;
        -o-appearance: none;
        outline: none;
        margin-left: 150px;
        padding-left: 25px;
        font-size: 22px;
        position: relative;
    }
    #content_CS .form form .ndright {
        height: 58px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border: 1px solid #e3e3e3;
        -moz-border: 1px solid #e3e3e3;
        -webkit-border: 1px solid #e3e3e3;
        -o-border: 1px solid #e3e3e3;
        font-size: 22px;
    }
    #content_CS .form form select option {
        color: #999;
    }
    #content_CS select::-ms-expand {
        display: none;
    }
    #content_CS .other {
        display: none;
    }
    #content_CS .form .rdBottom {
        height: 148px;
        border: 1px solid #e3e3e3;
        -moz-border: 1px solid #e3e3e3;
        -webkit-border: 1px solid #e3e3e3;
        -o-border: 1px solid #e3e3e3;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
        resize: none;
        padding-top: 20px;
        outline: none;
        margin-left: 150px;
        font-size: 22px;
        padding-left: 25px;
    }
    #content_CS .two-box .page .all div {
        font-size: 18px !important;
    }
    #content_CS .two-box .page .all .xiangleft,
    #content_CS .two-box .page .all .xiangright {
        font-size: 30px !important;
    }
    #content_CS .form button {
        height: 45px;
        background: #3283c3;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
        font-size: 24px;
        color: #fff;
        outline: none;
        margin-left: 450px;
        border: none;
    }
    #content_CS .form input {
        padding-left: 25px;
    }
    #content_CS .notice {
        padding-top: 30px;
    }
    #content_CS .notice .dismore {
        font-size: 18px;
        color: #666;
        margin-left: 4%;
    }
    #content_CS .one-box .form form span {
        white-space: nowrap;
    }
    #content_CS .jb .container .cont {
        font-size: 30px;
        line-height: 50px;
        color: #fff;
    }
    #content_CS .jb .container .home {
        font-size: 20px;
        line-height: 50px;
        color: #fff;
        text-align: right;
    }
    #content_CS .phone {
        display: none;
    }
    #content_CS .form form .row span {
        font-size: 12px;
        line-height: 40px;
        display: none;
    }
    #content_CS .form form .row .ready {
        color: #44f1ba;
    }
    #content_CS .form form .row .none {
        color: red;
    }
    #content_CS .form form .row .wring {
        color: red;
    }
    #content_CS .sou {
        margin-top: 30px;
    }
    #content_CS .sou .suo {
        height: 60px;
        border: 2px solid #357cb3;
        -moz-border: 2px solid #357cb3;
        -webkit-border: 2px solid #357cb3;
        -o-border: 2px solid #357cb3;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        background: url('../../../images/zw3d/cssimage/extra/sousuo.png') no-repeat 98% 8px;
        font-size: 20px;
    }
    #content_CS .rdBottom::-webkit-input-placeholder { /*WebKit browsers*/
        color: #999;
    }
    #content_CS .rdBottom::-moz-input-placeholder { /*Mozilla Firefox*/
        color: #999;
    }
    #content_CS .rdBottom::-ms-input-placeholder { /*Internet Explorer*/
        color: #999;
    }
    #content_CS .sou input::-webkit-input-placeholder { /*WebKit browsers*/
        color: #3283c3;
    }
    #content_CS .sou input::-moz-placeholder { /*Mozilla Firefox*/
        color: #3283c3;
        opacity: 1;
    }
    #content_CS .sou input::-ms-input-placeholder { /*Internet Explorer*/
        color: #3283c3;
    }
    #content_CS .two-box ul li span a {
        font-size: 18px;
        color: #666;
    }
    #content_CS .two-box ul li p a {
        font-size: 18px;
        color: #333;
    }
    #content_CS .two-box ul li p a:hover {
        color: #3283c3;
    }
    #content_CS .fir {
        margin-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px dotted #98c1e1;
        -moz-border-bottom: 1px solid #98c1e1;
        -webkit-border-bottom: 1px solid #98c1e1;
        -o-border-bottom: 1px solid #98c1e1;
    }
    #content_CS .sen {
        border: none;
    }
    #content_CS .two-box ul li p {
        font-size: 22px;
        color: #333;
    }
    #content_CS .two-box ul li .date span {
        text-align: right;
        color: #989898;
        font-size: 18px;
    }
    #content_CS .two-box ul li .fds span {
        font-size: 18px;
        color: #666;
    }
    #content_CS .date {
        text-align: right;
    }
    #content_CS .mt {
        margin-top: 30px;
    }
    #content_CS .page .all .pa {
        width: 45px;
        height: 45px;
        background: #3283c3;
        margin-left: 10px;
        line-height: 45px;
        font-size: 20px;
        color: #fff;
        text-align: center;
        padding: 0;
    }
    #content_CS .two-box .mt .page .all .active {
        background: #002f55;
    }
    #content_CS .row .page {
        cursor: pointer;
    }
    #content_CS .row .page .dian {
        cursor: auto;
    }
    #content_CS .two-box {
        display: none;
    }
    #content_CS .two-box .mt .page {
        float: none;
        width: 330px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    @media screen and (max-width: 1598px) and (min-width: 1450px) {
        #content_CS {
            margin-bottom: 25px;
        }
        #content_CS .notice .dismore {
            font-size: 14px;
            color: #666;
        }
        #content_CS .jb .container .cont {
            font-size: 25px;
            line-height: 50px;
            color: #fff;
        }
        #content_CS .jb .container .home {
            font-size: 15px;
            line-height: 50px;
            color: #fff;
            text-align: right;
        }
        #content_CS .note {
            position: absolute;
            bottom: 50px;
            right: 65px;
            white-space: nowrap;
        }
        #content_CS .form form button {
            margin-left: 400px;
        }
    }
    @media screen and (max-width: 1449px) and (min-width: 1299px) {
        #content_CS .jb .container .cont {
            font-size: 20px;
            line-height: 50px;
            color: #fff;
        }
        #content_CS .jb .container .home {
            font-size: 15px;
            line-height: 50px;
            color: #fff;
            text-align: right;
        }
        #content_CS {
            margin-bottom: 25px;
        }
        #content_CS .one-box .wst {
            display: none;
        }
        #content_CS .contentCenter .choose .chooseLeft {font-size: 14px; color: #333; line-height: 60px; text-align: center; border: 1px solid #c9c9c9; -moz-border: 1px solid #c9c9c9; -webkit-border: 1px solid #c9c9c9; -o-border: 1px solid #c9c9c9; border-right: none; -moz-border-right: none; -webkit-border-right: none; -o-border-right: none; cursor: pointer; color: #fff; }
        #content_CS .contentCenter .choose .chooseRight {
            font-size: 14px;
            color: #333;
            line-height: 60px;
            text-align: center;
            border: 1px solid #c9c9c9;
            -moz-border: 1px solid #c9c9c9;
            -webkit-border: 1px solid #c9c9c9;
            -o-border: 1px solid #c9c9c9;
            border-left: none;
            -moz-border-left: none;
            -webkit-border-left: none;
            -o-border-left: none;
            cursor: pointer;
        }
        #content_CS .dis .dismore {
            font-size: 13px;
            color: #666;
            margin-left: 0;
        }
        #content_CS .notice .dismore {
            font-size: 12px;
            color: #666;
            margin-left: 0;
        }
        #content_CS .lefttop {
            position: absolute;
            bottom: -100px;
            left: -130px;
            white-space: nowrap;
        }
        #content_CS .righttop {
            position: absolute;
            bottom: -45px;
            left: 1100px;
            white-space: nowrap;
        }
        #content_CS .note {
            position: absolute;
            bottom: -50px;
            left: 555px;
            white-space: nowrap;
        }
        #content_CS .date {
            padding-right: 70px;
        }
        #content_CS .form form .rdBottom {
            margin-left: 10px;
            width: 96%;
            font-size: 18px;
        }
        #content_CS .form form .frleft {
            margin-left: 10px;
            width: 44%;
            font-size: 18px;
        }
        #content_CS .form form .frright {
            width: 44%;
            font-size: 18px;
        }
        #content_CS .form form .ndleft {
            margin-left: 10px;
            width: 44%;
        }
        #content_CS .form form .ndright {
            width: 44%;
            font-size: 18px;
        }
        #content_CS .form form button {
            margin-left: 400px;
        }
        #content_CS .page .all .pa {
            width: 30px;
            height: 30px;
            background: #3283c3;
            margin-left: 10px;
            line-height: 30px;
            font-size: 20px;
            color: #fff;
            text-align: center;
        }
        #content_CS .two-box ul li .date span {
            text-align: right;
            color: #989898;
            font-size: 18px;
        }
    }
    @media screen and (max-width: 1299px) and (min-width: 1000px) {
        #content_CS .jb .container .cont {
            font-size: 20px;
            line-height: 50px;
            color: #fff;
        }
        #content_CS .jb .container .home {
            font-size: 15px;
            line-height: 50px;
            color: #fff;
            text-align: right;
        }
        #content_CS {
            margin-bottom: 25px;
        }
        #content_CS .one-box .wst {
            display: none;
        }
        #content_CS .contentCenter .choose .chooseLeft {
            font-size: 14px;
            color: #333;
            line-height: 60px;
            text-align: center;
            border: 1px solid #c9c9c9;
            -moz-border: 1px solid #c9c9c9;
            -webkit-border: 1px solid #c9c9c9;
            -o-border: 1px solid #c9c9c9;
            border-right: none;
            -moz-border-right: none;
            -webkit-border-right: none;
            -o-border-right: none;
            cursor: pointer;
            color: #fff;
        }
        #content_CS .contentCenter .choose .chooseRight {
            font-size: 14px;
            color: #333;
            line-height: 60px;
            text-align: center;
            border: 1px solid #c9c9c9;
            -moz-border: 1px solid #c9c9c9;
            -webkit-border: 1px solid #c9c9c9;
            -o-border: 1px solid #c9c9c9;
            border-left: none;
            -moz-border-left: none;
            -webkit-border-left: none;
            -o-border-left: none;
            cursor: pointer;
        }
        #content_CS .dis .dismore {
            font-size: 13px;
            color: #666;
            margin-left: 0;
        }
        #content_CS .notice .dismore {
            font-size: 12px;
            color: #666;
            margin-left: 0;
        }
        #content_CS .lefttop {
            position: absolute;
            bottom: -100px;
            left: -120px;
            white-space: nowrap;
        }
        #content_CS .righttop {
            position: absolute;
            bottom: -40px;
            right: -800px;
            white-space: nowrap;
        }
        #content_CS .note {
            position: absolute;
            bottom: -50px;
            left: 420px;
            white-space: nowrap;
        }
        #content_CS .date {
            padding-right: 70px;
        }
        #content_CS .form form .rdBottom {
            margin-left: 10px;
            width: 96%;
            font-size: 16px;
        }
        #content_CS .form form .frleft {
            margin-left: 10px;
            width: 44%;
            font-size: 16px;
        }
        #content_CS .form form .frright {
            width: 44%;
            font-size: 16px;
        }
        #content_CS .form form .ndleft {
            margin-left: 10px;
            width: 44%;
        }
        #content_CS .form form .ndright {
            width: 44%;
            font-size: 16px;
        }
        #content_CS .form form button {
            margin-left: 315px;
        }
        #content_CS .page .all .pa {
            width: 30px;
            height: 30px;
            background: #3283c3;
            margin-left: 10px;
            line-height: 30px;
            font-size: 20px;
            color: #fff;
            text-align: center;
        }
        #content_CS .two-box ul li .date span {
            text-align: right;
            color: #989898;
            font-size: 18px;
        }
        #content_CS .two-box ul li p {
            font-size: 20px;
        }
        #content_CS .two-box ul li .date span {
            text-align: right;
            color: #989898;
            font-size: 16px;
        }
        #content_CS .two-box ul li .fds span {
            font-size: 16px;
        }
    }
    @media screen and (max-width: 999px) and (min-width: 768px) {
        #content_CS .jb .container .cont {
            font-size: 20px;
            line-height: 50px;
            color: #fff;
        }
        #content_CS .jb .container .home {
            font-size: 15px;
            line-height: 50px;
            color: #fff;
            text-align: right;
        }
        #content_CS {
            margin-bottom: 25px;
        }
        #content_CS .one-box .wst {
            display: none;
        }
        #content_CS .contentCenter .choose .chooseLeft {
            font-size: 14px;
            color: #333;
            line-height: 60px;
            text-align: center;
            border: 1px solid #c9c9c9;
            -moz-border: 1px solid #c9c9c9;
            -webkit-border: 1px solid #c9c9c9;
            -o-border: 1px solid #c9c9c9;
            border-right: none;
            -moz-border-right: none;
            -webkit-border-right: none;
            -o-border-right: none;
            cursor: pointer;
            color: #fff;
        }
        #content_CS .contentCenter .choose .chooseRight {
            font-size: 14px;
            color: #333;
            line-height: 60px;
            text-align: center;
            border: 1px solid #c9c9c9;
            -moz-border: 1px solid #c9c9c9;
            -webkit-border: 1px solid #c9c9c9;
            -o-border: 1px solid #c9c9c9;
            border-left: none;
            -moz-border-left: none;
            -webkit-border-left: none;
            -o-border-left: none;
            cursor: pointer;
        }
        #content_CS .dis .dismore {
            font-size: 13px;
            color: #666;
            margin-left: 0;
        }
        #content_CS .notice .dismore {
            font-size: 12px;
            color: #666;
            margin-left: 0;
        }
        #content_CS .lefttop {
            position: absolute;
            bottom: -100px;
            left: -228px;
            white-space: nowrap;
        }
        #content_CS .righttop {
            position: absolute;
            bottom: -100px;
            right: 208px;
            white-space: nowrap;
        }
        #content_CS .note {
            position: absolute;
            bottom: -50px;
            left: 320px;
            white-space: nowrap;
        }
        #content_CS .date {
            padding-right: 70px;
        }
        #content_CS .form form .rdBottom {
            margin-left: 15px;
            font-size: 16px;
            width: 96%;
        }
        #content_CS .form form .frleft {
            margin-left: 15px;
            font-size: 16px;
            width: 44%;
        }
        #content_CS .form form .frright {
            width: 44%;
        }
        #content_CS .form form .ndleft {
            margin-left: 15px;
            font-size: 16px;
            width: 44%;
        }
        #content_CS .form form .ndright {
            width: 44%;
        }
        #content_CS .form form button {
            margin-left: 240px;
            font-size: 16px;
        }
        #content_CS .form input::-webkit-input-placeholder { /*WebKit browsers*/
            color: #999;
            font-size: 16px;
        }
        #content_CS .form input::-moz-input-placeholder { /*Mozilla Firefox*/
            color: #999;
            font-size: 16px;
        }
        #content_CS .form input::-ms-input-placeholder { /*Internet Explorer*/
            color: #999;
            font-size: 16px;
        }
        #content_CS .form form .frleft {
            font-size: 16px;
        }
        #content_CS .form form .frright {
            font-size: 16px;
        }
        #content_CS .form form .ndright {
            font-size: 16px;
        }
        #content_CS .sou .suo {
            height: 30px;
            border: 1px solid #357cb3;
            -moz-border: 1px solid #357cb3;
            -webkit-border: 1px solid #357cb3;
            -o-border: 1px solid #357cb3;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -o-border-radius: 10px;
            background: url('../../../images/zw3d/cssimage/extra/sousuo.png') no-repeat 98% -4px;
            background-size: 12.5%;
        }
        #content_CS .page .all .pa {
            width: 30px;
            height: 30px;
            background: #3283c3;
            margin-left: 10px;
            line-height: 30px;
            font-size: 20px;
            color: #fff;
            text-align: center;
        }
        #content_CS .two-box ul li .date span {
            text-align: right;
            color: #989898;
            font-size: 16px;
        }
        #content_CS .one-box .form form .row .name span {
            position: absolute;
            bottom: 0;
            left: 130px;
        }
        #content_CS .one-box .form form .row .mail span {
            position: absolute;
            bottom: 60px;
            left: 735px;
        }
        #content_CS .one-box .form form .row .product span {
            position: absolute;
            bottom: 60px;
            left: 735px;
        }
        #content_CS .two-box ul li p {
            font-size: 16px;
        }
        #content_CS .two-box ul li .date span {
            text-align: right;
            color: #989898;
            font-size: 14px;
        }
        #content_CS .two-box ul li .fds span {
            font-size: 14px;
        }
    }
    @media screen and (max-width: 767px) and (min-width: 750px) {
        #content_CS .phone {
            display: block;
        }
        #content_CS .jb .container .cont {
            font-size: 20px;
            line-height: 50px;
            color: #fff;
        }
        #content_CS .jb .container .home {
            font-size: 15px;
            line-height: 50px;
            color: #fff;
            text-align: right;
        }
        #content_CS {
            margin-bottom: 25px;
        }
        #content_CS .contentCenter .choose .chooseLeft {
            font-size: 16px;
            color: #333;
            line-height: 60px;
            text-align: center;
            border: 1px solid #c9c9c9;
            -moz-border: 1px solid #c9c9c9;
            -webkit-border: 1px solid #c9c9c9;
            -o-border: 1px solid #c9c9c9;
            border-right: none;
            -moz-border-right: none;
            -webkit-border-right: none;
            -o-border-right: none;
            cursor: pointer;
            padding: 0;
            color: #fff;
        }
        #content_CS .contentCenter .choose .chooseRight {
            font-size: 16px;
            color: #333;
            line-height: 60px;
            text-align: center;
            border: 1px solid #c9c9c9;
            -moz-border: 1px solid #c9c9c9;
            -webkit-border: 1px solid #c9c9c9;
            -o-border: 1px solid #c9c9c9;
            border-left: none;
            -moz-border-left: none;
            -webkit-border-left: none;
            -o-border-left: none;
            cursor: pointer;
            padding: 0;
        }
        #content_CS .dis .dismore {
            font-size: 13px;
            color: #666;
            margin-left: 0;
        }
        #content_CS .notice .dismore {
            font-size: 12px;
            color: #666;
            margin-left: 0;
        }
        #content_CS .lefttop {
            position: absolute;
            bottom: -100px;
            left: -228px;
            white-space: nowrap;
        }
        #content_CS .righttop {
            position: absolute;
            bottom: -100px;
            right: 208px;
            white-space: nowrap;
        }
        #content_CS .note {
            position: absolute;
            bottom: -50px;
            left: 350px;
            white-space: nowrap;
        }
        #content_CS .date {
            padding-right: 70px;
        }
        #content_CS .form form .rdBottom {
            margin-left: 20px;
        }
        #content_CS .form form .frleft {
            margin-left: 20px;
        }
        #content_CS .form form .ndleft {
            margin-left: 20px;
        }
        #content_CS .form form button {
            margin-left: 80px;
        }
        #content_CS .sou .suo {
            height: 30px;
            border: 1px solid #357cb3;
            -moz-border: 1px solid #357cb3;
            -webkit-border: 1px solid #357cb3;
            -o-border: 1px solid #357cb3;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -o-border-radius: 10px;
            background: url('../../../images/zw3d/cssimage/extra/sousuo.png') no-repeat 98% -1px;
            background-size: 8% 100%;
        }
        #content_CS .row .all .ml {
            margin-left: 170px !important;
        }
        #content_CS .page .all .pa {
            width: 30px;
            height: 30px;
            background: #3283c3;
            margin-left: 10px;
            line-height: 30px;
            font-size: 20px;
            color: #fff;
            text-align: center;
        }
        #content_CS .two-box .fir p, .two-box .fir p a {
            font-size: 16px;
        }
        #content_CS .two-box .mt .page {
            width: 620px;
        }
        #content_CS .two-box ul li .date span {
            text-align: right;
            color: #989898;
            font-size: 16px;
        }
        #content_CS .two-box ul li p {
            font-size: 16px;
        }
        #content_CS .two-box ul li .date span {
            text-align: right;
            color: #989898;
            font-size: 14px;
        }
        #content_CS .two-box ul li .fds span {
            font-size: 14px;
        }
    }
    @media screen and (max-width: 749px) and (min-width: 540px) {
        #content_CS .phone {
            display: block;
        }
        #content_CS {
            padding: 2px;
            margin-bottom: 25px;
        }
        #content_CS .contentCenter .choose .chooseLeft {
            font-size: 12px;
            line-height: 30px;
            text-align: center;
            border: 1px solid #c9c9c9;
            -moz-border: 1px solid #c9c9c9;
            -webkit-border: 1px solid #c9c9c9;
            -o-border: 1px solid #c9c9c9;
            border-right: none;
            -moz-border-right: none;
            -webkit-border-right: none;
            -o-border-right: none;
            cursor: pointer;
        }
        #content_CS .contentCenter .choose .chooseRight {
            font-size: 12px;
            color: #333;
            line-height: 30px;
            text-align: center;
            border: 1px solid #c9c9c9;
            -moz-border: 1px solid #c9c9c9;
            -webkit-border: 1px solid #c9c9c9;
            -o-border: 1px solid #c9c9c9;
            border-left: none;
            -moz-border-left: none;
            -webkit-border-left: none;
            -o-border-left: none;
            cursor: pointer;
        }
        #content_CS .contentCenter .choose {
            padding-top: 30px;
        }
        #content_CS .dis .dismore {
            font-size: 12px;
            color: #666;
            margin-left: 0;
        }
        #content_CS .notic .dismore {
            margin-left: 0;
        }
        #content_CS .row {
            width: 100%;
        }
        #content_CS .form form .frleft {
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -o-border-radius: 10px;
            height: 38px;
            border-radius: 10px;
            border: 1px solid #e3e3e3;
            -moz-border: 1px solid #e3e3e3;
            -webkit-border: 1px solid #e3e3e3;
            -o-border: 1px solid #e3e3e3;
            padding: 0px 3px;
            margin-left: 20px;
            font-size: 16px;
            padding-left: 10px;
            width: 43%;
        }
        #content_CS .form form .frright {
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -o-border-radius: 10px;
            height: 38px;
            border-radius: 10px;
            border: 1px solid #e3e3e3;
            -moz-border: 1px solid #e3e3e3;
            -webkit-border: 1px solid #e3e3e3;
            -o-border: 1px solid #e3e3e3;
            padding: 0px 3px;
            font-size: 16px;
            padding-left: 10px;
            width: 43%;
        }
        #content_CS .form form .ndright {
            height: 38px;
            padding: 0px 3px;
            font-size: 16px;
            padding-left: 10px;
            width: 43%;
        }
        #content_CS .form form .ndleft {
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -o-border-radius: 10px;
            height: 38px;
            border-radius: 10px;
            border: 1px solid #e3e3e3;
            -moz-border: 1px solid #e3e3e3;
            -webkit-border: 1px solid #e3e3e3;
            -o-border: 1px solid #e3e3e3;
            color: #999;
            appearance: none;
            -moz-appearance: none; /* Firefox */
            -webkit-appearance: none; /* Safari 和 Chrome */
            background: url("../../../images/zw3d/cssimage/extra/select.png") no-repeat 95% 10px;
            background-size: 15px 15px;
            outline: none;
            padding: 0px 3px;
            margin-left: 20px;
            font-size: 16px;
            padding-left: 10px;
            width: 43%;
            padding-right: 10px;
        }
        #content_CS .form form .rdBottom {
            margin-left: 20px;
            font-size: 16px;
            padding-left: 10px;
            width: 94%;
        }
        #content_CS .form form button {
            margin-left: 110px;
        }
        #content_CS .sou input::-webkit-input-placeholder { /*WebKit browsers*/
            font-size: 16px;
        }
        #content_CS .sou input::-moz-input-placeholder { /*Mozilla Firefox*/
            font-size: 16px;
        }
        #content_CS .sou input::-ms-input-placeholder { /*Internet Explorer*/
            font-size: 16px;
        }
        #content_CS .form input::-webkit-input-placeholder { /*WebKit browsers*/
            color: #999;
            font-size: 16px;
        }
        #content_CS .form input::-moz-input-placeholder { /*Mozilla Firefox*/
            color: #999;
            font-size: 16px;
        }
        #content_CS .form input::-ms-input-placeholder { /*Internet Explorer*/
            color: #999;
            font-size: 16px;
        }
        #content_CS .form form .row {
            font-size: 12px;
            margin-top: 20px;
        }
        #content_CS .notice .dismore {
            font-size: 14px;
            color: #666;
            margin-left: 0;
        }
        #content_CS .lefttop {
            position: absolute;
            bottom: -68px;
            left: -128px;
            white-space: nowrap;
        }
        #content_CS .righttop {
            position: absolute;
            bottom: -30px;
            right: -405px;
            white-space: nowrap;
        }
        #content_CS .note {
            position: absolute;
            bottom: -30px;
            left: 200px;
            white-space: nowrap;
        }
        #content_CS .date {
            padding-right: 35px;
        }
        #content_CS .two-box .fir p, .two-box .fir span, .two-box .fir p, .two-box .fir p a {
            font-size: 16px;
        }
        #content_CS .two-box .row ul li.fir .date span {
            font-size: 16px;
        }
        #content_CS .row .all .ml {
            margin-left: 145px !important;
        }
        #content_CS .sou .suo {
            height: 30px;
            border: 1px solid #357cb3;
            -moz-border: 1px solid #357cb3;
            -webkit-border: 1px solid #357cb3;
            -o-border: 1px solid #357cb3;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -o-border-radius: 10px;
            background: url('../../../images/zw3d/cssimage/extra/sousuo.png') no-repeat 98% -1px;
            background-size: 8% 100%;
        }
        #content_CS .fengge {
            width: 5px;
            height: 32px;
            border-top: 1px solid #c9c9c9;
            -moz-border-top: 1px solid #c9c9c9;
            -webkit-border-top: 1px solid #c9c9c9;
            -o-border-top: 1px solid #c9c9c9;
            border-bottom: 1px solid #c9c9c9;
            -moz-border-bottom: 1px solid #c9c9c9;
            -webkit-border-bottom: 1px solid #c9c9c9;
            -o-border-bottom: 1px solid #c9c9c9;
            float: left;
            position: relative;
        }
        #content_CS .fengge img {
            position: absolute;
            top: 4px;
            height: 70%;
        }
        #content_CS .page .all .pa {
            width: 25px;
            height: 25px;
            background: #3283c3;
            margin-left: 10px;
            line-height: 25px;
            font-size: 20px;
            color: #fff;
            text-align: center;
        }
        #content_CS .two-box .mt .page {
            width: 620px;
        }
        #content_CS .two-box ul li .date span {
            text-align: right;
            color: #989898;
            font-size: 14px;
        }
        #content_CS .two-box ul li p {
            font-size: 14px;
        }
        #content_CS .two-box ul li .date span {
            text-align: right;
            color: #989898;
            font-size: 12px;
        }
        #content_CS .two-box ul li .fds span {
            font-size: 12px;
        }
    }
    @media screen and (max-width: 539px) and (min-width: 338px) {
        #content_CS .phone {
            display: block;
        }
        #content_CS {
            padding: 2px;
            margin-bottom: 25px;
        }
        #content_CS .contentCenter .choose .chooseLeft {
            font-size: 12px;
            line-height: 30px;
            text-align: center;
            border: 1px solid #c9c9c9;
            -moz-border: 1px solid #c9c9c9;
            -webkit-border: 1px solid #c9c9c9;
            -o-border: 1px solid #c9c9c9;
            border-right: none;
            -moz-border-right: none;
            -webkit-border-right: none;
            -o-border-right: none;
            cursor: pointer;
        }
        #content_CS .contentCenter .choose .chooseRight {
            font-size: 12px;
            color: #333;
            line-height: 30px;
            text-align: center;
            border: 1px solid #c9c9c9;
            -moz-border: 1px solid #c9c9c9;
            -webkit-border: 1px solid #c9c9c9;
            -o-border: 1px solid #c9c9c9;
            border-left: none;
            -moz-border-left: none;
            -webkit-border-left: none;
            -o-border-left: none;
            cursor: pointer;
        }
        #content_CS .contentCenter .choose {
            padding-top: 30px;
        }
        #content_CS .dis .dismore {
            font-size: 12px;
            color: #666;
            margin-left: 0;
        }
        #content_CS .notic .dismore {
            margin-left: 0;
        }
        #content_CS .row {
            width: 100%;
        }
        #content_CS .other {
            display: block;
        }
        #content_CS .form form .lefttop span {
            position: absolute;
            bottom: 0px;
        }
        #content_CS .form form .righttop span {
            position: absolute;
            bottom: 10px;
            right: 20px;
        }
        #content_CS .form form .frleft {
            width: 85%;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -o-border-radius: 10px;
            height: 38px;
            border-radius: 10px;
            border: 1px solid #e3e3e3;
            -moz-border: 1px solid #e3e3e3;
            -webkit-border: 1px solid #e3e3e3;
            -o-border: 1px solid #e3e3e3;
            padding: 0px 10px;
            margin-left: 20px;
            font-size: 12px;
        }
        #content_CS .form form .frright {
            width: 85%;
            margin-left: 20px;
            margin-top: -11px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -o-border-radius: 10px;
            height: 38px;
            border-radius: 10px;
            border: 1px solid #e3e3e3;
            -moz-border: 1px solid #e3e3e3;
            -webkit-border: 1px solid #e3e3e3;
            -o-border: 1px solid #e3e3e3;
            padding: 0px 10px;
            font-size: 12px;
        }
        #content_CS .form form .ndright {
            width: 85%;
            margin-left: 20px;
            margin-top: -11px;
            height: 38px;
            padding: 0px 10px;
            font-size: 12px;
        }
        #content_CS .form form .ndleft {
            width: 85%;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -o-border-radius: 10px;
            height: 38px;
            border-radius: 10px;
            border: 1px solid #e3e3e3;
            -moz-border: 1px solid #e3e3e3;
            -webkit-border: 1px solid #e3e3e3;
            -o-border: 1px solid #e3e3e3;
            color: #999;
            appearance: none;
            -moz-appearance: none; /* Firefox */
            -webkit-appearance: none; /* Safari 和 Chrome */
            background: url("../../../images/zw3d/cssimage/extra/select.png") no-repeat 95% 10px;
            background-size: 15px 15px;
            outline: none;
            padding: 0px 10px;
            margin-left: 20px;
            font-size: 12px;
        }
        #content_CS .form input::-webkit-input-placeholder { /*WebKit browsers*/
            color: #999;
            font-size: 12px;
        }
        #content_CS .form input::-moz-input-placeholder { /*Mozilla Firefox*/
            color: #999;
            font-size: 12px;
        }
        #content_CS .form input::-ms-input-placeholder { /*Internet Explorer*/
            color: #999;
            font-size: 12px;
        }
        #content_CS .form form .rdBottom {
            margin-left: 20px;
            font-size: 12px;
            padding-left: 10px;
            width: 85%;
        }
        #content_CS .form form .row {
            font-size: 12px;
            margin-top: 20px;
        }
        #content_CS .notice .dismore {
            font-size: 12px;
            color: #666;
            margin-left: 0px;
        }
        #content_CS .form form button {
            height: 45px;
            margin-left: 20px;
            font-size: 18px;
            width: 85%;
        }
        #content_CS .lefttop {
            position: absolute;
            bottom: -68px;
            left: -88px;
            white-space: nowrap;
            padding-right: 80px
        }
        #content_CS .righttop {
            position: absolute;
            bottom: -68px;
            right: 28px;
            white-space: nowrap;
            padding-right: 40px;
        }
        #content_CS .note {
            position: absolute;
            bottom: -30px;
            left: 110px;
            white-space: nowrap;
        }
        #content_CS .date {
            padding-right: 35px;
        }
        #content_CS .two-box .fir p, .two-box .fir span {
            font-size: 12px;
        }
        #content_CS .two-box .page .all div {
            font-size: 12px;
        }
        #content_CS .row .all .ml {
            margin-left: 40px !important;
        }
        #content_CS .sou .suo {
            height: 30px;
            -moz-border: 1px solid #357cb3;
            border: 1px solid #357cb3;
            -webkit-border: 1px solid #357cb3;
            -o-border: 1px solid #357cb3;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -o-border-radius: 10px;
            background: url('../../../images/zw3d/cssimage/extra/sousuo.png') no-repeat 98% -1px;
            background-size: 12% 100%;
            font-size: 12px;
        }
        #content_CS .fengge {
            width: 5px;
            height: 32px;
            border-top: 1px solid #c9c9c9;
            -moz-border-top: 1px solid #c9c9c9;
            -webkit-border-top: 1px solid #c9c9c9;
            -o-border-top: 1px solid #c9c9c9;
            border-bottom: 1px solid #c9c9c9;
            -moz-border-bottom: 1px solid #c9c9c9;
            -webkit-border-bottom: 1px solid #c9c9c9;
            -o-border-bottom: 1px solid #c9c9c9;
            float: left;
            position: relative;
        }
        #content_CS .fengge img {
            position: absolute;
            top: 4px;
            height: 70%;
        }
        #content_CS .two-box ul li p a, #content_CS .two-box ul li span {
            font-size: 12px;
        }
        #content_CS .page .all .pa {
            width: 25px;
            height: 25px;
            background: #3283c3;
            margin-left: 10px;
            line-height: 25px;
            font-size: 20px;
            color: #fff;
            text-align: center;
        }
        #content_CS .two-box .mt .page {
            width: 290px;
        }
        #content_CS .two-box ul li .date span {
            text-align: right;
            color: #989898;
            font-size: 12px;
        }
        #content_CS .two-box ul li p {
            font-size: 14px;
        }
        #content_CS .two-box ul li .date span {
            text-align: right;
            color: #989898;
            font-size: 12px;
        }
        #content_CS .two-box ul li .fds span {
            font-size: 12px;
        }
    }
    @media screen and (max-width: 337px) and (min-width: 240px) {
        #content_CS .phone {
            display: block;
        }
        #content_CS {
            padding: 2px;
            margin-bottom: 25px;
        }
        #content_CS .contentCenter .choose .chooseLeft {
            font-size: 12px;
            line-height: 30px;
            text-align: center;
            border: 1px solid #c9c9c9;
            -moz-border: 1px solid #c9c9c9;
            -webkit-border: 1px solid #c9c9c9;
            -o-border: 1px solid #c9c9c9;
            border-right: none;
            -moz-border-right: none;
            -webkit-border-right: none;
            -o-border-right: none;
            cursor: pointer;
        }
        #content_CS .contentCenter .choose .chooseRight {
            font-size: 12px;
            color: #333;
            line-height: 30px;
            text-align: center;
            border: 1px solid #c9c9c9;
            -moz-border: 1px solid #c9c9c9;
            -webkit-border: 1px solid #c9c9c9;
            -o-border: 1px solid #c9c9c9;
            border-left: none;
            -moz-border-left: none;
            -webkit-border-left: none;
            -o-border-left: none;
            cursor: pointer;
        }
        #content_CS .contentCenter .choose {
            padding-top: 30px;
        }
        #content_CS .dis .dismore {
            font-size: 12px;
            color: #666;
            margin-left: 0;
        }
        #content_CS .notic .dismore {
            margin-left: 0;
        }
        #content_CS .row {
            width: 100%;
        }
        #content_CS .other {
            display: block;
        }
        #content_CS .two-box .mt .page .all .xiangleft,
        #content_CS .two-box .mt .page .all .xiangright {
            font-size: 18px;
        }
        #content_CS .form form .lefttop span {
            position: absolute;
            bottom: 40px;
            left: 290px;
        }
        #content_CS .form form .righttop span {
            position: absolute;
            bottom: 40px;
            left: 240px;
        }
        #content_CS .form form .frleft {
            width: 85%;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -o-border-radius: 10px;
            height: 38px;
            border-radius: 10px;
            border: 1px solid #e3e3e3;
            -moz-border: 1px solid #e3e3e3;
            -webkit-border: 1px solid #e3e3e3;
            -o-border: 1px solid #e3e3e3;
            padding: 0px 10px;
            margin-left: 20px;
            font-size: 12px;
        }
        #content_CS .form form .frright {
            width: 85%;
            margin-left: 20px;
            margin-top: -11px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -o-border-radius: 10px;
            height: 38px;
            border-radius: 10px;
            border: 1px solid #e3e3e3;
            -moz-border: 1px solid #e3e3e3;
            -webkit-border: 1px solid #e3e3e3;
            -o-border: 1px solid #e3e3e3;
            padding: 0px 10px;
            font-size: 12px;
        }
        #content_CS .form form .ndright {
            width: 85%;
            margin-left: 20px;
            margin-top: -11px;
            height: 38px;
            padding: 0px 10px;
            font-size: 12px;
        }
        #content_CS .form form .ndleft {
            width: 85%;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -o-border-radius: 10px;
            height: 38px;
            border-radius: 10px;
            border: 1px solid #e3e3e3;
            -moz-border: 1px solid #e3e3e3;
            -webkit-border: 1px solid #e3e3e3;
            -o-border: 1px solid #e3e3e3;
            color: #999;
            appearance: none;
            -moz-appearance: none; /* Firefox */
            -webkit-appearance: none; /* Safari 和 Chrome */
            background: url("../../../images/zw3d/cssimage/extra/select.png") no-repeat 95% 10px;
            background-size: 15px 15px;
            outline: none;
            padding: 0px 10px;
            margin-left: 20px;
            font-size: 12px;
        }
        #content_CS .fengge {
            width: 5px;
            height: 32px;
            border-top: 1px solid #c9c9c9;
            -moz-border-top: 1px solid #c9c9c9;
            -webkit-border-top: 1px solid #c9c9c9;
            -o-border-top: 1px solid #c9c9c9;
            border-bottom: 1px solid #c9c9c9;
            -moz-border-bottom: 1px solid #c9c9c9;
            -webkit-border-bottom: 1px solid #c9c9c9;
            -o-border-bottom: 1px solid #c9c9c9;
            float: left;
            position: relative;
        }
        #content_CS .fengge img {
            position: absolute;
            top: 4px;
            height: 70%;
        }
        #content_CS .form input::-webkit-input-placeholder { /*WebKit browsers*/
            color: #999;
            font-size: 12px;
        }
        #content_CS .form input::-moz-input-placeholder { /*Mozilla Firefox*/
            color: #999;
            font-size: 12px;
        }
        #content_CS .form input::-ms-input-placeholder { /*Internet Explorer*/
            color: #999;
            font-size: 12px;
        }
        #content_CS .form form .rdBottom {
            margin-left: 20px;
            font-size: 12px;
            padding-left: 10px;
            width: 85%;
        }
        #content_CS .form form .row {
            font-size: 12px;
            margin-top: 20px;
        }
        #content_CS .notice .dismore {
            font-size: 12px;
            color: #666;
            margin-left: 0px;
        }
        #content_CS .form form button {
            margin-left: 20px;
            height: 45px;
            font-size: 18px;
            width: 85%;
        }
        #content_CS .lefttop {
            position: absolute;
            bottom: -68px;
            left: -88px;
            white-space: nowrap;
            padding-right: 80px
        }
        #content_CS .righttop {
            position: absolute;
            bottom: -68px;
            right: 28px;
            white-space: nowrap;
            padding-right: 40px;
        }
        #content_CS .note {
            position: absolute;
            bottom: -30px;
            left: 110px;
            white-space: nowrap;
        }
        #content_CS .date {
            padding-right: 35px;
        }
        #content_CS .two-box .fir p, .two-box .fir span {
            font-size: 12px;
        }
        #content_CS .two-box .page .all div {
            font-size: 12px;
        }
        #content_CS .row .all .ml {
            margin-left: 40px !important;
        }
        #content_CS .sou .suo {
            height: 30px;
            -moz-border: 1px solid #357cb3;
            border: 1px solid #357cb3;
            -webkit-border: 1px solid #357cb3;
            -o-border: 1px solid #357cb3;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -o-border-radius: 10px;
            background: url('../../../images/zw3d/cssimage/extra/sousuo.png') no-repeat 98% -1px;
            background-size: 12% 100%;
            font-size: 12px;
        }
        #content_CS .two-box ul li p a, #content_CS .two-box ul li span {
            font-size: 12px;
        }
        #content_CS .page .all .pa {
            width: 25px;
            height: 25px;
            background: #3283c3;
            margin-left: 10px;
            line-height: 25px;
            font-size: 20px;
            color: #fff;
            text-align: center;
        }
        #content_CS .two-box .mt .page {
            width: 290px;
        }
        #content_CS .two-box ul li .date span {
            text-align: right;
            color: #989898;
            font-size: 12px;
        }
        #content_CS .two-box ul li p {
            font-size: 14px;
        }
        #content_CS .two-box ul li .date span {
            text-align: right;
            color: #989898;
            font-size: 12px;
        }
        #content_CS .two-box ul li .fds span {
            font-size: 12px;
        }
    }
    #content_CS .form form .row{
        position: relative;
    }
    #content_CS .form form .row span.down_low{
        display: none;
        position: absolute;
        left: 62%;
        top: 1px;
        background-color: #fff;
        background-image: url("../../../images/zw3d/cssimage/extra/select.png");
        background-repeat: no-repeat;
        background-position: center center;
        width: 40px;
        height: 100%;
        z-index: 2;
        -webkit-border-radius: 0 10px 10px 0;
        -moz-border-radius: 0 10px 10px 0;
        -ms-border-radius: 0 10px 10px 0;
        -o-border-radius: 0 10px 10px 0;
        border-radius: 0 10px 10px 0;
    }
    input.ndright,#con{
        padding-top:1.2px!important;
        padding-bottom: 1.2px!important;    
    }
/**
 *
 * contact_support attribute END
 */
/**
 * this is public attribute
 */
body,#content_vc,#content_CS,#content_history,#content_index,#content_library,#content_licen,#content_shown,#content_showTO,#content_st,#content_tutorial,#content_ver,#content_Vt{
		font-family: 'open_sansregular'!important;
	}
@font-face {
    font-family: 'open_sansregular';
    src: url('https://cdn.zwsoft.com/static/images/zw3d/cssimage/fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('https://cdn.zwsoft.com/static/images/zw3d/cssimage/fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}.content_main a:hover,.content_main a:focus{
	text-decoration: none;
}
.content_main .newfootbar .f_list_box li span.foot_tit a{
    font-family: inherit;
}
.content_main input{
	border: none;
	outline: none;
}
.content_main img{
	vertical-align: top;
}
.content_main .clear{
	clear: both;
}
.content_main .fl{
	float: left;
}
.content_main .fr{
	float: right;
}
.content_main{
	/*width: 100%*/;
}
.content_main .public .title{
    width: 100%;
    height: 92px;
    font-size: 18px;
    line-height: 92px;
    color: #fff;
    background-repeat: repeat-x;
    background-image: url(../../../images/zw3d/cssimage/extra/bg-banner.jpg);
}
.banner .b_text span>a{
	color: inherit;
}
.content_main .public .title a{
	color: #fff;
}
.content_main .public .title .fl{
	font-size: 24px;
}
.content_main .public .title>div{
    height: 100%;
    width: 1200px;
    margin: 0 auto;
}
.content_main .public .title>div>p{
    display: inline-block;
    margin: 0;
    line-height: 92px;
}
@media screen and (min-width: 1700px) {
	.content_main .public .title>div{
		width: 75.89%;
	}
}
@media screen and (max-width: 1499px) and (min-width: 1380px){
	.content_main .public .title>div{
	    width: 1200px !important;
	}
}
@media screen and (max-width: 1379px) and (min-width: 1260px){
	.content_main .public .title>div{
	    width: 1200px !important;
	}
}
@media screen and (max-width: 1300px){
	.content_main .public .title>div{
	    width: auto !important;
	}
}
@media screen and (min-width: 1100px) and (max-width: 1300px) {
    .content_main .public .title>div{
        height: 100%;
        padding: 0 25px 0 25px;
    }
}
@media screen and (min-width: 1001px) and (max-width: 1100px){
    .content_main .public .title>div{
        height: 100%;
        padding: 0 25px 0 25px;
    }
}
@media screen and (max-width: 1000px) {
    .content_main .public .title>div{
        height: 100%;
        padding: 0 10px 0 10px;
    }
}
@media screen and (max-width: 768px) {
    .content_main .public .title>div{
        height: 100%;
        padding: 0 12px 0 9px;
    }
}
@media screen and (min-width: 1101px) {
    .content_main .public .title ,
    .content_main .public .title a{
        height: 92px;
        font-size: 18px;
    }
    .content_main .public .title .fl{
    	font-size: 24px;

    }
    .content_main .public .title div p{
        line-height: 92px;
    }
}
@media screen and (max-width: 1100px) {
    .content_main .public .title {
        height: 80px;
        line-height: 80px;
        font-size: 18px;
    }
    .content_main .public .title > div > p {
        line-height: 80px;
    }
}
@media screen and (max-width: 768px) {
	.content_main .main-timeline{
    	padding-top: 30px !important;
    }
    .content_main .public .title ,
    .content_main .public .title a{
        height: 66px;
        font-size: 14px;
    }
    .content_main .public .title .fl{
    	font-size: 20px;

    }
    .content_main .public .title div p{
        line-height: 66px;
    }
}
@media screen and (max-width: 550px) {
	.content_main .main-timeline{
    	padding-top: 18px !important;
    }
    .content_main .public .title .fl{
        font-size: 18px;
    }
    .content_main .public .title,
    .content_main .public .title a{
        height: 52px;
        line-height: 52px;
        font-size: 12px;
    }
    .content_main .public .title div p{
        line-height: 50px;
    }
}
@media screen and (max-width: 480px) {
	.content_main .public .title>div{
        height: 100%;
        padding: 0 5px 0 5px;
    }
    .content_main .main-timeline{
        padding-top: 13px !important;
    }
    .content_main .public .title,
    .content_main .public .title a{
        height: 46px;
        line-height: 46px;
        font-size: 12px;
    }
    .content_main .public .title div p{
        line-height: 46px;
    }
}
@media screen and (max-width: 400px){
	.content_main .main-timeline{
    	padding-top: 10px !important;
    }
    .content_main .public .title {
        height: 42px;
        font-size: 12px;
    }
    .content_main .public .title a{
        height: 42px;
    	font-size: 12px;
        line-height: 42px;
    }
    .content_main .public .title > div > p {
        line-height: 42px;
    }
}
@media screen and (max-width: 340px){
	.content_main .contentContent>a>img{
        width: 75px;
    }
    .content_main .contentContent .logo, .navbar-brand{
    	padding-top: 9px !important;
    }
    .content_main .main-timeline{
    	padding-top: 0px !important;
    }
}
@media screen and (max-width: 450px){
	.content_main .public .title .fr{
		display: none;
	}
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/** * public attribute END / 
/*--- weirun css E---*/

/*--cad/cam/mold/why S--*/
/*add by lwg*/

/*公共样式开始*/
.menu-fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
}
.word-tit{
	padding-top: 30px;
	text-align: center;
}
.tit-h2{
	font-size: 36px;
	color: #3588c9;
}
.tit-h3{
	font-size: 24px;
	color: #000000;
}
.max-screen{
	width: 100%;
}
.max-screen p{
	margin-top: 0;
	margin-bottom: 0;
}
.common_banner{
	width: 100%;
	position: relative;
}
.common_banner img{
	width: 100%;
}
.common_banner .banner-title{
	color: #fff;
	position: absolute;
	left: 12%;
	top: 10%;
	width: 50%;
}
.common_banner .banner-title h2{
	font-size: 30px;
}
.common_banner .banner-title p{
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 12px;
}
.common_banner .banner-title span{
	display: block;
	font-size: 20px;
}

.common_nav{
	width: 100%;
	height: 54px;
	background-color: #3d3e3e;
	color: #fff;
	padding: 0 11.6%;
	*padding: 0;
	overflow: hidden;
}
.common_nav ul{
	width: 100%;
	height: 50px;
	margin: 0;
	*width: 92%;
	*margin: 0 auto;
}
.common_nav ul li{
	float: left;
	width: 33.3%;
}
.common_nav ul a.on{
	background-color: #3283c2;
}
.common_nav ul a{
	color: #fff;
	font-size: 30px;
	display: block;
	height: 100%;
	line-height: 50px;
	text-align: center;
}
.common_guid{
	width: 100%;
	padding: 0 10%;
	background-color: #3283c2;
}
.common_guid ul{
	width: 100%;
	margin: 0;
}
.common_guid li{
	float: left;
	background-color: #3283c2;
	width: 130px;
	height: 90px;
	overflow: hidden;
	margin-right: 6px;
}
.common_guid li.big-li{
	width: 196px;
}
.common_guid li a,.common_guid li span{
	color: #fff;
	font-size: 12px;
	display: block;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
}
.common_guid li a.a_btn{
	width: 130px;
	*width: 110px;
	border: 1px solid #fff;
	height: 28px;
	line-height: 28px;
	margin: 30px auto 0 auto;
}
.common_guid li .pt_1{
	padding-top: 36px;
	padding-bottom: 12px;
}
.common_guid li .pt_4{
	padding-top: 32px;
	padding-bottom: 22px;
}
.common_guid li .pt_5{
	padding-top: 23px;
	padding-bottom: 25px;
}
.common_guid li .pt_6{
	padding-top: 25px;
	padding-bottom: 16px;
}
.common_guid li .pt_2,.common_guid li .pt_3{
	padding-top: 25px;
	padding-bottom: 8px;
}
.center-1450{
	width: 1450px;
	margin: 0 auto;
}
.about-zw3d-screen{
	background: url('../../../images/zw3d/cssimage/extra/cad-nine-bg.jpg') top center no-repeat;
	padding: 38px 0 46px 0;
}
.about-zw3d-screen .left{
	float: left;
	width: 50%;
	*width: 49.5%;
}
.about-zw3d-screen .left a{
	display: block;
	width: 40%;
}
.about-zw3d-screen .right{
	float: right;
	width: 50%;
	*width: 49.5%;
}
.about-zw3d-word{
	width: 96%;
	margin: 0 auto;
	background-color: #f1fbff;
	opacity: .9;
}
.about-zw3d-word h3{
	color: #000;
	font-size: 34px;
	margin: 0;
	padding: 34px 14px 16px 14px;
}
.about-zw3d-word p{
	color: #000;
	font-size: 22px;
	margin: 0;
	padding: 16px 14px;
	line-height: 34px;
}
.about-zw3d-word a{
	color: #3283c2;
	font-size: 24px;
}
.cad-about-box{ height: 386px; overflow: hidden;}
.mold-about-box{height: 390px; overflow: hidden;}
.cam-about-box{/*height: 356px;*/height: 400px; overflow: hidden;}
@media only screen and (min-width: 1860px){
	
	.max-screen{
		width: 1920px;
		margin: 0 auto;
	}
	.menu-fixed{
		left: 50%;
		margin-left: -960px;
	}
	.common_banner .banner-title{
		width: 42%;
	}
	.common_banner .banner-title h2{
		font-size: 36px;
	}
	.common_banner .banner-title p{
		font-size: 24px;
		line-height: 40px;
		margin-bottom: 20px;
	}
	.common_banner .banner-title span{
		font-size: 24px;
        height: 40px;
        line-height: 40px;
	}

	.common_nav{
		height: 70px;
		padding: 0 11.6%;
		*padding: 0;
	}
	.common_nav ul{
		height: 66px;
	}
	.common_nav ul a{
		font-size: 36px;
		line-height: 66px;
	}
	.common_guid{
		padding: 0 10%;
	}
	.cam_guid{
		padding: 0 10% 0 13%;
	}
	.common_guid li{
		width: 150px;
		height: 90px;
		margin-right: 20px;
	}
	.common_guid li.big-li{
		width: 170px;
		margin-right: 84px;
	}
	.common_guid li a,.common_guid li span{
		font-size: 14px;
	}
	.common_guid li a.a_btn{
		margin: 35px auto 0 auto;
	}
	.common_guid li.w_112{
		width: 130px;
	}
	.common_guid li.ml_66{
		margin-left: 40px;
	}
	.common_guid li .pt_1{
		padding-top: 46px;
		padding-bottom: 22px;
	}
	.common_guid li .pt_2,.common_guid li .pt_3{
		padding-top: 30px;
		padding-bottom: 18px;
	}
	.common_guid li .pt_4{
		padding-top: 36px;
		padding-bottom: 32px;
	}
	.common_guid li .pt_5{
		padding-top: 30px;
		padding-bottom: 32px;
	}
	.common_guid li .pt_6{
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.tit-h2{
		padding-bottom: 14px;
	}
}
@media only screen and (max-width: 1440px){
	.common_banner .banner-title{
		left: 8%;
		top: 6%;
	}
}

@media only screen and (min-width: 1366px) and (max-width: 1889px){

	.common_guid li{
		width: 10.2%;
		margin-right: 8px;
	}
	.common_guid li.w_112{
		width: 130px;
	}
	.common_guid li.ml_66{
		margin-left: 16px;
		margin-right: 6px;
	}
	.common_guid li.mold_ml_66{
		margin-left: 12%;
	}
	.common_guid li .pt_1{
		padding-top: 34px;
		padding-bottom: 18px;
	}
}

@media only screen and (min-width: 1366px) and (max-width: 1580px){
	.common_guid li.mold_ml_66 {
    margin-left: 2%;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1320px){
	.common_guid{
		padding: 0;
	}
	.common_guid li{
		width: 10%;
	}
	.common_guid li.w_112{
		width: 112px;
	}
	.common_guid li.ml_66{
		margin-left: 6px;
		margin-right: 10px;
	}
	.common_guid li a.a_btn{
		width: 112px;
		*width: 88px;
		border: 1px solid #fff;
		height: 28px;
		line-height: 28px;
		margin: 25px auto 0 auto;
	}
	.common_guid li .pt_1{
		padding-top: 27px;
		padding-bottom: 22px;
	}
	.common_guid li .pt_4{
		padding-top: 26px;
		padding-bottom: 22px;
	}
	.common_guid li .pt_2{
		padding-top: 14px;
		padding-bottom: 8px;
	}
	.common_guid li .pt_3{
		padding-top: 14px;
		padding-bottom: 8px;
	}
	.common_banner .banner-title p.small-font{ line-height: 28px;}
}

@media only screen and (min-width: 769px) and (max-width: 1240px){
	.common_banner .banner-title{
		width: 50%;
		top: 6%;
	}
	.common_banner .banner-title h2{
		font-size: 18px;
	}
	.common_banner .banner-title p{
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 10px;
	}
	.common_banner .banner-title span{
		font-size: 14px;
	}
}
@media only screen and (min-width: 581px) and (max-width: 768px){
	.common_banner .banner-title{
		width: 58%;
		top: 3%;
		left: 4%;
	}
	.common_banner .banner-title h2{
		font-size: 16px;
		margin: 0;
		padding: 8px 0;
		line-height: 20px;
	}
	.common_banner .banner-title p{
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 10px;
	}
	.common_banner .banner-title span{
		font-size: 12px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 580px){
	.common_banner .banner-title{
		width: 96%;
		top: 3%;
		left: 4%;
	}
	.common_banner .banner-title h2{
		font-size: 14px;
		margin: 6px 0 0 0;
		padding: 0 0 0 2px;
		line-height: 24px;
	}
	.common_banner .banner-title h2.small-font{
		font-size: 14px;
		margin: 6px 0 0 0;
		padding: 0 0 0 2px;
		line-height: 24px;
	}
	.common_banner .banner-title p{
		font-size: 8px;
		line-height: 12px;
		margin-bottom: 4px;
		display: none;
	}
	.common_banner .banner-title p.small-font{
		font-size: 8px;
		line-height: 10px;
		margin-bottom: 2px;
	}
	.common_banner .banner-title span{
		font-size: 12px;
		line-height: 18px;
	}
	.common_banner .banner-title span.small-font{
		font-size: 12px;
	}
	.common_nav{
		height: 30px;
		padding: 0 2%;
	}
	.common_nav ul{
		height: 28px;
	}
	.common_nav ul a{
		font-size: 12px;
		line-height: 28px;
	}
}
@media only screen and (max-width: 1450px){
	.center-1450{
		width: 100%;
	}

	.tit-h2{
		font-size: 30px;
	}
	.tit-h3{
		font-size: 18px;
		line-height: 40px;
	}
	.about-zw3d-word h3{
		color: #000;
		font-size: 30px;
		padding: 26px 14px 10px 14px;
	}
	.about-zw3d-word p{
		color: #000;
		font-size: 16px;
		line-height: 28px;
	}
	.about-zw3d-word a{
		color: #3283c2;
		font-size: 16px;
	}
	.cad-about-box{ height: 288px;}
	.mold-about-box{height: 288px;}
	.cam-about-box{height: 288px;}
}
@media only screen and (max-width: 1366px){
	.common_nav{
		padding: 0 4.6%;
		*padding: 0;
	}
	.common_banner .banner-title{
		left: 5%;
		top: 5%;
	}
	.common_guid li.mold_ml_66{margin-left: 130px;}
	.cad-about-box{ height: 320px;}
	.mold-about-box{height: 288px;}
	.cam-about-box{height: 288px;}
}
@media only screen and (max-width: 1284px){
	.common_guid li.mold_ml_66{margin-left: 208px;}
	.common_guid li.ml_66{margin-left: 30px;}

	.common_banner .banner-title{
		left: 2%;
		top: 2%;
	}
	.mold-about-box{height: 370px;}
	.cam-about-box{height: 320px;}
}
@media only screen and (max-width: 1150px){
	.tit-h2{
		font-size: 24px;
	}
	.tit-h3{
		font-size: 16px;
	}
}
@media only screen and (max-width: 1024px){
	.about-zw3d-word h3{
		font-size: 24px;
	}
	.about-zw3d-word p{
		font-size: 14px;
		line-height: 24px;
		padding: 12px 14px;
	}
	.about-zw3d-word a{
		font-size: 14px;
	}
	.cad-about-box{ height: 316px;}
	.mold-about-box{height: 340px;}
	.cam-about-box{height: 320px;}
}
@media only screen and (min-width: 320px) and (max-width: 1234px){
	.common_guid{
		padding: 0;
	}
	.common_guid li{
		width: 33.33%;
		margin: 0;
		border-bottom: 1px solid #fff;
	}
	.common_guid li.big-li{
		width: 33.33%;
	}
	.common_guid li.w_112{
		width: 33.3%;
	}
	.common_guid li.ml_66{
		margin-left: 0;
		margin-right: 0;
	}
	.common_guid li a.a_btn{
		width: 112px;
		border: 1px solid #fff;
		height: 28px;
		line-height: 28px;
		margin: 30px auto 0 auto;
	}
	.common_guid li .pt_1{
		padding-top: 24px;
		padding-bottom: 23px;
	}
	.common_guid li .pt_2{
		padding-top: 14px;
		padding-bottom: 8px;
	}
	.common_guid li .pt_3{
		padding-top: 14px;
		padding-bottom: 8px;
	}
	.common_guid li .pt_4{
		padding-top: 26px;
		padding-bottom: 22px;
	}
}
@media only screen and (max-width: 768px){

	.tit-h2 { font-size: 24px; padding-left: 12px; padding-right: 12px;}
	.tit-h3 {  font-size: 14px; padding-left: 12px; padding-right: 12px; line-height: 24px;}
	

	.common_banner .banner-title{
		top: 3%;
		left: 1%;
	}
	.common_nav{
		height: 40px;
	}
	.common_nav ul{
		height: 40px;
	}
	.common_nav ul a{
		font-size: 24px;
		line-height: 38px;
		
	}
	.common_guid li{
		height: 54px;
	}
	.common_guid li .pt_1{
		padding-top: 18px;
		padding-bottom: 15px;
	}
	.common_guid li .pt_2{
		padding-top: 6px;
		padding-bottom: 7px;
	}
	.common_guid li .pt_3 {
		padding-top: 6px;
		padding-bottom: 7px;
	}
	.common_guid li a.a_btn{
		margin: 13px auto;
	}
	.common_guid li .pt_4{
		padding-top: 10px;
		padding-bottom: 15px;
	}
	.common_guid li .pt_5{
		padding-top: 12px;
    	padding-bottom: 17px;
	}
	.common_guid li .pt_6 {
		padding-top: 6px;
		padding-bottom: 7px;
	}
	.about-zw3d-screen .left a{display: inline;}
	.cad-about-box{height:370px;}
	.mold-about-box{height: 386px;}
	.cam-about-box{height: 320px;}
}
@media only screen and (max-width: 600px){

	.tit-h2{
		font-size: 24px;
		line-height: 32px;
		padding-bottom: 10px;
	}
	.tit-h3{
		font-size: 14px;
		line-height: 24px;
	}

	.about-zw3d-screen{
		padding: 28px 0 16px 0;
	}
	.about-zw3d-screen .left{
		width: 100%;
	}
	.about-zw3d-screen .right{
		width: 100%;
		margin-top: 10px;
	}
	.about-zw3d-word{

	}
	.about-zw3d-word h3{
		color: #000;
		font-size: 18px;
		margin: 0;
		padding: 20px 14px  4px 14px;
	}
	.about-zw3d-word p{
		color: #000;
		font-size: 14px;
		margin: 0;
		padding: 6px 14px;
		line-height: 24px;
	}
	
	.about-zw3d-word a{
		color: #3283c2;
		font-size: 14px;
	}
	.common_guid li a, .common_guid li span{
		font-size: 10px;
	}
	.common_nav ul a{
		font-size: 20px;
	}
	.cad-about-box{height: auto;}
	.mold-about-box{height: auto;}
	.cam-about-box{height: auto;}
}
@media only screen and (max-width: 321px){
	.common_guid li:nth-child(6) .pt_3{
		padding-top: 4px;
		padding-bottom: 8px;
		line-height: 14px;
	}
	.common_guid li:nth-child(3) .pt_3{
		padding-top: 4px;
		padding-bottom: 8px;
		line-height: 14px;
	}
}
/*公共样式结束*/

/*cad 页面开始*/
.cad_second{
	width: 100%;
	background-color: #fff;
	padding-bottom: 87px;
}

.cad_second .second_main{
	position: relative;
	padding-top: 100px;
	width: 940px;
	margin: 0 auto;
}
.cad_second .second-pic{
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -182.5px;
}
.cad_second .second-left{
	float: left;
}
.cad_second .second-right{
	float: right;
}
.second-left p { position: relative; line-height: 52px; padding-left: 80px;  }
.second-left i  { position: absolute; left: 0; top: 10px; display: inline-block; width: 34px; height: 34px;
	background-color: #BFBFBF;
	border-radius: 50%;
	 *background: url('../../../images/zw3d/cssimage/extra/b-icon03.png') top no-repeat; 
	 background: url('../../../images/zw3d/cssimage/extra/b-icon03.png') top no-repeat\9; 
	  }
.second-right p { position: relative; line-height: 52px; padding-right: 80px;  }
.second-right i  { position: absolute; right: 0; top: 10px; display: inline-block; width: 34px; height: 34px; 
	background-color: #BFBFBF;
	border-radius: 50%;
	*background: url('../../../images/zw3d/cssimage/extra/b-icon03.png') top no-repeat;
	background: url('../../../images/zw3d/cssimage/extra/b-icon03.png') top no-repeat\9;
   }


.cad-third-screen{
	width: 100%;
	background: url('../../../images/zw3d/cssimage/extra/cad-third-bg.jpg') top center no-repeat;
	padding-bottom: 50px;
}
.cad-third-screen .tit-h3{
	line-height: 44px;
}
.cad-third-pic{
	width: 1150px;
	height: 430px;
	margin: 20px auto 0 auto;
}
.cad-third-pic .third-span-list{
	position: relative;
	width: 100%;
	height: 100%;
}
.cad-third-pic span{
	position: absolute;
	left: 0;
	top: 0;
}

.cad-four-screen{
	background-color: #fff;
	padding: 60px 0 100px;
}
.cad-four-screen .word-tit{
	text-align: left;
	width: 60%;
	float: left;
}
.cad-four-screen .tit-h2{
	padding-left: 40px;
}
.cad-four-screen .tit-h3{
	padding-left: 40px;
	padding-right: 82px;
	line-height: 44px;
	padding-top: 18px;
}
.cad-four-pic{
	width: 40%;
	*width: 39.5%;
	float: right;
	max-width: 564px;
	padding-top: 60px;
}
.cad-four-pic div{
	padding-right: 20px;
	padding-top: 56px;
}
.img-animation img{
	width: 100%;
}
.cad-five-screen{
	background: url('../../../images/zw3d/cssimage/extra/cad-five-bg.jpg') top center no-repeat;
}

.cad-five-pic{
	width: 44%;
	*width: 43.5%;
	float: left;
}
.cad-five-pic div{
	padding: 109px 109px 58px 68px;
}
.cad-five-screen .five-word-tit{
	float: right;
	width: 56%;
	padding-top: 170px;
}
.cad-five-screen .five-word-tit .tit-h2{
	padding-right: 30px;
}
.cad-five-screen .five-word-tit .tit-h3{
	padding-right: 30px;
	padding-top: 20px;
	line-height: 48px;
}
.cad-six-screen{
	background-color: #fff;
	padding: 128px 0 84px 0;
}
.cad-six-screen .word-tit{
	text-align: left;
	width: 64%;
	float: left;
	padding: 0;
}
.cad-six-screen .tit-h2{
	padding-left: 32px;
}
.cad-six-screen .tit-h3{
	padding-left: 32px;
	padding-top: 18px;
	line-height: 44px;
	width: 82%;
}
.cad-six-pic{
	width: 36%;
	*width: 35.5%;
	float: left;
	max-width: 520px;
}
.cad-six-pic img{
	width: 100%;
}
.cad-six-list{
	position: relative;
}
.cad-six-list span{
	position: absolute;
	left: 0;
	top: 0;
}
.cad-seven-screen{
	background: url('../../../images/zw3d/cssimage/extra/cad-seven-bg.jpg') top center no-repeat;
}

.cad-seven-pic{
	width: 41%;
	*width: 40.5%;
	float: left;
}
.cad-seven-pic img{
	width: 100%;
}
.cad-seven-pic .cad-seven-list{
	margin-top: 43px;
	position: relative;
}
.cad-seven-list span{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.cad-seven-screen .seven-word-tit{
	float: right;
	width: 59%;
	padding-top: 126px;
}
.cad-seven-screen .seven-word-tit .tit-h2{
	padding-left: 82px;
	line-height: 60px;
}
.cad-seven-screen .seven-word-tit .tit-h3{
	padding-left: 82px;
	padding-top: 26px;
	line-height: 44px;
}

.cad-eight-screen{
	background-color: #fff;
	padding: 75px 0 80px 0;
}
.cad-eight-screen .word-tit{
	text-align: left;
	width: 53%;
	float: left;
	padding: 0;
}
.cad-eight-screen .tit-h2{
	padding-left: 38px;
	line-height: 56px;
	padding-bottom: 20px;
}
.cad-eight-screen .tit-h3{
	padding-left: 38px;
	padding-top: 14px;
	line-height: 40px;
	width: 95%;
}
.cad-eight-pic{
	width: 47%;
	*width: 46.5%;
	float: left;
	max-width: 576px;
}
.cad-eight-pic img{
	width: 100%;
}
.cad-eight-pic div{
	padding: 86px 33px 0 80px;
}




@media only screen and (min-width: 1860px){

	.cad_second .tit-h3{
		 line-height: 42px;
	 }
	.cad-third-screen{
		padding-bottom: 76px;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1320px){
	.cad-five-screen .five-word-tit{
		padding-top: 100px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 1023px){
	.cad_second .second_main{
		width: 100%;
	}
	.cad_second .word-tit{
		padding-top: 36px;
	}
}
@media only screen and (max-width: 1450px){

	.cad-four-screen{
		padding: 40px 0;
	}

	.cad-four-pic{
		width: 35%;
		*width: 34.5%;
		padding-top: 20px;
	}
	.cad-six-screen{
		padding: 60px 0 40px 0;
	}

	.cad-seven-screen .seven-word-tit .tit-h2{
		line-height: 46px;
	}
	.cad-seven-screen .seven-word-tit .tit-h3{
		padding-top: 20px;
	}
	.cad-eight-screen{
		background-color: #fff;
		padding: 60px 0 65px 0;
	}
	.cad-eight-screen .tit-h2{
		padding-left: 30px;
		line-height: 46px;
		padding-bottom: 2px;
	}
	.cad-eight-screen .tit-h3{
		padding-left: 30px;
		padding-top: 14px;
		width: 95%;
	}
	.cad-eight-pic div{
		padding: 90px 30px 0 60px;
	}
	.about-zw3d-word p.about-cad-pb{
		padding-bottom: 16px;
		*padding-bottom: 44px;
	}
}
@media only screen and (min-width: 1264px) and (max-width: 1284px){
	.about-zw3d-word p.about-cad-pb{
		padding-bottom: 46px;
	}
}
@media only screen and (max-width: 1150px){
	.cad-third-pic{
		width: 100%;
		padding: 10px;
	}
	.cad-third-pic img{
		width: 100%;
	}
	.cad-third-screen{
		padding-bottom: 20px;
	}
	.cad-five-screen .five-word-tit{
		padding-top: 40px;
	}
	.cad-five-pic div{
		padding: 40px 60px 38px 68px;
	}
	.cad-five-screen .five-word-tit .tit-h3{
		padding-top: 6px;
		line-height: 44px;
	}
}
@media only screen and (max-width: 768px){
	.cad_second .second-pic{
		position: relative;
		top: 0;
		left: 50%;
		margin-left: 0;
		width: 40%;
		transform:translateX(-50%);
		text-align: center;
	}
	.cad_second .second-pic img{
		width: 100%;
	}
	.second-word-all {
		position: absolute;
		width: 90%;
		left: 5%;
		top: 30px;

	}
	.cad_second .second_main{
		padding: 30px;
	}

	.cad_second{
		padding-bottom: 40px;
	}
	.cad-third-pic{
		height: 300px;
	}
	.about-zw3d-word p.about-cad-pb{
		padding-bottom: 16px;
	}
	.cad-third-screen .tit-h3{
		line-height: 30px;
	}
	.cad-four-screen .tit-h3{
		line-height: 24px;
	}
	.cad-four-screen{
		padding: 10px 0 30px 0;
	}
	.cad-five-screen .five-word-tit .tit-h3{
		line-height: 30px;
	}
	.cad-six-screen{
		padding: 30px 0 30px 0;
	}
	.cad-eight-screen{
		padding: 30px 0 30px 0;
	}
	.cad-eight-screen .tit-h3{
		line-height: 30px;
	}
	.cad-six-screen .tit-h3{
		line-height: 30px;
	}
	.cad-seven-screen .seven-word-tit .tit-h2{
		line-height: 40px;
	}
	.cad-seven-screen .seven-word-tit{
		padding-top: 68px;
	}
	.cad-eight-screen .tit-h2{
		line-height: 40px;
	}
	.cad-seven-screen .seven-word-tit .tit-h3{
		line-height: 34px;
	}
}
@media only screen and (max-width: 600px){

    .second-left i { width: 16px; height: 16px; background-size: 100%;     top: 6px; }
    .second-left p { position: relative; line-height: 28px; padding-left: 30px; }
    .second-right i { width: 16px; height: 16px; background-size: 100%;     top: 6px; }
    .second-right p { position: relative; line-height: 28px; padding-right: 30px; }
	.cad-third-pic{
		height: 250px;
	}
	.cad-four-screen .word-tit{
		width: 100%;
		padding: 20px;
		overflow: hidden;
	}
	.cad-four-screen .word-tit .tit-h2{
		padding: 0 0 10px 0;
	}
	.cad-four-screen .word-tit .tit-h3{
		padding: 0;
	}
	.cad-four-pic{
		width: 100%;
		padding-top: 60px;
	}

	.cad-four-pic div{
		padding: 40px;
	}
	.cad-four-pic{
		padding: 0;
	}
	.cad-five-pic{
		width: 100%;
	}
	.cad-five-pic div{
		padding: 40px 70px;
	}
	.cad-five-screen .five-word-tit .tit-h2{
		padding: 0 0 10px 0;
	}
	.cad-five-screen .five-word-tit .tit-h3{
		padding: 0;
	}


	.cad-five-screen .five-word-tit{
		width: 100%;
		padding: 20px;
	}

	.cad-six-screen .word-tit{
		width: 100%;
		padding: 20px;
	}
	.cad-six-screen .tit-h2{
		padding: 0 0 10px 0;
	}
	.cad-six-screen .tit-h3{
		padding: 0;
		line-height: 24px;
		width: 100%;
	}
	.cad-third-screen .tit-h3{
		line-height: 24px;
	}
	.cad-five-screen .five-word-tit .tit-h3{
		line-height: 24px;
	}
	.cad-six-pic{
		width: 100%;
		padding: 40px;
	}
	.cad-six-screen{padding: 0;}


	.cad-seven-pic{
		width: 100%;
		float: left;
		padding: 10px 40px 0 20px;
	}
	.cad-seven-pic img{
		width: 100%;
	}
	.cad-seven-pic .cad-seven-list{
		margin-top: 20px;
		
	}

	.cad-seven-screen .seven-word-tit{
		width: 100%;
		padding: 20px;
	}
	.cad-seven-screen .seven-word-tit .tit-h2{
		padding-left: 0;
		line-height: 30px;
	}
	.cad-seven-screen .seven-word-tit .tit-h3{
		padding-left: 0;
		padding-top: 0;
		line-height: 24px;
	}

	.cad-eight-screen{
		background-color: #fff;
		padding: 20px 0 20px 0;
	}
	.cad-eight-screen .word-tit{
		width: 100%;
		padding: 20px;
	}
	.cad-eight-screen .tit-h2{
		padding-left: 0;
		line-height: 30px;
		padding-bottom: 10px;
	}
	.cad-eight-screen .tit-h3{
		padding-left: 0;
		padding-top: 4px;
		line-height: 24px;
		width: 100%;
	}
	.cad-eight-pic{
		width: 100%;
	}
	.cad-eight-pic div{
		padding: 40px;
	}

}
@media only screen and (max-width: 400px){
	.cad-third-pic{
		height: 150px;
	}
}
/*cad 页面结束*/

/*cam 页面开始*/

.cam_second{
	width: 100%;
	background-color: #fff;
}
.cam_second .word-tit{
	padding-top: 40px;
}
.cam_second .tit-h3{
	line-height: 44px;
	padding-top: 20px;
}
.cam_second .second_main{
	padding-top: 20px;
	width: 930px;
	margin: 0 auto;
}
.cam_second .second-pic{
	width: 100%;
}
.cam_second .second-pic img{
	width: 100%;
}
.cam-third-screen{
	background: url('../../../images/zw3d/cssimage/extra/cam-third-bg.jpg') top center no-repeat;
	padding: 94px 0 188px 0;
}
.cam-third-screen .word-tit{
	text-align: left;
	width: 60%;
	float: left;
	padding-left: 26px;
}
.cam-third-screen .tit-h2{
	padding-bottom: 40px;
}
.cam-third-screen .tit-h3{
	line-height: 44px;
	padding-right: 20px;
	padding-top: 30px;
}
.cam-third-pic{
	width: 40%;
	float: right;
	max-width: 509px;
}
.cam-third-pic div{
	padding: 150px 76px 0 0;
}
.cam-third-pic img{
	width: 100%;
}

.cam-four-screen{
	background-color: #fff;
	padding: 10px 0 100px 0;
}

.cam-four-pic{
	width: 42%;
	float: left;
	max-width: 620px;
}
.cam-four-pic div{
	padding-top: 70px;
}
.cam-four-screen .word-tit{
	float: right;
	width: 58%;
	text-align: left;
}
.cam-four-screen .word-tit .tit-h2{
	padding-right: 26px;
	padding-left: 65px;
	padding-bottom: 20px;
}
.cam-four-screen .word-tit .tit-h3{
	padding-right: 26px;
	padding-left: 65px;
	padding-top: 20px;
	line-height: 44px;
}

.cam-five-screen{
	background: url('../../../images/zw3d/cssimage/extra/cam-five-bg.jpg') top center no-repeat;
	padding: 80px 0 100px 0;
}
.cam-five-screen .word-tit{
	text-align: left;
	width: 57%;
	float: left;
}
.cam-five-screen .tit-h2{
	padding-bottom: 40px;
	padding-left: 20px;
}
.cam-five-screen .tit-h3{
	line-height: 44px;
	padding-left: 32px;
	padding-top: 20px;
}
.cam-five-pic{
	width: 43%;
	*width: 42.5%;
	float: left;
	max-width: 533px;
}
.cam-five-pic div{
	padding: 70px;
	text-align: center;
}
.cam-five-pic img{
	width: 100%;
	max-width: 533px;
}

.cam-six-screen{
	background-color: #fff;
	padding: 116px 0 120px 0;
}

.cam-six-pic{
	width: 40%;
	*width: 39.5%;
	float: left;
	max-width: 570px;
}
.cam-six-pic div{
	padding-top: 66px;
}
.cam-six-screen .word-tit{
	float: right;
	width: 60%;
	text-align: left;
	padding-top: 10px;
}
.cam-six-screen .word-tit .tit-h2{
	padding-right: 30px;
	padding-left: 100px;
	padding-bottom: 20px;
}
.cam-six-screen .word-tit .tit-h3{
	padding-right: 30px;
	padding-left: 100px;
	padding-top: 20px;
	line-height: 44px;
}


.cam-seven-screen{
	background: url('../../../images/zw3d/cssimage/extra/cam-seven-bg.jpg') top center no-repeat;
	padding: 80px 0 100px 0;
}
.cam-seven-screen .word-tit{
	text-align: left;
	width: 64%;
	float: left;
	padding-top: 40px;
}
.cam-seven-screen .tit-h2{
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 136px;
}
.cam-seven-screen .tit-h3{
	line-height: 44px;
	padding-right: 136px;
	padding-left: 20px;
	padding-top: 30px;
}
.cam-seven-pic{
	width: 36%;
	float: left;
	max-width: 553px;
}
.cam-seven-pic div{
	padding-top: 76px;
}
.cam-seven-pic img{
	width: 100%;
}


.cam-eight-screen{
	background-color: #fff;
	padding: 100px 0 30px 0;
}

.cam-eight-pic{
	width: 55%;
	float: left;
	max-width: 793px;
}
.cam-eight-pic div{
	padding-top: 25px;
}
.cam-eight-screen .word-tit{
	float: right;
	width: 45%;
	text-align: left;
	padding-top: 20px;
}
.cam-eight-screen .word-tit .tit-h2{
	padding-right: 20px;
	padding-bottom: 30px;
	padding-top: 20px;
}
.cam-eight-screen .word-tit .tit-h3{
	padding-right: 20px;
	padding-top: 24px;
	line-height: 44px;
}

.cam-nine-screen{
	background: url('../../../images/zw3d/cssimage/extra/cam-nine-bg.jpg') top center no-repeat;
	padding: 80px 0 90px 0;
}
.cam-nine-screen .word-tit{
	text-align: left;
	width: 66%;
	float: left;
	padding-top: 12px;
}
.cam-nine-screen .tit-h2{
	padding-bottom: 0;
	padding-left: 28px;
	padding-right: 76px;
}
.cam-nine-screen .tit-h3{
	line-height: 44px;
	padding-left: 28px;
	padding-right: 76px;
	padding-top: 26px;
}
.cam-nine-pic{
	width: 34%;
	float: left;
	max-width: 502px;
}
.cam-nine-pic div{
	padding-top: 80px;
}
.cam-nine-pic img{
	width: 100%;
}

.cam-ten-screen{
	background-color: #fff;
	padding: 86px 0 120px 0;
}

.cam-ten-pic{
	width: 48%;
	float: left;
	max-width: 696px;
}
.cam-ten-pic div{
	padding: 8px 70px 0 30px;
}
.cam-ten-screen .word-tit{
	float: right;
	width: 52%;
	text-align: left;
	padding-top: 0;
}
.cam-ten-screen .word-tit .tit-h2{
	padding-right: 66px;
	padding-bottom: 20px;
}
.cam-ten-screen .word-tit .tit-h3{
	padding-right: 56px;
	padding-top: 20px;
	line-height: 44px;
}
.about-zw3d-word p.about-cam-pb{padding-bottom: 38px;}


@media only screen and (min-width: 1860px){
	.cam_guid{
		padding: 0 10% 0 13%;
	}
	.cam_guid li{
		width: 135px;
		height: 90px;
		margin-right: 12px;
    }
    .cam_guid li.small-li{
		width: 100px;
    }
    .cam_guid li.small-li-2{
        width: 90px;
    }
    .cam_guid li.ml_66{
        margin-left: 20px;
    }
	.cam_second .tit-h3{
		line-height: 42px;
	}
	.cam-five-pic div{
		padding: 40px;
		text-align: center;
	}
	.cam-seven-pic img{
		margin-right: -30px;
	}
	.cam-eight-pic{
		width: 55%;
	}
	.cam-eight-screen .word-tit{
		width: 51%;
	}
	.cam-eight-pic{
		margin-left: -100px;
	}
}
@media only screen and (max-width: 1860px) and (min-width: 1366px){
	.cam_guid li{
		width: 9%;
	}
	.cam_guid li.small-li{
		width: 7%;
    }
    .cam_guid li.small-li-2{
        width: 4%;
    }
	.cam_guid li.ml_66{margin-left: 10px;}
}

@media only screen and (max-width: 1450px){
	.cam-third-screen{
		padding: 44px 0 88px 0;
	}
	.cam-third-screen .tit-h2{
		padding-bottom: 20px;
	}
	.cam-third-screen .tit-h3{
		line-height: 34px;
		padding-right: 20px;
	}
	.cam-third-pic div{
		padding: 90px 46px 0 0;
	}

	.cam-four-screen{
		padding: 36px 0 60px 0;
	}


	.cam-four-pic div{
		padding-top: 40px;
		padding-left: 80px;
	}


	.cam-four-screen .word-tit .tit-h2{
		padding-right: 26px;
		padding-left: 65px;
		padding-bottom: 12px;
	}
	.cam-four-screen .word-tit .tit-h3{
		padding-right: 26px;
		padding-left: 65px;
		padding-top: 12px;
		line-height: 30px;
	}

	.cam-five-screen{
		padding: 64px 0 100px 0;
	}
	.cam-five-screen .tit-h2{
		padding-bottom: 30px;
		padding-left: 20px;
	}
	.cam-five-screen .tit-h3{
		line-height: 40px;

	}
	.cam-five-pic div{
		padding: 50px;
	}

	.cam-six-screen{
		background-color: #fff;
		padding: 60px 0 90px 0;
	}
	
	.cam-six-pic{
		width: 40%;
		float: left;
		max-width: 570px;
	}
	.cam-six-pic div{
		padding-top: 46px;
		padding-left: 40px;
	}
	.cam-six-screen .word-tit{
		text-align: left;
		padding-top: 10px;
	}
	.cam-six-screen .word-tit .tit-h2{
		padding-right: 20px;
		padding-left: 80px;
		padding-bottom: 10px;
	}
	.cam-six-screen .word-tit .tit-h3{
		padding-right: 20px;
		padding-left: 80px;
		padding-top: 10px;
		line-height: 40px;
	}

	.cam-seven-screen{
		padding: 100px 0 90px 0;
	}
	.cam-seven-screen .tit-h2{
		padding-bottom: 30px;
		padding-left: 20px;
		padding-right: 100px;
	}
	.cam-seven-screen .tit-h3{
		line-height: 38px;
		padding-right: 100px;
		padding-left: 20px;
	}
	.cam-seven-pic div{
		padding-top: 56px;
		padding-right: 20px;
	}


	.cam-eight-screen{
		background-color: #fff;
		padding: 80px 0 20px 0;
	}
	
	.cam-eight-pic div{
		padding-top: 20px;
	}

	.cam-eight-screen .word-tit .tit-h2{
		padding-right: 20px;
		padding-bottom: 10px;
	}
	.cam-eight-screen .word-tit .tit-h3{
		padding-right: 20px;
		padding-top: 10px;
		line-height: 40px;
	}

	.cam-nine-screen{
		padding: 80px 0 80px 0;
	}

	.cam-nine-screen .tit-h2{
		padding-right: 56px;
	}
	.cam-nine-screen .tit-h3{
		line-height: 40px;
		padding-right: 56px;
	}
	.cam-nine-pic{
		width: 34%;
		float: right;
		max-width: 502px;
	}
	.cam-nine-pic div{
		padding-top: 60px;
		padding-right: 30px;
	}
	.cam-nine-pic img{
		width: 100%;
	}

	.cam-ten-screen{
		padding: 66px 0 120px 0;
	}
	

	.cam-ten-pic div{
		padding: 8px 50px 0 40px;
	}

	.cam-ten-screen .word-tit .tit-h2{
		padding-right: 40px;
		padding-bottom: 10px;
	}
	.cam-ten-screen .word-tit .tit-h3{
		padding-right: 40px;
		padding-top: 10px;
		line-height: 40px;
	}
	.about-zw3d-word p.about-cam-pb{padding-bottom: 31px}
}
@media only screen and (max-width: 1365px){
	.cam_guid li{
		width: 130px;
		*width: 9%;
	}
	
}
@media only screen and (max-width: 1361px){
	.about-zw3d-word p.about-cam-pb{padding-bottom: 46px;}
	
}
@media only screen and (min-width: 1236px) and (max-width: 1366px){
	.cam_guid li.small-li{
		width: 7%;
    }
    .cam_guid li.small-li-2{
        width: 4%;
    }
    .cam_guid li.small-li-3{
		width: 6%;
    }
}

@media only screen and (max-width: 1113px){
	.about-zw3d-word p.about-cam-pb{padding-bottom: 31px;}
	
}
@media only screen and (max-width: 1235px) and (min-width: 320px){
	.cam_guid li{
		width: 33.3%;
		margin: 0;
	}
	.cam_guid li:nth-child(4){
		width: 20%;
	}

	.cam_guid li:nth-child(5){
		width: 20%;
	}
	.cam_guid li:nth-child(6){
		width: 20%;
	}
	.cam_guid li:nth-child(7){
		width: 20%;
    }
    .cam_guid li:nth-child(8){
		width: 20%;
    }
    .common_guid li.ml_66{
        margin-left: 0;
        margin-right: 0;
    }
}
@media only screen and (max-width: 1124px) and (min-width: 1024px){
	.cam_guid li.ml_66{
		margin: 0;
	}
	/* .cam_guid li.w_112{
		width: 33.3%;
	} */
}



@media only screen and (min-width: 320px) and (max-width: 1023px){
	.cam_second .second_main{
		width: 100%;
		text-align: center;
	}
	.cam_second .second_main img{
		width: 90%;

	}
	.cam_second .word-tit{
		padding-top: 36px;
	}
}
@media only screen and (max-width: 1024px){
	.about-zw3d-word p.about-cam-pb{padding-bottom: 61px}
}
@media only screen and (max-width: 768px){
	.cam_second .tit-h3{
		line-height: 30px;
	}
	.cam-third-screen .tit-h3{
		line-height: 30px;
		padding-top: 10px;
	}
	.cam-third-screen {
		padding: 14px 0 38px 0;
	}
	.cam-four-screen {
		padding: 16px 0 30px 0;
	}
	.cam-five-screen{
		padding: 14px 0 30px 0;
	}
	.cam-five-screen .tit-h2{
		padding-bottom: 10px;
		padding-left: 20px;
	}
	.cam-five-screen .tit-h3{
		line-height: 30px;
		padding-top: 10px;
	}
	.cam-five-pic div{
		padding: 50px;
	}

	.cam-six-screen{
		background-color: #fff;
		padding: 40px 0 60px 0;
	}
	

	.cam-six-pic div{
		padding-top: 26px;
		padding-left: 20px;
	}

	.cam-six-screen .word-tit .tit-h2{
		padding-right: 10px;
		padding-left: 40px;
		padding-bottom: 10px;
	}
	.cam-six-screen .word-tit .tit-h3{
		padding-right: 10px;
		padding-left: 40px;
		padding-top: 10px;
		line-height: 30px;
	}

	.cam-seven-screen {
		padding: 30px 0 30px 0;
	}
	.cam-seven-screen .tit-h2{
		padding-bottom: 10px;
	}
	.cam-eight-screen{
		background-color: #fff;
		padding: 20px 0 10px 0;
	}
	.cam-seven-screen .tit-h3{
		line-height: 30px;
		padding-top: 10px;
	}
	.cam-eight-screen .word-tit .tit-h2{
		padding-right: 20px;
		padding-bottom: 0;
	}
	.cam-eight-screen .word-tit .tit-h3{
		padding-right: 20px;
		padding-top: 0;
		line-height: 30px;
	}

	.cam-nine-screen{
		padding: 30px 0 30px 0;
	}
	.cam-nine-screen .tit-h3{
		line-height: 30px;
		padding-top: 10px;
	}
	.cam-nine-pic div{
		padding-top: 60px;
	}

	.cam-ten-screen{
		padding: 50px 0 100px 0;
	}
	

	.cam-ten-screen .word-tit .tit-h2{
		padding-right: 36px;
		padding-bottom: 6px;
	}
	.cam-ten-screen .word-tit .tit-h3{
		padding-right: 36px;
		padding-top: 6px;
		line-height: 30px;
	}
	.about-zw3d-word p.about-cam-pb{padding-bottom: 61px;}
}
@media only screen and (max-width: 600px){
    .cam_guid li .cam_pt_4{
        padding-top: 10px;
    }
	.cam_second .tit-h3{
		line-height: 24px;
		padding-top: 10px;
	}
	.cam_second .word-tit{
		padding-top: 20px;
	}
	.cam-third-screen .word-tit{
		width: 100%;
		padding: 20px;
		overflow: hidden;
	}
	.cam-third-pic{
		width: 100%;
		padding-top: 10px;
	}
	.cam-third-screen{
		padding: 0;
	}
	.cam-third-screen .tit-h2{
		padding: 0;
	}
	.cam-third-screen .tit-h3{
		line-height: 24px;
		padding: 10px 0 0 0;
	}
	.cam-third-pic div{
		padding: 20px 36px;
	}

	.cam-four-screen{
		padding: 0;
	}
	.cam-four-pic{
		width: 100%;
	}
	.cam-four-pic div{
		padding: 20px 40px;
	}
	.cam-four-screen .word-tit{
		width: 100%;
		padding: 20px;
	}
	.cam-four-screen .word-tit .tit-h2{
		padding-right: 0;
		padding-left: 0;
		padding-bottom: 6px;
	}
	.cam-four-screen .word-tit .tit-h3{
		padding-right: 0;
		padding-left: 0;
		padding-top: 10px;
		line-height: 24px;
	}
	.cam-five-screen .tit-h3{
		line-height: 24px;
	}
	.cam-five-screen{
		padding: 0;
	}
	.cam-five-screen .word-tit{
		width: 100%;
		padding: 20px;
	}
	.cam-five-screen .tit-h2{
		padding-bottom: 4px;
		padding-left: 0;
	}
	.cam-five-screen .tit-h3{
		padding-right: 0;
		padding-left: 0;
	}
	.cam-five-pic{
		width: 100%;
	}
	.cam-five-pic div{
		padding:0 50px 40px 50px;
	}

	.cam-six-screen{
		padding: 20px 0px;
	}
	
	.cam-six-pic{
		width: 100%;
	}
	.cam-six-pic div{
		padding: 20px 40px;
	}
	.cam-six-screen .word-tit{
		width: 100%;
		padding: 20px;
	}
	.cam-six-screen .word-tit .tit-h2{
		padding-right: 0;
		padding-left: 0;
		padding-bottom: 10px;
	}
	.cam-six-screen .word-tit .tit-h3{
		padding-right: 0;
		padding-left: 0;
		padding-top: 10px;
		line-height: 24px;
	}

	.cam-seven-screen{
		padding:0;
	}
	.cam-seven-screen .word-tit{

		width: 100%;
		padding: 20px;

	}
	.cam-seven-screen .tit-h2{
		padding: 0;
	}
	.cam-seven-screen .tit-h3{
		line-height: 24px;
		padding: 10px 0 0 0;
	}
	.cam-seven-pic{
		width: 100%;
	}
	.cam-seven-pic div{
		padding: 20px 40px;
	}
	.cam-seven-pic img{
		width: 100%;
	}

	.cam-eight-screen{
		padding: 0;
	}
	
	.cam-eight-pic{
		width: 100%;
	}
	.cam-eight-pic div{
		padding: 20px 20px 0 0;
	}
	.cam-eight-screen .word-tit{
		width: 100%;
		padding: 0 20px 20px 20px;
	}
	.cam-eight-screen .word-tit .tit-h2{
		padding: 20px 0 0 0;
	}
	.cam-eight-screen .word-tit .tit-h3{
		padding: 10px 0 0 0;
		line-height: 24px;
	}

	.cam-nine-screen{
		padding:  0;
	}
	.cam-nine-screen .word-tit{
		width: 100%;
		padding: 20px;
	}
	.cam-nine-screen .tit-h2{
		padding: 0;
	}
	.cam-nine-screen .tit-h3{
		line-height: 24px;
		padding: 10px 0 0 0;
	}
	.cam-nine-pic{
		width: 100%;
	}
	.cam-nine-pic div{
		padding: 0 60px 20px 60px;
	}

	.cam-ten-screen{
		padding: 0;
	}
	
	.cam-ten-pic{
		width: 100%;
	}
	.cam-ten-pic div{
		padding: 20px 40px;
	}
	.cam-ten-screen .word-tit{
		width: 100%;
		padding: 20px;
	}
	.cam-ten-screen .word-tit .tit-h2{
		padding: 0;
	}
	.cam-ten-screen .word-tit .tit-h3{
		padding: 10px 0 0 0;
		line-height: 24px;
	}
	.about-zw3d-word p.about-cam-pb{
		padding-bottom: 16px;
	}
}
@media only screen and (max-width: 348px){
	.cam_guid li:nth-child(1) .pt_4{
		padding-top: 16px;
	}
	.cam_guid li:nth-child(3) .pt_4{
		padding-top: 16px;
	}.cam_guid li:nth-child(7) .pt_4{
		padding-top: 16px;
	}
}
/*cam 页面结束*/

/*mold 页面开始*/


.mold-second-screen{
	background: #fff;
	padding: 84px 0 78px 0;
}
.mold-second-screen .word-tit{
	text-align: left;
	width: 61%;
	float: left;
	padding-top: 40px;
}
.mold-second-screen .tit-h2{
	padding-bottom: 30px;
	padding-left: 18px;
}
.mold-second-screen .tit-h3{
	line-height: 44px;
	padding-left: 18px;
	padding-right: 140px;
	padding-top: 10px;
}
.mold-second-pic{
	width: 39%;
	float: right;
	max-width: 565px;
}
.mold-second-pic div{
	margin-top: 33px;
	position: relative;
}
.mold-second-pic div span{
	position: absolute;
	left: 0;
	top: 0;
}
.mold-second-pic img{
	width: 100%;
}

.mold-third-screen{
	background: url('../../../images/zw3d/cssimage/extra/mold-third-bg.jpg') top center no-repeat;
	padding: 4px 0 92px 0;
}
.mold-third-screen .word-tit{
	padding-top: 64px;
}
.mold-third-screen .tit-h3{
	line-height: 48px;
}
.mold-third-pic{
	width: 100%;
}
.mold-third-pic div{
	position: relative;
}
.mold-third-pic div span{
	position: absolute;
	left: 0;
	top: 0;
	padding: 0 16px 0 58px;
}
.mold-third-pic img{
	width: 100%;
}

.mold-four-screen{
	background-color: #fff;
	padding: 4px 0 33px 0;
}
.mold-four-screen .word-tit{
	padding-top: 58px;
}
.mold-four-screen .tit-h3{
	line-height: 44px;
}
.mold-four-pic{
	width: 519px;
	margin: 40px auto 0 auto;
}
.mold-four-pic img{
	width: 100%;
}

.mold-five-screen{
	background: url('../../../images/zw3d/cssimage/extra/mold-five-bg.jpg') top center no-repeat;
	padding: 100px 0 60px 0;
}
.mold-five-screen .word-tit{
	text-align: left;
	width: 55%;
	float: left;
	padding-top: 40px;
}
.mold-five-screen .tit-h2{
	padding-bottom: 30px;
	padding-left: 25px;
	padding-right: 32px;
	line-height: 50px;
}
.mold-five-screen .tit-h3{
	line-height: 44px;
	padding-left: 25px;
	padding-right: 24px;
	padding-top: 10px;
}
.mold-five-pic{
	width: 45%;
	float: right;
	max-width: 576px;
}
.mold-five-pic div{
	position: relative;
}
.mold-five-pic div span{
	padding-right: 24px;
	position: absolute;
	left: 0;
	top: 0;
}
.mold-five-pic img{
	width: 100%;
}
.mold-about{padding-bottom: 34px;}
.about-zw3d-word p.about-mold-pb{padding-bottom: 64px;}
@media only screen and (min-width: 1860px){
	.mold_guid{
		padding: 0 10% 0 13%;

	}
	.mold_guid li.ml_66{
		margin-left: 150px;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 320px){
	.mold_guid li.big-li {
		width: 33.3%;
		margin: 0;
	}
}
@media only screen and (max-width: 1450px){
	.mold-second-screen{
		padding: 44px 0 58px 0;
	}
	.mold-second-screen .word-tit{
		padding-top: 20px;
	}
	.mold-second-screen .tit-h2{
		padding-bottom: 20px;
		padding-left: 30px;
	}
	.mold-second-screen .tit-h3{
		line-height: 40px;
		padding-left: 30px;
		padding-right: 100px;
		padding-top: 10px;
	}
	.mold-second-pic div{
		margin-top: 23px;
		padding-right: 20px;
		position: relative;
	}
	.mold-second-pic div span{
		padding-right: 40px;
	}
	.mold-second-pic img{
		width: 100%;
	}


	.mold-third-screen{
		padding: 4px 0 72px 0;
	}
	.mold-third-screen .word-tit{
		padding-top: 48px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.mold-third-screen .tit-h3{
		line-height: 40px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.mold-third-pic{
		width: 100%;
	}
	.mold-third-pic div{
		position: relative;
	}
	.mold-third-pic div span{
		position: absolute;
		left: 0;
		top: 0;
		padding: 0 40px 0 40px;
	}
	.mold-third-pic img{
		width: 100%;
	}

	.mold-four-screen .tit-h3{
		line-height: 40px;
	}
	.mold-four-pic div{
		padding: 0 30px;
	}
	
	.mold-five-screen{
		padding: 60px 0 40px 0;
	}
	.mold-five-screen .word-tit{
		padding-top: 30px;
	}
	.mold-five-screen .tit-h2{
		padding-bottom: 10px;
		line-height: 42px;
	}
	.mold-five-screen .tit-h3{
		line-height: 40px;
		padding-top: 10px;
	}
	.mold-five-pic div span{
		padding-right: 44px;
	}
	.about-zw3d-word p.about-mold-pb{padding-bottom: 16px;}
}
@media only screen and (max-width: 1407px){
	.about-zw3d-word p.about-mold-pb{
		padding-bottom: 46px;
	}
}
@media only screen and (max-width: 1361px){
	.about-zw3d-word p.about-mold-pb{
		padding-bottom: 16px;
	}
}
@media only screen and (max-width: 1202px) and (min-width: 1036px){
	.about-zw3d-word p.about-mold-pb{padding-bottom: 44px;}
}
@media only screen and (max-width: 1050px){
	.about-zw3d-word p.about-mold-pb{
		padding-bottom: 16px;
	}
	.mold-five-screen .tit-h3{
		line-height: 30px;
	}
}
@media only screen and (max-width: 768px){
	.mold-second-screen {
		padding: 24px 0 38px 0;
	}
	.mold-second-screen .tit-h3 {
		line-height: 30px;
		padding-left: 30px;
		padding-right: 80px;
		padding-top: 4px;
	}
	.mold-third-screen {
		padding: 4px 0 42px 0;
	}
	.mold-third-screen .tit-h3 {
		line-height: 30px;
	}
	.mold-third-pic div span{
		position: absolute;
		left: 0;
		top: 0;
		padding: 0 20px 0 20px;
	}

	.mold-four-screen .tit-h3{
		line-height: 30px;
	}
	.mold-four-pic div{
		padding: 0 80px;
	}
	.about-zw3d-word p.about-mold-pb{padding-bottom: 46px;}
}

@media only screen and (max-width: 600px){
	.mold-four-screen .word-tit{
		padding-top: 24px;
	}
	.mold-four-screen .tit-h3{
		line-height: 24px;
	}
	.mold-second-screen{
		padding: 20px 0 20px 0;
	}
	.mold-second-screen .word-tit{
		width: 100%;
	}
	.mold-second-screen .tit-h2{
		padding-bottom: 3px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.mold-second-screen .tit-h3{
		line-height: 24px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.mold-third-screen .tit-h3{
		line-height: 24px;
	}
	.mold-second-pic{
		width: 100%;
	}
	.mold-second-pic div{
		margin-top: 3px;
		position: relative;
	}
	.mold-second-pic div span{
		padding: 30px;
	}

	.mold-four-pic{
		width: 100%;
		margin: 20px auto 0 auto;
	}
	.mold-four-pic div{
		padding: 0 80px;
	}



	.mold-five-screen{
		padding:  0;
	}
	.mold-five-screen .word-tit{
		width: 100%;
		padding: 20px;
	}
	.mold-five-screen .tit-h2{
		padding: 0;
		line-height: 32px;
	}
	.mold-five-screen .tit-h3{
		line-height: 24px;
		padding: 10px 0 0 0;
	}
	.mold-five-pic{
		width: 100%;
	}
	.mold-five-pic div span{
		padding: 40px;
	}



	.about-zw3d-word p.about-mold-pb{padding-bottom: 20px;}
}
@media only screen and (max-width: 320px){
	
	.mold_guid li span{
		font-size: 10px;
	}
}
/*mold 页面结束*/
@media only screen and (min-width: 1921px){
    .common_guid{
        padding: 0 188px 0 188px;
    }
    .mold_guid{
        padding: 0 188px 0 245px;
    }
    .cam_guid{
        padding: 0 188px 0 245px;
    }
}
/*why 页面开始*/
.why-cru{
	right: 13%;
	top: 32%;
	font-size: 24px;
	position: absolute;
	color: #fff;
}
.why-cru a{
	color: #fff;
}
.why-second-screen{
	background: #fff;
	padding: 0px 0 80px 0;
}
.why-second-screen .word-tit{
	text-align: left;
	width: 50%;
	float: left;
	padding-top: 10px;
}
.why-second-screen .tit-h2{
	padding-bottom: 30px;
}
.why-second-screen .tit-h3{
	line-height: 44px;
	padding-right: 40px;
}
.why-second-pic{
	width: 49.5%;
	float: left;
}
.why-second-pic div{
	position: relative;
}
.why-second-pic div span{
	position: absolute;
	left: 0;
	top: 0;
}
.why-second-pic img{
	width: 100%;
}


.why-third-screen{
	background: url('../../../images/zw3d/cssimage/extra/why-third-bg.jpg') top center no-repeat;
	padding: 66px 0 80px 0;
}
.why-third-screen .word-tit{
	text-align: left;
	width: 57%;
	*width: 56.5%;
	float: right;
	padding-top: 6px;
}
.why-third-screen .tit-h2{
	padding-bottom: 30px;
}
.why-third-title{
	text-align: center;
}
.why-third-screen .tit-h3{
	line-height: 44px;
	padding-right: 40px;
	padding-top: 24px;
}
.why-third-pic{
	width: 43%;
	float: left;
}
.why-third-pic div{
	position: relative;
	padding: 15px 140px 0 32px; 
}
.why-third-pic div span{
	position: absolute;
	left: 0;
	top: 0;
	padding: 15px 140px 0 32px;
	opacity: 0;opacity:1\9\0;
	display: none\9;
}
.why-third-pic div span.span-a{
	display: block\9;
}
.why-third-pic img{
	width: 100%;
}


.why-four-screen{
	background: #fff;
	padding: 66px 0 80px 0;
}
.why-four-screen .word-tit{
	text-align: left;
	width: 55%;
	float: left;
	padding-top: 0;
}
.why-four-screen .tit-h2{
	padding-bottom: 30px;
}
.why-four-title{
	text-align: center;
	width: 1100px;
	margin: 0 auto;
}
.why-four-screen .tit-h3{
	line-height: 44px;
	padding-left: 32px;
	padding-top: 20px;
}
.why-four-pic{
	width: 45%;
	*width: 44.5%;
	float: left;
}
.why-four-pic div{
	padding-left: 10px;
}

.why-four-pic img{
	width: 100%;
}


.why-five-screen{
	background: url('../../../images/zw3d/cssimage/extra/why-five-bg.jpg') top center no-repeat;
	padding: 24px 0 75px 0;
}
.why-five-screen .word-tit{
	text-align: left;
	width: 50%;
	float: right;
	padding-top: 20px;
}
.why-five-screen .tit-h2{
	padding-bottom: 10px;
}
.why-five-title{
	text-align: center;
}
.why-five-screen .tit-h3{
	line-height: 50px;
	padding-left: 10px;
	padding-top: 30px;
}
.why-five-pic{
	width: 49.5%;
	float: left;
}
.why-five-pic div{
	padding: 0 280px 0 100px;
}

.why-five-pic img{
	width: 100%;
}


.why-six-screen{
	background: #fff;
	padding: 60px 0 150px 0;
}
.why-six-screen .word-tit{
	text-align: left;
	width: 57%;
	float: left;
}
.why-six-screen .tit-h2{
	padding-bottom: 30px;
}
.why-six-title{
	text-align: center;
}
.why-six-screen .tit-h3{
	line-height: 44px;
	padding-left: 32px;
	padding-right: 90px;
	padding-top: 40px;
}
.why-six-pic{
	width: 43%;
	*width: 42.5%;
	float: left;
}
.why-six-pic div{
	padding-right: 14px;
	position: relative;
}
.why-six-pic div span{
	padding-right: 14px;
	position: absolute;
	left: 0;
	top: 0;
}
.why-six-pic img{
	width: 100%;
}

.why-seven-screen{
	width: 100%;
	position: relative;
}
.why-seven-screen img{
	width: 100%;
}
.why-seven-screen .word-tit{
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 60px;
	z-index: 9;
}
.why-seven-bottom{
	margin: 10px auto 0 auto;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -25.29%;
	width: 49.42%;
	display: block;
	text-align: center;
	max-width: 949px;
}
.why-seven-bottom img{
	width: 100%;
}
.why-seven-screen .tit-h2{
	padding-bottom: 10px;
}
.why-seven-screen .tit-h3{
	line-height: 50px;
}
.why-seven-screen .word-tit .tit-h2,.why-seven-screen .word-tit .tit-h3{
	opacity: 1;
	transform: translate3d(0, 0, 0);
}
.why-eight-screen{
	background-color: #3283c2;
	text-align: center;
	padding: 60px 0;
	color: #fff;
}
.why-eight-screen p{
	font-size: 30px;
	padding-bottom: 38px;
}
.why-eight-screen a{
	background-color: #5bc44a;
	display: inline-block;
	height: 46px;
	line-height: 46px;
	color: #fff;
	text-align: center;
	width: 200px;
	font-size: 30px;
}
.why-eight-screen a:hover{
	background-color: #338D24;
}
@media only screen and (max-width: 1450px){
	.common_banner .why-banner-title{
		left: 6%;
		top: 2%;
	}
	.why-cru{
		top: 32%;
		font-size: 18px;
	}
	.why-second-screen{
		padding: 50px 0 60px 0;
	}
	.why-second-screen .tit-h2{
		padding-left: 20px;
		padding-bottom: 20px;
	}
	.why-second-screen .tit-h3{
		line-height: 40px;
		padding-right: 30px;
		padding-left: 20px;
	}
	.why-second-pic div{
		margin-right: 20px;
	}


	.why-third-screen{
		padding: 46px 0 60px 0;
	}
	.why-third-screen .tit-h2{
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.why-third-screen .tit-h3{
		line-height: 40px;
		padding-right: 40px;
		
	}
	.why-third-pic div span{
		padding: 15px 110px 0 62px;
	}


	.why-four-screen{
		padding: 46px 0 60px 0;
	}

	.why-four-screen .tit-h2{
		padding-bottom: 20px;
	}
	.why-four-screen .tit-h3{
		line-height: 40px;
		padding-left: 32px;
		padding-top: 14px;
	}
	.why-four-title{
		width: 750px;
	}
	.why-four-pic div{
		padding-left: 20px;
		padding-right: 20px;
	}


	.why-five-screen{
		padding: 24px 0 65px 0;
	}
	.why-five-screen .word-tit{
		padding-top: 10px;
	}

	.why-five-screen .tit-h3{
		line-height: 40px;
		padding-right: 20px;
		padding-top: 10px;
	}

	.why-five-pic div{
		padding: 0 200px 0 160px;
	}
	
	.why-six-screen{
		padding: 40px 0 100px 0;
	}

	.why-six-screen .tit-h2{
		padding-bottom: 20px;
	}

	.why-six-screen .tit-h3{
		line-height: 40px;
	}

	.why-six-pic div{
		padding-right: 34px;

	}
	.why-six-pic div span{
		padding-right: 34px;

	}

	.why-seven-screen .word-tit{
		padding-top: 40px;
	}
	
	.why-seven-screen .tit-h2{
		padding-bottom: 10px;
	}
	.why-seven-screen .tit-h3{
		line-height: 30px;
	}

	.why-eight-screen{
		padding: 50px 0;
	}
	.why-eight-screen p{
		font-size: 30px;
		padding-bottom: 28px;
	}
}

@media only screen and (max-width: 1150px) and (min-width: 769px){
	.why-five-pic div{
		padding: 0 180px 0 80px;
	}
	
	.why-six-pic div{
		margin-top: 20px;
	}
	.why-six-screen{
		padding-bottom: 40px;
	}
	.why-five-screen{
		padding-bottom: 40px;
	}
	.why-third-pic div span{
		padding-right: 65px;
	}
	.why-six-screen .tit-h3{
		line-height: 30px;

		padding-top: 10px;
	}
	
	.why-seven-screen .word-tit{
		padding-top: 20px;
	}
	
	.why-seven-screen .tit-h2{
		padding-bottom: 0;
	}
	.why-seven-screen .tit-h3{
		line-height: 30px;
	}
	
}

@media only screen and (max-width: 768px){
	.common_banner .why-banner{
		height: 40px;
	}
	.common_banner .why-banner-title h2{
		line-height: 22px;
	}
	.why-cru{
		top: 20%;
		font-size: 14px;
	}
	.why-cru a{
		font-size: 14px;
	}
	.why-second-screen{
		padding: 40px 0 50px 0;
	}
	.why-second-screen .tit-h2{
		padding-bottom: 10px;
	}
	.why-second-screen .tit-h3{
		line-height: 30px;
		padding-right: 20px;
	}

	.why-third-screen{
		padding: 36px 0 50px 0;
	}

	.why-third-screen .tit-h2{
		padding-bottom: 10px;
	}

	.why-third-screen .tit-h3{
		line-height: 30px;
		padding-right: 20px;
		padding-top: 10px;
	}

	.why-third-pic div{
		position: relative;
		padding: 32px 80px 0 32px; 
	}
	.why-third-pic div span{
		padding: 32px 50px 0 32px; 
	}


	.why-four-screen{
		padding: 36px 0 50px 0;
	}

	.why-four-screen .tit-h2{
		padding-bottom: 20px;
	}
	.why-four-screen .word-tit{
		padding-top: 10px;
	}
	.why-four-screen .tit-h3{
		line-height: 30px;
		padding-left: 20px;
		padding-top: 6px;
	}
	.why-four-title{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.why-five-screen{
		padding: 24px 0 45px 0;
	}
	.why-five-screen .word-tit{
		padding-top: 10px;
	}

	.why-five-screen .tit-h3{
		line-height: 30px;
		padding-right: 20px;
		padding-top: 10px;
	}

	.why-five-pic div{
		padding: 0 80px 0 80px;
	}
	
	.why-five-pic img{
		width: 100%;
	}


	.why-six-screen{
		padding: 30px 0 60px 0;
	}

	.why-six-screen .tit-h2{
		padding-bottom: 10px;
	}

	.why-six-screen .tit-h3{
		line-height: 30px;
		padding-left: 22px;
		padding-right: 60px;
		padding-top: 10px;
	}
	.why-six-pic div{
		padding-right: 24px;
		margin-top: 20px;
	}
	.why-six-pic div span{
		padding-right: 24px;
	}
	.why-seven-screen .word-tit{
		padding-top: 10px;
	}
	.why-seven-screen .tit-h2{
		padding-bottom: 0;
	}
	.why-seven-screen .tit-h3{
		line-height: 20px;
	}

	.why-eight-screen{
		padding: 40px 0;
	}
	.why-eight-screen p{
		font-size: 26px;
		padding-bottom: 18px;
	}
	.why-eight-screen a{
		height: 40px;
		line-height: 40px;
		width: 180px;
		font-size: 26px;
	}
}

@media only screen and (max-width: 600px){
	.why-third-screen .word-tit{
		padding-top: 20px;
	}
	.common_banner .why-banner-title h2{
		line-height: 30px;
	}
	.why-second-screen{
		padding: 0;
	}
	.why-cru{
		top: 24%;
	}
	.why-cru a{
		font-size: 12px;
	}
	.why-second-screen .word-tit{
		padding: 20px;
		width: 100%;
	}
	.why-second-screen .tit-h2{
		padding: 20px 20px 0 20px;
	}
	.common_banner .why-banner-title{
		top: 1%;
		left: 2%;
	}
	.why-second-screen .tit-h3{
		line-height: 24px;
		padding: 0;
	}
	.why-second-pic{
		width: 100%;
		padding: 20px;
	}
	.why-second-pic img{
		width: 100%;
	}

	.why-third-screen{
		padding: 20px;
	}
	.why-third-screen .word-tit{
		width: 100%;
	}
	.why-third-screen .tit-h2{
		padding:  0;
		line-height: 32px;
	}

	.why-third-screen .tit-h3{
		line-height: 24px;
		padding: 0;
	}
	.why-third-pic{
		width: 100%;
	}
	.why-third-pic div{
		padding: 20px 40px; 
	}
	.why-third-pic div span{
		padding: 20px 40px; 
	}

	.why-four-screen{
		padding: 20px;
	}
	.why-four-screen .word-tit{
		width: 100%;
	}
	.why-four-screen .tit-h2{
		padding-bottom: 10px;
	}
	.why-four-screen .tit-h3{
		line-height: 24px;
		padding-left: 0;
		padding-right: 0;
		padding-top: 10px;
	}
	.why-four-pic{
		width: 100%;
	}
	.why-four-pic div{
		padding: 20px;
	}


	.why-five-screen{
		padding: 20px;
	}
	.why-five-screen .word-tit{
		width: 100%;
		padding-top: 10px;
	}
	.why-five-screen .tit-h2{
		padding: 0;
	}
	.why-five-screen .tit-h3{
		line-height: 24px;
		padding: 0;
	}
	.why-five-pic{
		width: 100%;
	}
	.why-five-pic div{
		padding: 16px 80px 0 80px;
	}
	

	.why-six-screen{
		padding: 20px;
	}
	.why-six-screen .word-tit{
		width: 100%;
		padding-top: 2px;
	}
	.why-six-screen .tit-h2{
		padding-bottom: 10px;
		padding-left: 0;
		padding-right: 0;
	}

	.why-six-screen .tit-h3{
		line-height: 24px;
		padding-left: 0;
		padding-right: 0;
		padding-top: 10px;
	}
	.why-six-pic{
		width: 100%;
	}
	.why-six-pic div{
		padding: 10px 40px 40px 40px;
	}
	.why-six-pic div span{
		padding: 10px 40px 40px 40px;
	}

	.why-eight-screen{
		padding: 20px 0;
	}
	.why-eight-screen p{
		font-size: 20px;
		padding-bottom: 10px;
	}
	.why-eight-screen a{
		height: 36px;
		line-height: 36px;
		width: 160px;
		font-size: 20px;
	}
	.why-seven-screen{
		background: url('../../../images/zw3d/cssimage/extra/why-seven.jpg') top center no-repeat
	}
	.why-seven-bg{
		display: none;
	}
	.why-seven-screen .word-tit{
		position: static;
		padding: 20px;
	}
	.why-seven-bottom{
		position: static;
		margin: 0;
		width: 100%;
	}
	.why-seven-screen .word-tit .tit-h2{
		font-size: 24px;
		line-height: 32px;
	}
	.why-seven-screen .word-tit .tit-h3{
		font-size: 14px;
		line-height: 24px;
		margin-top: 14px;
		padding: 0;
	}
	.why-seven-bottom img{width:100%;}
}
/*why 页面结束*/

/*动画样式开始*/

.animation { visibility: hidden; opacity: 1 !important;  visibility: visible\9;}

.tit-h2 { transition: all 0.6s ease-in-out;  }
.tit-h3 { transition: all 0.6s 0.2s ease-in-out;  }
.tit-h2{	opacity: 0; opacity:1\9\0; transform: translate3d(0, 40px, 0);}
.tit-h3{	opacity: 0;  opacity:1\9\0;transform: translate3d(0, 40px, 0); }
.begin .tit-h2{	opacity: 1; transform: translate3d(0, 0, 0);}
.begin .tit-h3{	opacity: 1; transform: translate3d(0, 0, 0); }

.cad_second .second-pic { opacity: 0;opacity:1\9\0; transform: scale3d(0.7, 0.7, 1); }
.cad_second .begin .second-pic { opacity: 1; transform: scale3d(1, 1, 1); }
.second-left p { opacity: 0;opacity:1\9\0; transform: translate3d(-100px, 0, 0); }
.begin .second-left p { opacity: 1; transform: translate3d(0, 0, 0); }
.second-right p { opacity: 0;opacity:1\9\0; transform: translate3d(100px, 0, 0); }
.begin .second-right p { opacity: 1; transform: translate3d(0, 0, 0); }

@media only screen and (max-width: 768px){
	.cad_second .second-pic { transform: translateX(-50%); }
	.cad_second .begin .second-pic { transform: translateX(-50%); }
}

.second-left p:nth-child(1) { transition-duration: 0.6s;  }
.second-left p:nth-child(2) { transition-duration: 1s; }
.second-left p:nth-child(3) { transition-duration: 1.4s; }
.second-left p:nth-child(4) { transition-duration: 1.8s; }
.second-left p:nth-child(5) { transition-duration: 2.2s; }
.second-left p:nth-child(6) { transition-duration: 2.6s; }

.begin .second-left p:nth-child(1) .second-active i{ animation: bgChange 0.6s ease 2.8s 1; }
.begin .second-left p:nth-child(2) .second-active i{ animation: bgChange 0.6s ease 3.4s 1; }
.begin .second-left p:nth-child(3) .second-active i{ animation: bgChange 0.6s ease 4s 1; }
.begin .second-left p:nth-child(4) .second-active i{ animation: bgChange 0.6s ease 4.6s 1; }
.begin .second-left p:nth-child(5) .second-active i{ animation: bgChange 0.6s ease 5.2s 1; }
.begin .second-left p:nth-child(6) .second-active i{ animation: bgChange 0.6s ease 5.8s 1; }

.second-right p:nth-child(1) { transition-duration: 0.6s;  }
.second-right p:nth-child(2) { transition-duration: 1s; }
.second-right p:nth-child(3) { transition-duration: 1.4s; }
.second-right p:nth-child(4) { transition-duration: 1.8s; }
.second-right p:nth-child(5) { transition-duration: 2.2s; }

.begin .second-right p:nth-child(1) .second-active i{ animation: bgChange 0.6s ease 2.8s 1; }
.begin .second-right p:nth-child(2) .second-active i{ animation: bgChange 0.6s ease 3.4s 1; }
.begin .second-right p:nth-child(3) .second-active i{ animation: bgChange 0.6s ease 4s 1; }
.begin .second-right p:nth-child(4) .second-active i{ animation: bgChange 0.6s ease 4.6s 1; }
.begin .second-right p:nth-child(5) .second-active i{ animation: bgChange 0.6s ease 5.2s 1; }

@keyframes bgChange
{
  0% { background-color: #BFBFBF;  }
  1% {background-color: #3588C9; }
  99% {background-color: #3588C9; }
  100% {background-color: #BFBFBF; }
}


.second-pic { transition: all 0.8s ease-out;  }

.third-span-list > span { opacity: 0;opacity:1\9\0; transform: translate3d(0, 0, 0);  }
.begin .third-span-list > span { opacity: 1; transform: translate3d(0, 0, 0);  }
.third-span-list > span  { transition: all 0.8s ease; }
.third-span-list > .third-span-a { transition-delay:0.6s; }
.third-span-list > .third-span-b { transition-delay:1.2s;}
.third-span-list > .third-span-c { transition-delay:1.4s;}
.third-span-list > .third-span-d { transition-delay:1.6s;}
.third-span-list > .third-span-e { transition-delay:1.8s;}
.third-span-list > .third-span-f { transition-delay:2s;}
.third-span-list > .third-span-g { transition-delay:2.2s;}
.third-span-list > .third-span-h { transition-delay:2.4s;}
.third-span-list > .third-span-i { transition-delay:2.6s;}
.third-span-list > .third-span-j { transition-delay:2.8s;}
.third-span-list > .third-span-k { transition-delay:3s;}
.third-span-list > .third-span-l { transition-delay:3.2s;}
.third-span-list > .third-span-m { transition-delay:3.4s;}
.third-span-list > .third-span-n { transition-delay:3.6s;}



.cad-six-list span{opacity: 0.6; opacity:1\9\0;}
.cad-six-list > span  { transition: all 1s ease; }
.cad-six-list span.span-a{ transform: translate3d(0, 0,0);}
.cad-six-list span.span-b{ transform: translate3d(-16%, -7%,0);}
.cad-six-list span.span-c{ transform: translate3d(-25%, -7%,0);}
.cad-six-list span.span-d{ transform: translate3d(-34%, -11%,0);}
.begin .cad-six-list > span{ opacity: 1; transform: translate3d(0, 0, 0);}

.cad-six-list span.span-a{ transition-delay:0.2s;}
.cad-six-list span.span-b{ transition-delay:0.8s;}
.cad-six-list span.span-c{ transition-delay:0.6s;}
.cad-six-list span.span-d{ transition-delay:0.4s;}

.cad-seven-list > span { opacity: 0;opacity:1\9\0;  }
.cad-seven-list > span.seven-span-b { opacity: 0;opacity:1\9\0;  transform: scale3d(0.2, 0.2, 1); transform-origin: 25% 55%; }
.begin .cad-seven-list > span { opacity: 1; }
.begin .cad-seven-list > span.seven-span-b { opacity: 1;  transform: scale3d(1, 1, 1); }
.cad-seven-list > span  { transition: all 1s ease; }
.cad-seven-list > .seven-span-a { transition-delay:0.6s; }
.cad-seven-list > .seven-span-b { transition-delay:1.2s;}
.cad-seven-list > .seven-span-c { transition-delay:1.4s;}
.cad-seven-list > .seven-span-d { transition-delay:1.6s;}
.cad-seven-list > .seven-span-e { transition-delay:1.8s;}
.cad-seven-list > .seven-span-f { transition-delay:2s;}
.cad-seven-list > .seven-span-g { transition-delay:2.2s;}
.cad-seven-list > .seven-span-h { transition-delay:2.4s;}
.cad-seven-list > .seven-span-i { transition-delay:2.6s;}
.cad-seven-list > .seven-span-j { transition-delay:2.8s;}
.cad-seven-list > .seven-span-k { transition-delay:3s;}
.cad-seven-list > .seven-span-l { transition-delay:3.2s;}
.cad-seven-list > .seven-span-m { transition-delay:3.4s;}
.cad-seven-list > .seven-span-n { transition-delay:3.6s;}

.img-animation {   opacity: 0;opacity:1\9\0; transform: scale3d(0.2, 0.2, 1) }
.begin .img-animation{ animation: screenH 0.8s 0.4s ease-in-out forwards; animation: screenH 0.8s 0.4s ease-in-out forwards;  }

@keyframes screenH
{
  0% { opacity: 0;transform: scale3d(0.2, 0.2, 1) }
  60% { opacity: 1;transform: scale3d(1.1, 1.1, 1) }
  100% { opacity: 1;transform: scale3d(1, 1, 1) }
}

.mold-second-list > span { opacity: 0;opacity:1\9\0; transform: translate3d(0, -60px, 0);  }
.mold-second-list > span.span-b { transform: translate3d(0, 0, 0);}
.mold-second-list > span.span-c { transform: translate3d(0, 0, 0);}
.mold-second-list > span.span-f { transform: translate3d(0, 0, 0);}
.mold-second-list > span.span-g { transform: translate3d(0, 0, 0);}
.mold-second-list > span.span-h { transform: translate3d(0, 7.8%, 0); z-index: 8;}
.mold-second-list > span.span-i { transform: translate3d(0, 7.8%, 0); z-index: 8;}
.mold-second-list > span.span-j { transform: translate3d(0, -7.8%, 0); z-index: 7;}
.mold-second-list > span.span-k { transform: translate3d(0, -7.8%, 0); z-index: 7;}

 .begin .mold-second-list > span { opacity: 1; transform: translate3d(0, 0, 0);  }
.mold-second-list > span  { transition: all 0.8s ease; }
.mold-second-list > .span-a { transition-delay:0.4s; }
.mold-second-list > .span-b { transition-delay:0.8s;}
.mold-second-list > .span-c { transition-delay:0.8s;}
.mold-second-list > .span-d { transition-delay:1.2s;}
.mold-second-list > .span-e { transition-delay:1.2s;}
.mold-second-list > .span-f { transition-delay:1.6s;}
.mold-second-list > .span-g { transition-delay:1.6s;}
.mold-second-list > .span-h { transition-delay:2s;}
.mold-second-list > .span-i { transition-delay:2s;}
.mold-second-list > .span-j { transition-delay:2s;}
.mold-second-list > .span-k { transition-delay:2s;}

.mold-third-list > span { opacity: 0;opacity:1\9\0; transform: translate3d(-80px, 0, 0);  }
.begin .mold-third-list > span { opacity: 1; transform: translate3d(0, 0, 0);  }
.mold-third-list > span  { transition: all 0.8s ease; }
.mold-third-list > .span-a { transition-delay:0.4s; }
.mold-third-list > .span-b { transition-delay:0.8s;}
.mold-third-list > .span-c { transition-delay:1.2s;}
.mold-third-list > .span-d { transition-delay:1.6s;}
.mold-third-list > .span-e { transition-delay:2s;}

.mold-five-list > span { opacity: 0;opacity:1\9\0; transform: translate3d(0, 0, 0);  }
.mold-five-list > span.span-e{z-index: 6;}
.begin .mold-five-list > span { opacity: 1; transform: translate3d(0, 0, 0);  }
.mold-five-list > span  { transition: all 1s ease; }
.mold-five-list > .span-a { transition-delay:0.4s; }
.mold-five-list > .span-b { transition-delay:0.8s;}
.mold-five-list > .span-c { transition-delay:1.2s;}
.mold-five-list > .span-d { transition-delay:1.6s;}
.mold-five-list > .span-e { transition-delay:2s;}
.mold-five-list > .span-f { transition-delay:2.4s;}

.animation.myIE { visibility: visible;  }

.why-second-list > .span-a,.why-second-list > .span-b {
   height: 100%;
   z-index: 2;
   width: 100%;
   opacity: 0;
   opacity:1\9\0;
   -webkit-transition: all 2s;
   -webkit-transition-delay: 0.6s;
   -moz-transition: all 2s;
   -moz-transition-delay: 0.6s;
   -ms-transition: all 2s;
   -ms-transition-delay: 0.6s;
   -o-transition: all 2s;
   -o-transition-delay: 0.6s;
   transition: all 2s;
   transition-delay: 0.6s
  }

  .why-second-list > .span-b {
 
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -ms-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s
}

.begin .why-second-list > .span-a,.begin .why-second-list > .span-b {
  opacity: 1;
}

.why-second-list > .span-c { 
  z-index: 2;
  opacity: 0;
  opacity:1\9\0;
  -webkit-transform: translate3d(0,-20%,0);
  -webkit-transition: opacity 2s,transform 2s;
  -webkit-transition-delay: 2.8s;
  -moz-transform: translate3d(0,-20%,0);
  -moz-transition: opacity 2s,transform 2s;
  -moz-transition-delay: 2.8s;
  -ms-transform: translate3d(0,-20%,0);
  -ms-transition: opacity 2s,transform 2s;
  -ms-transition-delay: 2.8s;
  -o-transform: translate3d(0,-20%,0);
  -o-transition: opacity 2s,transform 2s;
  -o-transition-delay: 2.8s;
  transform: translate3d(0,-20%,0);
  transition: opacity 2s,transform 2s;
  transition-delay: 2.8s
 }
 .begin .why-second-list > .span-c{
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  opacity: 1;
 }

.why-second-list > .span-d {
   transform-origin: 10.71% 37.578% ; width: 100%; height: 100%;

  } 
.why-second-list > .span-e {
   transform-origin: 52.65% 81.002% ; width: 100%; height: 100%;

  } 
.why-second-list > .span-f {

  transform-origin: 90.191% 24.425% ; width: 100%; height: 100%;
 }



.begin .why-second-list .span-d {
  -webkit-animation: rota 0.6s linear 1s in;
  -moz-animation: rota 0.6s linear 1s both;
  -ms-animation: rota 0.6s linear 1s both;
  -o-animation: rota 0.6s linear 1s both;
  animation: rota 0.6s linear 1s both
}

.begin .why-second-list .span-e {
  -webkit-animation: rota 1s linear 1.6s both;
  -moz-animation: rota 1s linear 1.6s both;
  -ms-animation: rota 1s linear 1.6s both;
  -o-animation: rota 1s linear 1.6s both;
  animation: rota 1s linear 1.6s both
}

.begin .why-second-list .span-f {
  -webkit-animation: rota 1s linear 2.2s both;
  -moz-animation: rota 1s linear 2.2s both;
  -ms-animation: rota 1s linear 2.2s both;
  -o-animation: rota 1s linear 2.2s both;
  animation: rota 1s linear 2.2s both
}

@-webkit-keyframes rota {
  0% {
      opacity: 0;
      -webkit-transform: rotateZ(0deg)
  }

  100% {
      opacity: 1;
      -webkit-transform: rotateZ(360deg)
  }
}

@-moz-keyframes rota {
  0% {
      opacity: 0;
      -moz-transform: rotateZ(0deg)
  }

  100% {
      opacity: 1;
      -moz-transform: rotateZ(360deg)
  }
}

@-ms-keyframes rota {
  0% {
      opacity: 0;
      -ms-transform: rotateZ(0deg)
  }

  100% {
      opacity: 1;
      -ms-transform: rotateZ(360deg)
  }
}

@-o-keyframes rota {
  0% {
      opacity: 0;
      -o-transform: rotateZ(0deg)
  }

  100% {
      opacity: 1;
      -o-transform: rotateZ(360deg)
  }
}

@keyframes rota {
  0% {
      opacity: 0;
      transform: rotateZ(0deg)
  }

  100% {
      opacity: 1;
      transform: rotateZ(360deg)
  }
}
@keyframes showImg{
	0% {
		opacity: 1;
	}
	99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
  }

  .begin .why-third-list > .span-a{ opacity: 1;}
  .begin .why-third-list > .span-a { animation: showImg 1.1s linear 1s 1}
  .begin .why-third-list > .span-b { animation: showImg 1.1s linear 2s 1}
  .begin .why-third-list > .span-c { animation: showImg 1.1s linear 3s 1}
  .begin .why-third-list > .span-d { animation: showImg 1.1s linear 4s 1}
  .begin .why-third-list > .span-e{ animation: showImg 1.1s linear 5s 1}
  .begin .why-third-list > .span-f { animation: showImg 1.1s linear 6s 1}
  .begin .why-third-list > .span-g { animation: showImg 1.1s linear 7s 1}
  .begin .why-third-list > .span-h { animation: showImg 1.1s linear 8s 1}
  .begin .why-third-list > .span-i { animation: showImg 1.1s linear 9s 1}
  .begin .why-third-list > .span-j { animation: showImg 1s linear 10s 1}


.why-six-list .span-b{
   transform: rotate(0deg);transform-origin: 50% 23.5%;
}
.begin .why-six-list .span-b{
  animation: rock 3s linear .1s 1;
}

@keyframes rock{
	0%{transform: rotate(14deg)}
	20%{transform: rotate(-3deg)}
	40%{transform: rotate(10deg)}
	60%{transform: rotate(6deg)}
	80%{transform: rotate(2deg)}
	100%{transform: rotate(0deg)}
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  /* IE10-specific styles go here */ 
  .animation{
    visibility: hidden; 
  }
  .tit-h2{	opacity: 0;}
  .tit-h3{	opacity: 0;}
  .second-left p { opacity: 0;}
  .second-right p { opacity: 0;}
  .third-span-list > span { opacity: 0;}
  .cad-six-list span{opacity: 0.5;}
  .cad-seven-list > span { opacity: 0;}
  .cad-seven-list > span.seven-span-b { opacity: 0;}
  .img-animation {   opacity: 0;}
  .mold-second-list > span { opacity: 0;}
  .mold-third-list > span { opacity: 0;}
  .mold-five-list > span { opacity: 0;}
  .why-second-list > .span-a,.why-second-list > .span-b{
    opacity: 0;
  }
  .why-second-list > .span-c{opacity: 0;}
  .why-third-pic div span{opacity: 0;}
  .why-third-pic div span{display: block;}
}  

/*动画样式结束*/
/*--cad/cam/mold/why E--*/


/*zw3d/download-zw3d-2018 自适应改版开始*/
/*banner*/





.thanks_div_rs{width:100%;}
.thanks_div_rs .thanks_title_rs{height:30px;line-height:30px;background:#f1f2f6;border:solid 1px #E1E1E1;text-indent:1em;}
.download_alert_rs{width:90%;font-size:14px !important; color:#444; background:#f1f2f6;border:solid 1px #E1E1E1;padding:8px 0px 8px 8px; }
.download_alert_ioc{width:90%;border:solid 1px #E1E1E1;padding:18px;line-height:18px;}
.act_licen_rs{width:30%;float:left;text-align:center;color:#333;margin-left: 4%;}
.books_videos_rs{width:30%;float:left;display:inline;text-align:center;color:#333;}
.contact_support_rs{width:30%;float:left;text-align:center;color:#333;margin-right: 4%;}
.download_div_content_rs{width:90%;border:1px solid rgb(204, 204, 204);margin:20px 0px 50px 0px;}
.download_div_content_rs a,download_div_content a:link,download_div_content a:visited{color:#333;}
.download_div_content_rs a:hover{color:#47a7ea;}
.download_div_content_rs a{font-size:14px;}
.download_alert_rs a{
    color:#3b6f9e;
}



.top_menu ul li a {
    font-weight: normal;
}

.thanks_title_rs i{
font-style: normal;
color: #555;
font-size:20px;
}

.thanks_div_rs table{
   color:#333;
   font-size: 14px;
}

.thanks_title_rs  .thanks_title_fistp{
    margin-top: 20px;
    padding:10px 0px 10px 0px;
    font-size: 25px;
    color:#555;
    border-top:1px  solid  #E1E1E1;
}


.content-tr{
    color:#226297;
}

.content-tr a{
    display: inline-block;
    padding: 2px 0px 2px 0px;
    margin:0px 5px 0px 2px; 
}


@media screen and (max-width: 430px){
  .content-tr img{
    width:100%;
    height:100%;
  }

} 

@media screen and (max-width: 500px){
.act_licen_rs,.contact_support_rs,.books_videos_rs{
    width:100% !important;
    padding-bottom: 20px;

}

 .act_licen_rs img,.contact_support_rs img,.books_videos_rs img{
    width: 150px  !important;
    height: 150px !important;

  } 

}    


@media screen and (max-width: 650px){
  .act_licen_rs img,.contact_support_rs img,.books_videos_rs img{
    width: 100% ;
 
  } 

  .thanks_title{
    width:100% ;

  }

  .thanks_div_rs>table{
    width:100% ;
  }
  
  .download_alert_rs{
    width:100%;
  }

  .download_div_content_rs {
    width:100% ;

    }

}

@media screen and (max-width: 750px){

  .thanks_title{
    width:97% ;

  }

  .thanks_div_rs>table{
    width:97% ;
  }
  

  .download_alert_rs{
    width:97% ;
  }

    .download_div_content_rs {
    width:97% ;
    }

}
/*zw3d/download-zw3d-2018 自适应改版结束*/

/*partner_+application_form start*/
.appformtable1,.appformtable2{
    float: left;
}

.appformtable td.tdr{ text-align:right; padding-right:6px;}
.appformtable td{ height:28px; line-height:18px;}
.appformtable td select{ width:154px; border:1px solid #e5e5e5; padding:3px;}
.txtm1{ border:1px solid #e5e5e5; width:154px; padding:3px;}
.txtm2{ border:1px solid #e5e5e5; width:604px; padding:3px;}
.txtm3{ border:1px solid #e5e5e5; width:604px; padding:3px; height:120px;}
.bgbtn{ background:url(../../../images/zw3d/cssimage/bgbtn.jpg) no-repeat; width:93px; height:30px; border:0; cursor:pointer; font-size:13px; font-weight:bold;}

@media screen and (max-width:670px){
.appformtable1,.appformtable2{
    width:100%;
}

}

@media screen and (max-width:635px){
   .txtm2,.txtm3{
      width:100%;
   } 
}

/*partner_+application_form end*/


/*exercises S*/
.exercises{text-align:left;}
.exercises .exercises-left{width:75%;float:left;}
.exercises .exercises-right{width:23%;float:right;}
.exercises p{margin: 0px;padding: 0px;}
.exercises .down-title p{font-size: 32px;font-weight: normal;color: #666666;margin: 0px 0 px 37px 0;}
.exercises .down-file span{width: 238px;height: 53px;line-height: 53px;background-color: #1296db;border-radius: 5px;color: #ffffff;font-size: 18px;text-align: center;display: block;}
.exercises .down-zip strong{color: #666666;font-size: 14px;}
.exercises .embed_code{margin: 40px 0px;}
@media screen and (max-width:840px) {
    .exercises .exercises-left,.exercises .exercises-right{width:100%;}
	.exercises .zip{margin:10px 0px;}
}
/*exercises E*/

/*3d download table S*/
.mt30{margin:30px auto;}
.down-table{font-size: 24px;margin:40px auto;}
.down-table .down-top{font-size: 24px;color: #2a2a2a;}
.down-table .down-title span{font-size: 24px;color: #38b5eb;border-bottom: 2px solid #38b5eb;}
.down-table .downtable{margin:40px auto 30px auto;}
.down-table .downtable table{width:100%;font-size: 24px;}
.down-table .downtable table tr th{background-color: #eeeeee;}
.down-table .downtable table tr td{border-bottom: 1px solid #929292;}
.down-table .downtable table tr th,.down-table table tr td{height: 60px;line-height: 60px;width: 24%;text-align: center;}
.down-table .downtable table tr th:nth-child(1),.down-table table tr td:nth-child(1){text-align: left;width: 15%;padding-left: 20px;}
.down-table .downtable table tr td img{margin:0 15px;}
.down-table .down-email-us p a{font-size: 24px;color: #38b5eb;}
.down-table .down-icon{margin-bottom: 100px;}
.down-table .down-icon ul{width: 80%;}
.down-table .down-icon ul li{float: left;width: 30%;text-align: center;}
.down-table .down-icon ul li img{width: 35%;}
.down-table .down-icon ul li p{margin:30px auto 80px auto;font-size: 22px; }
@media screen and (max-width:1130px) {
    .down-table .down-top,.down-table .down-title span,.down-table .downtable table,.down-table .down-email-us p,.down-table .down-email-us p a{font-size: 18px;}
    .down-table .downtable table tr td img{margin:5px auto;display: block;}
    .down-table .down-icon ul li p{font-size: 16px;}
}
@media screen and (max-width:840px) {
    .down-table .down-top,.down-table .down-title span,.down-table .downtable table,.down-table .down-email-us p,.down-table .down-email-us p a{font-size: 14px;}
    .down-table .downtable table tr th,.down-table table tr td{height: 40px;line-height: 15px;}
    .down-table .downtable table tr td img{width: 80%;}
    .down-table .down-icon ul{width: 100%;}
    .down-table .down-icon ul li{width: 100%;}
    .down-table .down-icon ul li img{width: 30%;}
    .down-table .down-icon ul li p{margin:20px auto 30px auto;}
    .down-table .down-icon ul li p{font-size: 12px;}
}
/*3d download table E*/


/*3d download hardware-encryption  table S*/
.down-table .hardware-encryption  table tr th,.down-table  .hardware-encryption table tr td{width: 70%;}
.down-table .hardware-encryption  table tr th:nth-child(1),.down-table .hardware-encryption table tr td:nth-child(1){width: 30%}
@media screen and (min-width:841px) {
    .down-table .hardware-encryption  table{width:70%;}
}
@media screen and (max-width:840px) {
    .down-table .hardware-encryption table tr td img{width: 15%;}
}
@media screen and (max-width:500px) {
    .down-table .hardware-encryption table tr td img{width: 77px;}
}
/*3d download hardware-encryption  table E*/




/*面包屑 S*/
.bread-crumbs p{height:55px;line-height:55px;text-align:left;}
.bread-crumbs p a{font-size:12px;}
/*面包屑 E*/

/*3D become-a-channel-partner S*/
.fromtable{
    	width: 45%;
    	float: left;
    	margin-left:5%;
    }
    
    .fromtable li{
    	margin-bottom: 3px;
    }
    
    label{
            cursor: pointer;
            display: inline-block;
            text-align: right;
            width: 160px;
            vertical-align: top;
            font-weight: normal;
    }
    
    #ajax_srate{
    	display: inline-block;
    }
    
    #country,#province{
    	border: 1px solid #e5e5e5;
    	width: 154px;
    	padding: 3px;
    }
    
    @media screen and (max-width:800px){
	    .fromtable{
	    	width: 100%;
	    	margin: 0px;		
	    }
	    .fromtable li{
	    	width: 100%;
	    }
	    .txtm2,.txtm3{
	 		width:100% !important;
	 	}
	 	.fromtableone{
	 		margin-left: 25%;
	 	}
	}
	
	@media screen and (max-width:600px){
	 	.fromtableone{
	 		margin-left:0px;
	 	}
	 }
	 
	@media screen and (max-width:500px){
	 	.txtm1,#country,#province{
	 		width:120px !important;
	 	}
	 }
/*3D become-a-channel-partner E*/

/*channel-partners start*/

.channel_bo {
    height: auto;
}
.channel_box {
    width: 92%;
    height: 90px;
    margin-top: 30px;
    margin-left: 0px;
    border-left: 5px #0599D7 solid;
    border-top: 1px #F3F3F3 solid;
    border-bottom: 1px #F3F3F3 solid;
    border-right: 1px #F3F3F3 solid;
    background-color: #F9F9F9;
    padding: 30px 0px 30px 25px;
}
.chan_left{line-height:30px;}
.chann_r_b{margin-bottom: auto;}
.all_btn2{background-color: #00b7e3;border-radius: 3px;}
.chan_right{margin-right: 20px;margin-top: -10px !important;}
.chann_r_b{text-align: center;}


@media screen and (max-width:1000px){
	.cu_dl_l{
	   width:100%;
	}

    .cu_dl_l dd{
    	width:76%;
    }

}


@media screen and (max-width:800px){

    .cu_dl_l dd{
    	width:70%;
    }

}

@media screen and (max-width:670px){
	.channel_box{
		height:auto !important;
		overflow: hidden;
	}


	.chan_left,.chan_right{
       width:95%;
	}

	.chan_right{
		margin-top:5px !important;
		text-align:center;
	}

}

@media screen and (max-width:573px){

    .cu_dl_l dd{
    	width:100%;
    }

}
/*channel-partners end*/


/*feature start add by lwg*/

.feature_main{
    width: 100%;
    max-width: 1920px;
    min-width: 320px;
    margin: 0 auto;
    color: #363636;
}
.feature_main img{
    width: 100%;
}
.feature_box{
    width: 100%;
    max-width: 1292px;
    margin: 0 auto;
}
.feature_guid{
    background-color: #5796d5;
    width: 100%;
}
.feature_guid h5{
    color: #fff;
    font-size: 25px;
    text-align: center;
    border-bottom: 1px solid #b0cae3;
    height: 104px;
    line-height: 104px;
}
.feature_guid li{
    float: left;
    width: 144px;
    font-size: 16.07px;
    color: #fff;
    padding: 18px 0 18px 0;
}
.feature_guid li a{ display: block; color: #fff;}
.feature_guid li a:hover i{
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.feature_guid li.li_a{
    width: 140px;
}
.feature_guid li img{
    width: 100%;
}
.feature_guid li span{
    display: block;
    text-align: center;
}
.feature_guid li i{
    display: block;
    width: 52px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto 6px auto;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}

.feature_guid .li_a i{
    margin: 0 0 6px 34px;
}
.feature_guid .li_a span{
    text-align: left;
    padding-left: 24px;
}

.feature_second{
    padding-bottom: 102px;
}
.feature_title_h4{
    text-align: center;
    font-size: 45px;
    line-height: 204px;
    /* font-weight: bold; */
}
.feature_title_h5{
    font-size: 24px;
    line-height: 68px;
    /* font-weight: bold; */
}
.feature_title_p{
    font-size: 18px;
    line-height: 48px;
}
.feature_second li{
    float: left;
    width: 32%;
    border: 1px solid #7face2;
}
.feature_second li:hover{
    border: 1px solid #307fde;
}
.feature_second li.feature_li_middle{
    margin: 0 2%; 
    *margin: 0 1.8%; 
}
.feature_second_top{position: relative;}
.feature_video_btn{
    display: block;
    width: 60px;
    height: 60px;
    background-size: 100%;
}
.feature_second_top .feature_video_btn{
    position: absolute;
    left: 14px;
    bottom: 14px;
}
.feature_second_bottom{
    height: 460px;
    color: #363636;
    padding: 0 26px;
}
.feature_second_bottom h5{
    font-size: 24px;
    line-height: 68px;
}
.feature_second_bottom p{
    font-size: 18px;
    line-height: 48px;
}

.feature_third{
    width: 100%;
    background: url("../../../../../www.zwsoft.com/static/images/zw3d/en/feature/feature_third_bg.jpg")  center center no-repeat;
}
.feature_third .feature_title_h4{
    line-height: 216px;
}
.feature_third_pic{
    width: 68%;
    margin: 0 auto;
}
.feature_third_list{
    position: relative;
    margin-left: 8%;
}
.feature_third_list span{
    position: absolute;
    top: 0;
    left: 0;
}
.feature_third_list > span { opacity: 0;opacity:1\9\0; transform: translate3d(0, 0, 0);  }
.begin .feature_third_list > span { opacity: 1; transform: translate3d(0, 0, 0);  }
.feature_third_list > span  { transition: all 0.8s ease; }
.feature_third_list > .feature_third_a { transition-delay:0.6s; }
.feature_third_list > .feature_third_b { transition-delay:1.2s;}
.feature_third_list > .feature_third_c { transition-delay:1.8s;}

.feature_third .feature_video_btn{
    position: absolute;
    left: 0;
    bottom: 0;
}
.feature_third_word{
    width: 77%;
    margin: 0 auto;
    padding: 92px 0 128px 0;
}
.feature_third_word h5{
    padding-left: 1.7%;
}
.feature_third_word p{
    padding-left: 1.7%;
}
.feature_menu_fixed{
    position: fixed;
    left: 0;
    top:0;
    z-index: 999;
}
.feature_four{
    padding: 54px 0 103px 0;
}

.feature_four .feature_title_h4{
    line-height: 124px;
}
.feature_four li{
    width: 50%;
}

.feature_four .li_a{
    position: relative;
    float: left;
}
.feature_four .li_d{
    padding-left: 6%;
    padding-right: 1%;
    *padding-left: 0;
    *padding-right: 0%;
    padding-top: 3%;
    float: left;
}
.feature_four .li_d h5,.feature_four .li_d p{
    *padding-left: 6%;
    *padding-right: 1%;
}
.feature_four .li_a .feature_video_btn{
    position: absolute;
    left: 2%;
    bottom: 0;
}

.feature_four .li_e{
    position: relative;
    padding-top: 7%;
    padding-left: 7%;
    *padding-left: 0%;
    float: right;
}
.feature_four .li_e div{
    *padding-left: 7%;
}
.feature_four .li_e .feature_video_btn{
    position: absolute;
    left: 10%;
    bottom: 10%;
}
.feature_four .li_b{
    padding-left: 5%;
    padding-right: 5%;
    *padding-left: 0%;
    *padding-right: 0%;
    padding-top: 5%;
    float: left;
}
.feature_four .li_b h5,.feature_four .li_b p{
    *padding-left: 5%;
    *padding-right: 5%;
}
.feature_four .li_c{
    padding-top: 40px;
    float: left;
}
.feature_four .li_f{
    padding-top: 56px;
    padding-left: 4%;
    padding-right: 6%;
    *padding-left: 0%;
    *padding-right: 0%;
    float: left;
}
.feature_five{
    width: 100%;
    background: url("../../../../../www.zwsoft.com/static/images/zw3d/en/feature/feature_five_bg.jpg")  top center no-repeat;
    padding-top: 32px;
    padding-bottom: 100px;
}
.feature_five .feature_title_h4{
    line-height: 172px;
}
.feature_five_left{
    width: 50%;
    float: left;
}
.feature_five_left .li_a{
    position: relative;
    padding: 0 1% 0 3%;
}
.feature_five_left .li_a .feature_video_btn{
    position: absolute;
    left: 6%;
    bottom: 5%;
    width: 72px;
    height: 72px;
}
.feature_five_left .li_b{
    padding-top: 6%;
    padding-left: 2%
}
.feature_five_right{
    width: 50%;
    float: left;
}
.feature_five_right li{
    padding-left: 6%;
}
.feature_five_right .li_c{
    position: relative;
}
.feature_five_right .li_c .feature_video_btn{
    position: absolute;
    left: 6%;
    bottom: 5%;
    width: 72px;
    height: 72px;
}
.feature_five_right .li_d{
    padding-top: 7%;
}
.feature_five_right .li_d h5,.feature_five_right .li_d p{
    padding-left: 4%;
}
.feature_six{
    padding-bottom: 107px;
}
.feature_six_left{
    position: relative;
    width: 52%;
    float: left;
}
.feature_six_left span,.feature_six_div{
    position: absolute;
    top: 0;
    left: 0;
}
.feature_six_div span { opacity: 0;opacity:1\9\0; transform: translate3d(0, 0, 0);  }
.feature_six_div .begin span { opacity: 1; transform: translate3d(0, 0, 0);  }
.feature_six_div span  { transition: all 0.8s ease; }
.feature_six_div .span_a { transition-delay:1s; }


.feature_six_right{
    width: 48%;
    float: left;
}
.feature_six_right p{
    padding-left: 6%;
}
.feature_six .feature_title_h4{
    line-height: 240px;
}
.feature_six_left .feature_video_btn{
    width: 72px;
    height: 72px;
    margin-left: 2%;
}
.feature_seven{
    width: 100%;
    background: url("../../../../../www.zwsoft.com/static/images/zw3d/en/feature/feature_seven_bg.jpg")  top center no-repeat;
    padding-bottom: 132px;
}
.feature_title_h4{
    line-height: 220px;
}
.feature_seven_left{
    width: 50%;
    float: left;
}
.feature_seven_left .li_a{
    position: relative;
}
.feature_seven_left .feature_video_btn{
    width: 72px;
    height: 72px;
    position: absolute;
    left: 2.2%;
    bottom: 5%;
}
.feature_seven_left .li_b{
    padding-left: 2.2%;
    padding-right: 6%;
}
.feature_seven_right{
    width: 50%;
    float: left;
}
.feature_seven_right .li_c{
    position: relative;
}
.feature_seven_right .feature_video_btn{
    width: 72px;
    height: 72px;
    position: absolute;
    left: 11.2%;
    bottom: 5%;
}
.feature_seven_right .li_d{
    padding-left: 11.2%;
    padding-right: 3%;
}
.feature_eight{

}
.feature_eight .feature_title_h4{
    line-height: 228px;
}
.feature_eight_top{
    padding-bottom: 122px;
}
.feature_eight_middle{
    padding-bottom: 80px;
}
.feature_eight_bottom{
    padding-bottom: 80px;
}
.feature_eight .li_a{
    width: 46.4%;
    float: left;
}
.feature_eight .li_b{
    width: 53.6%;
    float: left;
}
.feature_eight .li_b h5,.feature_eight .li_b p{
    padding-left: 2%;
}
.feature_eight .li_c{
    width: 50%;
    float: right;
}
.feature_eight .li_c div{
    padding: 0 31% 0 24%;
    *padding: 0;
    *width: 45%;
    *margin: 0 auto;
}
.feature_eight .li_d{
    width: 50%;
    float: left;
}
.feature_eight .li_d h5,.feature_eight .li_d p{
    padding-left: 7%;
}
.feature_eight .li_e{
    width: 47%;
    float: left;
}
.feature_eight .li_e div{
    padding: 0 18% 0 10%;
    *width: 72%;
    *padding: 0;
    *margin: 0 auto;
}
.feature_eight .li_f{
    width: 53%;
    float: left;
}
.feature_eight .li_f h5,.feature_eight .li_f p{
    padding-right: 10%;
}
.feature_eight .feature_eight_p{
    font-size: 18px;
    padding-top: 16px;
}
.feature_eight .li_f span{
    display: inline-block;
    width: 29px;
    height: 29px;
    margin-right: 2%;
}
.feature_nine{
    width: 100%;
    background: url("../../../../../www.zwsoft.com/static/images/zw3d/en/feature/feature_nine_bg.jpg")  top center no-repeat;
    padding-bottom: 112px;
}
.feature_nine .feature_title_h5{
    line-height: 98px;
}
.feature_nine .feature_title_h4{
    line-height: 200px;
}
.feature_nine_left{
    width: 50%;
    float: left;
}
.feature_nine_right{
    width: 50%;
    float: left;
}
.feature_nine .li_a{
    position: relative;
    padding: 0 4.5%;
}
.feature_nine .li_a .feature_video_btn{
    position: absolute;
    width: 72px;
    height: 72px;
    left: 5.5%;
    bottom: 11%;
}
.feature_nine .li_b{
    padding-right: 4%;
}

.feature_nine .li_c{
    position: relative;
    margin-top: 90px;
    padding: 0 4.5%;
}
.feature_nine .li_c .feature_video_btn{
    position: absolute;
    width: 72px;
    height: 72px;
    left: 5.5%;
    bottom: 11%;
}
.feature_nine .li_d{
    padding-right: 4%;
}

.feature_nine .li_e{
    position: relative;
    
    padding: 0 4.5%;
}
.feature_nine .li_e .feature_video_btn{
    position: absolute;
    width: 72px;
    height: 72px;
    left: 8.5%;
    bottom: 11%;
}
.feature_nine .li_f{
    padding-left: 9%;
}
.feature_nine .li_g{
    position: relative;
    padding: 0 4.5%;
    margin-top: 90px;
}
.feature_nine .li_g .feature_video_btn{
    position: absolute;
    width: 72px;
    height: 72px;
    left: 8.5%;
    bottom: 11%;
}
.feature_nine .li_h{
    padding-left: 9%;
}
.feature_ten{
    padding-bottom: 100px; 
}
.feature_ten .feature_title_h4{
    line-height: 236px;
}
.feature_ten ul{
    padding: 2%;
}
.feature_ten_left{
    float: left;
    width: 46.6%;
    *width: 42.6%;
    border: 1px solid #7face2;
}

.feature_ten_right{
    float: right;
    width: 46.6%;
    *width: 42.6%;
    border: 1px solid #7face2;
}
.feature_ten_left:hover,.feature_ten_right:hover{
    border: 1px solid #307fde;
}
.feature_ten .li_a,.feature_ten .li_c{
    position: relative
}
.feature_ten .li_a .feature_video_btn,.feature_ten .li_c .feature_video_btn{
    position: absolute;
    width: 60px;
    height: 60px;
    left: -1%;
    bottom: 0%;
}
.feature_ten .li_b,.feature_ten .li_d{
    padding-top: 16px;
    padding-bottom: 36px;
}
.feature_ten .li_d{
    padding-right: 4%;
    padding-bottom: 36px;
}
.feature_eleven{
    padding: 34px 0;
    text-align: center;
    background-color: #5482bf;
}
.feature_eleven p{
    font-size: 45px;
    color: #fff;
    line-height: 80px;
    font-weight: bold;
    margin-bottom: 20px;
}
.feature_eleven a {
    background-color: #5bc44a;
    display: inline-block;
    height: 62px;
    line-height: 62px;
    color: #fff;
    text-align: center;
    width: 262px;
    font-size: 30px;
    font-weight: bold;
}
.feature_eleven a:hover{
    background-color: #338D24;
}

@media only screen and (min-width: 1311px) and (max-width: 1440px){
    .feature_box {
        max-width: 1200px;
    }
    .feature_guid li {
        width: 132px;
    }
    .feature_guid h5 {
        font-size: 22px;
        height: 92px;
        line-height: 92px;
    }
    .feature_guid li {
        font-size: 14px;
        padding: 16px 0 16px 0;
    }
    .feature_guid li i {
        width: 50px;
    }
    .feature_title_h4 {
        line-height: 190px;
    }
    .feature_title_h4 {
        font-size: 42px;
        line-height: 180px;
    }
    .feature_second_bottom h5 {
        font-size: 22px;
        line-height: 58px;
    }
    .feature_title_h5 {
        font-size: 22px;
        line-height: 58px;
    }
    .feature_second_bottom p {
        font-size: 16px;
        line-height: 40px;
    }
    .feature_title_p {
        font-size: 16px;
        line-height: 40px;
    }
    .feature_second_bottom {
        height: 380px;
    }
    .feature_third .feature_title_h4 {
        line-height: 186px;
    }
    .feature_third_word {
        padding: 70px 0 92px 0;
    }
    .feature_four {
        padding: 44px 0 100px 0;
    }
    .feature_five {
        padding-bottom: 156px;
    }
    .feature_six .feature_title_h4 {
        line-height: 180px;
    }
    .feature_six {
        padding-bottom: 107px;
    }
    .feature_seven {
        padding-bottom: 132px;
    }
    .feature_eight .feature_title_h4 {
        line-height: 168px;
    }
    .feature_eight_top {
        padding-bottom: 82px;
    }
    .feature_title_h4 {
        line-height: 160px;
    }
    .feature_nine .li_g {
        margin-top: 51px;
    }
    .feature_nine {
        padding-bottom: 82px;
    }
    .feature_ten .feature_title_h4 {
        line-height: 166px;
    }
    .feature_ten .li_d {
        padding-bottom: 36px;
    }
    .feature_ten {
        padding-bottom: 120px;
    }
    .feature_eleven p {
        font-size: 42px;
        line-height: 72px;
        margin-bottom: 18px;
    }
    .feature_eleven a {
        height: 58px;
        line-height: 58px;
        width: 242px;
        font-size: 28px;
    }
    .feature_five_left .li_a .feature_video_btn {
        width: 64px;
        height: 64px;
    }
.feature_five_right .li_c .feature_video_btn {
        width: 64px;
        height: 64px;
    }
    
    .feature_six_left .feature_video_btn {
        width: 64px;
        height: 64px;
    }
}
@media only screen and (max-width: 1310px){
    .feature_box{
        width: 100%;
        padding:0 10%;
    }
    .feature_guid .feature_box{
        padding:0;
    }
    .feature_box{ width: 100%;}
    .feature_guid li{
        width: 11%;
    }
    .feature_guid li.li_a {
        width: 12%;
    }
    .feature_guid h5{
        font-size: 20px;
        height: 70px;
        line-height: 70px;
    }
    .feature_guid li{
        font-size: 12px;
        padding: 12px 0 12px 0;
    }
    .feature_guid .li_a i{
        margin: 0 auto 6px auto;
    }
    .feature_guid .li_a span{
        text-align: center;
        padding: 0;
    }
    .feature_guid .span_1{
        line-height: 50px;
    }
    .feature_title_h4{
        font-size:38px;
        line-height: 166px;
    }
    .feature_title_h5{
        font-size: 18px;
        line-height: 44px;
    }
    .feature_second_bottom h5{
        font-size: 18px;
        line-height: 44px;
    }
    .feature_title_p {
        font-size: 14px;
        line-height: 32px;
    }
    .feature_second_bottom p {
        font-size: 14px;
        line-height: 32px;
    }
    .feature_second_bottom{
        height: 440px;
    }
    .feature_second {
        padding-bottom: 100px;
    }
    .feature_third .feature_title_h4{
        line-height: 166px;
    }
    .feature_third_word {
        padding: 60px 0 80px 0;
    }
    .feature_four {
        padding: 30px 0 60px 0;
    }
    .feature_five .feature_title_h4 {
        line-height: 130px;
    }
    .feature_five {
        padding-bottom: 100px;
    }
    .feature_six .feature_title_h4 {
        line-height: 160px;
    }

    
    .feature_five_right .li_c .feature_video_btn,.feature_five_left .li_a .feature_video_btn {
        width: 60px;
        height: 60px;
    }
    
    .feature_six_left .feature_video_btn {
        width: 60px;
        height: 60px;
    }
    .feature_nine .li_a .feature_video_btn,.feature_nine .li_e .feature_video_btn {
        width: 60px;
        height: 60px;
    }
    .feature_nine .li_c .feature_video_btn,.feature_nine .li_g .feature_video_btn {
        width: 60px;
        height: 60px;
    }
    .feature_seven_left .feature_video_btn,.feature_seven_right .feature_video_btn {
        width: 60px;
        height: 60px;
    }
    .feature_six{
        padding-bottom: 87px;
    }
    .feature_seven {
        padding-bottom: 102px;
    }
    .feature_eight .feature_title_h4 {
        line-height: 148px;
    }
    .feature_eight_top {
        padding-bottom: 62px;
    }
    .feature_nine .feature_title_h4 {
        line-height: 146px;
    }
    .feature_nine {
        padding-bottom: 80px;
    }
    .feature_ten .feature_title_h4 {
        line-height: 146px;
    }
    .feature_ten .li_d {
        padding-bottom: 36px;
    }
    .feature_ten {
        padding-bottom: 90px;
    }
    .feature_eleven p {
        font-size: 38px;
        line-height: 68px;
        margin-bottom: 16px;
    }
    .feature_eleven a {
        height: 50px;
        line-height: 50px;
        width: 202px;
        font-size: 24px;
    }
    .feature_eleven {
        padding: 24px 0;
    }
    .feature_guid li span{
        font-size: 12px;
    }
    .feature_guid li .span_1{
        line-height: normal;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1026px){
    .feature_guid .span_2 {
        line-height: normal;
    }
}
@media only screen and (max-width: 1024px){
    .feature_guid .span_2 {
        line-height: normal;
    }
    .feature_guid h5 {
        font-size: 14px;
        height: auto;
        line-height: 48px;
    }
    .feature_guid li span{
        font-size: 12px;
    }
    .feature_guid li .span_1{
        line-height: normal;
    }
    .feature_second_bottom p{
        line-height: 24px;
    }
    .feature_title_p{
        line-height: 24px;
    }
    .feature_box {
        padding: 0 7% 60px 7%;
    }
    .feature_ten .li_d {
        /*padding-bottom: 60px;*/
    }
    .feature_ten .li_b, .feature_ten .li_d{
        padding-top: 16px;
    }
}
@media only screen and (max-width: 768px){
    .feature_menu_fixed{
        position: static;
    }
    .feature_box {
        padding: 0 18%;
    }
    .feature_guid li span{
        font-size: 12px;
    }
    .feature_guid h5 {
        font-size: 14px;
        height: auto;
        line-height: 48px;
    }
    .feature_second li{
        border: none;
    }
    .feature_title_p {
        font-size: 14px;
        line-height: 30px;
    }
    .feature_guid li {
        width: 20%;
    }
    .feature_guid li.li_a {
        width: 20%;
    }
    .feature_guid .span_1{
        line-height: normal;
    }
    .feature_guid .li_a i{
        margin-bottom: 6px;
    }
    .feature_guid li i {
        width: 40px;
    }
    .feature_guid li {
        font-size: 12px;
        padding: 10px 0 10px 0;
        height: 95px;
    }
    .feature_second_bottom h5 {
        font-size: 14px;
        line-height: 32px;
    }
    .feature_second li{
        width: 100%;
        margin-bottom: 20px;
    }
    .feature_second li.feature_li_middle{
        margin: 0 auto 20px auto;
    }
    .feature_second_bottom {
        height: auto;
        padding-bottom: 40px;
    }
    .feature_second {
        padding-bottom: 40px;
    }
    
    .feature_four li{
        width: 100%;
    }
    
    .feature_five_left {
        width: 100%;
    }
    .feature_five_right {
        width: 100%;
        padding-top: 30px;
    }
    
    .feature_six_left {
        width: 100%;
    }
    .feature_six_right {
        width: 100%;
        padding-top: 30px;
    }
    .feature_seven_left {
        width: 100%;
    }
    .feature_seven_right {
        width: 100%;
    }
    
    .feature_eight .li_a,.feature_eight .li_b,.feature_eight .li_c,.feature_eight .li_d,.feature_eight .li_e,.feature_eight .li_f{
        width: 100%;
    }
    .feature_eight .li_b,.feature_eight .li_d,.feature_eight .li_f{
        padding-top: 30px;
    }
    
    .feature_nine_left {
        width: 100%;
    }
    .feature_nine_right {
        width: 100%;
    }
    .feature_nine .feature_title_h5 {
        line-height: 38px;
    }
    .feature_nine .li_c {
        margin-top: 20px;
    }
    .feature_nine .li_g{
        margin-top: 20px;
    }
    .feature_nine .li_a,.feature_nine .li_c,.feature_nine .li_e,.feature_nine .li_g{
        padding: 0 9%;
    }
    .feature_nine {
        padding-bottom: 10px;
    }
    
    .feature_ten_left,.feature_ten_right {
        width: 100%;
        border: none;
    }
    .feature_ten ul{
        padding-top: 0;
        padding: 0;
    }
    .feature_ten .li_d{
        padding-right: 0;
    }
    .feature_ten_right {
        margin-top: 30px;
    }
    .feature_eleven p {
        font-size: 24px;
        line-height: 48px;
        margin-bottom: 10px;
    }
    .feature_eleven a {
        height: 36px;
        line-height: 36px;
        width: 162px;
        font-size: 18px;
    }
    .feature_main .feature_box  i.feature_video_btn,.feature_main .feature_box  span.feature_video_btn{
        width: 30px;
        height: 30px;
    }
    .feature_third_pic{
        width: 90%;
    }
    .feature_eight .feature_eight_p {
        font-size: 14px;
        padding-top: 10px;
    }
    .feature_eight .li_f span {
        width: 24px;
        height: 24px;
    }
    .guid-item h4.feature_title_h4 {
        font-size: 24px;
        line-height: 100px;
        padding-top: 20px;
    }
    .feature_four,.feature_five{
        padding-top: 0;
    }
    .feature_seven {
        padding-bottom: 65px;
    }
    .feature_five{
        padding-bottom: 60px;
    }
    .feature_second_bottom{
        padding-left: 0;
        padding-right: 0;
    }
    .feature_second_bottom{
        padding-bottom: 0;
    }
    .feature_third_word{
        width: 100%;
    }
    .feature_third_word h5,.feature_third_word p,.feature_four .li_d,.feature_four .li_b,.feature_four .li_f,.feature_five_left .li_b,.feature_five_right .li_d h5, .feature_five_right .li_d p,.feature_five_right li{
        padding-left: 0;
        padding-right: 0;
    }
    .feature_six_right p,.feature_seven_right .li_d,.feature_seven_left .li_b,.feature_eight .li_b h5, .feature_eight .li_b p,.feature_eight .li_d h5, .feature_eight .li_d p,.feature_eight .li_f h5, .feature_eight .li_f p{
        padding-left: 0;
        padding-right: 0;
    }
    .feature_nine .li_f,.feature_nine .li_h{
        padding-left: 0;
        padding-right: 0;
    }
    .feature_nine_right .feature_title_p{
        line-height: 28px;
    }
}
@media only screen and (max-width: 414px){
    .feature_guid h5 {
        font-size: 12px;
        height: auto;
        line-height: 22px;
        padding: 6px;
    }
    .feature_guid li {
        width: 33%;
    }
    .feature_guid li.li_a {
        width: 33%;
    }
    .feature_guid li {
        font-size: 10px;
        padding: 4px 0 4px 0;
    }
    .feature_guid li span{
        font-size: 10px;
    }
    .feature_guid .li_a i {
        margin-bottom: 2px;
    }
    .feature_guid li i{
        margin-bottom: 2px;
        width: 26px;
    }
    

    
    .feature_second_bottom p {
        font-size: 12px;
        line-height: 32px;
    }
    .feature_third_word{
        width: 100%;
    }
    .feature_third_word {
        padding: 30px 0 30px 0;
    }


    .feature_five_right .li_d h5, .feature_five_right .li_d p {
        padding-left: 0%;
    }
    
    .feature_eight .feature_eight_p {
        font-size: 14px;
        padding-top: 8px;
    }
    .feature_eight .li_f span {
        width: 20px;
        height: 20px;
    }


    .feature_eight .li_d h5, .feature_eight .li_d p {
         padding-left: 0%; 
    }
    .feature_ten ul {
        padding: 0;
    }
    .feature_ten {
        padding-bottom: 40px;
    }
    .guid-item h4.feature_title_h4 {
        font-size: 20px;
        line-height: 80px;
        padding-top: 20px;
    }
    .feature_box {
        padding: 0 6%;
    }
    .feature_nine_right .feature_title_p{
        line-height: 24px;
    }
    .guid-item.feature_ten h4.feature_title_h4{
        line-height: 40px;
        padding-top: 40px;
    }
    .guid-item.feature_nine h4.feature_title_h4{
        line-height: 40px;
        padding-top: 40px;
    }
    .feature_six {
        padding-bottom: 60px;
    }
    .feature_second {
        padding-bottom: 40px;
    }
    .feature_eight_bottom,.feature_ten {
        padding-bottom: 60px;
    }
    .feature_four .li_f{
        padding-top: 20px;
    }
}
@media only screen and (max-width: 375px){
    .feature_title_h4 {
        font-size: 18px;
        line-height: 60px;
    }
    .feature_title_h5 {
        font-size: 16px;
        line-height: 40px;
    }
    .feature_second_bottom p {
        font-size: 12px;
        line-height: 26px;
    }
    .feature_title_p {
        font-size: 14px;
        line-height: 28px;
    }
    .feature_nine .feature_title_h4 {
        line-height: normal;
        padding: 20px 0 20px 0;
    }
    .feature_ten .feature_title_h4 {
        line-height: normal;
        padding: 20px 0 20px 0;
    }
    .guid-item.feature_third h4.feature_title_h4 {
        line-height: 40px;
        padding-top: 40px;
    }
    .guid-item.feature_eight h4.feature_title_h4 {
        line-height: 40px;
        padding-top: 40px;
    }
    .guid-item.feature_nine h4.feature_title_h4 {
        line-height: 40px;
        padding-top: 40px;
    }
    .feature_ten .li_b, .feature_ten .li_d{
        padding-bottom: 10px;
    }
}
@media only screen and (max-width: 320px){
    .guid-item.feature_second h4.feature_title_h4 {
        line-height: 40px;
        padding-top: 40px;
    }
}
.img-animation-2 {  opacity: 0;opacity:1\9\0; transform: scale3d(0.2, 0.2, 1) }
.begin .img-animation-2{ animation: screenH-2 0.8s 0.4s ease-in-out forwards; }
@keyframes screenH-2
{
  0% { opacity: 0;transform: scale3d(0.2, 0.2, 1) }
  100% { opacity: 1;transform: scale3d(1, 1, 1) }
}
.animation_title_1 { transition: all 1s ease-in-out; }
.animation_title_2 { transition: all 1s 0.2s ease-in-out;}
.animation_title_1{ opacity: 0; opacity:1\9\0; transform: translate3d(0, 60px, 0);}
.animation_title_2{ opacity: 0;  opacity:1\9\0;transform: translate3d(0, 60px, 0); }
.begin .animation_title_1{  opacity: 1; transform: translate3d(0, 0, 0);}
.begin .animation_title_2{  opacity: 1; transform: translate3d(0, 0, 0); }
/*feature end add by lwg*/
/*overview start add by lwg*/
.overview_main{
    width: 100%;
    margin: 0 auto;
    color: #2b2b2b;
}
.overview_main img{
    width: 100%;
}
.overview_box{
    width: 100%;
    max-width: 1460px;
    margin: 0 auto;
}
.overview_floor{
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative;
    background-repeat:no-repeat;
    background-position:center center;
}

.overview_header{
    position:absolute;
    top:0;
    width:100%;
    left:0;
    z-index:99
}
.overview_first .overview_box{
    position: relative;
}
.overview_first{
    width:100%;
    background: #e8ebf3 url("../../../../../www.zwsoft.com/static/images/zw3d/en/overview/overview_first_bg.jpg") top center no-repeat;
    background-size: cover;
}
.overview_first_content{
    position: absolute;
    left: 0;
    top: 0;
}
.overview_first.current_p .overview_first_content{
    opacity:1;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
}
.overview_first_content{
    opacity:0;
    width:auto;
   /*text-transform:uppercase;*/
    -webkit-transform:translateX(50px);
    -moz-transform:translateX(50px);
    -ms-transform:translateX(50px);
    transform:translateX(50px);
    -webkit-transition:all ease-in .5s;
    -moz-transition:all ease-in .5s;
    -ms-transition:all ease-in .5s;
    transition:all ease-in .5s;
}
.overview_h3{
    font-size: 56px;
    font-weight: bold;
    line-height: 150px;
    margin-top: 180px;
}
.overview_h4{
    font-size: 34px; 
    text-align: center;
}
.overview_h5{
    font-size: 45px; 
    text-align: center;
    line-height: 80px;
}
.overview_desc{
    font-size: 20px;
    text-align: center;
}
.overview_a_more{
    font-size: 20px;
    color: #5796d5;
    width: 160px;
    margin: 0 auto;
    display: block;
    text-align: center;
    line-height: 40px;
}
.overview_first_content a{
    width: 244px;
    height: 62px;
    line-height: 60px;
    border: 2px solid #3a61a7;
    color: #3a61a7;
    display: inline-block;
    text-align: center;
    font-size: 22px;
    margin-top: 12%;
    margin-top: 3%;
    
}

.overview_second{
    width: 100%;
    background: #e8e8e8 url("../../../../../www.zwsoft.com/static/images/zw3d/en/overview/overview_second_bg.jpg") top center no-repeat;
    background-size: cover;
}
.overview_second_top{
    padding-top: 60px;
}
.overview_second_bottom{
    margin: 0 auto;
    max-width: 1329px;
}
.overview_third{
    width: 100%;
    background: #e8e8e8 url("../../../../../www.zwsoft.com/static/images/zw3d/en/overview/overview_third_bg.jpg") top center no-repeat;
    background-size: cover;
}
.overview_third .overview_desc{
    line-height: 60px;
}
.overview_third_top{
    padding-top: 60px;
    padding-bottom: 30px;
}
.overview_third_bottom{
    margin: 0 auto;
    max-width: 717px;
    position: relative;
}
.overview_third_bottom span,.overview_third_div{
    position: absolute;
    left: 0;
    top: 0;
}
.overview_third_div .begin   span { opacity: 1; transform: translate3d(0, 0, 0);  }
.overview_third_div  .span_a {transition: all 0.6s ease; transition-delay:0.6s; opacity: 0;opacity:1\9\0; transform: translate3d(0, 300px, 0);  }



.overview_four{
    width: 100%;
    background: #fcfcfc url("../../../../../www.zwsoft.com/static/images/zw3d/en/overview/overview_four_bg.jpg") top center no-repeat;
    background-size: cover;
}
.overview_four .overview_desc{
    line-height: 40px;
}
.overview_four_top{
    padding-top: 60px;
    padding-bottom: 60px;
}
.overview_four_bottom{
    margin: 0 auto;
    max-width: 1279px;
    position: relative;
}
.overview_four_bottom span{
    position: absolute;
    left: 0;
    bottom: 0;
}
.begin .overview_four_bottom > span { opacity: 1; transform: translate3d(0, 0, 0);  }
.overview_four_bottom > .span_a {transition: all 1s ease; transition-delay:0.2s; opacity: 0;opacity:1\9\0; transform: translate3d(0, 100px, 0);  }
.overview_four_box{
    width:30%;
    top:0;
    right:-6%;
    position:absolute;
    overflow:hidden;
    border-radius: 50%;
    border: 6px solid #5785ca;
    text-align:center;
    display:none\9;
    background-color: #fff;
    opacity:0;
    
}
.overview_four_box_s{
    width:100%;
    height:atuo;
    position:relative;
    margin-top:0;
    margin-left:7%;
    -webkit-transform-origin:right top;
    -moz-transform-origin:right top;
    -ms-transform-origin:right top;
    transform-origin:right top;
}
.overview_four_box_s img{
    width:auto;height:100%;
    position:absolute;
    right:0;
    top:0;
    
}

.overview_four.current_p .overview_four_box{

    animation:overview_four_move_Down 1.5s linear 1s forwards;
}
.overview_four.current_p .overview_four_box img{

    animation:overview_four_move_bottom 1.5s linear 1s forwards;
}


@keyframes overview_four_move_bottom{
    52%{transform:translateY(0) scale(1.12,1.12)}
    100%{transform:translateY(-53%) scale(1.12,1.12)}
}

@keyframes overview_four_move_Down{
    0%{opacity:0;transform:translate(0,-20px)}
    32%{opacity:1;transform:translate(0,0)}
    52%{opacity:1;transform:translate(0,0)}
    100%{opacity:1;transform:translateY(94%)}
}



.overview_five{
    width: 100%;
    background: #e7e5e3 url("../../../../../www.zwsoft.com/static/images/zw3d/en/overview/overview_five_bg.jpg") top center no-repeat;
    background-size: cover;
}
.overview_five .overview_desc{
    line-height: 40px;
}
.overview_five_top{
    padding-top: 60px;
    padding-bottom: 60px;
}
.overview_five_bottom{
    margin: 0 auto;
    max-width: 1364px;
    position: relative;
}
.overview_five_bottom span{
    position: absolute;
    left: 0;
    top: 0;
}
.overview_five_bottom > .span_a{z-index: 9;}
.begin .overview_five_bottom > span { opacity: 1; transform: translate3d(0, 0, 0);  }
.overview_five_bottom > .span_a {transition: all 1s ease; transition-delay:1.6s; opacity: 0;opacity:1\9\0; transform: translate3d(-600px, 0, 0);  }
.overview_five_bottom > .span_b {transition: all 1s ease; transition-delay:0.6s; opacity: 0;opacity:1\9\0; transform: translate3d(600px, 0, 0);  }



.overview_six{
    width: 100%;
    background: #ffffff url("../../../../../www.zwsoft.com/static/images/zw3d/en/overview/overview_six_bg.jpg") top center no-repeat;
    background-size: cover;
}
.overview_six .overview_desc{
    width: 63%;
    margin: 0 auto;
    padding: 14px 0 8px 0;
}
.overview_six_top{
    padding-top: 50px;
    padding-bottom: 50px;
}
.overview_six_bottom{
    margin: 0 auto;
    max-width: 1264px;
    position: relative;
}
.overview_six_bottom span,.overview_six_div{
    position: absolute;
    left: 0;
    top: 0;
}
.overview_six_div .span_a{z-index: 9;}
.overview_six_div .begin span { opacity: 1; transform: translate3d(0, 0, 0);  }
.overview_six_div .span_a {transition: all 1s ease; transition-delay:0.8s; opacity: 0;opacity:1\9\0; transform: translate3d(0, 0, 0);  }


.overview_seven{
    width: 100%;
    background: #e4e4e4 url("../../../../../www.zwsoft.com/static/images/zw3d/en/overview/overview_seven_bg.jpg") top center no-repeat;
    background-size: cover;
}
.overview_seven .overview_desc{
    width: 63%;
    margin: 0 auto;
    padding: 14px 0 8px 0;
}
.overview_seven_top{
    padding-top: 50px;
    padding-bottom: 15px;
}
.overview_seven_bottom{
    margin: 0 auto;
    max-width: 864px;
    position: relative;
}
.overview_seven_bottom span{
    position: absolute;
    left: 0;
    top: 0;
}
.begin .overview_seven_bottom > span { opacity: 1; transform: translate3d(0, 0, 0);  }
.overview_seven_bottom > .span_a {transition: all 1s ease; transition-delay:0.6s; opacity: 0;opacity:1\9\0; transform: translate3d(-600px, 0, 0);  }
.overview_seven_bottom > .span_b {transition: all 1s ease; transition-delay:0.6s; opacity: 0;opacity:1\9\0; transform: translate3d(600px, 0, 0);  }


.overview_eight{
    width: 100%;
    background: #fafafa url("../../../../../www.zwsoft.com/static/images/zw3d/en/overview/overview_eight_bg.jpg") top center no-repeat;
    background-size: cover;
}
.overview_eight .overview_desc{
    margin: 0 auto;
    padding: 14px 0 28px 0;
}
.overview_eight_top{
    padding-top: 40px;
    padding-bottom: 30px;
}
.overview_eight_bottom{
    margin: 0 auto;
    max-width: 1324px;
}


.overview_nine{
    width: 100%;
    background: #e2e1e1 url("../../../../../www.zwsoft.com/static/images/zw3d/en/overview/overview_nine_bg.jpg") top center no-repeat;
    background-size: cover;
}
.overview_nine .overview_desc{
    margin: 0 auto;
    padding: 14px 0 28px 0;
}
.overview_nine_top{
    padding-top: 40px;
    padding-bottom: 30px;
}

.overview_nine_bottom{
    margin: 0 auto;
    max-width: 1315px;
    position: relative;
}
.overview_nine_bottom span{
    position: absolute;
    left: 0;
    bottom: 0;
}


.overview_ten{
    width: 100%;
    background: #e2e1e1 url("../../../../../www.zwsoft.com/static/images/zw3d/en/overview/overview_ten_bg.jpg") top center no-repeat;
    background-size: cover;
}
.overview_ten .overview_desc{
    margin: 0 auto;
    padding: 14px 0 28px 0;
    width: 72%;
}
.overview_ten_top{
    padding-top: 40px;
    padding-bottom: 30px;
}

.overview_ten_bottom{
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
}
.overview_ten_bottom span{
    position: absolute;
    left: 0;
    top: 0;
}
.begin .overview_ten_bottom > span { opacity: 1; transform: translate3d(0, 0, 0);  }
.overview_ten_bottom > .span_a {transition: all 1s ease; transition-delay:0.6s; opacity: 0;opacity:1\9\0; transform: translate3d(-100px, -100px, 0);  }
.overview_ten_bottom > .span_b {transition: all 1s ease; transition-delay:0.6s; opacity: 0;opacity:1\9\0; transform: translate3d(100px, -100px, 0);  }
.overview_ten_bottom > .span_c {transition: all 1s ease; transition-delay:0.6s; opacity: 0;opacity:1\9\0; transform: translate3d(-100px, 100px, 0);  }
.overview_ten_bottom > .span_d {transition: all 1s ease; transition-delay:0.6s; opacity: 0;opacity:1\9\0; transform: translate3d(100px, 100px, 0);  }
@media only screen and (min-width: 1366px) and (max-width: 1680px){
    .overview_first .overview_box{
        width: 80%;
    }
    .overview_h3 {
        font-size: 40px;
        line-height: 140px;
        margin-top: 100px;
    }
    .overview_h4 {
        font-size: 24px;
    }
    .overview_h5 {
        font-size: 40px;
        line-height: 70px;
    }
    .overview_first_content a {
        width: 224px;
        height: 42px;
        line-height: 40px;
        border: 1px solid #3a61a7;
        font-size: 20px;
        margin-top: 8%;
    }
    .overview_four_box{
        border: 4px solid #5785ca;
    }
}
@media only screen and (min-width: 1440px){
    .overview_ten_bottom{
        margin: 6% auto 0 auto;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1365px){
    .overview_first .overview_box{
        width: 80%;
    }
    .overview_h3 {
        font-size: 32px;
        line-height: 100px;
        margin-top: 250px;
    }
    .overview_h4 {
        font-size: 20px;
    }
    .overview_h5 {
        font-size: 34px;
        line-height: 60px;
    }
    .overview_first_content a {
        width: 190px;
        height: 36px;
        line-height: 34px;
        border: 1px solid #3a61a7;
        font-size: 16px;
        margin-top: 8%;
    }
    .overview_desc{
        width: 80%;
        margin: 0 auto;
        line-height: normal;
    }
    .overview_four .overview_desc,.overview_five .overview_desc,.overview_six .overview_desc,.overview_seven .overview_desc{
        line-height: normal;
        width: 80%;
    }
    .overview_second_top,.overview_third_top,.overview_four_top,.overview_six_top,.overview_seven_top{
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .overview_four_box{
        border: 2px solid #5785ca;
    }
}
@media screen and (max-width:1023px){
    .overview_first .overview_box{
        width: 80%;
    }
    .overview_h3 {
        font-size: 28px;
        line-height: 80px;
        margin-top: 250px;
    }
    .overview_h4 {
        font-size: 22px;
    }
    .overview_h5 {
        font-size: 24px;
        line-height: 60px;
    }
    .overview_desc {
        font-size: 14px;
    }
    .overview_first_content a {
        width: 140px;
        height: 30px;
        line-height: 28px;
        border: 1px solid #3a61a7;
        font-size: 12px;
        margin-top: 8%;
    }
    .overview_desc{
        width: 90%;
        line-height: 26px;
        margin: 0 auto;
    }
    .overview_a_more {
        font-size: 14px;
        width: 100px;
        text-align: center;
        line-height: 30px;
    }
    .overview_third .overview_desc,.overview_four .overview_desc,.overview_five .overview_desc,.overview_six .overview_desc,.overview_seven .overview_desc{
        line-height: 26px;
        width: 90%;
    }
    .overview_eight_top,.overview_nine_top,.overview_ten_top,.overview_five_top,.overview_second_top,.overview_third_top,.overview_four_top,.overview_six_top,.overview_seven_top{
        padding-top: 20px;
        padding-bottom: 15px;
    }
    .overview_four_box{
        border: 1px solid #5785ca;
    }
}
@media screen and (max-width:768px){
    .overview_second_top{
        padding-top:30%;
    }
    .overview_third_top{
        padding-top:25%;
    }
    .overview_four_top{
        padding-top:30%;
    }
    .overview_five_top{
        padding-top:25%;
    }
    .overview_six_top{
        padding-top:25%;
    }
    .overview_seven_top{
        padding-top:20%;
    }
    .overview_eight_top{
        padding-top:25%;
    }
    .overview_nine_top{
        padding-top:25%;
    }
    .overview_ten_top{
        padding-top:20%;
    }
    .overview_nine_bottom span{
        position: static;
    }
    
}
@media screen and (max-width:414px){
    .overview_h5 {
        font-size: 18px;
        line-height: 40px;
    }
    .overview_h4 {
        font-size: 16px;
    }
    .overview_h3{
        margin-top: 146px;
    }
}

/*overview end add by lwg*/

/*zw3d 2020 beta start*/
.bg_color_gray{background-color:#e7e7e7;}
.bg_color_white{background-color: #fefefe;}
.blue_color{color: #1d7fea;}
.zw3d2020_buttom{width: 180px;height: 45px;line-height: 45px;border-radius: 3px;font-weight: bold;font-size: 18px;}

.zw3d2020_banner{position: relative;}
.zw3d2020_banner,.zw3d2020_banner img{width: 100%;}
.zw3d2020_banner .zw3d202_b_text{position: absolute;}
.zw3d2020_banner .zw3d202_b_text,.zw3d2020_banner .zw3d202_b_text1{text-align: left;}
.zw3d2020_banner .zw3d202_b_text,.zw3d2020_banner .zw3d202_b_dl a{color: #ffffff;}
.zw3d2020_banner .zw3d202_b_text1 h2{font-size: 48px;font-weight: bold;}
.zw3d2020_banner .zw3d202_b_text2{font-size: 24px;margin:5px 0px 35px 0px;}
.zw3d2020_banner .zw3d202_b_dl a{background-color: #ffffff;color: #1d7fea;display: block;text-align: center;}

.zw3d2020_f1{width: 100%;height: 316px;text-align: center;}
.zw3d2020_f1 .f1_title{font-size: 36px;font-weight: bold;}
.zw3d2020_f1 .f1_content{line-height: 30px;max-width: 793px;font-size: 16px;margin:25px auto 0px auto;font-weight: bold;}

.zw3d2020_f2_m{width: 100%;}
.zw3d2020_f2 h4,.zw3d2020_f2 .zw3d2020_f2_right p{color: #313135;}
.zw3d2020_f2 h4{font-size: 36px;font-weight: bold;padding: 60px 0px;}
.zw3d2020_f2 .zw3d2020_f2_ul{}
.zw3d2020_f2 .zw3d2020_f2_ul:after{clear: both;content: "";display: block;}
.zw3d2020_f2 .zw3d2020_f2_ul li{width: 998px;text-align: left;height: 200px;margin:30px auto;clear: both;}
.zw3d2020_f2 .zw3d2020_f2_left, .zw3d2020_f2 .zw3d2020_f2_right{float: left;}
.zw3d2020_f2 .zw3d2020_f2_left,.zw3d2020_f2 .zw3d2020_f2_left img{width: 355px;}
.zw3d2020_f2 .zw3d2020_f2_left img{cursor: pointer;}
.zw3d2020_f2 .zw3d2020_f2_right{width: 600px;padding-left: 43px;margin-top: 40px;}
.zw3d2020_f2 .zw3d2020_f2_right .zw3d2020_f2_title{font-size: 20px;font-weight: bold;}
.zw3d2020_f2 .zw3d2020_f2_right .zw3d2020_f2_content{font-size: 16px;margin-top:30px;font-weight: bold;}
.zw3d2020_more{padding:80px 0px;}
.zw3d2020_more a{font-size: 18px;font-weight: bold;}

.zw3d2020_f3{height: 443px;width: 100%;}
.zw3d2020_f3 .zw3d2020_f3_box{margin:0 auto;}
.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_f3_l{float: left;}
.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_f3_l p{line-height: 75px;font-size: 36px;text-align: left;font-weight: bold;}
.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_f3_l a{margin-top: 30px;display: block;color: #ffffff;background-color: #155cdc;}
.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_f3_r{float: right;}
.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_dl_icon{margin-top: 131px;}

@media only screen and (max-width: 1680px) {
	.zw3d2020_buttom{width: 170px;height: 42px;line-height: 42px;font-size: 16px;}

	.zw3d2020_banner .zw3d202_b_text1 h2{font-size: 44px;}
	.zw3d2020_banner .zw3d202_b_text2{font-size: 18px;}

	.zw3d2020_f1{height: 300px;}
	.zw3d2020_f1 .f1_title{font-size: 30px;}

	.zw3d2020_f2 .zw3d2020_f2_left,.zw3d2020_f2 .zw3d2020_f2_left img{width: 340px;}
	
	.zw3d2020_f3{height: 400px;}
	.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_f3_l p{font-size: 34px;}
	.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_dl_icon{width: 160px;height: 160px;margin-top: 120px;}
}

@media only screen and (max-width: 1440px) {
	.zw3d2020_buttom{width: 160px;height: 39px;line-height: 39px;}

	.zw3d2020_banner .zw3d202_b_text1 h2{font-size: 40px;}
	.zw3d2020_banner .zw3d202_b_text2{font-size: 16px;}

	
	.zw3d2020_f1{height: 290px;}
	.zw3d2020_f1 .f1_title{font-size: 28px;}

	.zw3d2020_f2 .zw3d2020_f2_left,.zw3d2020_f2 .zw3d2020_f2_left img{width: 330px;}

	.zw3d2020_f3{height: 390px;}
	.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_f3_l p{font-size: 30px;}
	.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_dl_icon{width: 140px;height: 140px;margin-top: 125px;}
}

@media only screen and (max-width: 1280px) {
	.zw3d2020_buttom{width: 150px;height: 36px;line-height: 36px;}

	.zw3d2020_banner .zw3d202_b_text1 h2{font-size: 36px;}

	.zw3d2020_f1{height: 280px;}
	.zw3d2020_f1 .f1_title{font-size: 26px;}

	.zw3d2020_f2 .zw3d2020_f2_ul li{width:710px}
	.zw3d2020_f2 .zw3d2020_f2_left,.zw3d2020_f2 .zw3d2020_f2_left img{width: 310px;}
	.zw3d2020_f2 .zw3d2020_f2_right{width: 395px;padding-left: 43px;margin-top: 20px;}

	.zw3d2020_f3{height: 360px;}
	.zw3d2020_f3 .zw3d2020_f3_box{width: 80% !important;}
	.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_f3_l p{line-height: 55px;font-size: 28px;}
	.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_dl_icon{width: 120px;height: 120px;margin-top: 120px;}
}

@media only screen and (max-width: 1024px) {
	.zw3d2020_banner .zw3d202_b_text1 h2{font-size: 36px;}

	.zw3d2020_f1{height: 270px;}
	.zw3d2020_f1 .f1_title{font-size: 24px;}
	
	.zw3d2020_f2 .zw3d2020_f2_left,.zw3d2020_f2 .zw3d2020_f2_left img{width: 290px;}
	.zw3d2020_f2 .zw3d2020_f2_right{width: 420px;padding-left: 43px;}
	
	.zw3d2020_f3{height: 340px;}
	.zw3d2020_f3_box{width: 80%;}
	.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_f3_l p{line-height: 55px;font-size: 24px;}
	.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_f3_l a{width: 160px;height:51px;line-height: 51px;}
	.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_dl_icon{width: 100px;height: 100px;margin-top: 120px;}
}

@media only screen and (max-width: 800px) {
	.zw3d2020_buttom,.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_f3_l a{width: 140px;height: 36px;line-height: 36px;font-size: 14px;}

	.zw3d2020_banner .zw3d202_b_text1 h2{font-size: 16px;}
	.zw3d2020_banner .zw3d202_b_text2{font-size: 12px;}

	.zw3d2020_f1{height: 260px;padding:0 15px;}
	.zw3d2020_f1 .f1_title{font-size: 20px;}

	
	.zw3d2020_f2 .zw3d2020_f2_ul li{width: 100%;height: 130px;}
	.zw3d2020_f2 .zw3d2020_f2_left{width: 35%;padding-left: 15px;}
	.zw3d2020_f2 .zw3d2020_f2_left img{width: 100%;}
	.zw3d2020_f2 .zw3d2020_f2_right{width: 64%;padding-left: 15px;margin-top: 0px;}
	.zw3d2020_f2 .zw3d2020_f2_right .zw3d2020_f2_content{padding-left: 0px;margin-top: 10px;}
	.zw3d2020_more{padding:0px 0px 40px 0px;}
	
	.zw3d2020_f3{height: 300px;}
	.zw3d2020_f3_box{width: 80%;}
	.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_f3_l p{line-height: 55px;font-size: 20px;}
	.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_dl_icon{width:80px;margin-top: 110px;}
	
}

@media only screen and (max-width: 560px) {
	.zw3d2020_buttom,.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_f3_l a{width: 140px;height: 36px;line-height: 36px;font-size: 14px;}

	.zw3d2020_f2 h4{padding:30px 0px;}
	.zw3d2020_f2 .zw3d2020_f2_ul li{height: auto;margin:20px 0px;padding-left: 0px;float: left;}
	.zw3d2020_f2 .zw3d2020_f2_left{width: 100%;text-align: center;padding-left: 0px;}
	.zw3d2020_f2 .zw3d2020_f2_left img{width: 98%;}
	.zw3d2020_f2 .zw3d2020_f2_right{width: 98%;padding-left: 0px;margin: 10px 0px;}
	.zw3d2020_f2 .zw3d2020_f2_right .zw3d2020_f2_title,.zw3d2020_f2 .zw3d2020_f2_right .zw3d2020_f2_content{text-align: center;}
	.zw3d2020_f2 .zw3d2020_f2_right .zw3d2020_f2_content{margin-top:10px;}

	.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_f3_l p{font-size: 22px;}

	.zw3d2020_f3{height: 350px;}
	.zw3d2020_f3_box{width: 80%;}
	.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_f3_l{padding-top: 20px;width: 100%;}
	.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_f3_l p{line-height: 55px;font-size: 20px;text-align: center;}
	.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_f3_l a{margin:20px auto;}
	.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_f3_r{float: none;}
	.zw3d2020_f3 .zw3d2020_f3_box .zw3d2020_dl_icon{width:80px;height: 80px;margin-top: 15px;}

}

@media only screen and (max-width: 340px) {
	.zw3d2020_f3{height: 400px;}
}
/*zw3d 2020 beta end*/