/* CSS Document */
@import url(font-awesome/css/font-awesome.min.css);

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family:Arial,Helvetica,sans-serif; font-size:13px; color:#4c4c4c; line-height:20px;  background: #E6E6E6;}
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; color:#4c4c4c;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
a:hover {	color:#4c4c4c; text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.main-Box, .top-Box, .menu-Box, .search-Box, .banner-Box, .content-Box, .content2-Box, .footer-Box, .copyright-Box { max-width:1000px; margin:0 auto; text-align:left; position:relative; clear:both;}

.after-0:after { clear:both; display:block; content:""; height:0; text-indent:-99999px;}
.after-5:after { clear:both; display:block; content:""; height:5px; text-indent:-99999px;}
.after-10:after { clear:both; display:block; content:""; height:10px; text-indent:-99999px;}
.after-15:after { clear:both; display:block; content:""; height:15px; text-indent:-99999px;}
.after-20:after { clear:both; display:block; content:""; height:20px; text-indent:-99999px;}

#gotop { display: none; position: fixed; right:25px; bottom:25px; cursor: pointer; }
#gotop a { display:inline-block; width:30px; height:30px; border-radius:100%; padding-top: 7px; padding-left: 8.4px;color:#fff; opacity:0.5;  filter: alpha(opacity=50); background:#000;}
#gotop a:hover { color:#fff; opacity:1;  filter: alpha(opacity=80);}

.top-Box {padding-top:31px; background: #FFF;}
.logo { position:relative; z-index:99999; float:left; padding-left:10px;}


.banner-Box { line-height:0;margin-top: 48px;}
.banner-Box img { max-width:100%;}
.content-Box { padding-top:38px;background: #FFF;}
.left-box { float:left; width:170px; padding:0 0 0 10px;font-weight:bold;background: #FFF; }
.left-top { font-size:22px; color:#000000; padding-bottom:15px;}
.left-back { color:#464646 !important; font-size:15px !important; display:block; padding-bottom:15px; padding-left:0px !important; background:none !important;}
.left-back i { font-size:30px; display:inline-block; padding-right:8px; vertical-align:middle;}
.left-back:hover { color:#d42d3f;}
.side_classLink { padding:0px 0 0px 10px; }
.side_classLink ul { }
.side_classLink ul li { }
.side_classLink ul li a{ display:block; padding-bottom:10px; color:#4c4c4c; letter-spacing:0.5px ; font-size:13px; padding-left:13px; background:url(../images/icon01.png) no-repeat 0px 8px;}
.side_classLink ul li a:hover, .side_classLink ul li a.current { color:#d42d3f;}
.side_classLink ul li.current02{ display:none; }
.side_classLink ul li .menu_body{ margin-left:15px; }
.side_classLink ul li .menu_body a{ background-image: none; }
.side_classLink ul li .menu_body a.current,.side_classLink ul li .menu_body a:hover{ background-image: url(../images/arrow.png);padding-top: 4px; }
.m_classLink{ display:none;}

.right-box { float:left; width:calc(100% - 170px); padding:0 0px 0 30px;background: #FFF;}
.right.box.a ul li{list-style: disc;margin-left:18px;}
.right.box.a ul, .faq-content ol {padding:12px 0;}
.right.box.a ol li{list-style: decimal;margin-left:18px;}
.right-box h2 { padding-bottom: 5px;line-height: 1.5;}
.right-box p { padding-bottom:20px;}
.right.box.a {  font-size: 15px; letter-spacing: 0.5px; margin: 0 30px 40px 30px; line-height: 22px;}
h1 { font-size:20px; font-family:Helvetica, Arial, sans-serif; letter-spacing:0.5px; padding-bottom:15px; font-weight: 700; }
.path { padding-bottom:20px; }
.path a { font-size:13px; color:#696969;}
.path a:hover { color:#000;}

.pro-list01 { padding-top:10px; display: flex; flex-flow: wrap;}
.pro-list01 li {  width:27.5%;display:inline-block; margin:0 5px 15px 3.206%!important; border:1px solid #e9e9e9; text-align:center; position:relative; z-index: 1; vertical-align: top; background: #f4f4f4;}
.pro-link { position:absolute; top:10%; left:27%; width:80px; height:80px; display:inline-block; text-align:center; line-height:80px; border-radius:100%; background:rgba(212,45,63,.9); color:#fff; font-size:40px; z-index:9; visibility:hidden; opacity:0;  filter: alpha(opacity=0);
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.pro-list01 li a:hover span{ color:#d42d3f; }
.pro-list01 li a:hover .pro-link { top:25%; opacity:1;  filter: alpha(opacity=100); visibility:visible;}
.pro-list01 li a:hover img { opacity:0.4;  filter: alpha(opacity=40)}
.pto { padding:12px;    height: 185px; background: #fff;}
.pto img { max-width:100%; opacity:1;  filter: alpha(opacity=100)
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.pro-list01 li span { display:block; text-align:center; background:#f4f4f4; color:#4c4c4c; font-size:12px; font-weight:bold; padding:5px 10px; width:100%; min-height: 50px;}


.fix{ text-align: center;}
.fix:before{ display: inline-block; width: 0px; height: 100%; vertical-align: middle; content: ' ';}
.fix img,.fix p{ display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; box-sizing: border-box;}

.page { text-align:center; padding:0 0 15px 0;}
.page a { display:inline-block; padding:0 5px 3px 5px; font-size:14px; letter-spacing:0.5px;}
.page a:hover, .page a.current { color:#037091;}

.pto-center { text-align:center;}
.pto-center img { max-width:100%;}
.pto-data { padding:20px 0; letter-spacing:0.5px; line-height:22px;}
.pto-data strong { font-size:15px; letter-spacing:0.5px;}
.pto-data li{
	list-style: disc;
	list-style-position: inside;
}

.pro-box { }
.pro-b { float:left; width:50%; padding-right:20px; text-align:center;}
.pro-b img { max-width:100%;}
.pro-b-img { }
.pro-b-img img { }
.rslides_tabs { padding-top:10px;}
.rslides_tabs li { display:block; float:left; width:25%; padding:0 3px;}
.rslides_tabs li a img { border:1px solid #e8e8e8; width:100%;}

.pro-content { float:left; width:50%; }
.pro-content p { color:#383838; font-size:13px; letter-spacing:0.5px;}
.pro-content .short-descs{ padding:10px 0;font-size:14px; line-height: 20px; }

.btn-box { padding:50px 0 10px 0; }
.btn-box a { display:block; border-bottom:1px solid #ebebeb; padding:16px 10px; text-transform:uppercase; color:#aaaaaa; font-size:14px;}
.btn-box a.btn-inquiry { color: #d42d3f; }
.btn-box a:hover { color:#464646; }
.btn-box a:before { display:inline-block; padding-right:35px; font-size:26px; vertical-align:middle;}

.products_show_name { border-bottom:2px solid #e4e4e4; padding:0 5px; line-height:35px; margin-bottom:20px;}
.products_show_name span { padding:10px 14px; color:#fff; font-size:14px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; background:#d42d3f;}

.content-Box:after,  .content-Box:before {
    content: "";
    display: table;
}

.content-Box:after {
    clear: both;
}

.products_show_introduction ul li, .pto-data ul li, .news_show ul li, .right.box.a ul li {list-style: disc;margin-left:25px;}
.products_show_introduction ul, .products_show_introduction ol, .pto-data ul, .pto-data ol, .news_show ul, .news_show ol, .right.box.a ul, .right.box.a ol {padding:12px 0;}
.products_show_introduction ol li, .pto-data ol li, .news_show ol li, .right.box.a ol li {list-style: decimal;margin-left:25px;}
.products_show_introduction h2, .pto-data h2, .news_show h2, .right.box.a h2 {font-size: 187.5%; font-weight: 600; color: rgba(245,50,64,1); line-height: 2;}
.products_show_introduction h3, .pto-data h3, .news_show h3, .right.box.a h3 {font-size: 175%; font-weight: 600; color: rgba(245,50,64,0.9); line-height: 2;}
.products_show_introduction h4, .pto-data h4, .news_show h4, .right.box.a h4 {font-size: 162.5%; font-weight: 600; color: rgba(245,50,64,0.8); line-height: 2;}
.products_show_introduction h5, .pto-data h5, .news_show h5, .right.box.a h5 {font-size: 150%; font-weight: 600; color: rgba(245,50,64,0.7); line-height: 2;}
.products_show_introduction h6, .pto-data h6, .news_show h6, .right.box.a h6 {font-size: 137.5%; font-weight: 600; color: rgba(245,50,64,0.6); line-height: 2;}

/* datatable */
.datatable { margin:5px auto 20px auto; background-color: #000; width:97%; }
.datatable th { color: #FFF; padding:5px; background-color: #000000; font-weight:normal; font-size:14px; text-align:center;}
.datatable td { color: #303030; padding:5px; background:#fff; text-align:center; }
.datatable td img { }
.align-l { text-align:left !important;}

.products_show_introduction table {border-collapse: collapse;}
.products_show_introduction td { border: 1px solid #BCBCBC!important; padding: 10px;}

.owl-item { text-align:center; padding:0 10px;}
.item { background:#f4f4f4; border:1px solid #e9e9e9;}
.item .list01-pto{width:100%;height:190px;font-size:0}
.item .list01-pto:before{content:'';display:inline-block;width:0;height:100%;vertical-align: middle;text-align: center;}
.item img {max-width: 100%;max-height: 100%;vertical-align: middle}
.item img:hover { }
.item span { color:#333; font-size:13px; padding:5px 5px; display:block; text-align:center;height: 50px; }

.back-box { text-align:center; padding:20px 0 25px 0; margin-top: 50px;}
.back { display:inline-block; padding:3px 20px; background:#000; color:#fff; text-align:center; text-transform:uppercase; border-radius:5px;}
.back:hover { background:#515151; color:#fff; padding:3px 30px;}

/* Our service */
.os-01{
	max-width: 680px;
	margin: 0 0 3% 0;
	}
.os-01 p { padding-bottom: 10px !important;}
.os-t {
	font-size: 16px;
    font-weight: bold;
    color: #29166F;
	padding-bottom: 6px !important;

	}

.switch{ display: none; }

.title-style{font-size: 22px; color: #0c2342;text-align: center;font-weight: bold;padding: 0!important;}
.title-style span{color: #ff3131;}
.mortise-img{line-height: 0;}
.mortise-txt{text-align: center;}
.mortise-txt > div{font-size: 20px;font-weight: bold;color: #0c2342;}
.mortise-box{}
.mortise-box .mortise-box-title{font-size: 22px;color: #0c2342;font-weight: bold;text-align: center;}
.mortise-box .mortise-box-content .mortise-box-item{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.mortise-box .mortise-box-content .mortise-box-item .mortise-box-img{width: 47%;display: flex;justify-content: center;align-items: center;margin-right: 3%;}
.mortise-box .mortise-box-content .mortise-box-item .mortise-box-txt{width:50%;padding-right: 2%;}
.mortise-box .mortise-box-content .mortise-box-item .mortise-box-txt > div{font-weight: bold;color: #4c4c4c;font-size: 15px;}

.cy-box .cy-title{font-size: 15px;font-weight: bold;text-align: center;}
.cy-box .cy-box-content{display: flex;flex-wrap: wrap;justify-content: center;}
.cy-box .cy-box-content .cy-box-item{width: 222px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;border: 1px solid #000000;padding: 15px;}
.cy-box .cy-box-content .cy-box-item:nth-child(1){margin-right: 25px;}
.cy-box .cy-box-content .cy-box-item .cy-box-txt{margin-bottom: 20px; text-align: center;font-weight: bold;}
.cy-box .cy-box-content .cy-box-item .cy-box-img{line-height: 0;font-size: 0;}

.table-box{width: 100%;max-width: 680px;margin: 0 auto;}
.table_scroll2{overflow-x: auto;}
.table_scroll2 > table{min-width: 540px;}
.datatable2 th{background: #d42d3f;color: #fff;text-align: center;padding: 14px 10px 14px 10px;line-height: 140%;}
.datatable2 td{text-align: center;line-height: 140%;}
.datatable2 tbody tr:nth-child(2n+2){background: #F5F5F5;}
.datatable2 tbody tr td:nth-child(3){text-align: left;}
.datatable2 img{height: 70px;}

@media only screen and (max-width:1005px) {
	body {	background: #FFF; }

}

@media only screen and (max-width:830px) {
#content {	    margin-top: 48px; }
.switch{ display: block; }

}

.side_classLink .menu_body{
	display: none;
}
.side_classLink ul li.active > .menu_body{
	display: inline-block;
}

@media only screen and (max-width: 768px) {
.content-Box { padding-top:0;}
.left-back { padding-top:5px; padding-bottom:5px;}

.left-box { width:100%; display:block; padding:0 0 0px 0;}
.right-box { width:100%; display:block; padding:35px 15px 20px 15px;}
.pro-search { background:#313131; padding:15px 10px 0 10px; margin-bottom:0;}
.left-top { display:none;}
.side_classLink { display:none;}
.title01, .left-box-top { display:none;}
.m_classLink{ display:block; position:relative;}
.m_classLink a.main{ display:block; font-size:18px; font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace; position:relative; padding: 12px 10px 14px 10px; color:#fff; text-align:left; cursor:pointer;
background: linear-gradient(90deg, #141414 0%, #313131 100%);
background: -moz-linear-gradient(90deg, #141414 0%, #313131 100%);
background: -webkit-linear-gradient(90deg, #141414 0%, #313131 100%);
background: -o-linear-gradient(90deg, #141414 0%, #313131 100%); }
.m_classLink a.main i{ display:block; font-size:20px; position:absolute; right:10px; top:50%; margin-top:-11px; color:#fff; font-style:normal; font-family:FontAwesome;}
.m_classLink ul{ display:none; width:100%;  position:absolute; z-index:999; margin-top:1px; background:#fff; border: 1px solid #CCC;}
.m_classLink ul li { border-bottom: 1px dashed #999;; display:block; margin:4px 0; padding:0 10px;}
.m_classLink ul li a { display:block; letter-spacing:1px; color:#4c4c4c; font-weight:bold; font-size:15px; padding:8px 10px; margin: 4px 0; }
.m_classLink ul li a:hover, .m_classLink ul li a.current { color:#d42d3f;}
.m_classLink ul li.current02{ display:none; }

.dorint img {width:35%;}

.right.box.a {  margin: 0 10px 40px 10px; }
.about-pic-bottom { text-align: center; }
}



@media only screen and (max-width: 640px) {
.pro-list01 { text-align:center;}
.pro-list01 li {width: calc(50% - 20px); margin: 0 10px 20px 10px!important;}
.pto {position: relative; z-index: 1; height: 0; padding-bottom: 100%;}
.pto img {position: absolute; top: 50%; left: 50%; display: block; width: 100%!important; height: 100%!important; object-fit:cover; transform:translate(-50%,-50%); transition: all 0.5s ease 0s;}
}
@media only screen and (max-width: 570px) {
.btn-box { padding-top:0;}
.pro-b, .pro-content { float:none; width:100%; padding:0 0 20px 0;}
.dorint img {width:45%;}
	
.cy-box .cy-box-content .cy-box-item{width: 184px;}
.cy-box .cy-box-content .cy-box-item:nth-child(1){margin-right: 10px;}
}

@media only screen and (max-width: 430px) {

.mortise-box .mortise-box-content .mortise-box-item .mortise-box-img{width: 100%;margin:0 0 20px 0;}
.mortise-box .mortise-box-content .mortise-box-item .mortise-box-txt{width: 100%;}
.cy-box .cy-box-content{flex-direction: column;align-items: center;}
.cy-box .cy-box-content .cy-box-item{width: 222px;}
.cy-box .cy-box-content .cy-box-item:nth-child(1){margin: 0 0 20px 0;}

}

@media only screen and (max-width: 414px) {

.dorint img {width:55%;}

}

@media only screen and (max-width: 350px) {
.pro-list01 li {width: 100%; margin: 0 auto 20px auto!important;}

}