@charset "utf-8";
@media only screen and (max-width:2000px){
	.indpics .swiper-slide,.top-pic .pic {padding:0;height:600px}
	.index-about .pic h2 {padding:0;height:600px;}
	.culture li .title {font-size:2.5vw;}
}

@media only screen and (max-width:1540px){
	.wrap {margin:0 4%}	
	.indpics .swiper-slide,.top-pic .pic {height:500px;}
	.indpics .swiper-slide .text .wrap,.top-pic .text .wrap {width:92%}
	.indpics .swiper-slide .text .content {font-size:50px; line-height: 1.8;margin:0 0 40px 0}
	.index-more a {font-size:20px;padding:0 60px 0 0}
	.index-more a:before {top:1px;width:40px;height:40px; background-size:100%}
	.index-more a:hover:before {top:4px}	
	.swiper-pagination-bullet {width:15px;height:15px;}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 10px}
	.index-about .pic h2 {height:450px;}
	.index-about .text {text-align:left;}
	.index-about .text .in {width:auto;padding:0 50px 0 8%; text-align: left;margin:0 auto 0 0}
	.index-about .text .title {font-size:40px; line-height: 55px;margin:0 0 15px 0}
	.index-about .text .content {font-size:16px}
	.index-about .text .index-more2 {margin:40px 0 0 0}
	.index-more2 a {font-size:20px; line-height: 20px;padding:0 60px 0 0}
	.index-more2 a:before {top:-10px;width:45px;height:45px;background-size:100%}
	.fixtop .navpc li {padding:0 20px;}	
	.company-position {padding:80px 0}
	.company-position .subtitle {font-size:25px; line-height: 35px;}
	.company-position .title {font-size:45px; line-height: 55px;margin:15px 0 25px 0}
	.company-position .content {font-size:22px;}	
	.index-product {padding:80px 0 60px 0}
	.index-product .subject {font-size:25px; line-height: 35px;}
	.index-product .content {padding:15px 150px 40px 0;font-size:45px; line-height: 1.3;}
	.index-more3 {top:28px;width:45px;height:45px; background-size:100%}
	.index-product ul {padding:40px 0 0 0}
	.index-product li .subtitle {font-size:16px;}	
	.index-product li .title {margin:0 0 -20px 0}
	.index-product li .title a {font-size:42px; line-height: 52px; }	
	.index-news {padding:80px 0}
	.index-news .subject .t1 {font-size:20px; line-height: 20px;margin:0 0 15px 0}
	.index-news .subject .t2 {font-size:45px; line-height: 45px;}
	.index-news .text .addtime {margin:15px 0 50px 0}
	.index-news .text .title a {font-size:25px; line-height: 1.5}	
	.top-pic .text .title {font-size:60px; line-height:75px;margin:0 0 15px 0}
	.top-pic .text .content {font-size:20px;}	
	.about-subject {padding:80px 0 60px 0}
	.about-subject .title {font-size:20px; line-height: 30px;}
	.about-subject .subtitle {font-size:45px;}
	.about .about-subject .title {font-size:25px; line-height: 35px;margin:0 0 30px 0}
	.about .about-subject {padding-bottom:40px}	
	.culture .about-subject {padding-top:100px}	
	.history {height:1150px; background-position: center -150px}
	.history .wrap {width:92%}
	.history li.li6 {top:440px}
	.history li.li5 {top:650px}
	.history li.li4 {top:267px}
	.history li.li3 {top:588px}
	.history li.li2 {top:227px}
	.history li.li1 {top:350px;right:0}
	.history li:before {top:300px;}
	.history li:after {height:300px; }
	.history li.li6:before {top:490px}
	.history li.li6:after {height:490px}
	.history li.li3:before {top:-10px}
	.history li.li3:after {height:210px}
	.history li .text {width:230px;top:-20px}
	.history li .text .title {font-size:35px; line-height:45px;margin:0 0 10px 0}
	.history li .text .content { line-height: 1.6;font-size:16px}
	.history li.down .ripple-container {top:285px}
	.history li.li3.down .ripple-container {top:195px}
	.history li.down .text {top:280px}
	.history li.li3.down .text {top:190px}
	.history li.li1 .text {left:auto;right:-10px; text-align: right;top:320px}
	.network {padding:0 0 110px 0}
	.network .row {margin:10px 0 0 0;}	
	.ripple-container-network {width: 9.375vw;height:9.375vw;}
	.ripple-container-europe {left:3%;top:7%}
	.ripple-container-china {left:30%;top:22%}
	.ripple-container-southeast-asia {left:30%;top:43%}
	.ripple-container-south-america {left:83%;top:57.5%}
	.center-dot-network {width: 5.2vw;height:5.2vw;font-size:0.9375vw;}
	@keyframes ripple-network {0% {width: 5.2vw;height:5.2vw; opacity: 1;}50% {opacity: 1; }100% {width:9.375vw;height: 9.375vw;opacity: 0;}}
	.product-cate {padding:25px 0;}
	.product-cate li {height:30px; line-height: 28px;}
	.product-cate li a {font-size:20px;}	
	.products {padding:0 0 100px 0}	
	.products li .text .subtitle {font-size:16px;margin:0 0 0 0}
	.products li .text .title a {font-size:40px;line-height: 50px;}
	.products li .pic {padding:40px 0 0 35%}
	.index-more4 {width:45px;height:45px; background-size:100%}
	.products li:hover .more .index-more4 {background-size:100%}
	.products li .more .learn-more a {font-size:16px}	
	.product-show {margin:70px 0 0 0}
	.product-show .pics {padding:20px;}
	.product-show .text .subtitle {font-size:12px}
	.product-show .text .title {font-size:20px; line-height:25px;margin:5px 0 20px 0}
	.product-show .row .content {margin:40px 0 0 0}
	.product-show .row .content h3 {font-size:20px;margin:0 0 15px 0;}
	.product-show .row .content td {padding:4px 10px 4px 10px; }
	.product-show .row .content .table-4 td {padding:4px 10px 4px 10px}
	.prevnext {margin:30px 0 40px 0}
	.prevnext a {width:100px;height:30px; line-height:30px;margin:0 5px;}
	.product-show .swiper-button-next,.product-show .swiper-button-prev {width:30px;height:30px;margin-top:-15px;}
	.product-show .swiper-button-next:after,.product-show .swiper-button-prev:after {width:30px;height:30px;line-height:30px;}
	.product-show .swiper-button-prev {left:15px}
	.product-show .swiper-button-next{right:15px}	
	.news {padding:50px 0 100px 0}
	.news li .text {padding:25px 25px 30px 30px;}
	.news li .text .title {font-size:25px; line-height: 35px; height:105px;}
	.news li .text .content {margin:20px 0 40px 0;font-size:16px}
	.news li .text .more {font-size:16px}
	.news li .text .more a {top:-6px}
	.news li:before {height:4px;}
	.news li:after {height:4px;}	
	.news-show .title {font-size:30px; line-height: 40px;margin:100px 0 0 0}
	.news-show .addtime {padding:30px 0 40px 0;margin:0 0 50px 0}
	.news-show .content {font-size:16px}
	.contact {padding:0 0 100px 0}
	.contact .title {font-size:30px; line-height: 40px;margin:100px 0 30px 0}
	.contact .content {margin:0 0 40px 0}
}

@media only screen and (max-width:1380px){
    .feedback .wrap {max-width:100%;margin:0 4%}
}

@media only screen and (max-width:1200px){	
	body {line-height:1.8;}
	html,body,input,button,select,textarea,big,small {font-size:14px;}
	.phonemenu { display:block;}
	::-webkit-scrollbar {width: 1px;}
	.page_wrap {padding:35px 0 0 0;}
	.pager a,.pager span,.pager font {margin:1px 3px;width:23px; height:23px; line-height:24px;border-radius:3px;}
	.pager font {font-family:'宋体';margin:0px; line-height: 23px; }
	.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:12px;}
	.pager i {line-height: 25px;margin:0 5px; letter-spacing: 2px}		
	.fixtop {height:50px;}
	.fixtop .logo,.fixtop.active .logo {top:10px;}
	.fixtop .logo a {width:75px;height:30px;}
	.fixtop .navpc {display:none;}
	.tblank,.tblank.active {height:50px;}
	.topsearch {right:50px;top:13px;}
	.topsearch .btn span {font-size:22px; line-height:22px;top:1px;right:-10px; position: relative}
	.topsearch .search {top:-2px;height:30px;border-radius:30px;}
	.topsearch .search #k {width:155px;padding:0 0 0 15px;border-radius:30px;height:29px; line-height: 29px; font-size:13px}
	.topsearch .search #sbtn {right:3px;top:-1px;font-size:18px;width:30px;height:30px;border-radius:30px;}
	.topsearch span.icon-close-bold {right:-21px;top:-4px;font-size:18px;}
	.topsearch.active .search{width:190px;}
	.fixtop.active .topsearch {top:13px}
	.fixtop.active {top:0px;}
	.indpics .swiper-slide,.top-pic .pic {height:350px;}
	.indpics .swiper-slide .text .content {font-size:30px;margin:0 0 30px 0}
	.index-more a {font-size:14px;padding:0 35px 0 0}
	.index-more a:before {top:1px;width:25px;height:25px;}
	.index-more a:hover:before {top:2px}	
	.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:5px;}
	.swiper-pagination-bullet {width:5px;height:5px;}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px}
	.company-position {padding:40px 0}
	.company-position .subtitle {font-size:16px; line-height: 21px;}
	.company-position .title {font-size:20px; line-height: 30px;margin:10px 0 15px 0}
	.company-position .content {font-size:14px;}	
	.index-about {background: none;}
	.index-about .pic h2 {height:300px;}
	.index-about .text .in {padding:0 8% 0 8%; text-align: left;}
	.index-about .text .title {font-size:22px; line-height: 30px;margin:0 0 10px 0}
	.index-about .text .content {font-size:14px}
	.index-about .text .index-more2 {margin:5px 0 0 0}
	.index-more2 a {font-size:14px; line-height: 14px;padding:0 35px 0 0}
	.index-more2 a:before {top:-5px;width:25px;height:25px;}	
	.index-product {padding:40px 0 30px 0}
	.index-product .subject {font-size:16px; line-height: 21px;}
	.index-product .content {padding:15px 100px 25px 0;font-size:20px; line-height: 1.6;}
	.index-more3 {top:15px;width:25px;height:25px;}
	.index-product ul {padding:20px 0 0 0}
	.index-product li .subtitle {font-size:12px; line-height: 17px;}
	.index-product li .title {margin:5px 0 -20px 0;}
	.index-product li .title a {font-size:25px; line-height: 35px;}
	.index-news {padding:40px 0}
	.index-news .subject .t1 {font-size:14px; line-height: 14px;margin:0 0 10px 0}
	.index-news .subject .t2 {font-size:20px; line-height: 20px;}
	.index-news .text .addtime {margin:10px 0 20px 0}
	.index-news .text .title a {font-size:14px; line-height: 1.2}	
	.foot {padding:30px 0 35px 0; }
	.foot .left {width:45%}
	.foot .left ul {display:none;}
	.foot .left .text h2 {font-size:20px;margin:-3px 0 0 0}
	.foot .right {width:45%;}
	.foot .right .in .logo {display:none;}	
	.top-pic .text .title {font-size:30px; line-height:40px;margin:0 0 10px 0}
	.top-pic .text .content {font-size:14px;}
	.namemj {top:-50px}
	.about-subject {padding:35px 0 35px 0}
	.about-subject .title {font-size:14px; line-height: 24px;margin:0 0 0 0}
	.about-subject .subtitle {font-size:20px; line-height: 1.6}
	.about .about-subject .title {font-size:16px; line-height: 26px;margin:0 0 15px 0}
	.about .about-subject {padding-bottom:30px}	
	.about .index-about .text {position:relative;float:left;width:50%;height:auto}
	.about .index-about .text .in {width:100%;padding:0 8%}
	.about .index-about .pic {width:50%;left:0;float:right}
	.about .index-about .pic h2 {padding:31.25% 0;height:auto;}	
	.culture .about-subject {padding-top:45px}	
	.history {height:830px; background-position: center -150px; background-size:2200px}
	.history li.li6 {top:290px}
	.history li.li5 {top:470px}
	.history li.li4 {top:180px}
	.history li.li3 {top:348px}
	.history li.li2 {top:167px}
	.history li.li1 {top:250px;}
	.history li:before {top:200px;}
	.history li:after {height:200px; }
	.history li.li6:before {top:390px}
	.history li.li6:after {height:390px}
	.history li.li3:before {top:-10px}
	.history li.li3:after {height:210px}
	.history li .text {width:200px;top:-20px}
	.history li .text .title {font-size:25px; line-height:30px}
	.history li .text .content {font-size:14px}
	.history li.down .ripple-container {top:185px}
	.history li.li3.down .ripple-container {top:195px}
	.history li.down .text {top:180px}
	.history li.li3.down .text {top:190px}
	.history li.li1 .text {top:220px}
	.network {padding:0 0 40px 0}
	.network .row {margin:0 0 0 0;}	
	.products {padding:0 0 50px 0}	
	.product-cate {padding:20px 0;margin:0 0 -30px 0}
	.product-cate li {height:20px; line-height: 18px;}
	.product-cate li a {font-size:16px;}
	.products li {padding:20px}
	.products li .text .subtitle {font-size:16px;margin:0 0 0 0}
	.products li .text .title a {font-size:40px;line-height: 50px;}
	.products li .pic {padding:40px 0 0 35%}
	.index-more4 {width:45px;height:45px; background-size:100%}
	.products li:hover .more .index-more4 {background-size:100%}
	.products li .more .learn-more a {font-size:16px}
	.products li .text .subtitle {font-size:12px; line-height: 1.6;margin:0 0 4px 0}
	.products li .text .title a {font-size:25px;line-height: 30px;}
	.products li .pic {padding:20px 0 0 35%}
	.index-more4 {width:25px;height:25px;}
	.products li .more .learn-more {margin:5px 0 0 0}
	.products li .more .learn-more a {font-size:12px}
	.products li:before {height:2px;}
	.products li:hover .text .subtitle {left:0}
	.products li:hover .text .title {left:0}
	.products li .text,.products li .more {left:6%;width:88%}	
	.news {padding:20px 0 50px 0}
	.news li .text {padding:20px 15px 15px 20px;}
	.news li .text .title {font-size:18px; line-height: 25px; height:75px;}
	.news li .text .content {margin:15px 0 25px 0;font-size:14px; line-height: 25px; height:75px}
	.news li .text .more {font-size:14px}
	.news li .text .more a {top:-1px}
	.news li:before {height:2px;}
	.news li:after {height:2px;}	
	.news-show .title {font-size:20px; line-height: 30px;margin:35px 0 0 0}
	.news-show .addtime {padding:10px 0 20px 0;margin:0 0 35px 0}
	.news-show .content {font-size:14px}
	.news-show .content img {margin:5px 0}	
	.contact {padding:0 0 50px 0}
	.contact .title {font-size:20px; line-height: 30px;margin:40px 0 15px 0}
	.contact .content {margin:0 0 30px 0}
	.map iframe,#container {height:300px;}
	/**
	.product-show .text .content li {padding:0 0 0 10px}
	.product-show .text .content li:before {width:4px;height:4px;top:10px;}
	**/
    .fixtop-feedback .logo a {width:75px;height:30px; background-size:100%}
    .fixtop-feedback .nav__icon {background-color:#fff}
    .fixtop-feedback .nav__icon:before,.fixtop-feedback .nav__icon:after {background:#fff;}    
    .fixtop-feedback .phonemenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
    .fixtop-feedback .phonemenu .nav--active .nav__icon:before {background: #fff}
    .fixtop-feedback .phonemenu .nav--active .nav__icon:after {background: #fff}
    .foot-feedback {padding:30px 0 30px 0;font-size:14px; }
    .foot-feedback .left {padding-top:0px}
    .foot-feedback .left .logo {margin-bottom:10px}
    .foot-feedback .left .logo a {width:77px;height:30px;}
    .foot-feedback .right dt {margin-bottom:10px}    
    .feedback {padding:40px 0 50px 0}
    .feedback .text .title {margin-bottom:30px}
    .feedback .text .title h2 {top:-2px;height:30px; line-height: 30px; font-size:30px}
    .feedback .text .title p { font-size:18px; line-height: 1.5}
    .feedback .text .title p:before {bottom:-12px;width:30px; height:2px; margin-left:-15px;}
    .feedback .text .content {font-size:14px;}
    .feedback .text .content table {font-size:14px}
    .feedback .text .content td {padding:8px 3px}
    .accordionservice {margin:25px auto;}
    .accordionservice li .link {border-width:1px;font-size:15px; padding:7px 60px 7px 10px}
    .accordionservice li .link span {right:20px;top:12px;font-size:14px;}
    .accordionservice li.open .link {padding-top:9px;padding-bottom:9px;}
    .accordionservice li.open .link span {top:14px;}
    .accordionservice .submenu {padding:15px 12px 25px 12px;font-size:14px;line-height: 1.6;}
    .message {font-size:14px;}
    .message .subject {font-size:20px;}
    .message li input {height:32px;border-radius:3px;padding:0 10px 1px 10px;font-size:13px;}
    .message li textarea {height:60px;border-radius:3px;padding:8px 10px;font-size:13px;}
    .message li.part {width:49%}
    .message li.btn button {margin:20px auto 40px auto;height:32px;border-radius:3px;}
    .downloads {min-height:0px}
    .downloads li {padding:11px 100px 11px 15px;line-height: 1.6}
    .downloads li .more {right:15px;top:11px;}
    .downloads li .more span {margin:5px 5px 0 0;font-size:14px;}
}

@media only screen and (max-width:788px){
	.indpics .swiper-slide,.top-pic .pic {height:250px;}
	.indpics .swiper-slide .text .content {font-size:22px;margin:0 0 25px 0}
	.history {height:760px;}
	.history li.li6 {top:180px}
	.history li.li5 {top:420px}
	.history li.li4 {top:155px}
	.product-cate {padding:10px 0;}
	.product-cate li {width:auto;margin:10px 0}
	.product-cate li a {padding:0 10px}
	.news li {width:47%;}
}

@media only screen and (max-width:640px){
	.indpics .swiper-slide,.top-pic .pic {height:200px;}
	.indpics .swiper-slide .text .content {font-size:16px;margin:0 0 20px 0}
	.index-more a {font-size:12px;padding:0 28px 0 0}
	.index-more a:before {width:20px;height:20px;}	
	.index-about .text {position:relative;width:100%;height:auto}
	.index-about .text .in {padding:30px 4%}
	.index-about .pic {width:100%;left:0}
	.index-about .pic h2 {padding:31.25% 0;height:auto}	
	.index-more2 a {font-size:12px; line-height: 12px;padding:0 28px 0 0}
	.index-more2 a:before {top:-2px;width:20px;height:20px;}
	.index-product .content {padding:15px 0 25px 0;}
	.index-more3 {top:-18px;width:20px;height:20px;}	
	.index-product ul {padding:0;margin:-10px 0 0 0}
	.index-product li {width:80%;margin:40px 10% 0 10%;}
	.index-product li .title {margin:5px 0 -10px 0;}
	.index-news .subject {position:relative;}
	.index-news .text {position:relative;bottom:auto;width:100%;padding:35px 0 30px 0}
	.index-news .pic {width:100%;left:0;}
	.index-news .dots {width:100%;margin:0}
	.foot .left {width:100%;text-align:center}
	.foot .right {width:100%;text-align:center;margin:20px 0 0 0}
	.top-pic .text .title {font-size:20px; line-height:30px;margin:0 0 5px 0}
	.top-pic .text .content {font-size:13px; line-height: 1.6}	
	.about .index-about .text {width:100%;}
	.about .index-about .text .in {padding:0 4%}
	.about .index-about .pic {width:100%;margin:30px 0 0 0}
	.culture ul {width:100%;margin:0}
	.culture li {width:100%;margin:2px 0 0 0}
	.culture li .title {font-size:4vw;}	
	.ripple-container,.history li.down .ripple-container,.history li.li3.down .ripple-container {left:-10px;top:-15px}
	.history {background:none;height:auto; background-position:center; background-size:100%;padding:0 0 20px 0}
	.history li {position:relative;height:auto;width:100%; background: none;}
	.history li.li6 {top:0}
	.history li.li5 {left:0;top:0}
	.history li.li4 {left:0;top:0}
	.history li.li3 {left:0;top:0}
	.history li.li2 {left:0;top:0}
	.history li.li1 {right:auto;top:0}
	.history li:before,.history li.li6:before,.history li.li3:before,.history li.down:before {left:auto;top:-5px;right:0; background: #f1f2f3; z-index: 100}
	.history li:after,.history li.li6:after,.history li.li3:after {width:100%;height:1px; }
	.history li .text,.history li.down .text,.history li.li1 .text,.history li.li3.down .text {position:relative;left:0;top:0;width:auto;padding:25px 0 30px 0; text-align: left;right:auto}	
	.history ul {margin:5px 0 0 0}
	.history li .text .title {font-size:20px; line-height:25px;margin:0 0 5px 20px}
	.history li .text .content {line-height: 1.8;margin:0 0 0 20px}
	.product-cate {display:none;}
	.products ul {width:100%;margin:-4% 0 0 0;}
	.products li {width:100%;margin:4% 0 0 0}
	.product-show {margin:40px 0 0 0}
	.product-show .pics {width:100%;}
	.product-show .text {width:100%;margin:40px 0 -10px 0}
	.prevnext a {width:90px;font-size:12px}	
	.product-show .row .content h3 {font-size:18px;}
	.product-show .row .content td {padding:5px 5px 5px 5px;font-size:12px; line-height: 1.5}	
	.product-show .row .content .table-4 td {padding:5px}
	.news ul {width:100%;margin:-4% 0 0 0}
	.news li {width:100%;margin:4% 0 0 0}
	.news li .text .title {height:auto}	
    .foot-feedback .left {width:100%; text-align: center;margin-bottom:35px}
    .foot-feedback .left .logo a {margin:0 auto}
    .foot-feedback .right {width:100%;justify-content:center; text-align: center}
    .feedback .text .content .scroll{width:100%; overflow-x: scroll}
    .feedback .text .content table {width:600px}
}