body { margin:0 auto; height:100%; text-align:left; background:#FFF;-webkit-text-size-adjust:none;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;margin: 0;padding: 0;}
img { border:0px;}
form, button, {border:0 none;font-size:100%;margin:0;padding:0;text-decoration:none;vertical-align:middle;font-size: 12px;list-style-type: none;}
a{ color:#585858; text-decoration:none;font-family:"Microsoft YaHei";}
a:hover{ color:#8a693c; text-decoration:none;}
.container-maxwidth{max-width: 1200px; margin:0px auto;}
.pc{ display:block;}
.mb{ display:none;}

header{ background:#fff; position:relative; z-index:999999;}
.navbar{ padding:10px 0;  z-index:999;}
.navbar-dark .navbar-nav .nav-link{ color:#585858;}
.navbar-dark .navbar-nav .nav-link:hover{color:#8a693c;}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{color:#8a693c;}
.navbar-dark .navbar-toggler {color: rgba(0,0,0,.5);  border-color: rgba(0,0,0,.1); background:rgba(0,0,0,.3);}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{ color:#8a693c;}
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown>.dropdown-menu:active {pointer-events: none;}
.navbar-expand-md .navbar-nav .nav-link{ padding:0 20px;/*font-weight:bold;*/}


#header-nav{ position:relative;}
#header-nav .hover a{ color:#8a693c;}
.second-nav {  position: absolute;  top: 80px;  width: 100%;  left: 0;  line-height: 70px;}
.second-nav .second-line {  position: absolute;  left: 0;  right: 0;  top: -70px;  background:rgba(138,105,60,0.9);  transition: top 0.3s ease-out;  -webkit-transition: top 0.3s ease-out;  -moz-transition: top 0.3s ease-out;  -o-transition: top 0.4s ease-out;}
.second-nav .second-line.on {  z-index: 111;  top: 0;}
.second-nav .second-line .wappersed {  width: 100%;  margin: 0 auto;}
.second-nav .second-line .wappersed > a {  display: inline-block;  font-size: 14px;  color: #fff;  padding: 0 16px;  text-align: left;}
.second-nav .second-line .wappersed > a:hover {  color: #f8b616;}

.second-nav .second-line.about-line{ left:650px;}
.second-nav .second-line.news-list{ left:754px;}
.second-nav .second-line.product-list{ right:276px;}
.second-nav .second-line.joinus-list{ right:172px;}
.second-nav .second-line.cont-list{ right:65px;}

.second-nav .second-line.about-line .wappersed {  width: 100%;  padding-left: 60px;}
.second-nav .second-line.news-list .wappersed {  width: 100%;  padding-left: 60px;}
.second-nav .second-line.product-list .wappersed {  text-align: right;  width: 100%;  padding-right: 60px;}
.second-nav .second-line.joinus-list .wappersed {  text-align: right;  width: 100%;  padding-right: 60px;}
.second-nav .second-line.cont-list .wappersed {  text-align: right;  width: 100%;  padding-right: 60px;}

.main1{ padding:2% 0 5%;}
.intitle{ font-size:30px; color:#333; text-align:center;}
.intitle span{ display:inline-block; height:1px; width:35px; background:#8a693c;  margin:0 10px; vertical-align:middle;}


.main1 ul li{ width:99.2%; float:left; margin-right:1%; position:relative; margin-top:2%;}
.main1 ul li:nth-of-type(5){ margin-right:0%; float:right;}
.main1 ul li img{ width:100%; -webkit-transition: -webkit-transform 1s; transition: transform 1s;}
.main1 ul li a{ display:block; width:100%; height:100%; overflow:hidden; -webkit-transition: -webkit-transform 1s; transition: transform 1s;}
.main1 ul li a:hover img{ display:block; width:100%; height:100%; overflow:hidden; transform: scale(1.1);}
.main1 ul li .infljt1{position:absolute;bottom:0px;left:0px;width:100%;padding:0 5%;height:40px;line-height:40px;background-color:rgba(138, 105 ,60, 0.8);}
.main1 ul li h2 {color: #fff; font-size: 16px; line-height: 40px; width: 100%; text-align:center;}

.main2{ width:100%; background:url(../images/main2bg.jpg) no-repeat center top; padding-top:3%; background-attachment: fixed; background-size: cover;}
.main2k{position:relative;}
.main2tu{ position:absolute; right:0; bottom:0;}
.main22{ width:100%; background:#8a693c; position:relative;}

.main21 h2{ padding:0; margin:0; font-size:30px; color:#333; font-weight:normal;}
.main21 span{ width:5%; height:2px; display:block; background:#8a693c; margin:2% 0;}
.main21zi{ font-size:14px; color:#585858; line-height:24px; width:48%;}
.abanan{ width:115px; height:30px; line-height:30px; padding:0; margin:0; color:#fff; font-size:14px; margin:2% 0 5%; border-radius:0;}

.inabnum{ width:60%; padding:3% 0; color:#fff; font-size:18px;}
.aboutnum1{ float:left; width:23%;}
.aboutnum2{ float:left; width:33%; text-align:center;}
.aboutnum3{ float:left; width:33%;  text-align:center;}
.inabnum h2{ text-align:center; font-size:18px; padding-bottom:2%;}
.aboutnum1 h2{ font-size:18px; text-align:left; display:block;}
.aboutnum2{ border-left:1px solid #7f551c; border-right:1px solid #7f551c;}
.inabnum h1{ display:inline-block; font-size:36px; padding-right:2%;}

.main3{ padding:2% 0; width:100%; overflow:hidden;}
.main3left{ position:relative; width:48%; float:left;}
.main3right{ position:relative; width:48%; float:right;}

.inxcaseion{ position:absolute; top:0%; left:0; right:0; text-align:left; width:90%; margin:0px auto; z-index:995; margin-top:-25px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s; progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity:0; font-size:14px;}
.inxcaseion span{display:block;margin:0px auto;padding:2% 0%; border-radius:50px; background:#fff; width:40%; margin-top:5%; color:#8a693c; text-align:center;}

.main3left:hover .inxcaseion,.main3right:hover .inxcaseion{ position:absolute; top:10%; left:0; right:0; width:90%; margin:0px auto; z-index:995;progid:DXImageTransform.Microsoft.Alpha(opacity=1); opacity:1; font-size:14px; line-height:18px; text-align:center; }
.main3left:hover a,.main3right:hover a{margin:0px; color:#fff; }


.main3 img{ width:100%;}
.main3 h2{ position:absolute; left:0px; bottom:0; width:100%; background:rgba(0,0,0,.5); color:#fff; text-align:center; font-size:16px; height:30px; line-height:30px;}
.main3left:hover h2,.main3right:hover h2{ display:none;}

.casebark{ width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; z-index:980;opacity:0;webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s; top:0; left:0;}

.main3left:hover .casebark,.main3right:hover .casebark{ opacity:1;}

.main3 h3{ font-size:30px; text-align:center; font-weight:normal; display:block; padding-bottom:20px;}
.main4{ padding-bottom:30px;}
.card-deck{ margin:0 -30px;}
.card-deck .innews{ border:none; border-top:1px solid #e6e6e6; border-radius:0; padding:0; margin:0 30px;}
.card-title{ margin-top:.75rem; color:#8a693c; font-size:18px;}
.card-text{ font-size:14px; color:#848484;}
.card-img img{ width:100%; margin:.75rem 0;}
.card-body{ padding:0;}
.text-muted{ font-size:12px; line-height:24px;}
.text-muted span{ float:right;}

.nybg{ width:100%;  height:350px; background-size:auto 100%;}
.nybg01{ background:url(../images/nybg01.jpg) no-repeat center top;}
.nybg02{ background:url(../images/nybg02.jpg) no-repeat center top;}
.nybg03{ background:url(../images/nybg03.jpg) no-repeat center top;}
.nybg04{ background:url(../images/nybg04.jpg) no-repeat center top;}
.nybg05{ background:url(../images/nybg05.jpg) no-repeat center top;}





.mbx{ width:100%; height:63px; line-height:63px; border-bottom:2px solid #f4f4f4;}
.mbxmaxwi{ width: 1200px; margin:0px auto;}
.mbxleft{ float:left; width:40%;}
.mbxright{ float:right; width:60%; text-align:right;}
.mbxleft span{ width:63px; height:63px; display:block; float:left; background:url(../images/hoico.png) #f4f4f4 no-repeat center center;}
.mbxleft h2{ font-size:14px; display:inline-block; line-height:63px; height:63px; padding:0px 15px; margin:0px;}
.mbxleft h3{ font-size:14px; display:inline-block; line-height:63px; height:63px; color:#8a693c; padding:0px 15px; margin:0px;}
.mbxright a{ font-size:14px; color:#9a9a9a; display:inline-block; padding:0 15px;}
.mbxright a:hover,.mbxright .curry{ background:#8a693c; color:#fff;}
.mbxright button{ display:none;}
.mbxright .collapse:not(.show){ display:block;}
.mbxright .card{ border:none; background:none; border-radius:0;}

.abzicont{ padding:2% 0; background: url(../images/jybjlogo.png) no-repeat left bottom;}
.abzicont img{ width:100%;}
.ableft{ width:27%; float:left;}
.abright{ width:63%; float:right; font-size:16px; line-height:32px; color:#585858;}
.abzienwen{ font-size:36px; color:#c8c8c8;}
.abzizi{ font-size:14px; line-height:26px; margin:0rem 0;}
.abzinum{ font-size:18px; color:#000;}
.abzinum span{ font-size:50px; color:#ff9b12; display:inline-block; padding-right:10px;}
.abright h1{ font-weight:bold; font-size:22px; color:#000000; margin:1rem 0 2rem 0; padding:0;}


.abtucont{ width:100%; background:url(../images/abnybg.jpg) no-repeat center top; height:500px;}
.abtucontleft{ width:30%; float:left; padding:7rem 0; color:#fff; font-size:30px;}
.abtucontright{ width:63%; float:right; background:#f4f4f4;}
.abtucontrightpad{ padding:2rem; line-height:30px; font-size:16px; color:#585858;}
.abturiimg{ text-align:right;}

.newsone{border:1px solid #f4f4f4;}
.newsonefl{ width:50%; float:left;}
.newsonefr{ width:50%; float:left; font-size:16px; line-height:30px;}
.newsonefl img{ width:100%;}
.newsonefrline{padding:6%;}
.newsonefr h2{ color:#333333; font-size:22px; padding:0; margin:0;}
.newsonefr h3{ color:#cccccc; font-size:14px; padding:2% 0 5%; font-weight:normal; margin:0;}
.newsonefr button{ margin-top:10%; width:30%; color:#fff; font-size:14px;}
.newstwo{}
.newstwo ul li{ background:#f9f9f9; padding:3%; border:5px solid #f9f9f9; margin-top:3%;}
.newstwo .newstwofl{ float:left; width:9%; color:#fff;}
.newstwo .newstwofr{ float:right; width:85%; line-height:24px; font-size:14px; color:#585858;}
.newstwo .newsdekk{ padding:5%; text-align:center; background:#cecece;}
.newstwo .newsdekk span{ display:block; padding:0; margin:0; font-size:36px; font-weight:normal;}
.newstwo .newstwofr h2{ color:#333333; font-size:18px; margin:0px; padding:0 0 2%;}
.newstwo ul li:hover{border:5px solid #8a693c; }
.newstwo ul li:hover .newsdekk{background:#8a693c;}
.nybt{ font-size:24px; color:#333333; margin:0%; text-align:center;}
.list-page-info {font-size:12px; color: #a1a1a1; text-align:center; padding:25px 0; margin-bottom:3%; position:relative; border-bottom: solid 1px #e7e7e7;}
.list-page-info:before {content: ""; width: 28px; height: 3px; left: 50%; margin-left: -14px; bottom: -2px; position: absolute; background-color: #8a693c;}
.list-page-info span{ font-size:24px; color:#333;}
.prnyan{ padding:2% 0 0; text-align:center;}
.prnyan a{display: inline-block; background: #8a693c; padding:5px 30px; color: #fff;}
.prnyan a:hover{ background:#333;}
.list-page-news {padding: 10px 0; margin-top: 30px; overflow: hidden; background-color: #f1f1f1;}
.list-page-news li:first-child {border: 0;}
.list-page-news li {width: 50%; float: left; height: 23px; padding: 0 20px; overflow: hidden; line-height: 23px; border-left: solid 1px #d5d5d5;}
.list-page-info {font-size:12px; color: #a1a1a1; text-align:center; padding:25px 0; margin-bottom:3%; position:relative; border-bottom: solid 1px #e7e7e7;}
.list-page-info:before {content: ""; width: 28px; height: 3px; left: 50%; margin-left: -14px; bottom: -2px; position: absolute; background-color: #8a693c;}
.list-page-info span{ font-size:24px; color:#333;}
.casezi{ text-align:center; line-height:24px; font-size:14px; width:80%; margin:0px auto;}
.casezi h2{font-size:30px; color:#333333; padding:0; margin:0;}
.casezi span{content: ""; width: 65px; height: 1px; background-color: #8a693c; display:block; margin:1% auto;}
.caselist{ padding-top:3%;}
.caselist ul li{background:#f9f9f9; }
.caselist .caselistfl{ width:50%; float:left;}
.caselist .caselistfr{ width:50%; float:left;}
.caselist .caselistkk{ padding:8% 8% 0;}
.caselist h2{ font-size:22px; color:#8a693c; display:block; padding:0; margin:0;}
.caselist span{ line-height:28px; font-size:16px; display:block; padding:7% 0;}
.caselist .caseanan{ width:35%; background:#f0f0f0; font-size:16px; border:none; color:#585858;padding:.725rem 0;}
.caselist .caseanan:hover{background:#8a693c; color:#fff;}

.caseulis ul li{ width:23.5%; float:left; margin-right:2%; position:relative; margin-top:2%;}
.caseulis ul li:nth-of-type(4),.caseulis ul li:nth-of-type(8),.caseulis ul li:nth-of-type(12){ margin-right:0%;}
.caseulis ul li img{ width:100%; -webkit-transition: -webkit-transform 2s; transition: transform 2s;}
.caseulis ul li a{ display:block; width:100%; height:100%; overflow:hidden; -webkit-transition: -webkit-transform 2s; transition: transform 2s;}
.caseulis ul li a:hover img{ display:block; width:100%; height:100%; overflow:hidden; transform: scale(1.1);}
.caseulis ul li .infljt1 {position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 0 5%; height: 40px; line-height: 40px; background-color: rgba(223, 172 ,55, 0.5);}
.caseulis ul li a:hover .infljt1{ background-color:rgba(223, 172 ,55, 1);}
.caseulis ul li h2{ color:#fff; font-size:16px; line-height:40px; width:100%; background:url(../images/injt.png) no-repeat right center;}

/*页码*/
.xunlei {text-align:center !important; width:100%;text-align:center; padding:5% 0 0;}													
.xunlei a, .xunlei .current {display:inline-block; text-decoration:none;padding:5px 8px; border: 1px solid #ddd;background: #ffff; margin:0 5px; font-size:12px; text-align:center;}   
.xunlei a:hover { border:1px solid #8a693c; text-decoration:none;}   
.xunlei .current { font-weight: bold; color:#fff; background: #8a693c; border:1px solid #8a693c;} 

.prolist{ width:100%;}
.prolistkk{ border-left:1px solid #e8e8e8; border-top:1px solid #e8e8e8;}
.prolistkk ul li{ width:25%;float:left; padding:1%; border-left:1px solid #fff;border-top:1px solid #fff;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.prlistimg{ padding-bottom:8%;text-align:center;}
.prlistimg img{ width:80%; margin:0px auto; }
.prolistkk h2{ display:block; font-weight:normal; font-size:16px; color:#333; padding:0; margin:8% 0;}
.prolistkk span{display:block; font-weight:normal; font-size:14px; padding:0; margin:8% 0;}
.prolistkk ul li:hover{border:1px solid #8a693c;}

.list-contact .t1 {color: #8a693c; line-height: 36px; font-size: 36px; font-family: arial;}
.list-contact .t2 {color: #333; margin-top: 15px; line-height: 36px; font-size: 36px;}
.list-contact .t3 {line-height: 30px; margin:2% auto; font-size: 16px;}
.list-join ul{padding:10px;padding-bottom:0;margin-top:30px;border:solid 1px #dfdfdf}
.list-join ul li{height:44px;line-height:44px;overflow:hidden;font-size:14px;border-top:solid 1px #ebebeb}
.list-join ul li .munber{padding-left:0px}.list-join ul li:first-child{border-top:0;background-color:#8a693c;color:#fff}
.list-join ul li:first-child:hover{background-color:#8a693c}
.list-join ul li:hover{background-color:#fdfdfd;}
.list-join ul li p:first-child{background:url(../images/icon-21.png) no-repeat 5px 20px; text-align:left; text-indent:1rem;}
.list-join a:hover p{color:#8a693c;}
.col-xs-2{width: 16.66666667%; float:left; position: relative; min-height: 1px; padding-right: 0px; padding-left: 0px; text-align:center;}
.col-xs-4 {width: 33.33333333%; float:left;}

.more img{ width:23px; height:14px;}
.list-join-show .box p {padding-left: 25px; margin: 0 0 10px;}
.list-join-show h3{color:#333;font-size:36px;line-height:40px;text-align:center;font-weight:normal;padding-bottom:50px;position:relative}
.list-join-show h3:before{content:"";width:24px;height:1px;left:50%;bottom:30px;margin-left:-12px;position:absolute;background-color:#8a693c}
.list-join-show .box{padding:12px;font-size:14px;padding-bottom:30px;border:solid 1px #dfdfdf}
.list-join-show .box p{padding-left:25px}
.list-join-show .box ul{padding:15px 10px;overflow:hidden;margin-bottom:10px;background-color:#f8f8f8}
.list-join-show .box ul li{line-height:32px;color:#999}
.list-join-show .box ul li span{color:#666}
.list-join-show .line{margin-top:20px;padding-bottom:10px;border-top:solid 1px #eee}
.list-join-show .tit{padding:15px;font-size:18px}
.list-join-show .more{margin-top:30px;text-align:center}
.list-join-show .more a{font-size:18px;color:#fff;padding:0 20px;border-radius:5px;line-height:40px;display:inline-block;background-color:#8a693c}
.list-join-show .more a:hover{background-color:#333}
.list-join-show .more a img{margin-left:5px}
.list-join-show .more img{float: none;  padding:0;}
.hytdkk{ width:50%; text-align:center; margin:0px auto; float:none;}
.abzicont #platform img{ width:auto;}


.zxly{ width:80%; margin:0px auto; text-align:center}
.zxly .forli{ padding-bottom:2%;}
.zxly input{ width:70%;  height:35px; line-height:35px; max-width: 350px;}
.zxly textarea{ width:70%;  vertical-align:top;max-width: 350px;}
.btn-default {color: #333; background-color: #fff; border-color: #ccc; }


footer{ width:100%; background:#8a693c; font-size:12px; color:#fff; padding:15px 0;}
.foot1{ width:60%; float:left;}
.foot2{ width:40%; float:right; text-align:right;}
footer a{ color:#fff;}
footer a:hover{ color:#fff; text-decoration:underline;}

.abwhlo img{ width:28%;}


.prone{}
.prone ul li{ display:inline-block; background:#8a693c; width:100%; height:auto; margin-bottom:2%;}
.prone img{ width:100%;}
.pronefl{ width:60%; float:left;}
.pronefr{ width:40%; float:left; padding:3% 3% 0;  color:#fff;}
.pronefr h2{ font-size:22px;}
.pronefr h3{ font-size:18px;}
.pronefr span{ width:50px; display:block; height:2px; background:#fff; margin:5% 0;}
.pronefr .prtitle{ font-size:18px; display:block; padding-bottom:10px;}

.ckgdanan{ margin:5% auto 0;  text-align:center; width:130px;}
.ckgdanan a{ line-height:35px; border:1px solid #ededed; border-radius:20px; width:130px; height:35px;  display:block; text-align:center;}
.ckgdanan a:hover{ background:#8a693c; color:#fff;}

@media screen and ( max-width:770px ){
	
.pc{ display:none;}
.mb{ display:block;}
.navbar-nav .nav-item{ width:100%; padding:15px 0; text-align:center; border-bottom:1px solid #585858;}
.navbar-brand{ margin: 0 0 0 1rem; padding:1rem 0;}
.navbar-toggler{ margin:0 1rem 0 0;}
.navbar{ padding: 0;}
.navbar-collapse{ background:#333333;}
.navbar-dark .navbar-nav .nav-link{ color:#fff;}
.second-nav{ display:none;}
.navbar-nav .nav-item img{ padding: 0 3%;}


.main1 ul li{ width:90%; float:none; margin:2% auto 0; position:relative;}
.main1 ul li:nth-of-type(5){ margin:2% auto 0;  float:none;}

.main21{ width:90%; margin:0px auto;}
.main21zi {font-size: 14px; color: #585858; line-height: 24px; width: 100%;}
.main2tu img{ display:none;}
.inabnum { width: 100%; padding: 3% 0; color: #fff; font-size: 18px;}
.aboutnum1{ float:left; width:33%;text-align:center;}
.aboutnum2{ float:left; width:33%; text-align:center;}
.aboutnum3{ float:left; width:33%;  text-align:center;}
.aboutnum1 h2 {text-align: center;}

.main3{ padding:2%;}
.inxcaseion{ display:none;}
.card-deck .innews{ width:auto; margin:0px auto;}
.card-deck{ margin:0px;}
footer{ width:100%; background:#8a693c; font-size:12px; color:#fff; padding:15px;}
.foot1{ width:100%; float:none; text-align:center;}
.foot2{ width:100%; float:none; text-align:center;}

.nybg{ width:100%;  height:220px; background-size:auto 100%;}
.mbx{width: 100%; height: auto; line-height: auto; border-bottom:none;}
.mbxmaxwi{width: 100%; margin: 0px auto;}
.mbxleft{ display:none;}
.mbxright {float: none; width: 100%; text-align: center;}

.mbxright button{ display:block; width:100%; display:block; height:100%; color:#fff; padding:1rem 0; background:url(../images/icon_subMenu.png) no-repeat right center; background-size:auto 18px;}
.mbxright .collapse:not(.show){ display:none;}

.mbxright .card{background:#8a693c; border-radius:0; color:#fff;}
.mbxright .btn-link.focus,.mbxright .btn-link:focus,.mbxright .btn-link:hover{ color:#fff; text-decoration:none;}

.mbxright .card-body{ background:#333; position:relative; left:0px; top:0px; z-index:999999;}
.mbxright .card-body a{ display:block; width:100%; color:#fff; border-bottom:1px solid #585858; line-height:45px; height:45px;}
.mbxright a:hover,.mbxright .curry{ background:#333; color:#fff;}

.abzicont{ padding:3%;}
.ableft{ width:100%; float:none;}
.abright{ width:100%; float:none; font-size:16px; line-height:32px; color:#585858;}


.abtucont{ width:100%; background:url(../images/abnybg.jpg) no-repeat center top; height:auto; padding:3%;}
.abtucontleft{ width:100%; float:none; padding:5rem 0; color:#fff; font-size:30px;}
.abtucontright{ width:100%; float:none; background:#f4f4f4;}
.abtucontrightpad{ padding:2rem; line-height:30px; font-size:16px; color:#585858;}
.abturiimg{ text-align:right;}

.newsone{border:1px solid #f4f4f4;}
.newsonefl{ width:100%; float:none;}
.newsonefr{ width:100%; float:none; font-size:16px; line-height:30px;}

.newstwo ul li{ background:#f9f9f9; padding:3%; border:none; margin-top:3%;}
.newstwo .newstwofl{ float:left; width:18%; color:#fff;}
.newstwo .newstwofr{ float:right; width:78%; line-height:24px; font-size:14px; color:#585858;}
.newstwo .newsdekk{ padding:5%; text-align:center; background:#cecece; font-size:14px;}
.newstwo .newsdekk span{ display:block; padding:0; margin:0; font-size:22px; font-weight:normal;}

.casezi{ text-align:center; line-height:24px; font-size:14px; width:100%; margin:0px auto;}
.casezi h2{font-size:22px; color:#333333; padding:0; margin:0;}
.casezi span{content: ""; width: 65px; height: 1px; background-color: #8a693c; display:block; margin:2% auto;}
.caselist .caselistfl{ width:100%; float:none;}
.caselist .caselistfr{ width:100%; float:none;}
.caselist ul li{background:#f9f9f9; margin-bottom:5%;}
.caselist .caselistkk {padding:8%;}
.caselist .caseanan {width: 45%;}

.caseulis ul li{ width:48%; float:left; margin:2% 1% 0; position:relative;}
.caseulis ul li:nth-of-type(1),.caseulis ul li:nth-of-type(2),.caseulis ul li:nth-of-type(3),.caseulis ul li:nth-of-type(4),.caseulis ul li:nth-of-type(5),.caseulis ul li:nth-of-type(6),.caseulis ul li:nth-of-type(7),.caseulis ul li:nth-of-type(8),.caseulis ul li:nth-of-type(9),.caseulis ul li:nth-of-type(10),.caseulis ul li:nth-of-type(11),.caseulis ul li:nth-of-type(12){ margin:2% 1% 0;}



.prolist{ width:100%;}
.prolistkk{ border-left:1px solid #e8e8e8; border-top:1px solid #e8e8e8;}
.prolistkk ul li{ width:100%;float:none; padding:3%;}


.list-contact .t1 {font-size: 20px; line-height: 24px;}
.list-contact .t2 {font-size: 14px; margin-top: 0;}
.list-contact .t3 {margin:2% auto; line-height:18px; font-size: 12px; width:90%;}
.list-message{width:90%;float:none; padding-bottom:5%; margin:0px auto;}
.list-message .title {font-size: 16px; padding-bottom: 5px;}

.list-cot-content{width:90%;float:none; margin:0px auto;}
.list-cot-content li span img{max-height:30px;padding:3px}
.list-cot-content li .t22{font-size:24px;}
.list-cot-content li p {padding-left: 18%;}
.list-join li p {width: 25%; font-size: 12px; padding: 0px;}
.list-join .none {display: none;}
.list-join-show .box ul li span{ display:block;}


.pronefl{ width:100%; float:none;}
.pronefr{ width:100%; float:none; padding:5%;  color:#fff;}


}




@media only screen and (max-width:1024px) and (min-width: 770px){



	

}