/* CSS Document */

*{box-sizing:inherit; -webkit-box-sizing:inherit;}
a:link,a:visited,a:active{ text-decoration:none;}







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


.ditu{ width:99.8%;}


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

.header .fl-r ul li{ margin-right:30px;}
.w1200{ width:1000px;}
.w1100{ width:100% !important;}

.swiper-slide .zi p:first-child{ font-size:34px;}
.swiper-slide .zi p:last-child{ font-size:15px;}
.swiper-slide .zi{ bottom:20%; right:3%;}
.bankuai ul li .zi p:first-child{ margin-top:30px; font-size:30px;}
.bankuai ul li .zi p:last-child{ font-size:16px;}

.page4 .cm{ max-width:90%;}
.page4 .title .line{ height:100px;}




.footer .dibu{ width:1100px;}

}



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

.banner-bg{ height:220px;}
.banner-bg h1{ line-height:270px;}

.lianxi{ width:100%; margin:50px auto;}
h2{ font-size:28px;}
.lianxi .ul-1 li a{ font-size:16px;}
.lianxi .lianxi-1{ margin:60px auto 40px;}
.lianxi .ul-2 li img{ width:30%;}
.lianxi .ul-2 li span{ font-size:14px;}
.lianxi .ul-2 li{ height:130px;}
.footer .dibu{ width:100%; padding:30px 0;}
.footer .dibu .fl-l{ display:none;}
.footer .dibu .fl-r{ width:90%; margin:0 auto; float:none;}
.footer .dibu .fl-r img{ width:30%; float:left;}
.footer .dibu .fl-r div{ float:right;}
.footer .dibu .fl-r p:first-child,.footer .dibu .fl-r p:nth-child(2){ display:inline-block;}
.footer .dibu .fl-r p br{ display:none;}
.footer .dibu .fl-r p:nth-child(2){ margin-left:10px;}
.footer .dibu .fl-r p a{ font-size:30px;}
.w1200{ width:95%;}
.n_nav_l{ margin-left:1%;}
.nnl_img{ width:35%; margin-right:5%;}
.nnl_nr{ width:60%;}
.nnl_nr h1 a{ font-size:15px; line-height:1.5;}
.nnl_nr span{ margin-top:5px;}
.yy{ margin:30px auto;}
.yy ul li{ display:none;}
.yy ul li.sjb{ display:block;}

th, td, button, input, select, textarea{ font-size:12px !important;}
.guanyu-1{ width:95%;}
.guanyu-2{ height:280px;}

.guanyu-3 ul li span{ font-size:14px; margin-top:10px;}
.guanyu-3{ padding-bottom:50px;}
.guanyu-3 p{ margin-top:50px;}

.swiper-slide .zi{ right:2%;}
.swiper-slide .zi p:first-child{ font-size:24px;}
.swiper-slide .zi p:last-child{ font-size:14px; letter-spacing:2px;}
.pagination{ bottom:-10px !important;}


.bankuai ul li .zi p:first-child{ margin-top:5px; font-size:24px;}
.bankuai ul li .zi p:last-child{ font-size:14px; width:95%; margin:0 auto;}


.yingyong,.yingyong ul li{ height:300px;}
.yingyong h1, .hezuo h1{ font-size:30px;}
.yingyong h1{ top:20px; margin-left:-60px;}
.yingyong ul li img{ margin-top:120px;}


.page4 .cm{ max-width:90%;}
.cm{ padding:0 5%;}
.page4 .round{ width:100%; left:0;}
.page4 .item, .page4 .item.active{ background-color:inherit; border:none;}
.page4 .item.i1, .page4 .item.i2, .page4 .item.i3, .page4 .item.i4{ width:100%; height:auto; position:relative; top:auto; left:auto; right:auto; bottom:auto; display:inline-block; margin-top:20px;}
.page4 .item p.tubiao{ width:54px; height:54px; line-height:54px; border:1px solid #4fb1f7; border-radius:100%; float:left; font-size:28px; display:inline-block;}
.index .page4 .item.active tubiao{ display:inline-block;}
.page4 .item:hover, .page4 .item.active{ background-color:inherit;}
.page4 .item.i1 .text, .page4 .item.i2 .text, .page4 .item.i3 .text, .page4 .item.i4 .text{ display:block; position:relative; top:auto; left:auto; right:auto; bottom:auto; width:auto; margin-left:74px; text-align:left; width:90% !important;}
.page4 .item .line{ display:none;}
.f-48{ font-size:36px;}
.page4 .round:before, .page4 .round:after{ display:none;}
.page4 .img,.page4 .my{ display:none;}
.f-32{ font-size:20px;}
.f-16{ font-size:14px;}
.page4 .item:hover .text .f-16, .page4 .item.active .text .f-16,.page4 .item .text .f-16{ width:100% !important; margin-left:0 !important;}

.page4 .item:hover .tb1, .page4 .item.active .tb1,.page4 .item:hover .tb2, .page4 .item.active .tb2,.page4 .item:hover .tb3, .page4 .item.active .tb3,.page4 .item:hover .tb4, .page4 .item.active .tb4{  border:1px solid #fff;}

.hezuo{ margin:50px auto;}
.hezuo h1{ height:40px; line-height:40px; background-size:100%; width:400px; margin:0 auto;}



.header .fl-l{ margin-top:10px;}
.header .fl-l img{ width:80%;}


.chanpin .ul-1{ padding-left:0;}
.chanpin ul.ul-1 li{ margin-left:0; width:22%; margin-right:4%;}
.chanpin ul.ul-1 li:nth-child(4n){ margin-right:0;}







/* 导航开始 */
.header{-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease; height:80px;}
.nav{width:100%;height:50px;line-height:50px;background:#ff8033;float:left;}
.nav li{ width:8%;height:50px;line-height:50px;float:left;font-size:14px;text-align:center;position:relative;}
.nav ul li a{color:#fff;display:block;}
.nav ul li:hover{background:#4fb1f7;}
.nav ul li:hover a{ color:#fff !important;}
.header .toggle{opacity: 0;}

.header .toggle {
    width: 35px;
    height: 30px;
    position: absolute;
    top: 25px;
    right: 0px;
    cursor: pointer;
    z-index: -1;
}
.header .toggle em {
    width: 100%;
    height: 5px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color:#4fb1f7;
    border-radius: 5px;
}
.header .toggle em:nth-child(2) {
    top: 12px;
}
.header .toggle em:last-child {
    top: auto;
    bottom: 0px;
}
.header .toggle em:first-child {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.header .toggle em:last-child {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.header .toggle em, .header .toggle{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header.active .nav li {
    opacity: 0;
}

.chose {
  width: 21px;
  height: 21px;
  background:url(../bgimg/chose.png) no-repeat center;
  -webkit-background-size: 100%;
  background-size: 100%;
  position: absolute;
  right: 15px;
  top: 16px;
  cursor: pointer;
}
/* 导航结束 */





.header .nav,.header.active .nav{
	width: 200px;
	height:auto;
    position: fixed;
    float: none;
    top: 0px;
    left: auto;
    right: -202px;
    border-left: 2px solid #d7d7d7;
    bottom: 0px;
    background-color: #fff;
    z-index: 10;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;}
.header .nav ul{width:100%;height:auto;}
.header .nav li,.header .nav li a{    
    width: 100%;
    margin: 0;
}
.header .nav li a{
    width:100%;
    float:none;
    font-size:14px;
    display:block;
    color:#666;
    padding-left:30px;
	text-align:left;
}
.header .toggle{opacity:1;right:2%;}
.header .toggle em:first-child,.header .toggle em:last-child{-webkit-transform:translateY(0);transform:translateY(0);}
.header .toggle{z-index:1;}
.header .nav.show{padding-top: 80px;}
.header .nav.show li a:hover{
    background: #4fb1f7;
    color: #fff;
}




.header .fl-r{ float:none; padding:0; margin-right:0;}
.header .fl-r ul li a{ color:#333;}
.bs{ background-color:#4fb1f7; color:#fff !important;}

.header .fl-r .qiehuan{ top:320px; left:30px;}
.header .fl-r .qiehuan li:hover,.header .fl-r .qiehuan ul,.header .fl-r .qiehuan ul li a{ background-color:inherit !important;}
.header .fl-r .qiehuan{ background-color:#515151 !important;}
.header .fl-r .qiehuan ul{ background:url(../bgimg/sanjiao.png) 72px 10px no-repeat !important;}
.header .fl-r .qiehuan ul li a:hover{ color:#333 !important;}
.header .fl-r .qiehuan ul li:nth-child(2) a:hover, .header .fl-r .qiehuan ul li:nth-child(3) a:hover, .header .fl-r .qiehuan ul li:nth-child(4) a:hover{ background-color:#515151 !important;}




.sousuo{top:150px; margin-left:-150px;}
.sousuo form{ width:300px; height:30px;}
.sousuo form #anniu{ height:20px; margin-top:5px;}
.sousuo dl{ margin-top:5px;}
.sousuo dl dt, .sousuo dl dd, .sousuo dl dd a{ font-size:12px;}
h1.ss{ line-height:200px;}
.guanyu-3 ul{ width:100%;}




.container{ margin-top:20px !important;}
.guanyu-3 ul li .quan{ display:none !important;}


.lgss .banner-bg{ height:150px;}
.lgss .banner h1{ font-size:24px; line-height:80px;}


.chanpin img{ width:100% !important; height:auto !important;}


.zhaopin{ width:95%; margin:0 auto;}
.guanyu-2 h2:first-child{ padding-top:45px;}
.guanyu-2 h2{ padding-top:35px;}


}


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

#content{ width:100%;}
.lianxi .ul-1 li{ width:150px;}
.sjly .nr{ width:100%;}
.sjly .nr img{ width:100%;}
.chanpin img{ width:50%;}


.sj-xq .f_l,.sj-xq .f_r{ float:none;}
.sj-xq .f_l,.sj-xq .f_r{ width:100%;}
.sj-xq .f_l ul{ padding:20px 50px;}
.sj-xq .f_l,.sj-xq .f_r{ height:auto;}
.sj-xq .f_r img{ margin-top:0; width:100%;}



}


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

.header .fl-l img{ width:60%;}
.banner-bg{ height:180px;}
.banner-bg h1{ line-height:220px; font-size:24px;}
h2{ font-size:22px;}
.lianxi .ul-1 li{ height:40px; line-height:40px; width:140px;}
.lianxi .ul-1 li a{ font-size:14px;}
.lianxi .lianxi-1{ margin:30px auto 20px; font-size:14px;}
.lianxi .ul-2 li{ width:95%; padding:0 0 0 2.5%; border:none; text-align:left; height:55px; line-height:55px; margin-bottom:10px;}
.lianxi .ul-2 li:last-child{ margin-bottom:0;}
.lianxi .ul-2 li img,.lianxi .ul-2 li span{ float:left;}
.lianxi .ul-2 li img{ width:15%;}
.lianxi .ul-2 li span{ width:80%; margin-top:0; margin-left:5px;}
.lianxi .ul-2 li:first-child span{ line-height:1.5; margin-top:5px;}
#dituContent{ width:99% !important; height:350px !important;}






.footer .dibu .fl-r div{ display:block; float:left;}
.footer .dibu .fl-r p{ font-size:13px;}
.footer .dibu .fl-r p a{ font-size:24px;}
.footer .banquan{ font-size:12px; padding:5px 0;}



.sjly .nr{ width:100%; margin:20px auto; text-align:justify;}
.sjly h1{ font-size:24px; margin-top:20px;}
.sjly .nr img{ width:100%;}
.menu ul li a{ height:40px; line-height:40px; font-size:14px; padding-left:40px;}
.menu ul li a span{ top:17px;}
.menu ul li ul li{ margin:10px auto 20px;}
.fanhui a{ font-size:14px; padding:5px 20px;}
.fanhui{ margin:30px auto;}

.n_nav_l{ display:none;}
.n_nav_r{ float:none; width:100%;}
.n_nav_r ul li{ width:50%}
.nn_nav{ margin-bottom:20px;}
.nn_list ul li{ display:none; padding:6px;}
.nn_list ul li.sjb{ display:block;}
.nnl_nr h1 a{ line-height:1;}
.nnl_nr span{ margin:0;}
.nnl_img{ margin-right:3%;}
.nnl_nr{ width:62%;}
.pagestyle{ margin-top:20px; margin-bottom:30px; height:25px; line-height:25px;}
.pagestyle span,.pagestyle a{ padding:3px 8px; margin-right:5px;}



.yy ul li{ width:48%;}
.yy ul li:nth-child(odd){ margin-right:4%;}
.yy ul li:nth-child(even){ margin-right:0;}
.yy ul li h3{ padding:10px 0;}
.yyly_content{ margin:20px auto 50px;}


.zhineng .nnl_nr p{ line-height:1.5; margin-top:10px;}

.yy ul li p{ line-height:1.5;}

.chanpin ul.ul-1 li{ margin-top:0;}
.chanpin .ul-1 li{ margin-bottom:10px;}
.chanpin .ul-1 li:last-child,.chanpin .ul-1 li:nth-last-child(2){ margin-bottom:0;}
.chanpin h1{ font-size:28px; margin-top:50px;}
.chanpin p{ font-size:14px;}
.chanpin img{ width:100%; margin:20px auto;}
.chanpin ul li{ font-size:14px; color:#666666;}





.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ padding:2px;}


.guanyu-1 h2{ margin-top:50px;}
.guanyu-1 .guanyu-nr{ text-align:left; font-size:14px; margin:20px auto;}
.guanyu-1{ margin-bottom:50px;}
.guanyu-2{ height:200px;}
.guanyu-2 p{ font-size:14px;}
.guanyu-2 h2{ padding-top:35px;}

.guanyu-3 p{ font-size:14px; text-align:justify; margin-bottom:20px;}
.guanyu-3 ul li span{ margin-top:5px;}


.guanyu-4 .guanyu-4-1{ width:100%; left:0; top:15px; margin-left:0;}
.guanyu-4 .guanyu-4-1 p{ font-size:12px;}

.header .toggle{ top:12px; width:30px; height:25px;}
.header .toggle em{ height:3px;}
.header .toggle em:nth-child(2){ top:11px;}


.swiper-slide .zi p:first-child{ font-size:18px;}
.swiper-slide .zi p:last-child{ font-size:12px; letter-spacing:0;}

.bankuai ul li .zi p:first-child{ font-size:16px;}
.bankuai ul li .zi p:last-child{ font-size:12px; line-height:1.2;}

.yingyong, .yingyong ul li{ height:200px;}
.yingyong h1, .hezuo h1{ font-size:24px;}
.yingyong h1{ top:10px; margin-left:-48px;}
.yingyong ul li img{ margin-top:80px;}
.yingyong ul li p{ font-size:12px;}


.ptm-75{ padding-bottom:20px;}
.f-48{ font-size:24px;}
.page4 .title .line{ height:30px;}
.f-32{ font-size:16px;}
.f-16{ font-size:12px; line-height:1.2;}
.page4 .item.i1 .text, .page4 .item.i2 .text, .page4 .item.i3 .text, .page4 .item.i4 .text{ width:80% !important; margin-left:60px;}
.page4 .item p.tubiao{ width:40px; height:40px; line-height:40px; margin-top:6px;}

.hezuo p{ font-size:14px; margin:5px auto 10px;}
.swiper-container2{ padding-bottom:20px;}
.header .fl-r ul li a{ font-size:15px;}
.header .nav.show,.nav{ margin-top:0;}



.lianxi{ margin-top:20px;}
h1.ss{ line-height:160px;}
.sousuo{ top:115px;}

.footer .dibu .fl-r img{ float:none; width:40%;}
.footer .dibu{ text-align:center; padding:20px 0;}
.chanpin tr td img{ width:40%;}

.lgss .banner{ width:100%; float:none;}


.zhaopin li p{ font-size:20px;}
.zhaopin li .zhize br,.zhaopin li .yaoqiu br{ display:block;}


.guanyu-2 h2:first-child{ padding-top:30px;}
.guanyu-2 p{ margin-top:5px;}
.guanyu-2 h2{ padding-top:20px;}


.chanpin ul.ul-1{ padding-left:0;}
.chanpin ul.ul-1 li{ width:40%; margin-right:0;}
.chanpin ul.ul-1 li:nth-child(odd){ margin-right:4%; margin-left:8%;}


.chanpin .table .text-c th:nth-last-child(2),.chanpin .table .text-c th:nth-last-child(3),.chanpin .table .text-c th:nth-last-child(4),.chanpin .table .text-c th:nth-last-child(5),.chanpin .table .text-c td:nth-last-child(2),.chanpin .table .text-c td:nth-last-child(3),.chanpin .table .text-c td:nth-last-child(4),.chanpin .table .text-c td:nth-last-child(5){ display:none;}

.hezuo h1{ width:300px;}


}


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

.lianxi .lianxi-1 br{ display:none;}
.guanyu-3 ul li span{ font-size:12px;}

.swiper-pagination-switch{ width:30px;}
.bankuai ul li{ width:100%;}
.bankuai ul li:nth-child(even),.bankuai ul li:nth-child(odd){ margin:0 auto 1%;}

.page4 .item.i1 .text, .page4 .item.i2 .text, .page4 .item.i3 .text, .page4 .item.i4 .text{ width:75% !important;}


.yingyong{ height:200px; padding-top:50px; padding-bottom:20px;}
.yingyong ul li{ height:100px; width:33.3%;}
.yingyong ul li img{ margin-top:0;}

.hezuo h1{ width:100%;}

}


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

.lianxi .ul-1 li{ width:120px;}


}