@charset "utf-8";
@media only screen and (min-width: 320px) and (max-width: 740px) {
.diamond ul li{width: 48%;}
.diamond ul{justify-content: space-between;} 
}					
@media only screen and (min-width: 741px) and (max-width:1200px) {	
.diamond ul li{margin-right: 0.23rem;width: 23.4%;}
.diamond ul li:nth-of-type(4n){margin-right: 0 !important;}
}
@media only screen and (min-width: 1200px)  {
.diamond ul li{margin-right: 0.23rem;width: 23.5%;}
.diamond ul li:nth-of-type(4n){margin-right: 0 !important;}
}	
.crumbs{background: #000;font-size: 0.16rem;color: #999;font-weight: 600;padding: 5px 0;}
.crumbs a{color: #999;font-weight: 400;}
.content{padding: 0.64rem 0 0.55rem 0;}
.diamond {margin-bottom: 0.16rem;}
.diamond h1{font-size: 0.4rem;font-weight: 900;color: #333;margin-bottom: 0.32rem;}
.diamond h1 .sanjiao{display: inline-block; width: 0;height: 0;
border-left: 0.36rem solid #1891A4;
border-top: 0.2rem solid transparent;
border-bottom: 0.2rem solid transparent;vertical-align:-0.06rem;
position: relative;margin-right: 0.26rem;
}
.diamond h1 .sanjiao::before{
position: absolute;
top: -0.2rem;
left: -0.26rem;
content: "";
display: inline-block; width: 0;height: 0;
border-left: 0.36rem solid #1891A4;
border-top: 0.2rem solid transparent;
border-bottom: 0.2rem solid transparent;
z-index: -20;
}
.diamond h1 .sanjiao::after{
position: absolute;
top: -0.19rem;
left: -0.25rem;
content: "";
display: inline-block; width: 0;height: 0;
border-left: 0.33rem solid #fff;
border-top: 0.19rem solid transparent;
border-bottom: 0.19rem solid transparent;
z-index: -10;
}
.diamond ul{display: flex;flex-wrap: wrap;}
.diamond ul li{margin-bottom: 0.23rem;transition: all 0.6s;}
.diamond ul li img{width: 100%;height: auto;border: 1px solid #1891A4;}
.diamond ul li h3{font-size: 0.2rem;color: #333;text-align: center;}
.diamond ul li:hover{transform: translate(0,-3px);}
.diamond ul li:hover img{box-shadow: 0px 5px 12px 1px rgba(4, 0, 0, 0.1);}
 body,h1,h2,h3,h4,h5,h6,div,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.5 arial,tahoma,\5b8b\4f53}
body{_overflow:auto;_height:100%;margin:0 auto;}
html{_overflow:hidden}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var,i{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul,ol,li,dl,dt,dd{list-style:none}
i{font-style: normal;}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font:12px/1.5 tahoma,arial,sans-serif; vertical-align:middle;cursor:pointer}
table{border-collapse:collapse;border-spacing:0} a{ text-decoration:none;}
a:hover{text-decoration:none;}  html {
font-size: 100px; }		
.qcfd:before,
.qcfd:after {
display: table;
content: " ";
}
.qcfd:after {
clear: both;
}
@media only screen and (min-width: 320px) and (max-width: 740px) {
.bx{width: 80% !important; margin:0 auto;}		 
.header .menu{display: none !important;}
.header{padding: 0.17rem 0;}
.footer .wpcf7,.footer .lxxx{width:100%;}
.footer .lxxx{padding-top: 0.5rem;}
.footer .bx{flex-wrap: wrap;}
.footer{background-size: cover !important;padding-top: 0.5rem !important;}
.lxxx h1{font-size: 0.35rem;color: #fff !important;}
.lxxx .dh .menu{display: none !important;}
.bottom .bx{flex-wrap: wrap;}
.bottom {margin-bottom:52px;}
}					
@media only screen and (min-width: 741px) and (max-width:1200px) {	
.bx{width: 95%; margin:0 auto;}												   
#right-panel-link，.phonefooternav{display: none;}  
.footer .wpcf7{width: 40.84%;}
.lxxx h1{font-size: 0.5rem;color: #fff !important;}
.footer .lxxx{width: 59%;}
.footer{background-size: cover !important;padding-top: 0.5rem !important;}
}
@media only screen and (min-width: 1200px)  {
#right-panel-link,.phonefooternav{display: none;}  
.bx{width: 1200px; margin:0 auto;}
.footer .wpcf7{width: 40.84%;}
.footer .lxxx{width: 59%;}
.lxxx h1{font-size: 0.5rem;}
}	
#right-panel-link{position: fixed;right: 4%;top:0.3rem;z-index: 999999;}
.panel {display: none;width: 240px;background-color: #333;color: #fff;box-shadow: inset 0 0 5px 5px #222;}
#close-panel-bt{margin:20px 0 0 20px;}			
.panel ul li{width: 100%;text-align: center;margin: 14% 0;}
.panel ul li a{color: #FFFFFF;font-size: 16px;}
.panel ul li .erji{background: #3a3a3a;margin-top: 10%;display: none;}
.panel ul li .erji li{padding: 6% 0;font-size: 14px;margin: 0;}
.panel ul li .sanjiao{display: inline-block;width:0;height:0;border-width:5px 5px 0;border-style:solid;border-color:#fff transparent transparent;vertical-align: 2px;margin-left: 5px;}
.header{background: #333;}
.header .logo img{max-width: 1.6rem;}
.header .bx{display: flex;justify-content: space-between; align-items: center;}
.header .menu{display: flex;justify-content: space-between;align-items: center;}
.header .menu li{position: relative;}
.header .menu li a{display: block;font-size: 0.16rem;color: #fff;margin-right: 0.61rem;padding: 0.28rem 0.07rem;}
.header .menu li:hover a{color: #333;background: #fff;}
.header .menu .translate{position: relative;}
.header .menu .translate .tran{border: 1px solid #fff;font-size: 0.16rem;color: #fff;font-weight: bold;padding: 0 0.12rem;}
.header .menu .translate .tran .tsanjiao{display: inline-block;width:0;height:0;border-width:5px 5px 0;border-style:solid;border-color:#fff transparent transparent;vertical-align: middle;}
.translate .lanz li a{font-size:0.14rem;color:#cecece;padding: 0 !important;margin: 0 !important;}
.translate .lanz li:hover a{color:#1891A4;}
.translate .lanz{background:#333;padding: 0.1rem 0.3rem;z-index: 9999999;display: none;position: absolute;top: 100%;left: -0.25rem;}
.translate:hover .lanz{display:block;}
.translate .lanz li{float:none !important;margin-bottom: 0.1rem;}
.footer{background: url(//www.uhddiamondtool.com/wp-content/themes/youdewp/images/footerbg.jpg) no-repeat;background-position: bottom;padding: 0 0 0.72rem 0;}
.footer .bx{display: flex;}
.footer .form{background: #FFFFFF;box-shadow: 0px -5px 14px 1px rgba(4, 0, 0, 0.12);
border-radius: 10px;padding: 0.3rem 0.35rem ;position: relative;}
.footer .inp{position: relative;}
.footer .inp input,.footer .inp textarea{width: -webkit-fill-available;background: #EEEEEE;border: none;margin-bottom: 0.3rem;
box-shadow:inset 0px 3px 8px 0px rgba(0, 0, 0, 0.12);font-size: 0.14rem;color: #333;padding: 0.17rem 0.17rem 0.17rem 0.49rem;
border-radius: 5px;outline-color:#1891A4;}
.footer .inp textarea{height: 1.2rem;}
.footer .inp input::placeholder{font-size: 0.14rem;color: #666;}
.footer .inp i{position: absolute;left: 0.19rem;top: 0.13rem;font-size: 0.2rem;color: #1891A4; }
.footer .form button{width: 1.6rem;text-align: center;background: #1891A4;margin: 0 auto;font-size: 0.14rem;font-weight: bold;color: #fff;border: none;padding: 8px 0;
position: absolute;bottom: -16px;left: 50%;transform: translate(-50%,0);}
.lxxx {width: -webkit-fill-available;}
.lxxx h1{color: #333;position: relative;font-weight: 900;z-index: 999;text-align: right;}
.lxxx h1 div{width: 33%;height: 0.1rem;background: #1891A4;position: absolute;bottom: 0.15rem;right: 0;z-index: -1;}
.lxxx .ms{font-size: 0.18rem;color: #666;line-height: 0.36rem;text-align: right;padding-left: 0.5rem;margin-bottom: 0.21rem;}
.lxxx .dh{padding: 0.34rem 0 0 0;}
.lxxx .dh .footerlogo{margin: 0 auto;display: block;width: 1.06rem;height: auto;}
.lxxx .dh h2{font-size: 0.2rem;color: #fff;font-weight: 900;text-align: center;margin: 0.14rem 0 0.41rem 0;}
.lxxx .dh .menu{display: flex;justify-content: space-between;align-items: center;padding-left: 0.3rem;}
.lxxx .dh .menu li a{font-size: 0.18rem;color: #fff;}
.lxxx .dh .menu .shu{height: 0.19rem;width: 2px;background: #FFFFFF;}
.lxxx .dh .menu li:hover a{color: #1891A4;}
.lxxx .dh .xq{width: 80%;height: auto;display: block;margin: 0.33rem 0;}
.lxxx .dh .lxfs {padding-left: 0.3rem;}
.lxxx .dh .lxfs li{display: flex;margin-bottom: 0.2rem;}
.lxxx .dh .lxfs li i{font-size: 0.17rem;color: #fff;margin-right: 0.12rem;}
.lxxx .dh .lxfs li a{font-size: 0.16rem;color: #FFFFFF;}
.bottom{background: #000;padding: 0.17rem 0;}
.bottom .bx {display: flex;justify-content: space-between;align-items: center;}
.bottom .copy{font-size: 0.12rem;color: #999;}
.bottom .follow{font-size: 0.14rem;color: #fff;}
.bottom .follow a{line-height: 26px;display: inline-block;margin-left: 0.1rem;color: #fff;
width: 26px;height: 26px;font-size: 0.17rem;text-align: center;border-radius: 100%;background: #4d4d4d;}
.bottom .follow a:hover{background: #1891A4;}
.phonefooternav {position: fixed;bottom: 0;width: 100%;z-index: 99999;}
.phonefooternav ul{display:flex;}
.phonefooternav ul li {width: 33.4%;background: #494949;}
.phonefooternav ul li:nth-of-type(2){border-left: 1px solid #666;border-right: 1px solid #666;}
.phonefooternav ul li a {display: block;color: #fff;text-align: center;padding: 14px 0;}
.phonefooternav ul li a i{margin-right: 5px;vertical-align: -2px;}     
.top2{position:fixed;bottom:60px;right:7px;cursor:pointer;}
.screen-reader-response ul,.wpcf7-response-output{display: none !important;}
.screen-reader-response p{color: #1891A4;}
.crumbs-right i{margin-right: 9px;}
.header .menu li:hover .xia{display: flex;}
.xia{display: none;background: #fff;position: absolute;left: -3.9rem;top: 100%;box-shadow: -2px 0px 7px 0px rgba(0, 0, 0, 0.3);
padding: 0.49rem 0.35rem;width: 8.5rem;justify-content: space-between;z-index:999999;}
.xia .xia1 h3{font-size: 0.2rem;font-weight: 600;color: #333;margin-bottom: 0.2rem;padding-bottom:0.13rem;border-bottom: 3px solid #1891A4;}
.xia .xia1 h3 a{margin:0 !important;padding:0 !important;}
.xia .xia1 h3:hover a{color: #1891A4;}
.xia .xia1{width:3.8rem;text-align: center;}
.xia .xia1 ul li{float:none;font-size: 0.16rem;margin-bottom: 0.12rem;width:100%;}
.xia .xia1 ul li a{color: #333;display: block;padding:0 !important;margin: 0 !important;}
.xia .xia1 ul li:hover a{color: #1891A4;}@font-face {
font-family: "iconfont"; src: url(//www.uhddiamondtool.com/wp-content/themes/youdewp/font/iconfont.woff2?t=1656487930530) format('woff2'),
url(//www.uhddiamondtool.com/wp-content/themes/youdewp/font/iconfont.woff?t=1656487930530) format('woff'),
url(//www.uhddiamondtool.com/wp-content/themes/youdewp/font/iconfont.ttf?t=1656487930530) format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-whatsapp:before {
content: "\e8ea";
}
.icon-fangzi:before {
content: "\e60f";
}
.icon-linkedin:before {
content: "\e697";
}
.icon-facebook:before {
content: "\e6e5";
}
.icon-pinterest:before {
content: "\e698";
}
.icon-liaotian:before {
content: "\e60e";
}
.icon-dizhi:before {
content: "\e608";
}
.icon-shouxie:before {
content: "\e604";
}
.icon-liuyanban-05:before {
content: "\e630";
}
.icon-guojiapitchon:before {
content: "\e625";
}
.icon-youxiang:before {
content: "\e606";
}
.icon-24gf-telephone:before {
content: "\e96c";
}
.icon-xingming1:before {
content: "\e605";
}
.icon-wangzhi:before {
content: "\e607";
}
.icon-gengduo:before {
content: "\e62d";
}
.icon-xialajiantouxiao:before {
content: "\e87e";
}