@charset "utf-8";
/**
 * YZMCMS 内容管理系统
 * @author           袁志蒙  
 * @license          http://www.yzmcms.com
 */
/* CSS Document */

*{padding:0px;margin:0px;box-sizing:border-box;}
body{font-size:14px;font-family:Tahoma,Arial,sans-serif;line-height:22px;background:#f8f8f8;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0px;padding:0px;}
table{border-collapse:collapse;}
a,img{border:0;}
ol,ul{list-style:none}
a{color:#666;text-decoration:none;}
a:hover{color:#ff6600;}
/* .clearfix{clear:both;width:0px;height:0px;overflow:hidden;} */
.pic{line-height:0px;}

/* 网站容器 */
.yzm-container{margin:auto;width:100%;max-width:640px;background:#fff;padding-top: 50px;}

/*网站头部 */
.yzm-header{background:#fff;margin-bottom:10px;position:fixed;top: 0;left: 0;right:0;z-index:200;width: 100%;max-width:640px;margin:0 auto; border-bottom: solid 1px #ddd;}
.yzm-header img{height:40px;cursor:pointer; margin-top: 10px; margin-bottom: 10px;}
.yzm-header h2 img{ height: 40px;}
.yzm-header h1,.yzm-header h2{width:70%;line-height:40px;font-size:18px;color:#fff;text-align:center;margin:0 auto;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.yzm-menu{float:right;margin-right:2%;}
.yzm-search{float:right;margin-right:3%}

.yzm-nav {position:relative;height:100%;overflow: auto;z-index: 2; background-color: #ff6600;}
.yzm-nav ul{ line-height: 40px;}
.yzm-nav ul li{ position: relative;}
.yzm-nav ul li a { display: block; padding: 0 20px; color: #fff; text-decoration: none;transition:all 0.5s}
.yzm-nav ul li>ul{
    padding-left: 10px;
    display: none;
}
.yzm-nav li span,.yzm-nav li > ul li span {
    position: absolute;
    color: #fff;
    right: 20px;
    top: 0;
    /* transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -moz-transform:rotate(90deg); 
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg); */
}
.yzm-nav li.curNav > span,.yzm-nav li > ul li.curNav > span{
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg); 	/* IE 9 */
    -moz-transform:rotate(-90deg); 	/* Firefox */
    -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
    -o-transform:rotate(-90deg);
}
.yzm-nav ul li>ul>li>ul{
    display: none;
}
.yzm-nav ul li a:hover,.yzm-nav ul li .current { background-color:#ff6600}
.yzm-search-form{padding:10px 0;text-align:center;background:rgba(0,0,0,.3);display:none}
.yzm-input{height:30px;line-height: 30px;border-radius: 3px;border:1px solid #bbb;outline: none;width:60%;padding:5px 10px;font-size: 12px;background:#fff}
.yzm-submit{border:none;background:#ff6600;color:#fff;height:30px;line-height:30px;width:80px;text-align:center;cursor:pointer;border-radius: 3px}

.yzm-back{height:35px;width:35px;position:fixed;bottom:50px;right:10px;z-index:999}
.yzm-back a{display: table-cell;vertical-align:middle;text-align: center;height:35px;width:35px;background:#ff6600;}
.yzm-back img{height:25px;width:25px;vertical-align:middle;}

.banner{position:relative}
.banner .owl-pagination{position:absolute;left:0;right:0;bottom:0}
.banner .owl-theme .owl-controls .owl-page span{width:20px;height:2px;border-radius:0}
.banner .owl-theme .owl-controls .owl-page.active span,.banner .owl-theme .owl-controls.clickable .owl-page:hover span{background:#ff6600;}
.container{ width: 100% !important;}
.main .title{margin-top:10px; display: flex;flex-direction: row; align-items: center; justify-content: space-between;}
.main .title h3{font-size:16px;color:#333;font-weight:100;display:inline-block;position:relative}
/*.main .title h3:after{content:'';display:inline-block;position:absolute;left:0;right:0;height:2px;bottom:-8px;background:#1d589e}
*/.main .title a.more{float:right;color:#666;font-size:14px;}
.projects{overflow: hidden;  background: #292929;}
.projects .projects-box{position: relative;}
.projects .projects-box img{ width: 100%;}
.projects-box-bg{}
.projects-box-bg h3{ color:#ff6600; font-size: 30px; margin-top: 20px; }
.projects-box-bg .text{color:#CCCCCC; font-size: 18px; margin-top: 20px; line-height: 24px; margin-bottom: 20px;}
.projects-box-bg:hover .projects-box-img{-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08);}
.projects-box-list{}
.projects ul li{transition:all .36s ease;position:relative;cursor:pointer; margin-bottom: 15px; overflow: hidden;}
.projects ul li div{
    overflow: hidden;
}
.projects ul li::after{position: absolute;top: 0;right:15px; display: block; left: 15px; height: 100%;content: ""; -webkit-transition: all .2s cubic-bezier(.42,0,.58,1);transition: all .3s cubic-bezier(.42,0,.58,1);color: #eadfdf; z-index: 0;background-color: rgba(62,180,94,.84);}
.projects ul li:nth-child(5n+1):after{
    background-color:rgba(255,108,0,.7);
}
.projects ul li:nth-child(5n+2):after{
    background-color:rgba(0,255,228,.7);
}
.projects ul li:nth-child(5n+3):after{
    background-color:rgba(129,255,13,.7);
}
.projects ul li:nth-child(5n+4):after{
    background-color:rgba(118,0,255,.7);
}
.projects ul li:nth-child(5n):after{
    background-color:rgba(255,0,159,.7);
}
.projects ul li:hover::after {  right: 15px; left: 15px; }
.projects ul li .item-wrapper{ position: absolute; width: 100%; padding: 3%;text-align: center; z-index: 1;    text-align: center; z-index: 1; height: 100%;top: 0;display: flex;justify-content: center;align-items: center;}
.projects ul li .item-wrapper h3{font-size:14px; opacity: 1;transition: all .36s ease;color: #fff;line-height:20px; font-weight: normal;}
.projects ul li .item-wrapper .subtitle { display: none; transition: all .36s ease;color: #fff;font-size: 14px;line-height: 22px; height: 26px;    margin-top: -26px;opacity: 1;}
.projects ul li:hover .item-wrapper h3{margin-top: 10px;opacity: 1;} 
.projects ul li:hover .item-wrapper .subtitle { margin-top: 10px;opacity: 1;} 
.projects ul li .thumb{position:relative; margin-bottom: 0;}
.projects ul li .thumb .url-btn{position:absolute;bottom:0;left:0;height:100%;right:0;background:rgba(0,0,0,.6);transition:all .36s ease;opacity:0}
.projects ul li .thumb .url-btn p{position:absolute;top:50%;margin-top:-25px;left:0;right:0;text-align:center}
.projects ul li .thumb .url-btn p a{display:inline-block;width:50px;height:50px;border-radius:50%;overflow:hidden;background:#fff;margin:0 10px;text-align:center;line-height:50px}
.projects ul li img{max-width:100%;transition:all .36s ease}
.projects ul li h4{font-size:14px;line-height:24px;color:#000;padding:20px 10px;font-weight:400;position:relative;z-index:1}
.projects ul li h4:after{content:'';background:#1d589e;display:inline-block;position:absolute;left:0;top:0;bottom:0;width:0;transition:all .36s ease;z-index:-1}
.projects ul li:hover .thumb{position:relative}
.projects ul li:hover .thumb .url-btn{opacity:1}
.projects ul li:hover h4{color:#fff}
.projects ul li:hover h4:after{width:100%}
.projects ul li:hover img{-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}
.why{ padding: 0 0 20px; background: #f5f5f5;}
.why-box{ padding-top: 10px;}
.why-box li{ position: relative; cursor: pointer;}
.why-box li h3{ position:absolute;transition:all .36s ease; left: 15px; right: 15px; top: 50%; margin-top: -20px; background: rgba(0,0,0,.8); line-height:40px;color: #fff; text-align: center; font-size:16px; height: 40px; overflow: hidden;}
.why-box li:hover h3{ top: 0; margin-top: 0; bottom: 0;  height: auto; line-height: 80px; padding-top: 5%;}
.why-box li h3:after{display: none; transition:all .36s ease; content: '\e60e';font-family:iconfont; font-size: 30px; position: absolute; left: 45%; display:block; margin: 5px auto; height:50px; width: 50px; background: #ff6600; border-radius: 50%; overflow: hidden; text-align: center; line-height: 50px;}
.why-box li:hover h3:after{ margin-top: 0px;}
.why-box li .thumb{ overflow: hidden;}
.why-box li .thumb img{ width: 100%;transition:all .36s ease;}
.why-box li:hover .thumb img{-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}
.footer {
	background-size: 100% 100%;
    background: #f6f6f6;
	padding-top: 20px;
}
.footer-li {
	padding-bottom: 10px;
}
.footer-li ul{
    word-break:keep-all ;
}
.footer-li .title {
	font-size: 16px;
	line-height: 45px;
    color: #ff6600;
    font-weight: normal;
}
.footer-li li {
	/* padding-left: 15px;
	background: url(../images/wei-icon.jpg) no-repeat left 20px; */
	padding-top: 5px;
}
.footer-li li a {
	color: #666;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.footer-li li span {
	display: inline-block;
}
.footer-li li p {
	display: inline;
}
.copy {
	text-align: center;
	background: #333;
	color: #fff;
	line-height: 30px;
	padding: 20px 0;
    margin-top: 20px;
}

@font-face {
    font-family: 'iconfont';  /* Project id 2763281 */
    src: url('//at.alicdn.com/t/font_2763281_cqs1tvqcqra.woff2?t=1629707245016') format('woff2'),
         url('//at.alicdn.com/t/font_2763281_cqs1tvqcqra.woff?t=1629707245016') format('woff'),
         url('//at.alicdn.com/t/font_2763281_cqs1tvqcqra.ttf?t=1629707245016') format('truetype');
  }

  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
a{ color: #ff6600;}
.news-list{ margin-top: 30px;}
.news-list li{ border-bottom:dashed 1px #999; margin:0 0 15px 0; padding:0 0 15px 0;}
.news-list li .col-md-9{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.news-list li:hover .col-md-9{ padding-left:30px;}
.news-list h3{ font-size:16px; margin:0 0 20px 0;  
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.news-list h3 span{ color:#999; font-size:14px; display:inline-block; line-height:30px;}
.news-list p{ line-height:24px; color:#999;}
.news-list p.thumb{ border:solid 1px #ddd; overflow:hidden;}
.news-list p.thumb img{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.news-list li:hover p.thumb img{transform: scale(1.1, 1.1); opacity:0.7;}
/* 前端分页 */
#page{margin:30px 0;font-size:14px;height:30px;line-height:30px;text-align:center}
#page .pageinfo{display: none;}
#page  a{border:1px solid #ddd;background:#fff;color:#808080;padding:5px 11px;margin-left:5px;border-radius:2px;transition:all 0.2s}
#page  a.homepage,#page  a.endpage{ display: none;}
#page  a:hover,#page .curpage{background:#ff6600;color:#fff;text-decoration:none;border:1px solid #ff6600;}
#page .nopage{cursor:not-allowed;}
#page .nopage:hover{background:#fff;color:#808080;border:1px solid #ddd;}

.container_category{ background: #f6f6f6;}
.yzm-title{ display: flex;flex-direction: row; justify-content: space-between;    padding: 20px 0;color: #898989;}
.yzm-title a{ color: #666;}
.content-container{ padding: 30px 0;}
.content-container h1{ margin: 0 0; font-size: 24px;}
.content-info{ margin-top: 15px; color: #666;}
.content_wrapper{ font-size: 16px; line-height: 40px;}
.content_wrapper img{
     width: 100% !important;
}
.content-hr{border-bottom: 1px dotted #d3d3d3; padding: 10px 0 ;margin-bottom: 30px;}

.sidebar{margin-bottom;:30px}
.sidebar h3{background:#666666;line-height:40px;color:#fff;font-weight:400;font-size:16px;padding-left:20px;margin-bottom:0}
.sidebar h6{border-bottom:solid 3px #ff6600;padding:10px 0;margin:0 0 10px 0;color:#ff6600;font-size:24px; text-transform:uppercase; font-weight: bold; }
.sidebar ul{margin-bottom:10px;padding-left:3px;}
.sidebar li{line-height:40px;}
.sidebar li a{font-size:16px;color:#333;margin-left:2px;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}
.sidebar li a:hover{color:#ff6600; padding-left: 10px;}
.sidebar .sub_nav li{padding-left:10px;background: url(../images/wei-icon.jpg) no-repeat left center;}
.sidebar .sub_nav li a{font-size: 14px; color:#666;}
.sidebar .sub_nav li:hover a{color:#ff6600;}

.h30{height: 30px;}
.pic-list P.grid_box,.product-list P.grid_box{position:relative}
.zoom-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:block!important;opacity:1!important;visibility:visible!important;border-radius:0;cursor:pointer;overflow:hidden;-webkit-transition:.55s;-moz-transition:.55s;-o-transition:.55s;transition:.55s}
.zoom-icon:after{position:absolute;display:block;top:50%;left:50%;top:50%;bottom:50%;width:0;height:0;content:"";background:url(../images/plus.png) 50% 50% no-repeat;border-radius:0;z-index:0;-webkit-transition:.45s;-moz-transition:.45s;-o-transition:.45s;transition:.45s}
.zoom-icon:before{position:absolute;left:-50%;top:48%;display:block;margin:0;height:0;width:200%;background:url(../images/bg.png) repeat;content:"";border-radius:0;overflow:hidden;-webkit-transform:rotate(-55deg);-moz-transform:rotate(-55deg);-ms-transform:rotate(-55deg);-o-transform:rotate(-55deg);transform:rotate(-55deg);-webkit-transition:.65s;-moz-transition:.65s;-o-transition:.65s;transition:.65s}
.grid_box a:hover .zoom-icon{-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}
.grid_box a:hover .zoom-icon:before{left:-60%;top:-35%;height:200%;width:200%;-webkit-transform:rotate(-55deg);-moz-transform:rotate(-55deg);-ms-transform:rotate(-55deg);-o-transform:rotate(-55deg);transform:rotate(-55deg);-webkit-transition:.6s;-moz-transition:.6s;-o-transition:.6s;transition:.6s}
.grid_box a:hover .zoom-icon:after{width:44px;height:63px;margin:-31px 0 0 -22px;-webkit-transition:.45;-moz-transition:.45;-o-transition:.45;transition:.45}
.grid_box a:hover .zoom-icon{visibility:visible;border-radius:0;overflow:hidden}
.pic-list h3,.product-list h3{line-height:24px;height:48px;overflow:hidden;text-align:center;font-size:14px;font-weight:400;margin-top:10px}

.p_tabs{margin:20px 0;border-bottom:1px solid #EFEFEF;height:28px}
.p_tabs ul li{float:left;padding:0 30px;margin-left:20px;line-height:28px;background:#EFEFEF}
.p_tabs li{line-height:40px;}

h2.title {font-size: 18px;font-weight: 100;color: #333; text-transform:lowercase;}
.hot-product{}
.design-main { margin: 0 20px;}
.design-main h3{ font-size:16px; line-height:24px; padding:10px 0; color: #666;}
.design-main a{ margin:5px; display:inline-block;}
.owl-controls .owl-buttons div {position: absolute; overflow: hidden;width: 20px;height: 50px;top:40%; margin-top: -25px;text-indent: -999px;background: url(../images/arrow-owl.png) no-repeat center center;background-size: 20px;}
.owl-controls .owl-buttons div.owl-prev {left: -20px;}
.owl-controls .owl-buttons div.owl-next {right: -20px;transform-origin: center center;transform: rotate(180deg);-webkit-transform: rotate(180deg);	-moz-transform: rotate(180deg);}

.contact-form{position:relative;padding-bottom:30px}
.contact-form div{padding:5px 0}
.contact-form span{display:block;font-size:.8125em;color:#7B7C7E;padding-bottom:5px}
.contact-form span label{font-size:18px;font-weight:100}
.contact-form input[type=text],.contact-form select,.contact-form textarea{padding:8px;display:block;width:98%;border:none;outline:0;color:#444;font-size:1.2em;border:1px solid rgba(192,192,192,.31);-webkit-appearance:none}
.contact-form textarea{resize:none;height:120px}
.contact-form input[type=text]:focus,.contact-form textarea:focus{border:1px solid rgba(192,192,192,.72)}
.mybutton{background:#ff6600;padding:12px 32px;color:#fff;font-size:20px;transition:.5s ease;-o-transition:.5s ease;-webkit-transition:.5s ease; border-radius: 30px;border:none;outline:0;cursor:pointer;-webkit-appearance:none}
.mybutton:hover{background-color:#000}
.mybutton:active{background-color:#000}

.news-list-qa{
    border: solid 1px #efefef;
    margin-bottom: 20px;
    padding: 20px;
    overflow: hidden;
    cursor: pointer;
}
.news-list-qa h3{
   font-size: 18px;
   color: #ff6600;
   margin-bottom: 0;
}
.news-list-qa .content{
   display: none;
}
.news-list-qa.show .content{
   font-size: 16px;
   color: #666;
   padding: 15px 0 0 0;
   display: block;
}
.p_info h1.tit{  font-size: 24px; margin-top: 30px;}
.post_contact{
     margin-bottom: 30px;
}
.post_contact .title{
    font-size: 24px;  
    margin-bottom: 30px;
}
.bottom-h{ height: 50px;}
.bottom{background:#333;height:50px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 999;}

.bottom-bar{ display: flex; align-items: center; justify-content: space-between; flex-direction: row; height: 50px;}

.bottom a{ color: #fff; display: inline-block;padding-right: 10px;}

.bottom-tel{ flex: 1; display: flex; flex-direction: row; align-items: center; justify-content: flex-end;}

button.telefono {

    color: #26348c;

    border: none;

    background-color: white;

    padding:0 6px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 16px;

    font-weight: bold;

    margin: 0px 0px;

    border-radius: 18px;

    position: relative;

}

button.telefono a {

    color: #333;

    cursor: pointer;

    padding: 0px 5px;

    font-family: "Ubuntu", sans-serif;

}

#fastassistance {

    text-align: right;

    color: white;

    font-weight: bold;

    display: inline-block;

    line-height: 16px;

    font-family: "Ubuntu", sans-serif;

    margin-left: 20px;

    margin-right: 5px;

}

#fastassistanceimg{ width: 32px;}

.content_wrapper{color: black; line-height: 22px; margin-top: 20px; clear: both; font-size: 16px; }

.fast-wrapper{padding: 20px 100px;}

.content_wrapper .btn-me{font-family: Ubuntu,Helvetica, Arial, sans-serif;

    font-size: 20px;

    padding-left: 20px;

    padding-right: 50px;

	margin-left: auto;

	margin-right: auto;

    background-size: 36px;

    background-color: #25d366;

    background-position: right center;

    background-repeat: no-repeat;

	width: 210px;
    padding: 15px 20px;

	color: #fff;

	border-radius: 18px;

    background-image: url(../images/whatsapp.png);}