*{margin:0px; padding:0px; box-sizing:border-box;
}
html,body{
-webkit-text-size-adjust:none;
}
@font-face{
font-family:D-DIN-PRO;
src:url('../fonts/D-DIN-PRO.woff2') format('woff2'), url('../fonts/D-DIN-PRO.woff') format('woff'),url('../fonts/D-DIN-PRO.ttf') format('truetype'),url('../fonts/D-DIN-PRO.eot'); font-weight: normal; font-style: normal; font-stretch:ultra-expanded;
}
body{
color:#333333;
background-color:#fff; font-family:"微软雅黑","Microsoft YaHei";
}
body img{
border:0px;
}
input, textarea {
outline: 0;
border: none;
background: 0 0;
font-size: 14px;
font-family: Arial, "微软雅黑";
-webkit-appearance: none;
}
input,button,select,textarea{outline:none; -webkit-appearance:none;}
textarea{resize:none; -webkit-appearance:none;}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
A {
color: #333333; text-decoration:none;
}
A:link {
color: #333333; text-decoration:none;
}
A:visited {
color: #333333; text-decoration:none;
}
A:hover {
color: #302a96; text-decoration:none;
}
.clear{
clear:both;
}
ul li{
list-style-type:none;
}
.fl{
float:left;
}
.fr{
float:right;
}
.w{
width:1560px; height:auto; margin-left:auto; margin-right:auto;
}
.mt10{
margin-top:10px;
}
.mt15{
margin-top:15px;
}
.mt20{
margin-top:20px;
}
.mt30{
margin-top:30px;
}
.mt50{
margin-top:50px;
}
.topbox{
height:auto; border-top:5px #302a96 solid; background:url(../images/topboxbg.jpg) repeat-x top;
}
.header{
height:118px; background-color:#fff; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap;
}
.logo{
width:29%; padding-top:20px; padding-left:175px;
}
.header_right{
width:71%; text-align:right;
}
.top_info{
background:url('../../imgextra/i1/712096873/O1CN01cokgUC20dt1X8M4Xq_!!712096873.jpg') left top no-repeat #302a96; height:41px; line-height:36px; padding-right:175px; color:#d2d2d2;
}
.top_info a{
color:#fff; font-size:20px;font-family:D-DIN-PRO;
}
.top_tel{
background:url(../images/telbg.png) left center no-repeat; padding-top:3px; padding-bottom:3px; padding-left:35px;
}
.top_email{
background:url(../images/emailbg.png) left center no-repeat; padding-top:3px; padding-bottom:3px; padding-left:35px; margin-left:25px;
}
.top_lang{
background:url(../images/top_langbg.png) left center no-repeat; padding-top:3px; padding-bottom:3px; padding-left:35px; margin-left:25px;
}
.top_lang img{
vertical-align:text-top; margin-left:5px; margin-right:5px;
}
.top_lang a{
font-size:18px;
}
.top_info font a{
font-size:16px;
}
.nav .nav_m{
display:none;
}
.nav{
height:40px; line-height:40px; padding-right:175px; margin-top:15px;
}
.nav ul{
float:right; display:block;
}
.nav li{
float:left; margin-left:60px; display:inline; position: relative;
}
.nav a{
font-size:18px; padding-bottom:8px;
}
.nav li span{
width:0; height: 2px; background:#302a96; position: absolute; top: 100%; left: 50%; display:block; transition: all .5s; z-index:100; overflow:hidden;
}
.nav li:hover span{
left: 0%;
width: 100%;
}
.nav li.on span{
width: 100%; left: 0%; height: 2px; background:#302a96;
}
.nav .on a{
color:#302a96;
}
.nav ul li ul.sec-menu {
position:absolute; top: 43px; width: 150px; padding-top:20px; left:0px; display:none; background:#fff; font-size:14px; color:#333; z-index:111;
}
.nav ul li ul.sec-menu li {
text-align:left; list-style-type:none; height:46px; line-height:46px; float:none; margin-left:0px;
}
.nav ul li ul.sec-menu li a {
display:block; font-size:15px; padding-left:15px; color:#111; height:46px; line-height:46px; border-bottom:1px #e4e4e4 solid;
}
.nav ul li ul.sec-menu li a:link {
display:block; font-size:15px; color:#111;
}
.nav ul li ul.sec-menu li a:visited {
display:block; font-size:15px; color:#111;
}
.nav ul li ul.sec-menu li a:hover {
display:block; background:#302a96; font-size:15px; color:#fff;
}
.nav li:hover .sec-menu{
height:auto;
}
.nav ul li ul#sec-menu2{
width:400px;
}
.nav ul li ul#sec-menu2 li{
width:200px; float:left;
}
.m_nav{
display:none;
}
.sea_bnt{
float:right; width:40px; height:100px; margin-left:30px; padding-top:5px; position:relative;
}
.search{
width:270px; height:0px; background-color:#fff; position:absolute; right:0px; top:62px;overflow:hidden; z-index:112; -moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; padding-left:10px; padding-right:10px;
}
.sea_bnt:hover .search{
height:70px; padding-top:15px;
}
.search form{
border:1px #ddd solid; height:35px; border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;-o-border-radius:30px; padding-left:15px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.sea_txt{
height:32px; line-height:32px; width:80%;
}
.sea_sub{
background:url(../images/sea_bnt.png) center center no-repeat; width:20%; cursor:pointer;
}
.banner{
width:100%; height:auto; overflow:hidden; position:relative;
}
.swiper-slide{
width:100%; height:auto; position:relative;
}
.swiper-slide img{
width:100%; height:auto; display:block;
}
.banner .pagination {
position: absolute; left: 0; text-align: center; bottom: 25px; width: 100%; z-index:110;
}
.banner .swiper-pagination-bullet {
display: inline-block; opacity:1; background:#ffffff; border-radius: 0px; width: 30px; height: 5px; margin: 5px;cursor: pointer;transition: width 0.3s ease-in-out;
}
.banner .swiper-pagination-bullet-active{
background: #0463aa; width:36px;
}
.banner .arrow-next{ position: absolute; left: 80px; top:50%; margin-top: -18px; display: block; width: 22px; height: 37px; background: url(../images/left.png) no-repeat; z-index: 1; cursor:pointer;filter: alpha(opacity=70); opacity: 0.7;}
.banner .arrow-prev{ position: absolute; right: 80px; top:50%; margin-top: -18px; display: block; width: 22px; height: 37px; background: url(../images/right.png) no-repeat; z-index: 1; cursor:pointer;filter: alpha(opacity=70); opacity: 0.7;}
.title{
font-size:36px; background:url(../images/titlebg.jpg) left bottom no-repeat; padding-bottom:25px;
}
.news_index_title{
display:inline-block;
}
.aboutus{
display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.about_info{
width:50%; background:url('../../imgextra/i4/712096873/O1CN01fjZ2sJ20dt1NTCvmo_!!712096873.jpg') left bottom no-repeat; padding-left:175px; padding-top:65px; padding-right:60px; padding-bottom:65px;
}
.about_info p{
line-height:32px; margin-top:50px;
}
.about_cat{
font-size:14px; margin-top:30px;
}
.about_cat span{
font-size:70px; color:#302a96; font-weight:bolder; margin-right:5px; font-family:D-DIN-PRO;
}
.about_cat ul{
display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.more{
width:192px; height:55px; line-height:55px; background:url(../images/morebg.jpg) no-repeat; margin-top:50px;
}
.more a{
color:#fff; padding-left:35px; font-size:14px; display:block;transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
}
.more a:hover{
padding-left:45px;
}
.video{
width:50%; background:url('../../imgextra/i1/712096873/O1CN01UPpeaw20dt1HtZXw9_!!712096873.jpg') center center no-repeat; background-size:cover;
}
.video img{
width:100%; height:auto; display:block;
}
.video a{
width:100%; height:100%; display:block;
}
.about_pics{
width:50%;
}
.about_pics img{
width:100%; height:auto; display:block;
}
.honor_box{
background:url(../images/honorbg.png) center bottom no-repeat #f7f7f7; padding-bottom:150px; padding-top:50px; position:relative;
}
.honor_txt{
float:right; text-align:right; line-height:28px;
}
.honors{
margin-top:50px; overflow:hidden;
}
.honors .swiper-slide{
width:auto; margin-right:45px;
}
.honors .swiper-slide:last-child{
margin-right:0px;
}
.honors .swiper-pagination{
bottom:115px;
}
.honor_pic{
position:absolute; right:0px; bottom:100px; z-index:100;
}
.product_title{
background:url(../images/Medelong.png) center center no-repeat; padding-top:20px; padding-bottom:20px;
}
.probox{
background-color:#f7f7f7; padding-bottom:80px; overflow:hidden;
}
.txtcenter{
text-align:center; background-position:center bottom;
}
.product_pc{width: 2180px;position: relative;left: 50%;margin-left: -1090px;margin-top: 43px; overflow:hidden;}
.product_pc .swiper-container{height: 670px;}
#indexproduct{width: 100%;padding-left: 254px;}
#indexproduct .swiper-slide{transform: scale(0.8539);transition: all ease 0.3s;}
#indexproduct .swiper-slide-active{transform: scale(1);}
#indexproduct .swiper-slide-prev{left: -254px;}
#indexproduct img{width: 100%; height:auto;}
#indexproduct .swiper-slide-prev::after{position: absolute;content: "";width: 100%;height: 100%;background-color:rgba(17,17,16,0.5);top: 0;left: 0;transition: all ease 0.3s;}
#indexproduct .swiper-slide-prev:hover{transform: scale(0.9);}
#indexproduct .swiper-slide-prev:hover::after{display: none;}
#indexproduct .swiper-slide-next::after{position: absolute;content: "";width: 100%;height: 100%;background-color:rgba(17,17,16,0.5);top: 0;left: 0;transition: all ease 0.3s;}
#indexproduct .swiper-slide-next:hover{transform: scale(0.9);}
#indexproduct .swiper-slide-next:hover::after{display: none;}
.product_pc_cat{width: 254px;position: absolute;left: 490px;top: 0;z-index: 1000;height: 100%;}
#swiper-pagination-cp{position: static;text-align: left;width: 254px;height: 100%;background-color: #fff;}
#swiper-pagination-cp span{display: block;width: 100%; border-radius: 0;height: auto;height: 8.33%;font-size: 16px;color: #2a2724;opacity: 1;line-height: 20px; padding-top:17px; padding-left: 40px;transition: all ease 0.3s;background-color: transparent;background-image: url(../images/catbg.jpg);background-size: 0 100%;background-repeat: no-repeat;}
#swiper-pagination-cp span i{font-style: normal;display: block;font-size: 10px;color: #232323;text-transform: uppercase;}
#swiper-pagination-cp span.swiper-pagination-bullet-active{color: #fff;width: 294px;background-size: 100% 100%;}
#swiper-pagination-cp span:hover{color: #fff;width: 294px;background-size: 100% 100%;}
.product_m_cat{
margin-top:30px; display:none;
}
.product_m_cat .swiper-slide{
width:auto; height:45px; line-height:45px; background-color:#fff; margin-right:20px; text-align:center; padding-left:20px; padding-right:20px; cursor:pointer;
}
.product_m_cat .swiper-slide-thumb-active{ background-color:#302a96; color:#fff;}
.product_m{
margin-top:30px; position:relative; padding-bottom:30px; display:none;
}
.product_m .swiper-slide{}
.product_m .swiper-slide-active{transform: scale(1);}
.product_m .swiper-pagination{
bottom:0px;
}
.yytitle br{
display:none;
}
.yingyong_cat{
margin-top:40px; overflow:hidden;
}
.yingyong_cat .swiper-wrapper{
}
.yingyong_cat .swiper-slide{
width:19%; height:67px; background-color:#f5f5f5; line-height:67px; text-align:center; font-size:22px; cursor:pointer;
}
.yingyong_cat img{
width:37px; height:47px; margin-right:10px; display:inline-block; vertical-align:middle;
}
.yingyong_cat .swiper-slide .img2{
display:none;
}
.yingyong_cat .swiper-slide-thumb-active{
color:#fff; background-color:#0047b9;
}
.yingyong_cat .swiper-slide-thumb-active .img1{
display:none;
}
.yingyong_cat .swiper-slide-thumb-active .img2{
display:inline-block;
}
.yingyong_pic{
overflow:hidden; margin-top:30px;
}
.ysbox{
width:100%; background:url('../../imgextra/i1/712096873/O1CN01oaj9oh20dt1LIKalv_!!712096873.jpg') center center no-repeat; padding-top:60px; padding-bottom:80px; margin-top:80px; background-size:cover;
}
.ysinfos{
margin-top:30px;
}
.ysinfos ul{
display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.ysinfos li{
width:24%; background-color:#f7f7f7; padding-top:80px; padding-bottom:90px; text-align:center; line-height:26px; padding-left:35px; padding-right:35px; transform: scale(0.9) !important;
}
.ysinfos img{
margin-bottom:60px;
}
.ysinfos h3{
font-size:26px; margin-bottom:30px;
}
.ysinfos li .img2{
display:none;
}
.ysinfos li.action{
background:url(../images/ysbg.jpg) right bottom no-repeat #302a96; color:#fff; padding-top:120px; padding-bottom:120px; transform: scale(1) !important;
}
.ysinfos li.action .img2{
display:inline-block;
}
.ysinfos li.action .img1{
display:none;
}
.case_title{
position:relative;
}
.cases{
overflow:hidden; margin-top:50px; margin-left:120px; margin-right:120px; position:relative; padding-bottom:30px;
}
.cases .swiper-slide{
text-align:center; font-size:20px;
}
.cases .swiper-slide{transform: scale(0.82);transition: all ease 0.3s;}
.cases .swiper-slide-active{transform: scale(1.1); font-size:16px;}
.cases .swiper-pagination{
display:none;
}
.case_title .arrow-next{ position: absolute; right: 60px; top:30px; display: block; width: 40px; height: 40px; background: url(../images/left2.png) no-repeat; z-index: 1; cursor:pointer;}
.case_title .arrow-prev{ position: absolute; right: 0px; top:30px; display: block; width: 40px; height: 40px; background: url(../images/right2.png) no-repeat; z-index: 1; cursor:pointer;}
.newsbox{
background:url('../../imgextra/i2/712096873/O1CN01LEA1pR20dt1DhwyUz_!!712096873.jpg') center center no-repeat; padding-top:20px;
}
.case_title span{
float:right; margin-left:10px; margin-right:10px; margin-top:20px;
}
.news{
margin-top:50px; padding-bottom:60px;
}
.news ul{
display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.news li{
width:32%; background-color:#fff; padding-bottom:30px; margin-bottom:40px;
}
.news .itemempty {
height: 0px;
width: 32%; margin-bottom:0px; padding-bottom:0px;
}
.news:after {
content: "";
flex: auto;
}
.news .news_pic{
width:100%; height:auto; position:relative;
}
.news .news_pic span{
width:auto; height:40px; line-height:40px; color:#fff; background-color:#302a96; position:absolute; left:0px; bottom:0px; padding-left:15px; padding-right:15px;
}
.news img{
width:100%; height:auto; display:block;
}
.news .news_txt{
padding-left:25px; padding-right:25px; padding-top:30px;
}
.news .news_txt a{
font-size:22px; line-height:36px;
}
.news .news_txt p{
margin-top:25px;
}
.newslist{
padding-bottom:20px;
}
.com_banner{
width:100%; height:auto; max-height:450px; overflow:hidden;
}
.aboutus_banner{
max-height:485px;
}
.com_banner img{
width:100%; height:auto; display:block; animation: myfirst 3.5s;
}
@keyframes myfirst {
from {
transform: scale(1.1);
}
to {
transform: scale(1);
}}
.position_box{
height:auto; border-bottom:1px #ddd solid; color:#999999; background-color:#fff;
}
.position_box a{
color:#999999;
}
.position_box a:hover{
color:#333333;
}
.position{
display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.position span{
margin-top:20px; background:url(../images/posibg.png) left 5px no-repeat; padding-left:20px;
}
.position span a{
margin-left:5px; margin-right:5px;
}
.position ul{
}
.position li{
float:left; height:auto; line-height:60px;
}
.position li a{
padding-left:50px; padding-right:50px; display:block;
}
.position li.cur{
background-color:#302a96;
}
.position li.cur a{
color:#fff; display:block;
}
.about_box{
background:url('../../imgextra/i1/712096873/O1CN01SIzolE20dt1HjtUhz_!!712096873.jpg') center bottom no-repeat; padding-top:80px; padding-bottom:80px;
}
.about_content{
line-height:32px;
}
.about_content h2{
text-align:center; font-size:36px; letter-spacing:1px;
}
.about_content h2 span{
font-size:20px; color:#bfbfbf; font-weight:normal; text-transform:uppercase;
}
.about_content p{
margin-top:45px;
}
.databox{
background:url(../images/databg.jpg) center center no-repeat; padding-top:87px; padding-bottom:87px;
}
.datainfo{
height:auto;
}
.datainfo ul{
display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: center;
}
.datainfo li{
width:30%; padding-left:90px; color:#fff;
}
.datainfo li.data1{
background:url(../images/data_ico01.png) left 15px no-repeat;
}
.datainfo li.data2{
background:url(../images/data_ico02.png) left 15px no-repeat;
}
.datainfo li.data3{
background:url(../images/data_ico03.png) left 15px no-repeat;
}
.datainfo span{
font-size:70px; font-weight:bolder; margin-right:5px; font-family:D-DIN-PRO;
}
.about_video{
text-align:center; max-width:1098px; margin:0 auto; margin-top:60px; font-size:20px;
}
.mdl_video{
width:100%; height:auto;
}
.allvideoa{
width:100%; height:100%;background:url(../images/vbg.png); position:fixed; left:0px; top:0px; z-index:1001; display:none;
}
.allvideob{
width:1000px; left:50%; top:50%; margin-left:-500px; margin-top:-310px; position:absolute;
}
.allvideot{
height:46px; background-color:#fff; line-height:46px; font-size:16px; padding-left:15px; overflow:hidden;
}
.allvideot span{
float:right; margin-right:15px; margin-top:5px;
}
.network_box{
height:739px; background:url(../images/mapbg.jpg) center top no-repeat; margin-top:60px;
}
.network{
margin:0 auto; max-width:1160px; text-align:center; color:#fff; padding-top:60px; line-height:36px;
}
.about_con_pics{
display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:60px; padding-bottom:50px;
}
.about_con_pics img:hover{
filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;
}
.about_pics_left{
width:63%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.about_pics_left img{
width:49%; height:auto; margin-bottom:17px; display:block;
}
.about_pics_left img:nth-of-type(3){
width:100%; height:auto;
}
.about_pics_right{
width:36%;
}
.about_pics_right img{
width:100%; height:auto; margin-bottom:17px; display:block;
}
.bgf8{
background-color:#f8f8f8;
}
.honorlist{
height:auto; margin-top:60px; padding-bottom:10px;
}
.honorlist ul{
display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.honorlist li{
width: 23%; background-color:#fff; border-bottom:4px #e3e3e3 solid; padding-left:10px; padding-right:10px; padding-top:20px; margin-bottom:40px;
}
.honorlist .itemempty {
height: 0px;
width: 23%; margin-bottom:0px; border-bottom:0px; padding-top:0px;
}
.honorlist:after {
content: "";
flex: auto;
}
.honorlist .honorpic{
width:100%;
}
.honorlist .honorpic img{
width:100%; height:auto;
}
.honorlist .honortxt{
padding-bottom:20px; padding-top:20px; padding-left:10px;
}
.honorlist .honortxt img{
float:right;
}
.honorlist li:hover{
border-bottom:4px #302a96 solid;
}
.products{
margin-top:60px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; padding-bottom:60px;
}
.products_left{
width:240px; background-color:#ffffff;
}
.product_cat_m{
display:none;
}
#product_cat_m1{
display:none;
}
#product_cat_m2{
display:none;
}
.left_cat{
height:auto; margin-top:15px;
}
.left_cat ul{
}
.left_cat li{
height:auto; line-height:30px; background:url(../images/left_catbg.jpg) 30px 30px no-repeat; border-bottom:1px #e8e8e8 solid; padding-top:15px; padding-bottom:15px;
}
.left_cat li a{
display:block; padding-left:45px;
}
.left_cat .cur{
background:url(../images/left_catbg2.jpg) 30px 30px no-repeat #296eda;
}
.left_cat .cur a{
color:#fff;
}
.productlist{
width:82%;
}
.productlist ul{
display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.productlist li{
width:32%; background-color:#fff; padding-bottom:35px; margin-bottom:30px;
}
.productlist .itemempty {
height: 0px;
width: 32%; padding-bottom:0px; margin-bottom:0px;
}
.productlist:after {
content: "";
flex: auto;
}
.relepro li{
margin-bottom:0px;
}
.pro_pic{
overflow:hidden;
}
.pro_txt{
padding-top:20px; padding-left:15px; background:url(../images/jiantou.jpg) 95% 25px no-repeat;
}
.pro_txt a{
display:block; font-size:20px;
}
.productlist li .pro_pic img{
width:100%; height:auto; display:block; overflow-x: hidden;
overflow-y: hidden;
position: relative;
z-index:1;
transition-delay: 0s;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease;
-moz-transition-delay: 0s;
-moz-transition-duration: 1s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 1s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
-o-transition-delay: 0s;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}
.productlist .pro_pic img:hover{
transform: scale(1.1, 1.1);
-ms-transform:scale(1.1, 1.1);
-moz-transform:scale(1.1, 1.1);
-webkit-transform:scale(1.1, 1.1);
-o-transform:scale(1.1, 1.1);
}
.product_xqbox{
width:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; background-color:#fff;
}
.product_pic{
width:52%; overflow:hidden;
}
.product_pic img{
width:100%; height:auto; display:block; overflow-x: hidden;
overflow-y: hidden;
position: relative;
z-index:1;
transition-delay: 0s;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease;
-moz-transition-delay: 0s;
-moz-transition-duration: 1s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 1s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
-o-transition-delay: 0s;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}
.product_pic img:hover{
transform: scale(1.1, 1.1);
-ms-transform:scale(1.1, 1.1);
-moz-transform:scale(1.1, 1.1);
-webkit-transform:scale(1.1, 1.1);
-o-transform:scale(1.1, 1.1);
}
.product_txt{
width:43%; padding-top:30px; padding-bottom:30px; padding-right:10px;
}
.product_txt h1{
font-size:32px; font-weight:normal; padding-bottom:30px; border-bottom:1px #e5e5e5 solid;
}
.product_txt p{
margin-top:30px; line-height:36px; padding-bottom:30px; border-bottom:1px #e5e5e5 solid;
}
.online{
width:331px; height:53px; background:url(../images/onlinebg.jpg) no-repeat; border:1px #302a96 solid; line-height:53px; margin-top:30px;
}
.online a{
color:#fff; font-size:18px; padding-left:60px;
}
.online span a{
color:#302a96; font-size:18px; padding-left:32px; font-size:20px;
}
.content_title{
height:55px; border-bottom:1px #e3e3e3 solid; background-color:#fff; margin-top:45px;
}
.content_title h2{
background-color:#302a96; display:inline-block; color:#fff; height:55px; line-height:55px; padding-left:65px; padding-right:65px; font-size:20px;
}
.content_title span{
float:right; margin-right:15px; margin-top:15px;
}
.content{
background-color:#fff; padding:50px; line-height:36px;
}
.content h3{
font-size:28px; margin-top:25px; margin-bottom:35px;
}
.content table{
border-left:1px #ccc solid; border-top:1px #ccc solid; max-width:100%; height:auto;
}
.content table td{
border-right:1px #ccc solid !important; border-bottom:1px #ccc solid !important;
}
.content img{
max-width:100%; height:auto;
}
.content li{
text-align:center; margin-bottom:0px; padding-bottom:25px;
}
.content li img{
width:100%; height:auto;
}
.content ul>li:first-child:nth-last-child(4),
.content ul>li:first-child:nth-last-child(4) ~ li{
width:48% !important;
}
.back{
width:250px; height:60px; line-height:60px; margin:0 auto; margin-top:50px; text-align:center; background: -webkit-linear-gradient(to right, #554ec9, #302a96);
background: -o-linear-gradient(to right, #554ec9, #302a96);
background: -moz-linear-gradient(to right, #554ec9, #302a96);
background: linear-gradient(to right, #554ec9, #302a96);
}
.back a{
display:block; color:#fff;
}
.line{
border-bottom:1px #e3e3e3 solid; height:1px;
}
.message2{
font-size:26px; margin-top:55px;
}
.message2 form{
display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:35px;
}
.mesg_txt2{
width:32%; height:60px; line-height:60px; background-color:#f6f6f6; margin-bottom:25px; padding-left:15px; font-size:16px;
}
.mesg_text2{
width:100%; height:160px; line-height:60px; background-color:#f6f6f6; margin-bottom:25px; padding-left:15px; font-size:16px; color:#777;
}
.mesgbox{
display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.code_txt{
width:200px;
}
.checkcode{
height:60px !important; width:auto; margin-left:15px;
}
.mesg_sub2{
width:280px; height:60px; color:#fff; font-size:20px; text-align:center; cursor:pointer; background: -webkit-linear-gradient(to right, #554ec9, #302a96);
background: -o-linear-gradient(to right, #554ec9, #302a96);
background: -moz-linear-gradient(to right, #554ec9, #302a96);
background: linear-gradient(to right, #554ec9, #302a96);
}
.caselist{
margin-top:60px; padding-bottom:20px;
}
.caselist ul{
display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.caselist li{
width:49%; height:auto; background-color:#fff; margin-bottom:35px;
}
.caselist .case_txt{
padding-top:25px; padding-bottom:25px; padding-left:25px;
}
.case_pic{
overflow:hidden; width:100%; height:auto;
}
.caselist img{
width:100%; height:auto; display:block; overflow-x: hidden;
overflow-y: hidden;
position: relative;
z-index:1;
transition-delay: 0s;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease;
-moz-transition-delay: 0s;
-moz-transition-duration: 1s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 1s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
-o-transition-delay: 0s;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}
.caselist img:hover{
transform: scale(1.1, 1.1);
-ms-transform:scale(1.1, 1.1);
-moz-transform:scale(1.1, 1.1);
-webkit-transform:scale(1.1, 1.1);
-o-transform:scale(1.1, 1.1);
}
.caselist a{
font-size:20px;
}
.news_content{
background-color:#fff; margin-top:60px; padding:60px; line-height:32px;
}
.news_content h1{
text-align:center; color:#302a96;
}
.newsinfo{
text-align:center; border-bottom:1px #ededed solid; padding-bottom:40px; padding-top:20px; color:#888; margin-bottom:40px;
}
.news_content p{
text-indent:2em; margin-bottom:30px;
}
.news_content img{
max-width:100%; height:auto;
}
.prenext{
border-top:1px #ddd dashed; margin-top:30px; padding-top:30px;
}
.messgbox{
background:url('../../imgextra/i2/712096873/O1CN01JLcRPE20dt1IsU7Gr_!!712096873.jpg') center center no-repeat; padding-top:80px; padding-bottom:100px;
}
.messg_title{
background:none;
}
.message form{
display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.mesg_txt{
width:26%; height:65px; line-height:65px; background-color:#fff; padding-left:15px; font-size:16px;
}
.mesg_sub{
width:19%; height:65px; background-color:#302a96; text-align:center; color:#fff; font-size:20px; cursor:pointer;
}
.contact{
height:auto; background:url(../images/contactbg.jpg) center top no-repeat; margin-top:50px; padding-top:150px; padding-bottom:50px; background-size:cover;
}
.contact ul{
display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.contact li{
text-align:center; width:25%; font-size:18px;
}
.contact_ico{
width:180px; height:180px; margin:0 auto; margin-bottom:20px; background:url(../images/contact_libg.png) no-repeat; text-align:center; padding-top:55px;
}
.contact li h3{
font-size:18px; background:url(../images/titlebg2.jpg) center bottom no-repeat; padding-bottom:15px;
}
.contact li .contact_ico img {-moz-transition: all 1s;-ms-transition: all 1s;-webkit-transition: all 1s;-o-
transition: all 1s;transition: all 1s;}
.contact li:hover .contact_ico img { -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY
(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); -moz-transition: all 1.5s; -ms-transition: all
1.5s; -webkit-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s;
}
.contact_wx{
width:550px; height:auto; margin:0 auto; margin-top:50px;
}
.contact_wx li{
width:40%; font-size:16px;
}
.contact_wx li img{
width:100%; height:auto; display:block; border:1px #f1f1f1 solid; padding:15px;
}
.maps{
background:url(../images/mapbg2.jpg) center top no-repeat; height:546px; padding-top:280px;
}
.maps_ico{
margin:0 auto; background:url(../images/mark_a.png) center center no-repeat; width:19px; height:31px;
}
.maps_ico a{
width:19px; height:31px; display:block;
}
@keyframes webfd
{
from {top: 6px;}
to {top: -6px;}
}
@-moz-keyframes webfd
{
from {top: 6px;}
to {top: -6px;}
}
@-webkit-keyframes webfd
{
from {top: 6px;}
to {top: -6px;}
}
@-o-keyframes webfd
{
from {top: 6px;}
to {top: -6px;}
}
.webfd{
animation: webfd 0.8s linear 0s infinite alternate;
-moz-animation: webfd 0.8s linear 0s infinite alternate;
-webkit-animation: webfd 0.8s linear 0s infinite alternate;
-o-animation: webfd 0.8s linear 0s infinite alternate;position:relative;
}
.con_mesg{
background-color:#fff; padding:50px; padding-left:70px; padding-right:70px; padding-bottom:70px;
}
.servce{
background-color:#fff; margin-top:60px; padding-left:50px; padding-right:50px; padding-bottom:100px;
}
.service_title{
text-align:center; font-size:38px; padding-top:60px; margin-bottom:30px;
}
.service_info{
padding-left:50px; padding-right:50px;
}
.servce img{
max-width:100%; height:auto;
}
.service_info h3{
background-color:#302a96; color:#fff; display:inline-block; height:46px; line-height:46px; padding-left:35px; padding-right:35px; font-size:18px; margin-top:40px;
}
.service_info p{
margin-top:30px; line-height:32px;
}
.service_info ul{
display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:30px;
}
.service_info li{
width:49%; line-height:32px;
}
.service_info li img{
width:100%; height:auto; display:block; border:1px #dbdbdb solid;
}
.service_info strong{
color:#302a96;
}
.service_pic3 li{
width:32%;
}
.fahuo_pic{
overflow:hidden;
}
.fahuo_pic ul{
display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.fahuo_pic li{
width:24%;
}
.xijiebox{
position:relative; padding-left:47px; padding-right:47px;
}
.xijiepic{
margin-top:30px;
}
.xijiepic li{
width:100%;
}
.fahuo_pic li img{
width:100%; height:auto; display:block;
}
.xijiebox .arrow-next{ position: absolute; left: 10px; top:50%; margin-top:-21px; display: block; width: 21px; height: 42px; background: url(../images/left3.jpg) no-repeat; z-index: 1; cursor:pointer;}
.xijiebox .arrow-prev{ position: absolute; right: 10px; top:50%; margin-top:-21px; display: block; width: 21px; height: 42px; background: url(../images/right3.jpg) no-repeat; z-index: 1; cursor:pointer;}
.pages{
margin:0 auto;
border-top:1px #dddddd dashed; text-align:center; margin-top:20px; padding-top:10px; padding-bottom:50px;
}
.pages ul{
list-style-type:none;
padding:12px 0px 12px 0px;justify-content:center;
}
.pages ul span{
display:inline-block;
font-family:Tahoma;
height:50px;
line-height:50px;
font-size:16px; margin-left:4px; margin-right:4px;
}
.pages ul span.page-status{
padding-left:15px; padding-right:15px; border:1px solid #E9E9E9;
}
.pages ul span.page-numbar{
font-size:16px; margin-right:0px;
}
.pages ul span.page-next{
margin-left:0px;
}
.pages ul span.page-numbar a{
font-size:16px; margin-right:8px;
}
.pages ul span a{
color:#555;
height:50px;
line-height:50px;
padding-left:20px;
padding-right:20px;
display:inline-block;
border:1px solid #E9E9E9; font-size:16px;
}
.pages ul span a:hover{
color:#fff;
text-decoration:none;
background-color:#0463aa; height:50px; line-height:50px;
padding-left:20px;
padding-right:20px; display:inline-block;
}
.pages ul a.page-num-current,
.pages ul a.page-num-current a,.pagebox ul a.page-num-current a:hover{
background-color:#0463aa;
padding:0px 4px 0px; padding-left:20px; padding-right:20px;
font-weight:bold;
color:#fff;
}
.text-secondary{
font-size:18px; text-align:center; height:auto; overflow:hidden; color:#888; margin-top:35px; border-bottom:1px #ddd dashed; padding-bottom:25px;
}
.prenext{
color:#525252;
height:auto;
border-top:1px #ddd dashed;
padding-top:20px;
padding-bottom:10px;
margin-top:15px; font-size:14px;
}
.prenext ul{
list-style-type:none; padding-left:10px;
}
.prenext li{
line-height:25px; color:#525252; font-size:14px;
}
.prenext a:link{
line-height:25px; font-size:14px;
}
.prenext a:visited{
line-height:25px; font-size:14px;
}
.prenext a:hover{
line-height:25px; font-size:14px;
}
#backtop{
width:36px; height:36px;position:fixed; _position: absolute; right:10px; _right:10px; bottom:20px; z-index:11111; display:none;
}
#backtop a{
display:block; width:36px; height:36px; background:url(../images/top-1.jpg) no-repeat;
transition: 0.3s all;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-o-transition: 0.3s all;
}
#backtop a:hover{
background:url(../images/top-2.jpg) no-repeat;
}
.footbox{
background: -webkit-linear-gradient(to top, #262271, #0848a0);
background: -o-linear-gradient(to top, #262271, #0848a0);
background: -moz-linear-gradient(to top, #262271, #0848a0);
background: linear-gradient(to top, #262271, #0848a0);
padding-top:65px; color:#fff; overflow:hidden;
}
.footbox a{
color:#fff;
}
.footbox h3{
font-size:18px;
}
.footer{
display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; padding-bottom:60px;
}
.foot_left{
width:30%;
}
.foot_procat{
display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.foot_procat ul{
margin-top:23px;
}
.foot_procat li{
line-height:40px;
}
.foot_mdd h3{
padding-left:15px;
}
.foot_mdd ul{
display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:30px;
}
.foot_mdd li{
text-align:center; margin:0 15px;
}
.foot_mdd img{
width:155px; height:auto; border:1px #628ccc solid; padding:9px; margin-bottom:10px;
}
.foot_contact{
height:auto;
}
.foot_contact ul{
margin-top:30px;
}
.foot_contact li{
padding-left:35px; line-height:48px;
}
.foot_contact li.mobile{
background:url(../images/telbg2.png) left 18px no-repeat;
}
.foot_contact li.mobile a{
font-size:28px; font-weight:bolder;font-family:D-DIN-PRO; letter-spacing:2px;
}
.foot_contact li.email{
background:url(../images/emailbg2.png) left 15px no-repeat;
}
.foot_contact li.site{
background:url(../images/webbg.png) left 15px no-repeat;
}
.foot_contact li.address{
background:url(../images/addbg.png) left 15px no-repeat;
}
.copybox{
border-top:1px #2d3b9b solid; height:auto; padding-top:20px; padding-bottom:25px; color:#d1d1d1; font-size:14px;
}
.copyrights span{
float:right;
}
.copyrights a{
color:#d1d1d1; font-size:14px;
}
.copyrights a:hover{
color:#ffffff;
}
#bottom{
position:fixed; width:100%; height:55px; display:none; bottom:0; background:#302a96; left:0px; padding-top:5px; z-index:120;
}
#bottom ul{
height:55px;line-height:55px
}
#bottom ul li{
width:25%; float:left; color:#FFF; height:55px;
}
#bottom ul li dl{
width:auto; margin:0 auto; text-align:center; margin-top:-7px;
}
#bottom ul li dt{width:auto;height:25px;}
#bottom ul li dd{width:auto;height:35px; font-size:0.8em; color:#fff;line-height:35px;}
@media only screen and (max-width: 1780px) {
.w{
width:auto; margin-left:80px; margin-right:80px;
}
.logo{
padding-left:80px;
}
.top_info{
padding-right:80px;
}
.nav{
padding-right:80px;
}
.cases{
margin-left:35px; margin-right:35px;
}
.com_banner{
max-height:417px;
}
.aboutus_banner{
max-height:450px;
}
}
@media only screen and (max-width: 1680px) {
.w{
margin-left:50px; margin-right:50px;
}
.logo{
padding-left:50px;
}
.top_info{
padding-right:50px;
}
.nav{
padding-right:50px;
}
.nav li{
margin-left:50px;
}
.about_info{
padding-left:50px; padding-top:50px; padding-right:50px;
}
.about_cat span{
font-size:54px;
}
.datainfo li{
width:33.33%; font-size:14px; padding-left:75px;
}
.datainfo span{
font-size:54px;
}
.datainfo li.data1{
-moz-background-size:55px auto; background-size:55px auto;
}
.datainfo li.data2{
-moz-background-size:55px auto; background-size:55px auto;
}
.datainfo li.data3{
-moz-background-size:55px auto; background-size:55px auto;
}
.product_pc{width: 2000px; margin-left: -1000px;}
.product_pc .swiper-container{height: 623px;}
.product_pc_cat{left: 436px;}
.cases{
margin-left:0px; margin-right:0px;
}
.banner .arrow-next{ left: 50px; }
.banner .arrow-prev{ right: 50px;}
.productlist{
width:80%;
}
.com_banner{
max-height:394px;
}
.aboutus_banner{
max-height:424px;
}
}
@media only screen and (max-width: 1440px) {
.nav a{
font-size:16px;
}
.logo{
width:27%;
}
.logo img{
width:300px; height:auto;
}
.header{
height:115px;
}
.header_right{
width:73%;
}
.top_info{
background:url('../../imgextra/i1/712096873/O1CN01cokgUC20dt1X8M4Xq_!!712096873.jpg') left top no-repeat #302a96; height:38px;
}
.top_info a{
font-size:18px;
}
.title{
font-size:34px;
}
.service_title{
font-size:34px;
}
.about_info{
width:45%;
}
.video{
width:55%;
}
.yingyong_cat .swiper-slide{
font-size:18px; height:58px; line-height:58px;
}
.yingyong_cat img{
width:30px; height:auto;
}
.ysinfos li{
padding-top:50px; padding-bottom:60px; font-size:14px; padding-left:20px; padding-right:20px;
}
.ysinfos li.action{
padding-top:80px; padding-bottom:90px;
}
.ysinfos h3{
font-size:22px;
}
.productlist{
width:77%;
}
.product_title{
-moz-background-size:550px auto; background-size:550px auto;
}
.probox{
padding-bottom:50px;
}
.com_banner{
max-height:338px;
}
.aboutus_banner{
max-height:364px;
}
}
@media only screen and (max-width: 1280px) {
.w{
margin-left:30px; margin-right:30px;
}
.logo{
padding-left:30px;
}
.top_info{
padding-right:30px;
}
.nav{
padding-right:30px;
}
.nav li{
margin-left:30px;
}
.about_info{
padding-left:30px; padding-right:30px;
}
.banner .arrow-next{ left: 30px; }
.banner .arrow-prev{ right: 30px;}
.logo{
width:29%;
}
.logo img{
width:290px; height:auto;
}
.header_right{
width:71%;
}
.nav li{
margin-left:30px;
}
.foot_mdd{
width:20%;
}
.foot_mdd h3{
padding-left:0px;
}
.foot_mdd li{
margin:0px; font-size:14px; margin-bottom:15px;
}
.foot_contact{
width:35%;
}
.productlist{
width:75%;
}
.news_content{
padding:30px;
}
.service_info{
padding-left:0px; padding-right:0px;
}
.title{
font-size:30px;
}
.service_title{
font-size:30px;
}
.com_banner{
max-height:300px;
}
.aboutus_banner{
max-height:323px;
}
}
@media only screen and (max-width: 1160px) {
.header{
height:auto; padding-bottom:5px;
}
.nav{
margin-top:0px; height:auto;
}
.nav .nav_pc{
display:none;
}
.nav .nav_m{
position:absolute; width:100%; height:100%; overflow-y:auto; left:0px; top:100px; border-top:1px #ddd solid; border-bottom:1px #ddd solid; padding-bottom:130px; padding-top:20px; background-color:#fff; z-index:111;
}
.nav .nav_m ul{
float:left; padding-left:10px;
}
.nav .nav_m ul li{
width:100%;
height:auto !important; float:none; display:block; text-align:left; margin-bottom:5px;
}
.nav .nav_m ul li span{
width:80px; left:0%; display:none;
}
.nav .nav_m ul li.on span{
}
.nav .nav_m ul li a{
font-size:20px;
}
.m_sec a{
font-size:16px !important; margin-left:25px; background:url(../images/dian.jpg) left 10px no-repeat; padding-left:15px; color:#333 !important;
}
.m_nav{
display:block; width:40px; height:40px; background-color:#302a96; float:right; margin-top:10px; text-align:center; padding-top:4px;
}
.m_nav img{
width:20px; height:auto; margin:0 auto; margin-top:5px;
}
.lang_m{
text-align:left; padding-left:20px; border-top:1px #ddd solid; margin-top:10px; padding-top:15px;
}
.lang_m a{
font-size:18px;
}
.sea_bnt{
padding-top:15px; margin-left:10px; height:58px;
}
.search{
top:58px;
}
.logo img{
width:95%; height:auto;
}
.about_video{
max-width:auto;
}
.network{
max-width:auto; padding-left:30px; padding-right:30px;
}
.products_left{
width:24%;
}
.left_title img{
width:100%; height:auto;
}
.productlist{
width:73%;
}
.productlist li{
width:48%;
}
.productlist .itemempty {
width:48%;
}
.content{
padding:30px;
}
.product_pic{
width:100%;
}
.product_txt{
width:100%; padding-bottom:40px;
}
.product_txt h1{
padding-left:30px; font-size:30px;
}
.product_txt p{
padding-left:30px;
}
.online{
margin-left:30px; width:345px;
}
.honor_pic{
display:none;
}
.product_m_cat{
display:block;
}
.product_m{
display:block;
}
.product_pc{display:none;}
.product_pc_cat{
display:none;
}
.product_pc .swiper-container{height: auto;}
#indexproduct{padding-left: 0px;}
#indexproduct .swiper-slide{transform: scale(0.95);transition: all ease 0.3s;}
.product_title{
-moz-background-size:450px auto; background-size:450px auto;
}
.allvideob{
width:100%; max-width:1000px; left:0px; margin-left:auto; margin-top:auto; top:20%;
}
.com_banner{
max-height:272px;
}
.aboutus_banner{
max-height:293px;
}
}
@media only screen and (max-width: 980px) {
.about_info{
width:100%;
}
.video{
width:100%; height:500px;
}
.products_left{
width:100%;
}
.left_title{
display:none;
}
.left_cat{
margin-top:0px; display:block;
}
.left_cat a{
font-size:18px;
}
.productlist{
width:100%; margin-top:40px;
}
.productlist li{
width:32%;
}
.productlist .itemempty {
width:32%;
}
.foot_left{
width:50%;
}
.foot_mdd{
width:45%;
}
.foot_contact{
width:100%; margin-top:30px;
}
.mesg_txt2{
width:100%;
}
.mesg_sub2{
width:100%;
}
.news .news_txt{
padding-left:15px; padding-right:15px;
}
.news .news_txt a{
font-size:20px; line-height:32px;
}
.content h3{
font-size:24px;
}
.contact{
padding-top:100px;
}
.contact li{
width:48%; margin-bottom:30px;
}
.con_mesg{
padding:30px; padding-bottom:60px;
}
.servce{
padding-left:30px; padding-right:30px; margin-top:40px;
}
.ysinfos li{
width:48%;
}
.video{
height:400px;
}
.product_cat_m{
width:100%; background:url(../images/pro_leftbg.png) 95% center no-repeat; background-color:#f3f3f3; padding-top:10px; padding-bottom:10px; padding-left:10px; margin-bottom:20px; font-size:20px; color:#333;
}
#product_cat_m1{
display:block;
}
#product_cat_m2{
display:none;
}
.honorlist li{
width: 32%;
}
.honorlist .itemempty {
width: 32%;
}
.honortxt img{
display:none;
}
.com_banner{
max-height:230px;
}
.aboutus_banner{
max-height:248px;
}
.about_pics_left img{
margin-bottom:8px;
}
.about_pics_right img{
margin-bottom:8px;
}
#backtop{
bottom:70px;
}
#bottom{
display:block;
}
.copybox{
padding-bottom:70px;
}
}
@media only screen and (max-width: 750px) {
.top_info{
display:none;
}
.logo{
padding-top:10px;
}
.nav ul{
top:60px;
}
.banner .pagination {
bottom: 10px;
}
.yingyong_cat .swiper-slide{
width:auto; padding-left:25px; padding-right:35px;
}
.nav .nav_m{
top:65px;
}
.com_banner{
max-height:176px;
}
.aboutus_banner{
max-height:189px;
}
.copyrights{
text-align:center; line-height:30px; display:flex; display: -webkit-flex; flex-direction:column-reverse; flex-wrap: wrap;
}
}
@media only screen and (max-width: 640px) {
.w{
margin-left:10px; margin-right:10px;
}
.topbox{
border-top:3px #302a96 solid;
}
.logo{
width:50%; padding-left:10px;
}
.logo img{
width:180px; height:auto;
}
.header_right{
width:50%;
}
.top_info{
padding-right:10px;
}
.nav{
padding-right:10px;
}
.nav li{
margin-left:10px;
}
.sea_bnt{
margin-left:0px;
}
.about_info{
padding-left:10px; padding-right:10px; padding-top:30px;
}
.about_info p{
margin-top:20px;
}
.content{
padding:0px; padding-top:30px;
}
.product_txt h1{
padding-left:10px; font-size:24px;
}
.product_txt p{
padding-left:10px;
}
.online{
margin-left:10px;
}
.banner .arrow-next{ display:none;}
.banner .arrow-prev{ display:none;}
.honorlist li{
width: 48%; margin-bottom:20px;
}
.honorlist .itemempty {
height: 0px;
width: 48%;
}
.productlist li{
width:100%;
}
.productlist .itemempty {
width:100%;
}
.caselist li{
width:100%; height:auto; background-color:#fff; margin-bottom:25px;
}
.news li{
width:100%; margin-bottom:20px;
}
.news .itemempty {
width:100%; margin-bottom:0px;
}
.contact_wx{
width:100%;
}
.cases .swiper-slide{transform: scale(0.9);transition: all ease 0.3s;}
.cases .swiper-slide-active{transform: scale(0.95); font-size:16px;}
.cases .swiper-pagination{
bottom:15px; display:block;
}
.about_pics{
width:100%; margin-top:10px;
}
.about_cat span{
font-size:40px;
}
.datainfo li{
background:none !important; padding-left:0px;
}
.datainfo span{
font-size:40px;
}
.video{
height:260px;
}
.honors .swiper-slide{
margin-right:20px;
}
.honors .swiper-slide img{
height:180px; width:auto;
}
.ysinfos li{
width:100%;
}
.title{
font-size:24px;
}
.yytitle br{
display:block;
}
.messgbox{
height:auto; background-size:cover;
}
.mesg_txt{
width:100%; margin-bottom:10px; height:50px; line-height:50px;
}
.mesg_sub{
width:100%; height:50px; line-height:50px;
}
.foot_left{
width:100%;
}
.foot_mdd{
width:100%; margin-top:30px;
}
.foot_mdd ul{
padding-left:20px; padding-right:20px;
}
.contact{
padding-top:50px;
}
.contact_ico{
width:150px; height:150px; -moz-background-size:100% auto; background-size:100% auto;
}
.con_mesg{
padding:10px; padding-bottom:60px;
}
.message2{
font-size:20px;
}
.position ul{
padding-top:20px;
}
.position li{
height:auto; line-height:45px;
}
.position ul.nomob li{
line-height:0px;
}
.about_content h2{
font-size:26px;
}
.about_content h2 span{
font-size:18px;
}
.servce{
padding-left:10px; padding-right:10px;
}
.service_title{
font-size:24px;
}
.content h3{
font-size:22px;
}
.content_title h2{
padding-left:35px; padding-right:35px;
}
.back{
width:230px; height:50px; line-height:50px;
}
.page-numbar{
display:none !important;
}
.code_txt{
width:160px;
}
.about_pics_left img{
margin-bottom:4px;
}
.about_pics_right img{
margin-bottom:4px;
}
.com_banner{
max-height:150px;
}
.aboutus_banner{
max-height:162px;
}
.cases .swiper-slide{transform: scale(1);}
.cases .swiper-slide-active{transform: scale(1);}
.news_content{
padding:0px; padding-top:25px;
}
.news_content h1{
font-size:24px;
}
}
@media only screen and (max-width: 414px) {
.com_banner{
max-height:97px;
}
.aboutus_banner{
max-height:105px;
}
.position ul{
width:100%;
}
.position li{
width:50%; text-align:center;
}
.position li a{
display:block; padding-left:0px; padding-right:0px; width:100%;
}
}
@media only screen and (max-width: 375px) {
.foot_mdd{
margin-right:0px;
}
.foot_mdd ul{
padding-left:10px; padding-right:10px;
}
.foot_mdd li{
width:47%;
}
.foot_mdd img{
width:100%;
}
}