@charset utf-8;
/**
  Theme Name: dymco
  Version: 1.0
  Author: ver7
  Author URI: https://ver7.co.jp/
  
*/
/*
CSS RESET
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,input {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}
img {
	border:none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}
ol, ul {
	list-style:none;
}
.clr {
	clear:both;
}
.skip,.noCss {
  position: absolute;
  left: -9999px;
}
.empty-space{
	width: 100%;
	float: left;
	height: 20px;
}
img.img-fullwidth{
	width: 100% !important;

}
#image{height:400px}

#img-fullwidth{height:400px}




img.img-responsive{
	margin-left: auto !important;
	margin-right: auto !important;
}
.aligncenter{
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}
.alignleft{
	float: left !important;
}
.alignright{
   float: right !important;
}
.aligncenter, 
.center-block{
	margin-left: auto !important;
	margin-right: auto !important;
}
a{
	color:#333333;
    transition: all 0.2s ease;
    text-decoration: none;
}
a:link,a:visited{
	color:#333333;
}
a:hover,a:active{
	color: #008bff;
}
/*back to top*/
#BackToTop {
	float:left;
    color:#fff;
    background: #5d5d5d;   
    width: 51px;
    height: 51px;
    text-align: center;
	position:fixed;
	z-index:9999;
	right:30px;
	bottom:58px;
    display:none;
    line-height: 51px;
    font-size: 30px;
}
#BackToTop a{
    width: 100%;
    height: 100%;
    float: left;
    display: block;
    color: #fff;
    text-decoration:none;
}
#BackToTop a:hover{}
a span b{
	font-weight: normal;
}
html {
	overflow-y: scroll;
	overflow-x: hidden;
}

body{
	font-size:16px;
	line-height:1.5;
	color:#2d2d2d;
	font-family: "SimHei", sans-serif;
	background: #fff;
	min-width: 320px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body ::selection {
	color:#fff;
	background-color:#015eac;
}	
#header{
	width: 100%;
	float: left;
	position: relative;
	z-index:99999;
	border:none;
	background:#fff;
	padding: 20px 0 20px 0;
}
#header .info{
	font-size: 16px;
	line-height: 40px;
}
#header .info .tels {
    float: left;
}
#header .info .tel {
    margin-right: 15px;
}
#header .info .wechat{
	padding: 0 10px;
	position: relative;
	cursor: pointer;
}
#header .info .wechat-1{
	padding-left: 20px;
}
#header .info .wechat-2{
	padding-right: 20px;
}
#header .info .wechat .qrcode{
	position: absolute;
    top: 30px;
    left: -20px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    display: none;
}
#header .info .wechat .qrcode:before{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #ffffff transparent;
	
	content: '';
	position: absolute;
	left: 45px;
    top: -5px;
}
#header .info .wechat:hover .qrcode{
	display: block;
}
#header .info .wechat .qrcode img{
	width: 162px;
	height: auto;
}
.navbar-toggle {
	border-color: #015eac;
	margin: 0 15px 0 15px;
}
.navbar-toggle .icon-bar {
	background-color:#015eac;
}
.navbar-toggle:hover,
.navbar-toggle:focus {
	border-color:#fff;
	background: #015eac;
}
.navbar-toggle:hover .icon-bar,
.navbar-toggle:focus .icon-bar {
	background-color:#fff;
}
.navbar-header{
	width: 100%;
}
.navbar-brand {
	padding: 0;
	margin: 0;
	float: none;
}
.navbar-brand img{
	height: 40px;
	width: auto;
}
.navbar-brand:hover img {
	opacity: 0.8;
}
#navgation{
	background: #015eac;
	min-height: 0;
	position: relative;
	z-index: 999;
	border:none;
}
.navbar{
	border-radius: 0;
	margin-bottom: 0;
	transition:all 0.5s ease;
}
.navbar-default .navbar-nav.navbar-center {
    position: relative;
    left: 50%;
    transform: translatex(-50%);
}
.navbar-default .navbar-nav > li{
	margin:0px 5px 0 0;
}
.navbar-default .navbar-nav > li > a {
	padding: 0px 40px;
	margin: 0;
	color: #fff;
	line-height: 50px;
	height:50px;
	font-size:16px;
	text-decoration:none;
	background: none;
	transition:all 0.4s ease;
}
.navbar-default .navbar-nav .dropdown .caret{
	display:none;
}
.navbar-brand {
	font-size: 36px;
	line-height: 50px;
	color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
	color: #fff;
	background:#028cff;
}
.navbar-default .navbar-nav .dropdown-menu {
	background: #f1f1f1 !important;
	transition:all 0.3s ease;
	border: 0;
	padding: 0 0 0 0;
	left: 0;
	min-width: 180px;
	border-radius: 0;
}
.navbar-default .navbar-nav .dropdown-menu:hover {
	background-color: #333;
}
.navbar-default .navbar-nav .dropdown-menu > li{
	
}
.navbar-default .navbar-nav .dropdown-menu > li > a {
	padding: 0px 40px;
	height: 70px;
	line-height: 70px;
	color: #000;
	transition:all 0.4s ease;
	font-size: 16px;
}
.navbar-default .navbar-nav .dropdown-menu > li:hover > a, 
.navbar-default .navbar-nav .dropdown-menu > li:focus > a, 
.navbar-default .navbar-nav .dropdown-menu > li.active > a{
	color: #000;
	background:#e8f7fe;
	text-indent:8px;
}
.navbar-default .navbar-nav .dropdown-menu > li:last-child a{
	border-bottom:none;
}
.navbar-default .navbar-nav .dropdown-menu > li:last-child .dropdown-menu a{}
.navbar-default .navbar-nav .dropdown-menu > li:last-child .dropdown-menu li:last-child a{
	border-bottom:none;
}
.navbar-default .navbar-nav .dropdown-menu > li.divider {
	background-color: transparent;
}
.navbar-collapse, .navbar-default .navbar-form {
	border-top: 0;
	padding-bottom: 0;
}
.navbar-default .navbar-nav .dropdown-menu .dropdown-menu{
	left: 100%;
	top:-2px;
	min-width: 280px;
}
/*main*/
.one-section{
	width: 100%;
	float: left;
}
.section-tb{
	padding: 60px 0 60px 0;
}
.ss-title{
	width: 100%;
	float: left;
	color: #333;
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	margin: 103px 0 153px 0;
	text-transform: uppercase;
}
.ss-title span{
	position: relative;
	padding: 0 0 10px 0;
}
.ss-title span:before{
	content: '';
	width: 1px;
	height: 143px;
	background: #333;
	position: absolute;
	left: -20px;
    top: 50%;
}
.ss-title span:after{
	content: '';
	width: 1px;
	height: 143px;
	background: #333;
	position: absolute;
	right: -20px;
    bottom: 50%;
}

.ss-title-mt{
	margin-top: 153px;
}

.ss-title-white{
	color: #fff;
}
.ss-title-white span:before,
.ss-title-white span:after{
	background: #fff;
}
.xx-title{
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	width: 100%;
	float: left;
	margin: 0 0 50px 0;
}
.xx-title small{
	font-size: 20px;
	line-height: 30px;
	color: #666666;
}
.xx-title span{
	position: relative;
}
.xx-title span:after{
	content: '';
	position: absolute;
	width: 50px;
	height: 2px;
	background: #333;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
}
.xx-title-nm{
	margin: 0;
}
.ss-content{
	width: 100%;
	float: left;
}

/*404*/
#error404{
	width: 100%;
	float: left;
	margin: 80px 0 20px 0;
}
.icon-404{
	font-size: 160px;
	line-height: 180px;
}
.h404{
	font-size: 36px;
	margin-bottom: 30px;
}
/*page.php*/
#breadcrumbs{
	padding: 15px 0 15px 0;
	background: #fff;
}

#main{
	position: relative;
	z-index: 3;
}
.cat-news{}
.cat-news .news-list{
	border-top: 1px solid #d2d2d2;
}
.cat-news .news-list a.a-news-wrapper{
	width: 100%;
	float: left;
	display: block;
	cursor: pointer;
}
.cat-news .news-list .one-news{
	width: 100%;
	float: left;
	padding: 25px 60px 25px 30px;
    border-bottom: 1px solid #d2d2d2;
    position: relative;
}
.cat-news .news-list .one-news .more {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
}
.ss_pagenavi{
	text-align: center;
	color: #999;
	width: 100%;
	float: left;
	padding: 40px 0px 10px 0px;
}
.ss_pagenavi a,
.ss_pagenavi span{
	color: #000;
	padding: 5px 10px;
	background: none;
	text-decoration: none;
	margin: 0 10px 10px 0;
}
.ss_pagenavi a:hover,
.ss_pagenavi span.current{
	color:#fff;
	background:#37a2fc;
}
.bg-grey{
	background: #f9f9f9;
}
.bg-white{
	background: #fff;
}
.bg-blue{
	background: #f6fcff;
}
.btn-xl{
	padding: 8px 30px 8px 30px;
	border: 1px solid #fff;
	font-size: 16px;
	line-height: 30px;
	color: #fff !important;
	text-decoration:none !important;
	display: inline-block;
	position: relative;
	border-radius: 5px;
	transform: rotate(0.03deg);
}
.btn-xl .fa{
	padding: 0 0 0 10px;
}
.btn-xl:hover{
	background: #fff;
	color: #015eac !important;
}
.btn-xl-002{
	color: #333 !important;
	border-bottom: 1px solid #999;
	border-radius: 0;
	padding: 8px 0px;
}
.btn-blue{
	background: #015eac;
	color: #fff !important;
	border: 1px solid #015eac;
}
.btn-blue:hover{
	color: #015eac !important;
	background: #fff;
	border:1px solid #fff;
}
.btn-white{
	background: #fff;
	color: #333 !important;
}
.btn-white:hover{
	background: none;
	color: #fff !important;
	border:1px solid #fff !important;
}
.btn-blue-outline{
	background: #fff;
	color: #015eac !important;
	border:1px solid #015eac;
}
.btn-blue-outline:hover{
	background: #015eac;
	color: #fff !important;
}
/*sidebar*/
#sidebar{
	width: 100%;
	float: left;
}
#left-menu{
	width: 100%;
	float: left;
	margin: 0 0 30px 0;
}
#left-menu ul{
	
}
#left-menu ul li{
	width: 100%;
	float: left;
	border-bottom: 1px solid #fff;
}
#left-menu ul li a{
	width: 100%;
	float: left;
	position: relative;
	z-index: 10;
	text-decoration:none;
	background: #F0F0F0;
	height: 50px;
	line-height: 50px;
	padding: 0 20px 0 20px;
}
#left-menu ul li.active a,
#left-menu ul li a:hover{
	color: #fff;
	background: #015eac;
}
#left-menu ul li a:after{
	position: absolute;
	font-family: 'FontAwesome';
	content: "\f105";
	right:20px;
	top:50%;
	transform: translateY(-50%);
}
#main p{
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
}
#main p.last{
	margin: 0;
}
#main h3{
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
	font-size: 22px;
	line-height: 30px;
}
#main h4{
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
	font-size: 18px;
	line-height: 30px;
	padding: 5px 0;
}
#contactForm{}
#contactForm input,
#contactForm textarea{
	height: 45px;
	font-size: 16px;
	border-radius: 0;
	box-shadow: none;
	margin: 0 0 5px 0;
	font-family:"Microsoft Yahei", sans-serif;
	padding: 6px 12px;
}
#contactForm textarea{
	height: 150px;
	resize: none;
	padding: 6px 10px;
}
#contactForm .btn-xl{
	width: 100%;
	height: 45px;
	padding: 0;
}
div.wpcf7-response-output{
	text-align: center;
	border: none !important;
}
div.wpcf7 .ajax-loader{
	position: absolute;
	top:15px;
	right:auto;
}
#contactForm .btn{
	padding: 10px 40px;
	background: #028cff;
	border-radius: 15px;
	color: #fff;
	border: 2px solid transparent;
}
#contactForm .btn:hover{
	background: none;
	border: 2px solid #028cff;
	color: #028cff;
}


/*homepage*/
#slider{
	position: relative;
	z-index: 3;
}
#slider img{
	position: relative;
	z-index: 31;
}
#slider .container{
	position: relative;
	z-index: 32;
}
#slider .news-list{
	width: 100%;
	float: left;
	background: rgba(0,94,171,0.9);
	margin-top: -60px;
	height: 60px;
	overflow: hidden;
}
#slider .news-list ul{
	list-style-type: none;
}
#slider .news-list a{
	color: #fff;
}
#slider .news-list li{
	height: 60px;
	line-height: 60px;
	padding: 0px 20px;
}
#slider .news-list li .date{
	padding: 0 10px 0 0;
}
#home-about-us{
	position: relative;
	z-index: 4;
}
#home-about-us .about-002{
	position: relative;
	z-index: 41;
}
#home-about-us .about-002 img{
	position: relative;
	z-index: 401;
}
#home-about-us .about-002 .mask{
	position: absolute;
	z-index: 402;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 119, 244, 1);
}
#home-about-us .text{
	width: 80%;
	color: #fff;
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%, -50%);
	
}
#home-about-us .text .title{
	font-size: 24px;
	line-height: 30px;
	width: 100%;
	float: left;
	margin: 0 0 40px 0;
}
#home-about-us .text .title span{
	padding: 0 0 10px 0;
	border-bottom: 2px solid #fff;
}
#home-about-us .text .desc{
	width: 100%;
	float: left;
	font-size: 16px;
	line-height: 24px;
}
#home-about-us .text .desc p{
	margin: 0 0 15px 0;
	font-size: 14px;
}
#home-about-us .text .desc p.last{
	margin: 0;
}

#home-products{}
#home-products .p-list{
	margin-top: -160px;
}
#home-products .one-product{
	width: 100%;
	float: left;
	margin: 0 0 100px 0;
}
#home-products .one-product .wrapper{
	position: relative;
	z-index: 10;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
#home-products .one-product img.bg{
	position: relative;
	z-index: 101;
}
#home-products .one-product .mask{
	position: absolute;
	z-index: 102;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	background: rgba(0, 119, 244, 0.8);
	transition: all 0.2s ease;
	display: none;
}
#home-products .one-product .wrapper:hover .mask{
	display: block;
}
#home-products .one-product .text{
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
	font-size: 24px;
	line-height: 30px;
}
#home-products .col-md-4 .one-product .wrapper{
	width: 75%;
}
#home-products .col-md-6 .one-product .wrapper{
	width: 50%;
}

#home-cases{
	background: url(images/cases/bg-cases.png) no-repeat center center;
	background-size: cover;
}
#home-cases .ss-content{
	padding: 0px 15px;
	margin: 0 0 30px 0;
}
#home-cases .one-case{
	width: 100%;
	float: left;
	margin: 0 0 30px 0;
	box-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
}

#home-news{}
#home-news .news-list{
	border-top:1px solid #d2d2d2;
	margin: 0 0 60px 0;
}
#home-news a.a-news-wrapper{
	text-decoration:none;
	color: #333;
	width: 100%;
}
#home-news .one-news{
	padding: 15px 60px 15px 30px;
	border-bottom:1px solid #d2d2d2;
	position: relative;
}
#home-news a.a-news-wrapper:hover .one-news{
	background: #edf6ff;
}
#home-news a.a-news-wrapper .one-news .desc{
	color: #999;
	margin: 10px 0 0 0;
}
#home-news .one-news .more{
	position: absolute;
	right: 30px;
	top:50%;
	transform: translateY(-50%);
	font-size: 24px;
}
#home-awards{}
#home-awards .xx-title{
	margin-bottom: 120px;
}
#home-awards .ss-content{
	border-top:1px solid #028cff;
}
#home-awards .one-year{
	width: 100%;
	float: left;
	position: relative;
}
#home-awards .one-year .year-number{
	position: absolute;
    left: 54px;
    top: -32px;
    font-size: 18px;
}
#home-awards .year-2015 .year-number,
#home-awards .year-2018 .year-number{
	/*left: calc(33% + 54px);*/
}
#home-awards .one-year .year-number:before{
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background: #028cff;
	border-radius: 20px;
	left: 50%;
	transform: translateX(-50%);
	bottom: -10px;
	
}
#home-awards .year-2015{
	/*padding-left: 33%;*/
}
#home-awards .year-2018{
	/*padding-left: 33%;*/
}
#home-awards .one-panel{
	background: #fff;
	padding: 15px 15px 15px 15px;
	width: 100%;
	float: left;
	margin: 40px 0 0px 0;
	line-height: 30px;
	position: relative;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	font-size: 15px;
}
#home-awards .one-panel:before{
	content: '';
	position: absolute;
	width: 0px;
	height: 40px;
	border-left:1px dashed #028cff;
	top:-40px;
	left: 81px;
}
#home-awards .one-panel.panel-005:before{
	left: 83px;
}
#home-awards .panel-003 .image,
#home-awards .panel-004 .image,
#home-awards .panel-005 .image{
	margin-bottom: 20px;
	margin-top: 5px;
}


#bottom{
	background: #015eac;
	color: #fff;
}
#bottom a{
	color: #fff;
}
#bottom .logo{
	width: 100%;
	float: left;
	margin: 0 0 40px 0;
}
#bottom .logo img{
	height: 45px;
	width: auto;
}
#bottom .one-bottom{
	width: 100%;
	float: left;
	margin: 0 0 30px 0;
}
#bottom .one-bottom h3{
	font-size: 18px;
	margin: 0 0 20px 0;
}
#bottom .one-bottom ul{
	width: 100%;
	float: left;
}
#bottom .one-bottom ul li{}
#bottom .one-bottom ul li a{
	width: 100%;
	float: left;
	padding: 10px 0px 10px 20px;
	position: relative;
}
#bottom .one-bottom ul li a.noa{
	padding: 0px 0px 0px 0px;
}
#bottom .bottom-001 ul li{
	width: 50%;
	float: left;
}
#bottom .bottom-002 ul li a:before,
#bottom .bottom-001 ul li a:before{
	content: "\f105";
	font-family: 'FontAwesome';
	position: absolute;
	left: 0px;
	top:50%;
	transform: translateY(-50%);
}

#bottom .bottom-003 ul li{
	position: relative;
	padding: 10px 0 10px 30px;
	margin: 0;
}
#bottom .bottom-003 ul li .fa{
	position: absolute;
	left: 0px;
	top:15px;
	width: 20px;
    text-align: center;
}
#bottom .one-bottom.bottom-wechat{}
#bottom .one-bottom.bottom-wechat img{
	width: 75px;
	height: auto;
}
#bottom .one-bottom.bottom-wechat img.wechat-qr-1{
	margin-right: 10px !important;
}

#footer{
	width: 100%;
	float: left;
	position: relative;
	z-index: 6;
	padding: 20px 0;
	text-align: center;
	background: #002340;
	color: #fff;
}
#footer a{
	color: #fff;
}
#footer a:hover{
	color: #015eac;
}
#footer #copyright{
	font-size: 14px;
}

/*company profile*/
#guidelines{}
#guidelines .gl-list{
	width: 100%;
	float: left;
	margin: 50px 0 20px 0;
}
#guidelines .one-gl{
	text-align: center;
	background: #edf6ff;
	padding: 30px 15px 30px 15px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	margin: 0 0 30px 0;
}
#guidelines .one-gl .title{
	color: #015eac;
	font-size: 30px;
	line-height: 80px;
	margin: 0 0 10px 0;
}
#guidelines .one-gl .desc{
	font-size: 20px;
	line-height: 40px;
}

#company-info{}
#company-info .ss-desc{
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	width: 100%;
	float: left;
	margin: 0 0 40px 0;
}
#company-info .oneline{
	font-size: 24px;
	line-height: 30px;
	padding: 15px 15px 15px 15px;
}
.bg-blue{
	background: #edf6ff;
}

#partner{
	background: url(images/partners/bg-partner.png) no-repeat center center;
	background-size: cover;
}
#partner .container{
	position: relative;
}
#partner .ss-title{
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	margin: 0;
}
#partner .one-partner{
	width: 100%;
	float: left;
	margin: 15px 0px 15px 0px;
}


#cases{}
#cases .one-case{
	width: 100%;
	float: left;
	margin: 0 0 40px 0;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
#cases .one-case .text{
	height: 80px;
	position: relative;
	text-align: center;
	font-size: 20px;
}
#cases .one-case .text span{
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	white-space: nowrap;
}


#heading{
	position: relative;
	z-index: 3;
	border-bottom: 100px solid #f3f3f3;
}
.equal-height{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: nowrap;
}
.equal-height .eq{
	display: flex;
	flex-direction: row;
	justify-content: center;
    align-items: center;
}


#heading .right{
	border-bottom: 100px solid #f3f3f3;
}
#heading .menu{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
#heading .menu ul{}
#heading .menu ul li{}
#heading .menu ul li a{
	text-decoration:none;
	padding: 10px 0;
	position: relative;
	width: 100%;
    float: left;
    display: block;
}
#heading .menu ul li a:before{
	content: "\f096";
	font-family: 'FontAwesome';
	position: absolute;
	left: -40px;
	transform: rotate(45deg);
}
#heading .menu ul li a:hover:before,
#heading .menu ul li.active a:before{
	content: "\f0c8";
}

#heading .menu ul li a:hover,
#heading .menu ul li.active a{
	color: #028cff;
}

#heading.heading-cat{}
#heading.heading-cat .title{
	position: absolute;
	bottom: 0;
	font-size: 30px;
	line-height: 36px;
	left: 50%;
	transform: translateX(-50%);
}
#heading.heading-cat .title span{
	font-size: 20px;
	line-height: 30px;
	padding: 0 0 15px 0;
	float: left;
}
#heading.heading-cat .title:after{
	content: '';
	position: absolute;
	width: 100px;
	height: 1px;
	background: #333;
	left: 0;
	bottom: 0;
}
#intro{}
.panel-xl{
	width: 100%;
	float: left;
	margin: 0;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.panel-xl .text{
	width: 20%;
	float: left;
	position: relative;
}
.panel-xl .text p{
	writing-mode: vertical-rl;
	writing-mode: tb-rl;
	text-orientation: upright;
	letter-spacing: 2px;
	/*
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	*/
	white-space: nowrap;
}
.panel-xl .image{
	width: 80%;
	float: left;
}

#use{}
#use .ss-content{
	margin: 80px 0 0 0;
}
#use .one-use{
	width: 100%;
	height: 100%;
	float: left;
	padding: 60px 40px 0px 40px;
	margin: 0 0 30px 0;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
#use .one-use .number{
	color: #c3e4ff;
	font-size: 100px;
	font-family: "Impact";
	position: absolute;
	top:-80px;
}

#feature{}
#feature .panel-xl{
	margin-bottom: 80px;
}
#feature .feature-list{}
#feature .feature-list li{
	margin: 0 0 20px 0;
	padding: 20px 20px 20px 20px;
	background: #c3e4ff;
}

/*.product-002*/
#use .one-panel{
	width: 100%;
	float: left;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	padding: 40px;
	background: #fff;
}
#use .one-panel .text{
	/*
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	*/
	white-space: nowrap;
}
#use .one-panel .text ul{}
#use .one-panel .text ul li{
	position: relative;
	padding: 10px 0px;
	font-size: 18px;
	line-height: 24px;
}
#use .one-panel .text ul li:before{
	content: "\f046";
	font-family: 'FontAwesome';
	position: absolute;
	left: -40px;
	font-size: 24px;
	color: #028cff;
}
.shadow{
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

#feature .feature-list-p2{
	list-style-type: disc;
	width: 100%;
	float: left;
}
#feature .feature-list-p2 li{
	padding: 20px 10px 20px 10px;
	font-size: 18px;
	line-height: 24px;
}

.h-center.v-middle{
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	white-space: nowrap;
}
.table-xl{
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.table-xl tr{}
.table-xl td{
	vertical-align: middle !important;
	padding: 30px !important;
	border-right: 1px solid #ddd;
}
.table-xl .title{
	font-size: 22px;
}
.yy-title{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 30px;
	margin: 0 0 40px 0;
}


.table-xl-002{}
.table-xl-002 th,
.table-xl-002 td{
	padding: 20px !important;
	font-size: 20px;
	text-align: center;
	border: none !important;
}
.table-xl-002 th{
	background: #015eac;
	color: #fff;
}
.table-xl-002 tr:nth-child(odd) td{
	background: #d9e7f3;
}
.table-xl-002 th:nth-child(2),
.table-xl-002 td:nth-child(2){
	border-left: 1px solid #ddd !important;
	border-right: 1px solid #ddd !important;
}

/*product 004*/
#feature .one-panel{
	padding: 50px 50px 50px 70px;
	background: #fff;
	border-radius: 15px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

#feature .one-panel ul li{
	padding: 10px 0 10px 0;
	border-bottom: 1px dashed #55afed;
	position: relative;
}
#feature .one-panel ul li:before{
	content: "\f054";
	font-family: 'FontAwesome';
	position: absolute;
	left: -20px;
	top:50%;
	transform: translateY(-50%);
	color: #55afed;
}
#specification{}
#specification .one-spec{
	width: 100%;
	float: left;
	margin: 0 0 50px 0;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	border-radius: 15px;
}
#specification .one-spec .image img{
	border-radius: 15px 15px 0 0;
}
#specification .one-spec .text{
	width: 100%;
	float: left;
	padding: 20px 20px 20px 20px;
	height: 100px;
	line-height: 30px;
	overflow: hidden;
}
#specification.use-p5 .one-spec .text{
	height: 70px;
	padding: 0;
	position: relative;
}
#specification.use-p5 .one-spec .text span{
	position: absolute;
	width: 100%;
	text-align: center;
	top:50%;
	transform: translateY(-50%);
}
.feature-list{}
.feature-list .one-feature{
	padding: 60px 45px 60px 45px;
	background: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	position: relative;
}
.feature-list .feature-001{
	margin: 0 0 100px 0;
}
.feature-list .eq .one-feature{
	height: 100%;
}
.feature-list .one-feature .text{
	font-size: 16px;
	line-height: 24px;
}
.feature-list .one-feature .text p{
	margin: 0 0 20px 0;
}

.feature-list .one-feature .number{
	color: #c3e4ff;
    font-size: 100px;
    font-family: "Impact";
    position: absolute;
    top: -80px;
}
/*product 006*/
#use .one-yt{
	width: 100%;
	float: left;
	margin: 0 0 50px 0;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	border-radius: 15px;
}
#use .one-yt .title{
	padding: 20px;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	background: #d7edff;
	border-radius: 15px 15px 0 0;
}

#use .one-yt .content{
	padding: 20px;
	font-size: 16px;
	line-height: 30px;
	min-height: 190px;
	border-radius: 0 0 15px 15px;
	position: relative;
}
#use .one-yt .content .h-center{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}
#wuxing{}
#wuxing .ss-content{
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
}
#wuxing .one-wx{
	padding: 60px 100px;
	background: #fff;
	min-height: 680px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#wuxing .one-wx .title{
	font-size: 48px;
	line-height: 60px;
	margin: 0 0 40px 0;
}
#wuxing .one-wx .title .fa{
	color: #028cff;
}
#wuxing .one-wx .content{
	font-size: 24px;
	line-height: 36px;
}
#wuxing .one-wx .content .oneline{
	width: 100%;
	float: left;
	margin: 0 0 15px 0;
}
/*single-news*/
.single{}
.single #heading{
	border-bottom: 100px solid #fff;
}
.single #heading .right{
	background: #f3f3f3;
	border-bottom: 100px solid #fff;
}
.single .single-news{
	background: #fff;
	border-radius: 15px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	padding: 50px 50px 50px 50px;
	margin: 0 0 50px 0;
}
.single .single-news .post-title{
	font-size: 30px;
	line-height: 40px;
	text-align: center;
}
.single .single-news .post-date{
	text-align: center;
	width: 100%;
	float: left;
	margin: 0 0 40px 0;
}
.single .article-nav .one-nav a{
	text-decoration:none;
}
.single .article-nav .one-nav .disabled{
	cursor: not-allowed;
	opacity: 0.5;
}
#contact2 .yy-title{
	text-align: left;
}
#contact2 .wechat{
	margin: 0 0 20px 0;
}
#contact2 .wechat img{
	max-width: 300px;
	max-width: 100%;
}
#contact2 .grey-box{
	padding: 15px 15px 15px 15px;
	background: #f3f3f3;
	margin: 0 0 80px 0;
	font-size: 20px;
	line-height: 30px;
}
#contact2 .grey-box label{
	width: 100px;
}
#contact2 .grey-box a{
	color: #028cff;
}
/*no-results*/
.news-list .no-results{
	padding: 15px 0;
	text-align: center;
}