.yang_card_h3{ font-size:48px; font-weight:bold; color:#1b1c1e; text-align:center; line-height:52px; padding-bottom:3px; padding-top:17px; margin-bottom:20px; }
.yang_card_p{  width:1000px; margin:0 auto; padding:0 70px; color:#1b1c1e; font-size:16px; line-height:28px; text-align:center; margin-bottom:50px; }

a:hover .featured-box-long,a:visited .featured-box{ color:#333; }

#ztmi-body-header{ width:100%; max-width:2560px;max-width:100%; height:auto; background:#ffffff;position:fixed;left:0;right:0; margin:0 auto;box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1);}
#ztmi-body-header-list{ width:1920px; height:166px;height:auto; background:#ffffff; position:relative; margin:0 auto; padding-top:14px; }
#ztmi-body-header-list ul{width:100%; height:auto; float:left; }
#ztmi-body-header-list li{ width:240px; max-width:240px; height:auto; float:left; list-style-type:none; text-align:center; margin:0;}
#ztmi-body-header-list img{ margin-bottom:0px; width:100%; max-width:180px; }
#ztmi-body-header-list li a{ display:block; margin:0 10px;}
@media (min-width: 0px) {
 #ztmi-body-header{ display:none; }
}
@media (min-width: 300px) {


#can-featured{  width:100%; height:auto; background:#f5f5f5; margin-top:16px;margin-right:auto; margin-left:auto; }
#can-featured .content { width:100%; max-width:300px; height: auto; overflow: hidden; margin:0 auto ; padding-top:30px; }
#can-featured .content ul{ width:300px; margin:0 auto; }
#can-featured .content li{ width:300px; height:300px; float:left; background:#fff; margin-right:18px; margin-bottom:18px; }

.featured-box-long{ width:300px; height:300px; margin: 0px; overflow: hidden; position: relative; z-index:8; }
.featured-box{ width:300px; height:300px; margin: 0px; overflow: hidden; position: relative; z-index:8; }
.featured-box img{ width: 100%; height: auto; }
.featured-box-long img{ width: 200%; height: auto; margin-left:-152px; }
.featured-box-content{ width: 100%; height:140px; position: absolute; top: 180px; left: 0px; text-align:center; }

.featured-box-content-title1,.featured-box-content-title1a{ font-size:26px; font-weight:bold; line-height:30px;  margin-bottom:10px;}
.featured-box-content-title2{ font-size:14px;  margin-bottom:0px;}
.featured-box-content-title3{ margin-left:20px;  margin-bottom:0px; }
.featured-box-content span{ font-size:14px; color: #000000; margin-top:10px; margin-right: 30px; display: inline-block; }
.featured-box-content a:hover span{ color: #019f94; }

#can-databook{ width:100%; height:auto; background:#f5f5f5; margin:0 auto; }
#can-databook .content { width:100%; height: auto; overflow: hidden; margin:0 auto ; padding-top:30px; }

.can-databook-content{ width:300px; margin:10px auto; }
.can-databook-content h2{ font-size:30px; line-height:40px; }

.can-databook-content-l{ width:300px; height:245px; float: left; }
.can-databook-content-r{ width:100%; height:388px; float:left; background:#ffffff; padding:20px 10px 20px 10px; }
.can-databook-content-r ul{ width:280px; margin:30px auto; }
.can-databook-content-r ul li{ width:100%; font-size:14px; line-height:28px; }
.can-databook-content-r span{ margin-left:20px; color:#999; display:inline-block; }
.down-ico-pdf{ background:url(../images/pdf.png) no-repeat 0px 9px; padding-left:20px; background-size:16px 16px; }



.yang_card_h3{ font-size:24px; font-weight:bold; color:#1b1c1e; text-align:center; line-height:52px; padding-bottom:3px; padding-top:8px; margin-bottom:0px; }
.yang_card_p{  width:100%; margin:0 auto; padding:0 16px; color:#1b1c1e; font-size:14px; line-height:24px; text-align:center; margin-bottom:30px;  }

#can-databook .yang_card_h3{ width: 90%; margin-left: auto; margin-right: auto; } 

}
/*é'ˆå¯¹iphone5s*/
@media (min-width: 315px) {	

}
/*é'ˆå¯¹1080*1920çš"android*/
@media (min-width: 360px) {	
#can-featured .content { width:100%; max-width:350px; height: auto; overflow: hidden; margin:0 auto ; padding-top:30px; }
#can-featured .content ul{ width:350px; margin:0 auto; }
#can-featured .content li{ width:350px; height:340px; float:left; background:#fff; margin-right:18px; margin-bottom:18px; }
    
.featured-box-long{ width:350px; height:340px; margin: 0px; overflow: hidden; position: relative; z-index:8; }
.featured-box{ width:350px; height:340px; margin: 0px; overflow: hidden; position: relative; z-index:8; }
.featured-box img{ width: 100%; height: auto;  }
.featured-box-long img{ width: 190%; height: auto; margin-left:-159px; }
.featured-box-content{ width: 100%; height:140px; position: absolute; top: 202px; left: 0px; text-align:center; }

.featured-box-content-title1,.featured-box-content-title1a{ font-size:26px; font-weight:bold; line-height:30px; }
.featured-box-content-title2{ font-size:14px; }
.featured-box-content-title3{ margin-left:20px; }
.featured-box-content span{ font-size:14px; color: #000000; margin-top:10px; margin-right: 30px; display: inline-block; }
.featured-box-content a:hover span{ color: #019f94; }


#can-databook{ width:100%; height:auto; background:#f5f5f5; margin:0 auto; }
#can-databook .content { width:100%; height: auto; overflow: hidden; margin:0 auto; padding-top:30px; }
.can-databook-content{ width:360px; margin:10px auto; }
.can-databook-content h2{ font-size:30px; line-height:40px; }

.can-databook-content-l{ width:360px; height:280px; float: left; }
.can-databook-content-r{ width:100%; height:388px; float:left; background:#ffffff; padding:20px 10px 20px 16px; }
.can-databook-content-r ul{ width:340px; margin:30px auto; }






}
/*é'ˆå¯¹iphone6*/
@media (min-width: 375px) {
	
}
/*é'ˆå¯¹å…¨é¢å±å®‰å"*/
@media (min-width: 390px) {	

}
@media (min-width: 400px) {

}
/*é'ˆå¯¹iphone6s plus*/
@media (min-width: 410px) {
#can-featured .content { width:100%; max-width:400px; height: auto; overflow: hidden; margin:0 auto ; padding-top:30px; }
#can-featured .content ul{ width:400px; margin:0 auto; }
#can-featured .content li{ width:400px; height:360px; float:left; background:#fff; margin-right:18px; margin-bottom:18px; }


.featured-box-long{ width:400px; height:360px; margin: 0px; overflow: hidden; position: relative; z-index:8; }
.featured-box{ width:400px; height:360px; margin: 0px; overflow: hidden; position: relative; z-index:8; }
.featured-box img{ width: 100%; height: auto;  }
.featured-box-long img{ width: 190%; height: auto; margin-left:-180px; }
.featured-box-content{ width: 100%; height:156px; position: absolute; top: 216px; left: 0px; text-align:center; }

.featured-box-content-title1,.featured-box-content-title1a{ font-size:26px; font-weight:bold; line-height:30px; }
.featured-box-content-title2{ font-size:14px; }
.featured-box-content-title3{ margin-left:20px; }
.featured-box-content span{ font-size:14px; color: #000000; margin-top:10px; margin-right: 30px; display: inline-block; }
.featured-box-content a:hover span{ color: #019f94; }


#can-databook{ width:100%; height:auto; background:#f5f5f5; margin:0 auto; }
#can-databook .content { width:100%; height: auto; overflow: hidden; margin:0 auto ; padding-top:30px; }
.can-databook-content{ width:410px; margin:10px auto; }
.can-databook-content h2{ font-size:30px; line-height:40px; }

.can-databook-content-l{ width:410px; height:320px; float: left; }
.can-databook-content-r{ width:100%; height:388px; float:left; background:#ffffff; padding:20px 10px 20px 16px; }
.can-databook-content-r ul{ width:380px; margin:30px auto; }

#can-databook .yang_card_h3{width: 84%; } 


}
/*é'ˆå¯¹1440*2560çš"android*/
@media (min-width: 480px) {	

}
@media (min-width: 500px) {

}
@media (min-width: 600px) {
#can-featured .content { width:100%; max-width:560px; height: auto; overflow: hidden; margin:0 auto ; padding-top:30px; }
#can-featured .content ul{ width:560px; margin:0 auto; }
#can-featured .content li{ width:560px; height:480px; float:left; background:#fff; margin-right:18px; margin-bottom:26px; }
    
    
.featured-box-long{ width:560px; height:480px; margin: 0px; overflow: hidden; position: relative; z-index:8; }
.featured-box{ width:560px; height:480px; margin: 0px; overflow: hidden; position: relative; z-index:8; }
.featured-box img{ width: 100%; height: auto; }
.featured-box-long img{ width: 190%; height: auto; margin-left:-250px; }
.featured-box-content{ width: 100%; height:156px; position: absolute; top: 330px; left: 0px; text-align:center; }

.featured-box-content-title1,.featured-box-content-title1a{ font-size:26px; font-weight:bold; line-height:30px; }
.featured-box-content-title2{ font-size:14px; margin-bottom:10px; }
.featured-box-content-title3{ margin-left:20px; }
.featured-box-content span{ font-size:14px; color: #000000; margin-top:10px; margin-right: 30px; display: inline-block; }
.featured-box-content a:hover span{ color: #019f94; }
    

#can-databook{ width:100%; height:auto; background:#f5f5f5; margin:0 auto; }
#can-databook .content { width:100%; height: auto; overflow: hidden; margin:0 auto ; padding-top:30px; }
.can-databook-content{ width:560px; margin:10px auto; }
.can-databook-content h2{ font-size:30px; line-height:40px; }

.can-databook-content-l{ width:560px; height:320px; float: left; }
.can-databook-content-r{ width:100%; height:280px; float:left; background:#ffffff; padding:20px 10px 20px 16px; }
.can-databook-content-r ul{ width:520px; margin:30px auto; }

#can-databook .yang_card_h3{ width: 100%; } 


.yang_card_h3{ font-size:28px; font-weight:bold; color:#1b1c1e; text-align:center; line-height:52px; padding-bottom:3px; padding-top:8px; margin-bottom:0px; }
.yang_card_p{ width:100%; margin:0 auto; padding:0 16px; color:#1b1c1e; font-size:16px; line-height:24px; text-align:center; margin-bottom:30px; }

}
@media (min-width: 700px) {

}
@media (min-width: 767px) {	

}
@media (min-width: 768px) {	
#can-featured{ width:100%; height:auto; background:#f5f5f5; margin-top:0px; }


.yang_card_h3{ font-size:36px; font-weight:bold; color:#1b1c1e; text-align:center; line-height:52px; padding-bottom:3px; padding-top:17px; margin-bottom:20px; }
.yang_card_p{  width:100%; margin:0 auto; padding:0 10px; color:#1b1c1e; font-size:16px; line-height:28px; text-align:center; margin-bottom:50px; }
}
@media (min-width: 770px) {	
}
@media (min-width: 785px) {

}
@media (min-width: 800px) {

}
@media (min-width: 880px) {


}
@media (min-width: 980px) {

}
@media (min-width: 1024px) {


#can-featured{ width:100%; max-width:1024px; height:auto; background:#f5f5f5; margin-top:190px; margin-right:auto; margin-left:auto; }
#can-featured .content { width:100%; max-width:1024px;  height: auto; overflow: hidden; margin:0 auto ; padding-top:50px; }
#can-featured .content ul{ width:1024px; margin:0 auto; }
#can-featured .content li{ width:1024px; height:600px; float:left; background:#fff; margin-right:18px; margin-bottom:18px; }
#can-featured .content li:nth-child(1){ width:1024px; height:640px; }
#can-featured .content li:nth-child(3){ margin-right: 0px; }

.featured-box-long{ width:1024px; height:640px; margin: 0px; overflow: hidden; position: relative; z-index:8; }
.featured-box{ width:1024px; height:600px; margin: 0px; overflow: hidden; position: relative; z-index:8; }
.featured-box img{ width:1244px; height:600px; margin-left:-110px; }
.featured-box-long img{ width:2510px; height:640px; margin-left:-720px; }
.featured-box-content{ width: 100%; height:500px; position: absolute; top: 60px; left: 0px; text-align:center; }


.featured-box-content-title1{ font-size:30px; font-weight:bold; line-height:32px; }
.featured-box-content-title1a{ font-size:37px; font-weight:bold; line-height:40px; }
.featured-box-content-title2{ font-size:16px; line-height:30px; }
.featured-box-content-title3{ margin-left:20px; }
.featured-box-content span{ font-size:16px; color: #000000; margin-top:20px; margin-right: 10px; display: inline-block; }
.featured-box-content a:hover span{ color: #019f94; }



#can-databook{ width:100%; max-width:2560px; height:auto; background:#f5f5f5;  margin:0 auto 110px; }
#can-databook .content { width:100%; max-width:1024px; height: auto; overflow: hidden; margin:0 auto; padding-top:120px; }


.can-databook-content{ width:1024px; margin:70px auto; }
.can-databook-content h2{ font-size:30px; line-height:40px; padding-left:10px; }

.can-databook-content-l{ width:512px; height:408px; float:left; }
.can-databook-content-r{ width:512px; height:408px; float:left; background:#ffffff; padding:80px 20px 100px 50px; }
.can-databook-content-r ul{ width:430px; margin:30px auto; }
.can-databook-content-r ul li{ width:100%; font-size:14px; line-height:36px; }
.can-databook-content-r span{ margin-left:20px; color:#999; display:none; }
.down-ico-pdf{ background:url(../images/pdf.png) no-repeat 0px 9px; padding-left:20px; background-size:16px 16px; }



.yang_card_h3{ font-size:48px; font-weight:bold; color:#1b1c1e; text-align:center; line-height:52px; padding-bottom:3px; padding-top:17px; margin-bottom:20px; }
.yang_card_p{  width:1000px; margin:0 auto; padding:0 70px; color:#1b1c1e; font-size:16px; line-height:28px; text-align:center; margin-bottom:50px;  }

}
@media (min-width: 1200px) {
#can-featured{ width:100%; max-width:1200px; height:auto; background:#f5f5f5; margin-top:190px; margin-right:auto; margin-left:auto; }
#can-featured .content { width:100%; max-width:1200px;  height: auto; overflow: hidden; margin:0 auto ; padding-top:50px; }
#can-featured .content ul{ width:1200px; margin:0 auto; }
#can-featured .content li{ width:591px; height:600px; float:left; background:#fff; margin-right:18px; margin-bottom:18px; }
#can-featured .content li:nth-child(1){ width:1180px; height:640px; }
#can-featured .content li:nth-child(3){ margin-right: 0px; }

#ztmi-body-header-list img{ margin-bottom:0px; width:100%; max-width:180px; }

.featured-box-long{ width:1244px; height:640px; margin: 0px; overflow: hidden; position: relative; z-index:8; }
.featured-box{ width:591px; height:600px; margin: 0px; overflow: hidden; position: relative; z-index:8; }

.featured-box img{ width:1244px; height:600px; margin-left:-320px; }
.featured-box-long img{ width:2510px; height:640px; margin-left:-630px; }

.featured-box-content{ width: 100%; height:500px; position: absolute; top: 60px; left: 0px; text-align:center; }


.featured-box-content-title1{ font-size:30px; font-weight:bold; line-height:32px; }
.featured-box-content-title1a{ font-size:37px; font-weight:bold; line-height:40px; }
.featured-box-content-title2{ font-size:16px; line-height:30px; }
.featured-box-content-title3{ margin-left:20px; }
.featured-box-content span{ font-size:16px; color: #000000; margin-top:20px; margin-right: 10px; display: inline-block; }
.featured-box-content a:hover span{ color: #019f94; }


#can-databook{ width:100%; max-width:2560px; height:auto; background:#f5f5f5;  margin:0 auto 110px; }
#can-databook .content { width:100%; max-width:1200px;  height: auto; overflow: hidden; margin:0 auto; padding-top:120px; }

.can-databook-content{ width:1200px; margin:70px auto; }
.can-databook-content h2{ font-size:30px; line-height:40px; }

.can-databook-content-l{ width:600px; height:490px; float:left; }
.can-databook-content-r{ width:600px; height:490px; float:left; background:#ffffff; padding:100px 20px 100px 50px; }
.can-databook-content-r ul{ width:510px; margin:30px auto; }
.can-databook-content-r ul li{ width:100%; font-size:14px; line-height:36px; }
.can-databook-content-r span{ margin-left:20px; color:#999; display:inline-block; }
.down-ico-pdf{ background:url(../images/pdf.png) no-repeat 0px 9px; padding-left:20px; background-size:16px 16px; }

}
@media (min-width: 1201px) {     
#can-featured{ width:100%; max-width:1598px; height:auto; background:#f5f5f5; margin-top:190px; margin-right:auto; margin-left:auto; }
#can-featured .content { width:100%; max-width:1598px;  height: auto; overflow: hidden; margin:0 auto ; padding-top:50px; }
#can-featured .content ul{ width:100%; margin:0 auto; }
#can-featured .content li{ width:49%; height:600px; float:left; background:#fff; margin-right:18px; margin-bottom:18px; }
#can-featured .content li:nth-child(1){ width:99%; height:640px; }
#can-featured .content li:nth-child(3){ margin-right: 0px; }

.featured-box-long{ width:100%; height:640px; margin: 0px; overflow: hidden; position: relative; z-index:8; }
.featured-box{ width:100%; height:600px; margin: 0px; overflow: hidden; position: relative; z-index:8; }

.featured-box img{ width:1244px; height:600px; margin-left:-320px; }
.featured-box-long img{ width:2510px; height:640px; margin-left:-630px; }

.featured-box-content{ width: 100%; height:500px; position: absolute; top: 60px; left: 0px; text-align:center; }


.featured-box-content-title1{ font-size:30px; font-weight:bold; line-height:32px; }
.featured-box-content-title1a{ font-size:37px; font-weight:bold; line-height:40px; }
.featured-box-content-title2{ font-size:16px; line-height:30px; }
.featured-box-content-title3{ margin-left:20px; }
.featured-box-content span{ font-size:16px; color: #000000; margin-top:20px; margin-right: 10px; display: inline-block; }
.featured-box-content a:hover span{ color: #019f94; }

}
@media (min-width: 1301px) {     
.featured-box img{ width:1244px; height:600px; margin-left:-300px; }
.featured-box-long img{ width:2510px; height:640px; margin-left:-605px; }
}
@media (min-width: 1401px) {     
.featured-box img{ width:1244px; height:600px; margin-left:-265px; }
.featured-box-long img{ width:2510px; height:640px; margin-left:-548px; }
}
@media (min-width: 1501px) {     
.featured-box img{ width:1244px; height:600px; margin-left:-242px; }
.featured-box-long img{ width:2510px; height:640px; margin-left:-490px; }
}
@media (min-width: 1600px) {

#can-featured{ width:100%; max-width:1600px; height:auto; background:#f5f5f5; margin-top:190px; margin-right:auto; margin-left:auto; }
#can-featured .content { width:100%; max-width:1580px; height: auto; overflow: hidden; margin:0 auto; padding-top:50px; }
#can-featured .content ul{ width:1580px; margin:0 auto; }
#can-featured .content li{ width:780px; height:600px; float:left; background:#fff; margin-right:18px; margin-bottom:18px; }
#can-featured .content li:nth-child(1){ width:1578px; height:640px; }
#can-featured .content li:nth-child(3){ margin-right: 0px; }

.featured-box-long{ width:1578px; height:640px; margin: 0px; overflow: hidden; position: relative; z-index:8; }
.featured-box{ width:780px; height:600px; margin: 0px; overflow: hidden; position: relative; z-index:8; }
.featured-box img{ width:1244px; height:600px; margin-left:-240px; }
.featured-box-long img{ width:2510px; height:640px; margin-left:-450px; }
.featured-box-content{ width: 100%; height:500px; position: absolute; top: 60px; left: 0px; text-align:center; }


.featured-box-content-title1{ font-size:30px; font-weight:bold; line-height:32px; }
.featured-box-content-title1a{ font-size:37px; font-weight:bold; line-height:40px; }
.featured-box-content-title2{ font-size:16px; line-height:30px; }
.featured-box-content-title3{ margin-left:20px; }
.featured-box-content span{ font-size:16px; color: #000000; margin-top:10px; margin-right: 10px; display: inline-block; }
.featured-box-content a:hover span{ color: #019f94; }


}
@media (min-width: 1601px) {    
#can-featured{ width:100%; max-width:1898px; height:auto; background:#f5f5f5; margin-top:190px; margin-right:auto; margin-left:auto; }
#can-featured .content { width:100%; max-width:1898px; height: auto; overflow: hidden; margin:0 auto ; padding-top:50px; }
#can-featured .content ul{ width:100%; margin:0 auto; }
#can-featured .content li{ width:49%; height:600px; float:left; background:#fff; margin-right:18px; margin-bottom:18px; }
#can-featured .content li:nth-child(1){ width:99%; height:640px; }
#can-featured .content li:nth-child(3){ margin-right: 0px; }

.featured-box-long{ width:100%; height:640px; margin: 0px; overflow: hidden; position: relative; z-index:8; }
.featured-box{ width:100%; height:600px; margin: 0px; overflow: hidden; position: relative; z-index:8; }
.featured-box img{ width:1244px; height:600px; margin-left:-240px; }
.featured-box-long img{ width:2510px; height:640px; margin-left:-450px; }
.featured-box-content{ width: 100%; height:500px; position: absolute; top: 60px; left: 0px; text-align:center; }


.featured-box-content-title1{ font-size:30px; font-weight:bold; line-height:32px; }
.featured-box-content-title1a{ font-size:37px; font-weight:bold; line-height:40px; }
.featured-box-content-title2{ font-size:16px; line-height:30px; }
.featured-box-content-title3{ margin-left:20px; }
.featured-box-content span{ font-size:16px; color: #000000; margin-top:20px; margin-right: 10px; display: inline-block; }
.featured-box-content a:hover span{ color: #019f94; }

}
@media (min-width: 1701px) {     
.featured-box img{ width:1244px; height:600px; margin-left:-230px; }
.featured-box-long img{ width:2510px; height:640px; margin-left:-410px; }
} 
@media (min-width: 1801px) {     
.featured-box img{ width:1244px; height:600px; margin-left:-194px; }
.featured-box-long img{ width:2510px; height:640px; margin-left:-364px; }
}      
@media (min-width: 1900px) {

#can-featured{ width:100%; max-width:1900px; height:auto; background:#f5f5f5; margin-top:190px; margin-right:auto; margin-left:auto; }
#can-featured .content { width:100%; max-width:1840px; height: auto; overflow: hidden; margin:0 auto ; padding-top:50px; }
#can-featured .content ul{ width:1880px; margin:0 auto; overflow: hidden; }
#can-featured .content li{ width:910px; height:600px; float:left; background:#fff; margin-right:18px; margin-bottom:18px; }
#can-featured .content li:nth-child(1){ width:1840px; height:640px; }
#can-featured .content li:nth-child(3){ margin-right: 0px; }

.featured-box-long{ width:1840px; height:640px; margin: 0px; overflow: hidden; position: relative; z-index:8; }
.featured-box{ width:910px; height:600px; margin: 0px; overflow: hidden; position: relative; z-index:8; }
.featured-box img{ width:1244px; height:600px; margin-left:-180px; }
.featured-box-long img{ width:2510px; height:640px; margin-left:-330px; }
.featured-box-content{ width: 100%; height:500px; position: absolute; top: 60px; left: 0px; text-align:center; }


.featured-box-content-title1{ font-size:30px; font-weight:bold; line-height:32px; }
.featured-box-content-title1a{ font-size:37px; font-weight:bold; line-height:40px; }
.featured-box-content-title2{ font-size:16px; line-height:30px; }
.featured-box-content-title3{ margin-left:20px; }
.featured-box-content span{ font-size:16px; color: #000000; margin-top:20px; margin-right: 10px; display: inline-block; }
.featured-box-content a:hover span{ color: #019f94; }


}
@media (min-width: 1921px) {
#can-featured{ width:100%; max-width:2398px; height:auto; background:#f5f5f5;  margin-top:190px; margin-right:auto; margin-left:auto; }
#can-featured .content { width:100%; max-width:2398px;  height: auto; overflow: hidden; margin:0 auto ; padding-top:50px; }
#can-featured .content ul{ width:100%; margin:0 auto; overflow: hidden; }
#can-featured .content li{ width:49%; height:600px; float:left; background:#fff; margin-right:18px; margin-bottom:18px; }
#can-featured .content li:nth-child(1){ width:99%; height:640px; }
#can-featured .content li:nth-child(3){ margin-right: 0px; }

.featured-box-long{ width:100%; height:640px; margin: 0px; overflow: hidden; position: relative; z-index:8; }
.featured-box{ width:100%; height:600px; margin: 0px; overflow: hidden; position: relative; z-index:8; }
.featured-box img{ width:1244px; height:600px; margin-left:-180px; }
.featured-box-long img{ width:2510px; height:640px; margin-left:-330px; }
.featured-box-content{ width: 100%; height:500px; position: absolute; top: 60px; left: 0px; text-align:center; }


.featured-box-content-title1{ font-size:30px; font-weight:bold; line-height:32px; }
.featured-box-content-title1a{ font-size:37px; font-weight:bold; line-height:40px; }
.featured-box-content-title2{ font-size:16px; line-height:30px; }
.featured-box-content-title3{ margin-left:20px; }
.featured-box-content span{ font-size:16px; color: #000000; margin-top:20px; margin-right: 10px; display: inline-block; }
.featured-box-content a:hover span{ color: #019f94; }

}   
@media (min-width: 2001px) {
.featured-box img{ width:1244px; height:600px; margin-left:-140px; }
.featured-box-long img{ width:2510px; height:640px; margin-left:-250px; }
}
@media (min-width: 2101px) {
.featured-box img{ width:1244px; height:600px; margin-left:-100px; }
.featured-box-long img{ width:2510px; height:640px; margin-left:-204px; }
} 
@media (min-width: 2201px) {
.featured-box img{ width:1244px; height:600px; margin-left:-60px; }
.featured-box-long img{ width:2510px; height:640px; margin-left:-156px; }
} 
@media (min-width: 2301px) {
.featured-box img{ width:1244px; height:600px; margin-left:-50px; }
.featured-box-long img{ width:2510px; height:640px; margin-left:-100px; }
}   
@media (min-width: 2400px) {
#can-featured{ width:100%; max-width:2560px; height:auto; background:#f5f5f5;  margin-top:190px; }
#can-featured .content { width:100%; max-width:2560px; height: auto; overflow: hidden; margin:0 auto ; padding-top:50px; }

#can-featured .content ul{ width:2506px; margin:0 auto; }
#can-featured .content li{ width:1244px; height:600px; float:left; background:#fff; margin-right:18px; margin-bottom:18px; }
#can-featured .content li:nth-child(1){ width:2500px; height:640px; }
#can-featured .content li:nth-child(3){ margin-right: 0px; }

.featured-box-long{ width:2510px; height:640px; margin: 0px; overflow: hidden; position: relative; z-index:8; }

.featured-box{ width:1244px; height:600px; margin: 0px; overflow: hidden; position: relative; z-index:8; }
.featured-box img,.featured-box-long img{ width: 100%; height: auto; margin-left:0px; }
.featured-box-content{ width: 100%; height:500px; position: absolute; top: 60px; left: 0px; text-align:center; }


.featured-box-content-title1{ font-size:30px; font-weight:bold; line-height:32px; }
.featured-box-content-title1a{ font-size:37px; font-weight:bold; line-height:40px; }
.featured-box-content-title2{ font-size:16px; line-height:30px; }
.featured-box-content-title3{ margin-left:20px; }
.featured-box-content span{ font-size:16px; color: #000000; margin-top:20px; margin-right: 10px; display: inline-block; }
.featured-box-content a:hover span{ color: #019f94; }
#can-featured{ width:100%; max-width:2560px; height:auto; background:#f5f5f5;  margin-top:190px; }
#can-featured .content { width:100%; max-width:2560px; height: auto; overflow: hidden; margin:0 auto ; padding-top:50px; }

}





/*canshangji_list 2024*/
#can-software .content{padding-top:50px;}
.canshangji_list{padding-bottom:90px;}
.canshangji_list .canshangji_listB{align-items: center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between; background:#fff;}
.canshangji_list .canshangji_list_l{text-align:center;width:38.6%;}
.canshangji_list .canshangji_list_r{width:61.4%;}
.canshangji_list1 .canshangji_list_r .itemBOX{padding-top:1.7578125vw; padding-bottom:1.6796875vw;padding-right:1.5625vw;}
.canshangji_list .canshangji_list_l .itemBOX{padding:1.5625vw 1.5625vw;}

.canshangji_list .btn{}
.canshangji_list .btn a{display: inline-block;width:120px;font-size:14px; line-height:48px;height:48px;border-radius:48px;background:#01b2a9; color:#ffffff !important;  text-align:center;}
.canshangji_list .btn a:hover{ background:#019f94; }
.canshangji_list .btn a span{ display:inline-block; padding-left:23px;background:url(../images/tmi-can/d.png) left center no-repeat;background-size:13px;}
.canshangji_list h3{font-size:28px;color:#000000;line-height:36px; margin:0;}
.canshangji_list .des{font-size:14px;color:#1b1c1e;line-height:30px; margin-bottom:1.36vw;}
@media (max-width:992px){
	#can-software .content{padding-top:50px;}
	.canshangji_list{padding-bottom:50px;}
	.canshangji_list .des{font-size:12px;margin-bottom:20px;}
	
	.canshangji_list .canshangji_listB{display: block;}
	.canshangji_list .canshangji_list_l{width:100%;}
	.canshangji_list .canshangji_list_r{width:100%;}
}
@media (min-width:300px){
	.canshangji_list h3{font-size:16px;line-height:28px; margin-bottom: 0;}
	.canshangji_list .btn a{width:100px;font-size:13px;line-height:45px;height:45px;border-radius:45px;}
}
@media (min-width:767px){
	.canshangji_list h3{font-size:14px;line-height:28px; margin-bottom: 0;}
	.canshangji_list .btn a{width:90px;font-size:12px;line-height:40px;height:40px;border-radius:40px;}
	.canshangji_list .des{font-size:12px;margin-bottom:10px;}
}
@media (min-width: 992.1px) {
#ztmi-body-header{display:block; }
#ztmi-body-header-list{width:100%;}
#ztmi-body-header-list ul{width:100%;}
#ztmi-body-header-list li{ width:16.66%;max-width:16.66%;}
}
@media (min-width:1024px){
	.canshangji_list h3{font-size:16px;}
    .canshangji_list .btn a{width:100px;font-size:13px;line-height:45px;height:45px;border-radius:45px;}
		.canshangji_list .des{font-size:14px;margin-bottom:1.36vw;}
}
@media (min-width:1080px){
    .canshangji_list .btn a{width:120px;font-size:14px;line-height:48px;height:48px;border-radius:48px;}
}
@media (min-width:1200px){
	.canshangji_list h3{font-size:18px;line-height:28px;   }
}
@media (min-width:1600px){
	.canshangji_list h3{font-size:22px;line-height:36px;    margin-bottom: 10px;}
}
@media (min-width:1700px){
	.canshangji_list h3{font-size:24px;}
}
@media (min-width: 1900px) {
#ztmi-body-header-list{ width:1920px; height:166px;height:auto;padding-top:14px; }
#ztmi-body-header-list ul{ width:100%;}
#ztmi-body-header-list li{ width:302px; max-width:302px;}
}
@media (min-width:2400px){
	.canshangji_list h3{font-size:28px;}
}



/*#can-featured*/
#can-featured{padding-top:35px!important;margin-top:0!important;}
/*@media (min-width: 992.1px) {
#can-featured{padding-top:142px!important;}
}
@media (min-width: 1024px) {
#can-featured{padding-top:145px!important;}
}
@media (min-width: 1200px) {
#can-featured{padding-top:160px!important;}
}
@media (min-width: 1260px) {
#can-featured{padding-top:166px!important;}
}
@media (min-width: 1900px) {
#can-featured{padding-top:190px!important;}
}
*/