/* Reset css */ body, h1, h2, h3, h4, h5, h6, hr, blockquote, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td { margin: 0; padding: 0; font-weight: normal; } /*body, div, button, input, select, textarea { position: relative; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; transition: all 300ms ease-in-out 0s; } */ ul, ol { list-style: none; } a { text-decoration: none; } a:hover { text-decoration: none; color:#56bced; } * a:link { text-decoration: none; } a { outline: none; text-decoration: none; } fieldset, img { border: 0; } button, input, select, textarea { margin: 0; font-size: 12px; vertical-align: middle; } table { border-collapse: collapse; border-spacing: 0; } body { overflow-x: hidden } .m_30 {/* margin: 0 -30px;*/ } .gImg { position: relative; } .m0 { margin: 0; } .p0 { padding: 0 } /* Clear float css */ .C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; } .C:after { clear: both; } .C { zoom: 1; } /*css common*/ .fl { float: left; } .fr { float: right; } .center { margin-left: auto; margin-right: auto; } .width { width: 1220PX; margin-left: auto; margin-right: auto; } /*分页*/ @font-face {font-family: Arial, Helvetica, sans-serif; src:url('../fonts/SourceSansPro-Black.otf'); font-weight: normal; font-style: normal;} @font-face {font-family: Arial, Helvetica, sans-serif; src:url('../fonts/SourceSansPro-BlackIt.otf'); font-weight: normal; font-style: normal;} @font-face {font-family: Arial, Helvetica, sans-serif; src:url('../fonts/SourceSansPro-Bold.otf'); font-weight: normal; font-style: normal;} @font-face {font-family: Arial, Helvetica, sans-serif; src:url('../fonts/SourceSansPro-BoldIt.otf'); font-weight: normal; font-style: normal;} @font-face {font-family: Arial, Helvetica, sans-serif; src:url('../fonts/SourceSansPro-ExtraLight.otf'); font-weight: normal; font-style: normal;} @font-face {font-family: Arial, Helvetica, sans-serif; src:url('../fonts/SourceSansPro-ExtraLightIt.otf'); font-weight: normal; font-style: normal;} @font-face {font-family: Arial, Helvetica, sans-serif; src:url('../fonts/SourceSansPro-It.otf'); font-weight: normal; font-style: normal;} @font-face {font-family: Arial, Helvetica, sans-serif; src:url('../fonts/SourceSansPro-Light.otf'); font-weight: normal; font-style: normal;font-family: Arial, Helvetica, sans-serif;} @font-face { src:url('../fonts/SourceSansPro-LightIt.otf'); font-weight: normal; font-style: normal;} @font-face {font-family: Arial, Helvetica, sans-serif; src:url('../fonts/SourceSansPro-Regular.otf'); font-weight: normal; font-style: normal;} @font-face {font-family: Arial, Helvetica, sans-serif; src:url('../fonts/SourceSansPro-Semibold.otf'); font-weight: normal; font-style: normal;} @font-face {font-family: Arial, Helvetica, sans-serif; src:url('../fonts/SourceSansPro-SemiboldIt.otf'); font-weight: normal; font-style: normal;} @font-face {font-family: Arial, Helvetica, sans-serif; src:url('../fonts/AcromBold.OTF'); font-weight: normal; font-style: normal;} @font-face {font-family: Arial, Helvetica, sans-serif; src:url('../fonts/AcromExtraBold.OTF'); font-weight: normal; font-style: normal;} @font-face {font-family: Arial, Helvetica, sans-serif; src:url('../fonts/AcromLight.OTF'); font-weight: normal; font-style: normal;} @font-face {font-family: Arial, Helvetica, sans-serif; src:url('../fonts/AcromMedium.OTF'); font-weight: normal; font-style: normal;} @font-face {font-family: Arial, Helvetica, sans-serif; src:url('../fonts/Acrom.OTF'); font-weight: normal; font-style: normal;} @font-face {font-family: Arial, Helvetica, sans-serif; src:url('../fonts/AcromThin.OTF'); font-weight: normal; font-style: normal;} @font-face {font-family: Arial, Helvetica, sans-serif; src:url('../fonts/icomoon.eot?-l21epb'); src:url('../fonts/icomoon.eot?#iefix-l21epb') format('embedded-opentype'), url('../fonts/icomoon.woff?-l21epb') format('woff'), url('../fonts/icomoon.ttf?-l21epb') format('truetype'), url('../fonts/icomoon.svg?-l21epb#icomoon') format('svg'); font-weight: normal; font-style: normal;} .list_page { text-align: center; margin: 10px; display: block; } .list_page:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; } .list_page ul { list-style: none; margin: 0; padding: 0; display: inline-block; vertical-align: bottom; } .list_page ul li { display: inline-block; border: solid 1px #ddd; border-radius: 4px; } .list_page ul a { color: #333; padding: 8px 12px; line-height: 18px; display: block; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; background: #fff; } .page_group ul { border-right: solid 1px #ddd; border-radius: 4px; } .page_group ul li { border-right: none; border-radius: 0; float: left; } .page_group ul li:not(:first-child):not(:last-child) { border-radius: 0; } .page_group ul li:first-child { border-radius: 4px 0 0 4px; } .page_group ul li:last-child { border-radius: 0 4px 4px 0; } .page_group ul .active a { background: #f3f3f3; border-radius: 0; } /* button */ .button { display: inline-block; width: 150px; height: 40px; line-height: 42px; letter-spacing: 1px; position: relative; background: none; overflow: hidden; font-size: 14px; border: none; } .button > span { display: block; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform-origin: 0 0; transform-origin: 0 0; } .button > span span { position: absolute; width: 100%; height: 100%; display: block; opacity: 1; left: 0; top: 0; color: #fff; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 0.3s linear, background 0.3s linear; transition: transform 0.3s linear, background 0.3s linear; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; } .button:hover > span span { background: #003c83 } /* header css*/ .px-top-bar { /*border-bottom: 1px solid rgba(0,0,0,0.1);*/ position: relative; z-index: 1001;/* background: #fff;*/ } .px-top-bar .left-side { padding: 10px 0; } .px-top-bar .right-side { float: right; } .top-nav ul { font-size: 12px; line-height: 15px; overflow: hidden; } .top-nav ul li:first-child { padding: 0 11px 0 0; } .top-nav ul li:first-child:after { display: none; } .top-nav ul li { list-style: none; float: left; padding: 0 10px; position: relative; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); color: #fff; font-size: 13px; } .top-nav ul li:after { background: #fff; content: ""; height: 2px; left: 0; position: absolute; top: 50%; width: 2px; margin: -1px 0 0; -webkit-box-shadow: 1px 1px 0 0 rgba(255,255,255,0.3); box-shadow: 1px 1px 0 0 rgba(255,255,255,0.3); } .top-nav ul li a { color: #fff; font-size: 13px; } /* Topbar Social Media */ .px-top-bar .social-media { display: inline-block; vertical-align: middle; padding: 10px 0; float: right } .px-top-bar .social-media li { list-style: none; float: left; line-height: 16px; margin: 0 10px 0 0; } .px-top-bar .social-media a:hover i { color: #000; } .px-top-bar .social-media li a{width:30px;height:30px;float:left;} .px-top-bar .social-media li a img{max-width:100%;} .px-top-bar .social-media i { cursor:pointer; font-size: 18px; line-height: 15px; display: inline-block; vertical-align: middle; color: #005ca0; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); } /* Language Nav */ .px-top-bar #lang_sel_list { display: inline-block; vertical-align: middle;margin-top:2.5%; height: auto !important; font-size: 11px; line-height: 12px; border-left: 1px solid rgba(0,0,0,0.1); /*border-right: 1px solid rgba(0,0,0,0.1);*/ float: right; } .px-top-bar #lang_sel_list>ul>li { display: inline-block; vertical-align: middle; /*margin: 10px 0px !important;*/ position: relative; float: none;/* text-shadow: 1px 1px 0 rgba(0,0,0,0.3);*/ } .px-top-bar #lang_sel_list a { line-height: 24px; } .px-top-bar #lang_sel_list img.iclflag { top: -1px; margin: 0 5px 0 0; } .px-top-bar #lang_sel_list a.lang_sel_sel:hover, .px-top-bar #lang_sel_list a:hover { color: #019fa8; } .px-top-bar #lang_sel_list a.lang_sel_sel, .px-top-bar #lang_sel_list>ul>li a { font-size:12px; color: #333; background: none !important; padding: 4px 8px; } .px-top-bar #lang_sel_list>ul>li a:hover{color: #019fa8; cursor:pointer;} .px-top-bar #lang_sel_list a.lang_sel_sel { position: relative; padding: 4px 8px 4px 8px; line-height: 16px; } .px-top-bar #lang_sel_list a.lang_sel_sel:after {/* position: absolute; *//*right: 9px; top:60%;*/ margin: -8px 0 0;float:right;margin-top:1%; content: '>'; font-weight:bold; width: 14px; height: 14px; background: rgba(55,48,40,0.3); border-radius: 14px; text-align: center; font-size: 12px; text-shadow: none; line-height: 14px; } .px-top-bar #lang_sel_list>ul>li:hover ul { opacity: 1; visibility: visible; -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .px-top-bar #lang_sel_list ul ul {height:400px;overflow-x:hidden; position: absolute; left: 0; top: 100%; width: 120%; opacity: 0; visibility: hidden; /*padding: 8px 0 0 !important;*/ -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.17); box-shadow: 0 0 6px 0 rgba(0,0,0,0.17); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -moz-transform: translateX(-20px); -webkit-transform: translateX(-20px); -o-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } .px-top-bar #lang_sel_list ul ul li:first-child { border-top: none; } .px-top-bar #lang_sel_list ul ul li { background: #fff; display: block;float: none; font-size: 12px; line-height: 15px; border-top: 1px solid #f2f2f2; text-shadow: none; height: 38px; } .px-top-bar #lang_sel_list ul ul li a {white-space: nowrap; text-overflow: ellipsis;width:150px; overflow: hidden; color: #686868; padding: 10px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; display: block; line-height: normal; } .px-top-bar #lang_sel_list ul ul li a:hover { color: #686868; background: rgba(0,0,0,0.2) !important; } /* .navigation */ .logo { margin: 0px 0;margin-top:-3%; } .s_header { font-size:14px; border-right: 1px solid; color: #666666; line-height: 12px; margin-bottom: 30px; /*margin-right: -15px;*/ margin-top: 40px; padding-left: 10px; position: relative; } .contact_title { text-transform: uppercase; color: #999; margin: 0 0 10px; } .s_header:last-child { } .email_us.s_header { border-right: 0 solid; } .s_header > div { color: #; font-size: 30px; left: 10px; margin-top: -7px; position: absolute; top: 0; } .phn, .uppercase { text-transform: uppercase; font-size: 14px; margin-bottom: 5px; } .px-nav-area { background: #005ca0; } .navigation { border-radius: 6px; background: #005ca0; height: 55px; padding: 8px; } .nav-pills>li { margin: 0 2px; position: relative; } .nav-pills>li>a { color: #ebebeb; text-transform: uppercase; font-size: 16px; /*font-family: Arial, Helvetica, sans-serif;*/ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 195px;} .nav-pills>li.hover {/* background: #;*/ color: #000; background:none; border-radius: 5px; } .nav-pills>li>a:hover { color: #fff; font-weight:bold; background-color:#000;} .nav-pills>li.hover a{} .navigation #online {text-transform:uppercase;background: #000; float: right; color: #fff; padding: 8px 10px; margin-top: 2px; margin-right: 5px; border-radius: 5px; } .navigation #online i { padding-right: 10px; } #topnav ul li dl { position: absolute; z-index: 999; margin: 0; display: none; width: 280px; top: 46px; } #topnav ul .hover dl dt a { background-color:rgba(0,0,0);/*background: #;*/ border-bottom: 1px solid #9b9b9c; height: 40px; line-height: 40px; display: block; font-size: 14px; color: #EBEBEB; /*font-family: Arial, Helvetica, sans-serif;*/ font-size: 16px; padding: 0 15px; } #topnav ul .hover dl dt a:hover { background: #fff; color: #333; display: block; } #enlo{width:16%;} #topnav ul li dl dt{overflow:hidden;} #topnav ul li dl dt a{ font-family: Arial, Helvetica, sans-serif; font-weight:500;} /* banner */ .banner_text { left: 60%; top: 18%; text-align: left; color: #000; text-shadow: none; width: 30%; } .banner_text h2 { font-size: 40px; font-weight: 300; font-family: Arial, Helvetica, sans-serif; } .banner_text h3 { font-size: 30px; font-weight: 600; margin: 2% 0 2.5%; } .banner_text p { line-height: 24px; } .banner_text a { display: block; background: #fd583c; width: 96px; height: 40px; text-align: center; line-height: 40px; margin-top: 7%; color: #fff; } #li2 .banner_text { left: 15%; top: 18%; text-align: left; color: #000; text-shadow: none; width: 30%; } #li2 .banner_text h2 { font-size: 40px; font-weight: 300; font-family: Arial, Helvetica, sans-serif; } #li2 .banner_text h3 { font-size: 30px; font-weight: 600; margin: 2% 0 2.5%; } #li2 .banner_text p { line-height: 24px; } #li2 .banner_text a { display: block; background: #fd583c; width: 96px; height: 40px; text-align: center; line-height: 40px; margin-top: 7%; color: #fff; } #li3 .banner_text { left: 60%; top: 18%; text-align: left; color: #fff; width: 30%; text-shadow: #000 3px 3px 8px; } #li3 .banner_text h2 { font-size: 40px; font-weight: 300; font-family: Arial, Helvetica, sans-serif; } #li3 .banner_text h3 { font-size: 30px; font-weight: 600; margin: 2% 0 2.5%; } #li3 .banner_text p { line-height: 24px; } #li3 .banner_text a { display: block; background: #fd583c; width: 96px; height: 40px; text-align: center; line-height: 40px; margin-top: 7%; color: #fff; } /* homepage */ .homepage { background: # !important; padding: 30px 0; } .homepage .container { padding: 0; } .infoblock { padding: 27.5px 35px; background: #FFF; font-size: 24px; color: #000; line-height: 52px; } .infoblock { font-weight: bold; font-family: Arial, Helvetica, sans-serif; } .infoblock strong { color: #; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mechanic-button:before, .mechanic-button:after { content: ''; position: absolute; width: 0; height: 0; border-right: 5px solid #; border-top: 26px solid transparent; border-bottom: 26px solid transparent; left: -5px; top: 0; } .mechanic-button:after { border-left: 5px solid #; border-right: 0; left: auto; right: -5px; } .infoblock .mechanic-button { background: #; display: inline-block; margin-left: 35px; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; padding: 0 20px; text-transform: uppercase; float: right; margin-top: 13px; } .infoblock .icon { border: 2px solid #; padding: 5px; border-radius: 100%; margin-right: 25px; display: inline-block; } .infoblock .icon i { width: 75px; line-height: 75px; border-radius: 100%; background: #; display: block; color: #FFF; text-align: center; } /* services */ #ourServices { padding-top: 45px; height: auto;padding-bottom:0%; } .sectionTitle { margin-bottom: 30px; } .sectionTitle h4 { font-size: 35px; font-weight: bold; color: #333; line-height: 60px; text-align:center;text-transform:uppercase; margin: 0; /*font-family: Arial, Helvetica, sans-serif; */} .sectionTitle .tblock { font-weight: bold; color: #000; font-size: 35px; line-height: 60px; margin: 0; font-family: Arial, Helvetica, sans-serif; } .sectionTitle .tblock a.more { float: right; color: #333; font-size: 18px; padding: 0px 15px; border: none; text-align: center; width: 65px; border-left: 1px solid #d8d8d8; } .sectionTitle .yblock{width:100px;height:5px; background-color:#005ca0;margin:auto;} .sectionTitle .tblock a.more i { background: none; color: #; text-align: center; margin: 0; } .sectionTitle .tblock a.more i::after { display: none; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sectionTitle .tblock i:after { content: ''; position: absolute; width: 0; height: 0; border-left: 5px solid #; border-top: 31px solid transparent; border-bottom: 31px solid transparent; right: -5px; top: 0; } .sectionTitle h4 i { color: #FFF; width: 55px; position: relative; background: #; line-height: 60px; text-align: center; margin-right: 20px; } .sectionTitle h4 i:after { content: ''; position: absolute; width: 0; height: 0; border-left: 6px solid #; border-top: 31px solid transparent; border-bottom: 31px solid transparent; right: -5px; top: 0; } .sectionTitle .tblock i { color: #FFF; width: 55px; position: relative; background: #; line-height: 60px; text-align: center; margin-right: 20px; } /* service con 公司服务*/ .m0 { margin: 0; } /*.fblock2.serviceH .serviceHinner .tiTle .learnMore a:before, .fblock2.serviceH .serviceHinner .tiTle .learnMore a:after { content: ''; position: absolute; width: 0; height: 0; border-right: 5px solid #d8d8d8; border-top: 27.5px solid transparent; border-bottom: 27.5px solid transparent; top: -1px; left: -5px; transition: all 300ms ease-in-out 0s; } .fblock2.serviceH .serviceHinner .tiTle .learnMore a:after { border-left: 5px solid #d8d8d8; border-right: 0; left: auto; right: -5px; transition: all 300ms ease-in-out 0s; }*/ .fblock2.serviceH {/* text-transform: uppercase;*/ text-align: center; } .fblock2.serviceH .serviceHinner { position: relative;padding-bottom:5%; } .fblock2.serviceH .serviceHinner:hover{ background-color:#fff; cursor:pointer;} .fblock2.serviceH .serviceHinner img { width: 100%; } .fblock2.serviceH .serviceHinner .tiTle { margin-top: 0px; animation: myfirst 5s; -moz-animation: myfirst 5s; /* Firefox */ -webkit-animation: myfirst 5s; /* Safari 和 Chrome */ -o-animation: myfirst 5s; /* Opera */ } .fblock2.serviceH .serviceHinner .tiTle h4 { font-size: 18px; margin: 0 0 2px; line-height:55px; color: #333; transition: all 300ms ease-in-out 0s; } .fblock2.serviceH .serviceHinner .tiTle .learnMore { padding: 10px 0;transition: all 300ms ease-in-out 0s; position: relative; } .fblock2.serviceH .serviceHinner .tiTle .learnMore a { display: inline-block; position: relative; transition: all 300ms ease-in-out 0s; } .fblock2.serviceH .serviceHinner .tiTle .learnMore a span { border-radius:25px;display: block; line-height: 39px; font-size: 15px; font-weight: 300; text-shadow: none; color: #666; padding: 0 35px;border:solid 1px #e7e7e7; background: #efefef; top: 0; left: 1px; bottom: 1px; transition: all 300ms ease-in-out 0s; } .fblock2.serviceH:hover .serviceHinner .tiTle { margin-top: 0; } .fblock2.serviceH:hover .serviceHinner .tiTle h4 { } .owl-pagination{display:none;} .fblock2.serviceH:hover .serviceHinner .tiTle .learnMore { margin-top: 0; } .fblock2.serviceH:hover .serviceHinner .tiTle .learnMore a:before, .fblock2.serviceH:hover .serviceHinner .tiTle .learnMore a:after { border-left-color: #; border-right-color: #; } .fblock2.serviceH:hover .serviceHinner .tiTle .learnMore a span {background: #005ca0; color:#fff; } .fblock2.serviceH:hover .serviceHinner .tiTle .learnMore a span:before, .fblock2.serviceH:hover .serviceHinner .tiTle .learnMore a span:after { border-left-color: #; border-right-color: #; } #works-1 { position: relative; margin: 0 auto;} #works-1 .fblock2 { padding: 0 10px; } #works-1 .owl-controls { position: absolute; top: 290px; z-index: 100; width: 100%; height: 52px; } #works-1 .owl-buttons { } #works-1 .owl-buttons i { font-size: 80px; color: #ccc } #works-1 .owl-buttons .owl-prev { position: absolute; left: -30px; top: -110px; } #works-1 .owl-buttons .owl-next { position: absolute; left: auto; top: -110px; right: -30px; } #blogP .owl-buttons .owl-prev { position: absolute; left: -30px; top: -310px; } #blogP .owl-buttons .owl-next { position: absolute; left: auto; top: -310px; right: -30px; } #blogP .owl-buttons i { font-size: 80px; color: #ccc; } /*视频展示 ---------------------------------------------------*/ #ourVideo { padding-top: 40PX; background-color:#efefef; } #ourVideo .bg-left { } /*#lopop{ position:absolute;top:20%;}*/ #lopop{ position:absolute;top:20%;width:611px;} .overlay-pattern { position: absolute; background-repeat: repeat; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 0; } .pv12 { padding-top: 30px; padding-bottom:90px; } #ourVideo .home-about { float: right; text-align: left; width: 580px; color: #FFF; } .home-about h2 { font-size: 18px; font-weight: 100; } .home-about h3 { font-size: 40px; font-weight: 700; margin: 3% 0 1.5%;/* font-family: Arial, Helvetica, sans-serif;*/text-transform: uppercase; color:#333; } .home-about p { line-height: 30px;margin-top:8%; font-size: 16px; color:#666; } .home-about ul { margin-top: 4%; } .home-about ul li { background: url(../images/about_li_bg.jpg) left no-repeat; padding-left: 20px; font-size: 14px; } .section-content .fullwidth-container { position: relative; overflow-x: hidden; } .table-row { display: table; margin: 0px; width: 100%; table-layout: fixed; } .table-row .table-cell { display: table-cell; float: none; } .table-row .table-cell .table-cell-content { text-align: left; display: inline-block; margin-right: 0px; } .section-content .fullwidth-container > .overlay .overlay-color { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.9; } .section-content .popup-video-container { position: relative; min-height: 300px; } .section-content .popup-video-container .popup-video-link { text-align: center; position: absolute; z-index: 10; width: 100%; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); line-height: 50px; } .section-content .popup-video-container .popup-video-link svg { display: inline-block; width: 64px; margin-bottom: 10px; height: 65px; } .section-content .popup-video-container .popup-video-link svg path { box-shadow: 1px 1.732px 5px rgba(0, 0, 0, 0.059); } .section-content .popup-video-container .popup-video-link a { display: block; font-size: 32px; font-family: Arial, Helvetica, sans-serif; font-weight: 500; letter-spacing: 0.5px; color: #fff; position: relative; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; transition: all 0.25s ease; } .section-content .popup-video-container .popup-video-link a:hover { margin-top: -5px; } .section-content .popup-video-container .popup-video-link span { display: block; text-shadow: 1px 1.732px 5px rgba(0, 0, 0, 0.059); font-family: Arial, Helvetica, sans-serif; } /*----------------------------------------------------------------*/ #DF-History { padding: 30px 0; } #DF-History .DFHistorySlide .owl-controls { position: absolute; top: -92px; right: 15px; } #DF-History .DFHistorySlide .owl-controls .owl-pagination { display: none; } #DF-History .DFHistorySlide .owl-controls .owl-buttons div { width: 62px; line-height: 62px; border-left: 1px solid #d8d8d8; display: inline-block; text-align: center; font-size: 24px; } #DF-History .DFHistorySlide .owl-controls .owl-buttons div:hover, #DF-History .DFHistorySlide .owl-controls .owl-buttons div:focus { color: #; } #DF-History .galleryItem { padding: 0 15px; } #DF-History .galleryItem .gImg { overflow: hidden; } #DF-History .galleryItem .gImg img { width: 100%; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; } #DF-History .galleryItem .gImg .btn-group { position: absolute; bottom: 8px; right: 8px; } #DF-History .galleryItem .gImg .btn-group .btn { background: none rgba(255, 255, 255, 0.8); border-color: transparent; border-radius: 0; color: #000; font-size: 16px; width: 40px; line-height: 38px; padding: 0; text-align: center; } #DF-History .galleryItem .gImg .btn-group .btn:hover { background-color: #FFF; } #DF-History .galleryItem .gTitle a { display: block; line-height: 58px; padding: 0 20px; color: #FFF; background: #; overflow: hidden; height: 58px; } #DF-History.contentSection { padding: 40px 0 30px; } #DF-History.contentSection .galleryItem { margin-bottom: 30px; } #galleryDetails { padding-top: 40px; padding-bottom: 40px; } #galleryDetails .galleryImg { overflow: hidden; } #galleryDetails .galleryImg img { width: 100%; } #galleryDetails h3 { font-size: 26px; color: #000; font-weight: bold; margin: 25px 0 10px; } #galleryDetails p { color: #9594ac; font-size: 15px; font-family: Arial, Helvetica, sans-serif; sans-serif; line-height: 30px; } #DF-History .galleryItem .gImg img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } /*----------------------------------------------------------------*/ #DF-Dealer { padding: 0; margin-bottom: 25px; } #DF-Dealer .owl-controls { position: absolute; top: -92px; right: 15px; } #DF-Dealer .owl-controls .owl-pagination { display: none; } #DF-Dealer .owl-controls .owl-buttons div { width: 62px; line-height: 62px; border-left: 1px solid #d8d8d8; display: inline-block; text-align: center; font-size: 24px; } #DF-Dealer .owl-controls .owl-buttons div:hover, #DF-Dealer .DFHistorySlide .owl-controls .owl-buttons div:focus { color: #; } #DF-Dealer .galleryItem { padding: 0 15px; } #DF-Dealer .galleryItem .gImg img { width: 100%; } #DF-Dealer .galleryItem .gImg .btn-group { position: absolute; bottom: 8px; right: 8px; } #DF-Dealer .galleryItem .gImg .btn-group .btn { background: none rgba(255, 255, 255, 0.8); border-color: transparent; border-radius: 0; color: #000; font-size: 16px; width: 40px; line-height: 38px; padding: 0; text-align: center; } #DF-Dealer .galleryItem .gImg .btn-group .btn:hover { background-color: #FFF; } #DF-Dealer .galleryItem .gTitle a { display: block; line-height: 58px; padding: 0 20px; color: #FFF; font-family: Arial, Helvetica, sans-serif; background: #; } #DF-Dealer.contentSection { padding: 40px 0 30px; } #DF-Dealer.contentSection .galleryItem { margin-bottom: 30px; } .teamMember { padding: 0 15px; } .teamMember .teamMemberInner { font-family: Arial, Helvetica, sans-serif; border: 1px solid #d8d8d8; } .teamMember .teamMemberInner img { width: 100%; } .teamMember .teamMemberInner .socialList { padding: 17px 0 15px; text-align: center; background: #; } .teamMember .teamMemberInner .socialList ul li { padding: 0 6px; } .teamMember .teamMemberInner .socialList ul li a { width: 38px; height: 38px; line-height: 36px; border: 1px solid rgba(255, 255, 255, 0.2); display: block; color: #FFF; border-radius: 100%; } .teamMember .teamMemberInner .socialList ul li a:hover { background: #FFF; color: #; } .teamMember .teamMemberInner .socialList ul li a i { transition: all 300ms ease-in-out 0s; } .teamMember .teamMemberInner .memIntro { padding: 30px 0; text-align: center; border-bottom: 1px solid #d8d8d8; } .teamMember .teamMemberInner .memIntro h4 { margin: 0; font-size: 20px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000; line-height: 35px; } .teamMember .teamMemberInner .memIntro h5 { margin: 0; display: inline-block; line-height: 24px; font-weight: 300; color: #FFF; text-transform: capitalize; background: #; padding: 0 10px; } .teamMember .teamMemberInner .memAbout { color: #9594ac; font-size: 15px; font-weight: 300; padding: 25px; line-height: 25px; letter-spacing: 0.5px; } /*----------------------------------------------------------------*/ /* 新闻中心 ----------------------------------------------------------------*/ #blogPosts { padding: 0px 0 40px; } #blogPosts .blog { color: #000;padding:5%; } #blogPosts .blog .imgCD { margin-bottom: 15px; overflow: hidden; position: relative; } #blogPosts .blog .imgCD img {border:solid 1px #ccc; width: 100%; } #blogPosts .blog .imgCD img:hover { } #blogPosts .blog .imgCD .comDat { position: absolute; bottom: 0; right: 0; text-align: center; } #blogPosts article.blog .imgCD .comDat { right: 15px } #blogPosts .blog .imgCD .comDat .comment a { color: #000; line-height: 50px; padding: 0 19px; background: #FFF; display: none; } #blogPosts .blog .imgCD .comDat .comment a i { font-size: 19px; margin-right: 10px; min-width: 20px; } #blogPosts .blog .imgCD .comDat .date { float: right; } #blogPosts .blog .imgCD .comDat .date a { background: rgba(0, 159, 168, 0.8); padding: 10px 26px; line-height: 30px; color: #FFF; display: inline-block; } #blogPosts .blog .excerpt h4 { font-size: 21px; margin: 0; line-height: 40px; color: #000; font-weight: bold; } #blogPosts .blog .excerpt p { font-size: 15px; color: #9594ac; line-height: 25px; margin-bottom: 15px; font-weight: 300; } #blogPosts .blog .excerpt a.readMore { background: #d8d8d8; display: inline-block; color: #000; padding: 0 15px 0 20px; text-transform: capitalize; line-height: 50px; border: 1px solid #d8d8d8; position: relative; } .sidebar a { color: #ccc } .flexslider a { padding: 0 !important } #blogPosts .blog .excerpt a.readMore:after { content: ''; position: absolute; width: 0; height: 0; border-left: 5px solid #d8d8d8; border-top: 26px solid transparent; border-bottom: 26px solid transparent; right: -6px; top: 0; transition: all 300ms ease-in-out 0s; } #blogPosts .blog .excerpt a.readMore i { font-size: 18px; margin-left: 14px; display: inline-block; min-width: 17px; } #blogPosts .blog:hover .imgCD img, #blogPosts .blog:focus .imgCD img { } #blogPosts .blog:hover .imgCD .comDat .comment a, #blogPosts .blog:focus .imgCD .comDat .comment a { background: #; color: #FFF; } #blogPosts .blog:hover .imgCD .comDat .date a, #blogPosts .blog:focus .imgCD .comDat .date a { background: rgba(255, 255, 255, 0.8); color: #000; } #blogPosts .blog:hover .excerpt h4, #blogPosts .blog:focus .excerpt h4 { color: #; } #blogPosts .blog:hover .excerpt a.readMore, #blogPosts .blog:focus .excerpt a.readMore { background: #; border-color: #; color: #FFF; } #blogPosts .blog:hover .excerpt a.readMore:after, #blogPosts .blog:focus .excerpt a.readMore:after { border-left-color: #; } #blogPosts .blog:hover .excerpt a.readMore i, #blogPosts .blog:focus .excerpt a.readMore i { color: #FFF; } #blogPosts.contentSection { padding: 40px 0 30px; } #blogPosts.contentSection .blog { margin-bottom: 50px; } #blogPosts.contentSection .blog .imgCD .imgCDInner { overflow: hidden; position: relative; } #blogPosts.contentSection .blog .excerpt h4 { font-size: 21px; margin: 0 0 15px; line-height: 120%; border-bottom: 1px dashed #bebebe; padding-bottom: 5px; } #blogPosts.contentSection .blog .excerpt p { color: #9594ac; } #blogPosts.contentSection .blog.single-post { margin-bottom: 20px; } #blogPosts.contentSection .blog.single-post .excerpt h4 { font-size: 26px; margin: 20px 0 15px; } #blogPosts.contentSection .blog.single-post .excerpt p { color: #9594ac; line-height: 30px; } #blogPosts.contentSection .blog.single-post:hover .imgCD img, #blogPosts.contentSection .blog.single-post:focus .imgCD img { } #blogPosts.contentSection .blog.single-post:hover .imgCD .comDat .comment a, #blogPosts.contentSection .blog.single-post:focus .imgCD .comDat .comment a { background: #FFF; color: #000; } #blogPosts.contentSection .blog.single-post:hover .imgCD .comDat .date a, #blogPosts.contentSection .blog.single-post:focus .imgCD .comDat .date a { background: #; color: #FFF; } #blogPosts.contentSection .blog.single-post:hover .excerpt h4, #blogPosts.contentSection .blog.single-post:focus .excerpt h4 { color: #000; } #blogPosts.contentSection .pagination { margin-top: 10px; } .page-content { background: #fff } /*Advantage ----------------------------------*/ #Advantage { position: relative; padding: 150px 0; background-color: #000; background-image: url(../images/Advantage_bg.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: top center; background-size: 100% 100%; } #Advantage .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ccc; opacity: .2; } #Advantage .item-counter { text-align: center; padding: 7px 0 } #Advantage .item-counter.last { border-right: none!important } #Advantage .item-counter span { font-size: 68px; color: #; margin: 3px 0 0 } #Advantage .wrap-numb { display: inline-block; margin-top: 47px; width: 100% } #Advantage .wrap-numb span { color: #fff; font-size:38px; line-height: 38px; font-weight: 900; margin: 0; } #Advantage .item-counter .name-count { margin-top: 30px; color: #fff; font-size: 18px; line-height: 34px;/* font-family: Arial, Helvetica, sans-serif;*/ } /* footer ----------------------------------------------------------------*/ .footer { background-color: #005ca0; color: #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; overflow: hidden; width: 100%; } .footer::before { background-color:#000; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .footer-widgets { padding:40px 0; } .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 { color: #fff; } .footer .social-icons { font-size: 20px; line-height: 24px; } .footer .social-icons a { color: #808080; margin-right: 18px; } .footer_bottom_area { background: #000 none repeat scroll 0 0; color: #fff; padding: 15px; } .footer_copyright { margin-top: 10px; } .footer_copyright p{ font-size:16px;} .footer_menu ul { list-style: outside none none; margin: 5px 0 0 0; padding: 0; text-align: right; } .footer_menu ul li {margin-top:2%; color: #fff; display: inline-block; } .footer_menu ul li a { font-size:16px; color: #fff; display: block; padding: 5px 18px; text-transform: uppercase; line-height: 0px; border-right: 2px solid #fff; } .footer_menu ul li:last-child a { border-right: 0; } .footer_menu ul li a:hover { color: #FC5C1E } /**************social buttons*************/ .social-shortcode { list-style: none; padding: 0; margin-top: 0px; margin-bottom: 10px; } .social-shortcode li {margin-bottom:3%; font-size:16px;line-height:40px; color:#fff; display: block; float: left;width:100%;float:left; } .social-shortcode li a { color: #fff; margin-right: 16px; font-size: 20px; line-height: 24px; display: block; line-height: 30px; text-align: center; } .social-shortcode li a:hover { color: #fff; margin-right: 16px; font-size: 20px; line-height: 24px; display: block; line-height: 30px; text-align: center; } .social-shortcode a i { color: #;line-height:40px; } /*--i_cont--*/ .small-heading { text-transform: capitalize; font-weight: 400; line-height: 17px; padding-left: 12px; margin-bottom: 34px; position: relative; border-left: 3px solid #; margin-top: 15px; /*font-family: Arial, Helvetica, sans-serif;*/ font-size: 20px ;text-transform: uppercase;} .contact-vertical { font-size: 16px; line-height: 24px; } .contact-vertical .contact { margin-bottom: 20px; } .contact-vertical .contact .icon { float: left; font-size: 20px; text-align: center; width: 30px; } .contact-vertical .contact .content { font-size: 16px; line-height: 24px; color: #fff; } .contact-vertical a { color: #21282e; } .contact-vertical.color-white, .contact-vertical.color-white a { color: #fff; } /*--article---*/ .article_item { margin: 10px 0 15px; } .article_details { width: 100%; padding: 0; } .article_item-title { font-size: 20px; color: #fff; margin: -8px 0 0; display: inline-block; font-weight: 200; margin-bottom: 0!important; margin-top: 0; font-size: 14px; } .article_time { font-size: 16px!important; /*color: grey!important; */display: block; background: 0 0; position: relative; top: auto; right: auto; text-align: left; width: auto; padding: 0; color:#fff; } .article_time i { color: #fff; } /*--grid---*/ .footer .grid { display: block; position: relative; overflow: hidden; } .footer .grid a { display: inline-block; background-color:#fff; margin: 0px; margin-right: 5px; margin-bottom: 5px; line-height: 0px; float: left; position: relative; } .footer .grid a img { width: 100%; height: auto; padding: 1px; } .footer .grid a .mask { position: absolute; height: 100%; width: 100%; display: none; } .footer .grid a .maskwrap { background: #F00; position: relative; width: 100%; height: 100%; } .footer .grid a .masksub { position: absolute; top: 50%; width: 100% } .footer .grid a .maskcontent { osition: relative; top: -50%; color: #FFF; text-align: center; width: 100%; display: block; } /*page_banner ---------------------------*/ .page_banner { width: 100%; height: auto;float:left; left: 0px;/* background: url(../images/page_banner.jpg) center center no-repeat */} .page_banner p { height: auto; } .page_banner p img{max-width:100%;} .page_banner.page_banner_2 { background: none; } /* 公司简介 ----------------------------*/ #aboutus { padding: 40px 0 0 0;width:100%;float:left; } .aboutSec .aboutTexts p { font-size: 15px; color: #9594ac; line-height: 30px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0; } /* 技术装备 ----------------------------*/ #ourGallery { padding: 30px 0; } #ourGallery .ourGallerSlide .owl-controls { position: absolute; top: -92px; right: 15px; } #ourGallery .ourGallerSlide .owl-controls .owl-nav div { width: 62px; line-height: 62px; border-left: 1px solid #d8d8d8; display: inline-block; text-align: center; font-size: 24px; } #ourGallery .ourGallerSlide .owl-controls .owl-nav div:hover, #ourGallery .ourGallerSlide .owl-controls .owl-nav div:focus { color: #1551a1; } #ourGallery .galleryItem { padding: 0 15px; } #ourGallery .galleryItem .gImg img { width: 100%; } #ourGallery .galleryItem .gImg span.image_rollover { background-color: transparent; background-image: url(../images/details_hover.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 0 0; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-transition: background-color .5s ease-in-out, background-size .5s ease-in-out; -moz-transition: background-color .5s ease-in-out, background-size .5s ease-in-out; -ms-transition: background-color .5s ease-in-out, background-size .5s ease-in-out; -o-transition: background-color .5s ease-in-out, background-size .5s ease-in-out; transition: background-color .5s ease-in-out, background-size .5s ease-in-out; } #ourGallery .galleryItem .gImg:hover span.image_rollover { margin-top: 0; background-color: rgba(0, 0, 0, .5); background-size: 35px 35px; } #ourGallery .galleryItem .gImg .btn-group { position: absolute; bottom: 8px; right: 8px; } #ourGallery .galleryItem .gImg .btn-group .btn { background: none rgba(255, 255, 255, 0.8); border-color: transparent; border-radius: 0; color: #000; font-size: 16px; width: 40px; line-height: 38px; padding: 0; text-align: center; } #ourGallery .galleryItem .gImg .btn-group .btn:hover { background-color: #FFF; } #ourGallery .galleryItem .gTitle { display: block; line-height: 28px; padding: 2% 20px; color: #FFF; background: #999; } #ourGallery.contentSection { padding: 40px 0 30px; } #ourGallery.contentSection .galleryItem { margin-bottom: 30px; } #galleryDetails { padding: 40px 0; } #galleryDetails .galleryImg { overflow: hidden; } #galleryDetails .galleryImg img { width: 100%; } #galleryDetails h3 { font-size: 26px; color: #000; font-weight: bold; margin: 25px 0 10px; } #galleryDetails p { color: #9594ac; font-size: 15px; font-family: Arial, Helvetica, sans-serif; line-height: 30px; } /* 公司新闻列表 右侧 */ .sidebar .widget { padding: 0; margin-bottom: 30px; } .sidebar .widget h3 { font-family: Arial, Helvetica, sans-serif; font-weight: 300; font-size: 20px; color: #333; margin-top: 0; margin-bottom: 15px; } .sidebar .widget:last-child { margin-bottom: 0; } .sidebar .title-outer { margin: 0 0 25px; } .sidebar .title-outer:before { border-bottom: 1px solid #ebebeb; bottom: 0; content: ""; left: 0; margin: 0 auto; position: absolute; right: auto; width: 100%; } .sidebar .widget-title { padding: 0 0 15px; } .sidebar .widget-title:before { border-bottom: 1px solid #; bottom: 0; content: ""; left: 0; margin: 0 auto; position: absolute; right: auto; width: 40px; } ul.topcate li { position: relative; } ul.topcate li:before { font-family: 'FontAwesome'; content: '\f105'; font-size: 15px; left: 0; top: 5px; position: absolute; } ul.topcate li a { display: inline-block; position: relative; padding: 4px 0 4px 15px; color: #333; } ul.topcate li.hover a { color: #; } ul.topcate li.hover:before { color: #; } ul.topcate li a:hover { color: #; } .sidebar .searchForm { padding : 0 } .sidebar .searchForm .input-group { border: none; } .sidebar .searchForm .input-group input { position: relative; width: 100%; line-height: 24px; padding: 8px 48px 8px 15px; border: 1px solid #dddddd; background: #ffffff; color: #2d2d2d; height: 42px; font-size: 14px; color: #292929; } .sidebar .searchForm .input-group input:focus { box-shadow: none; } .sidebar .searchForm .input-group span { border: none; font-size: 20px; color: #cfcfcf; padding: 0 15px; background: #444750; cursor: pointer; } .sidebar .searchForm .input-group span i { font-size: 18px; width: 20px; height: 20px; cursor: pointer; } .sidebar .tags { position: relative; z-index: 2; } .sidebar .tags .tag { line-height: 40px; padding: 0 14px; display: inline-block; font-size: 14px; color: #444750; border: 1px solid #444750; position: relative; margin-right: 14px; margin-bottom: 16px; } .sidebar .tags .tag:hover { background: #1551a1; color: #FFF; border-color: #1551a1; } /* 公司新闻详细页 */ #show { padding: 40px 0; } ul.entry-meta { padding: 0; margin: 0; list-style: none; text-transform: uppercase; letter-spacing: 2px; font-size: 10px; font-weight: 400; margin-top: 10px; margin-bottom: 10px; } ul.entry-meta li { display: inline-block; margin: 0 18px 8px 0; } ul.entry-meta li span { font-size: 16px; line-height: 18px; } ul.entry-meta li span i { padding-right: 10px; } .pc_body { font-size: 16px; line-height: 1.7; } .pc_body p { color: #69778c; margin-bottom: 28px; } .pc_body img { max-width: 80%; margin: 0 auto; } /* 联系我们 ---------------------------------- */ /* WIDGET CONTACT */ .address_text { } .address_text ul { list-style: none; margin-bottom: 0; padding-bottom: 15px; } .address_text ul li { font-weight: 400; position: relative; padding-left: 30px; margin-bottom: 15px; } .address_text ul li:last-child { margin-bottom: 0; } .address_text ul li i { position: absolute; top: 6px; left: 0; color: #fe5e3e; } .address_text ul li a { color: #6e6e6e; } /* WIDGET SOCIAL */ .widget_milo_social_media_widget { } .widget_milo_social_media_widget .social-media { margin-bottom: 0; } .widget_milo_social_media_widget i { font-size: 16px; } /* WIDGET SOCIAL */ input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #555; background: #fff; padding: 8px 12px; border: 1px solid #e2e2e2; transition: all 0.15s ease 0s; } #sc_contact_form_1964466110 { text-align: left; } .sc_contact_form_info { width: 47%; margin-right: 5%; display: inline-block; vertical-align: top; } .sc_form_message { margin-right: 0; } .address_form .sc_contact_form_item { } .address_form label { display: none; } .address_form input { width: 100%; border-radius: 2px; line-height: 27px; margin-bottom: 1em; } .sc_form_message textarea { min-height: 13.0em; width: 100%; } .address_form input[type="submit"] { font-size: inherit; padding-left: 30px; padding-right: 30px; width: auto; position: relative; z-index: 2; background: #; color: #fff; border: none; line-height: 30px; } /* 小屏幕 导航*/ .navbar { height: 100px; z-index: 1000; margin-bottom: 0px; } .navbar-header { height: 100px; overflow:hidden; } .navbar-toggle { margin-top: 30px; } /*.navbar-collapse { background: #efefef; }*/ @media (min-width: 992px) { /*/>=992的设备*/ .navbar-default .navbar-collapse, .navbar-default .navbar-form { background: none; } } /* 产品中心 ----------------------------*/ #ourGallery1 { padding: 30px 0; } #ourGallery1 .ourGallerSlide .owl-controls { position: absolute; top: -92px; right: 15px; } #ourGallery1 .ourGallerSlide .owl-controls .owl-nav div { width: 62px; line-height: 62px; border-left: 1px solid #d8d8d8; display: inline-block; text-align: center; font-size: 24px; } #ourGallery1 .ourGallerSlide .owl-controls .owl-nav div:hover, #ourGallery .ourGallerSlide .owl-controls .owl-nav div:focus { color: #1551a1; } #ourGallery1 .galleryItem { padding: 0 15px; } #ourGallery1 .galleryItem .gImg img { width: 100%; border: 1px solid #ebebeb; } #ourGallery1 .galleryItem .gImg .btn-group { position: absolute; bottom: 8px; right: 8px; } #ourGallery1 .galleryItem .gImg .btn-group .btn { background: none rgba(255, 255, 255, 0.8); border-color: transparent; border-radius: 0; color: #000; font-size: 16px; width: 40px; line-height: 38px; padding: 0; text-align: center; } #ourGallery1 .galleryItem .gImg .btn-group .btn:hover { background-color: #FFF; } #ourGallery1 .galleryItem .gTitle { display: block; line-height: 40px; padding: 0px; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #ourGallery1.contentSection { padding: 40px 0 30px; } #ourGallery1.contentSection .galleryItem { margin-bottom: 30px; } #galleryDetails { padding: 40px 0; } #galleryDetails .galleryImg { overflow: hidden; } #galleryDetails .galleryImg img { width: 100%; } #galleryDetails h3 { font-size: 26px; color: #000; font-weight: bold; margin: 25px 0 10px; } #galleryDetails p { color: #9594ac; font-size: 15px; font-family: Arial, Helvetica, sans-serif; line-height: 30px; } /*产品详细页*/ .main-cnt { border: 1px solid #eee; border-top: 1px solid #ddd; overflow: hidden; zoom: 1; } .main-col { float: left; width: 950px; } #goodsshow { padding: 20px; } #goodsshow img { border: 0; } #goodsshow .left { float: left; width: 360px; margin: 0 20px 0 0; } #goodsshow .right { float: left; } #goodsshow .shop_big { background: #fff; width: 360px; cursor: pointer; height: 270px; } #goodsshow .shop_plist { clear: both; width: 360px; } #prolist { width: 310px; float: left; overflow: hidden; height: 68px; position: relative; margin: 10px 0 0 0; } #prolist ul { margin: 0; padding: 0; list-style: none; overflow: hidden; width: 20000px; position: relative; } #prolist ul li { float: left; cursor: pointer; position: relative; background: url(../images/pro_none.gif) no-repeat center top; height: 68px; } #prolist ul li img { height: 60px; width: 60px; margin: 6px 8px 0 8px; padding: 0px; border: 0; } #prolist .hover { background: url(../images/pro_bg.gif) no-repeat center top; height: 68px; } #goodsshow .shop_plist a.prev { float: left; width: 20px; height: 68px; display: block; outline: none; background: url(../images/ico_left.gif) no-repeat center; line-height: 68px; margin-top: 12px; } #goodsshow .shop_plist a.next { float: left; width: 20px; height: 68px; display: block; outline: none; background: url(../images/ico_right.gif) no-repeat center; margin-top: 12px; } #goodsshow .right { width: 500px; } #goodsshow .right h1 { font-weight: 700; letter-spacing: -0.5px; font-size: 24px; font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; color: #222; margin-top: 10px; margin-bottom: 15px; line-height: normal; } #goodsshow .right .intro { color: #999; min-height: 80px; } #goodsshow .right .sno { border-bottom: 1px solid #eee; line-height: 35px; } #goodsshow .right .price { color: #999; line-height: 30px; padding: 10px 0; } #goodsshow .right .price span { color: #; font-size: 16px; } /*YOU LIKE*/ .sider-col { float: right; width: 208px; background: #fafafa; border-left: 1px solid #eee; margin-bottom: -1000px; padding-bottom: 1000px; } .slide-list { margin: 30px auto; text-align: center; margin-top: 10px; margin-bottom: 10px; width: 140px; } .slide-title { font-size: 15px; margin-bottom: 15px; font-weight: bold; } .slide-list .slide-cnt li { margin-bottom: 15px; } .slide-list .pic, .slide-list .no-pic { width: 140px; height: 110px; border: 1px solid #eee; margin: 0 auto; background: #fff; } .slide-list .name { line-height: 16px; height: 32px; overflow: hidden; margin-top: 5px; height: 16PX; } .slide-list .name a { color: #666; } /*产品描述页*/ .woocommerce-tabs { border: solid 1px #ededed; margin-bottom: 0px; margin-top: 0px;overflow:hidden; } .woocommerce-tabs ul.tabs { list-style: none; padding: 0 0 0 1em; margin: 0 0 0em; overflow: hidden; position: relative; } .woocommerce-tabs ul.tabs { background: transparent; color: #f1ba27; border-bottom: 1px solid #ededed; } .woocommerce-tabs ul.tabs li.active { background: none; color: #000; } .woocommerce-tabs ul.tabs li { background: transparent; border: none; padding: 10px 15px; } .woocommerce-tabs ul.tabs li.active a { border-top: 1px solid #; } .woocommerce-tabs ul.tabs li a { display: inline-block; padding: .5em 0; font-weight: 700; color: #222; text-decoration: none;/*text-transform: uppercase;*/ font-size: 18px; /*font-family: "Roboto Condensed", sans-serif;*/ /*letter-spacing: 2px; */} .woocommerce-tabs .wc-tab { padding: 0 10px; } .woocommerce-tabs table { width:890px;} .woocommerce-tabs table td { padding: 4px; font-size:15px; } .woocommerce-tabs table td p{ font-size:15px;} /*搜索页面*/ .search_list { } .search_list ul { list-style: inside; } .search_list ul li { line-height: 35px; font-size: 18px; font-weight: bold; border-bottom: 1px dashed #ebebeb; padding-bottom: 8px; margin-bottom: 8px; } .search_list ul li a { color: #666; } .search_list ul li p { font-size: 14px; text-indent: 18px; color: #999 } .search_list ul li span { color: #999; font-size: 14px; } /* 东风农机服务保障 */ .df-security-service { padding: 32px 10px 0; } .df-security-logo { float: left; padding: 0 25px; font: 16px/26px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; background-position: 0 -263px; } .df-security-service a { float: left; margin: 0 20px 0 0; font: 16px/26px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; color: #666; } .df-security-service a:hover { color: #666; text-decoration: none; } .df-security-service .iconfont { margin: 0 8px 0 0; font-size: 22px; color: #00ae75; } /* 筛选 */ .selector { margin: 20px 0 0; padding: 0; } .selectebox { border: 2px solid #e6e6e6; position: relative; overflow: hidden; zoom: 1; } .prop-item { position: relative; zoom: 1; } .prop-item dl { position: relative; zoom: 1; padding: 0 0 0 109px; background: #f7f7f7; } .prop-item dt { position: absolute; top: 0; left: 0; padding: 0 15px 0 0; width: 104px; height: 38px; font: 14px/38px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; text-align: right; color: #666; } .prop-item dd { padding: 0 20px; height: auto; color: #999; overflow: hidden; zoom: 1; border-left: 1px solid #e6e6e6; background: #fff; } .prop-item span { color: #134ba0; } .prop-item span a { margin: 0 5px; } .prop-item ul { border-top: 1px solid #e6e6e6; } .prop-item li { float: left; padding: 0 8px 0 0; height: 38px; font: 12px/38px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; overflow: hidden; } .prop-item li a { margin: 0 5px; color: #666; padding: 2px 4px; font-size: 14px } .prop-item li a:hover { color: #c00; } .prop-item li.hover a { color: #fff; background: #; border-radius: 3px; } .brand-imglist dt { top: 5px; } .brand-imglist dd { padding: 10px 20px; height: 107px; } .brand-inner { height: 106px; } .brand-imglist .brandlist { width: 935px; border: 1px solid #ebebeb; background: #fafafa; } .brand-inner ul { margin: -1px; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; } .brand-inner li { padding: 0; width: 103px; height: 52px; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; background: #fff; text-align: center; } .brand-inner li a { position: relative; zoom: 1; display: block; margin: 0; width: 101px; height: 50px; line-height: 50px; border: 1px solid #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .brand-inner li a:hover { color: #c00; text-decoration: none; } .brand-inner li img { position: absolute; top: 5px; left: 10px; } .brand-inner .hover { margin: -1px 0 0 -1px; } .brand-inner .hover, .brand-inner .hover a { position: relative; z-index: 5; border: 1px solid #c00; } .brand-inner .hover img { display: none; } .brandlist p { padding: 5px 10px; color: #666; line-height: 22px; } .search-alphabet { display: none; } .search-alphabet .search { display: block; padding: 4px 5px; width: 128px; height: 18px; font: 12px/18px arial; color: #ccc; border: 1px solid #e6e6e6; } .search-alphabet .wrong { border: 1px solid #; color: #333; } .prop-item .search-alphabet ul { padding: 10px 0 5px; overflow: hidden; zoom: 1; border: 0 none; } .prop-item .search-alphabet li { float: left; padding: 0 5px; margin: 0 7px 0 0; height: 20px; font: 12px/20px arial; color: #666; cursor: pointer; } .prop-item .search-alphabet .cur, .prop-item .search-alphabet .hover { background: #c00; color: #fff; } .brand-imglist .more-options { height: 276px; } .more-options .search-alphabet { display: block; } .more-options .brand-inner { height: 213px; overflow-y: auto; position: relative; zoom: 1; } .more-options .brandlist { min-height: 211px; _height: 211px; } .search-result-wrong { margin: 20px 0 0; padding: 0 10px 0 39px; height: 38px; font: 14px/38px arial; border: 1px solid #e6e6e6; background-position: -5px -319px; background-color: #f7f7f7; color: #666; } .search-result-wrong span { color: #; padding: 0 5px; } .selecte-brand { padding: 2px 0 0; } .selecte-brand .brandlist { height: 60px; overflow: hidden; } .selecte-brand .brandlist-auto { height: auto; } .morebtn { position: absolute; top: 8px; right: 20px; padding: 0 10px 0 0; color: #666; font: 12px/22px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; } .morebtn:hover { color: #c00; } .prop-item .open-up { background-position: 100% -90px; } .prop-item .open-down { background-position: 100% -112px; } .show-more { position: relative; height: 5px; background: #f7f7f7; } .more-select { position: absolute; top: 0; left: 50%; margin: 0 0 0 -60px; padding: 2px 0; width: 120px; height: 22px; font: 12px/22px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; color: #666; background: #f7f7f7; text-align: center; } .more-select span { display: inline-block; padding: 0 10px 0 0; cursor: pointer; } .more-select:hover { color: #666; text-decoration: none; } .open-up span { background-position: 100% -90px; } .open-down span { background-position: 100% -110px; } .before-bracket { margin: 0 -30px; } .after-bracket { margin: 0 0 0 -30px; } .prop-item .more { height: auto; } /*产品列表*/ .goods-list { background: #fcfcfc; } .goods-list li { position: relative; zoom: 1; float: left; margin: 20px 0 0; padding: 20px 20px 10px; width: 304px; height: 348px; } .goods-list li:hover { -webkit-transform: scale(1.02) translateY(-5px); -moz-transform: scale(1.02) translateY(-5px); -ms-transform: scale(1.02) translateY(-5px); transform: scale(1.04) translateY(-5px); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); } .goods-list .imgitem { overflow: hidden; } .goods-list .pic { width: 304px; height: 200px; text-align: center; display: table-cell; vertical-align: middle; *display:block; *font-size:175px; *font-family:Arial; } .goods-list .pic img { vertical-align: middle; width: 100%; height: auto; } .goods-list .attention { display: none; position: absolute; right: 10px; top: 196px; width: 57px; height: 24px; font: 12px/24px arial; text-align: center; color: #fff; background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4d000000, endcolorstr=#4d000000, gradientType=1); } :root .goods-list .attention { filter: none; } .goods-list .attention span { display: block; margin: 0 0 0 5px; padding: 0 0 0 18px; background-position: -7px -135px; font-weight: normal; text-align: left; cursor: pointer; } .goods-list .title { padding: 16px 0 0; height: 40px; overflow: hidden; font: 12px/18px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; } .goods-list .title .label { color: #f33; } .goods-list .title a { color: #333; font-size: 13px } .goods-list .title a:hover { color: #c00; } .price-bar .price { float: left; font: 18px/32px Verdana; color: #f33; display: none; } .price-bar .activity-infor { float: left; margin: 6px 0 0 10px; padding: 0 5px; font: 12px/20px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; border: 1px dashed #fcb3b3; background: #fff3f3; color: #f33; } .goods-list .volume { font: 12px/22px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; color: #999; } .goods-list .volume em { color: #666; } .goods-list .shop-infor { position: absolute; top: 300px; left: 20px; zoom: 1; width: 304px; height: 20px; overflow: hidden; } .goods-list .shop-infor p { font: 12px/20px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; } .goods-list .shop-infor p a { font-family: SimSun; } .goods-list .shop-infor .shop-name { height: 20px; } .goods-list .shop-infor .shop-name a { color: #666; font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; display: none; } .goods-list .shop-name a:hover { color: #c00; } .goods-list .total-volume { color: #999; } .goods-list .total-volume em { color: #666; } .goods-list .brand-marketing { position: absolute; top: 1px; right: 0; padding: 0 2px; height: 16px; font: 12px/16px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; color: #fff; background: #c40000; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .goods-list .hover { margin: 20px 0 30px; height: 318px; padding: 19px 19px 10px; border: 1px solid #e6e6e6; border-bottom: 0 none; -wekit-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1); background: #fff; } .goods-list .hover .attention { top: 195px; right: 9px; } .goods-list .hover .shop-infor { top: 300px; left: -1px; padding: 0 19px 0; height: 70px; border: 1px solid #e6e6e6; border-top: 0 none; background: #fff; -wekit-box-shadow: 0 3px 5px rgba(0,0,0,0.1); box-shadow: 0 3px 5px rgba(0,0,0,0.1); } .goods-list .hover .shop-infor .brand-marketing { right: 19px; } .goods-list .hover .shop-infor p { position: relative; z-index: 1; } .goods-list .hover .attention { display: block; } /* 面包屑*/ #position { color: #666; text-transform: capitalize; background: #ffffff linear-gradient(to bottom, #ffffff, #ededed); border-bottom: 1px solid #e0e0e0; font-family: Arial, Helvetica, sans-serif; font-weight: 800; font-size: 13px; text-transform: uppercase; } #position i { font-weight: 400; position: relative; display: inline-block; padding: 1.21875em 0; color: #666; font-size: 14px; } #position a { font-weight: 400; position: relative; display: inline-block; padding: 1.21875em 0; color: #666; padding-right: 1.5625rem; padding-left: 1.5625rem; } /*最新产品*/ .page-product-detail .recom-pro-list { border: 1px solid #e6e6e6; margin: 0 auto; margin-bottom: 20px;/* width: 1170px; */} .page-product-detail .recom-pro-list .title { height: 31px; line-height: 31px; padding: 0 15px; border-bottom: 1px solid #e6e6e6; font-size: 18px; font-weight: bold; background: #f1f1f1; color: #222 } .page-product-detail .recom-pro-list .wrap { position: relative; padding: 20px 0 } .page-product-detail .recom-pro-list .arrow { font-size: 36px; color: #ccc; position: absolute; top: 50px; display: none } .page-product-detail .recom-pro-list .arrow .icon { margin: 0 } .page-product-detail .recom-pro-list .arrow-left { left: 40px } .page-product-detail .recom-pro-list .arrow-right { right: 40px } .page-product-detail .recom-pro-list .arrow:hover { text-decoration: none; color: #555 } .page-product-detail .recom-pro-list .arrow-dis, .page-product-detail .recom-pro-list .arrow-dis:hover { color: #eee; cursor: default } .page-product-detail .recom-pro-list .list-wrap {/* width: 1120px;*/ margin: 0 auto; overflow: hidden } .page-product-detail .recom-pro-list .list { overflow: hidden; zoom: 1; } .page-product-detail .recom-pro-list li { width: 116px; float: left; margin: 0 15px; text-align: center; text-align: center; } .page-product-detail .recom-pro-list .pic, .page-product-detail .recom-pro-list .picture { /*width: 146px;*/ height: 125px; margin-bottom: 5px } .page-product-detail .recom-pro-list img { width: 144px; height: 114px; border: 1px solid #ccc; } .page-product-detail .recom-pro-list .hvalign { } .page-product-detail .recom-pro-list .pro-name { line-height: 16px; /*max-height: 32px; _height: 32px;*/ /*overflow: hidden*/ } /**/ #grid { padding: 35PX 0; margin-bottom: 20PX; } #grid li { float: left; list-style: none; position: relative; overflow: hidden; border-top: 1px solid rgba(255, 255, 255, 0.01); padding: 30px; background: #fff; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } #grid .class-pic { text-align: center; } #grid .class-pic img { text-align: center; margin: 0 auto; } #grid .class-name { font-size: 16px; text-align: center; color: #333; } #grid .class-name a { color: #333; } #grid li:hover { z-index: 2; -webkit-transform: scale(1.04) translateY(-5px); -moz-transform: scale(1.04) translateY(-5px); -ms-transform: scale(1.04) translateY(-5px); transform: scale(1.04) translateY(-5px); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); } /* 订购流程 */ #con_all { background: #7f7f7f; font-size:14px; float: right; color: #fff; padding: 5px 10px; margin-top:0px; margin-right: 5px; border-radius: 5px; float: left; } #con_all i { padding-right: 10px; } .deo_produdy_a_right h4 a{margin-bottom:10px;} #con_all1 { background: #7f7f7f; font-size:14px; float: right; color: #fff; padding: 5px 10px; margin-top:0px; margin-right: 5px; border-radius: 5px; float: left; } #con_all1 i { padding-right: 10px; } #con_all2 { background: #7f7f7f; font-size:14px; float: right; color: #fff; padding: 5px 10px; margin-top:0px; margin-right: 5px; border-radius: 5px; float: left; } #con_all2 i { padding-right: 10px; } /*荣誉*/ /*瀑布流开始*/ .wall { display: block; position: relative; margin: 0 -15px; } .wall-column { display: block; position: relative; width: 100%; float: left; padding: 0 5px; box-sizing: border-box; } .article {width:33.333%;float:left; display: block; margin: 0 0 5% 0; padding: 0.5%;/*border-radius: 3px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); transition: all 100;*/ overflow: hidden; position: relative; } .article:hover { transform: scale(1.01); } .article img { display: block; width: 100%; margin: 0; } .article img:hover { } .article div.imgover { overflow: hidden; } .article a { color: #666;padding:5%;float:left; background: #ebebeb; } .content-area .article p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 99%; font-size: 1.2em; line-height: 1.5; padding: 0; margin: 0; padding: 10px 0; margin-bottom: 0px;} .article small { font-size: 1em; color: #56bced; line-height: 1.5; } .article input { width: 20%; padding: 0.6em; border-radius: 0.4em; font-size: 1.1em; z-index: 100; background-color: #; border: none; position: absolute; bottom: 3%; right: 5%; color: #fff; box-shadow: 0 0 7px #d7d7d7; } .article:hover { /*background: #; */} .article:hover p { color: #; } /*瀑布流结束*/ .wrapper h3 { text-align: center; margin: 0 20%; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; color: #333; overflow: hidden; font-size: 1.5em; padding: 0.7em 0; } .wrapper h4 { width: 90%; margin: 0 5%; text-align: justify; font-weight: normal; color: #999; font-size: 1.2em; margin-bottom: 3%; line-height: 1.5; } @media (max-width: 1200px) { .s_header { margin-top: 30px; } .infoblock .icon i { width: 65px; height: 65px; line-height: 65px; } .infoblock { font-size: 18px; } /*视频*/ .table-row .table-cell .table-cell-content { margin-right: 40px } #ourVideo .home-about { width: 400px; } .section-content .popup-video-container { background-size: cover; } } /*历史 标题*/ #DF-History .galleryItem .gTitle { overflow: hidden; height: 58px; } #DF-History .galleryItem .gTitle a { font-size: 16px; } /*新闻 标题*/ #blogPosts .blog .excerpt h4 { font-size: 16px; font-weight:normal;color:#333; text-align:center; } #blogPosts .blog .excerpt p { font-size: 15px; height: auto; overflow: hidden; } #blogPosts .blog .excerpt a.readMore { line-height: 40px; text-transform: capitalize;margin-left:30%; } #blogPosts .blog .excerpt a.readMore:after { border-left: 5px solid #d8d8d8; border-top: 20px solid transparent; border-bottom: 20px solid transparent; } #blogPosts .title { color: #32302b; margin-bottom: 20px; margin-top: 0px; font-size: 29px; } .hot_line { padding: 35px 0; width: 100%; background: rgba(13, 13, 13, 0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2131313, endColorstr=#B2131313); } .hot_line h3 { font-weight: normal; color: #fff; text-transform: none; margin-bottom: 0; line-height: 47px; } .hot_line h3 span { font-weight: 600; } .button.size2 { width: 140px; height: 47px; line-height: 49px; font-size: 16px; text-transform: uppercase; display: inline-block; } .button > span { display: block; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform-origin: 0 0; transform-origin: 0 0; } .button > span span { position: absolute; width: 100%; height: 100%; display: block; opacity: 1; left: 0; top: 0; color: #fff; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 0.3s linear, background 0.3s linear; transition: transform 0.3s linear, background 0.3s linear; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; } .button.type1 > span span:first-child { background: #; } .button.type1:hover > span span:nth-of-type(2) { background: #; } /* 单页 */ .content-area, .content-area p { margin-bottom: 22px; line-height: 26px; font-weight: 300; font-style: normal; color: #666666; font-size: 16px; } .content-area h3 { line-height: 42px; font-weight: 300; font-style: normal; color: #333; font-size: 28px; margin: 1.4em 0px 0.6em; position: relative; margin-top:0%; } /*公司大事件*/ /*瀑布流开始*/ .history_list .wall { display: block; position: relative; background: none; padding: 0; margin: 0 -15px; } .history_list .wall-column { display: block; position: relative; width: 33.33333%; float: left; padding: 0 15px; box-sizing: border-box; } .history_list .article { display: block; margin: 0 0 8% 0; padding: 5%; background: white; border-radius: 3px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); transition: all 100; overflow: hidden; position: relative; background: #f5f5f5; } .history_list .article:hover { transform: scale(1.01); } .history_list .article div.imgover { overflow: hidden; } .history_list .article img { display: block; width: 100%; margin: 0; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; } .history_list .article img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } /*----------------------------------------------------------------*/ .history_list .article a { color: #666; } .history_list .article p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 99%; font-size: 1.2em; margin-top: 5px; } .history_list .article small { font-size: 1em; color: #56bced; line-height: 1.5; } .history_list .article input { width: 20%; padding: 0.6em; border-radius: 0.4em; font-size: 1.1em; z-index: 100; background-color: #; border: none; position: absolute; bottom: 3%; right: 5%; color: #fff; box-shadow: 0 0 7px #d7d7d7; } .history_list .article:hover { background: #; } .history_list .article:hover p { color: #fff; } /*瀑布流结束*/ /* 视频列表 */ #Videolist { } #Videolist .gTitle { line-height: 45px; color: #333; } /*联系我们-单页*/ /* Contact page */ #aboutus.contact_page { padding-bottom: 40px; } .contact_page h4 { line-height: 1.3em; font-weight: normal; text-transform: uppercase; margin-bottom: 30px; text-transform: none; font-size: 24px; } .contact_page .mad_bottom2 { margin-bottom: 20px; } .c_info_list li i { color: #; line-height: 22px; float: left; font-size: 20px; padding: 10px; padding-top: 0; padding-left: 0; } .contact_page .contact_form .button { margin-top: 15px; } .contact_page .c_info_list li .clearfix { margin-bottom: 15px; } .contact_page .c_info_list .contact_e { color: #b92127; } .contact_form.var2 input, .contact_form.var2 textarea { border-color: #ececec; } .contact_form.var2 textarea { height: 100px; } .contact_form input, .contact_form textarea { background: transparent; text-align: left; width: 100%; border: 1px solid #4e4e4e; line-height: inherit; height: 40px; padding: 10px 15px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .contact_form.var2 > ul > li:not(:last-child) { margin-bottom: 10px; } .contact_form .button > span span { border-radius: 5px; text-transform: none; font-weight: normal; } /* taglist */ .taglist { } .taglist a { padding-right: 15px; font-size: 16px; display: inline-block; float: left; margin-bottom: 10px; } /* rss */ .rss_list { margin: 0; padding: 0; list-style: none; margin-bottom: 25px; } .rss_list li { border-bottom: 1px dotted #ddd; line-height: 40px; color: #999; } .rss_list li a { font-size: 14px; font-family: microsoft yahei; } /* sitemap_list */ .sitemap_list { } .sitemap_list .big { font-size: 14px; line-height: 35px; border-bottom: 1px solid #EEE; margin: 10px 0; font-size: 16px; font-weight: 800; color: #666; } .sitemap_list div.big a { color: #666; } .sitemap_list div a { color: #666; padding-right: 10px; } .sitemap_list div a:hover { color: #; } /* page_banner */ .page_banner_46 { background: url(../images/page_banner_46.jpg) center center no-repeat; } .page_banner_11 { background: url(../images/page_banner_11.jpg) center center no-repeat; } /* 提交表单 */ .wpcf7-form-control-wrap{ margin-bottom:15px; display:block;} .home-about .button { width: 200px; height: 37px; line-height: 35px; border: 1px solid #666; border-radius: 37px; display: inline-block; margin-top: 40px; color: #666; } .home-about .button:hover{ background-color:#; color:#fff; cursor:pointer; border:solid 1px #;} #k_3{width:30%;} #k_4{float:right;width:15%;} .page-tit-bar {margin-top:3%; position: relative; text-align: center; overflow: hidden; }.page-tit-bar .title { position: relative; display: inline-block; vertical-align: middle; margin: 0 8px 16px; }.page-tit-bar .title a{ position:relative; display:block; line-height:45px; padding:0 26px; font-size:18px; background:#000; color:#fff; } .page-tit-bar .title:hover a,.page-tit-bar .title.current a{ background:#005ca0; color:#FFF; } .layouts, .layouts1 { width: 80%; margin: 0 auto; } .layouts { position: relative; }.text_wrap .title { font-size: 30px; font-weight:bold; line-height: 1.2; } .text_wrap .des { padding: 1.5rem 0 2rem; font-size: 16px; color: #535353; line-height: 1.5; } .normal_more { display: inline-block; width: 150px; height: auto; font-size:14px; color: #fff; line-height: 3.5rem; text-align: center; background-color: #; } .normal_more:hover{ background-color:#ccc;} .normal_more i { display: inline-block; width: 1.75rem; height: 1rem; margin-left: .5rem; background: url(../images/more1.png) no-repeat center center; background-size: auto auto; background-size: 100% 100%; vertical-align: -.15rem; } #CuPlayer img{max-width:100%;} .each_tech_sup:nth-child(3n+1), .how_to_video_list .e_video:nth-child(3n+1) { margin-left: 0; }.each_tech_sup, .how_to_video_list .e_video { position: relative; float: left; width: 31.7875%;margin-bottom:2%; margin-left: 1.75%; text-align: center; }.repair_service .each_tech_sup .text_wrap { box-shadow: 0 0 .1rem rgba(220,222,224,.5); }.each_tech_sup .text_wrap { padding: 2rem 1.5rem 2.5rem; background-color: #f6f6f5; }.each_tech_sup .stitle { margin-bottom: 1rem; font-size:20px; color: #000; white-space: nowrap; overflow: hidden; } .each_tech_sup .text_wrap:hover{ background-color:#f0493e;} .each_tech_sup .text_wrap:hover .stitle{ color:#fff;} .picture img{max-width:100%;} .each_tech_sup .des { height:auto; text-align:left; margin-bottom: 1rem; font-size:14px; line-height: 1.5; overflow: hidden;display:none; } .seopop{ background-color:#efefef;padding-top:2%;padding-bottom:4%;width:100%;float:left;} #CuPlayer{width:50%;float:left;} #hjkj{width:48%;float:right;} .seopop1{ background-color:#fff;padding-top:4%;padding-bottom:4%;width:100%;float:left;} .seopop1 #CuPlayer{width:50%;float:right;} .seopop1 #hjkj{width: 48%; float: left;} .n_video{width:100%;float:left;} .n_video ul li{float:left;width:31%;margin-right:3%;margin-bottom:3%;} .n_video ul li:nth-child(3n){margin-right:0%;} .n_video ul li .n_video_a{width:100%;float:left; position:relative;} .n_video ul li .n_video_a img{max-width:100%;} .n_video ul li .n_video_a i{ position:absolute;top:0px;z-index:9;left:0;} .n_video ul li .n_video_b{width:100%;float:left; background-color:#e3e3e3; text-align:center;line-height:50px;} .n_video ul li:hover .n_video_b{background-color:#999; color:#fff;} .content-area img{max-width:100%;} .laypu{/*padding-left:15px;padding-right:15px;*/} /*page*/ .pages-items { width: 100%; margin: 20px auto; text-align: center; } .pages-items .item { display: inline-block; text-align: center; border: 1px solid #dfdfdf; width: 32px; font-size: 12px; line-height: 32px; background: #eee; } .pages-items .item.current { background: #fff; } .pages-items .item a.page { color: #333333; display: inline-block; width: 100%; } .pages-items .item:hover { background:#; } .pages-items .item:hover .page { color: #fff; } .pors { position: relative;width:100%;float:left;overflow:hidden; }.inner_banner .banner_bg { width: 100%; } .inner_banner .banner_bg IMG{MAX-WIDTH:100%;} .inner_banner .box_wrap { display: table; position:absolute;top:30%;z-index:9999;left:18%; height: auto; } .layouts, .layouts1 { width: 80%; margin: 0 auto; } .layouts { position: relative; }.inner_banner .gray_box { display: table-cell; vertical-align: middle; }.inner_banner .text_box { width: 70rem; padding: 3.6rem 3rem 3.2rem; color: #bcbccc; background: rgba(0,0,0,0.55); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }.inner_banner .text_box .s_title1 { font-size: 16PX; color:#fff; }.inner_banner .text_box .s_title2 { font-size: 34PX; font-weight:bold; color: #fff; margin: .5rem 0 1rem; }.inner_banner .text_box .des { margin-bottom: 2rem; color:#ccc; font-size: 14PX; line-height: 1.5; }.normal_banner_title { position: absolute; top: 0; left: 0; width: 100%; height:80px; line-height:80px; background-color: #fff; }.case_studies_title .down_wrap { float: right; }.case_studies_title li { position: relative; display: inline; }.case_studies_title li:first-child .down { border-left: 0 none; }.case_studies_title .down { padding: 0 1rem; display: inline-block; font-size:14PX; color: rgb(25,25,25); line-height: 2.5rem; border-left: 1px solid #ddd; }.case_studies_title .down i { display: inline-block; width: 1.2rem; height: 1.2rem; margin-left: .5rem; background: url(../images/down1.jpg) no-repeat left top; background-size: auto auto; background-size: 100% 100%; vertical-align: -.2rem; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; } .case_studies_title h2{float:left; font-weight:bold;line-height:40px;margin-top:2%;} .renzheng{width:100%; text-align:center;float:left;margin-bottom:2%;overflow:hidden;} .renzheng img{max-width:100%;} .renzheng img:hover{ opacity:0.5;} /*wenhua*/ .wenhuao{width:100%;float:left; background-color:#f1f1f1;padding-bottom:2%;margin-bottom:3%;} .wenhuao_a ul li{width:20%;float:left; text-align:center;} .wenhuao_a ul li span{width:100%;float:left;} .wenhuao_a ul li strong{width:100%;float:left; font-size:30px;} .wenhuao_a ul li p{width:100%;float:left; color:#666; font-size:16px;} .wenhuao_a_a{padding:5%;} #kopo{right:15%;left:inherit;} .chin-a{width:100%;float:left; text-align:center;margin-bottom:2%;} .chin-a h3{ font-size:18px;width:200px;border:solid 1px #ccc;height:50px;line-height:50px;margin:auto;} .sh_download{width:100%;float:left;margin-bottom:5%;} .sh_download ul li{float:left;width:33.3333%; } .sh_download ul li span{float:left;line-height:auto;width:80%;margin-top: 10px; margin-bottom: 10px; height: 40px;padding-left: 2%; /*text-indent:20px;*/display: flex; justify-content: center; flex-direction: column;} .sh_download ul li p{float:right;padding-right:2%;padding-top:2%;line-height:50px;margin-bottom:0;} .sh_download ul li p img{} .sh_download_a{margin:2%;background-color:#f6f6f6;border:solid 1px #ccc;overflow:hidden;} .sh_download_a:hover{background-color:#999;border:solid 1px #999; cursor:pointer;} .sh_download_a:hover span{ color:#fff;} .sh_download_a:hover p img{display:none;} .sh_download_a:hover p {padding-top:13%; background-image:url(../images/down-2.png);margin-top:10px;margin-right:10px;width:30px;height:30px; background-repeat:no-repeat; background-position:center center;} .week_contact{width:100%;float:left;} .contact-ways{} .contact-ways li{float:left; width:25%; height:420px; /*border-left:1px solid #E9E9E9;*/} .contact-ways li:last-child{/*border-right:1px solid #E9E9E9;*/} .contact-ways li a,.contact-ways li a:hover{display:block; padding:88px 0;text-align:center; text-decoration:none; } .contact-ways li h4{font-size:16px; color:#666; line-height:30px; margin:0; font-weight:100; } .contact-ways li p.cway-txt{font-size:18px; line-height:25px; color:#666;} .contact-ways li:hover p.cway-txt { color:#614c3f; } .contact-ways li a i{margin:0 auto 20px; display:block; width:128px; height:128px; background-color:#f8f8f8; border-radius:64px; transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -webkit-tap-highlight-color:rgba(0,0,0,0);} .contact-ways li a:hover i{background-color:#; transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -webkit-tap-highlight-color:rgba(0,0,0,0);} .contact-ways li a i.i-phone { background-image: url(../images/icon_phone.png); background-size: 128px; background-repeat: no-repeat; background-position: 0 0; } .contact-ways li a:hover i.i-phone{background-position:0 -128px;} .contact-ways li a i.i-qq { background-image: url(../images/icon_qq.png); background-size: 128px; background-repeat: no-repeat; background-position: 0 0; } .contact-ways li a:hover i.i-qq{background-position:0 -128px;} .contact-ways li a i.i-mail { background-image: url(../images/icon_mail.png); background-size: 128px; background-repeat: no-repeat; background-position: 0 0; } .contact-ways li a:hover i.i-mail{background-position:0 -128px;} .contact-ways li a i.i-add { background-image: url(../images/icon_emil.png); background-size: 128px; background-repeat: no-repeat; background-position: 0 0; } .contact-ways li a:hover i.i-add{background-position:0 -128px;} .week_weixin{background:url(../images/bg_weixin.jpg) no-repeat center; background-size:cover; background-attachment:fixed; padding:80px 0;width:100%;float:left;} .week_weixin h3{margin:0 auto; font-size:32px; width:60%; line-height:1.75; text-align:center;color:#FFF; font-weight:normal; } .week_weixin p{margin:0 auto 20px; font-size:16px;width:80%; line-height:1.75; text-align:center;color:#eee;} .week_weixin-p img{/*display:block;*/ /*margin:0 auto;*/ width:200px; height:200px;} .week_weixin p span{display:inline-block; margin:0 20px;} .week_weixin-p a{ color:#fff;float:left;margin-right:1%;} .week_contact .container{padding-left:0px;padding-right:0;} .week_container .week_weixin-p{width:450px;overflow:hidden;} .week_weixin-p a.jiio{float:right;} #aboutus1{width:100%;float:left;margin-top:2%;} /*inwi*/ .product_show { width: 100%; margin: auto; padding-bottom: 72px; } .qyry_show { width: 100%; margin: auto; } .qyry_show .txt { font-size: 16px; line-height: 22px; color: #777; padding-top: 25px; }.contact_box { width: 100%; margin-bottom:8px; }.contact_box1 { width: 49%; float: left; }.contact_box1 .title, .contact_box2 .title { font-size: 18px; color:#666; line-height: 40px; }.contact_box1 .title span, .contact_box2 .title span { color: #e53329; }.contact_box1_txt { width: 100%; height: 46px; background: #eee; background-color: rgb(238, 238, 238); border-radius: 5px; border: none; box-sizing: border-box; padding-left: 10px; position: relative; }.contact_box1.right { margin-left: 1%; } .contact_box1 { width: 49%; float: left; }.contact_box2 { width: 100%; } .contact_box2 textarea{width:100%;height:200px;} .contact_ts { width: 100%; height: 49px; line-height: 49px; text-align: right; font-size: 16px; color: #9c9c9c; }.contact_ts span { color: #e53329; }.contact_tj { width: 226px; height: 55px; background: #005ca0 url(../images/tb7.png) 189px center no-repeat; margin-top: 19px; transition: all ease .2s; }.contact_tj_button { width: 170px; height: 55px; border: none; border-right-color: currentcolor; border-right-style: none; border-right-width: medium; border-right: 1px solid #fff; background: none; font-size: 14px; font-weight: bold; color: #fff; } .contact_box1_txt { width: 100%; height: 46px; background: #eee; background-color: rgb(238, 238, 238); border-radius: 5px; border: none; box-sizing: border-box; padding-left: 10px; position: relative; }.contact_box1.right { margin-left: 1%; } #toTop { display: none; text-decoration: none; position: fixed; bottom: 30px; right: 30px; z-index: 6000; overflow: hidden; width: 40px; height: 40px; border: none; text-indent: 100%; background: url(../images/c.png) no-repeat -700px 0px; } #toTopHover { width: 40px; height: 40px; display: block; overflow: hidden; float: left; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); background: url(../images/c.png) no-repeat -700px -50px; } #toTop { text-indent: 100%; } /*login*/ .box-bg { }.form { padding-bottom:5%;background-color:#fff; -moz-box-shadow:2px 2px 5px #999; -webkit-box-shadow:2px 2px 5px #999; box-shadow:2px 2px 5px #999;width:500px;margin:auto;margin-bottom:10%;margin-top:10%; }.form h1 { font-size:30px; font-weight:bold; text-align:center;width:100%;float:left;margin-top:8%;margin-bottom:8%; color:#333; } .form p { font-size: 14px; color: #e9e9e9; margin-top: 15px; }.f9c442 { color: #f9c442; }.form .item label { width: 44px; height: 44px; background: #aaabab url(../images/icologin.png) center 10px no-repeat; border: none; display: block; float: left; }.form .item input { width:310px; height: auto; padding: 7px 0; /* border: none;*/ outline: none; font-size: 14px; line-height: 30px; text-indent: .5em; float: left; color: #333; }.form .item label { width: 44px; height: 44px; background: #aaabab url(../images/icologin.png) center 10px no-repeat; background-position-x: center; background-position-y: 10px; border: none; display: block; float: left; }.form .itempass label { background-position: center -28px; }.form .validatepic input { width: 100px; margin: 0 10px; margin-right: 10px; height: auto; line-height: 16px; font-size: 14px; float: none; }.form .validatepic a.changepic { color: #e0e0e0; }.form .item { margin:auto; margin-top: 20px; width: 355px;overflow:hidden; }.form .item button { width: 355px; height: 46px; background: url(../images/loginbtn.png) left top no-repeat; border: none; cursor: pointer; text-align: center; line-height: 46px; font-size: 16px; font-weight: bold; color: #FFF; } #btnSubmit { width: 355px; height: 46px; background: url(../images/loginbtn.png) left top no-repeat; border: none; cursor: pointer; text-align: center; font-size: 16px; font-weight: bold; color: #FFF; } .sermore{width:100%;float:left; text-align:center;margin-bottom:2%;height:50px;} .sermore a{ background-color:#f5f7f8; color:#333;padding-left:3%;padding-right:3%;padding-top:10px;padding-bottom:10px;} .sermore a:hover{background-color:#999; color:#fff;} .renzheng_a{float:left;width:100%; text-align:center;} .renzheng_a a{padding-left:0.5%;padding-right:0.5%;} .lohop{width:100%;float:left; background-image:url(../images/lobg.jpg); background-repeat:no-repeat; background-position:center top;} .chop i{ display:none;float:right; font-size:30px;font-style:normal; cursor:pointer;} .chop b{ display:none;float:right; font-size:40px;font-style:normal; cursor:pointer;} .chou i{ display:none;float:right; font-size:30px;font-style:normal; cursor:pointer;} .chou b{ display:none;float:right; font-size:40px;font-style:normal; cursor:pointer;} .choy i{ display:none;float:right; font-size:30px;font-style:normal; cursor:pointer;} .choy b{ display:none;float:right; font-size:40px;font-style:normal; cursor:pointer;} .chot i{ display:none;float:right; font-size:30px;font-style:normal; cursor:pointer;} .chot b{ display:none;float:right; font-size:40px;font-style:normal; cursor:pointer;} #DF-News{padding-top:45px;} .page-product-detail #ghu{display:block !important;} .page-product-detail .recom-pro-list {display:block !important;} .news-item { width: 32.1%; background-color:#f4f4f4; padding:18px; margin-right: 20px; margin-bottom: 20px; font-size: 14px;float:left; } .news-item .img-box { display: block; height: auto; overflow: hidden; } .img-box img { display: block; width: 100%;height:100%; } .news-item .brief { margin-top: 30px; } .brief .post-time { color: hsla(0,0%,60%,.8); }.brief .news-title { display: block; font-size: 18px; font-weight: bolder; height: 3em;overflow:hidden; color: #333; }.brief .news-content { margin: 20px 0; color: #999; }.brief .read-more { display: block; padding-left: 30px; background: transparent url(../images/more.png) no-repeat 0; color: #333;float:left;width:100%;/*height:5px;*/ } .news-item:nth-child(3n) { margin-right: 0; } @media (max-width:1300px) { #enlo{margin-right:2%;} #ourGallery .gallery{padding-left:15px;padding-right:15px;overflow:hidden;} /*#ourVideo .home-about{width:100%;}*/ .navigation #online{display:block !important;} } @media (max-width:1200px) { .news-item { width: 31%;} .page-product-detail .recom-pro-list .list-wrap{width:100%;} .page-product-detail .recom-pro-list li{width:19.5%;margin-bottom:20px;} .navigation #online{display:block !important;} .nav > li > a{padding:5px 5px} .social-shortcode li{ font-size:14px;} .article_time{font-size:14px;} .contact-vertical .contact .content{font-size:14px;} .social-shortcode a{width:30px;height:30px;line-height:30px; font-size:16px;} .social-shortcode a i{line-height:30px;} .small-heading{ font-size:16px;} #lopop{max-width:90%;} .n_video ul li .n_video_b{line-height:30px;} .inner_banner .box_wrap { left:5%;top:8%; } #enlo{margin-right:5%;} } @media (max-width:1000px) { #k_3{width:40%;} #k_4{width:50%;} .m_30 { margin: 0 0px; } #blogP .owl-buttons .owl-prev { position: absolute; left: 0px; top: -310px; } #blogP .owl-buttons .owl-next { position: absolute; left: auto; top: -310px; right: 0px; } #works-1 .owl-buttons .owl-prev { position: absolute; left: 0px; top: -110px; } #works-1 .owl-buttons .owl-next { position: absolute; left: auto; top: -110px; right: 0px; } .footer_copyright p{ text-align:center;} .footer_menu ul{ text-align:center;} .footer_menu ul li{float:none;} } @media (max-width:900px) { .page-product-detail .recom-pro-list .pro-name{height:50px;overflow:hidden;} .page-product-detail .recom-pro-list li{width:27.5%;} } @media (max-width:780px) { .pv12{padding-bottom:20px;} #ourGallery .galleryItem a .gTitle{height:48px;overflow:hidden;line-height:20px;} .wenhuao_a ul li{width:50%;} #lopop{width:100%;margin-top:2%; position:inherit;margin-top:0;max-width:100%;padding-bottom:20px;} .navbar-collapse { background: #efefef; } .table-row .table-cell .table-cell-content{margin-right:0;} #ourVideo .bg-left{width:100%;} #ourVideo .home-about{width:100%;float:left;} #ourVideo .bg-cover{width:100%;float:left;} #ourVideo .popup-video-container{min-height:300px;} .table-row .table-cell{ display:block; } .section-content .fullwidth-container{overflow-x:inherit} .section-content .popup-video-container{min-height:550px;} #k_4{float:left;width:100%;} } .foota_tel{display:none;} .mb{display:none;} #opor{float:right;padding-left:2%;} @media (max-width:800px) { .news-item:nth-child(2n) { margin-right: 0; }.news-item:nth-child(3n) { margin-right: 20px; } .news-item {width:48%;} .pcpdh{padding-left:15px;padding-right:15px;} #opor{float:left;padding:0%;} .inner_banner .box_wrap{left:0;} .inner_banner .banner_bg{height:300px;} .inner_banner .text_box{width:100%;} .chop i{ display:block;} #ba{display:none;} .chou i{ display:block;} #bs{display:none;} .choy i{ display:block;} #bd{display:none;} .chot i{ display:block;} #bf{display:none;} #k_3{width:50%;} #k_4{width:50%;} } .hoi-sed{display:none;} @media (max-width:770px) { .hoi-sed{width:100%;float:left;display:block;margin-top:20px;} #searchForm{width:100%;float:left;} #searchForm .search-text { width: 70%; height: 34px; padding: 8px; border: 2px solid #ccc; outline: 0; font-size: 12px; float: left; color: #999; }#searchForm .button-goods { margin-right: 8px; } #searchForm .button { border: 0; width: 29%; height: 34px; line-height: 34px; background-color: #666; color: #fff; font-size: 14px;margin-right:0; cursor: pointer; float: right; outline: 0; } #k_3{width:100%;}#k_4{width:100%;}} .phone-title{display:none;} .header-m{display:none;} .m_logo{display:none;} #TagID{padding-left:2%;padding-right:2%;} #TagID a{padding-right:2%;} .wrapper .deo_produdy_a_right h3{white-space:inherit;} @media (max-width:640px) { #ourGallery .gallery{float:left;margin-top:20px;} .sh_download ul li{width:100%;} #mian-header{display:none;} .header-m{display:block;} .m_logo{display:block;} .renzheng_a a{float:left;width:33.333%;} .renzheng img{height:80px;} .header-m{position:relative;height:30px;background:#9a9a9a;overflow-x:hiden;} .header-m .search{z-index:1000;display:block;height:30px;float:left;width:25%; cursor:pointer;text-align:center;border-right:solid 1px #fff;} .header-m .search span img{max-width:100%;height:20px;margin-top:10px;} .header-m .user-icon{width:25%; cursor:pointer;z-index:1000;display:block;float:left;height:30px;text-align:center;border-right:solid 1px #fff;} .header-m .user-icon span{ax-width:100%;} .header-m .user-icon span img{max-width:100%;height:20px;margin-top:10px;} .header-m .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;} .dl-menu1{position:absolute;left:0;width:100%;z-index:9999999;}.dl-menu1 ul{width:100%;float:left; text-align:center;} .dl-menu1 ul img{height:40px;} .fgh{ position:absolute;top:30px;width:100%;float:left; text-align:center;} .fgh ul{ background-color:#e7e7e7;padding-top:2%;padding-bottom:2%;} .dl-menu1 li{width:100%;float:left; border-bottom:1px solid #dfdede;} .dl-menu1 li a {float:left; position: relative; padding: 15px 20px; font-size: 16px; line-height: 20px; font-weight: 300; color: #333; outline: none; } .close{ position:absolute;right:3%; width:30px;height:30px; font-size:25px; color:#fff; background-color:#999; cursor:pointer;} #hbhjh img{height:40px;}#opop {cursor:pointer; width: 24%; border-right: none; }#opop img { margin-top: 5px; } #hbhje{max-height:150px;overflow-x:hidden;padding-top:50px;} #hbhje a{ color:#666; font-size:12px;width:20%;float:left;white-space: nowrap; text-align:left; text-overflow: ellipsis; overflow: hidden;}#hbhje a img{margin-right: 5px;float:left;margin-left:10px;margin-bottom:10px; }#hbhje .close{top:10px;} .m_logo{width:100%;float:left; text-align:center;margin-top:10px;margin-bottom:10px;} .m_logo img{max-width:100%;height:80px;} .text_wrap .title{ font-size:20px;} .sectionTitle h4{ font-size:30px;} .home-about h3{ font-size:30px;} .footer_menu ul li a{padding: 5px 3px;} .navbar{height:80px;} .navbar-header{height:80px;} .mb{display:block;margin-top:40px;} .mt{display:none;} .wenhuao_a ul li p{height:40px;overflow:hidden;} .wenhuao_a ul li strong{height:auto; font-size:20px;} .each_tech_sup, .how_to_video_list .e_video{width:48%;margin-bottom:30px;} .each_tech_sup:nth-child(3n+1), .how_to_video_list .e_video:nth-child(3n+1) { margin-left: 1.75%; } .week_container .week_weixin-p{width:100%;overflow:hidden;} .week_weixin-p a.jiio{} .week_weixin-p a{width:100%;float:left; text-align:center;margin-bottom:2%;} .cplan{padding-left:15px;padding-right:15px;} .home-about .button{margin-top:0;} .pv12{padding-bottom:0;padding-top:0;} #lopop{ position:inherit;max-width:100%;} .section-content .popup-video-container{min-height:auto;overflow:hidden;padding-bottom:10%;} .footer_copyright p{ text-align:center;} .footer_menu ul li { width: 25%; float: none; } .footer_bottom_area{padding-bottom:14%;} .foota_tel{display:block;width:100%;float:left; position:fixed;height:40px; background-color:#ccc;z-index:99999;bottom:0;} .foota_tel a{float:left;width:50%; text-align:center;line-height:40px; color:#fff;} .foota_tel a.opo{ background-color:#666;} .contact-ways li{width:50%;height:auto;} #k_3{width:100%;} .normal_more{width:100px; font-size:12px;} #CuPlayer{width:100%;} #hjkj{width:100%;margin-top:2%;} .seopop1 #CuPlayer{width:100%;} .seopop1 #hjkj{width:100%;margin-top:2%;} .n_video ul li{float:left;width:48%;margin-right:3%;margin-bottom:6%;} .n_video ul li:nth-child(2n){margin-right:0%;} .n_video ul li:nth-child(3n){margin-right:3%;} .n_video ul li:nth-child(6n){margin-right:0%;} .form {width:100%;} .form .item{width:300px;} .form .item input{width:250px;} .form .item button{width:300px;} .form .validatepic input{width:50px;} /*#mian-header{overflow-x:hidden;}*/ .nhjh{overflow-x:hidden;float: left; width: 100%;} #ourServices{overflow:hidden;} .cpbj{overflow-x:hidden;} #Advantage{overflow-x:hidden;} #ourVideo{overflow-x:hidden;} #jkl{overflow-x:hidden;} .footer{overflow-x:hidden;} #aboutus{overflow-x:hidden;} #Advantage{ background-color:#333; background-image:none;} #Advantage{padding:30px 0;} #Advantage .item-counter .name-count{ font-size:16px;line-height:20px;} #aboutus .col-sm-12{padding:0;} .article {width:50%;} .wall-column{padding:0;} #scrollsidebar{display:none;} #position{display:none;} .page-tit-bar {float:left;} .deo_produdy_a_right h2{display:none;} .phone-title{display:block;width:100%;float:left; font-s ize:20px;margin-bottom:20px; color:#333; font-weight:bold;} .pcpdh .row{margin-left:-15px;margin-right:-15px;} .pcpdh .inprolisa_list{padding-left:15px;padding-right:15px;} #ourGallery .galleryItem{padding:0;} #ourGallery .galleryItem{width:48%;overflow:hidden;margin-bottom:0px;} #ourGallery .galleryItem:nth-child(2n){float:right;} .fghj .each_tech_sup:nth-child(2n){float:right;} .fghj .each_tech_sup:nth-child(3n+1), .fghj .how_to_video_list .e_video:nth-child(3n+1){margin-left:0;} .fghj .each_tech_sup, .how_to_video_list .e_video{margin-left:0;} .wenhuao{margin-bottom:8%;} .content-area{width:100%;float:left;margin-bottom:10px;} #Advantage .item-counter span{ font-size:40px;} #Advantage .item-counter .wrap-numb span{ font-size:24px;} #Advantage .item-counter .name-count{font-size:10px;} #Advantage .wrap-numb{margin-top:15px;} #Advantage .item-counter .name-count{margin-top:10px;} .inprolisa_list_name p{ font-size:18px;} #ourServices{padding-top:20px;} .cpbj{padding-top:20px;} #ourVideo{padding-top:20px;} #DF-News{padding-top:20px;} .contact-ways li a, .contact-ways li a:hover{padding: 20px 0;} .contact-ways li p.cway-txt{ font-size:16px;} #aboutus { padding: 20px 0 0 0;width:100%;float:left; } .page-product-detail .recom-pro-list li{width:40%;} } @media (max-width:600px) { .news-item{width:100%;margin-right:0;}} @media (max-width:500px) { .news-item{width:100%;margin-right:0;} #ourVideo .popup-video-container{min-height:250px;} body{overflow-x:hidden;} .px-top-bar #lang_sel_list{margin-top:4.5%;}}