/* Theme Name: Sumi Child Theme URI: http://sumi.famithemes.com/ Description: Sumi Child Theme Author: Fami Themes Author URI: http://famithemes.com/ Template: sumi Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, translation-ready Text Domain: sumi-child */ /*footer submit*/ .wpcf7-form-control{width:200px;height:42px;background:#f08209;;color:#fff;font-size:18px;cursor:pointer;} .elementor-text-editor p {margin: 10px 0;} nav .mosec-nav{position:absolute;top:46px;left:50%;z-index:99;display:none;padding: 10px 0;border:solid 1px #114996;border-top:4px solid #286bbc;background:#286bbc;white-space:nowrap;-webkit-transform:translateX(-35%);transform:translateX(-35%);-ms-transform:translateX(-35%);width:606px;} .head-nav li:hover .mosec-nav{display:block;} .mosec-nav>div{float:left;box-sizing:border-box;padding: 0;width:300px;min-height: 370px;border-right: 1px solid #4d82cc;background:#286bbc;} .secnav-title{margin: 0 10px;margin-bottom:10px;color:#fff;text-align:left;font-weight:700;font-size:20px;padding: 0px 20px 9px 19px;border-bottom: solid 1px #3f8deb;position: relative;} .secnav-title::before {content: "";width: 8px;height: 8px;background: #ff7e00;position: absolute;left: 5px;top: 9px;} .mosec-nav a{display:block;color:#000;color:#fff;text-align:left;font-weight:500;font-size:14px;padding: 4px 20px;} .mosec-nav a:hover {color: #facb9c;background: #4785cf;} .mosec-nav>div:last-child{border:none;} .breadcrumbs{ margin: 0px; } .wp-pagenavi { margin: 30px 0; font-size: 12px; } .wp-pagenavi{ text-align: center; line-height: 24px; } .wp-pagenavi{ width: 100%; } .wp-pagenavi > span, .wp-pagenavi > a{ margin: 4px 6px 4px 0; padding: 2px 10px; text-decoration: none; background-color: #eee; color: #666; display: inline-block; } .wp-pagenavi a:hover, .wp-pagenavi > .current{ background-color: #F08209; color: #fff !important; } /*-----------------------------------------------------------*/ body,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;} dd,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,span,textarea,ul{margin:0;padding:0;border:none;list-style:none;text-indent:0;font-weight:400;} tr{display:table-row;border-color:inherit;vertical-align:inherit;} td,th{display:table-cell;vertical-align:inherit;} *{box-sizing:border-box;outline:0;overflow-wrap:break-word;} table{border-collapse:collapse;} select{padding-left:5px;outline:0;background:url(/images/triangle02.png) no-repeat right #fff;appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;} textarea{resize:vertical!important;} img{vertical-align:middle;} cite,em,th{font-weight:400;font-style:normal;} a{color:#333333;text-decoration:none;font-family:"Open Sans";} img{border:none;vertical-align:middle;font-size:0;} i{display:inline-block;vertical-align:middle;} .fz12{font-size:12px;} .cf::after{clear:both;display:block;visibility:hidden;height:0;content:".";} body,html{overflow:hidden;overflow:auto;color:#333333;letter-spacing:.5px;font-size:14px;font-family: Noto-hans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"!important;line-height:26px;background:#fff;} label{display:inline-block;margin-bottom:5px;max-width:100%;margin-top:-25px;} .input-na{padding:0 15px;height:40px;border:solid 1px #999;background-color:#fff;color:#4d4d4d;font-size:15px;padding-right: 40px;border-radius: 5px;} .sub{width:200px;height:50px;background:#f08209;color:#fff;font-size:18px;cursor:pointer;} .w1300{width:100%;max-width:1300px;margin:0 auto;padding: 0 10px;} .centered{margin:0 auto!important;} .pc-hidden{display:none;} .ipad-show{display:none;} .float_left{float:left;} .float_right{float:right;} .tc{text-align:center;} .tl{text-align:left;} .tr{text-align:right;} .w80bf{width:80%;} .w70bf{width:70%;} .w60bf{width:60%;} .w50bf{display:inline-block;width:50%;} .w40bf{width:40%;} .w30bf{width:30%;} .w33bf{width:33.3%;} .w25bt{width:25%;} .w20bt{width:20%;} .block{display: block!important;} .relative{position:relative;} .m-head{display:none;} .xpicon {background: url(/images/icon.png) 0 0 no-repeat;} header{border-bottom: 3px solid #01499e;padding:10px 0;} .head-info li{display: inline-block;margin-right: 30px;} .head-info li i{display: inline-block;width: 34px;height: 34px;margin-right: 8px;} .head-tel-icon{background-position: -10px -10px;} .head-emai-icon{background-position: -54px -10px;} nav{box-shadow: 0px 2px 10.12px 0.88px rgba(0, 0, 0, 0.26);height: 100px;margin-bottom: 0;position: relative;z-index: 10;background: rgba(255, 255, 255, 0.85);} .nsearch .searorder{position:relative;top:5px;right:-5px;padding:5px 0;width:240px;border:0;border-bottom:1px solid #e5e5e5;box-shadow:none;color: #333333;} .nsearch .searchicon{display:inline-block;width:20px;height:20px;background-position:-266px -10px;vertical-align:top;position: relative;left: -22px;top: 8px;} .logo{width:25%;margin: 17px 0 20px 0;} .head-nav{width:75%;text-align: right;margin-top: 30px;font-family:"Raleway";} .head-nav>ul>li{display: inline-block;margin-right:4%;text-align:left;padding: 10px 0;position: relative;} .head-nav>ul>li>a{position: relative;color: #01499e;font-size: 16px;font-weight: bold;} .head-nav>ul>li i{display: inline-block;width: 14px;height: 14px;margin-right:10px;position: relative;top: -3px;} .head-nav>ul>li .lime{display: block;width: 24px;height: 3px;background: #ff7e00;margin: 0 auto;margin-top: 6px;background:rgba(255,255,255,0)} .head-nav>ul>li:hover .lime{background: #ff7e00;} .sec-nav{position:absolute;display: none;margin-left: -35px;} .sec-nav a{display: block;padding: 10px;width: 260px;background: #286bbc;color: #fff;font-size: 16px;} .sec-nav a:hover{background: #629be0;} .head-nav li:hover .sec-nav{display:block;} .nhome-icon{background-position: -98px -10px;} .ndesigns-icon{background-position: -122px -10px;} .nservice-icon{background-position: -146px -10px;} .nproduct-icon{background-position: -170px -10px;} .ncases-icon{background-position: -98px -34px;} .nabout-icon{background-position: -218px -10px;} .nconta-icon{background-position: -242px -10px;} .banner{position: relative;top: -130px;margin-bottom: -130px;} .banner img{width:100%;} .src{background:#0e4c8f;color: #fff;font-size: 16px;padding: 15px 12px;} .srcd{background:#0e4c8f;color: #fff;font-size: 16px;padding: 5px 12px;} .src ul li{display: inline-block;margin-right: 28px;} .src i{margin-right:8px;font-size: 20px;position: relative;top: -2px;} .src a{color: #fff;position: relative;} .src a:hover{color: #ff0;} .src a::before{position:absolute;right:-20px;color: #fff;} section>.index>div{padding:80px 0;} .ind-wel{background: url(/images/intro-bg.jpg) repeat center #22618f;background-size: 100% 100%;margin-bottom: -100px;position: relative;top: -100px;} section>.index{background: url(/images/bg_section.png) repeat 50% 50% #f2f2f2;} .ind-clients{background: url(/images/intro-bg.jpg)no-repeat center #22618f;background-size: 100% 100%;} .ind-whychoo,.ind-news{background:#fff;} .ind-proshow p{font-size: 18px;} section>.index>div.ind-wel{padding-left:30px;padding-right:30px;} .ind-title-b{font-size: 40px;color: #013c84;text-align: center;position: relative;margin-bottom: 30px;text-transform:uppercase;font-family: "Noto-hans-bold";font-weight: bold;} .ind-title-w{font-size: 40px;color: #fff;text-align: center;text-shadow: 0px 5px 6.72px rgba(0, 0, 0, 0.8);position: relative;margin-bottom: 30px;text-transform:uppercase;font-family: "Noto-hans-bold";font-weight: bold;} .ind-wel .text{width:76%;color: #fff;font-size:20px;line-height: 40px;text-shadow: 1.879px 0.684px 5.52px rgba(21, 22, 23, 0.4);} .ind-title-g{padding-top:80px; margin-bottom:0px;font-size: 40px;color: #333333;text-align: center;position: relative;margin-bottom: 30px;text-transform:uppercase;font-family: "Noto-hans-bold";font-weight: bold;font-size: 40px; color: #013c84; margin-bottom: 30px; text-transform: uppercase; font-family: "Noto-hans-bold"; font-weight: bold;} .ind-wel .img {width:23%;text-align: center;margin-top: 20px;} .ind-wel .img img {max-width: 100%;} .ind-pro-option li{display: inline-block;margin:10px 20px;position: relative;font-size: 22px;} .ind-pro-option li.on a,.ind-pro-option li:hover a{color: #00479d;} .ind-pro-option li .lime{display: block;width:50px;height: 3px;background: #fff;margin: 0 auto;margin-top: 6px;background:rgba(255,255,255,0)} .ind-pro-option li:hover .lime,.ind-pro-option li.on .lime{background: #ff7e00;} .ind-prolist li{float: left;width: 20%;padding: 20px 0;text-align: center;} .ind-prolist li img{max-width: 100%} .ind-prolist li .img{padding:10px 60px;border-right: solid 1px #ccc;} .ind-prolist li:last-child .img{border: none;} .ind-prolist li .p-name{font-size: 22px;margin: 20px 0;} .ind-prolist li .btn{display: inline-block;width: 140px;height: 40px;border: solid 1px #cccccc;line-height: 40px;border-radius: 20px;font-size: 16px;} .ind-prolist li .btn:hover{border: solid 1px #01499e;background: #01499e;color: #fff;} .ind-proshow .stria {margin-top: 20px;font-size: 18px;text-align: center;} .ind-certi{font-size: 18px;} .ind-certi li{float: left;text-align: center;} .ind-certi .cont1 li{width: 25%;} .ind-certi .cont1 .img{max-width: 100%;} .ind-certi .cont1 {margin-top: 50px;} .ind-certi .cont2 ul{max-width:1000px;margin:0 auto;display: block;} .ind-certi .cont2 li{width: 33.3%;margin-top: 30px;} .ind-certi .cont2 .img{max-width: 100%;} .ind-whychoo li{float:left;width: 25%;padding: 20px 26px;text-align: center;color: #01499e;font-size: 16px;} .ind-whychoo li img{transition:linear 0.4s;-webkit-transition:linear 0.4s;} .ind-whychoo li img:hover{transform: translateY(-20px);-ms-transform: translateY(-20px);-webkit-transform: translateY(-20px);} .ind-whychoo li .lime{display: block;width:50px;height: 6px;background: #01499e;margin: 20px auto;} .ind-whychoo li .text span{font-size: 22px;font-weight: bold;} .ind-whychoo li .text p{margin-top: 10px;} .ind-clients {font-size: 18px;color: #fff;display:none;} .ind-clients li{float: left;width: 16.6%;text-align: center;margin: 20px 0;} .ind-clients li img{max-width: 100%;transition: linear 0.4s;-webkit-transition: linear 0.4s;} .ind-clients li img:hover{transform: translateY(-20px);-ms-transform: translateY(-20px);-webkit-transform: translateY(-20px);} .ind-news li{margin:15px 0;} .ind-news .img{float: right;width: 300px;} .ind-news .top{float: left;margin-bottom:30px; width:calc(100% - 300px);width:-moz-calc(100% - 300px);width:-webkit-calc(100% - 300px);} .ind-news .time{float: left;width:160px;height:160px;background: #f2f2f2;margin-right: 20px;} .ind-news .info{float: left;width:calc(100% - 190px);width:-moz-calc(100% - 190px);width:-webkit-calc(100% - 190px);padding: 20px 0;} .ind-news .month{font-size:50px;line-height: 54px;border-bottom: solid 4px #333;width: 90px;margin: 20px auto;text-align: center;} .ind-news .day{font-size:24px;line-height:30px;margin: 0 auto;text-align: center;} .ind-news .tit{font-size:22px;margin-bottom: 10px;height:52px;overflow: hidden;} .ind-news .text{font-size:14px;height:76px;overflow: hidden; margin-top: 20px;color:#333333;text-align: left} /*.ind-news li>a:hover .time{background: #00479d;} .ind-news li>a:hover .month{color: #fff;border-color: #fff;}*/ .ind-news li img{width:300px; height:160px;} /*.ind-news li>a:hover .day{color: #fff;} .ind-news li>a:hover .tit{color: #00479d;}*/ .cont-news{margin-top:30px; border-bottom:1px solid #ffd400;} .h-whatis {width: 50%;padding-right: 30px;} .w-ourmanu {width: 50%;padding-left: 30px;} .hwis-title{font-size: 18px;color:#013c84;font-weight: bold;text-transform: uppercase;line-height:50px;margin:20px 0;} .hwis-lime{height: 3px;background: #d6d6d6;position: relative;} .hwis-lime::before{content:"";position: absolute;height: 3px;background: #01499e;width:150px;top: 0;left: 0;} .h-whatis img {max-width: 100%;} .h-whatis .img {margin-top: 10px;margin-bottom: 40px;} .w-ourmanu li i {width: 38px;height: 32px;display: inline-block;margin-right: 6px;} .w-ourmanu li {margin-bottom: 20px;} .w-ourmanu li span {color: #013c84;font-weight: bold;} .hw-one-ic{background-position: -53px -58px;} .hw-two-ic{background-position: -101px -58px;} .hw-tree-ic{background-position: -149px -58px;} .hw-four-ic{background-position: -197px -58px;} footer{background:#063877;color: #fff;overflow:hidden;} footer a{color: #fff;display: block;line-height: 36px;} footer a:hover{color: #ff7e00;} .foot-top {padding:40px 0;} .foot-top .tit{font-size: 22px;font-weight: bold;margin-bottom: 20px;} .foot-top li{float: left;width:36%;} .foot-top li.it2{width:23%;} .foot-top li.it4{width:40%;} .foot-bottom{background: #00275b;} .foot-bottom .img {float: right;padding: 10px;} .foot-bottom p {float: left;padding: 10px;line-height: 40px;} .foot-bottom .img img {max-width: 100%;} .share a{display: inline-block;transition:linear 0.3s;-webkit-transition:linear 0.3s;} .share i{width: 35px;height: 35px;margin: 10px;display: inline-block;} .share a:hover{transform: translateY(-8px);-ms-transform: translateY(-8px);-webkit-transform: translateY(-8px);} .share1{background-position: -296px -10px;} .share2{background-position: -341px -10px;} .share3{background-position: -386px -10px;} .share4{background-position: -430px -10px;} .share5{background-position: -476px -10px;} .share6{background-position: -520px -10px;} .impor::before {content: "*";color: #f00;margin-right: 8px;position: absolute;left: 0;top: 15px;} .our-message .messl,.our-message .messr {width: 100%;} .our-message li {padding-left: 15px;position: relative;margin: 15px 1%;} .our-message ul li {display: block;font-size: 19px;width:98%} .our-message .messl ul li {width:48%;float: left;margin: 11px 1%;} .our-message .input-na {width: 100%;background-color: #063877;border-color:#fff;border-radius: 0;color: #fff;padding-right: 0;} .cont .our-message .messr ul li {width: 100%;margin: 11px 1%;} .our-message .messr textarea {height: 180px;line-height: 30px;background: url(/images/inp-messge.png) no-repeat #063877;padding-left: 40px;padding-top: 0px;} .our-message .messr input {width: 100%;} #email{width:100%} .inp-name{padding-left: 40px;background-position: -590px -12px;} .inp-email{padding-left: 40px;background-position: -590px -66px;} .inp-tel{padding-left: 40px;background-position:-590px -170px;} .main-right{position:absolute;top:0;right:0;width:270px;} .main-right dt{padding:10px 8px;background:#0e4c8f;color:#fff;} .main-right dd{position:relative;} .main-right dd a.on,.main-right dd a:hover{background:#9dc7f5;color:#333333;} .main-right .two{margin-top:50px;} .main-right .two i{position:relative;margin-right:10px;width:18px;text-align:center;font-size:18px;} .m-right {display:block;padding:10px 8px;border-bottom:solid 1px #ccc;background:#4083cc;color:#fff;} .main-right .two a {display:block;padding:10px 8px;border-bottom:solid 1px #ccc;background:#4083cc;color:#fff;} /*lgx*/ .rng a{ padding: 0; border: none; background: 00; color: #666; display: block; } .rng a:hover{ background:transparent !important; text-decoration: underline ; } .btn-wrap a{ display: block; color: #ffffff; background: #f08209; border:1px solid #f08209; border-radius:20px; width: 125px; height: 45px; margin: 10px auto; padding: 10px; } .nav-bottom::after{ content: "\f107"; position: absolute; right: 10px; font-size: 19px; font-family: FontAwesome; } .rng { display: none; } .main-right ul li{ padding: 10px 8px 10px 20px; border-bottom: solid 1px #6888; background: #ccd9e4; } .main-right ul li:hover{ background: #badcf9; } /*内容*/ .cont{font-family:"Raleway";} .cont p{margin:12px 0;} .cont p a{color:#0a4882;text-decoration:underline;} .cont img{max-width:100%;} .cont h1{margin:20px 0;color:#235c91;font-size:18px;} .cont h2{margin:15px 0;color:#235c91;font-size:16px;} .cont ol li{margin-left:30px;list-style-type:decimal;line-height:27px;margin-bottom: 10px;} .cont ul li{margin-left:30px;list-style-type:disc;line-height:27px;margin-bottom: 10px;} .cont ul.lh28 li{line-height:28px;} .cont>table{width:100%;} .cont>table th{padding:10px 0;padding:6px 10px;border:solid 1px #b5b5b5;vertical-align:middle;text-align:left;} .cont>table td{padding:6px 10px;border:solid 1px #b5b5b5;vertical-align:middle;} .cont>table td p{margin:0;} .cont>table td img{width:100%;} .co-title{font-size:24px;color:#4c4c4c;padding:6px 0;line-height: 30px;} .co-title.fz24{font-size:24px;} .co-title.fz20{font-size:20px;} .cont .fz18{font-size:18px;} .cont .fz16{font-size:16px;} .cont .bold{font-weight: bold;} .cont .item4{width:25%;padding:0 10px;text-align: center;} .cont .item3{width:33.3%;padding:0 10px;text-align: center;} .cont .item4 img{max-width: 100%;} .cont .item3 img{max-width: 100%;} .cont ul.li-icon li {margin: 0;list-style-type: none;} .list-three li{width: 33.3%;float: left;margin: 0;padding:10px 13px;} .list-two li{width:50%;float: left;margin: 0;padding:10px 13px;} .list-items li{width:100%;margin: 0;padding:10px 13px;} .list-three li div{max-width:400px;} .li-icon li span{font-size:16px;font-weight: bold;} .li-icon li p{font-size: 14px;margin: 0;line-height: 24px;} .li-icon li>i{display:inline-block;width:66px;height:64px;margin-right:8px;vertical-align:top;} .li-icon li>div{display: inline-block;width:calc(100% - 80px);} .pl10{padding-left:10px;} .pr10{padding-right:10px;} .pl20{padding-left:20px;} .pr20{padding-right:20px;} .pt20{padding-top:20px;} .mt20{margin-top:20px;} .mb20{margin-bottom:20px!important;} .pb10{padding-bottom:10px;} .pb20{padding-bottom:20px;} .pr20 p a{color:#333333;text-decoration:none;font-family:Noto-hans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important } .aimba-ic{background-position:-10px -177px;} .astm-ic{background-position:-86px -177px;} .iso-ic{background-position:-162px -177px;} .ieee-ic{background-position:-238px -177px;} .ul-ic{background-position:-314px -177px;} .ansi-ic{background-position:-390px -177px;} .asme-ic{background-position:-466px -177px;} .type-ic{background-position:-10px -251px;} .performance-ic{background-position:-86px -251px;} .repeatability-ic{background-position:-162px -251px;} .technique-ic{background-position:-238px -251px;} .quality-ic{background-position:-314px -251px;} .service-mold-ic{background-position:-390px -251px;} .moulded-ic{background-position:-466px -251px;} .surface-ic{background-position:-618px -251px;} .color-ic{background-position:-694px -251px;} .application-ic{background-position:-542px -251px;} .benefits-ic{background-position:-389px -325px;} .features-ic{background-position:-465px -325px;} .product-ic{background-position:-541px -325px;} .structure-ic{background-position:-617px -325px;} .dielectric-ic{background-position:-9px -325px;} .friction-ic{background-position:-85px -325px;} .resistivity-ic{background-position:-161px -325px;} .corrosion-ic{background-position:-237px -325px;} .highheat-ic{background-position:-313px -325px;} .rich-ic{background-position:-10px -99px;} .service-ic{background-position:-96px -99px;} .advantages-ic{background-position:-182px -99px;} .good-ic{background-position:-268px -99px;} .team-ic{background-position:-354px -99px;} .standard-ic{background-position: -693px -325px;} .main-left {min-height: 900px;margin-right: 300px;margin-top: 30px;margin-bottom: 50px;} /*产品信息*/ .protop-info .img img{border: solid 1px #d6d6d6;max-width: 90%;} .pro-part-info{color: #666;} .pro-part-info .line{display:block;height: 1px;background: #ccc;margin-bottom: 10px;} .pro-part-info p{margin:0px;margin-top:5px;} .pro-part-info .between-pro{margin: 20px 0;} .pro-part-info .between-pro span{font-size: 20px;font-weight: bold;} .cont table{margin-top: 10px;} .cont table td,.pro-part-info table th{border: solid 1px #d6d6d6;padding: 8px;} .cont .contantus{width: 100%;max-width: 180px;height: 50px;display: inline-block;line-height: 50px;text-decoration: none;text-align: center;font-size:20px;background: #0e4c8f;color: #fff;margin:20px 0;} .cont .contantus:hover{background: #1c5a9c;} .cont table p{margin:0;} .protottom-info .infotit{margin: 10px 0;font-size: 20px;text-transform: uppercase;font-weight: bold;padding:12px 20px;background: #f2f2f2;margin-top: 30px;} .scroll {overflow-x:auto;overflow-y:hidden;padding-bottom:6px;} .cont .scroll table {width: 100%;max-width: 100%;min-width: 750px;} .scroll::-webkit-scrollbar {display: block!important;width: 0;height: 8px;} .scroll::-webkit-scrollbar-thumb {height: 8px;border-radius: 10px;background-color: #0e4c8f;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);} .yarpp-related {max-width: 1300px;margin: 10px auto;} /* 产品列表 */ .pro-list-ul {margin-bottom: 0;margin-top: 00px;float: left;width:25%;} .pro-list-ul li{/* float: left; *//* width:25%; */padding: 12px;} .pro-list-ul .box{position: relative;display: block;} .pro-list-ul .img{border: solid 1px #ccc;overflow: hidden;} .pro-list-ul .img img{width: 100%;transition: linear 0.4s;-webkit-transition: linear 0.4s;} .pro-list-ul .img:hover img {transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);} .pro-list-ul .tit{font-size: 16px;margin: 12px 0;overflow: hidden;height: 52px;padding:0 10px;text-align:center;} .pro-list-ul .box:hover{color: #0e4c8f;} .pro-list-ul .box:hover .img{border-color: #63a3e9;} .pro-list-ul .tip{padding:5px 10px;background: #21dd71;color: #fff;position: absolute;line-height: 18px;top:16px;left: 12px;} @media(max-width:1300px){.head-nav>ul>li{margin-right: 2%;}.logo{width:18%;}.head-nav{width:82%;}} /* ++++++ ipad +++++++ */ @media(max-width:1000px){ header,nav{display:none;} .ind-title-w{margin-bottom:16px;font-size:28px;line-height:36px;} section>.index>div{padding:40px 0px;} .ind-wel .img img{width:100%;} .ind-title-b{margin-bottom:16px;font-size:28px;line-height:36px;} .ind-certi li img{max-width:100%;} .ind-certi li{padding:10px 20px;} .ind-whychoo li{width:50%;} .ind-clients li{padding:0 10px;width:33.3%;} .ind-news .img{width:200px;} .ind-news .top{width:calc(100% - 200px);width:-moz-calc(100% - 200px);width:-webkit-calc(100% - 200px);} .ind-news .time{margin-right:10px;width:130px;height: 117px;} .ind-news .info{width:calc(100% - 140px);width:-moz-calc(100% - 140px);width:-webkit-calc(100% - 140px);padding: 0;} .foot-top li{width:36.3%;} .foot-top li.it2{width:27.3%;} .foot-top li.it4{clear:both;width:100%;} .foot-top{padding:20px 0;} .foot-top .tit {font-size: 20px;} .ind-news .month{margin:10px auto;font-size:50px;line-height:50px;} .ind-news .day{font-size:24px;} .ind-news .tit{font-size:20px;} .ind-news .img img{width:100%;} .ind-prolist li:nth-child(even) .img {border-color: #fff;} .ind-prolist li {width: 50%;padding: 20px 0;} .ind-pro-option li .lime{display:none;} .ind-pro-option li{margin:10px;padding:6px 20px;border:solid 1px #ccc;font-size:20px;} .ind-pro-option li.on{border-color:#ff7e00;} .m-head{display:block;} .head-info li i.head-m-menu{width:28px;height: 21px;} .head-m-menu{background-position: -10px -54px;} .m-menu.head-info li{margin-right:4px;} .logo{float:left;margin:10px 0;width:auto;} .logo img{width:130px;} .m-menu.head-info{float:right;padding-top:8px;} .mhead-menulist{position:absolute;top:50px;right:0;z-index:9;width:100%;box-shadow:0 0 20px rgba(0,0,0,.5);display: none;} .mhead-menulist li{overflow:hidden;border-bottom:1px solid #fff;background:#e0e0e0;} .mhead-menulist li a{display:block;padding-left:12px;color:#fff;font-size:14px;line-height:40px;background: #3167a7;} .banner{top:0px;margin-bottom: 0px;} .pd100bf{width:100%;} .main-right{display: none;} .main-left {min-height: 900px;margin-right:0;margin-top: 10px;margin-bottom:30px;} .src {padding: 10px 0;} /* .pro-list-ul li{width:33.3%;} */ .pro-list-ul .tit{margin:5px 0;} .pro-list-ul {width: 33.3%;} .ind-wel .text{width: 100%;} .ind-wel .img{display: none;} .h-whatis {width: 100%;padding-right: 0;} .w-ourmanu {width: 100%;padding-left: 0;} .ind-wel {margin-bottom:0px; top:0px;} /*lgx*/ dd {display:none;} .div1{display: none;} .o_nav li a{padding-left: 30px;} .o_nav li a:hover{background: #4E8AE4;} .t_nav li a{padding-left: 60px;} .t_nav li a:hover{background: #4E8AE4;} .nav-right::after{ content: "\f105"; position: absolute; right: 10px; font-size: 19px; font-family: FontAwesome; } .nav-bottom::after{ content: "\f107"; position: absolute; right: 10px; font-size: 19px; font-family: FontAwesome; } .mhead-menulist ul li div{ padding-left: 26px; } .div1{ display: none; } /*----------------*/ /*++++++ 手机 ++++++++++*/ @media(max-width:750px){ .w80bf{width:100%;} .w70bf{width:100%;} .w60bf{width:100%;} .w50bf{display:inline-block;width:100%;} .w40bf{width:100%;} .w30bf{width:100%;} .w33bf{width:100%;} .w25bt{width:100%;} .w20bt{width:100%;} .ind-title-w{margin-bottom:8px;font-size:20px;} .ind-title-b{font-size:20px;margin-bottom:8px;} .ind-wel .text{font-size:16px;line-height:32px;} section>.index>div{padding:20px 0;} .ind-wel .img{display:none;} .ind-pro-option li{float:left;display:list-item;margin:6px 1%;padding:6px 0;width:48%;font-size:16px;} .ind-prolist li .p-name{margin:10px 0;font-size:18px;} .ind-prolist li .img{padding:10px 20px;} .ind-proshow .stria{margin:0;font-size:16px;} .ind-certi{font-size:16px;} .ind-certi li{padding:6px;} .ind-certi .cont1{margin-top:20px;} .ind-certi .cont2 li{margin-top:10px;} .ind-clients{font-size:16px;} .ind-clients li{margin:10px 0;} .ind-news .img{margin-top:10px;width:100%;} .ind-news .month{margin:6px auto;border-bottom:solid 3px #333;text-align:center;font-size:43px;line-height:42px;} .ind-news .day{font-size:20px;} .ind-news .time{width:104px;height:90px;} .ind-news .info{width:calc(100% - 114px);width:-moz-calc(100% - 114px);width:-webkit-calc(100% - 114px);} .ind-news .top{width:100%;} .ind-news .text{display:none;} .ind-news .tit{height:83px;} .ind-news li{margin:20px 0;} .ind-whychoo li .lime{display:none;} .ind-whychoo li .text span{font-size:18px;} .ind-whychoo li{float:none;overflow:hidden;margin-top:20px;padding:0;width:100%;font-size:14px;} .ind-whychoo .img{float:left;margin-right:6px;width:120px;} .ind-whychoo .img img{width:100%;} .ind-whychoo .text{float:left;width:calc(100% - 126px);width:-moz-calc(100% - 126px);width:-webkit-calc(100% - 126px);text-align:left;} .ind-whychoo li:nth-child(even) .img{float:right;margin-right:0;margin-left:6px;} .foot-top li{width:100%;} .foot-top li>a{display:none;} .foot-top li .tit{display:none;} .our-message .messl ul li{width:98%;} .share i {margin: 10px 5px;} .list-three li{width:100%;padding:20px 13px;} .list-two li{width:100%;padding:20px 13px;} .src ul li{margin-right:12px;} .src{font-size:14px;} .src i{top:-2px;font-size:18px;} .src a::before{right:-12px;} .pl10{padding-left:0;} .pr10{padding-right:0;} .pl20{padding-left:0;} .pr20{padding-right:0;} .ipb10{padding-bottom:10px;} .pt20{padding-top:10px;} .mt20{margin-top:10px;} .mb20{margin-bottom:10px!important;} .pb20{padding-bottom:10px;} .co-title.fz24{font-size:20px;} .co-title.fz20{font-size:18px;} .cont p {margin:6px 0;} .pro-list-ul li{/*width:50%;*/padding:3px;} .pro-list-ul .tit{padding:0 10px;} .pro-list-ul .tip{font-size:12px;padding: 0 2px; top:5px;left: 4px;} .protottom-info .infotit{margin: 10px 0;} .pro-list-ul {width:50%;} .foot-bottom p {line-height:30px;} section>.index>div.ind-wel {padding-left:0px;padding-right: 0px;} .h-whatis .img {margin-top: 10px;margin-bottom: 10px;} .cont .item4{width:50%;} .cont .item3{width:50%;} } /*newlist*/ .alignnone{float: left;} .modern-list-content{width:428px;float:left;padding:0 25px 10px 25px} .time-ago{float: left;margin: 4px 0 0 15px;font-size: 12px;color: #bebebe;} .time-ago span{color:#7f7f7f;} .bf-1{font-family: 'Oswald', sans-serif;margin: 45px 0 0 0; font-size: 20px;font-weight: 400;line-height: 29px;} .bf a{color: #192b33;} .modern-list-content p {padding: 15px 0;} .archive-title{border-bottom:1px #eee solid;position:relative;padding-bottom:4px;margin-bottom:10px} .archives li a{padding:8px 0;display:block} /*.archives li a:hover .atitle:after{background:#ff5c43}*/ .archives li a span{display: inline-block;width:100px;font-size:12px;text-indent:20px} .archives li a .atitle{display: inline-block;padding:0 15px;position:relative} .archives li a .atitle:after{position:absolute;left:-6px;background:#ccc;height:8px;width:8px;border-radius:6px;top:8px;content:""} .archives li a .atitle:before{position:absolute;left:-8px;background:#fff;height:12px;width:12px;border-radius:6px;top:6px;content:""} .archives{position:relative;padding:10px 0} .archives:before{height:100%;width:4px;background:#eee;position:absolute;left:100px;content:"";top:0} .m-title{position:relative;margin:10px 0;cursor:pointer} .m-title:hover:after{background:#ff5c43} .m-title:before{position:absolute;left:93px;background:#fff;height:18px;width:18px;border-radius:6px;top:3px;content:""} .m-title:after{position:absolute;left:96px;background:#ccc;height:12px;width:12px;border-radius:6px;top:6px;content:""}}