.main{padding:30px 0 40px ; overflow:hidden;}

.h95{height:95px;}


/*bread*/
.pro-nav {width: 100%;position: relative; overflow: hidden; background:#507ccf;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
.pro-nav .nav-list ul {float:right;padding:0px 0; }
.pro-nav .nav-list li {float:left;text-align:center; height:70px; line-height:70px;z-index:88;font-size:14px;position:relative;}
.pro-nav .nav-list li:before{position:absolute;top:50%;left:25px;content:"";display:inline-block;vertical-align:top;width:1px;height:14px;margin-top:-7px;background:#ccc}
.pro-nav .nav-list li:first-child:before{opacity:0;display:none}
.pro-nav .nav-list li a {display:inline-block;font-size:16px;position:relative;margin-left:50px; color:#fff}
.pro-nav .nav-list li.cur a{background:url(../images/nav_on.gif) no-repeat center bottom}
.pro-nav .pro-pos {float:left; line-height:70px;color:#fff}
.pro-nav .pro-pos span { display:inline-block; *display:inline; *zoom:1; padding-left:29px; background:url(../images/home.png) left center no-repeat; font-size:14px;color:#fff}
.pro-nav .pro-pos  a{color:#fff}

/*title*/
.common_title { margin:0 auto;}
.common_title h2 {font-size:36px;text-align:center;color:#507ccf;text-transform:uppercase; line-height:54px; font-family:Arial; font-weight:bold}
.common_title h3 {margin:0 auto;height:42px;text-align:center; background: url(../images/warp_nbd.png) no-repeat center center; width:50%}
.common_title h3 span {display:inline-block;padding:0 15px;font-size:18px; line-height:42px;color:#ea0b0b; text-transform:uppercase}
.common_title p{ text-align:center; margin-top:5px; font-size:14px;}

/*menu*/
.menu_b{width:100%;overflow-x: scroll;box-sizing: border-box;}
.pro-ajax-controls{margin:15px auto 0px; text-align:center;display:table;}
.pro-ajax-controls span{position:relative;transition-duration:.3s;cursor:pointer; padding:0 5px;display: table-cell;white-space: nowrap;}
.pro-ajax-controls  a{ display:inline-block;padding:6px 15px; background:#507ccf; color:#fff;border-radius:3px;font-size:14px; }
.pro-ajax-controls  a:hover{ background:#ec3142;}
.pro-ajax-controls  a.cur {background:#ec3142;}


.c1 {zoom: 1;}
header#m-header {width: 100%;background: rgba(255,255,255,.99);position: fixed;top:40px;left: 0;margin: auto;z-index: 99;overflow: hidden;-webkit-transition: height .3s cubic-bezier(0.28, 0.11, 0.32, 1);}

.yytab{display:none;float:right;padding:15px 0;}
.yytab a{width:30px;height:30px !important;display:block;text-align:center;line-height:30px;border:1px solid #eee;border-radius:15px;float:left;background:#f5f5f5}


/* menu ant */
header#m-header .m-menu-layer ul li:nth-child(7){-webkit-transition: opacity .5s .1s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .02s cubic-bezier(0.28, 0.11, 0.32, 1);}
header#m-header .m-menu-layer ul li:nth-child(6){-webkit-transition: opacity .5s .12s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .04s cubic-bezier(0.28, 0.11, 0.32, 1);}
header#m-header .m-menu-layer ul li:nth-child(5){-webkit-transition: opacity .5s .14s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .06s cubic-bezier(0.28, 0.11, 0.32, 1);}
header#m-header .m-menu-layer ul li:nth-child(4){-webkit-transition: opacity .5s .16s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .08s cubic-bezier(0.28, 0.11, 0.32, 1);}
header#m-header .m-menu-layer ul li:nth-child(3){-webkit-transition: opacity .5s .18s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .1s cubic-bezier(0.28, 0.11, 0.32, 1);}
header#m-header .m-menu-layer ul li:nth-child(2){-webkit-transition: opacity .5s .2s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .12s cubic-bezier(0.28, 0.11, 0.32, 1);}
header#m-header .m-menu-layer ul li:nth-child(1){-webkit-transition: opacity .5s .22s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .14s cubic-bezier(0.28, 0.11, 0.32, 1);}

header.openMenu{-webkit-transition: height .5s cubic-bezier(0.28, 0.11, 0.32, 1);}
header.openMenu .m-menu-layer ul li{opacity: 1; -webkit-transform: scaleX(1) translateX(0);}
header.openMenu .m-menu-layer ul li:nth-child(1){-webkit-transition: opacity .5s .2s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .02s cubic-bezier(0.28, 0.11, 0.32, 1);}
header.openMenu .m-menu-layer ul li:nth-child(2){-webkit-transition: opacity .5s .22s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .04s cubic-bezier(0.28, 0.11, 0.32, 1);}
header.openMenu .m-menu-layer ul li:nth-child(3){-webkit-transition: opacity .5s .24s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .06s cubic-bezier(0.28, 0.11, 0.32, 1);}
header.openMenu .m-menu-layer ul li:nth-child(4){-webkit-transition: opacity .5s .26s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .08s cubic-bezier(0.28, 0.11, 0.32, 1);}
header.openMenu .m-menu-layer ul li:nth-child(5){-webkit-transition: opacity .5s .28s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .1s cubic-bezier(0.28, 0.11, 0.32, 1);}
header.openMenu .m-menu-layer ul li:nth-child(6){-webkit-transition: opacity .5s .3s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .12s cubic-bezier(0.28, 0.11, 0.32, 1);}
header.openMenu .m-menu-layer ul li:nth-child(7){-webkit-transition: opacity .5s .32s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .14s cubic-bezier(0.28, 0.11, 0.32, 1);}


.btn-menu{-webkit-transition: opacity .3s .1s ease;z-index: 2;text-align: left;padding: 0 8px;}
a.btn-menu:before {-webkit-transform: rotate(0) translateY(0) translateX(0) scaleY(1.5);-webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);width: 25px;height: 1px;display: inline-block;overflow: hidden;vertical-align: middle;position: absolute;top: 50%;left: 50%;margin-left: -13px;margin-top: -7px;background-color: #acb1b6;content: '';}
a.btn-menu:after {-webkit-transform: rotate(0) translateY(0) translateX(0) scaleY(1.5);-webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);width: 25px;height: 1px;display: inline-block;overflow: hidden;vertical-align: middle;position: absolute;top: 50%;left: 50%;margin-left: -13px;margin-top: 7px;background-color: #acb1b6;content: '';}
.openMenu .m-header ul li.navbar-menu a.btn-menu:before {-webkit-transform: rotate(45deg) translateY(6px) translateX(4px) scaleY(1.5);-webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);}
.btn-menu b {opacity: 1;-webkit-transform: scaleY(1.5);-webkit-transition: opacity .8s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform .5s .3s cubic-bezier(0.86, 0, 0.07, 1);width: 25px;height: 1px;display: block;overflow: hidden;vertical-align: middle;position: relative;top: 50%;margin-top: 0;margin-left: -1px;background-color: #acb1b6;}
.navbar-menu{text-align:right;height:100%;-webkit-box-flex: 1;display: block;position: relative;float:right;}
.openMenu .m-header ul li.navbar-menu a.btn-menu:after {-webkit-transform: rotate(-45deg) translateY(-6px) translateX(4px) scaleY(1.5);-webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);}
.openMenu .m-header ul li.navbar-menu a.btn-menu b {opacity: 0;-webkit-transform: scaleY(1.5);-webkit-transition: opacity .8s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform .8s cubic-bezier(0.86, 0, 0.07, 1);}
.menu-layer{display: block;background: rgba(0,0,0,.02);border-top: 1px rgba(0,0,0,0) solid;position: relative;overflow: hidden;overflow-y: auto;}
.menu-layer ul li{display: block;position: relative;border-bottom: 1px rgba(0,0,0,.05) solid;opacity: 0;-webkit-transform: scaleX(1.5) translateX(-10px);}

.m-menu-layer ul li a {display: block;padding: 10px 0;font-size: 110%;position: relative;z-index: 2;line-height:55px;padding-left:10px;box-sizing:border-box;}
.openMenu {-webkit-transition: height .5s cubic-bezier(0.28, 0.11, 0.32, 1);}
.m-menu-layer ul{margin: 1em 1em 0 1em;}

.m-header ul li.navbar-menu a {display: inline-block;height: 95px;margin: 0 5px;text-align: center;position: relative;vertical-align: middle;}
header#m-header .m-header ul {height: 100%;position: relative;}

.m-menu-layer {display: block;background: rgba(0,0,0,.02);border-top: 1px rgba(0,0,0,0) solid;position: relative;overflow: hidden;overflow-y: auto;}
.m-menu-layer ul li {display: block;position: relative;border-bottom: 1px rgba(0,0,0,.05) solid;opacity: 0;-webkit-transform: scaleX(1.5) translateX(-10px);}
.m-menu-layer ul li a b {width: 55px;height: 55px;display: inline-block;vertical-align: middle;margin-right: 5px;background-size: 385px 55px;-webkit-transform: scale(.6);}

.navbar-logo{height:100%;width:150px;}
.navbar-logo a{position:absolute;left:10px;top:0;width:150px;background:url(../images/m-logo.png) left center no-repeat;background-size:150px;height:100%;transition:all .3s ease;-webkit-transition:all .3s ease;}


/*产品，案例，资源****已整理***/
.photo-list {position: relative;overflow: hidden;padding:10px 0 20px;}
.photo-list ul{ text-align:center; position:relative; overflow:hidden; margin-left:-20px;}
.photo-list li{width:25%; padding:20px 0 0 20px; overflow:hidden; box-sizing:border-box ;}
.photo-list .img-box{display: block;position: relative; overflow: hidden; background:#fff }
.photo-list .img-box img{width: 100%; transform: translateZ(0px); transition: transform 0.3s ease 0s; padding:10px; box-sizing:border-box}
.photo-list .img-box:hover img{transform: scale(1.05, 1.05); transition: transform 0.6s ease 0s;}
.photo-list .img-box:hover .up-graybox{opacity: 1; filter: alpha(opacity=1);}
.photo-list .up-graybox{z-index: 3;}
.photo-list .up-graybox{width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);transition: all 0.4s ease 0s;}
.photo-list .up-graybox .bgbox{display: block;width: 100%;height: 100%;background-color: #000;opacity: 0.6;filter: alpha(opacity=60);}
.photo-list .up-graybox .stit{font-size:14px;line-height:40px;width: 100%;text-align: center;position: absolute;left: 0;top: 50%;margin-top: -15px;color: #fff;}
.photo-list .up-graybox .line{display: inline-block;width: 100px;height: 1px;background-color: #f2f2f2;position: absolute;left: 50%;margin-left: -50px;transition: all 0.6s ease 0s;}
.photo-list .up-graybox .linet{top: 0;}
.photo-list .up-graybox .lineb{bottom: 0;}
.photo-list .up-graybox .out-ico{display: none;width: 26px;height: 26px;position: absolute;right: 20px;top: 20px;}
.photo-list .up-graybox:hover .line{width: 6px;margin-left: -3px;opacity: 0.6;filter: alpha(opacity=60);}

.photo-list .cont-box{ padding:0px 15px 15px; background:#fff; border-top:none; text-align:left; overflow:hidden}
.photo-list .cont-box .stit{font-size: 16px; line-height: 30px; height: 30px; position: relative;  overflow:hidden}
.photo-list .cont-box .stit a{display:block; overflow: hidden; text-overflow: ellipsis; position: relative; white-space: nowrap; width: 100%;}
.photo-list .cont-box .lab-font{line-height:30px;font-size:12px; min-height:30px; color:#666;overflow:hidden}
.photo-list .cont-box .bot-link{margin-top:5px; border-top: 1px solid #eef1f8;line-height: 36px; display: block;}
.photo-list .cont-box .link-detail{display: inline-block; font-size: 14px;}
.photo-list .cont-box .point{display: inline-block; width: 24px; height: 36px; background: url(../images/ico_08.png) no-repeat center;}
.photo-list .cont-box .bot-link:hover .link-detail{}
.photo-list .cont-box .bot-link:hover .point{background: url(../images/ico_08_h.png) no-repeat center;}

.photo-hd{font-size:24px;line-height:30px;height:30px; font-family: 'Arial'; padding-left:2%; overflow:hidden}
.photo-hd span{text-transform:capitalize}
.photo-bd {margin:1% 0 0;font-size:14px; overflow:hidden; font-weight:bold;color:#666; background:#f5f5f5; padding:1% 2%; border-top:1px #e4e8eb solid; border-bottom:1px #e4e8eb solid; line-height:30px;}
.photo-bd table{border:1px #e4e8eb solid; background:#fff;border-right:none; font-size:16px }
.photo-bd  td{border-left:none; border-bottom:1px #e4e8eb solid; border-right:1px #e4e8eb solid;padding:5px 10px; color:#000}

footer .top-wrap .nav .line:first-child{display:none;}


/*新闻****已整理***2019.8.20***/
.news_list {position: relative;padding:0px 0 20px}
.news_list li{float:left;width:32%; padding:23px;transition: all 0.3s; background:#fff;margin-top:20px; margin-left:2%; position:relative;box-sizing:border-box; }
.news_list li:nth-child(3n+1){ margin-left:0px; }
.news_list li:nth-child(2n) { }

.news_list h3{height:30px;line-height:30px;font-size:16px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;  color:#f0515e;}
.news_list p{margin:12px 0 ;height:75px;overflow:hidden;line-height:25px;font-size:12px; -o-text-overflow:ellipsis;text-overflow:ellipsis; color:#777;}
.news_list span{line-height:20px;font-size:12px; vertical-align:middle}
.news_list li:hover{ background:#eee; }


/*新闻详情****已整理***2019.8.20***/

.news-det{ padding:60px 20px;margin-top:30px;   background:#fff}
.news-det .tit{font-size:26px; line-height: 1; text-align: center; color:#333 }
.news-det .info{ padding:15px 0 ; text-align: center;}
.news-det .info span{color: #999999; font-size:14px; margin:0 5px;}
.news-det .info span img{margin-right:3px;}
.news-det .news_det_con{ line-height:35px;font-size:14px;border-top:1px #eeeeee solid; padding-top:20px}
.news-det .news_det_img { text-align:center}
.news-det .news_det_img a img{ width:100%; max-width:700px}


.news_det_img{padding:16px 36px 0;}
.news_det_img p{margin-top:10px;}
.news_det_img img{ width:100%; max-width:800px;}




/*pro*/

/**************图片内容*************/
.products_content { position:relative; overflow:hidden; border:1px #eee solid;margin:30px 0 0px}
.leftcont{  width:600px; padding:20px; text-align:center; float:left; overflow:hidden}
.leftcont img{ width:100%}

.rightcont{ position:absolute; left:650px; right:-1px; top:0px; height:100%;}
.rightcont .tit{font-size:18px; line-height: 1; text-align: left; color:#333; margin:20px 0  10px}
.pcompanyinfo{  line-height:30px;font-size:12px; margin-bottom:10px} 
.pcompanycontent{ padding:20px ;line-height:30px;font-size:14px;border:1px #eeeeee solid; background:#f6f6f6} 




@media screen and (max-width: 679px) {	
.m-new-float{display:block !important;}
/*通用头部*/
.main{padding:15px 0;}
.w1520{width:98%;}
.w1440{width:98%;}
.w1100{width:100%;}
.h95{height:60px;}
.yytab{display:block;}
.btn-menu{float:right;}
/*head适配*/	
.toubu{display:none;}
.li_l{margin-left:1%;}
.li_r{margin-right:1%;}
.navbar-menu{display:inline-block;}
#topbox{display:none;}
header#m-header{top:0 !important;}
header,.m-header ul li.navbar-menu a{height:60px;}
.logo img{height:50px;padding:5px 0 !important;}
.swiper-container{margin-top:60px;}

.banner .swiper-button-next,.banner .swiper-button-prev{display:none;}
.banner .swiper-pagination{display:none}
/*产品列表适配*/
.common_title h2{font-size:24px;line-height: 36px;}
.common_title h3{height:30px;width:auto;}
.common_title h3 span{font-size:16px;line-height: 24px;}
.nTab .TabTitle li{height:36px;line-height: 36px;font-size:14px;}
.nTab .TabTitle li:after{height:36px;margin-top:-18px;}
.photo-list{padding:0;}
.photo-list ul{margin-left:-10px;}
.photo-list li{width:50%;padding:10px 0 0 10px;}
.photo-list .cont-box{padding:10px;}
.photo-list .cont-box .stit{font-size:14px;line-height:24px;height:24px;}
.load-more{width:100%;height:36px;line-height:36px;font-size:14px;margin:10px auto;border-radius:0;box-sizing:border-box;}
/*二级菜单*/
.list3{margin:15px 0;}
.list3 li .sp1{font-size:14px;}
.list3 li .sp2 a:first-child{display:none;}
.list3 li{padding:10px;}
.list3 li a.sp4{padding:2px 15px;margin:0;}
/*关于我们*/
.about_top{padding-top:10px !important;height:auto !important;}

.about_top .about_top_l{width:100% !important;position:relative !important;height:auto !important;}
.about_top .about_top_r{display:none;}
.about_top .about_txt{padding:15px !important;font-size:12px !important;color:#555;line-height:24px !important;}
.sj{margin:10px 0 0 0 !important;}
.sj li{width:50% !important;padding-left: 10px !important;}
.sj li .sjbg{padding:15px !important;margin-top:10px;}
.sj li .txt,.sj li .num{font-size:14px !important;margin-top:5px !important;}
.sj li .num span{font-size:25px !important;}
.case_img{display:none;}
.case_content{width:100% ;}
.TabItem2{margin-left: -10px !important;}
/*新闻列表适配*/
.news_list li{width:100%;margin-left:0;margin-top:10px;padding:10px}
.news_list{padding:0;}
.news_list h3{font-size:14px;}
.news_list p{margin:5px 0;}
/*底部适配*/
footer{padding:10px 0 70px}
footer .top-wrap{padding-bottom:10px;}
footer .top-wrap .nav a{font-size:12px;display:inline-block;float:none;}
footer .bot-wrap{padding-top:10px;}
footer .bot-wrap .site-img{display:none;}
footer .top-wrap .call,.f-none{display:none;}
footer .top-wrap .nav{float:none;text-align:center;width:90%;margin:0 auto;}
.f-center{text-align:center;float:none;margin:0 auto;display:block;font-size:12px;line-height:24px;}
footer .top-wrap .nav .line{float:none;margin:0 15px;}

/*相册弹窗适配*/
.news_det_img{padding:0;}

/*产品内页适配*/
.projectbigimg img{width:100%;position:static;transform: translate(0%, 0%);}
.projectbigimg{height:auto;}
.pcompanyinfo,.pro-det .pro_det_table,.news-det .news_det_con{line-height:24px;font-size:12px;}
.rightcont .tit,.pro-det .tit{font-size:14px;}


.pro-det{ background:#f6f6f6;padding:0 0px 0px; border:0px #eeeeee solid; overflow:hidden}
.products_content { position:relative; overflow:hidden; border:0px #eee solid;margin:0px 0 20px}


.h20{width:100%;height:20px;}
.productPage a,.news-det .info span{font-size:12px;}
.news-det{padding:20px;}
.news-det .tit{font-size:16px;}
.pro-ajax-controls  a{padding: 2px 15px;font-size:12px;}
.m-menu-layer ul li a{padding:0;}
}
@media screen and (max-width:800px) {
.topright li:first-child{display:none;}
}
@media screen and (min-width:680px) and (max-width: 1330px) {

/*通用头部*/
.w1520{width:95%;}
.w1440{width:95%;}
.w1100{width:100%;}

/*head适配*/	
.toubu{display:none;}
.li_l{margin-left:2.5%;}
.li_r{margin-right:2.5%;}
.navbar-menu{display:inline-block;}

.banner img {vertical-align:middle;width:100%}

.pagenum{ display:none}
.page-more{ display:block}

}

@media screen and (max-width:1090px) {
/*内页二级导航*/

.banner img {vertical-align:middle;width:100%}

.pro-pos{display:none;}
.nav-list,.pro-navbg{display:none;}
.nav-list1{display:block}
.pro-nav{height:auto;overflow:visible;box-shadow:none;background:none;}
.pro-nav .nav-list1 ul{display:block;float:none;}
.w1440{width:auto;}
.pro-nav .nav-list1 li{float:none;display:inline-block;}
.pro-nav .nav-list{display:none}
.pro-nav .nav-list1{display:block;}
.rightcont{position:static;}
.leftcont{width:100%;padding:20px 0 ;}

.pagenum{ display:none}
.page-more{ display:block}

}

@media screen and (min-width:1330px) {
.pagenum{ display:block}
.page-more{ display:none}


.banner{height:650px;}
.banner img {vertical-align:middle;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.swiper-slide-active{position:relative;z-index:10;}

.nav{display:block;}
.navbar-menu{display:none;}

}