/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,ul,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body { font-family:Microsoft Yahei; color:#666; text-decoration:none; font-size:14px; background:#fff;}
textarea { resize:none;}
img{ max-width:100%;}
iframe,img { border:0;}
ul,ol,li { list-style:none;}
input, select, textarea { outline:0; -webkit-user-modify:read-write-plaintext-only;}
input { -webkit-appearance:none;}
a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#e63c2f;}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}

/*滚动条*/
::-webkit-scrollbar{ width:6px; height:12px}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{ background-color:black}
::-webkit-scrollbar-track-piece{ background:#FFF}
::-webkit-scrollbar-thumb:vertical{ background-color:#004f7a; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#004f7a}
::-webkit-scrollbar-corner:vertical{ background-color:#004f7a}
::-webkit-scrollbar-resizer:vertical{ background-color:#004f7a}

/*banner*/
.bannerslide { height:850px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; }
.pagination { position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; }
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #fff;}
.bannerslide .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index:9; cursor:pointer;}
.bannerslide .arrow-right { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index:9; cursor:pointer;}

.m{ width:95%; max-width:1200px; margin:0 auto; position:relative;}
.m2{ width: 95%; max-width: 1200px; margin: 0 auto; padding: 40px; background: #fff;}
.n{ padding:50px 0;}
.n_m{ padding: 50px 0; background: #f5f5f5;}

.top{ padding:30px 0;}
.top .logo{ height:80px; float:left;}
.top .nav{ float:right;}
.top .nav li{ float:left; font-size:20px; line-height:80px; margin-left:1.5em; text-transform: capitalize;}
.top .a_m{ float:right; display:none; margin-top:10px; margin-right:10px;}

.ind_ab{ padding:70px 0; background:#f5f5f5;}
.ptc{ text-align:center; font-size:50px; font-weight:300;}
.pte{ width:500px; margin:10px auto 0; text-transform:uppercase; text-align:center; position:relative;}
.pte:before{ content:""; border-bottom:1px solid #ccc; position:absolute; left:0; top:50%; height:1px; width:30%;}
.pte:after{ content:""; border-bottom:1px solid #ccc; position:absolute; right:0; top:50%; height:1px; width:30%;}
.ind_ab .ia_p{ text-align:center; font-size:20px; line-height:1.8; font-weight:300; margin:30px 0 50px;}
.ind_ab .ia_p img{ display:inline-block;}
.ind_ab .ia_p span{ display:inline-block; font-size:26px; position:relative; margin-bottom:20px;}
.ind_ab .ia_p span:before{ content:""; height:5px; width:50px; background:#666; position:absolute; top:110%; left:50%; margin-left:-25px;}
.ind_ab .ia_u{ width:700px; margin:0 auto;}
.ind_ab .ia_u li{ width:calc(100% / 3); float:left; text-align:center;}
.ind_ab .ia_u li p{ color:#63d0ca; font-weight:400; font-size:22px; margin-top:20px;}
.ind_ab .ia_u img{ height:60px;}

.ind_pro{ padding:70px 0; max-width:1500px;}
.ind_pro ul{ margin-top:40px;}
.ind_pro ul li{ width:23.5%; margin-right:2%; float:left; transition:0.5s; position:relative; top:0; border-radius:20px; overflow:hidden; margin-bottom:20px;}
.ind_pro ul li:hover{ top:-10px; box-shadow:#ccc 10px 10px 10px;}
.ind_pro ul li .ip_i{ border-radius:20px; overflow:hidden;}
.ind_pro ul li .ip_i img{ width:100%;}
.ind_pro ul li:nth-child(4n){ margin-right:0;}
.ind_pro ul li p{ text-align:center; font-size:20px; line-height:3;}

.ind_con{ padding:70px 0; background:#f5f5f5;}
.ind_con ul{ text-align:center; margin:70px 0;}
.ind_con ul li{ width:30%; float:left;}
.ind_con ul li:nth-child(2){ width:40%;}
.ind_con ul li p{ font-size:24px; font-weight:300;}
.ind_con ul li p span{ font-size:14px; font-weight:normal; display:inline-block; margin-top:10px;}
.ind_con ul li img{ height:40px; display:inline-block; margin-bottom:20px;}
.ind_con .if_l{ width:calc(50% - 25px); float:left; margin-right:50px;}
.ind_con .if_r{ width:calc(50% - 25px); float:right;}
.ind_con input{ background:#fff; border:none; border-radius:15px; font-size:18px; padding:15px 30px; width:100%; margin-bottom:20px; transition:0.5s;}
.ind_con input::placeholder{ color:#aaa;}
.ind_con input:focus{ box-shadow:#ccc 10px 10px 10px;}
.ind_con textarea{ background:#fff; border:none; border-radius:15px; font-size:18px; padding:15px 30px; width:100%; margin-bottom:20px; height:200px; transition:0.5s;}
.ind_con textarea::placeholder{ color:#aaa;}
.ind_con textarea:focus{ box-shadow:#ccc 10px 10px 10px;}
.ind_con button{ background:#63d0ca; color:#fff; float:right; border:none; font-size:18px; padding:10px 40px; border-radius:10px; cursor:pointer;}

.ind_news{ padding:70px 0;}
.ind_news ul{ margin-top:50px;}
.ind_news ul li{ float:left; margin-right:50px; width:calc(33.3333% - 34px); border:1px solid #ddd; transition:0.5s; position:relative; top:0;}
.ind_news ul li img{ width:100%; height:250px;}
.ind_news ul li:hover{ top:-10px; box-shadow:#ccc 10px 10px 10px;}
.ind_news ul li:nth-child(3){ margin-right:0;}
.ind_news ul li div{ padding:30px;}
.ind_news ul li div .p1{ font-size:18px; font-weight:400; color:#666;}
.ind_news ul li div .p2{ font-size:14px; font-weight:400; color:#666; margin:20px 0;}
.ind_news ul li div .p3{ font-size:13px; font-weight:400; color:#666;}

.bottom{ padding:70px 0; background:#63d0ca;}
.bottom .erwm{ float:right;}
.bottom .contact{ width:30%;}
.bottom ul{ float:left; font-size:14px; color:#fff; width:13%;}
.bottom ul p{ padding-bottom:10px; color:#FFF; font-weight:bold;}
.bottom ul li a{ color:#fff; line-height:160%;}

.bottom ul .erwm{ text-align:center;}
.bottom ul .erwm img{ display:inline-block; margin-bottom:10px;}
.bottom ul .erwm:first-child{ margin-left:10px;}

.foot{ background:#63d0ca; border-top:#8de4df 1px solid; padding:30px 0;}
.foot p{ float:left; color:#fff;}
.foot a{ color:#fff; float:right;}

.main{ border-top:1px solid #aaa;}
.aboutus{ width:98%; max-width:1000px; margin:0 auto; padding:50px 20px;}
.aboutus p{ font-size:20px; text-indent:2em; font-weight:300; line-height:1.8; margin-bottom:10px;}
.aboutus p span{ color:#63d0ca; font-size:30px;}
.aboutus ul{ overflow:hidden; border-radius:80px; display:flex; flex-wrap:wrap; margin:30px 0 50px;}
.aboutus ul li{ width:calc(50% - 10px); margin-right:20px; float:left; color:#fff; background:#63d0ca; padding:30px; font-size:20px; text-align:center; margin-bottom:20px;}
.aboutus ul li:nth-child(2n){ margin-right:0;}
.aboutus ul li span{ font-size:30px; font-weight:bold; display:inline-block; margin-bottom:20px;}
.aboutus ul li:nth-child(3),.aboutus ul li:nth-child(4){ margin-bottom:0;}
.aboutus img{ width:100%;}
.aboutus2{ width:98%; max-width:1000px; margin:0 auto; padding:50px 20px; display:flex; flex-wrap:wrap;}
.aboutus2 .ap{ width:50%; font-size:16px; font-weight:300; line-height:1.5; background:#f8f8f8; padding:50px;}
.aboutus2 .ap span{ color:#63d0ca; font-size:30px;}
.aboutus2 img{ width:50%;}
.aboutus2 .ail{ position:relative; left:-50%;}
.aboutus2 .apr{ position:relative; left:50%;}

.product{ width:98%; max-width:1100px; margin:0 auto; padding:50px 20px;}
.product .ul1{ text-align:center;}
.product .ul1 li{ display:inline-block; font-size:18px; margin:0 15px;}
.product .ul1 li a{ display:inline-block; line-height:2; border-bottom:1px solid rgba(255,255,255,0);}
.product .ul1 li a:hover,.product .ul1 li.on a{ color:#63d0ca; border-bottom:1px solid #63d0ca;}
.product .ul2{ margin-top:50px;}
.product .ul2 li{ width:calc(33.33% - 27px); margin-right:40px; float:left; transition:0.5s; position:relative; top:0; overflow:hidden; margin-bottom:20px;}
.product .ul2 li p{ text-align:center; font-size:16px; line-height:3;}
.product .ul2 li:nth-child(3n){ margin-right:0;}
.product .ul2 li:hover{ top:-10px; box-shadow:#ccc 10px 10px 10px;}
.product .ul2 li img{ width:100%;}
.main .p_t{ text-align:center; font-size:34px; font-weight:bold; color:#333;}
.pro_content{ padding:20px 0;}



.u_np{ display:flex; margin-top:40px;}
.u_np li{ border:1px solid #ccc; padding:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.u_np li:nth-child(2){ width:20%; text-align:center; border-left:none; border-right:none; margin-right:0 !important;}
.u_np li:first-child,.u_np li:last-child{ width:40% !important; margin-right:0 !important;}
.u_np li:last-child{ text-align:right;}

.news{ width:98%; max-width:1100px; margin:0 auto; padding:50px 20px;}
.news .ul1{ text-align:center;}
.news .ul1 li{ display:inline-block; font-size:20px; margin:0 15px;}
.news .ul1 li a{ display:inline-block; line-height:2; border-bottom:1px solid rgba(255,255,255,0);}
.news .ul1 li a:hover,.news .ul1 li.on a{ color:#63d0ca; border-bottom:1px solid #63d0ca;}
.news .ul2{ margin-top:50px;}
.news .ul2 li{ padding:20px 0; border-bottom:1px dashed #aaa;}
.news .ul2 li .news_i{ float:left; width:21%;}
.news .ul2 li div{ float:right; width:75%;}
.news .ul2 li div .p1{ font-size:20px; font-weight:600;}
.news .ul2 li div .p2{ margin:20px 0 40px;}
.news .ul2 li div .p3{ color:#acacb0;}

.honor{ width:98%; max-width:1100px; margin:0 auto; padding:50px 20px;}
.honor li{ width:calc(25% - 15px); float:left; margin-right:20px; margin-bottom:20px; border:1px solid #ddd;}
.honor li img{ width:100%;}
.honor li:nth-child(4n){ margin-right:0;}

.contact1{ width:98%; max-width:1100px; margin:0 auto; padding:50px 20px; text-align:center;}
.contact1 p{ display:inline-block; text-align:left; font-size:20px; line-height:1.8; font-weight:300;}
.contact1 p span{ font-weight:500; font-size:30px; display:inline-block; margin-bottom:20px;}






@media (max-width: 1120px) {
.n{ padding:20px 0;}
.top{ padding:20px 0;}
.top .a_m{ display:block;}
.top .nav{ display:none;}
.top .logo{ height:60px;}
.bannerslide{ height:200px;}
.ind_ab{ padding:20px 0;}
.ptc{ font-size:20px;}
.pte{ font-size:14px; width:100%;}
.ind_ab .ia_p{ margin:20px 0; font-size:14px;}
.ind_ab .ia_p br{ display:none;}
.ind_ab .ia_u{ width:100%;}
.ind_ab .ia_u img{ height:40px;}
.ind_ab .ia_u li p{ font-size:14px;}
.ind_pro{ padding:20px 0;}
.ind_pro ul{ margin-top:20px;}
.ind_pro ul li{ width:49%;}
.ind_pro ul li:nth-child(2n){ margin-right:0;}
.ind_pro ul li p{ font-size:14px;}
.ind_con{ padding:20px 0;}
.ind_con ul{ margin:20px 0;}
.ind_con ul li{ width:100%;}
.ind_con ul li:nth-child(2){ width:100%; margin:10px 0;}
.ind_con ul li p{ font-size:14px;}
.ind_con .if_l,.ind_con .if_r{ width:100%;}
.ind_con input{ font-size:14px; padding:15px;}
.ind_con textarea{ font-size:14px; height:100px; padding:15px;}
.ind_con button{ float:left;}
.ind_news ul{ margin-top:20px;}
.ind_news ul li{ width:100%; margin-right:0; margin-bottom:10px;}
.ind_news ul li img{ width:100%;}
.ind_news ul li div{ padding:10px;}
.ind_news ul li div .p1{ font-size:14px;}
.ind_news ul li div .p2{ font-size:12px;}
.bottom{ padding:20px 0;}
.bottom ul{ display:none;}
.bottom .contact,.bottom ul:last-child{ display:block; width:100% !important;}
.bottom ul .erwm{ float:none; display:inline-block;}
.bottom ul:last-child{ text-align:center; padding:20px 0;}
.foot a{ float:left;}

.aboutus{ padding:20px;}
.aboutus p{ font-size:14px}
.aboutus p span{ font-size:16px;}
.aboutus ul{ margin:20px 0; border-radius:0;}
.aboutus ul li{ width:100%; font-size:14px; margin-right:0; margin-bottom:10px; padding:10px;}
.aboutus ul li:nth-child(3), .aboutus ul li:nth-child(4){ margin-bottom:10px;}
.aboutus ul li span{ font-size:16px; margin-bottom:10px;}

.product{ padding:20px;}
.product .ul1 li{ font-size:14px; margin:0 3px;}
.product .ul2{ margin-top:20px;}
.product .ul2 li{ width:48%; margin-right:4%; margin-bottom:0;}
.product .ul2 li:nth-child(3n){ width:48%; margin-right:4%;}
.product .ul2 li:nth-child(2n){ margin-right:0;}
.product .ul2 li p{ font-size:14px; line-height:1.6; margin:10px 0;}

.main .p_t{ font-size:20px;}

.news{ padding:20px;}
.news .ul1 li{ font-size:14px; margin:0 3px;}
.news .ul2{ margin-top:20px;}
.news .ul2 li .news_i,.news .ul2 li div{ float:none; width:100%;}
.news .ul2 li div .p1{ font-size:14px; margin-top:10px;}
.news .ul2 li div .p2{ font-size:12px; margin:10px 0;}
.honor{ padding:20px;}
.honor li{ width:48%; margin-right:4%;}
.honor li:nth-child(2n){ margin-right:0;}

.contact1{ padding:20px;}
.contact1 p span{ font-size:18px;}
.contact1 p{ font-size:14px; display:block;}
.map iframe{ height:300px;}


}