html,body{height:100%;}
.logo-img{margin-left:-20px; margin-top:-3px;}
intr-right*{ margin:0px; padding:0px;}
.intr-body a{ color:#000;}
.top{ width:100%; height:70px; background-color:#363636; position: relative; position: fixed; z-index: 3000;}
.logo{ position:absolute; width:auto; height:30px; padding-right:10px;border-right: 1px solid #CCCCCC; top:50%; margin-top:-15px; left:50px;}
body{ overflow-x: hidden;}
.phone{ position:absolute; width:150px ;height:70px; left:305px; color:#fff; font-size:14px;font-family: "微软雅黑";}
.phone div{height:30px; width:150px; margin-top :20px; position: relative; }
.phone button{ position:absolute; top:50%;margin-top:-15px; width:30px; height:30px; background-image: url(../images/search.png);border: none;outline: none; background-color:#363636 ; }
.phone p{ margin-left: 40px;line-height:15px; display: table-cell; position: absolute;}
.phone p:last-child{ margin-top: 15px;}
.daoh{position: absolute; right:0px;}
.daoh ul{ list-style: none; width:900px;height:70px;}
.daoh ul a{ text-decoration: none; color: #CCCCCC;display: block;width:100%;height:100%;}
.daoh ul li{ float:left; color:#CCCCCC; font-family:"微软雅黑";font-size:14px;width:100px;height:70px;line-height: 70px; text-align: center; cursor: pointer;}
.navbar-brand{max-width:80%;}
.navbar-brand > img{max-width:305px;width:100%;}
.on{ background:#292929 ; border-bottom: 3px solid #CB1714;}
.navbar-nav{ cursor: pointer; }
#bs-example-navbar-collapse-9 li a{ padding-left:50px;}
#slide_1{background: url(../images/index-bg.jpg); background-position:center center ; background-size:cover ; background-repeat:no-repeat ;}
#slide_2{background: url(../images/probg2.jpg);background-position:center center ; background-size:cover ; background-repeat:no-repeat ;}
#slide_3{background: url(../images/probg3.jpg);background-position:center center ; background-size:cover ; background-repeat:no-repeat ;}
#slide_4{background: url(../images/probg4.jpg);background-position:center center ; background-size:cover ; background-repeat:no-repeat ;}
#slide_5{background: url(../images/probg8.jpg);background-position:center center ; background-size:cover ; background-repeat:no-repeat ;}
.insl1{background: url(../images/banner1.jpg); background-position:center center ; background-size:cover ; background-repeat:no-repeat ;}
.insl2{background: url(../images/banner2.jpg); background-position:center center ; background-size:cover ; background-repeat:no-repeat ;}
.insl3{background: url(../images/banner3.jpg); background-position:center center ; background-size:cover ; background-repeat:no-repeat ;}
.insl4{background: url(../images/banner4.jpg); background-position:center center ; background-size:cover ; background-repeat:no-repeat ;}
/*introduction*/
.intr-c{width:100%; height:700px; position: relative;}
.intr{ width:100%; height:700px; top: 0px; position: absolute;}
.intr .intr-top{ width:100%; height:100px ; text-align:center; margin-top: 60px; font-family:'FuturaCondensedBQ-Medium' ;}
.intr-top h3{ margin-top: 0px;}
.intr-body{ width:1000px;height:500px; margin: 0 auto; position: relative; }
.intr-main{width:100%;height:500px; position:absolute;top:0px;}
.intr-top{ width:100%;height:80px; position:relative;}
.intr-top .p{text-align:justify;float:left;width:900px;height:100px;font-size: 12px;font-family: "微软雅黑","Microsoft Yahei";color:#999; text-indent: 20px;line-height: 25px;}
.intr-r{float:left ;width:80px;height:80px; margin-left: 20px; cursor: pointer;}
.intr-bot{ width:100%;height:350px; padding-top: 50px;}
.intr-bot li{ float: left; list-style: none; width:14%;height:250px; margin-left:7%; text-align: center; cursor: pointer;}
.intr-bot li h2{ font-size: 100px; }
.intr-bot li p{ font-size: 18px; font-family: 'FZLTXHJW'; line-height: 10px;}
.intr-bot li span{ width:50px;height:4px; display: inline-block; background: #ccc; }
.intr-now{ border:4px solid #CB1814;}
.intr-bot li:first-child{margin-left:0px;}
.intr-bottom{ width:100%; height:60px;text-align:center;}
/*product*/
.product{width:100%;height:500px; margin-top:65px;}
.pro-main{width:100%;height:500px; background-image: url(../images/pro-main-bg.png) ; background-position: center center;background-repeat:no-repeat ; background-size:cover ;}
.pro-body{ width:1000px;height:100%; margin:0 auto;}
.pro-body-l{width:300px;height:100%; position: relative;float:left;}
.pro-body-l .pro-title{width:100%;height:430px;background:#333333;position: absolute; top:-70px;}
.pro-body-l .pro-zixun{ width:100%; height:175px; background:#D32B2A; position:absolute; bottom:-60px;}
.pro-title > div:first-child { margin-top:50px;width:100%; height:150px; text-align: center; color:#ccc;position: relative;}
.pro-title > div > h1{color:#ccc; letter-spacing: 8px; font-family:'futura_medium';font-size: 42px; line-height: 15px;;}
.pro-title > div > h1:last-child{ position: absolute;left:45px;}
.pro-title > div:last-child{color:#ccc;width:100%;height:180px; position: relative; margin-top:50px;}
.pro-title > div > span{ display: block; width:50px;height:4px; background-color:#CA1713 ; position: absolute;left:45px;}
.pro-title > div > h3{position: absolute;left:45px;top:15px;font-family:'FZLTXHJW';font-size: 20px;}
.pro-title > div > h5{position: absolute;left:45px; top:60px;font-family:'FZLTXHJW';}
.pro-title > div > p{position: absolute;left:45px; top:100px; font-size: 12px;}
.pro-title > div > p:last-child{top:120px; }
.pro-zixun{ text-align: center; }
.pro-zixun h3{font-family:'FZLTXHJW';font-size: 20px;color:#ccc; margin-top:40px; }
.pro-zixun p{font-size: 12px;color:#ccc;font-family:'FZLTXHJW';}
.pro-body-r{height:100%;width:650px;float:left; margin-left:50px;}
.pro-body-r > div:first-child{width: 100%;height:150px; position: relative; margin-top:20px;}
.pro-body-r > div:first-child h3{ color:#fff;font-family:'微软雅黑';font-size: 20px;position:absolute;right:8px;top:20px;}
.pro-body-r > div:first-child p{color:#ccc;font-family:'微软雅黑';font-size: 12px;position:absolute;right:0px;top:70px;}
.pro-body-r > div:first-child > p{ text-align:right; width:78%;margin-right:5px;}
.pro-body-r > div:last-child{width:100%; height:410px; position: relative; }
.more{height:35px; position:absolute;right:175px; top:-70px; z-index:200; }
.more span{margin-left:10px;display:inline-block; width:35px;height:35px; margin-top:0px; cursor: pointer; }
.more span:first-child{ background-image: url(../images/arrow-left.png);}
.more span:last-child{ background-image: url(../images/arrow-right.png);}
.more a{vertical-align:top;cursor:pointer; margin-left:10px; text-align:center;line-height:35px;color:#ccc; font-family: "FZLTXHJW";; font-size: 14px; display:inline-block; width:110px;height:35px; border-radius: 35px;
-webkit-border-radius: 35px; -moz-border-radius: 35px;-ms-border-radius: 35px;-o-border-radius: 35px;border:1px solid #fff;}
.more a:hover{color:#ccc; text-decoration: none; background: #fff;}
.diban{width:100%; height:100%; position:relative; }
.silder-box{position:relative;margin:50px auto ;}
.silder-news{margin:0 auto 0;}
.silder-news li{width:300px;height:320px; position: relative; cursor: pointer; }
.silder-news li img{width:100%;height:100%; position: absolute; top:0px; left:0px;}
.silder-button{top:173px;width:25px;height:54px;position:absolute;cursor:pointer;}
.silder-button.btl{left:10px;background:url(../images/bl.png);}
.silder-button.btr{right:10px;background:url(../images/br.png);}
.silder-box-1{width:1000px; position:absolute !important; left:-175px; top:70px; }
.silder-news li div{ width:280px;height:300px; position: absolute; background:#000000; top:10px; left:10px;opacity: 0.5;
z-index: 300; text-align: center; color:#fff;}
.silder-news li h3{ font-family: "微软雅黑"; font-size: 18px; margin-top:70px;margin-bottom: 30px;}
.silder-news li span{ display: block; width:80px;height:1px;background: #fff; margin: 0 auto; margin-bottom: 30px;}
.silder-news li p{font-family: "微软雅黑"; font-size: 14px; width:85%; margin: 0 auto;}
.silder-news li div{
transition: transform .3s ease-out;
-webkit-transition: transform .3s ease-out;
-moz-transition: transform .3s ease-out;
-o-transition: transform .3s ease-out;
transform: scale(0,0);
-webkit-transform: scale(0,0);
-moz-transform: scale(0,0);
-o-transform: scale(0,0);
-ms-transform: scale(0,0);
}
.silder-news li:hover div{
transform: scale(1,1);
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-o-transform: scale(1,1);
-ms-transform: scale(1,1);
}
/*product end*/
/*news*/
.news{ width:100%; height:700px; margin-top: 0px;}
.news .news-top{ width:100%; height:100px ; text-align:center; margin-top: 100px; font-family:'FuturaCondensedBQ-Medium' ;}
.news-top h3{ margin-top: 0px;}
.news-body{width:1000px;height:600px; margin: 0 auto; position: relative;padding-top: 50px;}
.news-info{width:1000px;height:210px; }
.intr-left{width:310px;height:210px; float:left;z-index: 20; position: relative; overflow: hidden;}
.intr-left img{width:100%;height:170px;margin-top:20px;
}
.intr-right{cursor:pointer;display:table;width:700px;height:100%;background: #F0F0F0; float:left; margin-left: -50px;z-index: 2;position: relative;}
.intr-right:hover .date{ background-color:#D32B2A ;}
.intr-right:hover{ background:#333 ;}
.intr-right:hover h3{color:#fff;}
.intr-right > div:first-child{top:0px; position: absolute;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-left: 50px solid #ccc;
border-bottom: 20px solid transparent;}
.intr-right > div:nth-child(2){bottom:0px;position: absolute;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-left: 50px solid #ccc;
border-bottom: 20px solid transparent;}
.date{ padding-top:5px; padding-bottom:10px;text-align: center; color:#fff; width:80px;height:80px; background:#333;position:absolute;right:-40px;top:60px;
}
.date span{ font-size:24px; font-family: 'Linotype Didot Headline Oldstyle Figures';}
.date p{ font-family: 'Linotype Didot Headline Oldstyle Figures' !important;color:#fff !important;font-size:18px !important; margin-top:5px;}
.date i{background-color:#fff;width:70px;height:1px;display:block; margin-left:5px; margin-top:3px;
transform: rotate(10deg);-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);-ms-transform: rotate(10deg);-o-transform: rotate(10deg);}
.intr-right h3{ font-family: "微软雅黑","Microsoft Yahei";font-size: 16px;color:#000; font-weight: bold;}
.intr-right p{ font-family: "微软雅黑";font-size: 12px;color:#999; line-height: 25px;}
.intr-right > div:nth-child(3){ height: 100%; width:600px; display: table-cell; vertical-align: middle; padding-left:30px;}
.news-list .row{ height:110px;margin-top:80px;}
.row-left{ padding-top:5px; padding-bottom:10px;text-align: center; color:#fff; width:80px;height:80px; background:#f0f0f0;}
.row-left span{ font-size:24px; font-family: 'Linotype Didot Headline Oldstyle Figures';color:#333;}
.row-left p{ color:#999 !important;font-family: 'Linotype Didot Headline Oldstyle Figures' !important;font-size:18px !important; margin-top:5px;}
.row-left i{background-color:#999;width:70px;height:1px;display:block; margin-left:5px; margin-top:3px;
transform: rotate(10deg);-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);-ms-transform: rotate(10deg);-o-transform: rotate(10deg);}
.row-left{float: left;}
.row-right{float: left; height:100%; width:83%;padding-left:15px;}
.row > div{cursor: pointer;height:100%; }
.row-right h3{ font-family: "微软雅黑","Microsoft Yahei";font-size: 16px;color:#000; font-weight: bold; }
.row-right p{ font-family: "微软雅黑";font-size: 12px;color:#999;}
.news-list .row > div:hover .row-left{background-color:#D32B2A ;}
.news-list .row > div:hover> .row-left > span{color:#fff;}
.news-list .row > div:hover> .row-left > p{color:#fff !important;}
.news-list .row > div:hover> .row-left > i{background-color:#fff !important;}
.news-list .row > div:hover> .row-right{background:#333 ;}
.news-list .row > div:hover> .row-right h3{color:#fff;}
.news-list-m{ position: absolute; top:230px; width: 100%;}
.news-list{ position: relative; width: 100%;}
#row1{ position: absolute;top:0px; left:2%; width:105%}
#row2{ position: absolute; top:150px;left:2%; width: 105%;}
/*news end*/
/*icon*/
.icon-main{width:100%; height:400px; position: relative;}
.icon-list{position:absolute; top:0px;width:100%; padding-top:75px;height:400px; background: url(../images/icon-bg.png);background-position: center center;
background-repeat:no-repeat ;
background-size:cover ;}
.icon-list .row{ width:1050px; margin:0 auto;height:250px; }
.icon-1 , .icon-2 , .icon-3 , .icon-4{width:143px;height:143px; margin:0 auto;
background-position:0px 0px; transition:background-position .3s ease-in-out ;
-webkit-transition:background-position .3s ease-in-out ;-moz-transition:background-position .3s ease-in-out ;-ms-transition:background-position .3s ease-in-out ;
-o-transition:background-position .3s ease-in-out ;
}
.icon-1{ background:url(../images/icon11.png) ;
}
.icon-2{ background:url(../images/icon2.png) ;}
.icon-3{ background:url(../images/icon3.png) ;}
.icon-4{ background:url(../images/icon4.png) ;}
.icon-1:hover{background-position:0px -145px ; }
.icon-2:hover{background-position:0px -145px ;}
.icon-3:hover{background-position:0px -145px ;}
.icon-4:hover{background-position:0px -145px ;}
.icon-list .row > div{ text-align: center;}
.icon-list .row > div span{color:#fff; font-family: "微软雅黑","Microsoft Yahei"; font-size:20px; line-height: 100px;}
.icon-list .row > div p{color:#ccc; font-family: "微软雅黑","Microsoft Yahei"; font-size:14px; line-height:0px; margin-top: -15px;}
.icon-list .row > div:hover > div{ background-position-y:-145px ;}
/*icon end*/
.banner{padding-top: 70px;}
.slick-slide img{
width:100%;
}
#banner .ban-slider .slick-arrow{
position: absolute;top: 45%;margin-top: -25px;overflow: hidden;
width: 49px;height: 49px;font-size: 0;line-height: 0;z-index: 3;
border: 0;
background-repeat: no-repeat;
background-position: center center;
-o-background-size: contain;
-ms-background-size: contain;
-moz-background-size: contain;
-webkit-background-size: contain;
background-size: contain;
background-color: transparent;
cursor: pointer;
}
#banner .ban-slider .slick-prev{left:10px;background-image: url(../images/arr-l.png);display: none !important;}
#banner .ban-slider .slick-next{right: 10px;background-image: url(../images/arr-r.png);display: none !important;}
#banner .ban-slider:hover .slick-prev{display: block !important;}
#banner .ban-slider:hover .slick-next{display: block !important;}
#banner .ban-slider .slick-dots{position: absolute;right:10px;bottom: 0;width: auto;text-align: center;z-index: 3;}
#banner .ban-slider .slick-dots li{vertical-align: bottom;margin: 0 5px;}
#banner .ban-slider .slick-dots li button{display: block;width: 12px;height: 12px;padding: 0;
font-size: 0;line-height: 0;text-indent: 999px;background-color: #fff;border-radius: 50%;border: none;
cursor: pointer;
}
#banner .ban-slider .slick-dots li.slick-active button{background-color: #E4202A;}
.title{
position: relative;
padding: 0 0 7px 32px;
font-size: 17px;
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
}
/*-------------------*/
#banner .ban-slider2 .slick-arrow{
position: absolute;top: 45%;margin-top: -25px;overflow: hidden;
width: 49px;height: 49px;font-size: 0;line-height: 0;z-index: 3;
border: 0;
background-repeat: no-repeat;
background-position: center center;
-o-background-size: contain;
-ms-background-size: contain;
-moz-background-size: contain;
-webkit-background-size: contain;
background-size: contain;
background-color: transparent;
cursor: pointer;
}
#banner .ban-slider2 .slick-prev{left:10px;background-image: url(../images/arr-l.png);display: none !important;}
#banner .ban-slider2 .slick-next{right: 10px;background-image: url(../images/arr-r.png);display: none !important;}
#banner .ban-slider2:hover .slick-prev{display: block !important;}
#banner .ban-slider2:hover .slick-next{display: block !important;}
#banner .ban-slider2 .slick-dots{position: absolute;left:0;bottom: 15px;width: 100%;text-align: center;z-index: 1;}
#banner .ban-slider2 .slick-dots li{vertical-align: bottom;margin: 0 5px;display: inline-block;}
#banner .ban-slider2 .slick-dots li button{display: block;width: 12px;height: 12px;padding: 0;
font-size: 0;line-height: 0;text-indent: 999px;background-color: #fff;border-radius: 50%;border: none;
cursor: pointer;
}
#banner .ban-slider2 .slick-dots li.slick-active button{background-color: #E4202A;}
/*footer*/
.foot{width:100%;height:350px; }
.footer-top{width:100%; height:350px;background:#333 ; }
.footer-top a{text-decoration: none;color:#ccc;}
.footer-top a:hover{text-decoration: none;color:#fff;}
.footer-main{width:1050px;height:100%; margin:0 auto; }
.footer-left{width:700px; height:100%; float:left;color:#ccc; }
.footer-right{width:300px;height:100%; float:left; }
.footer-left dl{float:left; margin-left:45px; width:8%; text-align: center; margin-top:50px; cursor: pointer;}
.footer-left dl:nth-child(2){ width:15%; margin-left:25px;}
.footer-left dl:nth-child(3){ width:8%; margin-left:25px;}
.footer-left dl:nth-child(2) dt{border:none;}
.footer-left dl:nth-child(2) i{ width:58px;height:2px; background:#CA1713 ; display: block; margin: 0 auto; margin-top:15px;}
.footer-left dl:first-child{margin-left:0px;}
.footer-left dt{font-family: "微软雅黑","Microsoft Yahei"; font-size:14px;border-bottom: 2px solid #CA1713; padding-bottom: 15px; }
.footer-left dd{font-family: "微软雅黑","Microsoft Yahei"; font-size:12px;margin-top: 15px;}
#dd1{margin-top: 22px;}
#dd2{margin-top: 8px;}
.wx{float:left ;}
.wx-r{float:left ; margin-left: 30px;}
.wx-r img{ height:142px;}
.weix{width:120%;height:236px;margin-top:55px; border-left:1px solid #ccc; padding-left:30px; text-align: center;}
.foot-bottom{width: 100%; height:50px;}
.footer-bottom{ width: 100%; background: #242424; position:absolute;}
.weix ul{list-style: none;}
.weix li:nth-child(2){ margin-top:8px;}
.weix li:last-child{ margin-top:10px;}
.weix p{ font-family: "微软雅黑","Microsoft Yahei"; font-size:12px;color:#ccc; margin-top:5px;}
.wx-r p{ margin-top:5px; position: relative;}
.wx-r span{position: absolute; top:5px;left:33px}
.wx-r i{ position: absolute; top:0px;left:0px;display:inline-block;width:30px;height:30px; background:url(../images/wx11.png);}
.wx-b{clear:both;padding-top: 30px;}
.wx-b p{font-family: "微软雅黑","Microsoft Yahei"; font-size:16px; line-height: 0px; padding-top: 25px;}
.copy{width:1050px;height:100%; margin: 0 auto; position: relative;}
.copy span{ color:#999;font-family: "宋体"; font-size:12px; line-height: 50px;}
.copy span:last-child{float:right;}
.copy span i , .copy span em{margin-right:10px;}
.foot-phone{ width:100%;height:370px; background: #333; padding-top: 15px;}
.foot-phone-m{width:97%; height:100%; margin: 0 auto;}
.foot-phone li { font-family: "微软雅黑"; list-style: none; color:#ccc; width:100%;height:40px; background:#242424;margin-top:8px;line-height: 40px;text-align: center;}
.foot-phone li a{color:#ccc; text-decoration: none; }
/*footer end*/
@font-face {
font-family:'Linotype Didot Headline Oldstyle Figures';
src: url('../fonts/Linotype Didot Headline Oldstyle Figures.ttf');
font-weight:normal;
font-style: normal;
}
@font-face {
font-family:'FZLTXHJW';
src: url('../fonts/FZLTXHJW.ttf') format('truetype');
font-weight:normal;
font-style: normal;
}
@font-face {
font-family:'futura_medium';
src: url('../fonts/futura_medium.ttf') ;
font-weight:normal;
font-style: normal;
}
@font-face {
font-family:'FuturaCondensedBQ-Medium';
src: url('../fonts/FuturaCondensedBQ-Medium.otf') ;
font-weight:normal;
font-style: normal;
}
@media (max-width: 768px) {}
@media (max-width: 910px) {
.phone{display:none;}
.logo{ border: none;}
}
@media (min-width: 1100px) and (max-width: 1300px) {
.daoh ul{ width:720px;}
.daoh ul li{ width:80px; ;}
}
@media (min-width: 769px) and (max-width: 1099px) {
.daoh ul{ width:630px;}
.daoh ul li{ width:70px;}
.logo{width:115px; left:20px;border:0}
.logo img{ width:251px; margin-top:0px;}
.phone{ left:140px;display:none;}
.intr-body{ width:80%;}
.intr-top p{width:80%;}
.intr-bot{ margin-top:40px;}
}
@media (min-width: 767px) and (max-width: 1099px) {
.pro-body{ width:100%;}
.pro-body-l{width:25%;}
.pro-body-r{width:65%;}
.pro-title > div > h1{ font-size: 28px;}
.silder-box-1{width:100%;left:-30px;}
.silder-news{ width:100% !important;}
.more{right:0px;}
}
@media (min-width: 841px) and (max-width:1099px) {
.silder-news li{width:260px;height:280px; }
.silder-news li div{ width:240px;height:260px;}
.silder-news{ margin-top:40px}
#p1{width:100%;}
.silder-news li h3{ margin-top:30px;margin-bottom: 30px;}
}
@media (min-width: 767px) and (max-width: 840px) {
#p1{width:100%;}
.more{top:-20px}
.silder-news li{width:220px ;height:240px ;}
.silder-news li div{ width:200px;height:220px ;}
.silder-news{ margin-top:80px}
.silder-news li h3{ font-size: 16px; margin-top:30px;margin-bottom: 30px;}
.silder-news li span{ width:70px; margin-bottom: 20px;}
.silder-news li p{font-size: 12px; }
}
@media (min-width: 769px)
{
.bs-example{ display:none;}
}
@media (max-width: 768px)
{
.intr-bot{margin-top:50px;}
.intr-body{ width:80%;}
.intr-top p{width:80%;}
.banner{ margin-top: -20px;}
.top{ display:none;}
}
@media (max-width: 766px){
.pro-body-l{ clear:both; display:none;}
.pro-body{ width:100% ;}
.pro-body-r{ clear:both; width:90%; margin-left:6%}
.more{right:0px; position: absolute;}
.pro-body-r > div:first-child{ right:0px;}
.silder-news li p{font-size: 12px; }
#p1{width:80%; text-align: left;}
.silder-box-1{ width: 100%; left:0px; position: relative; margin: 0 auto;}
.silder-news{width: 100% !important;}
.silder-news li{width:300px;height:320px;}
.silder-news li div{ width:280px;height:300px;}
}
@media (max-width: 670px){
.silder-news li{width:270px;height:290px;}
.silder-news li div{ width:250px;height:270px;}
}
@media (max-width: 645px){
.silder-news li{width:260px;height:280px;}
.silder-news li div{ width:240px;height:260px;}
.silder-news li h3{ margin-top:40px;margin-bottom: 30px;}
}
@media (max-width: 570px){
.silder-news li{width:230px;height:210px;}
.silder-news li div{ width:210px;height:190px;}
.silder-news li h3{ font-size: 16px; margin-top:15px;}
.pro-main{ height:420px}
}
@media (max-width: 435px){
.silder-news li{width:160px;height:180px;}
.silder-news li div{ width:140px;height:160px;}
.silder-news li h3{ font-size: 16px; margin-top:5px;}
.silder-news li span{ width:70px; margin-top:-20px;}
.silder-news li p{font-size: 12px; margin-top: -25px;}
.pro-main{ height:400px}
}
@media (max-width: 375px){
.silder-news li { width:150px;height:180px;}
}
@media (max-width: 320px){
.silder-news li{width:130px;height:180px;}
.silder-news li div{ width:120px;height:160px;}
.silder-news li h3{ font-size: 14px; margin-top:5px;}
.silder-news li span{ width:70px; margin-top:-20px;}
.silder-news li p{font-size:5px; margin-top: -25px;}
.pro-main{ height:400px}
.product{margin-top:100px;}
.intr-bot{margin-top:130px;}
.intr-top p{width:75%;}
}
@media (max-width: 320px){
.silder-news li{width:130px;height:170px; margin-left: 0px;}
.silder-news li div{ width:120px;height:160px;}
.silder-news li h3{ font-size: 12px; margin-top:0px;}
.silder-news li span{ width:70px; margin-top:-25px;}
.silder-news li p{font-size:5px; margin-top: -30px;}
.pro-main{ height:400px}
}
@media (max-width:768px){
.intr-r{ width:50px;height:50px;}
.intr-bot li{height:170px}
.intr-bot li h2{font-size:40px;}
.intr-bot li p{font-size:14px;}
.intr-bot li span{width:70%;}
.slider{height:580px !important; }
.box{ margin-top: 180px !important;}
}
@media (max-width:520px){
.slider{height:480px !important; }
.box{ margin-top: 80px !important;}
}
@media (max-width:630px){
.intr-bot{margin-top:0;}
.intr-bot li p{font-size:12px;}
}
@media (max-width:455px){
.product{margin-top:0px;}
.intr-r{ }
.intr-body{ width:95%;}
.intr-top p{width:76%;}
.intr-body{height:350px;}
.intr-bot li p{ }
.intr-bot li{height:200px}
.intr-top p{ margin-left:2%;}
}
@media (max-width:320px){
.intr-bot li{ width:18%; margin-left:5px;}
}
@media (max-width:375px){.intr-r{width:40px;height:40px;}}
@media (max-width:320px){
.intr-body{ height:580px;}
.intr-bot{margin-top:180px;}
.intr-top p{width:75%;}
.intr-r{width:40px;height:40px;}
}
@media (max-width:360px){
.intr-r{width:40px;height:40px;}
}
/*news*/
@media (max-width:1099px){
.news-body{ width:100%}
.news-info{ width: 95%;margin-left: 5%;}
.intr-left{width:30%}
.intr-right{width:70%}
}
@media (max-width:700px){
.news-info{ width: 100%;margin-left: 0%;}
}
@media (max-width:955px){
.intr-right > div:nth-child(3){ width:70%;}
.intr-right p{ width:90%}
}
@media (max-width:650px){
.intr-left{ display: none;}
.intr-right{ width:100%;}
}
@media (min-width: 770px) and (max-width:1099px) {
.row-right{ width:75%;height:130%;}
.news-list .row{padding-left: 20px;}
}
@media (max-width:769px){
.row-right{ width:78%;height:105%;}
#row2{ margin-top: 130px;}
.icon-main{margin-top: 200px;}
}
@media (max-width:525px){
.row-right{height:130%;}
.news-list .row > div{margin-top:50px;}
#row2{ margin-top: 200px;}
.icon-main{margin-top: 400px;}
}
@media (max-width:413px){
.row-right{ width:75%;}
#row2{ margin-top: 220px;}
}
@media (max-width:360px){
.row-right{ width:70%;}
#row2{ margin-top: 220px;}
}
@media (max-width:570px){
.news-top{ margin-top:0px !important;}
}
@media (max-width:435px){
.news-top{ margin-top:-20px !important;}
}
/*icon*/
@media (max-width:1099px){
.icon-list .row{ width:100%;}
.icon-list .row > div p{ line-height: 20px;}
}
@media (max-width:767px){
.foot{ margin-top:250px}
.icon-list{ height:650px; padding-top:50px;}
}
@media (max-width:516px){
.icon-list .row > div span{ line-height: 70px;}
}
/*foot*/
@media (max-width:975px){
.foot-bottom{ height:90px;}
.footer-bottom{ height:90px;}
.copy{ width:50%;}
.copy span{ display:block;width:100%;line-height:20px;}
.copy span:nth-child(2){ margin-left: 0%;}
.copy{ padding-top:10px; text-align: center;}
}
@media (max-width:715px){
.copy{ width:70%;text-align: center;}
}
@media (max-width:515px){
.copy{ width:90%;text-align: center;}
}
@media (max-width:404px){
.copy{ width:100%;text-align: center;}
}
@media (max-width:320px){
.foot-bottom{ height:110px;}
.footer-bottom{ height:110px;}
}
@media (min-width:920px) and (max-width:1090px){
.copy{ width:90%;}
.copy span:nth-child(2){ margin-left:5%;}
.footer-main{ width:100%;}
.footer-left{ width:69%;margin-left:10px;}
.footer-right{ width:31%; margin-left: -60px;}
.footer-left dl{ width:10%; margin-left: 15px;}
.footer-left dl:nth-child(3){ width:9%; margin-left:5px;}
.footer-left dl:nth-child(2){ margin-left: 3px;}
}
@media (max-width:919px){
.footer-right{ display: none;}
.footer-main{ width: 100%; }
.footer-left{ width:100%; clear: both; margin-left:4%;}
}
@media (max-width:718px){
.footer-left dl{margin-left:25px; width: 9%;}
.footer-left dl:nth-child(3){ width:9%}
.footer-left dl:nth-child(2){width:14%;margin-left:15px;}
}
@media (max-width:640px){
.banner{padding-top: 0}
.footer-left dl{margin-left:15px; width: 10%;}
.footer-left dl:nth-child(3){ width:10%; margin-left: 10px;}
.footer-left dl:nth-child(2){width:15%;margin-left:10px;}
}
@media (max-width:579px){
.footer-left dl{margin-left:8px; width: 11%;}
.footer-left dl:nth-child(3){ width:11%; margin-left: 0px;}
.footer-left dl:nth-child(2){width:18%;margin-left:0px;}
}
@media (max-width:525px){
.footer-top{ display:none;}
.footer-bottom{margin-top:20px;}
}
@media (min-width:526px){
.foot-phone{display:none;}
}