/*权威代码 1.0*/ /*完善情况：6%*/ /*编码人：幻想者psccer*/ /*时间：2017-02-21*/ /*工程：网建工程-框架篇*/ /*初始默认*/ :focus{outline:0;transition:all 0.3s ease 0s;} body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0;} h1,h2,h3{font-style:normal;margin: auto;padding: auto;} em{font-style:normal;} img{border:none;} li,ul,ol{list-style:none;} a{font-style: normal;} a:hover{color: #eb8105} a:active{} a:focus{} input{padding:0px;vertical-align: middle;line-height: normal;border:none;} body{font-size: 14px;color: #333;font-family:微软雅黑;overflow-x:hidden;position: relative;background-size: 100%;background: #fafafa} .clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden} .clear:after{content:"";display:block;height:0;clear:both;visibility:hidden} ::selection { background:#808080; color:#fff; } ::-moz-selection { background:#808080; color:#fff; } ::-webkit-selection { background:#808080; color:#fff; } .fr{float: right;} .fl{float: left;} /*默认一档*/ .bold{font-weight:bold;} .fontRed{color:red;} *:link,*:visited,*:hover,*:active,*:focus{color: none} /*padding不影响大小*/ *{ -moz-box-sizing: border-box; /*Firefox3.5+*/ -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; } /*输入文字颜色*/ ::-webkit-input-placeholder {color:#999;} :-moz-placeholder {color:#999;} ::-moz-placeholder {color:#999;} :-ms-input-placeholder {color:#999;} .search_text::-webkit-input-placeholder {color:#b2b2b2;} .search_text:-moz-placeholder {color:#b2b2b2;} .search_text::-moz-placeholder {color:#b2b2b2;} .search_text:-ms-input-placeholder {color:#b2b2b2;} .search-01_text::-webkit-input-placeholder {color:#777;} .search-01_text:-moz-placeholder {color:#777;} .search-01_text::-moz-placeholder {color:#777;} .search-01_text:-ms-input-placeholder {color:#777;} .input_1::-webkit-input-placeholder {color:#999;} .input_1:-moz-placeholder {color:#999;} .input_1::-moz-placeholder {color:#999;} .input_1:-ms-input-placeholder {color:#999;} .input_2::-webkit-input-placeholder {color:#999;} .input_2:-moz-placeholder {color:#999;} .input_2::-moz-placeholder {color:#999;} .input_2:-ms-input-placeholder {color:#999;} /*未知的代码-来源导航下拉按钮样式*/ .mtree-skin-selector{display:none;} /*文字库*/ @font-face { font-family: "fontawesome"; src: url('/template/fonts/fontawesome-webfont.eot'); src: local('?'), url('/template/fonts/fontawesome-webfont.woff') format('woff'), url('/template/fonts/fontawesome-webfont.ttf') format('truetype'), url('/template/fonts/fontawesome-webfont.svg') format('svg'); } /*db多宝视讯框架*/ .main-reset{} .main{width: 100%;position: relative;} .main-t{border-bottom: 1px solid #e6e6e6;transition:all 0.3s ease 0s;} .main-h{transition:all 0.3s ease 0s;background-size:cover;top:0px;z-index: 99999999;} .main-n{background: #00547e;z-index: 99999;background: url(/template/images/m-2j-bj.jpg) no-repeat center;} .main-f{} .main-01{} .main-02{background:background-size:cover;} .main-03{background: #fff;} .main-04{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/m-4j-bj.jpg', sizingMethod='scale');background: url(/template/images/m-4j-bj.jpg) no-repeat center;background-size:cover;} .main-05{background: #fff;} .main-06{border-bottom: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6;background: #f6f6f6;} .main-box{width: 100%;max-width: 1140px;margin: 0 auto;} .main-box-01{display: inline-block;width: 100%;position: relative;padding:0 15px} .main-n .main-box{padding: 0} @media(max-width: 1200px){ .main-box{padding:0 15px} .main-box-01{padding:0 15px} } @media(max-width: 992px){ .main-01{} } @media(max-width: 768px){} @media(max-width: 480px){} /*main-top*/ /*main-head*/ .main-head{padding:20px 0px;position: relative;text-align: center;transition:all 0.3s ease 0s;} .m-h-l{width: 50%;float: left;} .m-h-r{width: 50%;float: right;} /*logo.css*/ .logo{transition:all 0.3s ease 0s;display: inline-block;float: left;padding: 0px 0 0px 0;position: relative;z-index: 999999;max-width: 540px;} .logo h1{} .logo a{display: inline-block;} .logo a img{transition:all 0.3s ease 0s;width: 100%;height: auto;} .logo-p{transition:all 0.3s ease 0s;display: inline-block;float: left;text-align: left;padding: 5px 0 0px 0px;width: 100%;display: none;} .logo-p *{font-size: 14px;line-height: 24px;color: #222} .logo-p img{max-width:143px;height: auto;width: 100%;} /*m-t-con*/ .m-h-con{text-align: left;float: right;width: auto;padding: 5px 0 0 0} .m-h-con *{transition:all 0.3s ease 0s;font-size: 14px;line-height: 24px;display: inline-block;color: #4d4d4d;font-style: normal;} .m-h-con p{margin:0px 0px 0 20px;width:auto;padding:0 0 0 25px} .m-h-con p.m-h-con-01{background: url(/template/images/h-i-01.png) no-repeat left center;float: left;} .m-h-con p.m-h-con-02{background: url(/template/images/h-i-02.png) no-repeat left center;display: inline-block;float: right;} .m-h-con a{} .m-h-con a:hover{text-decoration: underline;color: #eb8105} /*search*/ .search {transition:all 0.3s ease 0s;position: relative;max-width: 350px; height: 40px; vertical-align: middle; display:block; bottom:0px; right: 0px; margin:10px 0px 0 0; overflow: hidden; padding:0 0px 0 0; z-index: 999;border: 1px solid #e6e6e6;float: right;width: 100%;} .search_text {width: 100%; height: 40px;;color: #333; line-height: 40px; font-size: 14px; margin: 0px 0px 0 0px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; padding:0 0px 0 15px;background:#fff;} .search_btn {transition:all 0.3s ease 0s; display: block; position: absolute; width: 40px; right: 0; top: 0; height: 40px; cursor: pointer; top: 0px;right: 0px; background:#eb8105 url(../images/sou.png) no-repeat center center; filter:alpha(opacity:100);opacity:1;overflow: hidden;border-left: 1px solid #e6e6e6;} .search_btn:hover{} .search_text:focus {} /*sns图标*/ .m-t-link{float: right;padding: 5px 0 0 0;margin:0 10px 0 0} .m-t-link p{transition:all 0.3s ease 0s;float: left;width: 30px;height: 30px;margin:0 10px 0 0;filter:alpha(opacity:100);opacity:1;} .m-t-link a{transition:all 0.3s ease 0s;width: 100%;height: 100%;background: #e6e6e6;font-size: 18px;line-height: 30px;color: #777777;} .m-t-link a:hover{filter:alpha(opacity:75);opacity:0.75;} /*nav.css*/ .zdy-nav{width: auto;margin:0 0px 0 0;height:auto;position: relative;z-index: 99999999} .zdy-nav ul li:hover a{transition:all 0.3s ease 0s;} .zdy-nav a{width: 100%;} .zdy-nav>ul{width: 100%;} .zdy-nav>ul>li{float: left;position: relative;border-right: 1px solid #47515d;} .zdy-nav>ul>li>a{transition:all 0.3s ease 0s;font-size: 18px;line-height: 60px;color: #fff;display: inline-block;text-transform: uppercase;padding:0 46px} .zdy-nav>ul>li a:before{transition:all 0.3s ease 0s;content:"";width: 0;position: absolute;bottom:0px;left:50%;height: 5px;background: #eb8105;} .zdy-nav>ul>li:first-child{} .zdy-nav>ul>li.home{border-left: 1px solid #47515d;} .zdy-nav>ul>li.home a{background: #47515d;} .zdy-nav>ul>li.home a:before{width: 100%;left:0;} /*nav-xys-xx*/ @media(max-width:1140px){.zdy-nav>ul>li>a{padding:0 32px}} @media(max-width:992px){.zdy-nav>ul>li>a{padding:0 20px}} @media(max-width:820px){.zdy-nav>ul>li>a{padding:0 15px}} @media(max-width:768px){.search{margin:0px 0 0 0;}} @media(max-width:480px){.search{margin:10px 0 0 0;}} .zdy-nav-xiala-01{transform: scaleY(0);transform-origin: 0 0 0;transition:all 0.3s ease 0s;filter:alpha(opacity:0);opacity:0;position: absolute; left:0px;top:100%;width: 200px;text-align: left;padding: 0px 0 0 0;} .zdy-nav-xiala-01 a{font-family: "Roboto";} .zdy-nav-xiala-01>ul{background: #fff;padding:10px 0px 20px 10px;} .zdy-nav-xiala-01>ul>li{padding: 0px 0} .zdy-nav-xiala-01>ul>li>a{font-size: 14px;font-size: 14px;text-transform: capitalize;line-height: 24px;padding: 5px 0 5px 0px;display: inline-block;} .zdy-nav-xiala-01 ul li{position: relative;} .zdy-nav-xiala-01 ul li div{transform: scaleX(0);transform-origin: 0 0 0;transition:all 0.3s ease 0s;filter:alpha(opacity:0);opacity:0;position: absolute; left:100%;top:-10px;width: 200px;text-align: left;} .zdy-nav-xiala-01 ul li div>ul{background: #fff;padding:10px 0px 20px 10px;} .zdy-nav-xiala-01 ul li div>ul>li{} .zdy-nav-xiala-01 ul li div>ul>li>a{font-size: 14px;font-size: 14px;text-transform: capitalize;line-height: 24px;padding: 5px 0;display: inline-block;} .zdy-nav>ul>li:hover>.zdy-nav-xiala-01{transform: scaleY(1);filter:alpha(opacity:100);opacity:1;} .zdy-nav>ul>li:hover>.zdy-nav-xiala-01>ul{ -webkit-box-shadow:0px 3px 10px rgba(0,0,0,0.3); -moz-box-shadow:0px 3px 10px rgba(0,0,0,0.3); -o-box-shadow:0px 3px 10px rgba(0,0,0,0.3); box-shadow:0px 3px 10px rgba(0,0,0,0.3); } .zdy-nav>ul>li>.zdy-nav-xiala-01>ul>li:hover>div{transform: scaleX(1);filter:alpha(opacity:100);opacity:1;} .zdy-nav>ul>li>.zdy-nav-xiala-01>ul>li:hover>div>ul{ -webkit-box-shadow:0px 3px 10px rgba(0,0,0,0.3); -moz-box-shadow:0px 3px 10px rgba(0,0,0,0.3); -o-box-shadow:0px 3px 10px rgba(0,0,0,0.3); box-shadow:0px 3px 10px rgba(0,0,0,0.3); } .zdy-nav>ul>li>.zdy-nav-xiala-01>ul>li>div>ul>li:hover>div{transform: scaleY(1);filter:alpha(opacity:100);opacity:1;} .zdy-nav>ul>li>.zdy-nav-xiala-01>ul>li>div>ul>li:hover>div>ul{ -webkit-box-shadow:0px 3px 10px rgba(0,0,0,0.3); -moz-box-shadow:0px 3px 10px rgba(0,0,0,0.3); -o-box-shadow:0px 3px 10px rgba(0,0,0,0.3); box-shadow:0px 3px 10px rgba(0,0,0,0.3); } .zdy-nav>ul>li:hover>a {background: #47515d} .zdy-nav>ul>li:hover>a::before{content:"";width: 100%;position: absolute;bottom:0px;left:0px;height: 5px;background: #eb8105} .zdy-nav-xiala-01>ul>li:hover>a{color: #eb8105;padding:5px 0 5px 3px} .zdy-nav-xiala-01>ul>li>div ul li:hover>a{color: #eb8105;padding:5px 0 5px 3px} @media(max-width:1200px){ .logo-p{} .m-h-c{width: 300px;margin: 0 0 0 -150px} .main-head{padding: 20px 0} } @media(max-width:992px){ } @media(max-width:768px){ .main-head{padding: 20px 0} .logo-p{display: none;} .m-h-con{display: none;} .m-h-c{position: static;float: right;margin: 0} .zdy-nav{display: none;} } @media(max-width:480px){ .main-head{padding: 20px 0} .logo{text-align: center;float: none;} .logo-p{display: none;} .m-h-l{width: 100%;float: left;} .m-h-r{width: 100%;float: right;} .search {max-width: none} } /*悬浮导航*/ .large-mdzz{} .small-mdzz{position: fixed;top:0px;left:0;z-index:999; -webkit-box-shadow:0px 4px 8px rgba(0,0,0,0.3); -moz-box-shadow:0px 4px 8px rgba(0,0,0,0.3); -o-box-shadow:0px 4px 8px rgba(0,0,0,0.3); box-shadow:0px 4px 8px rgba(0,0,0,0.3);} .small-mdzz {} .large-mdzz-01{} .small-mdzz-01{padding: 50px 0 0 0} @media(max-width:1200px){} @media(max-width:992px){} @media(max-width:768px){} @media(max-width:480px){} /*banner*/ .main-banner{} .big-banner{} .xiao-banner{display: none !important;} .page-banner{} /**/ .page-banner{width:100%;margin: 0px auto 0px;padding:0px 0 0 0;height: 400px;} .page-banner img{} @media(max-width:1200px){} @media(max-width:992px){} @media(max-width:768px){ .page-banner img{height: 200px;width: auto;max-width: none} } @media(max-width:480px){} .banner-txt-01{text-align: center;position: absolute;width: 100%;z-index: 99} .banner-txt-01 p{width: 100%;font-family: "Candara-B";font-size: 36px;line-height: 46px;color: #00547e;text-transform: uppercase;margin: 58px 0 0 0} .banner-txt-01 a{transition:all 0.3s ease 0s;display: inline-block;;background: #eb8105;width: 120px;height: 40px;margin: 20px 0 0 0;line-height: 40px;font-size:14px;text-transform: uppercase;color: #fff;} .banner-txt-01 a:hover{background: #00547e;} @media(max-width:1200px){} @media(max-width:992px){ .banner-txt-01 p{margin: 40px 0 0 0} .banner-txt-01 a{margin: 15px 0 0 0} } @media(max-width:768px){ .big-banner{display: none !important;} .xiao-banner{display: block !important;} .banner-txt-01 p{margin: 50px 0 0 0;font-size: 30px;line-height: 40px;} .banner-txt-01 a{margin: 20px 0 0 0} } @media(max-width:480px){ .banner-txt-01 p{margin: 30px 0 0 0;font-size: 24px;line-height: 34px;} .banner-txt-01 a{margin: 10px 0 0 0} } /*编辑区*/ /* Slider */ .slick-slider{ display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;} .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .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; margin:0 auto;} .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; margin-top: -10px; padding: 0; border: none; outline: none; } .slick-prev:focus, .slick-next:focus { outline: none; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } /* Dots */ .slick-dots { position: absolute; bottom: -35px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; z-index:999;} .slick-dots li { position: relative; display: inline-block; height: 5px; width: 35px; margin: 0px 5px; padding: 0px; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 5px; width: 35px; outline: none; line-height: 0; font-size: 0; cursor: pointer; outline: none; background:rgba(255,255,255,0.6);} .slick-dots li button:focus { outline: none;} .slick-dots li.slick-active button{background:#fff;} /*main-bt*/ .main-bt{text-align: center;} .main-bt p{text-transform: capitalize;font-size: 24px;line-height: 30px;color: #333333;float: left;text-transform: uppercase;} .main-bt a{float: right;padding:0 15px;line-height: 30px;font-size: 12px;color: #777;;border: 1px solid #e6e6e6;text-transform: uppercase;background: #fff;} .main-bt a:hover{background: #eb8105;color: #fff} @media(max-width:1200px){} @media(max-width:992px){ } @media(max-width:768px){ .main-bt p{font-size: 24px;line-height: 30px;} } @media(max-width:480px){} /*main-bt-01*/ /*main-more*/ .main-more{width: 100%;text-align:left;} .main-more-01{width: 100%;text-align:center;} .main-more a{transition:all 0.3s ease 0s;font-size: 16px;line-height: 50px;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;background: #eb8105;color: #fff;display: inline-block;margin: 20px 0 0 0;padding:0 40px} .main-more a:hover{background: #70b32c;} @media(max-width:768px){ .main-more{width: 100%;text-align:center;} .main-more a{padding:0 30px} } /*main-1j*/ .main-1j{position: relative;padding: 30px 0 0 0} .main-1j *{transition:all 0.3s ease 0s;} .main-1j{} .main-1j li{padding:0 10px;display: inline-block;} .main-1j li.m-1j-01{width: 30.4%;float: left;} .main-1j li.m-1j-02{width: 39%;float: left;} .main-1j li.m-1j-03{width: 30.4%;float: right;} .m-1j-p{text-align: center;position: relative;background: #000;overflow: hidden;} .m-1j-p a{width: 100%;height: 100%;display: inline-block;position: absolute;z-index: 20} .m-1j-p p{-moz-border-radius:125px;-webkit-border-radius:125px;border-radius:125px;width: 250px;height: 250px;position: absolute;left:50%;top:50%;margin: -125px 0 0 -125px;background: rgba(255,255,255,0.0);z-index: 10;} .m-1j-p p i{max-width: 100%;display: inline-block;margin: 60px 0 0 0} .m-1j-p p i img{max-width: 100%;height: auto;} .m-1j-p p i img.m-1j-img-01{display: block;} .m-1j-p p i img.m-1j-img-02{display: none;} .m-1j-p span{width: 100%;font-size: 24px;height: 34px;margin: 15px 0 0 0;color: #fff;display: inline-block;font-weight: bold;} .m-1j-p>img{width: 100%;height: auto;filter:alpha(opacity:85);opacity:0.85;} .m-1j-p-01{} .m-1j-p-02{} .m-1j-p-04{margin: 30px 0 0 0} .m-1j-p-03 p i{margin: 80px 0 0 0} .m-1j-p-04 p i{margin: 80px 0 0 0} .m-1j-p:hover p{background: rgba(255,255,255,0.6)} .m-1j-p:hover p i img.m-1j-img-01{display: none;} .m-1j-p:hover p i img.m-1j-img-02{display: block;} .m-1j-p:hover p span{color: #eb8105;} .m-1j-p:hover>img{filter:alpha(opacity:100);opacity:1} @media(max-width:1170px){} @media(max-width:992px){ .m-1j-p-04{margin: 20px 0 0 0} } @media(max-width:768px){ .main-1j{padding: 20px 0 0 0} .main-1j li.m-1j-01{width:43%;float: left;padding:0 0 0 15px} .main-1j li.m-1j-02{width: 55%;float: right;padding:0 15px 0 0} .main-1j li.m-1j-03{width: 100%;float: right;padding:0 15px;margin: 15px 0 0 0} .m-1j-p-03{width: 49%;float: left;} .m-1j-p-04{width: 49%;float: right;margin: 0;} } @media(max-width:480px){ .main-1j li.m-1j-01{width: 100%;padding:0 15px;} .main-1j li.m-1j-02{width: 100%;padding:0 15px;margin: 20px 0 0 0} .main-1j li.m-1j-03{width: 100%;padding:0 15px;margin: 20px 0 0 0} .m-1j-p-03{width: 100%;float: left;} .m-1j-p-04{width: 100%;float: right;margin: 20px 0 0 0;} .m-1j-p-01{max-height: 320px;overflow: hidden;} .m-1j-p-02{max-height: 320px;overflow: hidden;} } /*main-2j*/ .main-2j{padding: 30px 0px 0 0} .main-2j *{transition:all 0.3s ease 0s;} .m-2j-r{position: relative;float: right;padding:0 10px;width: 32.5%;} .m-2j-l{float: left;width: 67.5%;padding:0 10px} .m-2j-l-01{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/m-2j-bj.jpg', sizingMethod='scale');width:100%;float: left;background:url(/template/images/m-2j-bj.jpg) no-repeat center;background-size:cover;} .m-2j-l-01 img{width:100%;height: auto;} .m-2j-l-p{float: left;width: 63%;} .m-2j-l-p a{display: block;;} .m-2j-l-t{float: right;width: 37%;padding:50px 25px 0px 25px;text-align: left;} .m-2j-l-t *{color: #fff;width: 100%;display: inline-block;} .m-2j-l-t b{width: 100%;font-size: 24px;line-height: 24px;} .m-2j-l-t a.m-2j-l-bt{font-size:16px;line-height: 24px;margin: 22px 0 0 0;max-height: 48px;overflow: hidden;} .m-2j-l-t p{font-size: 12px;line-height: 24px;max-height: 72px;overflow: hidden;margin: 20px 0 0 0} .m-2j-l-t a.m-2j-more-01{margin: 20px 0 0 0;font-size: 12px;line-height: 24px;padding:0 30px 0 0px;background: url(/template/images/m-2j-i-00.png) no-repeat right center;width: auto;} .m-2j-l-t>a:hover{text-decoration: underline;color: #fff} span.m-2j-more-02{width: 100%;text-align: center;margin: 90px 0 0 0} span.m-2j-more-02 a{text-align: center;width: 190px;font-size: 14px;line-height: 40px;color: #fff;background: #eb8105;} span.m-2j-more-02 a:hover{background: #00547e;} span.m-2j-more-03{margin: 50px 0 0 0} @media(max-width:1340px){ span.m-2j-more-02{margin: 30px 0 0 0} .m-2j-l-t{padding: 20px 20px 0 20px} .m-2j-l-t a.m-2j-more-01{margin: 10px 0 0 0} .m-2j-l-t a.m-2j-l-bt{margin: 20px 0 0 0;} .m-2j-l-t p{margin: 10px 0 0 0} .m-2j-more-01{margin: 10px 0 0 0} } @media(max-width:1040px){ .m-2j-l-t p{display: none;} } @media(max-width:992px){ span.m-2j-more-02 a{width: 100%;} } @media(max-width:768px){ span.m-2j-more-02{margin: 10px 0 0 0} .main-2j{padding: 20px 0px 0 0} .m-2j-l{width: 100%;padding:0 15px} .m-2j-r{width: 100%;padding:0 15px;margin: 20px 0 0 0} } @media(max-width:480px){ .m-2j-l-t{width: 100%;padding:30px 20px} .m-2j-l-p{display: none;} .m-2j-l-t p{display: block;} span.m-2j-more-02{margin:50px 0 0 0} } /*main-3j*/ .main-3j{padding: 30px 0 40px;} .main-3j *{transition:all 0.3s ease 0s;} .m-3j-l{width: 33%;float: left;padding:0 10px;text-align: center;position: relative;height: 100%;} .m-3j-l-01{position: absolute;left:0px;top:0;height: 100%;width:100%;float: left;padding:0 10px} .m-3j-l-02{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/m-2j-bj.jpg', sizingMethod='scale');background:url(/template/images/m-2j-bj.jpg) no-repeat center;background-size:cover;padding:60px 25px 0 25px;height: 100%;} .m-3j-l>img{width: 100%;height: auto;padding:60px 25px 0 25px;} .m-3j-l *{display: inline-block;width: 100%;} .m-3j-r{width: 67%;float: right;padding: 0 10px} .m-3j-r img{width:100%;height: auto;} .m-3j-l span{font-size: 24px;line-height: 24px;color: #fff;font-weight: bold;} .m-3j-l i{width: 50px;margin: 35px 0 0 0} .m-3j-l i img{width: 100%;height: auto;} .m-3j-l p{font-size: 12px;line-height: 24px;color: #fff;margin: 25px 0 0 0;max-height: 96px;overflow: hidden;} @media(max-width:1200px){ .m-3j-l-02{padding: 20px 20px 0 20px} .m-3j-l i{margin: 20px 0 0 0} .m-3j-l p{margin: 20px 0 0 0} span.m-2j-more-03{margin: 20px 0 0 0} } @media(max-width:992px){ .m-3j-l p{} .m-3j-l i{display: none;} } @media(max-width:880px){ } @media(max-width:768px){ .m-3j-l{width: 100%;height: auto;padding: 0 15px} .m-3j-r{width: 100%;padding: 0 15px;margin: 20px 0 0 0} .m-3j-l i{display: inline-block;} .m-3j-l p{} .main-3j{padding: 20px 0 20px;} .m-3j-l i img{width: auto;height:100%;} span.m-2j-more-03{margin: 50px 0 0 0} .m-3j-l-01{height: auto;padding:0 0;position: static;left:none;top:none;} .m-3j-l>img{display: none;} .m-3j-l-02{padding: 30px 20px} } @media(max-width:480px){ .m-3j-l{width: 100%;} } /*main-4j*/ .main-4j{overflow: hidden;position: relative;overflow: hidden;padding: 40px 0;} .main-4j *{transition:all 0.3s ease 0s;} .m-4j-l{width: 48.5%;background:rgba(83,154,203,0.75);padding:0 10px;float: left;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99539acb,endcolorstr=#99539acb);} .m-4j-bt{width: 100%;padding: 15px 0} .m-4j-bt p{float: left;display: inline-block;line-height: 24px;font-size: 20px;color: #fff;font-weight: bold;padding:0 0 0 40px;background: url(/template/images/m-4j-i-01.png) no-repeat left center;} .m-4j-bt a{float: right;display: inline-block;color: #fff;font-size: 12px;line-height: 24px;} .m-4j-news{width: 100%;position: relative;} .m-4j-t{width: 100%;padding:0 0 0 260px;height: 180px;} .m-4j-t a{font-size: 14px;line-height: 24px;color: #fff;max-height: 48px;display: inline-block;overflow: hidden;margin: 5px 0 0 0} .m-4j-t p{font-size: 12px;line-height: 24px;color: #fff;max-height: 72px;display: inline-block;overflow: hidden;color: #dbe8f4;margin: 10px 0 0 0} .m-4j-t span{background: url(/template/images/m-4j-i-03.png) no-repeat left center;padding:0 0 0 25px;color: #9fcce6;font-size: 14px;line-height: 22px;margin:10px 0 0 0;display: inline-block;} .m-4j-p{width: 240px;position: absolute; top:0px;left:0px;background:#fff;} .m-4j-p img{width: 100%;height: auto;} .m-4j-p a{display: block;filter:alpha(opacity:100);opacity:1;} .m-4j-l ul{width: 100%;padding: 5px 0 20px} .m-4j-l ul li{position: relative;width: 100%;padding: 8px 100px 8px 20px;position: relative;border-bottom: 1px dashed #7fb5d8;background: url(/template/images/m-4j-i-02.png) 0px 13px no-repeat;} .m-4j-l ul li span{font-size: 14px;line-height: 24px;position: absolute;right:0;top:8px;color: #b0cee5;display: inline-block;} .m-4j-l ul li a{font-size: 14px;line-height: 24px;color: #fff;overflow: hidden;height: 24px;display: inline-block;} .m-4j-bt a:hover{text-decoration: underline;color: #fff} .m-4j-t a:hover{color: #fff;text-decoration: underline;} .m-4j-p a:hover{filter:alpha(opacity:90);opacity:0.9;} .m-4j-l ul li a:hover{text-decoration: underline;color: #fff} .m-4j-r{float: none;;float: right;} @media(max-width:1440px){} @media(max-width:992px){ .m-4j-t span{color: #dbe4ec} .m-4j-t{height: auto;} .main-4j{padding:20px 0px} .m-4j-l ul li span{color: #fff;} .m-4j-l ul li{border-bottom: 1px dashed #fff;} .m-4j-l{width: 100%;} .m-4j-r{margin: 20px 0 0 0} } @media(max-width:768px){ } @media(max-width:480px){ .m-4j-t{padding: 0} .m-4j-p{position: static;width: 100%;} } /*编辑区结束*/ /*main-foot*/ .footerBox{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/m-f-bj.jpg', sizingMethod='scale');position: relative;margin: 0px auto 0px;padding: 0px 0 0px 0;background:#fff url(../images/m-f-bj.jpg) no-repeat bottom;background-size:cover;background-attachment: fixed;} .footer{max-width:1140px;width:100%;margin:0px auto 0;display: block;padding: 40px 0 40px 0;} .m-f-t{width: 100%;border-bottom: 1px solid #717172;padding: 40px 0 15px;} .m-f-logo{text-align: center;} .m-f-logo img{max-width: 320px;height: auto;width: 100%;} .m-f-t ul{width: 100%;text-align: center;padding: 33px 0 0 0} .m-f-t ul *{transition:all 0.3s ease 0s;} .m-f-t ul li{display: inline-block;padding:0 3.5%} .m-f-t ul li a{font-size:16px;line-height: 26px;color: #ccc;font-weight: bold;} .m-f-t ul li a:hover{text-decoration: underline;color: #fff;} @media(max-width:1200px){ .footerBox{} .footer{padding:60px 15px 50px 15px} } @media(max-width:992px){ .m-f-t{width: 100%;border-bottom: 1px solid #717172;padding: 30px 0 15px;} .footer{padding: 30px 15px 30px} } @media(max-width:768px){ .m-f-t{width: 100%;border-bottom: 1px solid #717172;padding: 20px 0 15px;} .footer{padding: 0px 15px 0px} } /*底部导航标题*/ .fot_title{display:block;} .fot_title em{font-size:20px;color:#ccc;display:block;line-height: 24px;text-transform:capitalize;margin: 0px 0 0 0;padding: 0 0 0 0px;font-size: 14px;text-transform: initial;text-transform: uppercase;f} .fot_title i{transition:all 0.3s ease 0s;font-size:14px;color:#ccc;float: right;display: none;width:30px;text-align: center;} .icon-minus-sign:before {content:"\f078" !important;font-family: "fontawesome";} .icon-plus-sign:before {content: "\f078" !important;font-family: "fontawesome";} .link-box{display:inline-block;text-align: left;padding:20px 0px 0px 0;vertical-align: middle;float: left;text-align: right;} .link-box p{display: inline-block;margin: 0px 15px 0 0px;float: left;text-align: center;} .link-box p a{transition:all 0.3s ease 0s;display: block; color: #4c4c4c;width: 40px;height: 40px;overflow: hidden;border: 1px solid #666;} .link-box p a i{transition:all 0.3s ease 0s;font-size: 20px;line-height: 40px;color:#666; } .link-box p a:hover{border: 1px solid #eb8105;} .link-box p a:hover i{color: #eb8105} /*sns图标*/ .main-f-t{padding:40px 0;border-bottom: 1px solid #4d4d4d;width: 100%;} /*search*/ @media(max-width:1200px){ } @media(max-width:992px){ } @media(max-width:768px){ } @media(max-width:480px){ .m-f-dy{width: 100%;} .m-f-search{width: 180px;} } /*底部查询*/ /*底部导航列表（列）*/ .fot_links {float: left;} .fot_links-01{width: 22%;margin: 0 0% 0 0%;padding: 0px 2% 0 0%;} .fot_links-02{width: 22%;margin: 0 0% 0 0%;padding: 0px 2% 0 0%;} .fot_links-03{width: 25%;margin: 0 0% 0 0%;padding: 0px 2% 0 0%;} .fot_links-04{width: 26%;margin: 0 0% 0 0%;padding: 0 2% 0 0%;float: right;} .fot_links ul{margin: 15px 0 0 0;width: 100%} .fot_links ul *{transition:all 0.3s ease 0s;} .fot_links ul li{display:block;padding:5px 0 5px 0px;} .fot_links ul li a{color:#808080;font-size:12px;line-height: 24px;margin: 0px 0;display:inline-block;padding:0 0 0 0px;display: inline-block;overflow: hidden;text-transform:capitalize;background: url(/template/images/m-f-i-01.png) no-repeat 0px 6px;padding:0 0 0 20px} .fot_links .column_icon_toggle{display:none;} .fot_links ul li a:hover{color: #fff;} @media(max-width:1200px){} @media(max-width:992px){ } @media(max-width:769px){ .fot_title i{display: block;margin: -25px 0 0 0;} .fot_links ul{margin: 0px 0 0 0;} .active i{transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);} .fot_links{width: 100%;height: auto;padding: 5px 0px} .fot_links{margin: 0px 0;border-bottom: 1px solid #717172;} .fot_links-04{border: none;margin: 0px 0 0 0} .fot_links .column_icon_toggle {display: inline-block;position: absolute;right: 0px;font-style:normal;cursor:pointer;color:#eee;} .fot_links .fot_title{cursor:pointer;border:none;} .fot_links .fot_title em{padding:0 0 0 0px;margin: 7px 0;font-size: 14px;} .fot_links ul li:before{content: "\f105";font-family: "fontawesome";font-size: 14px;margin: -12px 5px 0 0;color: #b2b2b2;vertical-align: middle;display:none;} .fot_links ul li{vertical-align: middle;} } @media(max-width:480px){ } /*底部联系列表（列）*/ .con-lx{margin: 25px 0 0px 0 !important;} .con-lx *{} .con-lx p{font-size: 14px;line-height: 24px;color: #ccc;position: relative;padding:3px 0 3px 30px} .con-lx span{font-size: 14px;line-height: 24px;color: #ccc;margin: 0 0 0 0;display: inline-block;} .con-lx a{font-size: 14px;line-height: 24px;color: #ccc;display: inline-block;width: 100%;margin: 0px 0 0 0} .con-lx a:hover{text-decoration: underline;color: #eb8105} .con-lx i{position: absolute;left:0px;top:5px;width: 20px;height: 20px;} .con-lx i{width: 100%;height: auto;} .foot-map{width: 100%;border: 3px solid #5c5c5c;max-width: 200px;margin:20px auto 0;} .foot-map img{width: 100%;height: auto;max-width: 254px} @media(max-width:1200px){ } @media(max-width:992px){ } @media(max-width:768px){ .m-f-logo{text-align: center;} .con-lx li{padding: 0 0 0 30px !important;} .con-lx li i{display: inline-block;vertical-align: middle;margin: 0 5px;display: block;} } @media(max-width:480px){ } /*底部订阅列表（列）*/ /*search*/ .m-f-cx{padding: 35px 15px 45px;background: #fff;display: inline-block;text-align: center;background:#fff url(/template/images/m-f-dy.png) no-repeat bottom left;} .m-f-cx *{transition:all 0.3s ease 0s;} .m-f-cx>span{font-size: 20px;line-height: 20px;color: #222;text-transform: uppercase;} .m-f-cx>p{font-size: 14px;line-height: 24px;color: #777777;margin: 10px 0 0 0} /*m-f-con*/ .m-f-con{margin: 20px 0 0 0} .m-f-con * {transition:all 0.3s ease 0s;} .m-f-con p{position: relative;margin:0 0 10px 0;display: inline-block;width: 100%;} .m-f-con p i{width: 20px;position: absolute;left:0;} .m-f-con p i img{width: 100%;height: auto;} .m-f-con p span{width: 100%;display: inline-block;padding:0 0 0 25px;font-size: 12px;line-height: 24px;color: #808080} .m-f-con p span a{width: 100%;font-size: 12px;line-height: 24px;color: #808080;display: inline-block;} .m-f-con p span a:hover{text-decoration: underline;color: #fff;} /*底部分享列（行）*/ .link-box-01{display:inline-block;text-align: left;padding:0px 0px 0px 0;vertical-align: middle;float: left;text-align: left;width: 100%;margin: 10px 0 0 0;} .link-box-01 p{display: inline-block;float: left;width: 50%;float: left;text-align: center;padding: 0 0 10px 10px} .link-box-01 p a{display: inline-block; color: #fff;transition:all 0.3s ease 0s;width: 100%;background: #fff;line-height: 80px;font-size: 30px;filter:alpha(opacity:100);opacity:1;} .link-box-01 p a:hover{filter:alpha(opacity:85);opacity:0.85;} .link-box-01 p.f-link-01 a{background: #4867aa;} .link-box-01 p.f-link-02 a{background: #1ab2e8;} .link-box-01 p.f-link-03 a{background: #006a9a;} .link-box-01 p.f-link-04 a{background: #de2826;} /**/ /*m-f-dy*/ /*search*/ .m-f-dy{padding: 20px 0 0 0} .m-f-dy>p{font-size: 12px;line-height: 24px;color: #808080;} .search-01 {transition:all 0.3s ease 0s;position: relative;max-width: 350px; height: 40px; vertical-align: middle; display:block; bottom:0px; right: 0px; margin:10px 0px 0 0; overflow: hidden; padding:0 0px 0 0; z-index: 999;border: 1px solid #e6e6e6;float: right;width: 100%;border: 1px solid #808080;} .search-01_text {width: 100%; height: 40px;;color: #fff; line-height: 40px; font-size: 14px; margin: 0px 0px 0 0px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; padding:0 0px 0 15px;background:#333;} .search-01_btn {transition:all 0.3s ease 0s; display: block; position: absolute; width: 40px; right: 0; top: 0; height: 40px; cursor: pointer; top: 0px;right: 0px; background:url(/template/images/m-f-dy.png) no-repeat center center; filter:alpha(opacity:100);opacity:1;overflow: hidden;} .search-01_btn:hover{} .search-01_text:focus {} /*横向热门关键词*/ .ht-01{padding: 20px 0 0 0} .ht-01 a{padding:0 10px;margin: 0 12px 6px 0;font-size: 14px; line-height: 30px;background: #f2f2f2;color: #777;display: inline-block;} .ht-01 a:hover{background: #eb8105;color: #fff;} /*最底部*/ .fot_bot{width:100%;text-align:center;margin: 0 auto;margin: 0 auto;margin: 0px 0 0 0;background: #000} .fot_bot-box{max-width: 1140px;margin: 0 auto;padding: 10px 0;} /*网站版权*/ .copy{color:#808080;line-height: 24px;text-align: center;font-size:12px;display: inline-block;padding:0 0px;float:right;margin: 3px 0;width: 100%;} .copy a{color:#7a7a7a;} .copy a:hover{color:#eb8105;text-decoration:underline;} /*底部好友链接*/ .fx-01{text-align: center;margin: 3px 0;display: inline-block;float: left;width: 100%;} .fx-01 *{transition:all 0.3s ease 0s;color: #808080;line-height: 24px;display: inline-block;font-size: 12px;} .fx-01 p{} .fx-01 a{margin:0 5px} .fx-01 a:last-child{} .fx-01 a:hover{color: #fff;text-decoration: underline;} /*底部导航max-01*/ .fx-02{display: inline-block;float: left;text-align: center;line-height: 22px;width: 100%;} .fx-02 a{color: #808080;font-family: "OpenSans";display: inline-block;display: inline-block;line-height: 22px;font-size: 12px;padding: 0 15px;display: inline-block;background: url(/template/images/foot-i.png) no-repeat right center;text-transform: uppercase;} .fx-02 a:last-child {background: none} .fx-02 a:hover{color: #fff;text-decoration: underline;} /*底部导航max-02*/ @media(max-width: 1200px){ .fot_bot-box{padding:10px 0px} } @media(max-width: 992px){ .fot_bot{padding: 0px 0 40px 0;} .fx-01{text-align: center;width: 100%;} .copy{text-align: center;width: 100%;} } @media(max-width: 769px){ .m-f-t ul li a{font-size: 14px;} .m-f-dy{padding: 10px 0 20px} .search-01{width: 100%;max-width: 100%} .m-f-con{margin: 10px 0 0 0} .link-box-01{padding: 0 10px 0 0} .fot_bot-box{} } /*侧边栏大神*/ .column .column_box{-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;} .column .block>span{display:block;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;position: relative;overflow: hidden;} .column .block>span em{padding: 0 0px 0 0px;display: inline-block;text-align: left;padding:0 0px 0 0px;} .column .block>span i.fa-minus{position: absolute; top: 0px;right: 15px;font-size: 20px;line-height: 40px;color: #fff;display: none;} .column .block>span em p{height: 40px;text-transform: uppercase;color: #2f8dc5;font-size: 18px;line-height:30px;padding: 0 0 0 0px;font-weight: bold;border-bottom:3px solid #2f8dc5;display: inline-block;background: url(/template/images/fen-jiao.png) no-repeat center 30px;} .column .block>span em p:before{} .column .block>span em b{color: #eb8105;} .column .block>span.active i.fa-plus{display: block;} @media(max-width:1200px){ } @media(max-width:992px){ } @media(max-width:768px){ .column .block>span{background:url(/template/images/m-2j-bj.jpg) no-repeat center;padding:0 15px} .column .block>span em p:before{color: #fff} .column .block>span em p{color: #fff;line-height: 40px;height: 40px;font-size: 50px;} .column .block>span em p b{color: #fff;} .side{display: none;} } @media(max-width:480px){ } /*滑动在线客服*/ .side{position:fixed;width:54px;right:0;top:214px;z-index:100;background: url(/template/images/m-2j-bj.jpg) no-repeat center;transition:all .4s;} .side ul li{ height:54px; position:relative;} .side ul li .sidebox{ height:54px; transition:all 0.3s;background:none;opacity:1;filter:Alpha(opacity=100);color:#fff;font-size:14px ;line-height:54px;overflow:hidden;background: url(/template/images/m-2j-bj.jpg) no-repeat center;border-bottom:1px solid #3b9dd4;} .side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#none;opacity:1;filter:Alpha(opacity=100);transition:all 0.3s;} .side ul li .sidetop:hover{opacity:1;filter:Alpha(opacity=100);background: #00547e;} .side ul li img{float:left;} .side.active{width:260px;} @media(max-width:1200px){ } @media(max-width:992px){ } @media(max-width:768px){ .side{display: none;} } @media(max-width:480px){ } /*其他的插件服务*/ /*back-top*/ /*-back-top-*/ .toTop { position: fixed; right: 10px; bottom: 50px; z-index: 999999999; cursor: pointer; transition: all 0.3s ease 0s; filter: alpha(opacity: 1); opacity: 1; display:none; height: 0px; overflow: hidden; text-align: center; } .toTop img{width: 100%;height: auto;} .toTop p{transition:all 0.3s ease 0s;width: 40px;height: 40px;display: block;} .toTop:hover { filter: alpha(opacity: 100); opacity: 1; } @media(max-width:1200px){ } @media(max-width:992px){ .toTop{bottom:50px;right: 20px;} } @media(max-width:768px){ .toTop {display: block;height: auto;} } @media(max-width:480px){ } /*-back-top END-*/ .main_left{float: left;width: 25%;padding: 0} .main_right{width: 73%;float: right;} @media only screen and (max-width: 768px) {.main_left{float: none;width: 100%;}} /*xiao-con*/ .xiao-con{position: fixed;bottom:0px;right:0px;width:100%;height: 40px;display: none;background: #eb8105;z-index: 999999999} .xiao-con a{font-size: 16px;text-transform: uppercase;color: #fff;display: block;line-height: 40px;text-align: center;} .xiao-con a:before{content:"\f0e0";font-family: "fontawesome"; width: 13px;height: 10px;display: inline-block;margin:0 10px 0 0;} @media(max-width:1200px){ } @media(max-width:992px){ .xiao-con{display: block;} } @media(max-width:768px){ } @media(max-width:480px){ } /*service*/ #service{position:fixed;right:-250px;top:10px;z-index:999999999;margin:200px 0 0 0; font:14px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; color:#fff;} #service ul{ list-style:none;} #service a{ color:#333;} #ser_main{float:left;position:relative;z-index:9;top:0px;} #ser_main a{display:block;overflow:hidden;} #ser_main #floatShow1{background:url(/template/images/zxlx.jpg) no-repeat;height:150px;width:50px;z-index:99999;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;} #online{float:left;padding:10px 0 0 0;background:#f7f7f7;overflow:hidden; width:250px;padding:15px;border: 3px solid #eb8105;} .onlineMenu ul li{ padding:10px 0px 10px 35px; border-bottom:1px dashed #ddd;position: relative;} .onlineMenu ul li:last-child{ border:none;} .onlineMenu .serm_top{text-align:center;padding-bottom:10px;} .onlineMenu .call{text-align:left;color: #333} .call{ padding:6px 10px; border-bottom:1px solid #fff; font-size:13px;} .call img{display:inline-block;vertical-align:middle; margin-right:6px;position: absolute;left:0px;top:5px;} .call a:hover{color:#eb8105 !important;text-decoration: underline;} #service:hover{ right:0px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} #service h4{ font-size:14px; color:#666; margin:0px; line-height:25px;} .footerW-M li,.footerW-M ul{list-style:none;} .footerW-M,.height{ display:none} @media(max-width:992px){ #service{display: none;} } /*online*/ /* side */ /*Single Page*/ /*service*/ #online_qq_layer{z-index:999999999;position:fixed;right:0px;bottom:0;} #floatShow{display:block;} #floatHide{display:none;} #online_qq_tab{width:350px;position:relative;z-index:9;} #online_qq_tab #floatShow{text-transform: uppercase;transition:all 0.3s ease 0s;height:40px;line-height:40px;overflow:hidden;background:#000; color:#fff; padding:0px 0px; font-size:16px;background: #eb8105;float: right;margin:0 10px 0 0;padding:0 20px;} #online_qq_tab #floatShow:hover{} #online_qq_tab #floatShow div {float:left;width: 20px;padding: 10px 0 0 0;margin: 0 10px 0 0px;} #online_qq_tab #floatShow div img{width:100%;height: auto;} #online_qq_tab #floatHide div {height: 40px;;float:right;padding:5px 5px;background: #fff;} #online_qq_tab #floatHide div img{width: auto;height: 100%} #online_qq_tab #floatHide{height:40px;line-height:40px;overflow:hidden;background:url(/template/images/m-2j-bj.jpg) no-repeat center; color:#fff; padding:0px 0 0 20px; font-size:16px;background-size: cover;text-transform: uppercase;} #onlineService{display:inline;width: 350px; overflow: hidden;display:none;background: #f7f7f7; font-size:13px;background-size:cover;} .i_message_inquiry { padding:20px;} .i_message_inquiry span{color: #208bc3;font-size: 20px;line-height: 30px;margin: 0px 0 0 0;text-transform: capitalize;font-weight: bold;} .i_message_inquiry p{font-size: 14px;line-height: 24px;margin: 10px 0 0 0;} .i_message_inquiry .input_1{background: none;line-height:40px;background-color:none; color:#333;background: rgba(255,255,255,0.6);border:1px solid #e6e6e6; margin-bottom:10px; width:100%;margin: 10px 0 0px 0;padding:0 10px;font-size: 14px;} .i_message_inquiry .input_2{background: none;line-height:22px;background-color:none; color:#333;background: rgba(255,255,255,0.6);border: none; border:1px solid #e6e6e6; margin-bottom:10px; width:100%; height:80px;padding:10px 10px 0;font-size: 14px;margin: 10px 0 0 0} .i_message_inquiry .input_1:focus{border: 1px solid #eb8105;background: rgba(255,255,255,1);} .i_message_inquiry .input_2:focus{border: 1px solid #eb8105;background: rgba(255,255,255,1);} .my_btn2 { background:#eb8105;font-size: 14px; line-height:40px; display:inline-block;width: 100%;text-transform:capitalize; float:left; margin-top:10px; color:#fff; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .my_btn2:hover{ background:#00547e; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} @media only screen and (max-width: 992px) {#online_qq_layer{display:none;}} /*ny-main*/ .ny-main{} .ny-main-01{} /*page-banner*/ .main-right-01 #right-title{border-bottom: 1px solid #e5e5e5;line-height: 40px;text-transform: uppercase;} #right-title{display:block;margin-bottom:0px;font-size:24px;text-transform:capitalize;color:#eb8105;line-height:30px;display: block;text-align: left;margin: 0px 0 0px 0;font-family: 'Roboto-CB';text-transform: uppercase;} #right-title p{font-size: 14px;line-height: 22px;color:#666} #right-title span{font-size: 20px;display: inline-block;line-height: 40px;color: #222;margin: 0 0 -3px 0;width: 100%;} /*.ny-big-bt*/ .ny-big-bt{text-align: left;float: left;} .ny-big-bt p{font-size: 18px;line-height: 30px;text-transform: uppercase;color: #2f8dc5;font-weight: bold;} .ny-big-bt-01{text-align: left;padding: 20px 0 0 0} .ny-big-bt-01 p{font-size: 18px;line-height: 20px;text-transform: uppercase;color: #2f8dc5;font-weight: bold;} .ny-big-bt-01 span{margin: 10px 0 0 0;display: inline-block;} @media(max-width:768px){ .ny-big-bt p{font-size: 20px;line-height: 30px;} .ny-big-bt{text-align: center;padding: 0px 0 0 0} } /*mbx*/ .mbx{left:0px;width: 100%;padding:0px 0;border-bottom: 3px solid #2f8dc5;padding:0 0 0px 0;margin:0} .mbx ul{text-align: left;float: right;} .mbx ul li{display: inline-block;margin:0 5px} .mbx ul li:first-child::before{} .mbx ul li i{font-family: "fontawesome";font-size: 14px;color: #2f8dc5;display: inline-block;line-height: 30px;margin:0 0 0 10px} .mbx ul li *{text-transform: capitalize;font-size: 14px;line-height: 20px;color: #2f8dc5;display: inline-block;font-weight: bold;margin: 5px 0 0 0} .mbx ul li:hover a{color: #eb8105} .right-title-01{text-align: left !important;line-height: 40px !important;padding: 0 0 10px;} @media(max-width:1200px){ } @media(max-width:992px){ } @media(max-width:768px){ .mbx ul{width: 100%;margin: 0px 0 0 0;float: left;} } @media(max-width:480px){ } /*天下兵器为我所用*/ .main-body{background: #f9f9f9} .main-left{width: 20%;float: left;padding: 30px 0px 20px 0px;} .main-right{width: 77%;float: right;margin: 0px 0 0px 0;padding: 30px 0 40px 0;} .main-right-01{width: 100%;float: left;margin: 0px 0;padding: 0px 0 20px 0;} .main-right-bk{float: left;padding: 30px 0 20px 0} .main-left-bk{float: right;} .ny{width: 100%;} .ny-01{background:url(/template/images/m-7j-bj.jpg) no-repeat center;background-attachment: fixed;background-size:cover;padding: 60px 0} @media(max-width:1200px){ } @media(max-width:992px){ .main-left{width: 30%;} .main-right{width: 67%} .main-right-01{width: 100%;} } @media(max-width:768px){ .main-left{padding: 0px 0 10px 0;background: none} .main-left{width: 100%;margin:10px 0 0px 0} .main-right{width: 100%;padding: 10px 0 20px} .main-right-01{width: 100%;margin: 0} } @media(max-width:480px){ } /*侧边栏*/ .left-nav,.left-hot{position:relative;} .left-hot>.block>span{} .left-nav span .column_icon_toggle,.left-hot span .column_icon_toggle{display:none;} .htmleaf-container>em{font-size:16px;font-weight:bold;text-transform:capitalize;display:block;margin-bottom:20px;} .htmleaf-container>em p{} .htmleaf-container>em .fen-bj-01{} .htmleaf-container>em .fen-bj-01{} @media(max-width:1200px){} @media(max-width:992px){} @media(max-width:768px){ .left-hot>.block>span{display: block;} } @media(max-width:480px){} /*treemenu.css*/ .treemenu li { list-style: none;position: relative;} .treemenu .toggler { cursor: pointer; } .treemenu .toggler:before { display: inline-block; } .tree li.tree-empty > .toggler {} .tree li.tree-empty > .toggler:before { content: "";background: url(/template/images/fen-jian-01.png) no-repeat left center;width: 20px;height: 20px;font-family: "fontawesome";color: #eb8105;padding: 10px 0 0 0;font-size: 18px;} .tree li.tree-closed > .toggler {} .tree li.tree-closed > .toggler:before { content: "";background: url(/template/images/fen-jian-01.png) no-repeat left center;width: 20px;height: 20px;font-family: "fontawesome";color: #eb8105;padding: 10px 0 0 0;font-size: 18px;} .tree li.tree-opened > .toggler {} .tree li.tree-opened > .toggler:before { content: "";background: url(/template/images/fen-jian-02.png) no-repeat left center;width: 20px;height: 20px;font-family: "fontawesome";color: #eb8105;padding: 10px 0 0 0;font-size: 18px;} .tree li li.tree-empty > .toggler {} .tree li li.tree-empty > .toggler:before { content: "";background:none;width: 20px;height: 20px;font-family: "fontawesome";color: #eb8105;padding: 10px 0 0 0;font-size: 18px;} .tree li li.tree-closed > .toggler:before { content: "";background: url(/template/images/fen-jian-01.png) no-repeat left center;width: 20px;height: 20px;font-family: "fontawesome";color: #eb8105;padding: 10px 0 0 0;font-size: 12px;} .tree li li.tree-opened > .toggler:before { content: "";background: url(/template/images/fen-jian-01.png) no-repeat left center;width: 20px;height: 20px;font-family: "fontawesome";color: #eb8105;padding: 10px 0 0 0;font-size: 12px;} /**/ .tree { color:#46CFB0;width:100%;margin:0 0px 0 0px;} .tree li, .tree li > a, .tree li > span { } /**/ .tree li > span{position: absolute;left:0px;top:10px;display: inline-block;width: 20px;height: 20px;text-align: left;} /*文字*/ .tree li a { transition:all 0.3s ease 0s; color:#4d4d4d; text-decoration: none; line-height:24px; display: inline-block; padding: 8px 0px 8px 20px; width: 100%; font-size: 14px; text-transform: capitalize; overflow: hidden; } /*2级文字*/ .tree li li a { padding: 4px 10px 4px 20px;display: block;color: #666;font-size: 12px;font-weight: normal; } /*2级文字*/ .tree li li li a { padding: 8px 0px 8px 40px;display: block;color: #4d4d4d; } .active { } .active a { } .tree li a.active:hover { } /*总*/ .tree-box{padding:10px 0px 0 0px;} /*？*/ .tree{position: relative;background: url(/template/images/fen-bj.jpg) no-repeat right bottom;} /*1级列表*/ .tree li{border-bottom: 1px solid #fff;border-bottom: 1px dashed #ccc;} .tree li ul{border-right: 1px solid #eee;border-left: 1px solid #eee;padding:0 10px;} .tree li li{border-bottom:0;} .tree li ul{border: none;padding:0 0 20px 0} .tree li li li{border-bottom: 1px solid #eee;} /*1级符号*/ .tree li a:before{ content: ""; font-family: "fontawesome"; position: absolute; left: 12px; top: 8px; font-size: 14px; color: #ccc; vertical-align: middle; padding-right: 0px;} /*2级符号*/ .tree li li a:before{ content: "\f101"; font-family: "fontawesome"; position: absolute; left: 0px; top: 4px; font-size: 14px; color: #777; vertical-align: middle; padding-right: 0px;} /*3级符号*/ .tree li li li a:before{ content: "\f101"; font-family: "fontawesome"; position: absolute; left: 10px; top: 10px; font-size: 14px; color: #8f8f8f; vertical-align: middle; padding-right: 0px;} /*接触动画*/ .tree li:hover>a{ background-color:; color: #333; padding: 8px 40px 8px 35px } .tree li:hover>a{ background-color:; color: #eb8105; padding: 8px 0px 8px 20px } /*----------------------------------------------*/ .tree li li:hover>a{ background-color: ""; color: #eb8105; padding: 4px 0px 4px 25px } .tree li li:hover>a:before{color: #eb8105; } .tree li li:hover li a:before{color: #333; } /*----------------------------------------------*/ .tree li li li:hover>a{ color: #eb8105; padding: 8px 40px 8px 30px } .tree li li li:hover>a:before{ color:#eb8105; } /*----------------------------------------------*/ /*展开的一级*/ .tree li.tree-opened>a{} .tree li li.tree-opened>a:before{color: #333} /*动画*/ .tree li.tree-empty:hover .toggler:before{color: #eb8105} .tree li.tree-closed:hover .toggler:before{color: #eb8105} .tree li.tree-opened:hover .toggler:before{color: #eb8105} .tree li li.tree-empty:hover .toggler:before{color: #eb8105} .tree li li.tree-closed:hover .toggler:before{color: #eb8105} .tree li li.tree-opened:hover .toggler:before{color: #eb8105} /*tree.end*/ .mtree-skin-selector{display:none;} .left-hot {margin: 15px 0 0 0;padding:0 0px;} /* .left-hot span em{background: #fff !important;color: #eb8105 !important;padding: 0px !important}*/.left-hot .nbs-flexisel-item{text-align:center;margin-top:10px;min-height:200px;} .left-hot .nbs-flexisel-nav-left{left:0px;top:45%;background:url(/template/images/prev-l.png) no-repeat center;width:16px;height:28px;} .left-hot .nbs-flexisel-nav-right{left:auto;right:0px;top:45%;background:url(/template/images/next-l.png) no-repeat center;width:16px;height:28px;} .left-hot .nbs-flexisel-item span{width:80%;height: 80%;display:inline-block;} .left-hot .nbs-flexisel-item img{max-width: 100%;max-height:100%; } #right_column .nbs-flexisel-inner{margin:0 0px;} .left-hot .nbs-flexisel-item em{padding:0 10%} @media only screen and (max-width: 1200px){ .left-hot .nbs-flexisel-nav-left, .left-hot .nbs-flexisel-nav-right{top: 45%;} } @media only screen and (max-width: 992px){ .left-hot .nbs-flexisel-nav-left, .left-hot .nbs-flexisel-nav-right{top: 40%;} } .mainBox{width: 100%;margin: 0 auto;max-width: 1140px;background: #fff} @media only screen and (max-width: 768px){ .column .block>span em p{font-size: 16px;} .left-nav{margin: 10px 0 0px 0;display: inline-block;width: 100%;} .left-hot{margin: 10px 0 0 0;} .mainBox .container{padding:0;margin: 0 0 0px 0;} .main-left #righnbs-flexisel-nav-leftt_column .column_box span{padding-bottom:15px;cursor:pointer;margin-bottom:0;} .main-left .column .block>span em{} .main-left .column .block>span em p{color: #fff;border:none;} .column .block>span em .fen-bj-01{height: 42px;} .column .block>span em .fen-bj-02{height: 42px;} .left-nav span .column_icon_toggle{display: inline-block;position: absolute;right: 0px;top:0px;font-style:normal;cursor:pointer;font-size:14px;color:#fff;width: 40px;height: 40px;text-align: center;line-height: 40px;font-size: 16px;} .left-hot span .column_icon_toggle{display: inline-block;position: absolute;right: 0px;top:0px;font-style:normal;cursor:pointer;font-size:14px;color:#fff;width: 40px;height: 40px;text-align: center;line-height: 40px;font-size: 16px;} #right_column .column_box span .toggle_content{padding-bottom:30px;} .main-left #right_column .column_box .left_hot li{margin:15px 0;} .main-left #right_column .column_box .left_hot li span{padding-bottom:0;} #flexiselDemo2{overflow:hidden;margin-top:15px;} .left-hot .nbs-flexisel-item span{padding:0;} .left-hot .nbs-flexisel-item span{width: 90% !important ;width: auto;} .left-hot .nbs-flexisel-item img{width: 90% !important;height: 90% !important;width: auto;height: auto;} .left-hot .nbs-flexisel-item em{width: 90% !important;} .left-hot .nbs-flexisel-item{margin: 20px 0 0 0;} } .htmleaf-content{overflow: visible !important;padding:0 0px 0 0px} @media(max-width:768px){ .htmleaf-content{padding: 0 0px 0 0;overflow: hidden !important;} } .mtree{padding:0 0px;border-top:none;border-top:none;} @media(max-width:1200px){ } @media(max-width:992px){ } @media(max-width:768px){ } @media(max-width:480px){ } /*fen-2j*/ /*fen-2j-lb*/ .fen-2j-lb{padding: 0px 0 0 0;margin: 20px 0px 0 0;} .fen-2j-lb .slider{} .fen-2j-lb .slick-next{ background:url(/template/images/fen-lb-02.png) no-repeat center; width:30px; height:30px; top:50%; right:5px;margin:-35px 0px 0 0;filter:alpha(opacity:0);opacity:0;transition:all 0.3s ease 0s;} .fen-2j-lb .slick-prev{ background:url(/template/images/fen-lb-01.png) no-repeat center; width:30px; height:30px; top:50%; left:5px;margin:-35px 0px 0 0px;filter:alpha(opacity:0);opacity:0;transition:all 0.3s ease 0s;} .fen-2j-lb:hover .slick-prev,.fen-2j-lb:hover .slick-next{filter:alpha(opacity:80);opacity:0.8;} .fen-2j-lb .slick-prev:hover,.fen-2j-lb .slick-next:hover{transition: 0.5s all;-webkit- transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;filter:alpha(opacity:100);opacity:1;} .lunbo-ce-lei{margin:0 0px 0px 0;transition:all 0.3s ease 0s;text-align:left;} .lunbo-ce-lei:hover{} .lunbo-ce-lei .banner-l-p{} .lunbo-ce-lei .banner-l-p img{width: 100%;height: auto;} .lunbo-ce-lei .banner-l-t a{font-size: 14px;line-height:24px;height: 24px;overflow: hidden;display: inline-block;margin: 10px 0 0 0;font-weight: bold;color: #222} .lunbo-ce-lei .banner-l-t a:hover{text-decoration: underline; color: #2f8dc5} .lunbo-ce-lei .banner-l-t span{font-size: 12px;line-height:22px;overflow: hidden;display: inline-block;color: #999;margin: 5px 0 0 0;overflow: hidden;display: inline-block;height: 40px;} .fen-news{margin: 10px 0 0 0;padding:0 0px} .fen-news li{padding: 10px 0;border-bottom: 1px solid #f3f3f3;} .fen-news li a{transition:all 0.3s ease 0s;font-size: 14px;line-height: 24px;color: #4d4d4d;font-weight: bold;display: inline-block;margin: 10px 0 0 0} .fen-news li span{display: inline-block;width: 100%;color: #999} .fen-news li span::before{font-family: "fontawesome";content: "\f073"; width: 13px;height: 10px;display: inline-block;margin:0 5px 0 0} .fen-news li a:hover{color: #eb8105;} /*fen-lei-01*/ .fen-lei-01{border: 1px solid #ccc;padding:20px;background:#fff;margin: 20px 0 0 0} .fen-lei-01 span{transition:all 0.3s ease 0s;font-size: 20px;line-height: 30px;color:#fff;display: inline-block;width: 100%;padding:0 10px 0 0;} .fen-lei-01 p{transition:all 0.3s ease 0s;font-size: 14px;line-height: 24px;color: #fff;display: inline-block;width: 100%;margin: 10px 0 0 0;padding:0 10px 0 0} .fen-lei-01 a{transition:all 0.3s ease 0s;padding:0 20px;line-height: 34px;font-size: 14px;;background: #eb8105;display: inline-block;color: #fff;margin: 15px 0 0 0;} .fen-lei-01 a:hover{background: #00547e} .fen-lei-01:hover span{padding: 0 0 0 10px} .fen-lei-01:hover p{padding: 0 0 0 10px} /*fen-5j*/ .fen-5j{padding:10px 0;} .fen-5j li{padding: 10px;display: inline-block;background: #f8f8f8;margin:0 0 10px 0} .fen-5j li:first-child{} .fen-5j-p{width: 40%;float: left;overflow: hidden;transition:all 0.3s ease 0s;} .fen-5j-p img{width: 100%;height: auto;} .fen-5j-t{width: 55%;float: right;} .fen-5j-t a{font-size: 14px;line-height: 24px;color: #4d4d4d;max-height: 72px;overflow: hidden;display: inline-block;margin: 10px 0 0 0} .fen-5j-t span{font-size: 14px;line-height: 22px;color: #999;max-height: 44px;overflow: hidden;display: inline-block;line-height: 34px;} .fen-5j-t span:before{font-family: "fontawesome";content: "\f073"; width: 13px;height: 10px;display: inline-block;margin:0 5px 0 0} .fen-5j-t p{font-size: 14px;line-height: 22px;color: #999;max-height: 44px;overflow: hidden;display: inline-block;display: none;} .fen-5j li:hover a{color: #eb8105;transition:all 0.3s ease 0s;} /*fen-cp*/ .fen-cp{width: 100%;margin: 10px 0 0 0;} .fen-cp *{transition:all 0.3s ease 0s;} .fen-cp li{width: 100%;margin:0 0 20px 0%;float: left; -webkit-box-shadow:1px 3px 0px rgba(0,0,0,0.0); -moz-box-shadow:1px 3px 0px rgba(0,0,0,0.0); -o-box-shadow:1px 3px 0px rgba(0,0,0,0.0); box-shadow:1px 3px 0px rgba(0,0,0,0.0);} .fen-cp li a{width: 100%;display: inline-block;font-size: 14px;line-height: 24px;} .fen-cp li p{padding:10px 0} .fen-cp li p>a{overflow: hidden;height: 24px;overflow: hidden;} .fen-cp li a img{width: 100%;height: auto;} .fen-cp li:hover{ -webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.3); -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.3); -o-box-shadow:1px 1px 10px rgba(0,0,0,0.3); box-shadow:1px 1px 10px rgba(0,0,0,0.3);} @media(max-width:1200px){ } @media(max-width:992px){ } @media(max-width:768px){ .fen-cp{margin: 20px 0 0 -3%;width: 103%;} .fen-cp li{margin: 0 0 20px 3%;width: 30%;float: left;} .fen-lei-01{display: none;} } @media(max-width:480px){ .fen-cp{margin: 20px 0 0 -5%;width: 105%;} .fen-cp li{margin: 0 0 20px 5%;width: 45%;float: left;} } /*search-02*/ /*BANNER-L Slider */ @media(max-width:1200px){ } @media(max-width:992px){} @media(max-width:768px){} @media(max-width:480px){ } /*fen-send*/ .fen-send{margin: 15px 0 0 0;background: #fff;border-left: 5px solid #999;padding:0 0px;position: relative;} .fen-send:hover{border-left: 5px solid #5fb20c;} .fen-send a{position: absolute;width: 100%;height: 100%;left:0;top:0px;} .fen-send div{float: left;padding: 0 0 0 10px;vertical-align: middle;display: inline-block;width: 80px;} .fen-send div img{width: 100%;height: auto;} .fen-send p{font-size: 24px;line-height: 65px;color: #5fb20c;padding: 0 0 0 10px;display: inline-block;vertical-align: middle;} .fen-xiazai div img{width: 80%;margin: 5px 0 0 10px} @media(max-width:1200px){ } @media(max-width:992px){ .fen-send p{font-size: 16px;} } @media(max-width:768px){ .fen-send{margin: 10px 0 0 0} } @media(max-width:480px){ } /*fen-con*/ .fen-con{margin: 20px 0 0 0} .fen-con-p{width: 100%} .fen-con-p img{width: 100%;height: auto;} .fen-con-t{width: 100%;margin: 5px 0 0 0} .fen-con-t p{width: 100%;padding:0 0 0 30px;position: relative;display: inline-block;margin:10px 0 0 0} .fen-con-t i{width: 20px;height: 20px;position: absolute;left:0;top:1px;} .fen-con-t i img{width: 100%;height: auto;} .fen-con-t span{width: 100%;font-size: 14px;line-height: 24px;color: #333} .fen-con-t a{width: 100%;font-size: 14px;line-height: 24px;color: #333} .fen-con-t a:hover{color: #238cc8;text-decoration: underline;} /*ce-cp*/ .ce-cp{} .ce-cp li{margin:20px 5% 0px 5%;} .ce-cp li a.ce-cp-p{border: 1px solid #ccc;display: block;} .ce-cp li a.ce-cp-p:hover{border: 1px solid #eb8105;} .ce-cp li a.ce-cp-p img{width: 100%;height: auto;} .ce-cp li a.ce-cp-t{display: block;width: 100%;max-height: 40px;line-height: 20px;font-size: 14px;color: #333;overflow: hidden;margin: 10px 0 0 0;} .ce-cp li a.ce-cp-t:hover{text-decoration: underline;color: #eb8105;} /*ce-news*/ .ce-news{background: #fff} .ce-news li{display: block;padding: 10px 0;border-bottom: 1px dashed #ccc;position: relative;} .ce-news li:last-child{margin:0 0 0px 0} .ce-news-l{width: 40%;position: absolute;top: 15px;left: 0px;width: 40px;line-height: 40px;background: #666;color: #f7f7f7;} .ce-news-l p{display: block;font-size: 20px;line-height: 40px;text-align: center;} .ce-news li:nth-child(2n) .ce-news-l{background: #ccc;} .ce-news li:last-child .ce-news-l{background: #ccc;} .ce-news-r{width: 100%;padding:0 0 0 50px;} .ce-news-r a{font-size: 14px;line-height: 22px;max-height: 44px;overflow: hidden;display: block;} .ce-news-r a:hover{text-decoration: underline;color: #eb8105;} .ce-news-r i{font-style: normal;font-size: 14px;color: #666;margin: 10px 0 0 0;display: inline-block;} .ce-news-r i i{margin: 0 5px 0 0;color: #666;} /*ce-cp-big*/ .ce-cp-big{margin: 20px 0 30px;} .ce-cp-big img{width: 100%;height: auto;} @media only screen and (max-width: 768px){ .ce-cp-big{display: none;} } @media(max-width: 768px){ } /**/ @media(max-width:1200px){ } @media(max-width:992px){ } @media(max-width:768px){ } @media(max-width:480px){ } /**/ /*about*/ .about_main{max-width:1140px;width:100%;margin:auto;padding:10px 0px 0px 0;margin-top:0px;} .about_main img{max-width:100%;margin: 0px 0 0 0} .about_main div{line-height:24px;font-size:14px;margin-top:0px;} .about_main .ny-abt-p{float: left;width: 32%} .about_main .ny-abt-p img{width: 100%} .about_main .ny-abt-t{float: right;width: 100%;padding: 0px 0;text-align: left;} .about_main .ny-abt-t img{} .ny-rongyu{margin:0 0 0 -3%} .ny-rongyu li{margin: 0 0 0 3%;width: 47%;float:left;} .ny-rongyu li img{width: 100%;height: auto;margin: 0} @media (max-width: 480px){ .ny-rongyu{margin:0 0 0 0%} .ny-rongyu li{margin: 0 0 0 0%;width: 100%;float:left;} } .ny-abt-map{max-width: 543px;width: 100%;text-align: center;margin: 0 auto} .ny-abt-map img{width: 100%;height: auto;display: inline-block;} .ny-abt-list{margin:0 0 0 -2.5%;padding: 20px 0 0 0} .ny-abt-list li{margin:0 0 20px 2.5%;width: 30.8%;float: left;} .ny-abt-list p{width: 100%;height: auto;} .ny-abt-list p img{width: 100%;height:auto;} .ny-abt-list span{padding: 10px 0;display: block;} .ny-abt-list span a{display: block;font-size: 14px;line-height: 20px;overflow: hidden;color: #333;height: 40px;} .ny-abt-list span a:hover{text-decoration: underline;color: #eb8105;} @media (max-width: 768px){ .ny-abt-list {margin: 0} .ny-abt-list li{margin:0 0 20px 0;width: 100%;} } .xiao-ny-bt{font-weight: bold;font-family: 'Helvetica Bold';color:#4d4d4d;font-size:18px;margin-bottom:10px;border-bottom: 1px solid #ccc;padding:10px 0;display: block;} .xiao-ny-lx{font-family: 'Helvetica Bold';padding: 10px 0 0 0;line-height: 24px;font-size: 14px;} .xiao-ny-lx-b{width: 150px;display: inline-block;margin: 2px 0 2px} .da-ny-lx-p{display: inline-block;} .xiao-ny-lx-p{width: 200px;display: inline-block;} @media (max-width: 768px){ .da-ny-lx-p{display: inline-block;margin: 0 0 5px;} } .abt-3xf{width: 100%;display: block;margin:0 0 5px;padding:0 0 0px 0} .abt-3xf li{float: left;margin:0 10px 0 0} .abt-3xf li a{transition:all 0.3s ease 0s;padding:0 20px;line-height:30px;font-size:14px;color: #4d4d4d;;display: inline-block;background: #fff;border: 1px solid #e5e5e5;height: 30px;} .abt-3xf li a.dianji{background: #eb8105;color:#fff;border: 1px solid #eb8105;} .abt-3xf li a:hover{background: #eb8105;color:#fff;border: 1px solid #eb8105;} .small-3xf{position: fixed;left:0;top:66px;} .small-3xf li{ -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.3); -moz-box-shadow:3px 3px 5px rgba(0,0,0,0.3); -o-box-shadow:3px 3px 5px rgba(0,0,0,0.3); box-shadow:3px 3px 5px rgba(0,0,0,0.3);} .abt-3xf .main-box{padding: 0 0px} .small-3xf>.main-box{padding: 0 15px !important;} @media(max-width:1200px){ .abt-3xf .main-box{padding: 0 0px} } @media(max-width:992px){ } @media(max-width:768px){ .abt-3xf li{margin:0 5px 0 0;float: none;display: inline-block;} .abt-3xf li a{padding:0 10px;display: inline-block;} } @media(max-width:480px){ .small-3xf>.main-box{padding: 0 15px !important;} .abt-3xf li{width: 100%;text-align: center;margin: 3px 0 0 0;float: none;display: block;display: inline-block;} .abt-3xf li a{width: 100%} .small-3xf li{display: block;width: 150px} } /*contact us*/ .ny-con-box{padding:0px 0px 0px 0} .ny-con-box-01{padding:20px 0px 0 0} .ny-con-p{width: 30%;padding: 0 20px 0 0;display: inline-block;float: left;} .ny-con-p img{width: 100%;height: auto;float: left;} .con_main{line-height:22px;font-size:14px;padding:10px 0px 10px 0px;width:100%;text-align: left;border-bottom: 1px solid #2f8dc5;} .con_main img{max-width:100%;height:auto;} .con_main p{font-size: 14px;line-height: 24px;margin: 0px 0 0px 0px;} .con_main span{font-size: 14px;line-height: 24px;margin: 0px 0 0px 5px;} .con_main a{font-size: 14px;line-height: 24px;margin: 0px 0 0px 5px;} .con_main b{display: inline-block;font-size: 14px;line-height: 24px;font-weight: normal;font-weight: bold;} .con-p{margin: 10px 0 0 0;width:100;} .con-p img{width: 100%;} .con_main a{text-decoration:color: #333;} .con_main a:hover{text-decoration: underline;color: #eb8105;} .con-share{margin-top:15px;padding:0 10px;} .con-share li{display:inline-block; vertical-align:middle;margin-right:15px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;} .con-share li i{font-size:24px;color:#000} .ny-con-map{margin: 0 0 0px 0} .ny-con-lx{width: 100%;margin: 0px 0 0 0%} .ny-con-lx li{width: 100%;float: left;margin:10px 0 0 0%;} .ny-con-lx li b{font-size: 16px;width: 100%;display: inline-block;} .ny-con-lx li span{font-size: 14px;width: 100%;display: inline-block;margin: 5px 0 0 0;} .ny-con-lx li a{font-size: 14px;width: 100%;display: inline-block;margin: 5px 0 0 0} .ny-con-lx li a:hover{text-decoration: underline; color: #eb8105;transition:all 0.3s ease 0s;} @media only screen and (max-width: 992px){ .ny-con-lx{margin: 0px 0 0 -2%} .ny-con-lx li{width: 48%;margin: 20px 0 0 2%} } @media only screen and (max-width: 480px){ .ny-con-lx{margin: 0px 0 0 0;width: 100%;} .ny-con-lx li{width: 100%;margin: 10px 0 0 0} } .con-share li i.fa-facebook:hover{color:#3a5896;} .con-share li i.fa-google-plus:hover{color:#d13e2c;} .con-share li i.fa-youtube:hover{color:#ce332d;} .con-share li i.fa-twitter:hover{color:#44ccf6;} .con-share li i.fa-linkedin:hover{color:#0075b6;} .message{padding:0px 0px;margin: 10px auto 0;width: 100%;} .message ul{width:100%;padding: 0px 0 0px 0;text-align: center;} .message li{margin-bottom:14px;} .message p{font-size:14px;margin-left:0;display:block;margin:5px 0 0 0;color:#808080;line-height:24px;} .message p.ser{font-size:14px;margin-left:0;display:block;margin:10px 0 0 0;color:#999;line-height:24px;text-align: left;} .message p.ser i{font-size:14px;margin-left:0;display:inline-block;margin:0px 5px 0 0;color:#808080;} .message p.message-bt{font-size: 20px;display:inline-block;margin: 30px 0 0 0;width: 100%;color: #222;text-transform: uppercase;font-weight: bold;} .message p b{font-weight:bold;padding-right:5px;} .message p a:hover{color:#808080;} .message label{display:inline-block;width:100%;font-weight:normal;text-align:left;font-size:14px;vertical-align:middle;margin-bottom:5px;padding-left:0px;text-transform: capitalize;} .message .meInput{width:100%;height:40px;background:#fff;border:1px solid #fff;padding-left:10px; vertical-align:middle;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;border: 1px solid #ccc;} .message .ny-con-cx-01{float: left;width: 48%;} .message .ny-con-cx-02{float: right;width: 48%;} .message .meInput:focus{border:1px solid #eb8105;background:#fff; -webkit-box-shadow:0px 0px 5px rgba(90,199,170,0.5); -moz-box-shadow:0px 0px 5px rgba(90,199,170,0.5); -o-box-shadow:0px 0px 5px rgba(90,199,170,0.5); box-shadow:0px 0px 5px rgba(90,199,170,0.5);} .message .meText{width:100%;min-height:160px;background:#fff;border:1px solid #fff;max-width:100%;padding:10px; vertical-align:middle;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;border: 1px solid #ccc;} .message .meText:focus{border:1px solid #eb8105;background:#fff; -webkit-box-shadow:0px 0px 5px rgba(90,199,170,0.5); -moz-box-shadow:0px 0px 5px rgba(90,199,170,0.5); -o-box-shadow:0px 0px 5px rgba(90,199,170,0.5); box-shadow:0px 0px 5px rgba(90,199,170,0.5); } .message .send{border: none;transition:all 0.3s ease 0s;display:inline-block;background:#eb8105;font-size:14px;color:#fff;text-transform:capitalize;padding:0px 40px 0px 40px;margin-top:10px;text-transform: uppercase;line-height: 40px;text-align: left;float: left;; } .message .send:hover{background: #00547e} @media only screen and (max-width: 768px){ .ny-con-p{width: 100%;margin:0 0 10px 0;padding: 0} .con_main{width: 100%;} .message{width: 100%;margin:20px 0 10px 0;} } @media (max-width: 480px){ .message .send{width: 100%;text-align: center;} .message .ny-con-cx-01{width: 100%;} .message .ny-con-cx-02{width: 100%;} } /*sitemap*/ .sitemap{width:100%;padding:0px 0;margin-top:-0px;} .stp-listA{padding: 0px 0 0 0} .stp-listA>li{text-transform:capitalize;margin:0px 0;} .stp-top{width:100%;height:40px;line-height:40px;border-bottom:1px solid #2f8dc5;} .stp-top a{padding:0 0px;font-size:16px;text-transform:capitalize;font-weight:bold;color: #2f8dc5} .stp-top a i{padding-left:10px;} .stp-top a:hover{color:#eb8105;text-decoration:none;} .stp-listB{display:block;padding:10px;} .stp-listB li{width:18%;margin-right:2%;float:left;padding:8px 0;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;} .stp-listB li a{font-size:14px;line-height:24px;display:block;color:#4d4d4d;} .stp-listB li:hover a{color:#eb8105;text-decoration:underline;} @media only screen and (max-width: 768px){ .stp-listB li{width:48%;} .stp-listB li a{font-size:14px;} } @media only screen and (max-width: 400px){ .stp-listB li{width:100%;margin-right:0;margin-bottom:2%;} } /*products*/ .pro-cat{margin-bottom:20px;margin-top:30px;} .pro-cat li{display:inline-block;margin-right:10px;} .pro-cat li a{text-transform:capitalize;color:#333;font-size:14px;font-weight:bold;padding:8px 16px;background:#f2f2f2;border-radius:20px;display:inline-block;} .pro-cat li:hover a{color:#fff;text-decoration:none;background:#eb8105;} .pro-list{width:100%;} .pro-list li{margin:15px 0;text-align:center;} .cbp-vm-switcher {width:100%;} .cbp-vm-options {text-align: left;padding-bottom: 5px;margin-top:10px;} .cbp-vm-options p{display:inline-block; vertical-align:middle;padding-right:5px;font-weight:bold;font-size: 14px;} .cbp-vm-options a {display: inline-block; vertical-align:middle;width:20px;height:20px;overflow: hidden;white-space: nowrap;color: #ccc;margin: 2px;} .cbp-vm-options a:hover, .cbp-vm-options a.cbp-vm-selected { color: #eb8105; } .cbp-vm-options a:before {width: 20px;height: 20px;line-height: 20px;font-size: 20px;text-align: center;display: inline-block;} /* General list */ .cbp-vm-switcher ul {list-style: none;padding: 0;margin: 0;} /* Clear eventual floats */ .cbp-vm-switcher ul:before, .cbp-vm-switcher ul:after { content: " "; display: table; } .cbp-vm-switcher ul:after { clear: both; } .cbp-vm-switcher ul li {display: block;position: relative;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;} .cbp-vm-image {overflow: hidden;display: block;margin: 0 auto;position:relative;text-align: center; -webkit-box-shadow:1px 5px 10px rgba(0,0,0,0.0); -moz-box-shadow:1px 5px 10px rgba(0,0,0,0.0); -o-box-shadow:1px 5px 10px rgba(0,0,0,0.0); box-shadow:1px 5px 10px rgba(0,0,0,0.0);border: 1px solid #ccc;transition:all 0.3s ease 0s;padding: 5px} .cbp-vm-image span{transition:all 0.3s ease 0s;display:inline-block;width:100%;height:auto;background: #fff;overflow: hidden;} .cbp-vm-image span:hover{} .cbp-vm-image img {transition:all 0.3s ease 0s;width:100%;cursor:pointer;position:relative;max-width:100%;max-height:100%;height:auto;} .cbp-vm-image span:hover img{ transform:scale(1.02,1.02);-moz-transform:scale(1.02,1.02);-webkit-transform:scale(1.02,1.02);transition:all 0.25s ease-in; } .cbp-vm-switcher ul li em{transition:all 0.3s ease 0s;font-size:14px;display:block;margin:10px 0 0 0;max-height:24px;color:#333;text-transform:capitalize; line-height:24px;margin-bottom:0;text-align:left;overflow:hidden;color: #333;font-weight: bold;} .cbp-vm-switcher ul li .ny-list-aa{overflow: hidden;height: 100px} .cbp-vm-switcher ul li .cbp-vm-details{text-align: left;color:#8f8f8f;overflow:hidden;font-size:12px;line-height:22px;margin: 5px 0 0 0;height: 44px} .cbp-vm-switcher ul li a:hover,.cbp-vm-switcher ul li em:hover{ color:#eb8105;} .cbp-vm-switcher ul li em:hover{color: #eb8105} .cbp-vm-switcher ul li:hover .cbp-vm-details{} .cbp-vm-view-grid .prol_more{transition:all 0.3s ease 0s;display:block;font-size: 14px;color: #fff;display: inline-block;padding:0 12px;line-height: 30px;background: #eb8105;text-align: left;margin: 15px 0 0 0;text-transform: capitalize;display: none;} .cbp-vm-view-grid .prol_more:hover{color: #fff;background: #eb8105;text-decoration: none;} /* Common icon styles */ .cbp-vm-icon:before { font-family: "fontawesome"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .cbp-vm-grid:before {content: "\f00a";} .cbp-vm-list:before {content: "\f00b";} .cbp-vm-add:before {content: "\f055";} /* Large grid view */ .cbp-vm-view-grid ul {text-align: left;margin: 10px 0 0 -3%;} .cbp-vm-view-grid ul li { text-align: center; float: left; margin: 0px 0 0px 3%; display: inline-block; vertical-align: top; padding:0; width: 30%; } .cbp-vm-view-grid ul li .cbp-vm-image:hover{ -webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.3); -moz-box-shadow:0px 5px 10px rgba(0,0,0,0.3); -o-box-shadow:0px 5px 10px rgba(0,0,0,0.3); box-shadow:0px 5px 10px rgba(0,0,0,0.3);} .cbp-vm-view-grid .relatedTags-01{display: none !important;} .cbp-vm-view-grid ul li:nth-child(3n+1){ clear: both;} /* List view */ .cbp-vm-switcher>p{line-height: 24px;margin: 0px 0 0px 0;font-size: 14px;color: #333;margin: 10px 0 0 0;text-align: left;} .cbp-vm-view-list li {padding: 15px 0;border-bottom:1px dashed #ccc;white-space: nowrap;text-align:left;white-space:normal;} .cbp-vm-view-list li:before, .cbp-vm-view-list li:after { content: " "; display: table; } .cbp-vm-view-list li:after { clear: both; } .cbp-vm-view-list .cbp-vm-image, .cbp-vm-view-list .cbp-vm-title, .cbp-vm-view-list .cbp-vm-details, .cbp-vm-view-list .cbp-vm-price, .cbp-vm-view-list .cbp-vm-add { display: inline-block; vertical-align: middle; } .cbp-vm-view-list .cbp-vm-image { float: left;width:30%;display:inline-block; vertical-align:middle;float:left;} .cbp-vm-view-list .cbp-vm-image:hover{ -webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.3); -moz-box-shadow:0px 5px 10px rgba(0,0,0,0.3); -o-box-shadow:0px 5px 10px rgba(0,0,0,0.3); box-shadow:0px 5px 10px rgba(0,0,0,0.3);} .cbp-vm-view-list .ny-list-aa{float: right;width: 68%;height: auto !important;overflow: hidden; } .cbp-vm-view-list .ny-list-aa:hover{} .cbp-vm-view-list ul li{} .cbp-vm-view-list ul li em{display:inline-block; vertical-align:top;width:100%;text-align:left;font-size:16px;margin: 0;height: 24px;} .cbp-vm-view-list ul li .cbp-vm-details {width: 100%;overflow: hidden;white-space: normal;font-size: 14px;line-height: 20px;max-height: 40px;overflow: hidden;text-align: left;margin: 10px 0 0 0} .cbp-vm-view-list .prol_more{transition:all 0.3s ease 0s;display:inline-block;background:#fff;font-size:14px;color:#222;text-transform:capitalize;padding:0px 30px 0px 30px;margin-top:20px;line-height:34px;text-transform: uppercase;background: #eb8105;color: #fff;} .cbp-vm-view-list .prol_more:hover{background: #00547e;color:#fff;text-decoration:none;} .relatedTags-01{width:100%;background:#EEE;line-height:20px;margin:10px 0 0 0;padding:0px 10px;overflow:hidden;border-bottom: 1px solid #e5e5e5;} .relatedTags-01 p{overflow:hidden;margin:0;font-size:14px;display:inline-block;line-height: 20px;vertical-align: middle;font-weight: bold;} .relatedTags-01 a{transition:all 0.3s ease 0s;color:#4c4c4c;text-transform:capitalize;display: inline-block;line-height: 20px;vertical-align: middle;font-size: 14px;padding:5px 5px;} .relatedTags-01 a:hover{color: #fff !important;color: #eb8105 !important;} .cbp-vm-view-list ul li:hover em{color: #333} .cbp-vm-view-list ul li:hover .cbp-vm-details{color: #999} .cbp-vm-view-list ul li em:hover{color: #eb8105} @media screen and (max-width: 1200px){ .cbp-vm-view-grid ul li{} .cbp-vm-view-list .cbp-vm-image {width: 40%} .cbp-vm-view-list .ny-list-aa{width: 58%;} } @media screen and (max-width: 992px) { .cbp-vm-view-grid ul li{width: 30%} .cbp-vm-view-list .cbp-vm-image {width: 55%} .cbp-vm-view-list .ny-list-aa{width: 42%} } @media screen and (max-width: 768px) { .cbp-vm-view-list .cbp-vm-image {width: 100%} .cbp-vm-view-grid ul{margin: 20px 0 0 -3%} .cbp-vm-view-grid ul li{width: 47%} .cbp-vm-view-list .ny-list-aa{width: 100%;margin: 10px 0 0 0} .cbp-vm-view-grid ul li:nth-child(3n+1){ clear: none;} .cbp-vm-view-grid ul li:nth-child(2n+1){ clear: both;} } @media screen and (max-width: 480px) { .cbp-vm-view-grid ul li {width: 100%;margin: 0px 0 20px 0} .cbp-vm-view-grid ul {width: 100%;margin: 0 0 0px 0} .cbp-vm-view-grid ul li{width: 100%} .cbp-vm-view-grid ul li:nth-child(2n+1){ clear: none;} } @media only screen and (max-width: 768px){ .pro-cat li{margin-bottom:10px;} .cbp-vm-options{} } @media screen and (max-width: 520px) { .cbp-vm-view-list ul li .cbp-vm-details{height:40px;} .cbp-vm-view-list .prol_more{font-size:14px;} } /*page-number*/ .page_num{width:100%;margin:20px auto 0 auto;text-align:center;display: block;} .page_num ul{} .page_num li{display:inline-block;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;} .page_num li p{display:inline-block;color:#fff;background:#eb8105;font-size:14px;text-transform:capitalize;margin-bottom:0;padding:8px 14px 8px 14px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;margin:0 2px;border: 1px solid #eee;} .page_num li a i{display: inline-block;line-height: 20px;width: 80px;} .page_num li span{display:inline-block;color:#fff;background:#3d3938;font-size:14px;text-transform:capitalize;margin-bottom:0;padding:8px 14px 8px 14px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;margin:0 2px;} .page_num li a{background: #fff;display:inline-block;color:#333;font-size:14px;text-transform:capitalize;padding:8px 14px 8px 14px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;margin:0 2px;border: 1px solid #eee;} .page_num li a:hover{color:#fff;text-decoration:none;background:#eb8105;} .page_num>span{display:block;font-size:12px;margin-top:10px;text-align: center;} .page_num>span:before{content:'[';padding-right:3px;} .page_num>span:after{content:']';padding-left:3px;} .page_num>span p{display:inline-block;margin:0 5px;} @media only screen and (max-width: 768px) { .page_num li a i{width: 30px;} .page_num>span{width:100%;margin-top:15px;}} @media only screen and (max-width: 400px) { .page_num li{margin:5px 0;} .page_num li p,.page_num li a{font-size:14px;padding:8px;} } /*products main*/ .products{margin: 20px 0 0 0;} /* CSS for the loading div */ .sp-loading { text-align: center; padding: 15px; border: 5px solid #eee; border-radius: 3px; font-size: 14px; color: #888; } /* Element wrapper */ .sp-wrap { display: none; line-height: 0; font-size: 0; border: 0px solid #eee; border-radius: 0px; position: relative; margin: 0 0px 0px 0; float: left; /************** Set max-width to your thumbnail width ***************/ width: 100% } /* Thumbnails */ .sp-thumbs { text-align: left; display: inline-block; margin: 10px 0 0 0; } .sp-thumbs img { width: 100%; height: auto; } .sp-thumbs a:link, .sp-thumbs a:visited { border: 1px solid #ccc; width: 100px; height: 75px; margin:0 5px 10px 0; overflow: hidden; opacity: .6; display: inline-block; background: no-repeat; background-size: 100%; background-position: center; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .sp-thumbs a:hover { opacity: 1; } /* Styles for the currently selected thumbnail */ .sp-thumbs a:active, .sp-current { opacity: 1!important; position: relative; border: 1px solid #eb8105 !important; } /* Image currently being viewed */ .sp-large { position: relative; overflow: hidden; top: 0; left: 0; border: 1px solid #e6e6e6; } +.sp-large a img { width: 100%; height: auto; } .sp-large a { display: block; width: 100% } .sp-large a img{ display: block; width: 100%; height: auto; } /* Panning Zoomed Image */ .sp-zoom { position: absolute; left: -50%; top: -50%; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; display: none; } /* Lightbox */ .sp-lightbox { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .9); z-index: 999999999; display: none; cursor: pointer; } .sp-lightbox img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-width: 90%; max-height: 90%; } #sp-prev, #sp-next { position: absolute; top: 50%; margin-top: -25px; z-index: 501; color: #fff; padding: 14px; text-decoration: none; background: #000; border-radius: 25px; border: 2px solid #fff; width: 50px; height: 50px; box-sizing: border-box; transition: .2s; } #sp-prev { left: 10px; } #sp-prev:before { content: ''; border: 7px solid transparent; border-right: 15px solid #fff; position: absolute; top: 16px; left: 7px; } #sp-next { right: 10px; } #sp-next:before { content: ''; border: 7px solid transparent; border-left: 15px solid white; position: absolute; top: 16px; left: 18px; } #sp-prev:hover, #sp-next:hover { background: #444; } /* Tweak styles for small viewports */ @media screen and (max-width: 400px) { .sp-wrap { margin: 0 0 15px 0; } #sp-prev, #sp-next { top: auto; margin-top: 0; bottom: 25px; } } .ny-bt-02{margin: 20px 0 20px 0;padding:0 0 0px 0;background: url(/template/images/m-2j-bj.jpg) no-repeat center;} .ny-bt-02 span{font-size: 18px;line-height: 40px;text-transform: uppercase;color: #fff;padding:0 0 0px 10px;font-weight: bold;width: 100%;display: inline-block;} .products .pro_img{margin-top:0px;padding: 0;width: 48%;position: relative;height: auto;} .products>h1{font-size: 24px;line-height: 34px;color: #4d4d4d;margin: 0 0 10px 0;color: #eb8105;font-weight: bold;} .products .pro_img>img{max-width:100%;max-height:100%;height:auto;width:100%;border: 1px solid #eee;} .products .pro_img .pro_simples{margin-top:10px;} .products .pro_img .pro_simples a>img{transition:all 0.3s ease 0s;max-width:64px;margin:4px;border:1px solid #ebebeb;} .products .pro_img .pro_simples a>img:hover{border: 1px solid #eb8105;} .products .pro_table{float:right;margin-top:0px;padding:0 15px;width: 50%} .pro_table h1{font-size:24px;color:#999;display:block;text-transform:capitalize;margin-bottom:10px;} .pro_table>h1{font-size: 20px;line-height: 30px;color: #999;margin: 0 0 10px 0;color: #4d4d4d;border-bottom: 1px solid #ccc;padding:0 0 10px 0;font-weight: bold;} .pro_table ul{margin-top:10px;} .pro_table ul li{margin:10px 0;padding-left:0px;font-size:14px; vertical-align:middle;text-transform:capitalize;color: #4d4d4d;} .pro_table ul li label{margin-right:5px;} .pro_table ul li p{display:inline-block;margin-right:10px;color:#2f8dc5;font-size:14px; vertical-align:middle;padding-bottom:3px;width:30%;} .pro_table .pro_more{transition:all 0.3s ease 0s;display:inline-block;background:#fff;font-size:12px;color:#222;text-transform:capitalize;margin-top:20px;display: inline-block;text-transform: capitalize;line-height: 40px;display: inline-block;padding:0 30px;text-transform: uppercase;font-size: 14px;background: #eb8105;color: #fff;} .pro_table .pro_more i{font-size: 16px;margin:0 5px 0 0;line-height: 40px;} .pro_table .pro_more:hover{background: #00547e;} .mostBox{margin-top:30px;} .mostBox>em{color:#eb8105;text-transform:uppercase;display:block;font-size:20px;margin-bottom:20px;font-weight:bold;padding-bottom:15px;/* background:url(/template/images/hr.jpg) repeat-x bottom left; */} .mostBox>div{line-height:20px;font-size:13px;padding:10px;} .mostBox>div img{max-width:100%;height:auto;width:auto;} .relatedTags{width:100%;background:#f2f2f2;line-height:20px;margin:10px 0;padding:10px 2% 10px 2%;overflow:hidden;display: inline-block;} .relatedTags p{overflow:hidden;margin:0;font-size:14px;display: inline-block;vertical-align: middle;} @media only screen and (max-width: 768px) {.relatedTags p{}} .re_main{display:block;display: inline-block;vertical-align: middle;} .re_main a{margin:0 8px;color:#333;text-transform:capitalize;font-size: 14px;} .relatedTags a:hover{color:#eb8105;} .reProTitle{width:100%;border-bottom:2px solid #1996e6;} .reProTitle p{color:#1a1a1a;font-weight:bold;font-size:16px;margin-top:30px;} .view_pro{width:100%;margin-top:00px;overflow:hidden;position: relative;} .view_pro .prom_title{color:#000;text-transform:uppercase;display:block;font-size:20px;margin-bottom:10px;border-bottom:2px solid #e5e5e5;padding-bottom:10px;} #flexiselDemo2{display:none;} .view_pro .nbs-flexisel-container{padding-top:0;overflow:visible;} .view_pro .nbs-flexisel-inner{position: relative;margin:0 10px; } .view_pro .nbs-flexisel-item{float:left;margin:0px;margin-top:5px;padding:0px 0px;cursor:pointer;position:relative;line-height:0px;text-align:center;min-height:240px;} .view_pro .nbs-flexisel-item span{background:#fff;display:inline-block;height: auto;padding:8px;max-width: auto;max-height: auto;} .view_pro .nbs-flexisel-item span img{width:100% !important;cursor:pointer;position:relative;} .view_pro .nbs-flexisel-item em{font-size:14px;display:block;font-weight:normal;margin:0px auto;height:20px;color:#eb8105;text-transform:capitalize; word-wrap:break-word;line-height:20px;width:90%;} .view_pro .nbs-flexisel-item a:hover,.nbs-flexisel-item:hover em{ text-decoration:none;} .view_pro .nbs-flexisel-item p{overflow:hidden;color:#808080;height:36px;line-height:18px;font-size:14px;text-align:center;max-width:50px;display:inline-block;} .view_pro .nbs-flexisel-nav-left_2,.view_pro .nbs-flexisel-nav-right_2{width:22px;height:34px;position:absolute;cursor:pointer;z-index:100;top:-50px;} .view_pro .nbs-flexisel-nav-left_2{position: absolute;} .nbs-flexisel-inner>.nbs-flexisel-container .nbs-flexisel-nav-left{display: none !important;} .nbs-flexisel-inner>.nbs-flexisel-container .nbs-flexisel-nav-right{display: none !important;} .view_pro .nbs-flexisel-nav-right_2{ position: absolute; right:0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); right:0; text-align:center; background:url(/template/images/main-lb-02.png) no-repeat; } .view_pro div .nbs-flexisel-container:first-child .nbs-flexisel-nav-left_2{display:block;} .view_pro div .nbs-flexisel-container:first-child .nbs-flexisel-nav-right_2{display:block;} .pro_inquiry{margin-top:0px;position: relative;} .pro_inquiry .page_title em{display:block;font-size:20px;font-family:Arial, Helvetica, sans-serif;text-transform:capitalize;margin:10px 0;color:#4d4d4d;} .pro_inquiry .page_title i{color:#333;} .pro_inquiry .column_box{background:transparent;} .zt-001{color: #333 !important;} .zt-001:hover{text-decoration: underline;color: #eb8105 !important;} .pro_inquiry .column_box>ul>p{font-size:14px;margin:0px;width:99%;padding:5px;} .pro_inquiry .inquiry_left{width:100%;padding-right:1%;} .pro_inquiry ul>span{margin:15px 0;text-transform:capitalize;display:block; font-weight:bold; font-size:14px;} .pro_inquiry ul>span>p{display:inline-block;margin-right:10px;margin-bottom:0;} .pro_inquiry ul li{margin:10px 0;text-transform:capitalize;display:block; vertical-align:middle;} .pro_inquiry ul label{display:block;margin-bottom:0;font-weight:normal;font-size: 14px;line-height: 24px;} .pro_inquiry ul label a{font-weight: bold;} .pro_inquiry ul label a:hover{font-weight: bold;color: #eb8105;text-decoration: underline;} .pro_inquiry ul .meInput{border:1px solid #ccc;height:40px;line-height: 40px;;width:100%;padding:0 5px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;padding:0 10px} .pro_inquiry ul .meInput:focus{border:1px solid #eb8105; -webkit-box-shadow:0px 0px 5px rgba(90,199,170,0.5); -moz-box-shadow:0px 0px 5px rgba(90,199,170,0.5); -o-box-shadow:0px 0px 5px rgba(90,199,170,0.5); box-shadow:0px 0px 5px rgba(90,199,170,0.5); } @media(max-width:1200px){ .products .pro_img{width: 50%;} .products .pro_table{width: 48%} .sp-thumbs a:link, .sp-thumbs a:visited { width: 80px; height: 60px; } } @media(max-width:992px){ .products .pro_img{width: 48%;} .products .pro_table{width: 50%} .sp-thumbs a:link, .sp-thumbs a:visited { width: 80px; height: 60px; } } @media(max-width:768px){ .sp-thumbs a:link, .sp-thumbs a:visited { width: 80px; height: 60px;} .products .pro_table{padding:0 0px}.pro_inquiry ul .meInput{ width:100%}} .pro_inquiry ul .meText{border:1px solid #ccc;height:160px;max-height:180px;max-width:100%;width:100%;padding:5px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;padding:10px 10px} .pro_inquiry ul .meText:focus{border:1px solid #eb8105; -webkit-box-shadow:0px 0px 5px rgba(90,199,170,0.5); -moz-box-shadow:0px 0px 5px rgba(90,199,170,0.5); -o-box-shadow:0px 0px 5px rgba(90,199,170,0.5); box-shadow:0px 0px 5px rgba(90,199,170,0.5); } @media(max-width:768px){.pro_inquiry ul .meText{ width:100%} .pro_inquiry ul li .meYzm{width:20%;} .pro_inquiry ul li .meYzm:focus{border:1px solid #eb8105; -webkit-box-shadow:0px 0px 5px rgba(90,199,170,0.5); -moz-box-shadow:0px 0px 5px rgba(90,199,170,0.5); -o-box-shadow:0px 0px 5px rgba(90,199,170,0.5); box-shadow:0px 0px 5px rgba(90,199,170,0.5); } } .pro_inquiry .send{ padding:10px 50px 10px; background:#eb8105; color:#fff; display:inline-block; text-transform:capitalize; transition:all 0.3s ease 0s; font-size:14px; margin: 10px 0; text-transform: uppercase; border: none; } .pro_inquiry .send:hover{ color:#fff; text-decoration:none; background:#00547e; } .pro_inquiry ul .prom_radio{display:inline-block;vertical-align:middle;} .pro_inquiry ul .prom_radio label{display:block;cursor:pointer;padding:5px; vertical-align:middle;font-weight:normal;} .pro_inquiry ul input[type="radio"], input[type="checkbox"]{margin:0 5px 0 0;cursor:pointer;} .pro_inquiry ul .prom_radio label:hover{background:#f2f2f2;} .pro_inquiry ul fieldset{margin-top:20px;margin-bottom:-5px;} .pro_inquiry ul fieldset p{display:inline-block;margin-right:10px;vertical-align:middle;margin-bottom:0;} .pro_inquiry ul fieldset #form1{display:inline-block; vertical-align:middle;} .pro_info{ line-height:24px;font-size: 14px;color: #8f8f8f;} #select{ margin: 0 auto;border-bottom:1px solid #eb8105;margin: 30px 0 0 0; height:32px;display: none;} #select li{ border-top:1px solid #eb8105; border-left:1px solid #eb8105; border-right:1px solid #eb8105; display: inline; float: left; height:31px; line-height: 31px; margin: 1px 6px 0 0px ; text-align: center; padding:0px 2%; border-top-left-radius:5px; border-top-right-radius:5px; } .marriage_content{ margin-top:3px; } .form_content{ margin-top:3px; } .private_content{ margin-top:3px; display:none;} #select li a{ display: block; height:31px; width: 208px; font-size:14px;} .select_m{ display:none; margin-top:10px;} .select_m img{max-width: 100%} #on_fix{ position:fixed; top:300px; right:20px;} .arrs { background:#eb8105; color:#fff; cursor: pointer; display: block; font-size:14px; height: 31px; } .hovers { background:#eb8105; color: #fff; font-size:14px; height: 31px; } .fontRed{ color:red} .ser{ margin:10px ; font-size:14px;} .ser a{font-size:14px;color: #eb8105;text-decoration: underline;} .ser a:hover{text-decoration: underline;color: #eb8105;} .relate_m>p{ font-size:20px; font-weight:bold; padding-left:23px; line-height:36px} .relate_m{ margin-top:30px;} @media only screen and (max-width: 440px) { .view_pro .nbs-flexisel-item{margin-top:40px;} .view_pro .nbs-flexisel-nav-left_2,.view_pro .nbs-flexisel-nav-right_2{top:5px;} } .table-responsive { width: 100%; overflow-x: auto; } .nbs-flexisel-ul_2{position:relative;width:9999px;margin:0px;padding:0px;list-style-type:none;text-align:left;} .nbs-flexisel-inner_2{ position:relative} .ny-tab-cp{display: block;width: 100%;margin: 20px 0 10px;border-bottom: 1px solid #eee;} .ny-tab-cp p{display: block;display: inline-block;text-align: center;} .ny-tab-cp p a{padding: 0 30px;font-size: 18px;line-height: 34px;color: #333;} .ny-tab-cp p i{transition:all 0.3s ease 0s;width: 0%;height: 2px;background:#eb8105;display: block;margin: 0 auto;} .ny-tab-cp p:hover i{width: 100%;} .ny-tab{display: block;margin: 20px 0} .ny-tab a{display: inline-block;font-size: 14px;line-height: 24px;text-transform: capitalize;} .ny-tab a:hover{color: #eb8105;} .ny-tab a.ny-tab-liang{color: #eb8105;} .ny-tab p{display: inline-block;font-size: 14px;line-height: 24px;padding:0 5px} @media(max-width:768px){ .products .pro_img{width: 100%} .products .pro_table{width: 100%;padding: 15px 0 0 0} .ny-tab-cp p{width: 30%;} .ny-tab-cp p a {padding: 0;text-align: center;} } /**/ .ny-slideTxtBox{ width:100%;text-align:left;} .ny-slideTxtBox .hd{padding: 10px 0 0;border-bottom: 2px solid #eb8105;} .ny-slideTxtBox .hd ul{text-align: left;} .ny-slideTxtBox .hd ul li{transition:all 0.3s ease 0s;float: left;margin:0 10px 0 0;-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;border-radius:5px 5px 0 0;overflow: hidden;border: 1px solid #e5e5e5;border: 0px solid #000;} .ny-slideTxtBox .hd ul li a{transition:all 0.3s ease 0s;float: left;display:inline-block;padding:0 15px; cursor:pointer;font-size: 14px;line-height: 40px;color: #333;background: #eee;border: 1px solid #eee;text-transform: capitalize;} .ny-slideTxtBox .hd ul li.on{} .ny-slideTxtBox .hd ul li.on a{background:#eb8105; border:1px solid #eb8105;color: #fff;} .ny-slideTxtBox .bd{border: 1px solid #e5e5e5;padding: 10px 10px;background: #fff;} .ny-slideTxtBox .bd div{line-height: 24px;} .ny-xf{} .small-ny-xf{position: fixed;top:60px;z-index: 999999;} .small-ny-xf ul li a{ -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.3); -moz-box-shadow:3px 3px 5px rgba(0,0,0,0.3); -o-box-shadow:3px 3px 5px rgba(0,0,0,0.3); box-shadow:3px 3px 5px rgba(0,0,0,0.3);} @media(max-width:1200px){ .ny-slideTxtBox .main-box{padding: 0px} } @media(max-width:992px){ } @media(max-width:768px){ .ny-slideTxtBox .hd ul li{text-align: center;margin:0px 10px 0px 0;} .ny-slideTxtBox .hd ul li a{} .small-ny-xf ul li{width: 150px !important;padding:0 5px !important} .small-ny-xf ul li a{font-size: 12px !important;line-height: 30px !important;} } @media(max-width:480px){ } /* Slider-1j */ /* Slider */ /*page-turning*/ .page_turn{padding:10px 2% 5px 0%;/* background:url(/template/images/hr.jpg) repeat-x top left; */;} .page_turn li{display:block;margin-bottom:10px;width: 100%;float: left;} .page_turn li p{display:inline-block;color:#333;font-size:15px;text-transform:capitalize;margin-bottom:0;font-weight: bold;} .page_turn li a{transition:all 0.3s ease 0s;display:inline-block;color:#eb8105;font-size:14px;margin-left:0px;padding:5px 10px 5px 10px;text-transform:capitalize;} .page_turn li a:hover{text-decoration: underline;} @media(max-width:1200px){ .view_pro .slick-prev, .view_pro .slick-next{} } @media(max-width:992px){ .view_pro .slick-prev, .view_pro .slick-next{} } @media(max-width:768px){ .view_pro .slick-prev, .view_pro .slick-next{} } @media(max-width:480px){ .view_pro .slick-prev, .view_pro .slick-next{} } .service_left{margin: 20px 0 0 0;} /*news-list*/ .news_list{width:100%;} .news_list>li{padding:15px 0px;overflow:hidden;clear:both;margin: 0px 0;display: inline-block;border-bottom: 1px dashed #ccc;width: 100%;} .news_list>li:first-child{margin:0px 0 0px 0;} .news_list>li .newl_left{width:65%;float:right;} .news_list>li .newl-q{width:100%;margin-left:2%;float:right;} .news_list>li .newl_left em{transition:all 0.3s ease 0s;font-size:16px;display:block;margin-bottom:10px;text-transform:capitalize;color:#2f8dc5;max-height:24px;line-height: 24px;overflow: hidden;font-weight: bold;} .news_list>li .newl_left em:hover,.news_list li a:hover{color:#eb8105;text-decoration:none;} .news_list>li .newl_left .newm_date{margin-bottom:10px;} .news_list>li .newl_left>p{color:#999;line-height:22px;font-size:14px;overflow:hidden;max-height:44px;margin:10px 0 0 0;} .news_list>li .newl_left .newl_more{transition:all 0.3s ease 0s;display:inline-block;background:#000;font-size:14px;color:#fff;text-transform:capitalize;padding:0px 20px 0px 20px;margin-top:20px;line-height: 34px;text-transform: uppercase;border: 1px solid #222;font-weight: bold;} .news_list>li .newl_left .newl_more:hover{background: #eb8105;color:#fff;text-decoration:none;border: 1px solid #eb8105;} .news_list>li .newl_right{transition:all 0.3s ease 0s;float:left;display:block;width:32%;overflow: hidden;border: 1px solid #eee;margin:0 0 0 0;} .news_list>li .newl_right img{height:auto;width:100%;} .news_list>li .newl_right:hover{filter:alpha(opacity:80);opacity:0.8;} .news-rr{display:block;margin-bottom:0px;margin: 10px 0 0 0} .news-rr li{display:inline-block;margin-right:10px;color:#b3b3b3;padding-right:10px;font-size: 14px;line-height: 24px;padding: 0} .news-rr li:last-child{border:none;} .news-rr li i{padding-right:5px;font-style: normal;} @media only screen and (max-width: 1200px) { .news_list li .newl_right{width:35%;} .news_list li .newl_left{width:53%;} } @media only screen and (max-width: 992px) { .news_list li .newl_right{width:40%;} .news_list li .newl_left{width:48%;} } @media only screen and (max-width: 768px) { .news_list li .newl_right{width:100%;margin-bottom:0px;max-width:100%;margin: 20px 0 0 0} .news_list li .newl_left{width:100%;margin: 10px 0 0 0} } @media only screen and (max-width: 480px) { .news_list li .newl_right{width:100%;float:none;max-width:100%;margin: 20px 0 0 0 ;display: inline-block;} .news_list li .newl_left{width:100%;} } /*list-01*/ /*xiazai*/ .xiazai-more{width: 100%;margin: 20px 0 0 0} .xiazai-more a{padding:0 30px;font-size: 14px;background: #eb8105;color: #fff;display: inline-block;line-height: 40px;} .xiazai-more a i{font-size: 16px;display: inline-block;margin: 0px 5px 0 0;vertical-align: middle;} .xiazai-more a:hover{background: #00547e} .xiazai{} .xiazai *{transition:all 0.3s ease 0s;} .xiazai li{padding: 15px 0;border-bottom: 1px dashed #ccc;} .xiazai li .xiazai-l{width: 25%;float: left;} .xiazai li .xiazai-l a{display: inline-block;width: 100%;filter:alpha(opacity:100);opacity:1;border: 1px solid #ccc;padding: 5px} .xiazai li .xiazai-l img{width: 100%;height: auto;} .xiazai li .xiazai-r {width: 73%;float: right;} .xiazai li .xiazai-r>a{display: inline-block;font-size: 16px;line-height: 24px;color: #2f8dc5;font-weight: bold;height: 24px;overflow: hidden;} .xiazai li .xiazai-r p{display: inline-block;font-size: 14px;line-height: 24px;color: #999;margin: 10px 0 0 0;overflow: hidden;max-height: 48px} .xiazai li .xiazai-r>a:hover{color: #eb8105;} .xiazai li .xiazai-l>a:hover{filter:alpha(opacity:85);opacity:0.85;} @media(max-width:1200px){} @media(max-width:992px){ .xiazai li .xiazai-l{width: 35%;} .xiazai li .xiazai-r{width: 62%;} } @media(max-width:768px){ .xiazai li .xiazai-l{width: 40%;} .xiazai li .xiazai-r{width:58%;} } @media(max-width:480px){ .xiazai li .xiazai-l{width:100%;} .xiazai li .xiazai-r{width:100%;margin: 10px 0 0 0} } /*faq-list*/ .faq-list{padding: 15px 0 0 0;} .faq-list li{border-bottom: 1px dashed #ccc;margin: 10px 0;} .faq-q{position: relative;background: #f1f1f1;padding: 10px} .faq-q span{position: absolute;left: 7px;top:7px;width: 30px;line-height: 30px;text-align: center;display: inline-block;background: #09308f;color: #fff;text-transform: uppercase;font-size: 16px;} .faq-q p{font-size: 14px;line-height: 24px;font-weight: bold;color: #4d4d4d;width: 100%;padding: 0 0 0 40px;} .faq-a{position: relative;background: #fff;padding: 10px;margin: 10px 0 10px 0;} .faq-a span{position: absolute;left: 7px;top:7px;width: 30px;line-height: 30px;text-align: center;display: inline-block;background: #ccc;color: #fff;text-transform: uppercase;font-size: 16px;} .faq-a p{font-size: 14px;line-height: 22px;color: #808080;width: 100%;padding: 0 0 0 40px;} /*gc-list*/ ul.gc-list{margin: 13px 0 0 -3.5%} ul.gc-list li{margin:10px 0 10px 3.5%;width: 29.6%;float: left;display: block;} ul.gc-list li div.main-r-2j-p{width: 100%;overflow: hidden;} ul.gc-list li div.main-r-2j-p a{transition:all 0.3s ease 0s;border: 1px solid #eee;display: block;overflow: hidden;} ul.gc-list li div.main-r-2j-p a img{width: 100%;height: auto;transition:all 0.3s ease 0s;} ul.gc-list li div.main-r-2j-t{} ul.gc-list li div.main-r-2j-t a{display: block;font-size: 14px;line-height: 24px;margin: 10px 0 0 0;color: #333;max-height: 24px;overflow: hidden;font-weight: bold;} ul.gc-list li div.main-r-2j-t p{display: none;font-size: 14px;line-height: 24px;color: #808080;margin: 5px 0 0 0;max-height: 40px;overflow: hidden;} ul.gc-list li div.main-r-2j-p a:hover{border: 1px solid #eb8105;} ul.gc-list li div.main-r-2j-t a:hover{text-decoration: underline;color: #eb8105;} ul.gc-list li div.main-r-2j-a{} ul.gc-list li div.main-r-2j-a a{transition:all 0.3s ease 0s;font-size: 14px;line-height: 26px;color: #fff;padding:0 12px;background: #eb8105;display: inline-block;margin: 20px 0 0 0;} ul.gc-list li div.main-r-2j-a a:hover{background: #eb8105} @media(max-width:1200px){ ul.gc-list li{width: 29.6%;} } @media(max-width:992px){ ul.gc-list li{width: 46.5%} ul.gc-list li:nth-child(3n){display: none;} } @media(max-width:768px){ ul.gc-list{margin: 0} ul.gc-list li{width: 100%;margin: 26px 0 0 0;} } @media(max-width:480px){ .main-r-2j ul li{width: 100%;} } /*news-main*/ .news_main{width:100%;margin:0px 0 20px 0;} .news_main em{font-size:20px;display:block;margin-bottom:10px;text-align: left;color: #222;margin: 0px 0 0 0;line-height: 30px;} .news_main .newm_date{color:#808080;border:none;line-height:normal;padding:0;padding-bottom:20px;text-align: center;font-size: 20px;border-bottom: 2px solid #eee;} .newm_date p{display:inline-block;margin-right:15px;font-size:14px;color: #b2b2b2;} .newm_date i{padding-right:5px;} .news_main div{margin-top:10px;line-height:24px;padding-bottom:20px;font-size:14px;padding:0% 0;} .news_main div a{color:#eb8105;text-decoration:underline;} .news_main div img{max-width:100%;} /*blog*/ .column .block .blog_main { padding:0 0px 0px 0px;margin-bottom:0;overflow: visible !important;} .column .block .blog_main>li{padding:10px 0px 20px 0px;} ul.blog-list, ul.blog-list1{padding: 0;list-style: none;/* background:url(/template/images/hr.jpg) repeat-x bottom left; */text-align:left;margin:0px 0 0px 0;} ul.blog-list li {/* background: url(/template/images/icon-circle.png) no-repeat left 10px; */padding: 5px 0} ul.blog-list1 p, ul.blog-list p {font-size:18px;color:#eb8105;margin-bottom: 15px;text-transform:capitalize;font-weight: bold;} ul.blog-list li a {transition:all 0.3s ease 0s;color:#808080;font-size:14px;vertical-align: initial;text-decoration: none;background: url(/template/images/fen-jian-01.png) no-repeat 0px 5px;padding:0 0 0 20px;display: inline-block;} ul.blog-list li a:hover{color: #eb8105;padding: 0 0 0 20px} ul.blog-list1 li a:hover{transition:all 0.3s ease 0s;background: #eb8105;/* background: #333; */color:#fff;text-decoration:none;} ul.blog-list3 li.blog-list3-img{float: left;width: 24%;margin-right: 5%;} .blog-list3-img img{width:60;border-radius:5px;height:45px;border:solid 1px #eee;} ul.blog-list1 li {display: inline-block;margin: 5px 3px;} ul.blog-list1 li a { color: #333; text-decoration: none; background: #e6e6e6; padding:5px 10px; font-size: 14px;display: inline-block; } .blog_list{width:100%;margin: 0px 0 0 0} .blog_list>li{transition:all 0.3s ease 0s;padding:0 10px;border-bottom:1px dashed #ccc;text-align:left;padding:20px 0;} .blog_list>li:hover{} .blog_list li em{font-size:16px;overflow:hidden;display:block;margin-bottom:0px;text-overflow:ellipsis;white-space:nowrap; -moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;color: #2f8dc5;position: relative;padding: 0 0 0 0px;font-weight: bold;} .blog_list li em i{font-size: 16px;width: 30px;text-align: center;line-height: 30px;position: absolute;left: 0px;top:-0px;background: #eb8105;color: #fff;} .blog_list li a:hover{text-decoration:none;} .blog_list li em:hover{color: #eb8105;} .blog_list li .blog_date{display:block;padding:10px 0px;} .blog_list li .blog_date li{display:inline-block;margin-right:10px;color:#b2b2b2;padding-right:10px;border-right:1px solid #e5e5e5;font-size: 14px;} .blog_list li .blog_date li:last-child{border:none;} .blog_list li .blog_date li i{padding-right:5px;} .blog_list li a{overflow:hidden;max-height:240px;display:block;} .blog_list li img{max-width:100%;height:auto;} .blog_list li p{font-size:14px;line-height:22px;overflow:hidden;max-height:44px;margin-top:0px;color: #999;} .blog_list li .blog_tag{margin-top:20px;} .blog_list li .blog_tag li{transition:all 0.3s ease 0s;display:inline-block;margin-right:10px;border: 1px solid #e5e5e5;} .blog_list li .blog_tag li a{padding:5px 10px;display:inline-block;font-size: 14px;color: #808080} .blog_list li .blog_tag li i{transition:all 0.3s ease 0s;padding-right:5px;color:#808080;} .blog_list li .blog_tag li:hover{background:#eb8105;color:#000;} .blog_list li .blog_tag li:hover a{color:#fff;} .blog_list li .blog_tag li:hover i{color:#fff;} .blog_list .blog_more{ padding:6px 20px;margin-top:20px; border-radius:5px; background-image: -moz-linear-gradient(top, #ffa128, #fc9818); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffa128), color-stop(1, #fc9818)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa128', endColorstr='#fc9818', GradientType='0'); background:linear-gradient(to bottom, #ffa128, #fc9818); display:inline-block; text-transform:capitalize; color:#fff; font-size:14px; } .blog_list .blog_more:hover{ color:#000; text-decoration:none; box-shadow:0 0 5px 1px #e5e5e5; background:#ffe400; } @media(max-width:1200px){ } @media(max-width:992px){ } @media(max-width:768px){ .column .block .blog_main{padding:0 10px 0 0;overflow: hidden !important;} .column .block .blog_main>li{background: #fff;padding: 10px 10px 0px 10px} } @media(max-width:480px){ } /*blog-main*/ .blog_main{width:100%;padding: 0px 0} .blog_main em{font-size:20px;overflow:hidden;display:block;margin-bottom:15px;color: #222;margin: 0px 0 10px 0;text-align: center;} .blog_main a:hover{text-decoration:none;} .blog_main .blog_date{display:block;margin-bottom:10px;padding: 0 0 20px 0;border-bottom: 1px solid #e5e5e5;text-align: center;} .blog_main .blog_date li{display:inline-block;margin-right:10px;color:#808080;padding-right:10px;border-right:1px solid #e5e5e5;} .blog_main .blog_date li:last-child{border:none;} .blog_main .blog_date li i{padding-right:5px;} .blog_main img{max-width:100%;height:auto;} .blog_main div{font-size:14px;line-height:24px;margin-top:10px;text-align:left;color: #8f8f8f;} .blog_main .blog_tag{margin-top:10px;text-align:left;} .blog_main .blog_tag li{transition:all 0.3s ease 0s;display:inline-block;margin-right:10px;border: 1px solid #e5e5e5;} .blog_main .blog_tag li a{transition:all 0.3s ease 0s;color:#808080;display:inline-block;padding:8px 10px;background: #fff} .blog_main .blog_tag li i{padding-right:5px;color:#808080;} .blog_main .blog_tag li:hover{background:#eb8105;color:#000;} .blog_main .blog_tag li:hover a{color:#fff;background: #eb8105} .blog_main .blog_tag li:hover i{color:#fff;} #loop-nav-singlular-post{border-top:1px solid #e5e5e5;margin-top:20px;padding-top:10px;} #loop-nav-singlular-post i{padding:0 5px;} /* Sweep To Right */ .hvr-sweep-to-right { overflow-y: hidden; float:left; margin-top:10px; padding:8px 20px; background:#eb8105; color:#fff; font-size:14px; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #00547e; color:#fff; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: #fff;text-decoration:none; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Sweep To Left */ .hvr-sweep-to-left { float:right; overflow-y: hidden; margin-top:10px; padding:8px 20px; color:#fff; background:#eb8105; font-size:14px; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #00547e; color:#fff; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active { color: #fff;text-decoration:none; } .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .cp-1j-lb{padding: 0px 0 0 0;margin: 0 -20px 0 0;position: relative;} .cp-1j-lb .slider{} .cp-1j-lb .slick-next{transition:all 0.3s ease 0s; background:url(/template/images/main-1j-lb-01.png) no-repeat center; width:20px; height:30px;top:0px; right:30px;margin: -55px 0px 0 0;} .cp-1j-lb .slick-prev{transition:all 0.3s ease 0s; background:url(/template/images/main-1j-lb-02.png) no-repeat center; width:20px; height:30px; top:0px; right:50px; margin:-55px 0px 0 0px;} .cp-1j-lb .slick-next:hover{background:url(/template/images/main-1j-lb-01-02.png) no-repeat center;} .cp-1j-lb .slick-prev:hover{background:url(/template/images/main-1j-lb-02-02.png) no-repeat center;} .cp-1j-lei{margin:0 20px 5px 0;transition:all 0.3s ease 0s;text-align: center;padding: 0px 0px 0} .cp-1j-lei:hover{} .cp-1j-lei div{width: 100%;border: 0px solid #ccc;} .cp-1j-lei div>a{width: 100%;border: 0px solid #ccc;overflow: hidden;display: inline-block; -webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.0); -moz-box-shadow:0px 5px 10px rgba(0,0,0,0.0); -o-box-shadow:0px 5px 10px rgba(0,0,0,0.0); box-shadow:0px 5px 10px rgba(0,0,0,0.0);transition:all 0.3s ease 0s; } .cp-1j-lei div:hover{transition:all 0.3s ease 0s;} .cp-1j-lei div>a:hover{filter:alpha(opacity:85);opacity:0.85;} .cp-1j-lei div img{width: 100%;height: auto;} .cp-1j-lei span{display: inline-block; width: 100%;text-align: left;} .cp-1j-lei span a{display: inline-block;font-size: 14px;line-height: 24px;color: #222;max-height: 52px;overflow: hidden;text-transform: capitalize;margin: 10px 0 0 0;font-weight: bold;} .cp-1j-lei span a:hover{color: #eb8105;} .cp-1j-lei span p{font-size: 12px;line-height: 20px;color: #999;max-height: 40px;overflow: hidden;margin:5px 0 0 0} .cp-1j-lei>a{transition:all 0.3s ease 0s;background: #000;color: #fff;font-size: 14px;text-transform: uppercase;padding:0 20px;line-height: 30px;display: inline-block;margin: 15px 0 0 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .cp-1j-lei>a:hover{background: #eb8105} .vdo-box{margin: 0px 0 0 -3%;display: inline-block;} .vdo-box li{width: 30.2%;margin:0 0 20px 3%;float: left;} .vdo-box li .vdo-p{width: 100%;position: relative;} .vdo-box li .vdo-p img{width: 100%;height: auto;} .vdo-box li .vdo-p a{width: 100%;height: auto;position: absolute;z-index: 20;width: 100%;height: 100%;top:0px;left:0;z-index: 20px;} .vdo-box li .vdo-p i{transition:all 0.3s ease 0s;width: 60px;filter:alpha(opacity:50);opacity:0.5;position: absolute;top:50%;left:50%;margin: -30px 0 0 -30px} .vdo-box li .vdo-p:hover i{filter:alpha(opacity:100);opacity:1;} .vdo-box li .vdo-p i img{width: 100%;height: auto;} .vdo-box li .vdo-t{width: 100%} .vdo-box li .vdo-t a{font-size: 14px;line-height: 24px;height: 48px;color: #222;overflow: hidden;display: inline-block;margin: 10px 0 0 0;} .vdo-box li .vdo-t a:hover{text-decoration: underline; color:#52918b } @media(max-width:1200px){} @media(max-width:992px){} @media(max-width:768px){ .vdo-box li{width: 47%;} } @media(max-width:480px){} /*zc-dl*/ .gray_mian { background:#fafafa; border: 1px solid #eee; overflow: hidden; padding: 30px 0; margin: 20px 0 40px; } .join_left { width: 50%; padding: 0 5%; float: left; height: auto; } .join_title { font: 23px/30px Arial, Helvetica, sans-serif; color: #323232; } .join_item { height: 45px; display: block; overflow: hidden; clear: both; position: relative; } .join_item dt { position: absolute; top: 0px; left:0px; } .join_item dd { float: left; line-height: 20px; color: #656565; font-size: 13px; padding: 0 0 0 50px; } .c { clear: both; height: 0px; width: 0px; } .already_member { font: 18px/50px Arial, Helvetica, sans-serif; color: #000; } .join_button { width: 160px; height: 39px; padding-left: 9px; display: block; float: left; background: url(/template/images/loin_button_bg.gif) no-repeat; font: bold 18px/39px Arial, Helvetica, sans-serif; color: #222; margin-left: 10px; margin-top: 5px; } .join_button:hover{ color: #eb8105; } .yinying_bottom { height: 40px; background: url(/template/images/front/yinying_bg.jpg) repeat-x left bottom; } .join_right { float: left; height: auto; } .join_right>h1 { color: #eb8105; font: 40px/60px Tahoma,Geneva,sans-serif; height: 70px; } .join_name { color: #505050; font-size: 14px; line-height: 22px; margin: 10px 0 0 0; } .join_right ul li select{color: #505050; padding: 0 0 0 10px; width: 100%; font-size: 14px; line-height: 30px; height: 30px; border: 1px solid #cecece; margin: 0 0 10px 0; } .tex275 { width: 100%; height: 30px; line-height: 30px; border: 1px solid #cecece; padding: 0 0 0 10px; margin:0 0 10px 0 } .dingwei { position: relative; height: 40px; } .dingwei a{line-height: 30px;} .code92 { width: 80px; height: 30px; line-height: 30px; border: 1px solid #cecece; padding: 0 10px; } .code_img { vertical-align: text-bottom; margin:2px 0 0 5px; } .refresh { font: 14px/24px Arial, Helvetica, sans-serif; color: #eb8105; text-decoration: underline; padding-left: 15px; } .join_right { width: 50%; padding:0 5%; float: right; height: auto; border-left: 1px solid #ccc; } .creatAccount { transition:all 0.3s ease 0s; width: 200px; height: 40px; border: 0; margin: 20px 0 10px 0px; background: #eb8105; border: 1px solid #66a6a0; cursor: pointer; font: bold 16px Arial, Helvetica, sans-serif; color: #fff;} .creatAccount:hover { background: #000;color: #fff;border: 1px solid #000; } .heibox{width: 100%;height: 1px;background: #1a1a1a;} .zc-ppp{margin: 30px 0 0 0;display: inline-block;} .zc-ppp img{width: 100%} /*list-01*/ .list-01{margin: 20px 0 0 -3%;width: 103%;} .list-01 li *{transition:all 0.3s ease 0s;} .list-01 li{width: 30%;margin: 0 0 20px 3%;float: left;padding:0 0 0px 0;} .list-01-p{overflow: hidden;position: relative;} .list-01-p a{display: block;transition:all 0.25s ease-in;} .list-01-p img{transition:all 0.3s ease 0s;width: 100%;height: auto;border: 1px solid #ccc;padding: 0px;} .list-01-p a::before{transition:all 0.3s ease 0s;content:"";background:url(/template/images/list-01-i.png);width: 110px;height: 110px;display: inline-block;position: absolute;z-index: 2px;left:50%;top:0;margin: -55px 0 0 -55px;filter:alpha(opacity:0);opacity:0;} .list-01-p a:hover::before{filter:alpha(opacity:100);opacity:1;top:50%;} .list-01-t{padding: 0px 0 0px} .list-01-t a{transition:all 0.3s ease 0s;font-size: 14px;line-height: 24px;color: #4d4d4d;margin: 10px 0 0 0;overflow: hidden;height: 48px;display: inline-block;} .list-01-t a:hover{text-decoration: underline;color: #eb8105;} .list-01-p a:hover {transition:all 0.25s ease-in;} @media(max-width:1200px){ } @media(max-width:992px){ } @media(max-width:768px){ .list-01 li{width:47%} } @media(max-width:480px){ .list-01{width: 100%;margin:20px 0 0 0} .list-01 li{width:100%;margin:0 0 20px 0;} .list-01-t a{max-height: 48px;height: auto;} } /**/ .forget{color: #eb8105} .forget:hover{color: #000} @media(max-width:1200px){ .join_left{} .join_right{} } @media(max-width:992px){ } @media(max-width:768px){ .gray_mian{margin: 10px 0 30px;padding: 20px 0} .join_left{width: 100%;margin: 20px 0 0 0;border-top: 1px dashed #ccc;} .join_right{width: 100%;border: none;} .creatAccount{width: 100%} } @media(max-width:480px){ } /*后续*/ /*放大镜调整*/ .cloud-zoom img{width: 100%;height: auto;} /*分享插件调整*/ .addthis_toolbox{margin: 20px 0 0 0;} /*mousetrap*/ #product_detail_img{width: 100% !important;height: auto !important;} /* .mousetrap{width: 100% !important;height: auto !important;} */ /*？？*/ .table-responsive { width: 100%; overflow-x: auto; } /*编辑*/ .about_main img{height: auto;max-width: 100%} .about_main *{} .por-main img{height: auto;max-width: 100%} .por-main *{} .news_main>div img{height: auto;max-width: 100%} .news_main *{} .blog_main img{height: auto;max-width: 100%} .news_main *{}