@charset "utf-8";
/* CSS Document */

.main .position + .attr{ display:flex; justify-content:space-between; align-items:center; padding:40px 0;}
.main .position + .attr::before,
.main .position + .attr::after{ display:none;}

.main ul.tab{ display:block; flex:auto; font-size:16px; overflow:hidden;}
.main ul.tab li{ display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; padding:1.5em 0; border-top:1px solid #cfcfcf;}
.main ul.tab li:first-child{ border-top:0;}
.main ul.tab li h3{ display:block; width:100%; line-height:2.32; color:#333; font-size:1.75em; font-weight:bold; background:url(../images/icons/tab.png) right center no-repeat; background-size:auto 1em; cursor:pointer; user-select:none; transition:all ease 0.4s;}
.main ul.tab li .info{ flex:auto;}
.main ul.tab li .info p{ display:block; line-height:1.625; color:#333; overflow:hidden; padding:0.9375em 0; padding-left:2.5em;}
.main ul.tab li .info p img{ display:block; width:1.625em; height:1.625em; float:left; margin:0 0.875em 0 -2.5em;}
.main ul.tab li .code{ line-height:1; color:#666; text-align:center; margin:0 5%;}
.main ul.tab li .code img{ display:block; width:6em; margin:0 auto 0.75em;}
.main ul.tab li.cur h3{ color:#e60012; background-image:url(../images/icons/tab_cur.png);}

.main .mapBox{ width:46.5%; margin-left:7%;}
.main .mapBox .map{ display:none; background:#f9fbff; padding:20px; overflow:hidden; box-shadow:0 0 7px rgba(190,190,190,0.6);}

.main .searchBox{ background:url(../images/icons/ct_bg.jpg) center top no-repeat; background-size:cover; padding:60px 0 90px;}
.main .searchBox form{ display:block; font-size:16px; overflow:hidden;}
.main .searchBox form p{ display:block; width:31.33%; margin:0 1% 3%; float:left;}
.main .searchBox form label{ display:block; line-height:2.9; color:#e60012; font-size:1.375em; overflow:hidden;}
.main .searchBox form label img{ display:block; height:1.45em; float:left; margin:0.725em 0.5em 0 0;}
.main .searchBox form input.text{ display:block; box-sizing:border-box; width:100%; height:2.5em; color:#e60012; overflow:hidden; background:rgba(255,255,255,0.4); padding:0 1.25em; border:1px solid #e60012;}
.main .searchBox form input.text::placeholder{ color:#888;}
.main .searchBox form select{ display:block; width:100%; height:2.5em; color:#e60012; overflow:hidden; background:rgba(255,255,255,0.4) url(../images/icons/select2.png) right center no-repeat; background-size:auto 100%; padding:0 1.25em; border:1px solid #e60012; -webkit-appearance:none;}
.main .searchBox form select option{ color:#333;}
.main .searchBox form input.btn{ display:block; width:7em; height:2.5em; color:#fff; font-size:1.125em; background:#e60012; border:0; border-radius:0.5em; cursor:pointer; margin:0 auto; clear:both;}
.main .result{}
.main .result dl{ display:block; font-size:16px; overflow:hidden; margin:0 -1em;}
.main .result dl dt{ display:block; line-height:2.15; color:#fff; font-size:1.375em; padding:0 0.6em; background:url(../images/icons/ct_title.jpg) center no-repeat; background-size:100% 100%; margin:40px 0.73em 0;}
.main .result dd{ display:block; float:left; width:20%; overflow:hidden; float:left;}
.main .result dd .box{ display:block; min-height:18em; overflow:hidden; padding:0 7.5% 7.5%; border:1px solid #666; border-radius:1.25em; margin:2em 1em 0;}
.main .result dd em{ display:block; line-height:2.54; color:#e60012; font-size:1.375em; padding:0.32em 0 0;}
.main .result dd a.title{ display:block; min-height:3em; line-height:1.5; color:#e60012; font-size:1.125em;}
.main .result dd p{ display:block; line-height:3.2; color:#333; font-size:0.9375em; padding/:0.8em 0;}
.main .result dd p.tel{ padding-left:3em; text-indent:-3em;
	height:3.2em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient/:vertical;
	-webkit-line-clamp:1;
}
.main .result dd a.view{ display:block; width:7.875em; height:2em; line-height:2; color:#fff; text-align:center; background:#e60012; overflow:hidden; border:1px solid #e60012; border-radius:0.75em 0; margin:0.5em 0 0;}
.main .result dd a.view font{ display:block; color:#fff; transition:all ease 0.4s;}
.main .result dd a.view:hover font{ transform:translateY(-100%);}

.main .searchBox form.column p{ width:28%; margin:0 2% 0 0;}
.main .searchBox form.column input.btn{ width:7%; height:2.25em; float:right; clear:none; margin:3.5em 2% 0 0;}

.main dl.company{ display:flex; justify-content:space-between; font-size:16px; padding:50px 0 0;}
.main dl.company dt{ display:flex; flex-shrink:0; flex-direction:column; width:31.25%; margin-right:2.25%;}
.main dl.company h3{ display:block; line-height:2.15; color:#fff; font-size:1.375em; font-weight:normal; padding:0 0.6em; background:url(../images/icons/ct_title.jpg) center no-repeat; background-size:100% 100%;}
.main dl.company .box{ height:100%; overflow:hidden; padding:0 1.75em; border:1px solid #ccc; margin:1em 0 0;}
.main dl.company dt h4{ display:block; width:100%; line-height:1.5; color:#e60012; font-size:1.125em; font-weight:normal; padding:1.1em 0; margin:0.7em 0 0;}
.main dl.company dt p{ display:block; line-height:2; color:#333; overflow:hidden; padding:0.5em 0; padding-left:2.125em;}
.main dl.company dt p img{ display:block; width:1.5em; height:1.5em; float:left; margin:0.25em 0.625em 0 -2.125em;}
.main dl.company dt .code{ line-height:1; color:#333; text-align:center; padding:30px 0 50px;}
.main dl.company dt .code img{ display:block; width:8.625em; margin:0 auto 0.75em;}
.main dl.company dd{ display:flex; flex:auto; flex-direction:column; overflow:hidden;}
.main dl.company dd .article{ padding:1.5em 0 0;}
.main dl.company ul.data{ display:flex; justify-content:space-evenly; font-size:1.125em; overflow:hidden; position:relative; padding:40px 0 70px;}
.main dl.company ul.data li{ display:block; min-width:15%; position:relative; z-index:3;}
.main dl.company ul.data p{ display:block; line-height:2em; color:#e60012; overflow:hidden;}
.main dl.company ul.data p.block{ height:1px; opacity:0; margin:-1px 0 0;}
.main dl.company ul.data p b{ font-size:2em; margin:0 0.1em 0 0;}
.main dl.company ul.data span{ display:block; line-height:1; color:#333; overflow:hidden; padding:1.25em 0 0;}

.main .searchBox form p{ width:23%;}
.main .searchBox form.column p{ width:21%;}
.main .searchBox form.column input.btn{ margin-right:1%;}







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

.main ul.tab{ font-size:16px;}
.main ul.tab li{ padding:1em 0; align-items:flex-start;}
.main ul.tab li h3{ font-size:1.86em; line-height:2.275;}
.main ul.tab li .info{ max-width:81%;}
.main ul.tab li .info p{ padding-top:0.5em; padding-bottom:0.5em; padding-left:1.75em;}
.main ul.tab li .info p img{ width:1.225em; height:1.225em; margin:0.2em 0.525em 0 -1.75em;}
.main ul.tab li .code{ margin:0 2% 0 0;}
.main ul.tab li .code img{ margin-bottom:0.5em;}

.main .mapBox{ margin-left:4%;}
.main .mapBox .map{ padding:12px;}

.main .result dd{ width:25%;}
.main .result dd a.title{ min-height:4.5em;}
.main .result dd p.tel{ min-height/:3.2em;}

}


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

.main .position ul.menu{ display:none;}
.main .position + .attr{ display:block; padding:0;}

.main ul.tab{ font-size:14px;}
.main ul.tab li{ display:block; padding:1.2em 0 1.5em;}
.main ul.tab li h3{ font-size:1.375em;}
.main ul.tab li.cur h3{ background:none;}
.main ul.tab li .info p{ margin:0 0 -0.2em;}
.main ul.tab li .info{ max-width:none;}
.main ul.tab li .code{ margin:10px 0 0;}
.main ul.tab li .code img{ width:8em;}
.main .mapBox{ margin:0 0 20px; width:auto;}
.main .mapBox .map{ padding:8px;}

.main .searchBox{ padding:20px 0 50px;}
.main .searchBox form{ font-size:14px;}
.main .searchBox form p{ width:auto; margin:0 0 8px; float:none;}
.main .searchBox form label{ font-size:inherit;}
.main .searchBox form input.btn{ font-size:15px; width:9em; margin:24px auto 0;}

.main .attr h3.sub{ font-size:18px;}
.main .result dl{ font-size:14px; padding:20px 0 0; padding:0;}
.main .result dl dt{ font-size:1.15em; line-height:2.5;}
.main .result dd{ width:auto; float:none;}
.main .result dd em{ font-weight:bold; font-size:1.25em;}
.main .result dd .box{ padding:0 1.25em 1.5em; border-radius:1em; min-height:0; margin-top:14px;}
.main .result dd a.title{ min-height:0; line-height:1.625;}
.main .result dd p{ font-size:inherit;}
.main .result dd p.tel{ min-height:0;}

.main .searchBox form.column p{ width:auto; margin:0 0 8px;}
.main .searchBox form.column input.btn{ width:9em; float:none; height:2.5em; margin:24px auto 0;}

.main dl.company{ display:block; font-size:14px;}
.main dl.company dt{ width:auto; margin:0 0 16px;}
.main dl.company h3{ font-size:1.15em; line-height:2.5;}
.main dl.company .box{ margin:8px 0 0; padding:0 1.25em;}
.main dl.company dt h4{ line-height:1.75; margin:0; padding:1em 0 0.5em;}
.main dl.company dt .code{ padding:16px 0 32px;}
.main dl.company dd .article{ padding:1em 0 0;}

.main dl.company ul.data{ font-size:13px; flex-wrap:wrap; justify-content:space-between; padding:10px 0 30px;}
.main dl.company ul.data li{ text-align:center; padding:10px 0; width:50%;}
.main dl.company ul.data li:first-child{ width:100%; margin:0;}
.main dl.company ul.data p b{ font-size:1.75em;}
.main dl.company ul.data span{ padding:0.25em 0 0;}








}