@charset "utf-8";
@media only screen and (max-width:2000px){
    #indexPage .section2 .cons .in {margin:14% -100px 0 auto;}
    #indexPage .section2 .cons .wrap {max-width:65%}
    .bannerin {padding:0;height:500px}
    .adv4 {padding:0; height:400px;}
}

@media only screen and (max-width:1600px){
    #indexPage .section2 .cons .in {margin:12% -100px 0 auto;width:500px;}
    #indexPage .section2 .cons .wrap {max-width:100%;padding:0 200px 0 0}
    #indexPage .section2 .cons .in .t {font-size:40px; line-height:50px;}
    #indexPage .section2 .cons .in .t2 {font-size:18px; line-height:28px;margin:20px 0}
    #indexPage .section2 .cons .in .c {font-size:14px;margin:0 0 30px 0; line-height: 1.6}
    .indmore {width:120px; height:30px; line-height: 28px;}
    .indmore:before {background-size:100%}
    .indmore a {font-size:16px;}
    #indexPage .section5 .subject .c {margin:10px 0 60px 0;}
    #indexPage .section5 .item .cons {font-size:16px; line-height: 21px}
    #indexPage .section5 .item {padding:40px 20px}    
    #indexPage .section5 .owl-carousel {margin:0 80px;width:auto}
    .owl-carousel .owl-nav .owl-prev {left:-80px;}
    .owl-carousel .owl-nav .owl-next {right:-80px;}
}

@media only screen and (max-width:1380px){
    #indexPage .section1 .item .cons .mright {padding:0 40px}
    #indexPage .section1 .item .cons .mright .t {font-size:30px; line-height: 40px}
}

@media only screen and (max-width:1145px){
    .wrap,.wrap1 {margin:0 4%;}
    .phonemenu { display:block;}    
    .fixtop {height:50px;}
    .fixtop .logo  { width:67px; height:20px; margin:15px 0 0 0}
    .fixtop .navpc li {display:none;}
    .fixtop .navpc li.en{display:inline-block; vertical-align: top;}
    .fixtop .navpc li.en a {margin:14px 40px 0 10px;}
    .fixtop .navpc li.cn a {margin-right:0px}
    .fixtop.active .nav__icon {background-color:#fff;}
    .fixtop.active .nav__icon:before,.fixtop.active .nav__icon:after {background:#fff;}
    .fixtop.active .phonemenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
    .fixtop.active .phonemenu .nav--active .nav__icon:before { background: #fff}
    .fixtop.active .phonemenu .nav--active .nav__icon:after {background: #fff}
    .owl-carousel .owl-dots {bottom:10px}
    .owl-carousel .owl-dots .owl-dot span{width:5px; height:5px;margin:0 5px;}    
    #indexPage .section1 .item .cons {left:-60px;}
    #indexPage .section1 .item .cons .mleft {width:150px; height: 150px; background-size:60%}
    #indexPage .section1 .item .cons .mright {height: 150px;padding:0 20px;}
    #indexPage .section1 .item .cons .mright .t {font-size:20px; line-height:26px;}
    #indexPage .section1 .item .cons .mright .c {font-size:15px; line-height: 1.6;margin:5px 0 0 0;font-weight:400;color:#666}       
    #indexPage .section1 .item.item5 .mleft {height:150px}
    #indexPage .section1 .item.item5 .mright {height:150px}      
    .indexrightmenu {right:4%;margin-top:-80px;}    
    .indexrighticon {right:4%;margin-top:10px;}
    .indexrighticon li {margin:20px 0 0 0}
    .indexrighticon li .icon p {width:30px; height:30px;}
    .indexrighticon li .cons {right:39px;top:1px;}
    #indexPage .section2 .cons .in {margin:13% 0 0 auto;width:330px;padding:20px; background: rgba(255,255,255,0.8)}
    #indexPage .section2 .cons .wrap {padding:0 14% 0 0}
    #indexPage .section2 .cons .in .t {font-size:25px; line-height:30px;}
    #indexPage .section2 .cons .in .t2 {font-size:18px; line-height:28px;margin:15px 0}
    #indexPage .section2 .cons .in .c {font-size:14px;margin:0 0 20px 0;}
    .indmore {width:100px; height:25px; line-height: 24px;}
    .indmore a {font-size:14px;}    
    #indexPage .section3 .cons {top:25px}
    #indexPage .section3 .cons .in {padding:25px 4% 30px 4%;border-radius:0}
    #indexPage .section3 .cons .in .t {font-size:25px; line-height:35px;}
    #indexPage .section3 .cons .in .c {font-size:16px; line-height: 1.6;margin:5px 0 10px 0}
    #indexPage .section3 .cons .in li,#indexPage .section3 .cons .in li:nth-child(1) {margin:20px 20px 20px 20px}
    #indexPage .section3 .cons .in li .pic {width:71px;height:80px;margin:0 auto 10px auto}
    #indexPage .section3 .cons .in li .title { line-height:19px}
    #indexPage .section3 .cons .in li .title a {font-size:14px;}
    #indexPage .section3 .cons .in .indmore {margin:10px auto 0 auto}    
    #indexPage .section4 .cons {top:25px}
    #indexPage .section4 .cons .in {padding:25px 4% 30px 4%;}
    #indexPage .section4 .cons .in .t {font-size:25px; line-height:35px;}
    #indexPage .section4 .cons .in .t2 {font-size:18px; line-height:28px;margin:10px 0 15px 0}
    #indexPage .section4 .cons .in .c {font-size:14px;margin:0 0 30px 0; line-height:1.8}    
    #indexPage .section5 .subject {margin-top:25px}
    #indexPage .section5 .subject .t {font-size:25px; line-height:35px;}
    #indexPage .section5 .subject .c {font-size:14px;margin:0px 0 8% 0;}    
    #indexPage .section5 .item .cons {font-size:14px; line-height: 19px}
    #indexPage .section5 .item {padding:30px 15px}        
    #indexPage .section5 .owl-carousel {margin:0 100px;}
    .owl-carousel .owl-nav .owl-prev {left:-50px;}
    .owl-carousel .owl-nav .owl-next {right:-50px;}
    .owl-carousel .owl-nav{margin-top:-15px;}
    .owl-carousel .owl-nav .owl-prev:before,.owl-carousel .owl-nav .owl-next:before  {font-size:18px;width:28px;padding:0 2px 0 0;height:30px;line-height:30px;}
    .foot {padding:10px 0 15px 0;}
    .foot:before,.foot:after{display:none;}
    .foot dl {display:none;margin:0}
    .foot .down {text-align:left;margin:0;min-height:100px}
    .foot .down .cons {padding:37px 120px 0 0}   
    .topblank {height:50px}
    .bannerin {padding:20% 0;height:auto}
    .indexrighticon.active {margin-top:-60px}    
    .mainsubject1 .t {font-size:25px; line-height:35px;padding:40px 0 5px 0}
    .mainsubject1 .c {font-size:18px;line-height: 1.8; }
    .about {margin:0 0 40px 0}    
    .about .content {font-size:15px;margin:30px 0 0 0; line-height:1.8}
    .videos{margin-top:30px}
    .videos video {border-radius:5px}    
    .video-btn{width:50px; height:50px;margin:-25px 0 0 -25px}
    .navbar {display:none;}
    .navbar.active {top:50px}
    .navbar-nav li a {height: 50px; line-height:48px;padding:0 15px}
    .navbar-nav-adv li a {padding:0 15px}
    .namemj {height:0; position:relative;top:-100px}    
    .mainsubject2 {padding:40px 0 0 0}
    .mainsubject2 .icon {width:30px;height:30px;border-radius:30px}
    .mainsubject2 .icon p{font-size:20px; line-height:33px;}
    .mainsubject2 .t,.mainsubject2 .cons h3 {font-size:25px; line-height:35px;margin:10px 0 5px 0; }
    .mainsubject2 .t2 {font-size:17px;}
    .mainsubject2 .cons {font-size:14px;line-height:1.8;margin:25px 0 0 0}
    .adv1 {padding:4% 0;margin:30px 0 0 0}
    .mainsubject2_ad4 {padding-top:45px}
    .mainsubject2 .cons hr {border-top-width:1px;margin:10px 0;}
    .adv4 {margin:40px 0 0 0;height:auto;padding:15% 0}   
    .adv5 {margin:30px 0 0 0}    
    .history {margin:40px 0 50px 0;}
    .history:before {left:4%;margin-left:19px;}
    .history:after {bottom:-13px;margin-left:15px;left:4%;font-size:30px; line-height: 30px;}
    .history ul{padding:30px 0 60px 0}    
    .history ul:before {left:4%;margin:0 0 0 16px;width:1px; }    
    .history li {width:100%;text-align:left; padding:0 0 0 80px;margin:40px 0 0 0}    
    .history li.li2 {margin:40px 0 0 0;width:100%; padding:0 0 0 80px}
    .history li .in {margin: 0 auto 0 0}    
    .history li .num { right:auto;left:-5px;top:0px; width:70px; height: 70px;padding:5px 0 0 5px;}
    .history li .num p { width:60px; height: 60px;font-size:20px; line-height:58px;}
    .history li.li2 .num {left:-5px}    
    .honor {margin:-10px 0 50px 0}
    .honor .subject {font-size:20px; line-height: 30px;margin:40px 0 25px 0}
    .honor dl {margin-top:-25px}
    .honor dd {margin-top:25px}    
    .mainsubject3 .t {font-size:25px; line-height:35px;padding:40px 0 0 0}
    .mainsubject3 .c {font-size:18px;line-height: 1.8; }    
    .page_wrap {padding:35px 0 0 0;}
    .pager a,.pager span,.pager font {margin:2px 2px;width:25px; height:25px; line-height:23px; }   
    .pager font {margin:0;} 
    .pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px}
    .pager i {line-height: 28px;margin:0 5px;}
    .news {margin:0px 0 45px 0}
    .news ul {margin-top:-30px}
    .news li {margin-top:30px;min-height:120px}
    .news li .pic {width:175px; height: 120px; }
    .news li .cons {margin:-2px 0 0 190px}
    .news li .cons .title {height:20px; line-height: 20px;}
    .news li .cons .title a {font-size:16px}    
    .news li .cons .addtime {margin:3px 0 8px 0;font-size:14px}
    .news li .cons .content {line-height: 23px; height:69px;font-size:14px}    
    .nshow {padding:0 0 40px 0}
    .nshow .t {font-size:20px; line-height: 30px;margin:20px 0 0 0}
    .nshow .t2 {padding:10px 0 25px 0;margin:0 0 25px 0;font-size:14px}
    .prevnext  {margin:40px 0 0 0}
    .prevnext p {height:30px; line-height:29px; width:80px;}
    .prevnext .prev a,.prevnext .next a {margin:1px 0 0 90px}    
    .prevnext .back a {height:30px; line-height:29px;width:80px;}    
    .product {padding:0px 0 40px 0}
    .product li {padding:20px;}
    .product li .in .cons {font-size:14px; line-height:24px}    
    .show1 {padding:40px 0 0 0;}
    .show1 .t2 {font-size:25px; line-height: 35px;margin:0 0 10px 0}
    .show1 .t {font-size:18px; line-height:26px;padding:0 10px 3px 10px;margin:0 0 10px 0;}
    .show2 {margin:40px 0 40px 0}    
    .show2 .item {width:400px;}    
    .show3 {padding:30px 0;margin:0 0 40px 0}
    .show3 .row {margin-top:-30px}
    .show3 .col {margin-top:30px}    
    .show3 .col .t {font-size:16px; line-height: 21px; padding:1px 8px 3px 8px;margin:0 0 15px 0}
    .show3 .col .c {font-size:14px}
    .show3 .col .c td:nth-child(2) {padding:0 0 0 10px}
    .show4 .wrap {margin:0 4% 30px 4%;max-width:100%}    
    .show5 {margin:0 0 50px 0}
    .show5 a {padding:0 10px; height: 30px; line-height:28px;margin:3px;font-size:14px; }  
    .aftersale {margin:20px 0 50px 0}
    .aftersale ul {margin:-40px 0 0 0}
    .aftersale li {margin:40px 0 0 0;padding:0 5% 0 0}
    .aftersale li:before {top:8px;height:91%;}
    .aftersale li:nth-child(2),.aftersale li:nth-child(5),.aftersale li:nth-child(8),.aftersale li:nth-child(11) {padding:0 0 0 5%}
    .aftersale li .t {font-size:17px; line-height: 27px;margin:0 0 5px 0}
    .aftersale li .c { line-height:1.8;font-size:14px}
    .download {padding:0px 0 50px 0}
    .download li {padding:20px 0 13px 0}
    .download li .btn {margin-top:-15px;}
    .download li .btn a {width:80px; height:30px; line-height:30px;font-size:14px}
    .download li .cons {margin:0 110px 0 0;}
    .download li .cons .t a {font-size:16px;line-height: 24px;}
    .download li .cons .c {font-size:14px;line-height: 1.8;margin:2px 0 10px 0}    
    .job {margin:30px 0 40px 0}
    .job li .t {font-size:15px; padding:10px 1% 10px 0px;width:16.5%}
    .job li .t1 {padding-left:3%;padding-right:0;width:17.5%}
    .accordionservice li .t {font-size:13px}    
    .accordionservice .submenu {padding:25px 0 30px 3%;line-height:1.8;font-size:14px}
    .accordionservice .submenu .apply {margin:20px 0 0 0}    
    .accordionservice .submenu .apply a {width:170px; height: 30px; line-height:28px;}
    #container,.map iframe {height:300px;}
    .contact {padding:35px 0 50px 0;}
    .contact .subject p {font-size:20px; line-height:20px;}
    .contact ul {margin-top:0px}
    .contact li {margin-top:30px}
    .contact li .t { font-size:18px; line-height: 28px;margin:0 0 10px 0;padding:0 0 0 12px}
    .contact li .t:before {top:8px;width:3px; height: 15px; }
    .contact li .c {line-height: 1.8;font-size:14px}
    .contact_add {padding:30px 0 0 0;margin:30px 0 0 0;}
    .contact_add .c {font-size:14px;line-height:1.8}
    .contact_add .t {font-size:18px; line-height:28px; margin:20px 0 0 0}    
    .message .subject {font-size:14px; line-height:22px;margin:40px 0 25px 0}
    .message .mright input {width:50px; height: 50px;border-width:1px}    
    .message .mmid dd {width:40%}
    .message .mmid dd:nth-child(2) {width:60%}
    .message .mmid dd span {top:17px;font-size:14px; line-height: 14px}
    .message .mmid dd p {margin:0 0 0 45px}
    .message .mmid dd:nth-child(2) p {margin:0 0 0 70px;}    
    .message .mmid dd p input {font-size:14px}    
    .message .mmid dd .col {font-size:14px; line-height: 14px;margin:10px 0 0 0}
    .message .mmid dd .col label {margin:0 0 0 10px}
    .message .mmid dd:nth-child(3) textarea {height:125px;font-size:14px}
    .message .mmid dd:nth-child(3) span {top:13px}
    .message .mleft,.message .mright {width:15%}
    .message .mmid {width:70%}
	.service {padding:0 0 40px 0;margin-top:-20px}
	.service .title {font-size:18px; line-height:28px;letter-spacing:0.5px;margin:40px 0 30px 0}	
	.video-btn2{width:40px; height:40px;margin:-20px 0 0 -20px}
	.service .owl-carousel .owl-nav {margin-top:-40px}
	.service .videopic {margin:40px auto 0 auto;}
	.service .item .video {border-radius:5px}
	.service .item .video iframe {border-radius:5px}
	.service .item .icon p {width:30px; height:30px; background-size:100%}
	.service .item .pic img {border-radius:5px}
	.service .item .t {margin:20px 0 0 0;font-size:18px}
}

@media only screen and (max-width:788px){
    #indexPage .section2 .cons .in {margin:15% 0 0 auto}
    #indexPage .section2 .cons .wrap {padding:0 9% 0 0}
    .product li {width:31.3333%;}
    #indexPage .section1 .item .cons .mright {max-width:300px}
    #indexPage .section1 .item .cons .mleft,#indexPage .section1 .item .cons .mright { height: 170px; }    
    #indexPage .section1 .item.item5 .mleft,#indexPage .section1 .item.item5 .mright {height:260px}    
    .news li .cons {margin:-5px 0 0 190px}
    .news li .cons .title {height:50px; line-height: 25px;}
    .news li .cons .addtime {display:none;}
    .news li .cons .content {line-height: 22px; height:66px;margin:10px 0 0 0} 
	.service .owl-carousel {padding:0 50px;width:auto}
	.service .owl-carousel .owl-nav .owl-prev {left:0px;}
	.service .owl-carousel .owl-nav .owl-next {right:0px;}    
}

@media only screen and (max-width:640px){
    .indexrightmenu,.indexrighticon{display:none;}
    #indexPage .section1 .item .cons {left:0px;}    
    #indexPage .section1 .item .cons .mleft,#indexPage .section1 .item.item5 .mleft { height: 100px; display: block;margin:0 auto} 
    #indexPage .section1 .item .cons .mright { height:auto;paddinG:20px 5%;width:90%;display:block;margin:0 auto;max-width:100%}    
    #indexPage .section1 .item.item5 .mright {height:auto}    
    #indexPage .section2 .cons .in {margin:30% 0 0 auto;width:90%;padding:5% 20px}
    #indexPage .section2 .cons .wrap {padding:0}
    #indexPage .section3 .cons .in li,#indexPage .section3 .cons .in li:nth-child(1) {width:33.3333%;margin:15px 0; text-align: center}
    #indexPage .section3 .cons .in li:nth-child(4),#indexPage .section3 .cons .in li:nth-child(5) {width:40%;}    
    #indexPage .section5 .owl-carousel {margin:0 50px;}
    .owl-carousel .owl-nav .owl-prev {left:-50px;}
    .owl-carousel .owl-nav .owl-next {right:-50px;}
    .foot {padding-bottom:25px}
    .foot .down .cons {padding-top:15px;}
    .foot .down .wx {bottom:-3px}
    .honor dd {width:47%;}
    .honor dl.dl47 dd {width:47%}
    .news li {width:96%}
    .news li .pic {width:150px;}
    .news li .cons {margin-left:165px}  
    .prevnext  {margin:20px 0 0 0}
    .prevnext .prev {width:100%;margin:20px 0 0 0;}
    .prevnext .back {display:none;}
    .prevnext .next {width:100%; text-align: left;margin:20px 0 0 0;}
    .prevnext .no {display:none;}
    .product li {width:48%;}
    .show2 .item {width:250px;}
    .show3 .col {width:92%;}    
    .aftersale {margin:20px 0 50px 0}
    .aftersale li {width:100%;padding:0;border-top:1px solid #ccc;padding:25px 0 0 0;margin:25px 0 0 0}
    .aftersale li:before {display:none}
    .aftersale li:nth-child(2),.aftersale li:nth-child(5),.aftersale li:nth-child(8),.aftersale li:nth-child(11) {padding:25px 0 0 0}
    .aftersale li:first-child {border:0}    
    .job::-webkit-scrollbar {height:1px; }
    .job {width:100%; overflow: auto;padding:0 0 20px 0}
    .job .wrap {width:650px;}
    .contact li {width:96%;}
    .message .mleft,.message .mright {width:100%;height:40px; line-height: 40px}
    .message .mmid {width:100%;height:auto}
    .message .mright input {width:100%; height: 40px;border-width:0}
    .message .mmid dd {width:100%;border:1px solid #999;border-top:0;height:50px}
    .message .mmid dd:nth-child(2) {width:100%;padding-left:10px;height:80px}
    .message .mmid dd:nth-child(2) span {left:10px}
    #indexPage .section4 .cons .in .c {max-width:100%}
	.service .owl-carousel .owl-nav {margin-top:-130px;}
	.service .item .video {width:100%;}
	.service .item .icon {width:100%;;margin:30px 0}
	.service .item .icon p {transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);}
	.service .item .pic {width:100%}

}