body {
    width:100%;
	max-width:1920px;
	padding:100px 0 0;
	margin:0 auto;
	font-family:Microsoft JhengHei,PingFang SC,Open Sans,Arial,Microsoft Yahei,微软雅黑;
	font-size:16px;
	color:#231815;
	background:#fff;
    line-height:1;
    overflow-x:hidden;
    -webkit-text-size-adjust: none;
}
/**{ -webkit-user-select: none; }*/
/*滚动条整体样式*/
/*高宽分别对应横竖滚动条的尺寸*/ 
body::-webkit-scrollbar {width:8px; height:1px;}
/*滚动条里面小方块*/
body::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #535353;}
/*滚动条里面轨道*/
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:10px;background: #EDEDED;}
*{box-sizing:border-box;}
[v-cloak]{display:none !important;}
p,h1,h2,h3,h4,ul{ padding:0; margin:0;}
ul{list-style-type:none;}
a,svg,span,div{border:none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;outline:none;}
a:link,a:visited{ color:inherit; text-decoration:none;}
a:hover{color:#006bca; text-decoration:none; transition:all 0.3s ease 0s;}
img{ border:0; max-width:100%;}
.flex{display:flex; display:-webkit-flex;}
.clear{ clear:both;}
.fz12{font-size:12px;}
.fz13{font-size:13px;}
.fz14{font-size:14px;}
.fz15{font-size:15px;}
.fz24{font-size:24px;}
.fz32{font-size:32px;}
.fz36{font-size:36px;}
.fz44{font-size:44px; }
section{float:left; width:100%;}
input,button{outline:none;}
button{cursor:pointer;}
[disabled='disabled'],.disabled,* .swiper-button-disabled{cursor:not-allowed !important;}
.fl{float:left;}
.fr{float:right;}
.img_none{display:none;}
.img{float:left; width:100%; overflow:hidden; position:relative;}
.img:before{float:left; width:100%; content:'';}
.img > img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.container{width:1200px; margin:0 auto; position:relative; --fz24:24px; --header_height:100px;}
header{position:absolute; top:0; width:100%; height:var(--header_height); z-index:1000; background-color:rgba(255,255,255,0.9); border-bottom:solid 1px #006bca; transition:all 0.3s ease 0s; }
header.fixed{border-bottom:solid 1px #003a70;}
header *{transition:all 0.3s ease 0s;}
header .logo{float:left; margin-top:2px;}
header .nav{float:right; transition:none; margin-top:40px;}
header .nav ul{float:left; width:100%;}
header .nav ul li{float:left; margin-left:20px; padding-bottom:10px; position:relative; z-index:100;}
header .nav ul li:last-child{margin-right:0;}
header .nav ul li > a{float:left; padding:0 30px; line-height:30px; font-size:16px; font-weight:bold; color:#000;position:relative; z-index:2; transition:none;}
header .nav ul li > a span{margin-bottom:5px; font-size:15px; font-weight:400;}
header .nav ul li:hover > a{color:#006bca;}
header .nav ul li.current > a{color:#006bca;}
/*header .nav ul li .submenu{position:absolute; width:100%; left:0; padding:5px 0; top:100%; z-index:100; background-color:#fff; opacity:0; pointer-events:none;}
header .nav ul li:hover .submenu{opacity:1; pointer-events:auto;}
header .nav ul li .submenu a{float:left; padding:11px 0; width:100%; text-align:center; line-height:1.3; font-size:14px; position:relative; transition:none;}
header .nav ul li .submenu a:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#eee; background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(104,185,32,1) 50%, rgba(255,255,255,1) 100%);}
header .nav ul li .submenu a:last-child:after{opacity:0;}
header .nav ul li .submenu a span{font-size:10px;}
header .nav ul li .submenu a:last-child{border-bottom:none;}*/
header .nav ul li .submenu{position:absolute; left:0; top:100%; padding:5px 0; opacity:0; transform:translate3d(0,15px,0); width:100%; border-radius:6px; transition:all 0.3s ease 0s; box-shadow:0 0 5px rgba(0,0,0,0.15); pointer-events:none;}
/*header .nav ul li .submenu:before{float:left; width:100%; height:10px; content:'';}
header .nav ul li .submenu:after{position:absolute; left:50%; top:0; margin-left:-5px; width:10px; height:10px; background-color:#fff; transform:rotate(45deg); content:'';}*/
header .nav ul li .submenu a{float:left; width:100%; background-color:#fff; font-weight:400; padding:5px 0; text-align:center; line-height:20px; font-size:12px; color:#777;}
header .nav ul li .submenu a:hover{color:#0060e3;}
header .nav ul li .submenu a:first-child{padding-top:10px; border-radius:6px 6px 0 0;}
header .nav ul li .submenu a:last-child{padding-bottom:10px; border-radius:0 0 6px 6px;}
header .nav ul li:hover .submenu{opacity:1; transform:none; pointer-events:auto;}
header .contactinfo{float:right; margin-top:20px; line-height:26px;}
.navbtn{position:absolute; right:0; top:20px; width:30px; cursor:pointer; display:none;}
.navbtn:hover span{color:#fff}
.navbtn span{float:left; width:100%; height:2px; background-color:#003a70; margin-bottom:8.5px; transform-origin:0; transition:all 0.3s ease 0s;}
.navbtn span:last-child{margin-bottom:0;}
.navbtn span:nth-child(2){transition:none;}
.navbtn.navclose span:nth-child(1) { transform:rotate(45deg); }
.navbtn.navclose span:nth-child(2) { opacity: 0; }
.navbtn.navclose span:nth-child(3) {transform:rotate(-45deg);}
.banner{float:left; width:100%; overflow:hidden; position:relative;}
.banner .swiper{position:relative; height:100%;}
.banner img{float:left; width:100%;}
.banner .swiper{position:relative;}
.banner .swiper-slide{width:100%; height:100%; position:relative; background-position:center 0; background-size:cover; background-repeat:no-repeat;}
.banner .swiper-button-next,.banner .swiper-button-prev{margin-top:0; transform:translateY(-50%); opacity:0;}
.banner:hover .swiper-button-next,.banner:hover .swiper-button-prev{opacity:1; transition:all 0.3s ease 0s;}
.banner .swiper-button-next:after,.banner  .swiper-button-prev:after{color:#fff; font-size:21px; font-weight:bold;}
.banner .swiper-button-next:after{padding-left:3px;}
.banner .swiper-button-prev:after{padding-right:3px;}
.banner .swiper-button-next,.banner .swiper-button-prev{width:46px; height:46px; background-color:rgba(7,41,73,0.7); border-radius:50%; outline:none; transition:all 0.3s ease 0; }
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{background-color:#072949;}
.banner .swiper-button-next{right:1.5%;}
.banner .swiper-button-prev{left:1.5%;}
.banner .swiper-pagination-bullet{width:55px; height:1px; background-color:#e0e1e1; opacity:1; border-radius:0;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:26px; display:flex; display:-webkit-flex; justify-content:center; align-items:center;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#00adef;}

.section_title{float:left; width:100%; position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.section_title h2{font-size:36px; color:#006bca; position:relative; font-weight:normal;}
.section_title h3{font-size:16px; margin-top:20px; line-height:1.5; font-weight:normal; color:#777;}
.gotop {position: fixed;right: 10px;bottom: 30px;width: 45px;height: 55px;background: rgba(7,28,46,0.8) url(/images/top.svg) center center no-repeat;opacity: 0;pointer-events: none;z-index: 200;}
.gotop.show {opacity: 1;pointer-events: auto;cursor: pointer;}
.product{padding:60px 0; background:url(/images/bg_01.jpg) center 0; background-size:cover;}
.product .list{float:left; width:100%; margin-top:40px; position:relative;}
.product .item{float:left; margin-bottom:20px; width:585px; position:relative; cursor:pointer; overflow:hidden;}
.product .item .img:before{padding-top:44.44%;}
.product .item .wrap{position:absolute; left:0; bottom:40px; width:100%; padding:0 30px; color:#fff; display:flex; flex-direction:column;}
.product .item .wrap .title{font-size:22px;}
.product .item .wrap .subtitle{font-size:14px; margin-top:10px;}
.product .item .wrap .more{font-size:12px; margin-top:25px;}
.product .item .wrap a:hover{color:#fff;}
.product .item img{transition:all 0.4s ease 0s;}
.product .item:hover img{transform:scale(1.2);}
.product .list .item:nth-child(2){float:right;}
.product .list .item:nth-child(2) .img:before{padding-top:92.3076%;}
.product .list .item:nth-child(3){position:absolute; left:0; bottom:0;}
.product .item.odd{float:right;}
.news{margin-top:60px;}
.news_list{float:left; margin-top:25px; width:100%;}
.news_list li{float:left; margin-top:30px; margin-right:45px; width:370px; display:flex; flex-direction:column;}
.news_list li:nth-child(3n){margin-right:0;}
.news_list li .img:before{padding-top:52.70%;}
.news_list li .img img{transition:all 0.4s ease 0s;}
.news_list li:hover img{transform:scale(1.2);}
.news_list li .title{line-height:32px; max-width:100%; color:#222; font-size:20px; font-weight:bold; margin-top:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_list li .title:hover{color:#006bca;}
.news_list li .subtitle{line-height:26px; max-width:100%; color:#555; font-size:15px; margin-top:12px;overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; display: -webkit-box; -webkit-box-orient: vertical;}
.news_list li .more{margin-top:12px; width:54px; height:26px; border-bottom:solid 1px #006bca; color:#006bca; font-weight:bold; font-size:16px; display:flex; justify-content:space-between; align-items:center;}
.news_list li .more:after{width:16px; height:16px; background:url(/images/arrow_right.svg) no-repeat 0 0; content:'';}
.news_list li .more:hover{letter-spacing:2px; width:58px;}
.about{margin-top:60px; background-color:#f8f8f8; padding-top:38px; padding-bottom:60px;}
.about .about_box{float:left; width:100%; margin-top:50px;}
.about .about_box .title{float:left; width:100%; height:46px; font-size:24px; display:flex; justify-content:center; align-items:center; color:#fff; }
.about .about_box .title span{padding-left:15px; width:298px; height:46px; display:flex; justify-content:center; align-items:center;  background:url(/images/bg_t.png) no-repeat center center; background-size:auto 100%;}
.about .about_box .left{float:left; width:532px;}
.about .about_box .left .cont{float:left; width:100%; margin-top:28px; line-height:35px; font-size:18px; color:#333333;}
.about .about_box .right{float:right; width:597px;}
.about .about_box .right .slidebox{float:left; margin-top:28px; width:100%;}
.about .about_box .right .slidebox .swiper{overflow:hidden; position:relative; padding-bottom:30px;}
.about .about_box .right .slidebox .swiper .swiper-slide{width:100%; padding-top:65.32%; position:relative;}
.about .about_box .right .slidebox .swiper .swiper-slide img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.about .about_box .right .slidebox .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0;}
.about .about_box .right .slidebox .swiper-pagination-bullet{width:12px; height:12px; opacity:0.5; background-color:#006bca;}
.about .about_box .right .slidebox .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;}
footer {float:left; width:100%;}
footer .contact_box{float:left; padding:80px 0; width:100%; background-color:#001b30; position:relative;}
footer .contact_box:before{position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/bg_02.jpg) no-repeat center center; background-size:cover; content:''; opacity:0.3;}
footer .contact_box .wrap{float:left; width:100%; display:flex; justify-content:space-between; align-items:center;}
footer .contact-info { float: right; width:430px; color:#fff; }
footer .contact-info h3 {font-size:36px; }
footer .contact-info .cont{float:left; font-size:15px; width:100%; margin-top:25px; line-height:26px;}
footer .contact-info ul { padding-top:10px; }
footer .contact-info ul li { margin-top: 15px; overflow: hidden; }
footer .contact-info ul li i { float: left; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: #fff; font-size: 0; }
footer .contact-info ul li p { float: right; width: 340px; line-height: 20px; color: #f7f7f7; font-size: 14px; }
footer .contact-info a:hover{color:#fff; text-decoration:underline;}
footer .message-info { float: left; width:647px; }
footer .message-info ul li {width: 49.14%; margin-bottom:8px; }
footer .message-info ul li input, footer .message-info ul li textarea { display: block; width: 100%; height: 40px; padding: 0 10px; border: none; background-color: #fff; font-family:微软雅黑; }
footer .message-info ul li input::-webkit-input-placeholder, footer .message-info ul li textarea::-webkit-input-placeholder { color: #adadad; font-size: 14px; }
footer .message-info ul li input:-moz-placeholder, footer .message-info ul li textarea:-moz-placeholder { color: #adadad; font-size: 14px; }
footer .message-info ul li input::-moz-placeholder, footer .message-info ul li textarea::-moz-placeholder { color: #adadad; font-size: 14px; }
footer .message-info ul li input:-ms-input-placeholder, footer .message-info ul li textarea:-ms-input-placeholder { color: #adadad; font-size: 14px; }
footer .message-info ul li.textarea { width: 100%; }
footer .message-info ul li.textarea textarea { height: 80px; padding: 10px; }
footer .message-info .submit { display: block; width: 100%; height: 37px; line-height: 37px; text-align: center; margin-top:15px; color: #fff; font-size: 14px; background-color: #005bcc; border: none; cursor: pointer; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; outline:none; }
footer .message-info .submit:hover { opacity: .8; }
footer .copyright{float:left; padding:15px 0; width:100%; text-align:center; line-height:28px; color:#fff; font-size:15px; background-color:#005bcc;}
footer a:hover{color:#fff; text-decoration:underline;}
.sitemap{float:left; padding:15px 0; width:100%; line-height:26px; color:#000; text-align:right;}
.sitemap .panel_title{position:absolute; left:0; top:0; margin-top:-15px; padding:0 20px; height:calc(100% + 30px); background-color:#006bca; color:#fff; display:flex; justify-content:flex-start; align-items:center;}
main{float:left; padding:20px 0 60px; width:100%; background-color:#f8f8f8;}
.leftpanel{float:left; width:240px;}
.leftpanel .panel_title{float:left; width:100%; padding:20px 0 20px 35px; display:flex; flex-direction:column; font-size:22px; font-weight:bold; color:#fff; background-color:#006bca;}
.leftpanel .panel_title span{margin-top:7px; font-size:14px; opacity:0.64; font-family:Mongolian Baiti; font-weight:400; text-transform:uppercase;}
.leftpanel ul{float:left; padding-left:35px; padding-right:15px; padding-bottom:24px; width:100%; background-color:#fff; display:flex; flex-direction:column;}
.leftpanel ul li{margin-top:24px; line-height:32px; color:#000;}
.leftpanel ul li.active a{color:#006bca;}
.leftpanel ul.pro_nav li.all{display:none;}
.rightpanel{float:right; width:calc(100% - 240px - 30px);}
ul.pro{float:left; width:100%;}
ul.pro li{float:left; width:296px; display:flex; flex-direction:column; margin-right:21px; margin-bottom:30px; border:solid 1px #eeeeee; background-color:#fff; cursor:pointer;}
ul.pro li:nth-child(3n){margin-right:0;}
ul.pro li .pic{float:left; width:100%; padding-top:62.5%; position:relative;}
ul.pro li .pic .wrap{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
ul.pro li .pic .wrap img{max-height:90%;}
ul.pro li a.title{float:left; width:100%; height:47px; text-align:center; color:#000; display:flex; justify-content:center; align-items:center; border-top:solid 1px #eeeeee;}
ul.pro li:hover{box-shadow:0 3px 15px rgba(0,0,0,0.1);}
ul.pro li:hover a.title{background-color:#006bca; color:#fff;}
.mod-content-box{float:left; padding:20px 30px; min-height:387px; width:100%; line-height:26px; color:#333; background-color:#fff; border-top:solid 3px #006bca;}
.mod-content-box p{margin-top:10px;}
article{float:left; width:100%; margin-top:20px;}
article h1.title{float:left; padding:0; width:100%; line-height:30px; text-align:left; font-size:22px; color:#000; box-sizing:border-box;}
article .article-content{float:left; margin-top:0; padding:15px 30px; width:100%; background-color:#fff; box-sizing:border-box;}
article .info{float:left; margin-top:10px; width:100%; line-height:30px; text-align:left; font-size:13px; color:#666;}
article .info.left{ text-align:left;}
article .info span{color:#a6a6a6; margin-right:20px; display:inline-block;}
article .article-content{float:left; width:100%; margin-top:10px; min-height:200px;}
article .article-content .content{float:left; width:100%; line-height:30px;}
article .article-content .content img{max-width:100%;}
article .article-content .content p,.mod-cases-details article .content p{display:block;}
article .article-content .content h1,article .article-content .content h2,article .article-content .content h3{ margin-bottom:12px; display:block;}
article .prev_next{float:left; border-top:solid 1px #eeeeee; padding-top:10px; margin-top:15px; width:100%;  line-height:30px; font-size:14px;}

.gallerybox{width:100%; display:flex; display:-webkit-flex; justify-content:flex-start; justify-items:flex-start; align-items:flex-start; flex-flow:wrap;}
.gallerybox .item{width:49%; margin-right:2%; margin-bottom:40px;}
.gallerybox .item:nth-child(2n){margin-right:0;}
.gallerybox .item .img{float:left; width:100%; border:solid 5px #fff; overflow:hidden; box-shadow:0 1px 5px rgba(0,0,0,0.2);}
.gallerybox .item .img:before{padding-top:56.25%;}
.gallerybox .item img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all 0.6s ease 0s;}
.gallerybox .item .img:hover img{transform:scale(1.2);}
.gallerybox .item .title{float:left; width:100%; margin-top:15px; line-height:24px; font-size:16px; text-align:center; font-weight:300;  text-overflow:ellipsis; -webkit-line-clamp:2; display: -webkit-box; -webkit-box-orient: vertical;}
.page_banner{width:100%; height:400px; background-position:center 0; background-size:cover; background-repeat:no-repeat;}
.list-pagination{float:left; width:100%; margin-top:10px; display:flex; justify-content:center;}
.list-pagination .layui-box{ padding:15px 35px; background-color:#fff; border-radius:30px; display:inline-block;}
.list-pagination em{font-style:normal;}
.list-pagination a,.list-pagination .layui-laypage-curr{margin:0 8px;}
.list-pagination .layui-laypage-curr{color:#006bca;}
.list-pagination a.layui-laypage-prev{margin:0 20px 0 0;}
.list-pagination a.layui-laypage-next{margin:0 0 0 20px;}
.list-pagination a.layui-disabled{cursor:not-allowed;}

@media(max-width:1200px)
{
.container{width:95%;}
header .nav ul li{margin-left:15px;}
.section_title h2{font-size:30px;}
.product{padding:40px 0;}
.news,.about{margin-top:40px;}
.about{padding-bottom:40px;}
.product .item{width:49%;}
footer .contact-info h3{font-size:30px;}
footer .contact-info{width:400px;}
footer .message-info{width:calc(100% - 400px - 30px);}
.news_list li{width:31.3%; margin-right:3%;}
.about .about_box .left{width:50%;}
.about .about_box .right{width:48%;}
.about .about_box .title span{height:38px; font-size:16px;}
footer .contact_box{padding:60px 0;}
ul.pro li{width:31.3%; margin-right:3%;}
ul.pro li a.title{font-size:14px;}
}

@media(max-width:1024px)
{
body{padding-top:80px;}
header{height:80px;}
header .logo{height:60px; margin-top:10px;}
header .logo img{height:100%;}
.about .about_box{margin-top:30px;}
.about .about_box .left .cont{font-size:14px; line-height:30px;}
header .nav{margin-top:30px;}
header .nav ul li > a{padding:0 20px;}
header .nav ul li:hover .submenu{display:none;}
.news_list li .title{font-size:17px; margin-top:15px;}
.news_list li .subtitle{font-size:14px; margin-top:8px;}
}

@media(max-width:980px)
{
.gotop{display:none;}
}
@media(max-width:810px)
{
body{padding-top:60px; font-size:14px;}
.navbtn{display:block;}
header{height:60px;}
header .logo{margin-top:10px; height:40px;}
header .nav{position:fixed; left:0; top:60px; margin:0; padding-top:20px; width:100%; height:calc(100% - 60px); background-color:rgba(255,255,255,0.9); z-index:90; display:flex; justify-content:center; align-items:flex-start; overflow:auto; opacity:0; pointer-events:none;  transform:translate3d(0,-20px,0);}
.nav.nav-show{opacity:1; pointer-events:auto; transform:none; transition:all 0.3s ease 0s;}
header .nav ul{padding:0 50px; width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column;}
header .nav ul li{margin-top:20px; padding-bottom:20px; width:100%; height:auto; text-align:center; text-transform:uppercase; color:#000; font-size:16px; line-height:1.4; border-bottom:solid 1px rgba(0,0,0,0.1);}
header .nav ul li a{width:100%; padding:0; line-height:32px;}
header .nav ul li.current > a{background-color:transparent; color:#003a70;}
header{position:fixed; background-color:#fff;}
.product .item .wrap .title{font-weight:bold; text-shadow:0 0 3px rgba(0,0,0,0.5);}
.section_title h2{font-size:24px;}
.section_title h3{font-size:14px; margin-top:10px;}
.product{padding:30px 0;}
.news,.about{margin-top:30px;}
.about{padding-bottom:30px; padding-bottom:30px;}
.product .list{margin-top:30px;}
footer .contact_box{padding:30px 0 20px 0;}
footer .message-info{width:100%; order:2; margin-top:20px;}
footer .contact-info{width:100%; text-align:center;}
footer .contact_box .wrap{justify-content:center; flex-direction:column;}
footer .copyright{font-size:14px;}
.sitemap{text-align:left; font-size:14px; border-bottom:solid 1px #dedede;}
.sitemap .panel_title{display:none;}
.leftpanel{width:100%; border-bottom:solid 2px #006bca;}
.leftpanel .panel_title{display:none;}
.leftpanel ul{width:100%; padding:0; overflow:auto; white-space:nowrap; display:block;}
.leftpanel ul li{display:inline-block; margin-top:0; padding:10px 20px;}
.leftpanel ul li.active{background-color:#006bca; color:#fff;}
.leftpanel ul li.active a{color:#fff;}
.leftpanel ul.about_nav{display:flex; flex-direction:row;}
.leftpanel ul.about_nav li{width:50%; text-align:center;}
.leftpanel ul.about_nav li a{float:left; width:100%;  font-size:14px;}
.leftpanel ul.pro_nav li.all{display:inline-block;}
main{padding:0;}
main .container{width:100%;}
.rightpanel{width:100%; margin-bottom:30px;}
.mod-content-box{width:100%; padding:20px 2.5%; min-height:0 !important;}
article .article-content{padding-left:2.5%; padding-right:2.5%;}
article h1.title,article .info{padding:0 2.5%;}
article h1.title{font-size:20px;}
.gallerybox{margin-top:30px; padding:0 2.5%;}
ul.pro{margin-top:20px; padding:0 2.5%;}
ul.pro li{width:48%; margin-right:2%;}
ul.pro li:nth-child(2n){margin-right:0;}
ul.pro li:nth-child(3n){margin-right:2%;}
.rightpanel .news_list{padding:0 2.5%;}
.section_title{text-align:center;}
.about .about_box .left,.about .about_box .right{width:100%;}
}
@media(max-width:750px)
{
.product .item .wrap{padding:20px; height:100%; bottom:0; justify-content:center; align-items:center; text-align:center;}
.product .item .wrap .more{display:none;}
.product .item .wrap .title{font-size:18px;}
.product .item{margin-bottom:12px;}
.news_list{margin-top:0;}
}
@media(max-width:500px)
{
.news_list li{margin-top:30px; align-items:center; justify-content:center;}
.news_list li .title{text-align:center;}
.news_list li{width:100%; margin-right:0;}
.gallerybox .item{width:100%; margin-right:0; margin-bottom:30px;}
.product .item .wrap .title{font-size:16px;}
.product .item .wrap .subtitle{font-size:12px;}
}
@media(max-width:400px)
{
.product .item .wrap .title{font-size:14px;}
.product .item .wrap .subtitle{margin-top:5px;}
}
@media(max-width:360px)
{
.product .item .wrap .title{font-size:12px;}
}