html, body {width:100%;	height:100%}

.ell{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/***********banner***********/
.swiper1 { width: 100%; height:810px;}
.swiper1 a{ display:block; width:100%; height:100%;}

.swiper1:hover .arrow-left0, .swiper1:hover .arrow-right0{ display:block;}
.swiper1 .arrow-left0 { z-index:99; background: url(../images/left.png) no-repeat left top; position: absolute; left: 90px; top: 50%;margin-top: -35px; width: 71px; height: 71px; display:none;}
.swiper1 .arrow-left0:hover{ background-position:left bottom;}
.swiper1 .arrow-right0 {z-index:99;background: url(../images/right.png) no-repeat left top; position: absolute; right: 90px; top: 50%; margin-top: -35px;width: 71px;  height: 71px; display:none;}
.swiper1 .arrow-right0:hover{ background-position:left bottom;}

.swiper1 .swiper-slide{ position:relative;}
.swiper1 .sss1 .note{ color:#000; width:590px; position:absolute; left:300px; top:26%; transform:translate(0, -50%); padding:60px 50px; background:rgba(255,255,255,0.8);}
.swiper1 .sss1 .t1{ font-size:50px; line-height:50px; font-weight:bold; text-transform:uppercase;}
.swiper1 .sss1 .t2{ font-size:50px; line-height:60px; font-weight:bold;}
.swiper1 .sss1 .t3{ font-size:14px; line-height:30px; padding:20px 0 0;}

.sectionWrapper { width:100%; height:100%; margin:0 auto; overflow:hidden;}
/***index***/
.index-container1{ width:100%; padding:40px; overflow:hidden;}
.index-container1 .index-container1-box{ float:left; width:32.6%; margin:0 1% 0 0;}
.index-container1 .index-container1-box:nth-of-type(3n){ margin:0;}
.index-container1 .index-container1-box img{ width:100%;}
.index-container1 .index-container1-box .box{ position:relative;}
.index-container1 .index-container1-box .box p{ position:absolute; left:22%; top:58%; font-size:50px; font-weight:lighter; color:#fff; letter-spacing:2px;}
.index-container1 .index-container1-box .pic1{ margin:0 0 30px;}
.index-container1 .index-container1-box:last-child{ display:none;}

.index-container3{ width:100%; height:830px; background:url(../images/pic1.jpg) no-repeat top center; background-size:cover; overflow:hidden;}
.index-container3 .index-container3-box{ width:1400px; margin:0 auto; padding:120px 120px 0; overflow:hidden;}
.index-container3 .index-container3-box .pic{ float:left; width:44%;}
.index-container3 .index-container3-box .pic img{ width:100%;}
.index-container3 .index-container3-box .note{ color:#fff; float:left; width:47%; padding:0 0 0 100px; font-size:16px; line-height:30px; position:relative;}
.index-container3 .index-container3-box .note h3{ font-size:46px; line-height:56px; font-weight:bold; text-transform:uppercase;}
.index-container3 .index-container3-box .note h4{ font-size:14px; line-height:20px; font-weight:normal; text-transform:uppercase;}
.index-container3 .index-container3-box .note .desc{ padding:20px 0 138px;}

.section3{ width:100%; height:940px; padding:125px 0; background:#000 url(../images/pic4.jpg) no-repeat top center; overflow:hidden;}
.section3 .section3Wrapper{ width:1400px; margin:0 auto;}
.section3 .title{ width:58%; margin:0 auto; text-align:center; padding:35px 0 0;}
.section3 .title h3{ color:#fff; font-size:42px; line-height:52px; text-transform:uppercase; padding:0 0 30px;}
.section3 .title p{ color:#fff; font-size:20px; line-height:30px;}
.section3 .note{ padding:190px 0 0; overflow:hidden;}
.section3 .section3box{ float:left; width:20%; margin:0 4% 0 0; color:#fff; padding:150px 0 20px; text-align:center;}
.section3 .section3box:nth-of-type(4n){ margin:0;}
.section3 .section3box h4{ font-size:20px; padding:0 0 10px;}
.section3 .section3box p{ font-size:14px;}
.section3 .t01{ background:url(../images/section-5.png) no-repeat top center; background-size:120px;}
.section3 .t02{ background:url(../images/section-6.png) no-repeat top center; background-size:120px;}
.section3 .t03{ background:url(../images/section-7.png) no-repeat top center; background-size:120px;}
.section3 .t04{ background:url(../images/section-8.png) no-repeat top center; background-size:120px;}

.index-container4{ width:100%; height:590px; background:url(../images/pic5.jpg) no-repeat top center; background-size:cover; overflow:hidden;}
.index-container4 a{ height:100%; display:block;}

a, .transition, :before, img, .g-nav {
    transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
}
.section5 { width:100%; background:#f6f6f6;}
.section5 .title{ padding: 200px 0 80px 0;}
.section5 .title .t01{ color:#333; font-size:46px; line-height:56px; font-weight:bold;}
.section5 .title .t02{ color:#cbcbcb; font-size:28px; line-height:30px; font-weight:bold; text-transform:uppercase;}
.index-news .list li{ transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: All 0.5s ease; }
.index-news .list ul{ display: flex; display: -webkit-flex; display: -ms-flex; }
.index-news {width: 100%; overflow: hidden; position: relative; }
.index-news .wal { width:1250px; min-height: 945px; margin:0 auto;}
.index-news .btn { min-height: 245px; }
.index-news .btn a { display: block; font-size: 18px; line-height: 46px; color: #666; }
.index-news .btn a:hover, .index-news .btn a.on {color: #4bb23f; }
.index-news .list { position: absolute;z-index: 10;left: 50%;right: 0;top: 0;bottom: 0;margin-left: -320px; }
.index-news .list li {height: 945px;width: 33.333%;border-left: #e1e1e1 solid 1px;padding-top: 200px; }
.index-news .list li a {display: block;padding: 0 55px 0 25px;color: #666;position: relative; }
.index-news .list li a:before {content: "";display: block;position: absolute;left: -1px;top: -200px;width: 1px;background: #4bb23f;height: 0; }
.index-news .list li a h3 {font-size: 20px;line-height: 27px;height: 54px;overflow: hidden; }
.index-news .list li a .time {padding: 10px 0 25px 0;font-size: 12px; }
.index-news .list li a p {font-size: 16px;line-height: 22px;height: 66px;overflow: hidden;max-width: 385px; }
.index-news .list li a .more {height: 130px;position: relative; }
.index-news .list li a .more:before {content: "";display: block;position: absolute;left: 0;top: 0;width: 56px;height: 80px;background: url(../images/icon4.png) center no-repeat;background-size: 100%; }
.index-news .list li a .img {height: 180px;background: center no-repeat;background-size: cover;margin-left: -5px;margin-right: -5px; }
.index-news .list li.on {width: 47%;flex-shrink: 0;-webkit-flex-shrink: 0; }
.index-news .list li.on a {color: #4bb23f; }
.index-news .list li.on a:before {height: 215px;top: 6px; }
.index-news .list li.on a .more:before { width:56px; background-image: url(../images/icon3.png); }
.index-news .list li a .more:before{ left:70px;}
.index-news .list li a .more{ line-height:85px; font-size:18px;}
.index-news .list li.on a .img {height: 358px; }
.index-news .news-1 {display: none;padding: 50px 30px 0 30px; }
.p-more { font-size:22px; display: block; line-height:40px; text-transform: uppercase; color: #666; width: 130px; position: relative;}
.p-more:before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 36px; background: url(../images/icon5.png) right center no-repeat; background-size: auto 12px;}
.p-more:hover { color: #4bb23f; }
.p-more:hover:before { background-image: url(../images/icon6.png); width:56px; right: -20px; }

.section6 { width:100%; height:781px; background:url(../images/pic7.jpg) no-repeat top center; position:relative;}
.section6 .title{ padding: 132px 0 26px 316px; width:535px;}
.section6 .title .t01{ color:#333; font-size:46px; line-height:56px; font-weight:bold;}
.section6 .title .t02{ color:#fff; font-size:28px; line-height:30px; font-weight:bold; text-transform:uppercase;}
.section6 .partner{ float:right; width:1119px; margin:0 141px 0 0;}
.section6 .partner ul{ overflow:hidden;}
.section6 .partner ul li{ float:left; width:213px; height:118px; margin:0 89px 84px 0;}
.section6 .partner ul li:nth-of-type(4n){ margin:0 0 84px 0;}
.section6 .partner ul li:last-child{ display:none;}
.section6 .more{ float:right; width:122px; height:40px; line-height:40px; margin:0 20px 0 0;}




@media (max-width: 1679px){ 
.header .mian .nav{ margin-left:12vw;}
.swiper1 .sss1 .pic{ width:560px;}
.about3-section ul li{ margin:0 45px;}
.index-container1 .index-container1-box .box p{ font-size:40px; left:23%}

}

@media (max-width: 1440px){ 
.header .mian .nav{ margin-left:12vw;}
.swiper1 { height:610px;}
.swiper1 .sss1 .pic{ width:570px; right:150px;}
.section1{ width:900px; height:128px; margin:-65px auto 100px;}
.section1 dl{ margin:30px 0 0;}
.section1 dl span{ font-size:40px; line-height:40px;}
.section1 dl dd{ font-size:16px;}
.section1 dl i{ top:28px;}
.swiper1 .sss1 .t1{ font-size:40px; line-height:50px;}
.swiper1 .sss1 .t2{ font-size:22px; line-height:36px; background-size:contain;}
.swiper1 .sss1 .t3 ul li{ width:69px; margin:0 13px 0 0;}
.swiper1 .sss1 .note { left:160px; top:20%;}

.section3{ height:auto; padding:90px 0;}
.section3 .section3Wrapper{ width:100%; padding:0 60px;}
.section3 .note{ padding:160px 0 0 60px;}

.index-news .list li{ padding-top:100px;}
.section6 { height: 720px; background: url(../images/pic7.jpg) no-repeat -250px -50px;}
.section6 .title .t01{ font-size:30px; line-height:46px;}
.section6 .title .t02{ font-size:16px; line-height:18px;}
.section6 .title { padding: 90px 0 55px 110px; width: 250px;}

.bannerli1,.bannerli1 .note{ height:400px;}
.bannerli1 .note p{ left:60px; bottom:100px;}
.bannerli1 .note span{ left:60px; bottom:60px;}
.bannerli_white ,.bannerli_white .note{ height:400px;}

.index-container1 .index-container1-box .box p{ font-size:36px; left:21%}
}

@media (max-width: 1366px){ 

.header .mian .nav{ margin-left:12vw;}
.section2 .box .note h3{ font-size:18px;}
.section4 .section4Wrapper{ width:100%; height:auto; padding:0 0 80px;}
#honor{ padding:0 40px; margin: 58px auto 0; width: 88%; overflow:visible;}
#honor i.arrow-icon-left{ left:-15px;}
#honor i.arrow-icon-right{ right:-15px;}
.honor{ margin: 0 20px;}
.index-news .wal{ width:100%; padding:0 60px; min-height: 850px;}
.video-box .video-container{ width:90%;}
.product1-section .product-box .pic{ padding:40px 0 0;}

.index-container1 .index-container1-box .box p{ font-size:36px; left:20%}
}

@media (max-width: 1280px){ 
.swiper1{ height:500px; margin-top:70px;}
.banner-section{ margin:70px 0 0;}
.product-section{ margin:70px 0 0;}
.product-section .banner-note{ left:75px;}
.p-more{ width:90px; font-size:16px;}
.p-more:before{ width:28px;}
.p-more:hover:before { width:48px;}

.swiper1 .sss1 .note{ left:80px;}
.swiper1 .sss1 .t1{ font-size:47px; line-height:47px;}
.swiper1 .sss1 .pic{ width:450px; right:60px; top:47%;}
.swiper1 .sss1 .t2{ font-size:18px;}
.swiper1 .sss1 .t3 ul li{ width:55px; margin:0 15px 0 0;}
.section1{ margin:-65px auto 60px;}


.section3{ padding:60px 0;}
.section3 .section3Wrapper{ width:100%; padding:0 40px;}
.section3 .title{ width:100%; padding:0;}
.section3 .title h3{ font-size:28px; line-height:28px; padding:0 0 20px;}
.section3 .title p{ font-size:14px; line-height:22px;}
.section3 .section3box h4{ font-size:18px; line-height:28px;}
.section3 .section3box p{ font-size:14px; line-height:22px;}
.section3 .note{ padding:100px 0 0;}
.section3 .t01,.section3 .t02,.section3 .t03,.section3 .t04{ background-size:90px;}
.section3 .section3box{ width:22%;}

.index-container3 .index-container3-box{ width:100%; padding:70px 40px;}
.index-container3 .index-container3-box .note{ width:56%; padding:0 0 0 40px;}
.index-container3 .index-container3-box .note h3{ font-size:30px; font-weight:normal;}
.index-container3 .index-container3-box .note .desc{ font-size:14px; padding:20px 0 70px;}


.section5 .title{ padding:30px 0;}
.section5 .title .t01{ font-size:26px; line-height:46px;}
.section5 .title .t02{ font-size:16px; line-height:18px;}
.index-news .wal{ min-height:960px; position:relative; padding:0 60px;}
.index-news .wal .p-more{ position:absolute; top:128px; right:50px;}
.index-news .btn { min-height:90px;}
.index-news .btn ul{ overflow:hidden; border-bottom:1px solid #e1e1e1;}
.index-news .btn li{ float:left; margin-right:30px;}
.index-news .btn a{ line-height:56px; position:relative;}
.index-news .btn a.on:before{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width:70px; height:3px; background:#4bb23f;}
.index-news .list{ width:90%; top:220px; left:60px; margin:0;}
.index-news .list li{ padding-top:30px;}
.index-news .list li a{ padding:0 25px;}
.index-news .list li a h3{ font-size:16px;}
.index-news .list li a p{ font-size:14px;}
.section6{ height:610px; background-position:-300px -90px;}
.section6 .title{ padding:60px 0 60px 60px;}
.section6 .partner{ float:none; width:100%; padding:0 60px;}
.section6 .partner ul li{ float:left; width:20.5%; height:auto; margin:0 6% 6% 0;}
.section6 .partner ul li:nth-of-type(4n){ margin:0 0 6% 0;}
.project-container{ width:100%; padding:60px;}

.index-container1 .index-container1-box .box p{ font-size:30px; left:22%;}
}


@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : portrait) {  
.right_side{ display:none !important;}

.swiper1{ height:420px;}
.section1{ width:80%; height:110px; margin:-55px auto 60px;}
.section1 dt{ font-size:32px; line-height:32px;}
.section1 dl{ margin:25px 0 0;}
.section1 dl span{ font-size:35px; line-height:35px;}
.section1 dl i{ top:23px;}
.swiper1 .sss1 .note{ left:40px; top:20%; width:60%; padding:30px 40px;}
.swiper1 .sss1 .t1{ font-size:30px; line-height:36px; padding:0 0 10px;}
.swiper1 .sss1 .t2{ font-size:16px; padding:10px 0; line-height:30px;}
.swiper1 .sss1 .t3{ font-size:14px;}

.section2 .box{ width:50%;}
.section2 .box .note h3{ padding:45px 20px 0;}
.section3 .title h3{ font-size:30px;}
.section3 .note{ padding:100px 0 0;}
.section3 .note .note_content{ padding:40px 44px 70px;}
.section3 .note .note_right .pic{ float:none; width:100%;}

.index-container1 .index-container1-box .pic1{ margin:0 0 8px;}
.section3 .section3box{ padding:90px 0 20px;}
.section3 .section3box h4{ font-size:16px;}
.section3 .section3box p br{ display:none;}


.index-container3{ height:auto;}
.index-container3 .index-container3-box{ width:100%; padding:70px 40px;}
.index-container3 .index-container3-box .note{ width:56%; padding:0 0 0 40px;}
.index-container3 .index-container3-box .note h3{ font-size:30px; font-weight:normal;}
.index-container3 .index-container3-box .note .desc{ font-size:14px; padding:20px 0 70px;}

.index-container4{ height:320px;}

.index-news .wal{ min-height:100px; padding:0 40px;}
.index-news .list{ display:none;}
.index-news .list li { height: 850px; width:50%;}
.index-news .list li:nth-child(3){ display:none;}
.index-news .list li a .more{ display:none;}
.index-news .news-1{ display:block; padding:30px 40px;}
.news-1 ul li{ position:relative; margin:0 0 50px;}
.news-1 a .img img{ width:100%;}
.news-1 a { display: block; position: relative; color: #fff;}
.news-1 a .img { width: 100%; overflow: hidden; position: relative;}
.news-1 a .time { width: 75px; height: 75px; font-size:14px; position: absolute; z-index: 10; left:30px; top: 0; text-align: center; background: #333; padding-top:13px;}
.news-1 a .time span { display: block; font-size: 24px; line-height:32px;}
.news-1 a .name { width:100%; font-size:16px; line-height:45px; padding:0 20px; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.6)}

footer .foot-content-Wrapper{ width:100%; padding:0 40px;}
footer .foot-content .left_contact{ width:40%;}
footer .foot-content .icon-2{ height:auto;}
footer .foot-content .icon-2 .foot-tel{ float:none;}
footer .foot-content .icon-2 .foot-email{ float:none; margin:20px 0 0;}
footer .foot-content .right_message{ width:60%;}
footer .foot-content .left_contact .title{ padding:60px 0 0;}
footer .foot-content .left_contact .title .t02{ width:100%;}
footer .foot-content .aboutmain-cbot label,footer .foot-content .aboutmain-cyzm label{ width:25%;}
footer .foot-content .aboutmain-cbot .input{ width:75%;}
footer .foot-content .aboutmain-cyzm img{ left:220px;}
footer .foot-content .right_message .pic{ display:none;}
footer .foot-content .right_message .title{ padding:50px 0 30px 24px;}
footer .footer-copyright-Wrapper{ width:100%; padding:22px 40px;}

footer .foot-content .foot-address{ line-height:20px;}
.index-container1 .index-container1-box .box p{ font-size:20px; left:21%; letter-spacing:0;}
}


/* iPads (landscape) 纵向----------- */  
@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : landscape) {  
.index-container1 .index-container1-box .pic1{ margin:0 0 10px;}
.section3 .section3box h4{ font-size:16px;}
.index-container3{ height:auto;}
.index-container3 .index-container3-box{ width:100%; padding:70px 60px;}
.index-container3 .index-container3-box .note{ width:56%; padding:0 0 0 60px;}
.index-container3 .index-container3-box .note h3{ font-size:30px; font-weight:normal;}
.index-container3 .index-container3-box .note .desc{ font-size:14px; padding:20px 0 75px;}
.index-container4{ height:440px;}
.section3 .section3box{ padding:120px 0 20px;}

footer .foot-content-Wrapper{ width:100%; padding:0 60px;}
footer .foot-content .left_contact{ width:50%;}
footer .foot-content .icon-2{ height:auto;}
footer .foot-content .icon-2 .foot-tel{ float:none;}
footer .foot-content .icon-2 .foot-email{ float:none; margin:20px 0 0;}
footer .foot-content .right_message{ width:50%;}
footer .foot-content .left_contact .title{ padding:60px 0 0;}
footer .foot-content .left_contact .title .t02{ width:100%;}
footer .foot-content .aboutmain-cbot label,footer .foot-content .aboutmain-cyzm label{ width:25%;}
footer .foot-content .aboutmain-cbot .input{ width:75%;}
footer .foot-content .aboutmain-cyzm img{ left:240px;}
footer .foot-content .right_message .pic{ display:none;}
footer .foot-content .right_message .title{ padding:50px 0 30px 24px;}
footer .footer-copyright-Wrapper{ width:100%; padding:22px 60px;}

.index-container1 .index-container1-box .box p{ font-size:22px; left:25%;}
}


@media (min-device-width : 1024px) and (max-width: 1366px) and (orientation : portrait){
.section3 .note .note_right img{ width:100%;}
.index-container3 .index-container3-box .note .desc{ padding:20px 0 74px;}
.index-container4 { height: 420px;}
.index-news .news-1{ display:none;}

.index-news .wal{ min-height:850px; position:relative; padding:0 60px;}
.index-news .wal .p-more{ position:absolute; top:128px; right:50px;}
.index-news .btn { min-height:90px;}
.index-news .btn ul{ overflow:hidden; border-bottom:1px solid #e1e1e1;}
.index-news .btn li{ float:left; margin-right:30px;}
.index-news .btn a{ line-height:56px; position:relative;}
.index-news .btn a.on:before{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width:70px; height:3px; background:#4bb23f;}
.index-news .list{ display:block; width:90%; top:220px; left:60px; margin:0;}
.index-news .list li{ padding-top:30px;}
.index-news .list li a{ padding:0 25px;}
.index-news .list li a h3{ font-size:16px;}
.index-news .list li a p{ font-size:14px;}
footer .foot-content-Wrapper{ width:100%; padding:0 60px;}
footer .foot-content .left_contact{ width:50%;}
footer .foot-content .right_message{ width:50%; padding:0 0 0 38px;}
footer .foot-content .right_message .pic{ display:none;}
footer .footer-copyright-Wrapper{ width:100%; padding:22px 60px;}

footer .foot-content .foot-address{ line-height:35px;}
.index-container1 .index-container1-box .box p{ font-size:24px; left:25%;}
}
@media (min-device-width : 1025px) and (max-width: 1366px) and (orientation : landscape){


}

@media screen and (max-width: 767px) {
.right_side{ display:none !important;}
.banner-section{ margin:50px 0 0; height:120px;}
.product-section{ margin:50px 0 0; height:260px;}
.product-section .banner-note .t01{ font-size:18px; line-height:24px; padding:0;}
.product-section .banner-note .t02{ font-size:12px;}
.product-section .banner-note{ left:30px;}

.swiper1{ height:600px; margin:50px 0 0;}
.swiper1 .sss1 .note{ position:static; left:0; top:auto; transform:none; width:80%; padding:30px 20px; margin:40% auto 0;}
.swiper1 .sss1 .t1{ font-size:30px; line-height:32px; font-weight:normal;}
.swiper1 .sss1 .t2{ font-size:20px; line-height:30px; background-size:60%; padding:5px 0 15px;}
.swiper1 .sss1 .t3{ font-size:14px; line-height:26px;}
.swiper1 .sss1 .pic{ width:100%; transform:none; top:auto; right:0; bottom:30px; text-align:center;}
.swiper1 .sss1 .pic img{ width:80%; margin:0 auto;}
.swiper1:hover .arrow-left0, .swiper1:hover .arrow-right0{ display:none;}
.swiper1 .sss2{ background-position:64% top !important;}
.swiper1 .sss2 .note{ padding:60px 20px 40px 60px; left:0; width:100%; background: url(../images/banner2-bg.png) no-repeat 30px top;}
.swiper1 .sss2 .t1{ font-size:30px; line-height:40px;}
.swiper1 .sss2 .t2{ font-size:20px; line-height:40px;}
.swiper1 .sss2 .t3{ font-size:14px; line-height:20px;}

.index-container1{ padding:30px 20px;}
.index-container1 .index-container1-box{ float:none; width:100%; margin:0 0 20px;}
.index-container1 .index-container1-box .pic1{ margin:0 0 20px;}

.section3{ padding:60px 0 40px;}
.section3 .section3Wrapper{ width:100%; padding:0 20px;}
.section3 .title{ width:100%; padding:0;}
.section3 .title h3{ font-size:18px; line-height:28px; padding:0 0 20px;}
.section3 .title p{ font-size:14px; line-height:22px; color:#ccc;}
.section3 .section3box h4{ font-size:14px; line-height:22px;}
.section3 .section3box p{ font-size:14px; line-height:22px; color:#888;}
.section3 .note{ padding:60px 0 0;}
.section3 .t01,.section3 .t02,.section3 .t03,.section3 .t04{ background-size:70px;}
.section3 .section3box{ width:48%; padding:90px 0 20px;}
.section3 .section3box:nth-of-type(4n){ margin:0 4% 4% 0;}
.section3 .section3box:nth-of-type(2n){ margin:0 0 4% 0;}

.index-container3 .index-container3-box{ padding:30px 20px;}
.index-container3 .index-container3-box .pic{ float:none; width:100%; margin:0 0 20px;}
.index-container3 .index-container3-box .note{ float:none; width:100%; padding:0; color:#333; font-size:14px;}
.index-container3 .index-container3-box .note h3{ font-size:18px; line-height:28px;}
.index-container3 .index-container3-box .note .desc{ padding:20px 0;}
.index-container4{ height:390px;}

.index-news .wal{ padding:40px 20px 0; min-height:100px;}
.index-news .wal .p-more{ top:100px; right:40px;}
.index-news .list{ display:none;}
.index-news .btn a{ font-size:16px;}
.index-news .btn a.on:before{ width:64px;}
.index-news .news-1{ display:block; padding:0 20px;}
.index-news .news-1 a { display: block; position: relative; color: #747474; } 
.index-news .news-1 a .img { overflow: hidden; position: relative; } 
.index-news .news-1 a .img img { width: 100%; } 
.index-news .news-1 a .time { position: absolute; z-index: 10; left: 30px; right: auto; top: 0; bottom: auto; width: 80px; height: 88px; font-size: 12px; text-align: center; background: #333; padding-top: 13px; color:#fff;} 
.index-news .news-1 .time span { display: block; font-size: 42px; line-height: 42px; } 
.index-news .news-1 .name { font-size: 14px; line-height: 28px; padding:20px 0;} 

.section5 .title{ padding:0;}
.section5 .title .t01{ font-size:20px; line-height:28px;}
.section5 .title .t02{ font-size:14px; line-height:24px;}
.section6{ height:auto; background-position:-308px -98px; padding:0 0 30px;}
.section6 .title{ width:100%; padding:40px 20px;}
.section6 .title .t01{ font-size:20px; line-height:28px;}
.section6 .title .t02{ font-size:14px; line-height:24px;}
.section6 .partner{ padding:0 20px;}
.section6 .partner ul li{ width:30.6%; margin:0 4% 4% 0;}
.section6 .partner ul li:nth-of-type(4n){ margin:0 4% 4% 0;}
.section6 .partner ul li:nth-of-type(5n){ margin:0 4% 4% 0;}
.section6 .partner ul li:nth-of-type(3n){ margin:0 0 4% 0;}
.section6 .partner ul li:last-child{ display:block;}
.section6 .more{ width:90px; margin:0;}



footer .foot-content{ height:auto;}
footer .foot-content-Wrapper{ width:100%; padding:0 20px;}
footer .foot-content .left_contact{ float:none; width:100%;}
footer .foot-content .left_contact .title{ padding:40px 0 0;}
footer .foot-content .left_contact .title .t01{ font-size:16px; font-weight:bold;}
footer .foot-content .left_contact .title .t02{ width:100%; padding:30px 0;}
footer .foot-content .right_message{ float:none; width:100%; padding:0 0 40px;}
footer .foot-content .right_message .title{ padding:60px 0 30px 0; font-size:16px; font-weight:bold; line-height:28px;}
footer .foot-content .aboutmain-cbot label{ width:auto; text-align:left; position:absolute; left:10px;}
footer .foot-content .aboutmain-cyzm label{ width:auto; text-align:left; position:absolute; left:10px;}
footer .foot-content .aboutmain-btnlist button{ width:100%; margin:25px 0 0;}
footer .footer-copyright-Wrapper{ width:100%; padding:20px;}
footer .foot-content .aboutmain-cyzm img{ left:120px;}
footer .foot-content .aboutmain-cbot li{ position:relative;}
footer .foot-content .aboutmain-cbot .input{ width:100%; padding:0 20px 0 50px;}
footer .foot-content .aboutmain-cyzm input{ padding:0 20px 0 62px;}
footer .foot-content .icon-2 .foot-email{ margin:0 0 0 45px;}
footer .foot-content .right_message .pic{ display:none;}

.product_search-list{ padding:40px 20px;}
.product-container{ padding:0 20px;}
.product-container ul li{ width:48.7%; margin:0 2.5% 2.5% 0;}
.product-container ul li:nth-of-type(3n){ margin:0 2.5% 2.5% 0;}
.product-container ul li:nth-of-type(2n){ margin:0 0 2.5% 0;}
.product-container ul li p{ font-size:14px;}

.network-section .network-user .area{ min-height:38px; max-height:38px; line-height:18px; padding:0; margin:12px 0; overflow:hidden;}
.network-section .online{ padding:15px 0; overflow:visible;}
.network-section .online ul li{ margin:0 8px 16px;}
.network-section .online ul{ min-height:92px; overflow:visible;}
.wechat-code2{ left:-10px; top:28px; width:50px;}

footer .foot-content .foot-address{ line-height:35px;}
.index-container1 .index-container1-box .box p{ font-size:27px; left:25%;}
}
@media screen and (max-width: 375px) {
.section3 .note{ padding:95px 0 0;}
.contact-section .note dl{ float:none; width:100%; margin:0 0 30px; height:auto;}
.contact-section .note dl:nth-of-type(2n){ margin:0 0 30px 0;}
.contact-section .note dl dd br{ display:none;}
.about3-section ul li sup{ right:0;}
footer .foot-content .icon-2 .foot-email{ margin:0 0 0 25px;}

.network-section .network-user{ padding:0 17px;}
.network-section .online ul{ min-height:72px;}
.network-section .online ul li{ margin:0 6px 6px;}

footer .foot-content .foot-address{ line-height:20px;}
.index-container1 .index-container1-box .box p{ font-size:24px}
}


@media screen and (max-width: 360px) {
.section3 .note{ padding:91px 0 0;}
.network-section .network-user{ padding:0 13px;}
.index-container1 .index-container1-box .box p{ font-size:23px}

}

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


}