/*Base*/
*{ margin:0; padding:0;}
html,body {background: #fff none repeat scroll 0 0;
color: #000;
font-family:Microsoft YaHei,"Microsoft YaHei",Arial,sans-serif;
font-size: 14px;
line-height: 1.8;
margin: 0;
padding: 0;
width: 100%;
}
*html,*html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed; }
h1,h2,h3,h4,h5,h6{ font-family:"微软雅黑"; font-weight:normal;}
a { text-decoration:none !important;
background: transparent; /*修正win8系统IE连接灰色背景*/
outline:none;
blr:expression(this.onFocus=this.blur());}
table {border-collapse: collapse;border-spacing: 0;}
ul,
ol { list-style:none;}
li {list-style:none;}
/*清除浮动*/
.clear { clear: both;}
.blank36{margin-top: 36px;}
.fl{float: left;}
.fr{float: right;}
.fz{font-size: 0;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.dis{display: inline-block;vertical-align: top;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;cursor: pointer;}
img{max-width: 100%;}
.clear{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden;position: relative;}
.img_vam{vertical-align: middle;}
.span{vertical-align: middle;display: inline-block;height: 100%;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.middle{vertical-align: middle;}
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.c1{clear: both;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.trans3 { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.trans4 { transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; }
.trans5 { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }
.trans6 { transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; }
.trans7 { transition: all 0.7s; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s; }
.trans8 { transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.trans9 { transition: all 0.9s; -moz-transition: all 0.9s; -webkit-transition: all 0.9s; -o-transition: all 0.9s; }
.trans10 { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; }
.trans15 { transition: all 1.5s; -moz-transition: all 1.5s; -webkit-transition: all 1.5s; -o-transition: all 1.5s; }
.fz{font-size: 0;}
.dis{display: inline-block;vertical-align: top;}
.w1200{width: 1200px;margin: 0 auto;}
.w1400{width: 1400px;margin: 0 auto;}
.w1600{width: 1600px;margin: 0 auto;}
.w1620{width: 1620px;margin: 0 auto;}
.w1820{width: 1820px;margin: 0 auto;}
.w1632{width: 1632px;margin: 0 auto;}
.w1080{width: 1080px;margin: 0 auto;}
@media (max-width: 1860px){
.w1820{width: 96%;}
}
@media (max-width: 1860px){
.w1632{width: 90%;}
}
@media (max-width: 1680px){
.w1620{width: 94%;}
.w1600{width: 94%;}
}
@media (max-width: 1440px){
.w1400{width: 96%;}
}
@media (max-width: 1280px){
.w1200{width: 94%;}
}
@media (max-width: 1200px){
.w1080{width: 92%;}
}
.over{overflow: hidden;}
.clearfix{zoom:1;}
.clearfix:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.wrap{ max-width:1200px; margin:0 auto;}
/*布局*/
#header{height: 106px;background-color: #fff;padding-top: 0;top: 0;right: 0;left: 0;z-index: 10;position: relative; }
#header .top { height:36px;line-height: 36px;border-bottom: 1px solid #efefef; }
#header .top .title-left{ color:#969292; font-size:14px;}
#header .top .main{b}
#header .top .item{min-width: 110px;height: 100%;position: relative;z-index: 2;text-align: center;}
#header .top .item a{font-size: 14px;padding: 0 12px;display: block;white-space: nowrap; color:#666;}
#header .top .lang{background-color: #d1e8fb;}
#header .top .lang > a{padding-right: 20px;/*padding-left: 65px;*/z-index: 3;}
#header .top .lang .drop{padding-top: 15px;}
#header .top .ext > a{background-color: inherit;padding-right: 15px;z-index: 2;}
#header .top .ext:hover{background-color: #fff;box-shadow: 0 0 8px rgba(33,33,33,.2);}
#header .top .ext:hover .drop{background-color: #fff;box-shadow: 0 0 8px rgba(33,33,33,.2);opacity: 1;visibility: visible;}
#header .top .drop a:hover{ color:#22375e;}
#header .top .drop{min-width: 100%;top: 100%;right: 0;opacity: 1;visibility: hidden;}
#header .top .drop .btn{display: none;}
.tel { float: left; color: #182d57; font-size: 14px; padding-left: 5px; font-family: Arial; }
#header.bg2{background: rgba(255,255,255,1);}
#header .logo{width: 279px;height: 42px;margin-top: 10px;}
#header .fr.right{width: 52.23%;}
#header .nav .dis{margin-right: 36px;}
#header .nav .dis:last-child{margin-right: 0;}
#header .nav .dis .one{line-height: 68px;height: 68px;color: #000000;font-size: 18px;border-bottom: 2px solid transparent;}
#header .nav .dis:hover .one,
#header .nav .dis.on .one{}
#header .nav .dis .two{left: 0;background: rgba(245,245,245,0.88);height: 0;overflow: hidden;width: 100%;top: 106px;}
#header .nav .dis .two .child{color: #222;font-size: 16px;margin: 10px 25px 20px;line-height:40px; padding-bottom:10px; }
#header .nav .dis .two .child span{ font-size:16px; margin-left:10px; padding-bottom:10px;}
#header .nav .dis .two .child p{ font-size:16px;}
#header .nav .dis .two .child:hover p,#header .nav .dis .two .child:hover span{ color:#22375e;}
#header .nav .dis .two .child:hover{color: #3884c6;}
#header .menu{cursor: pointer; display:none;width: 20px;height: 70px;background: url(menu.png) no-repeat center center;}
#header .menu.close{background: url(close-icon2.png) no-repeat center center;}
#header .search-form{height: 0px;overflow: hidden;position: absolute;top: 70px;width: 100%;background: #e6e6e6;}
#header .search-form .w1820{border-bottom: 1px solid #333;height: 40px;margin-top: 15px;}
#header .search-form .w1820 .text{line-height: 40px;width: 90%;color: #666;font-size: 16px;}
#header .search-form .w1820 .submit{height: 40px;width: 10%;cursor: pointer;background: url(search3.png) no-repeat center center;}
#nav{position: fixed;top: 106px;left: 0;z-index: 10;width: 100%;height: 0;overflow: hidden;background: #fff;}
#nav .nav:first-child{border-top: 1px solid #f5f5f5;}
#nav .nav{padding: 20px 0px;border-bottom: 1px solid #f5f5f5;}
#nav .nav .one .block{color: #333;font-size: 18px;text-transform: uppercase;}
#nav .nav .one .add{z-index: 2;cursor: pointer;width: 30px;height: 20px;position: relative;}
#nav .nav .one .add:before{position: absolute;content: "";width: 30px;text-align: center;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background-image: url(n_add2.png);background-repeat: no-repeat;background-position: center center;}
#nav .nav .one .add.in:before{background-image: url(jess.png);}
#nav .nav .two{height: 0;overflow: hidden; }
#nav .nav .two img{ width:100px; height:auto; padding:0;}
#nav .nav .child p{ line-height:30px; height:50px;}
#nav .nav .one .block:hover,
#nav .nav .one .add:hover::before,
#nav .nav .two .child:hover{color: #3884c6;}
.searchForm { position: absolute; right: 0; top: 32px; z-index: 9999; width: 210px; display: none; padding-top: 5px; }
.searchForm div { border: 5px solid #e2e2e2; background-color: #fff; height: auto; overflow: hidden; }
.searchForm input { display: block; float: left; border: 0; background: none; height: 32px; line-height: 32px; }
.searchForm input[type="text"] { color: #6c6c6c; font-size: 14px; padding: 0 10px; width: 155px; }
.searchForm input[type="submit"] { width: 25px; cursor: pointer; background: url(icon5.png) no-repeat center center; -webkit-background-size: 80%; background-size: 80%; }
@media screen and (max-width: 1200px){
#header .nav .dis{margin-right: 40px;}
#header .lang{margin: 0 10px;}
}
@media screen and (max-width: 991px){
#header{ height:100px;}
#header .right.fr{width: auto;}
#header .right.fr .nav{display: none!important;}
#header .menu{ display: inline-block;}
}
@media screen and (max-width: 768px){
#nav .nav .one .block{ font-size:16px;}
#nav .nav .two .h1 .child{color: #444;font-size: 16px;margin: 10px 25px 0px;line-height:30px; }
#header .top .title-left{ display:none;}
#header .top .main{ float:left;}
}
@media screen and (max-width:640px){
}
/*首页banner*/
#banner{ width:100%; height:100%; position:relative; }
/*广告样式*/
.banner{ width:100%; overflow:hidden; position:relative;}
.banner .db{ width:100%; height:auto;}
.banner .db .swiper-slide{ width:100%; height:auto; display:block; position:relative; }
.banner .db .swiper-slide .nts{ position:absolute; left:0; right:0; top:30%; z-index:2; margin:0 auto;}
.banner .db .swiper-slide .nts .fz36{ color:#01519b;}
.banner .db .swiper-slide .nts .fz36.in{ color:#333; margin:5px 0 10px;}
.banner .db .swiper-slide .nts .fz24{ color:#555;}
.banner .db .swiper-slide img{ width:100%; position:relative;}
.banner .hb{ width:100%; text-align:right; position:absolute; left:0; right:5%; bottom:13px !important; z-index:3; margin:0 auto;}
.banner .hb span{ width:30px; height:4px; display:inline-block; opacity:1; cursor:pointer; background:#fff; font-size:0; border-radius:4px; margin:0 4px !important;}
.banner .swiper-pagination-bullet{background:#99a2ab;opacity:1; width:12px; height:12px; border-radius:12px; }
.banner .swiper-pagination-bullet-active{ background:#21a0e2;}
/*手机广告*/
.phone_banner{ width:100%; display:none; overflow:hidden; position:relative;}
.phone_banner video{ position:fixed; right:0; bottom:0; width:100%; height:auto; z-index:1; }
.phone_banner .db{ width:100%;}
.phone_banner .db .swiper-slide{ width:100%; position:relative;}
.phone_banner .db .swiper-slide .nts{ position:absolute; left:0; right:0; top:30%; z-index:2; margin:0 auto;}
.phone_banner .db .swiper-slide .nts .fz36{ color:#01519b;}
.phone_banner .db .swiper-slide .nts .fz36.in{ color:#333; margin:5px 0 10px;}
.phone_banner .db .swiper-slide .nts .fz24{ color:#555;}
.phone_banner .db .swiper-slide img{ width:100%;}
.phone_banner .hb{ width:100%; text-align:center; position:absolute; left:0; right:0; bottom:13px !important; z-index:3; margin:0 auto;}
.phone_banner .hb span{ width:8px; height:8px; display:inline-block; opacity:1; cursor:pointer; background:#367ebe; font-size:0; border-radius:50%; margin:0 4px !important;}
.phone_banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.phone_banner .swiper-pagination-bullet-active{ background:#c8d85e;}
@media screen and (max-width:1400px){.banner .db{ width:100%; height:800px;}}
@media screen and (max-width:750px){
.banner{ display:none;}
.phone_banner{ display:inline-block;}
}
/*页脚*/
.footer-box{ background:#f6f6f6; }
.footer-nav{
background: #f6f6f6;
padding:40px 0;
}
.footmian{
width: 1200px;
margin: auto;
overflow: hidden;
}
.left-nav{
overflow: hidden; width:100%;
}
.left-nav li{
float: left;
width:20%; padding:0 0%;
}
.left-nav .tit{
color: #333;
font-size:14px; font-weight:600;
display: block;
line-height:35px;
}
.left-nav .tit:hover{
color: #2c4496;
}
.left-nav dl{
margin-top: 0.6875em;
margin-bottom: 0;
}
.left-nav dd{color: #666;
font-size:14px;line-height:30px;}
.left-nav dd a{
color: #666;
font-size:14px;
line-height:30px;
}
.left-nav dd a:hover{
color: #2c4496;
}
.left-nav dd.flx p i{ padding-left:24px; background:url(ico_lx.png) no-repeat left top; }
.left-nav dd.flx .lx-ico2{ background-position:0 -34px;}
.left-nav dd.flx .lx-ico3{ background-position:0 -70px;}
.left-nav dd.flx .lx-ico4{ background-position:0 -105px;}
.footmian .footma{ width:120px; float:right;}
.footmian .footma img{ width:100%;}
.footmian .footma h4{color: #fff;
font-size:15px; font-weight:600;
display: block; margin:0;line-height:35px; padding-bottom:10px; }
.footmian .footlogo p{ margin-right:10px; width:91px; text-align:center; margin-top:10px; text-align:center; color:#666; font-size:14px; }
#gotop {
position: relative;
display: block;
height: 45px;
background: #0a3873;
color: #fff;
text-align: center;
line-height: 60px; display:none;
}
#gotop:before{content:''; position:absolute; top:10px; left:50%; width:6px; height:6px; margin-left:-3px; border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}
.fph-nav{ display:none; }
.fph-nav .item{
border-bottom: 1px solid #cccccc;padding:0 3%;
}
.fph-nav .lv1-box{
position: relative;
padding: 0 2%;
line-height: 2.5625em;
}
.fph-nav .lv1-box a{
color: #555;
font-size:14px;
display: inline-block;
width: 26%;
}
.fph-nav .lv1-box a.on{
font-weight: bold;
}
.fph-nav .lv1-box .more{
position: absolute;
right: 2%;
top: 0;
display: inline-block;
width: 70%;
height: 100%;
text-align: right;
cursor: pointer;
color: #999999;
background: url(lv1more-bg1.png) no-repeat right center;
background-size: 0.5em;
}
.fph-nav .lv1-box .more.on{
background: url(lv1more-bg2.png) no-repeat right center;
background-size: 0.5em;
}
.fph-nav .lv2-box {
padding-bottom:1em;
display: none;
}
.fph-nav .lv2-box a{
padding: 0 2%;
display: block;
font-size:14px;
color: #838281;
line-height: 2.4em;
}
.fph-nav .footma{ width:100%; margin:0 auto; height:auto; overflow:hidden; text-align:center;}
.fph-nav .footma p{ width:100%; margin-top:10px; text-align:center; color:#555; font-size:14px; line-height:24px; }
.fph-nav .footma p i{ padding-left:24px; background:url(ico_lx.png) no-repeat left top; }
.fph-nav .footma .lx-ico2{ background-position:0 -34px;}
.fph-nav .footma .lx-ico3{ background-position:0 -70px;}
.fph-nav .footma .lx-ico4{ background-position:0 -105px;}
.copyright{ height:auto; line-height:46px; color:#666; text-align:center; font-size:14px; border-top:1px solid #ddd;}
@media screen and (max-width: 1200px){
.footer-info{
width: 100%;
padding:0%;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.footer-nav{
padding: 2em 0 3em 0;
}
.left-nav .tit{
font-size:16px;
width: 83%;
}
.left-nav dd a{
font-size:14px;
}
}
@media screen and (max-width: 991px){
.footer-nav{
padding-top: 2em;
padding-bottom: 2em;
}
.footmian{ display:none;}
.fph-nav{ display:block;}
#gotop{ display:block;}
}
@media screen and (max-width: 768px){
.footer-nav{
padding-bottom: 0.75em;
}
}
/* css3 style */
.trans-3{transition: all 0.35s linear;}
.trans-5{transition: all 0.3s; -webkit-transition: all 0.5s;}
.trans-8{transition: all 0.3s; -webkit-transition: all 0.8s;}
.trans-12{transition: all 0.3s ease-in-out; -webkit-transition: all 1.2s;}
.scale-0x{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.scale-1x{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.radius-3{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.radius-half{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.shadow{-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1); box-shadow: 0 5px 10px rgba(0,0,0,.1);}
/*首页主要内容*/
/*首页弹框*/
.tip-wrap{position: fixed;left: 0;right: 0;top: 20%;margin: 0 auto;width: 500px;height: 540px;border-radius: 5px;background: #fff;z-index: 1000;padding: 20px 50px;}
.tip-wrap .cw{width: 400px;}
.tip-drak-big{z-index: 998; background-color: rgb(0, 0, 0); opacity: 0.5; left: 0px; top: 0px; position: fixed; height: 100%; width: 100%;}
.tip-wrap .logo{}
.tip-wrap .detail{margin-top: 20px;min-height: 60px;}
.tip-wrap .btn-list{margin-top: 20px;}
.tip-wrap .btn-list a{display: block;width: 100%;height: 40px;border-radius: 5px;text-align: center;line-height: 40px;font-size: 16px;color: #fff;}
.tip-wrap .btn-list .btn1{background: #f36d1b;}
.tip-wrap .btn-list .btn2{background: #888;margin-top: 10px;}
.tip-wrap .btn-list .btn:hover{opacity: 0.7;}
#main.index-box .index-advantage{ padding:50px 0;}
#main.index-box .index-advantage .boxs{ height:auto; margin-top:50px;}
#main.index-box .index-advantage .boxs .dis{width: 18%; padding:1%; margin-right:1%; border:1px dashed #ddd;}
#main.index-box .index-advantage .boxs .dis:last-child{ margin-right:0;}
#main.index-box .index-advantage .boxs .dis .ico{width: 50px;height: 50px;margin: 0 auto;}
#main.index-box .index-advantage .boxs .dis .ico img{ width:100%; height:100%; margin-top:6%;}
#main.index-box .index-advantage .boxs .dis .ico:hover img{ margin-top:0;}
#main.index-box .index-advantage .boxs .dis .desc h3{color: #333;font-size: 18px; margin-top:10px;}
#main.index-box .index-advantage .boxs .dis .desc h3::after{ content:''; height:2px; width:20px; background:#152d56; display:block; margin:5px auto;}
#main.index-box .index-advantage .boxs .dis .desc p{color: #666666;font-size: 14px;margin-top:5px; padding:0 3%; height:40px; line-height:20px; overflow:hidden;}
@media (max-width: 1280px){
#main.index-box .index-advantage{ padding:30px 0;}
#main.index-box .index-advantage .boxs{text-align: center;}
#main.index-box .index-advantage .boxs .dis{width: 19%;}
}
@media (max-width: 1100px){
#main.index-box .index-advantage .boxs .dis .desc{font-size: 14px;}
}
@media (max-width: 850px){
#main.index-box .index-advantage .boxs .dis{width: 32%;margin-bottom: 25px;}
#main.index-box .index-advantage .boxs{ height:auto; margin-top:10px;}
}
@media (max-width: 510px){
#main.index-box .index-advantage .boxs .dis .ico{width: 50px;height: 50px;}
#main.index-box .index-advantage .boxs .dis{width: 48%;}
#main.index-box .index-advantage .boxs .dis .desc h3{ margin-top:10px;}
#main.index-box .index-advantage .boxs .dis .desc p{ margin-top:10px;}
}
/*首页产品分类*/
.featured{padding: 50px 0 0 0; }
.featured ul li{width: 25%; text-align: center; font-size: 14px; float:left; border-right:1px solid #d5d5d5; padding:20px 0;}
.featured ul li:last-child{ border:none;}
.featured ul li div{margin-bottom: 20px; height:80px; overflow: hidden; }
.featured ul li div img{display: inline; max-height: 100%;}
.featured ul li p{color: #333;}
.recommend{background-image:url(bg01.jpg);
background-position: center center;
background-size: 100% 100%;
height:573px;
position: relative;
width: 100%; padding:30px 0; }
.recommend .txt{ margin-top:6%; padding-left:3%; }
.recommend .txt h3{ font-size:36px; font-weight:bold; color:#fff;}
.recommend .txt h4{ font-size:24px; color:#fff; margin-top:20px; margin-bottom:30px;}
.recommend .txt p{ font-size:24px; color:#fff; line-height:36px; }
.recommend .txt .more a{display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; background: #fff; color:#333; margin-top:60px;}
@media (max-width: 1200px){
.recommend .txt{ padding-left:3%; }
}
@media screen and (max-width:640px){
.featured{padding: 0px 0 0 0; }
.featured ul li{ padding:5px 0;}
.featured ul li div{margin-bottom: 10px; height:60px; overflow: hidden; }
.recommend{ height:360px; padding:5% 0;}
.recommend .txt h3{ font-size:30px;}
.recommend .txt h4{ font-size:20px; margin-top:10px;margin-bottom:20px;}
.recommend .txt p{ font-size:16px; line-height:24px;}
.recommend .txt .more a{ width: 120px; height: 30px; line-height: 30px; margin-top:30px;}
.tip-wrap{width: 90%;padding: 10px 10px;}
.tip-wrap .cw{width: 94%;}
.tip-wrap .logo{margin-top: 25px;}
.tip-wrap .btn-list .btn{height: 42px;line-height: 42px;}
}
.HomeContainer {
background: #fff none repeat scroll 0 0;
padding:65px 0;
}
.W_Bg_Botton { width:140px;
background: #f79447; text-align:center;
border: 0px solid #666;
border-radius: 0px;
color: #fff;
display: inline-block;
font-size: 14px;
line-height: 20px;
padding: 12px 10px;
position: relative;
text-decoration: none; margin:0 auto; display:block;
}
.W_Bg_Botton:hover { font-weight:600;
transition: background-color 0.2s linear 0s;
}
.parallax {
background-attachment: fixed;
height:500px;
position: relative;
width: 100%;
}
.inner {
position: absolute;
width: 100%;
z-index: 3;
}
.moment-caption {
color: #555; background:#fff;
font-family: "arial";
font-size:18px;
line-height: 1em;
margin: 30px auto;
padding:20px; display:inline-block;
width: auto;
}
.parallax-HomePro {
background-image:url(bg01.jpg);
background-position: center bottom;
background-size: 200%;
}
.parallax-HomePro .moment-caption{ position:absolute; right:20%; top:50px;}
.parallax-HomeNews {
background-image:url(bg02.jpg);
background-position: center center;
background-size: 100% 100%;
}
.pub-tit{margin: 40px auto 29px; position:relative; }
.pub-tit .cn{ display:inline-block;color: #22375e;
font-size: 30px; margin:0 10px; font-weight:lighter; }
.pub-tit .cn::before{ content:''; height:1px; background:#bfbfbf; width:40px; display:inline-block; margin-right:10px;}
.pub-tit .cn::after{ content:''; height:1px; background:#bfbfbf; width:40px; margin-left:10px; display:inline-block;}
.pub-tit .en{ font-size:18px; font-family:Helvetica Neue; text-transform:uppercase; color:#888; }
/*hot产品列表*/
.hot-main{ width:100%; padding:50px 0; overflow:hidden; background:url(pro-bg.jpg) no-repeat center bottom;}
.hot-main .pdt-list{ width:100%; }
.pdt-list{
margin:3% auto;
font-family:"微软雅黑"; padding-bottom:20px;
}
.pdt-list .swiper-container{padding-bottom:20px;}
.pdt-list .swiper-slide {position: relative;padding-bottom: 4px;}
.pdt-list .swiper-slide:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 0;background: #59c6f2;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.pdt-list .swiper-slide .img{width: 100%; }
.pdt-list .swiper-slide .img img{ width:100%; height:auto;}
.pdt-list .swiper-slide .msg{padding: 5px 0; background: rgba(0,0,0,0.18); box-shadow: 0px 3px 10px 0px #eaeaea;text-align: center; position:absolute;bottom: 0;left: 0;margin: auto; color: #fff;font-size: 18px; width:100%;}
.pdt-list .swiper-slide .msg span{ font-size:14px; padding-left:5px;}
.pdt-list .swiper-pagination1{bottom:0px;left:0%; width:100%; height:20px; text-align:center; position:absolute;}
.pdt-list .swiper-pagination1 .swiper-pagination-bullet{display: inline-block;width:8px;height:8px;background:#dfdfdf;margin-bottom:10px;opacity: 1;}
.pdt-list .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#3cb6e7;width:10px;height:10px;}
.pdt-list ul{ padding:0; margin:0;}
.hot-main .rtitle{ width:100%; background:url(bg02.png) no-repeat left top; padding:5% 46px; font-size:30px; color:#fff;}
.hot-main .rtitle p{ font-size:18px;}
.hot-main .pic{ width:100%; max-width:600px;}
.hot-main .pic img{ width:100%; }
@media screen and (max-width: 768px) {
.hot-main .half{ width:100%; float:none;}
.hot-main .half .ltitle{ float:none; margin:0 auto; padding:0 3%;}
.hot-main .half .pdt-list{ float:none; margin:3% auto; padding:0 3%;}
.pdt-list li{
width: 100%;
margin-right: 0;
position:relative;
}
.mainTitle .cn{ font-size:24px; margin-top:0;}
.mainTitle .dn:after{ margin-top:0; width:30px;}
.mainTitle .en{ margin-top:0;}
}
.HomeAbout {
width: 100%;font-family:"微软雅黑"; background:url(about-bg.jpg) no-repeat center bottom;
}
.Abimg{ width:100%; height:500px; overflow:hidden; }
.About-text { padding:3% 0;
color:#555555; line-height:30px;
}
.About-text p {font-size:16px; margin: 0 0 26px;}
.About-text .more a{ margin:50px auto; background:#7d7d7d; height:36px; line-height:36px; color:#fff; font-size:14px; text-align:center; display:block; width:146px; }
@media screen and (max-width: 768px) {
.Abimg{ width:100%;}
.About-text{ width:100%; padding:3% 3%;}
}
#main.index-box .index-info{padding: 40px 0 0 0; background:#fff;}
#main.index-box .index-info .relative{/*padding-top: 36px;*/z-index: 99;}
#main.index-box .index-info .relative .swiper-container{position: static;padding: 0 18px;padding-bottom: 60px;}
#main.index-box .index-info .relative .swiper-slide {position: relative;padding-bottom: 4px;}
#main.index-box .index-info .relative .swiper-slide:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 0;background: #22375e;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
#main.index-box .index-info .relative .swiper-slide .p{width: 100%;padding: 60.33% 0 0;}
#main.index-box .index-info .relative .swiper-slide .absolute{text-align: center;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
#main.index-box .index-info .relative .swiper-slide .msg{padding: 10px 22px 10px; background:#f8f8f8; box-shadow: 0px 0px 10px 0px #ddd;}
#main.index-box .index-info .relative .swiper-slide .date{color: #5b5b5b;font-size: 12px;}
#main.index-box .index-info .relative .swiper-slide .name{color: #333333;font-size: 16px;font-weight: bold;margin: 12px 0 18px;}
#main.index-box .index-info .relative .swiper-slide .desc{height: 60px;overflow: hidden;color: #999999;font-size: 13px;line-height: 20px;}
#main.index-box .index-info .relative .swiper-slide:hover .date{color: #22375e;}
#main.index-box .index-info .swiper-button-prev,
#main.index-box .index-info .swiper-button-next{top:30%;margin: auto;bottom: auto;width: 15px;height: 30px;}
#main.index-box .index-info .swiper-button-prev{background:url(arrows_left.png) no-repeat left center;left: 0;right: auto;}
#main.index-box .index-info .swiper-button-next{background:url(arrows_right.png) no-repeat left center;left: auto;right: 0;}
@media (max-width: 1024px){
#main.index-box .index-info{margin: 50px auto 0;}
}
@media (max-width: 981px){
#main.index-box .index-info .relative .swiper-container{padding-bottom: 30px;}
#main.index-box .index-info .relative .swiper-slide .name{font-size: 16px;margin: 6px 0 10px;}
}
@media (max-width: 750px){
}
/*内页*/
.innerbody{ background:#f9f9f9;}
.innerbanner{width: 100%;
height:320px;
position: relative;
overflow: hidden;
background-attachment: fixed; }
.innerbanner .title{width:1200px; margin:85px auto; height:150px;background:url(touzi01.png) no-repeat; color:#fff; overflow:hidden;}
.innerbanner .title h2{font-size:30px; margin:20px 0 15px 20px; font-weight:bold; color:#fff;}
.innerbanner .title p{font-size:18px; margin-left:20px; font-weight:bold;}
@media screen and (max-width:1200px){
.innerbanner .title{ width:90%; padding:0 3%;}
}
@media screen and (max-width:768px){
.innerbanner{ height:180px;}
.innerbanner .title{ margin:35px auto; }
.innerbanner .title h2{font-size:24px;}
}
@media screen and (max-width:640px){
.innerbanner .title{background:url(touzi02.png) no-repeat; }
}
.aboutbg{ background:url(banner1.jpg) no-repeat center center;
}
.newsbg{ background: #000 url(company_02.jpg) no-repeat center center;
background-size: 100%;}
.probg{ background: #000 url(banner1.jpg) no-repeat center center;
background-size: 100%;}
.Contactbg{background:#000 url(ContactTopBg.jpg) no-repeat top center;background-size:100%; width: 100%;
height: 900px;
position: relative;
overflow: hidden;background-attachment: fixed;
}
.recbg{background: #000 url(slide-12.jpg) no-repeat center center;
background-size: 100%;}
/* pc location */
.pc-location{ font-family: "微软雅黑";
background:#fff url(mainbg.png) repeat;
width: 100%; height:64px; position:relative;
}
.pc-location.pro-location{ height:128px;}
.posfixed { position: fixed; top: 0; z-index: 9999; width: 100%; left:0; height:auto; }
.pc-locations{
position: fixed;
left:0;
top:0;
z-index:10000;
width: 100%;
display:none;
}
.pc-location .location-main{
width: 1200px;
margin: auto;
line-height: 64px;
}
.pc-location .left{
float: left;
color: #888; font-family:'宋体';
font-size:14px;
}
.pc-location .left img{
margin-top: -2px;
margin-right: 4px;
}
.pc-location .left a{
color: #333;
margin-left: 4px;
margin-right: 4px;
}
.pc-location .left a:hover{
color: #182D57;
}
.pc-location .right{
float: right; height:64px;
display: inline-block;
}
.pc-location .right li{
float:left;
font-size:14px;margin-left: 30px;
line-height:63px; position:relative;
}
.pc-location .right li a{
color: #666;
display: block;
padding: 0 8px;
}
.pc-location .right li:after{
content:"";
position: absolute;
left:0;
bottom:0;
width:0;
height:2px;
background:#182D57;
transition: all 0.3s;
}
.pc-location .right li:hover:after,.pc-location .right li.cur:after {
width:100%;
}
.pc-location .promenu{ text-align:center; height:128px; }
.pc-location .promenu li{ display:inline-block; padding:0 2%;}
.pc-location .promenu li a{ font-size:14px; color:#555; padding:0 20px; display:block;}
.pc-location .promenu li a p{ margin-top:0;}
.pc-location .promenu li.on a ,.pc-location.promenu ul li a:hover{color: #0a0809; font-weight: bold; background-size:16px; }
.pro-location .btns a { display:block;}
.phnav-pop2{font-family: "微软雅黑";
position:absolute;
width: 100%;
height: auto;
right: 0;
top: 0;
background:url(mainbg.png) repeat;
z-index: 110;
display: none;
}
.phnav-main2{
width:100%; max-width:1200px; margin:0 auto;
padding:3% 5%; text-align:center;
top:0%;
position: relative;
}
.phnav-main2 .guan {
position: absolute;
right: 7%;
top: 3%;
cursor: pointer;
width: 1em;
}
.phnav-main2 ul li{ text-align:center; display:inline-block; padding:0 3%; float:none;
}
.phnav-main2 ul li a{
color: #555;
font-size:15px;
}
.phnav-main2 ul li a:hover{ color:#0a3873;}
@media screen and (max-width:1200px){
.pc-location .location-main{
width: 100%;
padding: 0 3%;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
}
/* ipadlocation */
.ipad-location{font-family: "微软雅黑";
padding: 0 3%;
overflow:hidden;
line-height: 3.375em;background:#fff url(mainbg.png) repeat; position:relative;
}
.ipad-location.posfixed{ position:fixed;}
.ipad-location .name{
float: left;
color: #f79447;
font-size:16px;
}
.ipad-location .btns p{ font-size:14px; margin-top:0; line-height:30px;}
.ipad-location .btns img{
width:40px;
cursor: pointer;
}
.ipad-location .phmenu{ text-align:center;}
.ipad-location .phmenu ul li{ display:inline-block; padding:0 2%;}
.ipad-location .phmenu ul li a{ font-size:14px; color:#555; padding-left:18px; display:block;}
.ipad-location .promenu ul li a{ padding-left:0;}
.ipad-location .phmenu ul li.on a ,.ipad-location .phmenu ul li a:hover{color: #0a0809; font-weight: bold; background: url(icon10.png) no-repeat left center; background-size:16px; }
.ipad-location .promenu ul li,.ipad-location .promenu ul li a:hover{background: none;}
@media screen and (max-width:640px){
pad-location .phmenu ul li div img{ max-width:30px;}
}
.phnav-pop1{font-family: "微软雅黑";
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0,0,0,.3);
z-index: 110;
display: none;
}
.phnav-main1{
width: 71%;
background: #f5f5f5;
height: 100%;
padding: 0 5%;
left: -100%;
padding-bottom: 20%;
padding-top: 8%;
position: relative;
}
.phnav-main1 .guan {
position: absolute;
right: 7%;
top: 3%;
cursor: pointer;
width: 1em;
}
.phnav-main1 ul li{
line-height: 3.375em;
border-bottom: 1px solid #999999;
}
.phnav-main1 ul li a{
display: block;
padding: 0 3%;
color: #555;
font-size: 0.8125em;
}
/*about*/
.title-box{
text-align: center;
}
.title-box .EN-title{
font-size: 2.5em;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.2em;
}
.title-box .CH-title{
font-size: 0.875em;
color: #666666;
line-height: 2.143em;
}
.about-box{font-family: "微软雅黑";
width: 100%; background:#fff;
margin: auto; overflow:hidden;
}
.about-mian{
overflow: hidden; width:1200px;
margin:3% auto;color: #333333;
line-height:30px; padding:0% 0%; background:#fff;
}
.about-mian h2{font-size:20px; color:#333; margin-bottom:15px;}
.about-mian p{ line-height:26px; margin-bottom:15px; }
@media screen and (max-width:1200px){
.about-box{
width: 100%;
padding: 3% 5%;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.about-mian{width: 100%;
margin-top: 3%;
}
}
.about-wrap {
width: 1200px;
margin: 40px auto;
overflow: hidden;
}
.honor{overflow:hidden;}
.honor li{overflow:hidden; margin-bottom:10px;}
.honor li h2{position:relative; padding:0 30px; height:50px; line-height:50px; font-weight:bold; font-size:16px; background:#fff; cursor:pointer;}
.honor li h2 i{position:absolute; right:30px; top:50%; margin-top:-16px; width:32px; height:32px; background:url(about14.png) no-repeat;}
.honor li.act h2{color:#00397c;}
.honor li.act h2 i{background:url(about14_a.png) no-repeat;}
.honor li dl{overflow:hidden; margin-top:20px; display:none;}
.honor li dl dd{width:23.5%; margin-right:2%; margin-bottom:2%; float:left;}
.honor li dl dd img{ width:100%;}
.honor li dl dd p{padding:10px; height:45px; text-align:center; color:#555;}
.honor li dl dd:nth-of-type(4n){margin-right:0;}
.contact{overflow:hidden; background:#fff;}
.contact .map{float:left; overflow:hidden; width:50%; height:421px;}
.contact .cont{float:right; width:50%; padding:30px;}
.contact .cont h2{color:#e67817; height:90px; line-height:90px; border-bottom:1px dotted #999; font-weight:bold; margin-bottom:20px;}
.contact .cont p{line-height:40px; color:#555;}
@media screen and (max-width:1200px){
.about-wrap {width: 100%;
padding: 0 3%;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;}
}
@media screen and (max-width:640px){
.honor li dl dd{ width:48%;}
.honor li dl dd:nth-of-type(2n){margin-right:0;}
.contact .map{ width:100%;}
.contact .cont{ width:100%;}
}
.product-box{ background:#fff; width:100%; overflow:hidden; padding:3% 0 3% 0;}
.product-box{ background:#fff; width:100%; overflow:hidden; padding:3% 3% ;}
.product_list{overflow:hidden; padding-bottom:40px; max-width:1200px; margin:0 auto;}
.product_list li{ width:31%; float:left;margin-right: 10px; margin-left:10px; margin-top:20px;
margin-bottom: 0px;
transition: all 0.5s; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; padding:10px; }
.product_list li:hover{ box-shadow: 0 0 20px #ccc;
transform: translate(0px,5px);
-webkit-transform:translate(0px,5px);
-moz-transform:translate(0px,5px);
-ms-transform:translate(0px,5px);
-o-transform:translate(0px,5px);}
.product_list li a{display:block; height:auto; position:relative;}
.product_list li .imgs{width:100%;height:auto; background: #fff;
overflow: hidden;
box-sizing: border-box;}
.product_list li .imgs img{width:100%; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; }
.product_list li:hover .imgs img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
.product_list li .desc{position: relative; height:40px; overflow:hidden; line-height:40px; color:#555; text-align:center;}
.product_list li a:hover .desc{ color:#182D57;}
.product_list li a:hover .desc em{width: 100%;}
.product_list li a:hover .desc .left p{color: #000;}
.product_list li a:hover .desc .right i{left: 10px;}
@media screen and (max-width:768px){
.product_list{ padding-bottom:20px;}
.product_list li{ width:46%;margin-right: 10px; margin-left:10px; margin-top:0px;
margin-bottom: 0px;}
.product_list li .cont h3{ font-size:16px; font-weight:normal;}
.product_list li .desc{ height:30px; line-height:30px; color:#555;}
}
@media screen and (max-width:640px){
.product_list{ padding-bottom:20px;}
.product_list li{ width:46%;margin-right: 5px; margin-left:5px; margin-top:0px;
margin-bottom: 0px;}
}
.page{overflow:hidden; height:50px; margin:30px auto; text-align:center;}
.page a{display:inline-block; text-align:center; line-height:30px; height:30px; border:1px solid #e3e3e3; background:#fff; color:#333; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; margin-right:5px; font-weight:normal; font-size:14px; overflow:hidden; padding:0; margin:0; float:none; padding: 0 12px;}
.page a.prev:hover, .page a.next:hover{background:#182D57;}
.page a:hover, .page a.act{background:#182D57; color:#fff; }
@media screen and (max-width:640px){
.page{ margin:0px auto;}
}
/*productBox*/
.productBox { width:1200px; margin:30px auto; height: auto; overflow: hidden; padding: 15px 54px 32px 15px;
border: 1px solid #e8e8e8; background: #ffffff; }
.productBoxDiv { height: auto; overflow: hidden; width: 610px; float: left; }
#productBoxDiv .sp-thumbnails-container { margin-top: 10px; }
#productBoxDiv .sp-selected-thumbnail { border: 2px solid #0c58b8; }
.productText { margin-left: 680px; }
.productText h3 { font-size: 26px; color: #000; padding: 28px 0 4px; }
.info { color: #818181; font-size: 15px; line-height: 30px; padding-bottom: 25px; }
.productInfo { height: auto; overflow: hidden; padding-top: 24px; border-top: 1px solid #eaeaea; }
.productInfo div { height: auto; overflow: hidden; line-height: 36px; font-size: 14px; }
.productInfo div b { display: block; float: left; color: #000; }
.prospan { margin-left: 82px; color: #6d6d6d; display: block; }
/*probox*/
.probox { width:1200px; margin:30px auto; height: auto; overflow: hidden; border: 1px solid #e8e8e8; background-color: #fff; }
.boxTit { height: auto; overflow: hidden; padding: 0 49px 0 40px; background-color: #fafafa; border-bottom: 1px solid #efefef; }
.boxTit div { float: left; line-height: 69px; color: #3d3d3d; font-size: 21px; }
.boxspan { display: block; float: left; padding-left: 16px; line-height: 88px; color: #868686; font-size: 14px; }
.proboxMore { display: block; float: right; width: 141px; height: 36px; line-height: 36px; margin-top: 16px; color: #fff; text-align: center; background: url(../images/pmore5.png) no-repeat 0 0; }
.proboxMore:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.productMadeList { height: auto; overflow: hidden; padding: 42px 0 37px 68px; background-color: #faf1ea; }
.productMadeList ul { margin-left: 220px; }
.productMadeList ul li { float: left; width: 127px; padding-left: 55px; background: url(../images/arrow2.png) no-repeat 24px center; margin-bottom: 4px; }
.productMadeList ul li:first-child { background: none; padding-left: 0; }
.ptext { float: left; padding-top: 32px; }
.pos { position: relative; }
.pos img { display: block; width: 127px; height: 140px; }
.pos div { position: absolute; left: 0; bottom: 15px; z-index: 5; width: 100%; text-align: center; }
.pos div p { color: #4a4a4a; font-size: 16px; padding-bottom: 1px; }
.pos div span { color: #bfbfbf; font-size: 11px; font-family: Arial; letter-spacing: 2px; }
.proInfo { color: #575757; font-size: 15px; line-height: 36px; padding: 35px 50px 48px; }
.proboxList { height: auto; overflow: hidden; padding: 0 50px 35px; }
.proboxList li { float: left; width: 45%; height: 103px; overflow: hidden; margin: 48px 0 40px; }
.proboxList li.fr { float: right; }
.proboxList li img { display: block; float: left; width: 103px; height: 103px; }
.imgText { margin-left: 138px; }
.imgText h3 { color: #000; font-size: 20px; padding-bottom: 8px; }
.imgText div { color: #7b7b7b; font-size: 13px; line-height: 24px; max-height: 72px; overflow: hidden; }
.m64 { margin-bottom: 64px !important; }
/*productImg*/
.productImg { position: relative; z-index: 0; height: 599px; text-align: center; }
.productImg img { display :block; height:auto; width: 100%; }
.productImgText { padding-top: 162px; }
.productImgText h3 { color: #3e3e3e; font-size: 39px; padding-bottom: 15px; }
.productImgText p { font-size: 18px; color: #4f4f4f; }
.productConDiv { height: auto; overflow: hidden; padding: 66px 0 55px; border-bottom: 1px solid #eae4e7; }
.productConDiv li { width: 50%; float: left; height: auto; overflow: hidden; }
.productConDiv li img { display: block; width: 100%; }
.productConDiv li.wid1 { width: 42%; }
.productConDiv li.wid2 { width: 58%; }
.proDiv { height: auto; overflow: hidden; padding: 66px 0 55px; border-bottom: 1px solid #eae4e7; }
.proDiv li { width: 50%; float: left; height: auto; overflow: hidden; }
.proDiv li img { display: block; width: 100%; }
.proDiv li.wid1 { width: 42%; }
.proDiv li.wid2 { width: 58%; }
@media screen and (max-width: 1200px){
.productBox{ width:100%; padding:0 3%;}
.probox {width:100%; padding:0 3%;}
}
@media screen and (max-width: 1024px){
.productBoxDiv {
float: none;
margin: 0 auto;
}
.productText {
margin-left: 0;
}
}
@media screen and (max-width: 640px){
.productBoxDiv {
width: 100%;
}
}
.product-article {}
.product-article .top {
padding:30px;
*background:#f6f6f6;
}
.product-article .pic {
float:left;
width:456px;
background: #fff;
text-align: center;
overflow:hidden;
box-sizing:border-box;
}
.product-article .pic .photo {
width:370px;
height:370px;
line-height: 370px;
overflow: hidden;
}
.product-article .pic .photo>img {
max-width:100%;
max-height: 100%;
vertical-align: middle;
}
.product-article .txt {
float:right;
width:56%;
min-height:480px;
box-sizing: border-box;
}
.product-article .txt h1 {
font-size: 24px;
color:#182D57;
padding-bottom: 15px;
}
.product-article .txt h6 {
background-color: #fff;
border-radius: 13px;
color: #666;
font-size: 14px;
max-width: 200px;
min-height: 27px;
line-height: 27px;
margin-bottom: 15px;
margin-right: 8px;
padding: 0 17px;
}
.product-article .txt .parameter {
padding:20px 0 0 0;
}
.product-article .txt .parameter .cs {
border-bottom: 1px dotted #d1d1d1;
font-size: 16px;
color:#3a3a3a;
padding-bottom: 10px;
background: url(plus.svg) no-repeat right/13px;
}
.product-article .txt .parameter .on {
background: url(close.svg) no-repeat right/13px;
}
.product-article .txt .parameter .proinfo {
display:none;
padding:12px 0;
overflow:hidden;
}
.product-article .txt .btn {
padding-top: 35px;
overflow:hidden;
}
.product-article .txt .btn a {
color: #fff;
cursor: pointer;
display: block;
float: left;
font-size: 16px;
font-weight: bold;
height: 42px;
line-height: 42px;
margin-right: 8px;
text-align: center;
width: 180px;
border: 1px solid #182D57;
}
.product-article .txt .btn .btn-1 {
background-color: #182D57;
color: #fff;
}
.product-content {
padding:30px 0;
}
.product-content .hot-product {
width: 100%;
}
.product-content .hot-product h3 {
background-color: #182D57;
color: #fff;
font-size: 18px;
font-weight: bold;
height: 46px;
line-height: 46px;
text-align: center;
width: 100%; margin-bottom:0;
}
.product-content .hot-product ul {
overflow: hidden;
border: 1px solid #d1d1d1;
padding:30px 15px;
background: #f8f8f8;
}
.product-content .hot-product ul li {
float: left;
width: 23%; margin-right:2%;
height: auto;
background: #fff;
}
.product-content .hot-product ul li .hot-pic {
width: 100%;
overflow: hidden;
text-align: center;
}
.product-content .hot-product ul li .hot-pic img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
.product-content .hot-product ul li h6 {
text-align: center;
line-height: 50px;
background:#fff; color:#333; font-size:14px;
}
/*图片æ"¾å¤§é•œæ ·å¼*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:-78px;left:78px;width:400px;height:400px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片å°å›¾é¢"览列表*/
.spec-scroll {clear:both;padding-top: 30px;width:352px;}
.spec-scroll .prev {float:left;margin-right:4px;}
.spec-scroll .next {float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:10px;height:54px; line-height:54px;cursor:pointer;text-decoration:none;}
.spec-scroll .items {float:left;position:relative;width:322px;height:56px;overflow:hidden;}
.spec-scroll .items ul {position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li {float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img {border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #182D57;padding:1px;}
@media screen and (max-width:750px){
.product-article .top { padding:10px;}
.product-article .pic { width:100%; float:none;}
.product-article .txt { width:100%; float:none;}
.product-content .hot-product ul li{ width:48%;}
.spec-scroll {clear:both;padding-top:10px;width:100%;}
.spec-scroll .items {width:300px;}
.spec-scroll .items ul li {width:60px;}
.product-article .txt .btn { padding:20px 0 0 0;}
}
/*行业应用*/
.case{overflow:hidden; padding-bottom:40px;}
.case li{float:left; margin-right:3%; background:#fff; margin-bottom:20px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; width:48%;}
.case li:nth-of-type(2n){margin-right:0;}
.case li a{display:block;}
.case li .imgs{float:left; width:50%; height:auto; overflow:hidden;}
.case li .imgs img{width:100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; }
.case li:hover .imgs img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
.case li .cont{padding:0 30px; width:50%; float:left;color:#555;}
.case li .cont p{line-height:30px; font-weight:bold; height:120px; padding-top:20px; color:#555;}
.case li .cont span{width:100%; height:42px; line-height:42px; border-top:1px dotted #9a9a9a; font-weight:bold; background:url(jt_hui.png) no-repeat 65px center; display:block;}
.case li:hover{background:#e67817;}
.case li:hover .cont p{color:#fff;}
.case li:hover .cont span{border-color:#fff; color:#fff; background:url(jt_huang.png) no-repeat 70px center;}
@media screen and (max-width:1100px){
.product-detail{ width:100%; }
.case{ padding:0 3%;}
}
@media screen and (max-width:768px){
.pro_tit{ text-align:center;}
.product-detail .sidebar{ display:none;}
.product-detail .content{ width:100%;}
.case li{ width:100%; float:none;}
.case li:after{ display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.wrap{ max-width:1100px; margin:0 auto;}
}
@media screen and (max-width:640px){
.case li .imgs{ width:100%;}
.case li .cont{ width:100%;}
}
/*新闻列表*/
.newsList { height: auto; overflow: hidden; padding-bottom: 30px; width:1200px; margin:0 auto; }
.newsList li { height: auto; overflow: hidden; color: #373737; padding: 53px 0; border-bottom: 1px dashed #e3e3e3; }
.newsImg { float: left; width: 240px; height: 180px; overflow: hidden; display: block; }
.newsImg img { width: 100%; height: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.newsImg img:hover { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.newsDiv { margin-left: 276px; padding-top: 9px; }
.newsTit { height: auto; overflow: hidden; }
.newsTit a { color: #292929; font-size: 24px; display: inline-block; height: 27px; line-height: 27px; }
.newsTit a:hover { color: #0c58b8; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; padding-left: 10px; }
.newsinfo { font-size: 14px; color: #747474; line-height: 28px; max-height: 56px; overflow: hidden; margin: 26px 0 23px; }
.date { color: #585858; font-size: 12px; }
@media screen and (max-width:1200px){
.newsList{ width:100%; padding:0 3%;}
}
@media screen and (max-width:640px){
.newsImg{ width:160px; height:auto;}
.newsDiv{ margin-left:180px; padding-top:3px;}
.date{ display:none;}
.newsinfo{ margin:15px 0 0;}
.newsTit a{ font-size:20px;}
.newsList{ padding-top:10px;}
.newsList li{ padding:30px 0;}
.newsTitle h1{ font-size:22px;}
.newsTitle{ padding:50px 0 30px;}
}
@media screen and (max-width:414px){
.newsImg{ width:120px; height:auto;}
.newsDiv{ margin-left:140px;}
.newsinfo{ display:none;}
.newsTit a{ height:auto; max-height:54px; font-size:16px;}
}
.news-box{
width: 1200px;
margin: auto;
margin-top: 3.8125em;
margin-bottom: 6.25em;font-family: "微软雅黑";
}
.news-main{
margin-top: 3em;
min-height: 200px;
}
.news-main ul:after{
clear: both;
content: '';
display: block;
width: 0;
height: 0;
visibility: hidden;
}
.news-main li{
width: 30%;
margin-right: 5%;
margin-bottom: 4%;
float: left;
padding-bottom: 2.5625em;
box-shadow: 0px 0px 10px #999;
background: #fff;
}
.news-main li:nth-child(3n){
margin-right: 0;
}
.news-main .imgs{
position: relative;
overflow: hidden;
}
.news-main .imgs img{
width: 100%;
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
}
.news-main .imgs .time{
position: absolute;
bottom: 5%;
left: 5%;
font-size: 12px;
color: #fff;
}
.news-main .names{
font-size:16px;
line-height:30px;
height:60px;
overflow: hidden;
color: #000000;
margin-top:10px;
padding: 0 5%;
}
.news-main .detail{
font-size:14px;
line-height:24px;
height:48px;
overflow: hidden;
color: #a0a0a0;
margin-top:10px;
padding: 0 5%;
}
.news-main .more{
font-size:14px;
line-height:24px;
color: #333333;
margin-top:10px;
padding: 0 5%;
}
.news-main li:hover .more{
color: #da251d
}
.news-main li:hover img{
transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
}
@media screen and (max-width: 1440px){
.news-box{
width: 960px;
}
.news-main .names{
font-size: 1.125em;
}
.news-main li{
width: 31%;
margin-right: 3.5%;
margin-bottom: 3.5%;
}
}
@media screen and (max-width: 1200px){
.news-box {
width: 100%;
padding: 0 3%;
margin-top: 2em;
margin-bottom: 4em;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.news-main{
margin-top: 1.5em;
}
.news-main li{
padding-bottom: 2em;
width: 31%;
margin-right: 3.5%;
margin-bottom: 3%;
}
.news-main .names{
font-size: 1.05em;
}
}
@media screen and (max-width: 991px){
.news-main{
margin-bottom: 1em;
}
.news-main li{
width: 48%;
margin-right: 4%;
margin-bottom: 4%;
padding-bottom: 1.5em
}
.news-main .names{
font-size:14px;
}
.news-main li:nth-child(3n){
margin-right: 4%;
}
.news-main li:nth-child(2n){
margin-right: 0;
}
.news-main li:hover img{
transform:inherit;
-webkit-transform:inherit;
-moz-transform:inherit;
}
}
@media screen and (max-width: 414px){
.news-box{
margin-bottom: 3em;
}
.news-main li{
width: 100%;
margin-right: 0;
margin-bottom: 4%;
margin-bottom: 8%;
padding-bottom: 1em
}
.news-main .imgs .time{
font-size: 0.875em;
}
.news-main li:nth-child(3n){
margin-right:0;
}
.news-main .names{
margin-top: 0.75em;
height: auto;
}
.news-main .more{
margin-top: 0.75em;
}
}
.newsdetail-box{
width: 100%; max-width:1100px; font-family: "微软雅黑";
margin:40px auto; background:#fff; padding:3% 3%;
}
.newsdetail-box .title-boxs{
text-align: center;
padding-bottom:20px;
border-bottom: 1px solid #dcdcdc;
}
.newsdetail-box .title-boxs .title{
font-size:24px;
line-height:36px;
}
.newsdetail-box .title-boxs .time{
font-size:12px;
color: #666666;
margin-top: 10px;
}
.news-doc{
font-size:14px;
color: #555555;
line-height:24px;
margin-top:20px;
}
.news-doc img{
max-width: 100%;
display: block;
margin:1em auto;
}
.pages{
margin-top: 1.5em;
position: relative;
border-top: 1px solid #dedede;
padding-top: 0.5em;
}
.pages li{
font-size:14px;
line-height:30px;
color: #333333;
}
.pages li a{
color: #333333;
}
.pages li a:hover{
color: #a66428;
}
.pages .back{
font-size:12px;
display: inline-block;
position: absolute;
right: 0;
top: 15px;
width:110px;
height:30px;
line-height:30px;
text-align: center;
color: #fff;
background: #333333;
}
.pages .back:hover{
background: #666;
}
@media screen and (max-width: 1440px){
.newsdetail-box{
width: 960px;
}
}
@media screen and (max-width: 1200px){
.newsdetail-box{
width: 100%;
padding: 0 3%;
margin-top: 2em;
margin-bottom: 4em;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
}
@media screen and (max-width: 1200px){
.newsdetail-box .title-boxs .title{
font-size: 1.5em;
}
}
@media screen and (max-width: 991px){
.newsdetail-box{
margin-bottom: 3em;
}
.pages .back{
position: inherit;
right: inherit;
top: inherit;
margin: auto;
display: block;
margin-top: 2em;
}
}
@media screen and (max-width:768px){
.newsdetail-box .title-boxs .title{
font-size: 1.1em;
}
.newsdetail-box .title-boxs .time{
margin-top: 0.5em;
font-size: 0.75em;
}
}
@media screen and (max-width:768px){
.pages .back{
width: 10em;
font-size: 0.875em
}
}
.contact-txt {}
.contact-txt h1{
text-align: center;
font-size: 22px;
color: #182D57;
margin-top: 50px;
font-weight: normal;
}
.contact-txt h3{
text-align: center;
font-size: 20px;
color: #3a3a3a;
margin-top: 20px;
font-weight: normal;
}
.contact-txt .contact-box {
margin:50px 0;
text-align:center;
}
.contact-txt .contact-box ul{
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.contact-txt .contact-box li{
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
border-left: dashed 1px #d4d4d4;
}
.contact-txt .contact-box li:last-child {
border-right: dashed 1px #d4d4d4;
}
.contact-txt .contact-box li i {
display:block;
font-size:18px;
color: #000;
font-style:normal;
margin-bottom:20px;
}
.contact-txt .contact-box li span {
display:block;
font-size:16px;
}
/*message*/
.message{ width:100%; max-width:1000px; }
.message .cont_tit{ font-size:24px; color:#333; border-bottom:1px solid #eee; line-height:60px; height:60px; margin-bottom:20px; }
.message h2 { text-align:center;
font-size: 22px;
line-height: 22px;
padding-bottom: 23px;
color: #333;
margin-bottom: 39px;
border-bottom: 1px solid #eee;
}
.message form{ width:100%; margin:0 auto 60px; overflow:hidden; }
.message form p{ width:100%; float:left; margin-bottom:15px;}
.message form span{ width:80px; display:block; float:left; font-size:14px; color:#222;height:35px; line-height:35px; text-align:right; margin-right:20px;}
.message form span i{ color:#f00; font-size:14px; margin-right:5px; font-style:normal;}
.message form .inp{ width:70%; height:35px; line-height:35px; padding-left:5px; border:1px solid #e1e1e1; float:left; color:#6a6a6a;}
.message form #Province{width:200px; height:35px; line-height:35px; border:1px solid #e1e1e1; border-radius:5px;float:left; color:#6a6a6a;}
.message form #City{width:200px; height:35px; line-height:35px; border:1px solid #e1e1e1; border-radius:5px;float:right; color:#6a6a6a;}
.message form textarea{ width:78%; height:200px; padding:5px; border:1px solid #e1e1e1; color:#6a6a6a; line-height:20px;}
.message form #sub{ width:100px; height:32px; line-height:32px;background:#000; color:#fff; border:0; font-size:12px; margin-left:100px; cursor:pointer; }
.message form #sub:hover{ background:#f00 }
@media screen and (max-width:640px){
.message .cont_tit{ font-size:18px; line-height:50px;}
.message form span{ width:60px; margin-right:0px;}
.message form .inp{ width:78%; padding-left:2%;}
.message form #sub{ width:100%; margin-right:0; margin-left:0px; }
}