Warning: mkdir(): No space left on device in /www/wwwroot/T1.COM/func.php on line 127
Warning: file_put_contents(./cachefile_yuan/nmgydfm.com/img/ce/b6fcc/1d4c3.css): failed to open stream: No such file or directory in /www/wwwroot/T1.COM/func.php on line 115
*{margin:0;padding:0;}
.logo-img{margin-left:-20px;margin-top:-3px;}
li{list-style:none outside none;}
intr-right*{ margin:0px; padding:0px;}
.banner{ position: relative;}
.row{max-width: 1200px;}
.top{ width:100%; height:70px; background-color:#363636; position: relative; position: fixed;z-index: 3000;}
.logo{ position:absolute; width:140px; height:30px; border-right: 1px solid #CCCCCC; top:50%; margin-top:-15px; left:50px;}
body{ overflow-x: hidden;}
.phone{ position:absolute; width:150px height:70px; left:205px; 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;}
.daoh ul li{ float:left; color:#CCCCCC; font-family:"微软雅黑";font-size:14px;width:100px;height:70px;line-height: 70px; text-align: center; cursor: pointer;}
.on{ background:#292929 ; border-bottom: 3px solid #CB1714;}
.navbar-nav{ cursor: pointer; }
#bs-example-navbar-collapse-9 li a{ padding-left:50px;}
.slides .slide1{ background: url(../images/cp_bg1.jpg); background-position:center center ; background-size:cover ;background-repeat:no-repeat ;}
.slides .slide2{ background: url(../images/cp_bg2.jpg); background-position:center center ; background-size:cover ;background-repeat:no-repeat ;}
.slides .slide3{ background: url(../images/cp_bg3.jpg); background-position:center center ; background-size:cover ;background-repeat:no-repeat ;}
.slides .slide4{ background: url(../images/cp_bg4.jpg); background-position:center center ; background-size:cover ;background-repeat:no-repeat ;}
.slides .slide5{ background: url(../images/cp_bg5.jpg); background-position:center center ; background-size:cover ;background-repeat:no-repeat ;}
.slides .slide6{ background: url(../images/cp_bg6.jpg); background-position:center center ; background-size:cover ;background-repeat:no-repeat ;}
@media (max-width: 1080px) {
.pcc{display:none;}
}
/*弹窗1/
.
.footBcon{ border-top: 1px solid #7c7c7c; padding: 20px 0px; margin-top: 25px;}
.footBcon .flink{ float: right; display: block;}
.foot-lbox{ float: left; display: block; width: 500px;}
.foot-lbox .zh{ color: #fff; font: bold 30px/1.5 "microsoft yahei";}
.foot-lbox .en{ font: 17px/1.4 Georgia,Arial, helvetica, sans-serif; color: #fff; margin-bottom: 65px;}
.footInfo li{ float: left; display: block; width: 44%; padding: 0px 0px 5px;}
.fsharp{ float: right; display: block; margin-bottom: 95px;}
.fsharp a { display: block; width: 48px; height: 48px; margin-right: 12px; background: url(../images/sharp2.png) no-repeat scroll -287px 0px; float: left; position: relative; }
.fsharp a em { background: url(../images/sharp2.png) no-repeat; display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 10; }
.fsharp a .ibg { background: url(../images/sharp2.png) no-repeat scroll -287px -48px; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); transition: 300ms; }
.fsharp a:hover .ibg { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
.fsharp a.a1 .i { background-position: 0px 0px; }
.fsharp a.a2 .i { background-position: -58px 0px; }
.fsharp a.a3 .i { background-position: -118px 0px; }
.fsharp a.a4 .i { background-position: -178px 0px; }
.fsharp a.a5 .i { background-position: -238px 0px; }
.fsharp a.a1:hover .i { background-position: 0px -48px; }
.fsharp a.a2:hover .i { background-position: -58px -48px; }
.fsharp a.a3:hover .i { background-position: -118px -48px; }
.fsharp a.a4:hover .i { background-position: -178px -48px; }
.fsharp a.a5:hover .i { background-position: -238px -48px; }
.fsharp a.a5{ margin-right: 0px;}
.foot-rbox{ width: 414px; float: right; display: block;}
.foot-rbox .selbox{ float: left; display: block;}
select.selbox { outline: none; width: 185px; height: 32px; line-height: 32px; padding: 0px 0px 0px 15px; margin: 0px; vertical-align: middle; border: 1px solid #999999; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "microsoft yahei"; color: #cccccc; cursor: pointer; display: block; font-size: 14px; margin-right: 10px; background: url(../images/select_bot.png) no-repeat scroll 90% center #666666; float: right; }
.no-csstransitions select.selbox { padding-left: 0; }
select.selbox option { padding: 2px 15px; }
select.selbox:hover { color: #fff; border-color: #fff;}
.joinBtn{ width: 170px; padding: 0px 15px; height: 30px; line-height: 30px; border: 1px solid #999999; display: block; float: right; background: url(../images/i1.png) no-repeat scroll 90% center;}
.joinBtn:hover{ border-color: #fff;}
.dock{ position: fixed; right: 1%; bottom: 6%; z-index: 1000;}
.dock a{ width: 52px; height: 52px; margin-bottom: 2px; display: block; background: url(../images/dock.png) no-repeat; background:none rgba(0,0,0,0.5); border-radius: 3px;}
.dock a i{ background: url(../images/ico.png) no-repeat; width: 100%; height: 100%; display: block; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.dock a i.i1{ background-position: 0px 0px;}
.dock a i.i2{ background-position: 0px -54px;}
.dock a i.i3{ background-position: 0px -108px;}
.dock a i.i4{ background-position: 0px -162px;}
.dock a:hover i.i1{ background-position: -52px 0px;}
.dock a:hover i.i2{ background-position: -52px -54px;}
.dock a:hover i.i3{ background-position: -52px -108px;}
.dock a:hover i.i4{ background-position: -52px -162px;}
/*video*/
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; border: 12px solid #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 36px; height: 36px; background-color: #CCAB68; cursor: pointer; position: absolute; top: -12px; right: -48px; }
.vwrap .close i { display: block; width: 36px; height: 36px; background: url(../images/closebtn.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; background: url(../images/vico.png) no-repeat!important; width: 82px!important; height: 80px!important; -webkit-transition: 100ms; -moz-transition: 100ms; -ms-transition: 100ms; transition: 100ms; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
/*video style end*/
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
@-webkit-keyframes scaleUpDown {
from { -webkit-transform: scale(1.08); transform: scale(1.08); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
from { -webkit-transform: scale(1.08); transform: scale(1.08); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
/*
* Core Owl Carousel CSS File
* v1.3.3
*/
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* mouse grab icon */
.grabbing { cursor: url(grabbing.png) 8 8, move; }
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.owl-theme .owl-controls { margin-top: 10px; text-align: center; }
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; }
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { }
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
/* preloading images */
.owl-item.loading { min-height: 150px; background: url(../images/AjaxLoader.gif) no-repeat center center; }
html.openImg { }
.overlayClose { width: 52px; height: 52px; display: block; position: fixed; right: 3%; top: 15%; border-radius: 50%; transition: 300ms; -webkit-transition: 300ms; z-index: 100;}
.overlayClose i { background: url(../images/close_ico2.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }
.overlayClose:hover{ background-color: #CCAB68;}
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.imgShowBox { background: url(../images/black.png) repeat; background: none rgba(0,0,0,0.7); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 800ms ease 0s; -webkit-transition: all 800ms ease 0s; z-index: 1010; width: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; }
.no-csstransitions .imgShowBox{ display: none;}
.imgShowDemo { width: 100%; height: 100%; position: relative; overflow: hidden; }
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 60px; }
.imgShowDemo .con{text-align: center !important; position: absolute; left: 0px; right: 0px;bottom: 0px; background-color: #fff; width: 100%; padding: 10px 5%;}
.imgShowDemo .con .t{ font-size: 16px; color: #333;}
.imgShowDemo .txt { background: #272727; font-size: 16px; color: #fff; line-height: 65px; position: absolute; left: 0; right: 0; bottom: 0; height: 65px; }
.imgShowDemo .txt .i { padding-left: 3%; }
.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.no-csstransitions .img-show{ display: block;}
.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; width: 64px; height: 64px; border-radius: 10px; background-color: transparent; overflow: hidden; top: 50%; margin-top: -32px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 3%; background-image: url(../images/p_l3.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 3%; background-image: url(../images/p_r3.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover {background-color: #CCAB68; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background-color: #666666; }
.infoPaging a:link,.infoPaging a:visited { color: #666666;}
.infoPaging a:active,.infoPaging a:hover { color: #fff;}
.infoPaging{ border-top: 1px solid #cccccc; height: 58px; margin-top: 5%; text-align: center; letter-spacing: -0.31em; /* webkit */*letter-spacing: normal; /* IE < 8 重置 */}
.infoPaging a{ line-height: 58px; width: 66px; border-left: 1px solid #cccccc; font: 18px/58px "acaslonpro","times new roman",tahoma,georgia; display: inline-block;zoom: 1; *display: inline; /* IE < 8: 伪造 inline-block */ letter-spacing: normal; word-spacing: normal; vertical-align: top;}
.infoBox .list{ background: url(../images/list1.png) no-repeat scroll center center #999999; padding-left: 68px; height: 59px; display: inline-block;}
.infoBox .list:hover{ background-color: #cc0000;}
.infoPaging .pprev{ background: url(../images/prev11.png) no-repeat scroll 8% center; padding: 0px 30px 0px 37px; border-left: 0px none; font-size: 16px; font-family: "microsoft yahei";}
.infoPaging .pnext{ background: url(../images/next11.png) no-repeat scroll 92% center; padding: 0px 37px 0px 30px; font-size: 16px;font-family: "microsoft yahei";}
.infoPaging .pprev:hover{ background-position: 0px center; background-color: transparent; color: #cc0000;}
.infoPaging .pnext:hover{ background-position: 100% center; background-color: transparent; color: #cc0000;}
.infoPaging a.act{ background-color: #CCAB68; color: #fff;}
.infoPaging a:hover{ background-color: #ccc; color: #fff;}
.infoBox{ width: 370px; margin: 0px auto; line-height: 59px; font-size: 16px;}
.infoBox .list{ background: url(../images/list1.png) no-repeat scroll center center #999999; padding-left: 68px; height: 59px; display: inline-block; width: auto;}
.infoBox .list:hover{ background-color: #cc0000;}
.infoBox .pprev{ background: url(../images/prev11.png) no-repeat scroll 8% center; padding:0px 0px 0px 37px; float: left; display: block; height: 100%;}
.infoBox .pnext{ border-left: 0px none; background: url(../images/next11.png) no-repeat scroll 92% center; padding:0px 37px 0px 0px; float: right; display: block; height: 100%;}
.infoBox .pprev:hover{ background-position: 0px center;}
.infoBox .pnext:hover{ background-position: 100% center;}
/*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%; height:50px; background: #242424; }
.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:nth-child(2){margin-left:140px;}
.copy span:last-child{ position: absolute; right:0px;}
.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: 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;}
.logo img{ width:125px; margin-top:0px;}
.phone{ left:140px;}
.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: 376px){
.silder-news li{width:140px;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:110px;height:170px; margin-left: 0px;}
.silder-news li div{ width:90px;height:150px;}
.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:732px){
.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%;}
}
@media (max-width:630px){
.intr-bot{margin-top:110px;}
.intr-bot li p{font-size:12px;}
}
@media (max-width:455px){
.product{margin-top:100px;}
.intr-r{ }
.intr-body{ width:95%;}
.intr-top p{width:80%;}
.intr-body{height:550px;}
.intr-bot{margin-top:110px;}
.intr-bot li p{ }
.intr-bot li{height:200px}
.intr-top p{ margin-left:2%;}
}
@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:78%;}
#row2{ margin-top: 220px;}
}
@media (max-width:360px){
.row-right{ width:70%;}
#row2{ margin-top: 220px;}
}
/*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:0px}
.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){
.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;}
}
/*
| ------------------------------------------
| Glide styles
| ------------------------------------------
| Here are slider styles
|
*/
.slider {
position: relative;
width: 100%;
height: 600px !important;
overflow: hidden;
background: url(../images/bg.jpg);
background-position: center center;
background-repeat:no-repeat ;
background-size:cover ;
}
@font-face {
font-family:'FZLTXHJW';
src: url('../fonts/FZLTXHJW.ttf') format('truetype');
font-weight:normal;
font-style: normal;
}
.slides{ list-style:none;}
.box{ text-align: center;}
.box h1{ color:#fff; font-family:'FZLTXHJW';font-size: 50px;text-align: center;margin-top: 100px; font-weight: 100;}
.box h1 span{ color:#CD1714;}
.box hr{ width:85px; height:1px; background:#CD1714 ; border: none; border-top: solid 1px #CD1714 ; display: inline-block;}
.box p{ color:rgb(204, 204, 204); text-align:center; width: 567px; font-family: 'Microsoft YaHei'; margin:0 auto;}
.p2{ font-size: 18px; line-height: 50px;}
.p3{ line-height: 20px;}
.box > p:nth-child(3){ font-size: 14px;line-height: 20px;width: 68%;}
.circle{ display:inline-block; width:5px;height:5px; border-radius:8px ; background-color:#FFF; margin-bottom:4px; margin-left: 10px;margin-right: 10px;}
.box > div{ width:100px; height:30px; border: 2px #C1C0BF solid; margin:0 auto; margin-top:30px; position:relative; border-color:#B2B2B0; }
.box > div:hover{ background:#FFF; cursor:pointer;border: 2px #FFF solid;}
.box > div > a{ text-decoration:none; font-size: 14px;font-family: 'Microsoft YaHei'; position:absolute; left:20%; top:3px; color: rgb(204, 204, 204);
}
@media only screen and (min-width: 470px) and (max-width: 750px) {
.box h1{ font-size: 34px;}
.box p{ width: 450px; }
}
@media only screen and (max-width: 470px){
.box h1{ font-size: 24px;}
.box p{ width: 250px; line-height:20px;}
.p2{ font-size: 14px !important; }
}
.slides {
height: 100%;
/* Simple clear fix */
overflow: hidden;
/**
* Prevent blinking issue
* Not tested. Experimental.
*/
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
/**
* Here is CSS transitions
* responsible for slider animation in modern broswers
*/
-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.slide {
height: 100%;
float: left;
clear: none;
}
.slider-arrow {
position: absolute;
display: block;
margin-bottom: -20px;
width: 40px;
height: 60px;
line-height: 60px;
text-decoration: none;
text-align: center;
color: #968c88;
font-size: 4em;
background-color: rgba(50,50,50,0);
}
.slider-arrow a{ text-decoration:none}
.slider-arrow--right { bottom: 50%; right: 30px; background-image: url(); width:60px; height:60px; }
.slider-arrow--left { bottom: 50%; left: 30px; background-image: url(); width:60px; height:60px;}
.slider-arrow--right:hover{ background: #333;}
.slider-arrow--left:hover{ background: #333;}
.slider-nav {
display:none;
position: absolute;
bottom: 30px;
z-index: 2;
}
.slider-nav__item {
width: 8px;
height: 8px;
border-radius:8px;
float: left;
clear: none;
display: block;
margin: 0 5px;
background: #968c88;
}
.slider-nav__item--current {width: 8px;
height: 8px;border-radius:8x; background:#fff; }
/**/
.sli-clon{ width:100%;}
.slider-nav-main{ width:95%; position: absolute; bottom: 0px;left: 0px; padding-left: 30px; z-index: 1; margin: 0 auto;}
.slider-nav-main ul{width: 100%;}
.slider-nav-main ul li{list-style: none; float: left; margin-left:4% ; cursor: pointer; width:28%;}
.slider-nav-main ul li:first-child{margin-left:3% }
.slider-nav-main ul h5{color: #B2B2B0;}
.slider-nav-main ul hr{background: #B2B2B0;}
.slider-nav-main ul li p{ color: #fff; width:100%;word-wrap: break-word;}
.p-c{ font-size:16px;font-family: "微软雅黑","Microsoft Yahei";}
.s-on h4{ color:#CD1714 !important; font-size: 16px; }
.sli-clon h4{ color: #fff;}
.s-on hr{ border-color:#CD1714 !important;}
.s-on p{ color:#CD1714 !important;}
.arrowsWrapper img{margin-top:-10px}
@media (max-width: 845px) {
.slider{ height:650px !important;}
}
@media (max-width: 605px) {
.slider-arrow--left{ left:5px;}
.slider-arrow--right{ right:5px;}
}
@media (max-width: 482px) {
.slider-nav-main{ width:100%;}
.slider-nav-main ul li{ margin-left:3% ; }
.slider-nav-main ul li:first-child{margin-left:1% ;}
}
@media (max-width: 430px) {
.slider{ height:720px !important;}
}