/* CSS Document */

/***************banner****************/

.banner{ width:100%; height:465px; float:left; overflow:hidden; position:relative;}

.banner-info{ position:absolute; width:100%; text-align:center; float:left; margin-top:120px; color:#fff;}

.banner-bg,.banner-bg img{ width:100%; height:100%; float:left; overflow:hidden;}

.page-type{ font-size:48px; margin-bottom:60px;margin-top: 60px}

.page-line{ display:block; height:60px; border-top:1px solid #fff; width:80px; margin:0 auto;}

.page-desc{ font-size:36px;}

.page-e{ position:absolute; left:200px; top:0; font-size:72px; opacity:0.12; font-weight:bold; width:50%; text-align:right;}

.page-e span{ font-size:150px;}

.about-menu{ display:block; float:left; width:100%; position:absolute; left:0; bottom:50px;}

.swiper-wrapper{  display:table; margin:0 auto; text-align:center; width:auto;}

#topNav {width: 100%;overflow: hidden;}

#topNav .swiper-slide {width:100px;text-align:center; margin:0 12px; float:left;}

#topNav .swiper-slide a{transition:all .3s ease;float:left; display:block; float:left; width:100px; height:34px; line-height:34px; border-radius:40px; background:#fff; color:#666;}

#topNav .active a,#topNav .active a:hover{background:#198dcd; color:#fff;}

.about-tit{ width:100%; float:left; border-bottom:1px solid #eee; padding-bottom:40px; position:relative; padding-left:30px;}

.about-tit p.c{ font-size:40px; color:#000; margin-bottom:15px;}

.about-tit p.e{ font-size:24px; color:#d4d4d4;}

.about-tit p.e span{ color:#198dcd; margin-right:5px;}

.pt40{ padding-top:40px;}

.about-tit:after{ content:''; display:block; width:50px; height:3px; background:#198dcd; position:absolute; left:30px; bottom:-1px;}



/******************* company *******************/

.company-desc .box-content{ margin-top:20px;}

.company-desc .left-img{ float:left; width:545px;}

.company-desc .left-img img{ width:100%;}

.company-desc .right-desc{ float:right; width:675px;}

.company-desc .right-desc p.e{ font-size:72px; color:#eeebe9; margin-bottom:10px;}

.company-desc .right-desc p.c{ font-size:24px; color:#333; margin-bottom:10px;}

.company-desc .right-desc span.e{ font-size:13px; color:#999;text-transform:uppercase;}

.company-desc .right-desc i{ display:block; width:40px; height:2px; background:#198dcd; margin-top:20px;}

.company-desc .right-desc div{ width:100%; float:left; margin-top:10px;text-align: justify;}

.company-desc .right-desc div p{ line-height:30px; color:#787878; margin-bottom:10px; text-indent:0px;}

.desc-img{ width:100%; float:left; margin-top:60px; clear:both;}

.desc-img img{ float:left; width:25.846%;}

.desc-img img:first-of-type{ margin-right:26px;}

.desc-img img:last-of-type{ width:44.3%; float:right;}

.js{ background:url(../img/js-bg.jpg) center no-repeat;}

.js .box-tit p.tit-c{ color:#fff; font-size:48px;}

.event_box{width:88%; margin:0 6%; margin-top:30px;position:relative;color:#fff; height:360px;}

.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden;}

.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}

.parHd .tempWrap{margin:0 auto;}

.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#fff;position:absolute;right:8%;top:35%;z-index:10; opacity:0.72;}

.parHd li.no_line:before{display:none;}

.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#fff;margin:0 30px;position:relative;}

.parHd li:after{content:'';background:url(../img/dot_ico.png) no-repeat;width:25px;height:25px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}

.parBd{text-align:center;margin-top:60px;}

.parBd h4{position:relative;font-size:40px;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;}

.parBd h4:after{content:'';background:#fff;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}

.parBd h4:before{content:'';background:#fff;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}

.parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto; margin-top:20px;}

div#listBox {width:100%;}

.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px; opacity:0.72; transition:all 0.3s; cursor:pointer;}

.sPrev:hover,.sNext:hover{ opacity:1;}

.sPrev{left:0;}

.sNext{right:0;}

.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}

.parHd li.act span{display:block;width:25px;height:25px;overflow:hidden;background:url(../img/cat.png) no-repeat;position:absolute;top:-12px;left:28px;z-index:21;}

.parHd li span,.parHd li.clone span{display:none;}

.responsibility{ width:100%; height:440px; background:url(../img/company-img5.png) center no-repeat; position:relative;}

.responsibility p{ position:absolute; width:180px; font-size:18px; color:#787878; line-height:30px;}

.responsibility p:nth-of-type(1){ left:120px; top:260px;}

.responsibility p:nth-of-type(2){ left:425px; top:110px;}

.responsibility p:nth-of-type(3){ left:700px; top:270px;}

.responsibility p:nth-of-type(4){ left:990px; top:160px;}



/******************* message *******************/

.message{background:url(../img/jy-bg1.jpg) right top no-repeat, url(../img/jy-bg2.jpg) left bottom no-repeat;}

.chairman-photo{ float:right; width:33%; text-align:center; margin-right:30px;}

.chairman-photo p{ width:100%; margin-bottom:20px;}

.chairman-photo p img{ width:100%;}

.chairman-photo span{ font-size:18px; color:#333;}

.message-box{ float:left; width:calc(67% - 100px); float:left; padding-left:30px; padding-right:70px; border-right:1px solid #eee; padding-bottom:60px;}

.text-c,.text-e{ width:100%; float:left;}

.text-c p{ width:100%; font-size:15px; color:#333; line-height:30px; margin-bottom:30px; text-indent:30px;}

.text-e p{ font-size:18px; color:#333; line-height:30px; font-family:'Times New Roman';overflow:hidden; hyphens:auto; margin-bottom:30px;}

/******************* structure *******************/

.structure{ background:url(../img/structure-bg.jpg) center top no-repeat;}

.structure .about-tit{ border-color:#64bc2a;}

.structure .wrap{ width:1442px;}

.structure .wrap .box-content p{ float:left; margin-top:50px;}

.structure .wrap .box-content p img{ width:100%;}

/******************* team *******************/

.team li{ display:block; float:left; width:calc(50% - 20px); margin-bottom:60px; cursor:pointer;}

.team li:nth-of-type(2n){ float:right;}

.team li .controller-info{ float:right; width:calc(100% - 290px); margin-top:40px; background:#f5f5f5; color:#fff; position:relative; padding:120px 30px 30px 30px; text-align:left; height:350px; overflow:hidden; transition:all 0.5s;}

.team li:hover .controller-info{ padding-top:40px;}

.team li .controller-info .more{ font-size:16px; color:#198dcd; display:block; clear:both; float:left; margin-top:20px;}

.team li:nth-of-type(2n) .controller-info .more{ float:right;}

.team li .controller-photo{ float:left; width:290px; position:relative;}

.team li:nth-of-type(2n) .controller-info{ float:left; text-align:left;}

.team li:nth-of-type(2n) .controller-photo{ float:right; margin-left:0;}

.team li:nth-of-type(2n) .controller-photo .photo{ right:40px; left:auto;}

.team li .controller-info i{ display:block; border:2px solid #198dcd; background:url(../img/team-ico.png) center no-repeat; background-size:100%; width:56px; height:56px; float:right; margin-bottom:20px; margin-top:60px;}

.team li .controller-info p{ float:left;color:#333; margin-bottom:10px;}

.team li:nth-of-type(2n) .controller-info p{ float:right;}

.team li .controller-info p span{ font-size:30px; color:#333;float:none; margin-right:10px;}

.team li .controller-info h3{ float:left; color:#666; font-weight:normal; clear:both; font-size:18px;}

.team li:nth-of-type(2n) .controller-info h3{ float:right;}

.team li .controller-info div{ width:280px; float:left; color:#333; line-height:30px; position:absolute; top:400px; text-align:left; opacity:0; transition:all 0.5s; padding-bottom:20px;}

.team li:nth-of-type(2n) .controller-info div{ text-align:right;}

.team li:hover .controller-info div{ opacity:1; top:150px;}

.team li .controller-info div:after{ width:100px; height:4px; background:#198dcd; content:''; display:block; position:absolute; bottom:0; left:0;}

.team li:nth-of-type(2n) .controller-info div:after{ right:0; left:auto;}

.team li:nth-of-type(2n) .controller-info i{float:left;}

.team li .controller-photo:before{ content:''; display:block; width:290px; height:350px; background:#f6f6f6;}

.team li .controller-photo .photo{ width:250px; height:350px; overflow:hidden; background:#f00; position:absolute; left:40px; top:40px;}

.team li .controller-photo .photo img{ width:100%; height:auto; min-height:100%;}

/******************* qualifications *******************/

.qualifications { background:url(../img/qualifications-bg.jpg) right bottom no-repeat;}

.qualifications li img{ width:100%; float:left;}

.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:90%; margin:40px 5%;}

.imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic}

.imageflow p{margin:0 auto; text-align:center}

.imageflow .loading{border:1px solid #ccc; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px}

.imageflow .loading_bar{background:#ccc; height:15px; visibility:visible; width:1%}

.imageflow .caption{font-weight:bold; position:relative; text-align:center; z-index:10000}

.imageflow .scrollbar{border-bottom:1px solid #b3b3b3; position:relative; visibility:hidden; z-index:10001; height:1px}

.imageflow .slider{height:14px; margin:-6px 0 0 -7px; position:absolute; width:14px; z-index:10002}

.imageflow .images{overflow:hidden; white-space:nowrap;}

.qualifications .about-tit{border-color:#64bc2a;}

.qualifications-box{}

/******************* culture *******************/

.idea{ width:100%; float:left;}

.idea li{ display:block; float:left; width:202px; height:530px; margin-right:15px; border:1px solid #ddd;  text-align:center; position:relative; background:#fff;  cursor:pointer;}

.idea li:last-of-type{ margin-right:0;}

.idea-info{ width:100%; height:100%; float:left;padding:30px; position:absolute; left:0; top:0; z-index:100; }

.idea-bg{ position:absolute; left:0; top:0; z-index:1000; width:100%; height:100%; z-index:0;transition:all 3s; opacity:0;}

.idea li:hover .idea-bg{ opacity:1;}

.idea-type-c{ font-size:20px; color:#333; margin-bottom:10px;transition:all 1s;}

.idea-type-e{ font-size:18px; color:#b8bac6;text-transform:uppercase; font-family:微软雅黑;transition:all 3s;}

.idea-type-b{ width:123px; height:123px; border-radius:50%; border:3px solid #f7f7f7; background:#e7e8ec; margin:0 auto; margin-top:40px; position:absolute; top:80px; left:40px; overflow:hidden;transition:all 3s;}

.idea-type-b img{ -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity:0.48;transition:all 1s; width:100%; height:100%;}

.idea .line{ width:180px; height:1px; background:#b8bac6; transform:rotate(-45deg); display:block; top:180px; left:10px; position:absolute;transition:all 1s;}

.idea-text{ text-align:left; margin:0 auto; line-height:32px; font-size:18px; display:table; margin-top:200px;}

.idea-text p{ float:left; width:18px; margin:0 5px;transition:all 3s; line-height:20px; text-align:center;}

.idea-text p span{ margin-bottom:10px;float:left;}

.idea li:nth-of-type(1) .idea-bg{ background: url(../img/idea-bg1.jpg);}

.idea li:nth-of-type(2) .idea-bg{ background: url(../img/idea-bg2.jpg);}

.idea li:nth-of-type(3) .idea-bg{ background: url(../img/idea-bg3.jpg);}

.idea li:nth-of-type(4) .idea-bg{ background: url(../img/idea-bg4.jpg);}

.idea li:nth-of-type(5) .idea-bg{ background: url(../img/idea-bg5.jpg);}

.idea li:nth-of-type(6) .idea-bg{ background: url(../img/idea-bg6.jpg);}

.idea li:hover .idea-type-c,.idea li:hover .idea-type-e{ color:#fff;}

.idea li:hover .idea-type-b{ background:#fff; border-color:#fff;}

.idea li:hover .idea-type-b img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);opacity:1;}

.idea li:hover .line{ background:#fff;}

.idea li:hover .idea-text p{ color:#fff;}

.practice-l{ width:490px; float:left;}

.practice-l .practice-box{ width:100%; height:325px; float:left; margin-bottom:10px;}

.practice-l .practice-box:last-of-type{ margin-bottom:0;}

.practice-r{ width:800px; float:right;}

.videolist { position:relative; float:left; width:100%; height:100%;}

.videolist:hover{ cursor: pointer; }

.practice-box{ width:100%; height:100%; float:left; position:relative;}

.practice-box .img{ width:100%; height:100%; overflow:hidden;transition:all 0.3s; display:block; cursor:pointer;}

.practice-box .img:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%; background:rgba(0, 0, 0, 0.36); transition:all 0.3s; z-index:100;}

.practice-box .img img{width: 100%;height: 100%;vertical-align: top; transition:all 1s;}

.practice-box .img:hover img{transform:scale(1.05,1.05);}

.video{ width:100%; height:100%; overflow:hidden;}

.videoed {width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; background:rgba(0, 0, 0, 0.24); transition:all 0.3s;}

.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-650px; margin-top:-365px; z-index:1000; width:1300px; height:730px;z-index: 10001; }

.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer;}

.practice-box .tit{ position: absolute; left:0; bottom:0; width:100%; text-align:center; line-height:44px; font-size:18px; color:#fff; display:block; z-index:200;}

.practice-box .t-tit{ position:absolute; left:10%; top:80%; color:#fff; font-size:18px; z-index:10000;}

.practice-box .t-tit span{ font-size:24px; display:block; margin-bottom:10px;}

.practice-r-t{ width:100%; float:left; height:400px; margin-bottom:10px;}

.practice-r-t .practice-box:last-of-type{ width:460px; height:100%; float:left;}

.practice-r-t .practice-box{ float:right; width:330px;}

.practice-r-b{ width:100%; height:250px; float:left;}

.practice-r-b .practice-box{ width:100%; height:100%;}

.mr25{ margin-right:25px;}

.mr55{ margin-right:55px;}

.mr90{ margin-right:90px;}



/************************active************************/

.activity{ width:100%; float:left; padding:60px 0;}

.activity li{ width:410px; float:left; margin:0 35px 35px 0; background:#fff;}

.activity li:nth-of-type(3n){ margin-right:0;}

.activity li a{ display:block; float:left; background:#fff; width:100%; height:100%; cursor:pointer;}

.activity li .img:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%; background:rgba(0, 0, 0, 0.36); transition:all 0.3s; z-index:100;}

.activity li .img { width:100%; height:275px; overflow:hidden;}

.activity li .img img{width: 100%;height: 100%;vertical-align: top; transition:all 1s;}

.activity li a:hover .img img{transform:scale(1.05,1.05);}

.activity li a div{ padding:20px; position:relative;}

.activity li a div span{display:block;font-size:18px;color:#333333;height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.activity li a div p{color:#999999;margin-top:10px;height:19px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.activity li a div:after{content:''; background:url(../img/nico1.png);position:absolute;right:7.8%;bottom:30px; width:20px; height:10px;}

.activity li a:hover div:after{background:url(../img/nico2.png);}

.activity li a:hover div{ background:#198dcd;}

.activity li a:hover div span,.activity li a:hover div p{ color:#fff;}

.activity-show{ width:100%; float:left; padding:0 30px 30px 30px;}

.activity-detail-box{ width:100%;float:left;}

.activity-show{ width:100%; float:left; background:#fff;}

.activity-show-top{ width:100%; float:left; padding:30px 0;}

.activity-show-tit{padding:20px 0 10px 0;font-size:32px;line-height:46px;color:#333;text-align: center;font-weight:bold;}

.activity-show-top .center{display: table;overflow: hidden; text-align:center; margin:0 auto;}

.activity-show-time{ float:left; line-height:36px; font-size:14px;}

.activity-share{ float:left; width:80px; text-align:center; font-size:14px;}

.activity-share span{ display:block; width:100%; margin:5px 0; font-size:12px; float:left;}

.activity-share p{ float:left; width:100%; position:relative; margin-bottom:10px; background:none;}

.activity-share p span{display:block;background: #fff;padding: 0 5px;text-align: center;font-size: 12px; color:#999; margin:0 auto; width:50px; position:absolute; left:50%; margin-left:-25px;}

.activity-share p:after{content: "";display: block;width: 100%;height: 6px;border-bottom:1px solid #e8e8e8;}

.activity-share div{width: 40px;height: 40px; clear:both;cursor: pointer;border-radius: 50%;background-size: contain;margin:10px 20px 5px; float:left; transition: all 0.3s;background-color: #ccc;}

#share-qrcode{ background-image: url(../img/share/wechat.png);}

#share-qzone { background-image: url(../img/share/qzone.png); }

#share-sina { background-image: url(../img/share/sina.png); }

#share-qq { background-image: url(../img/share/qq.png); }

.activity-share #share-qrcode:hover{background-color: #08ba06;}

.activity-share #share-qzone:hover{background-color: #ffcf10;}

.activity-share #share-sina:hover{background-color: #e55f5f;}

.activity-share #share-qq:hover{background-color: #18b4ed;}

#wrapper {overflow: hidden;}

#sidebar {width:80px;float:left; height:250px; margin-top:15px;}

#portamento_container {float:left; position:relative;} /* take the positioning of the sidebar, and become the start point for the sidebar positioning */

#portamento_container #sidebar {float:none; position:absolute;} /* no need to float anymore, become absolutely positoned */

#portamento_container #sidebar.fixed {position:fixed;} /* if the panel is sliding, it needs position:fixed */

.activity-show-text{ float:right; width:calc(100% - 200px); font-size:16px; color:#333;line-height: 2.2; margin-right:80px;}

.activity-show-text p{margin-bottom: 2em;overflow-wrap: break-word;word-wrap: break-word;}

.activity-show-text p .desc {color: #9b9ea3;line-height: 20px;text-align: center;display: block;font-size: 14px;}

.activity-show-text p img.content-picture {max-width: 100%;margin: .6em auto;display: block;}

.prenext{width: 100%;overflow: hidden;background: #f5f5f5; margin-top:100px; float:left;}

.prenext a{width:33.3%;padding:0px 20px;float:left;text-align:center;font-size:14px;color:#444444;line-height:68px;position:relative; transition:all 0.3s; height:68px;}

.prenext a i{ float:left;}

.prenext a:after{content:'';width:1px;position:absolute;top:0px;bottom:0px;right:0px;background:#fff;}

.prenext a:last-child:after{display:none}

.prenext a span{display:inline-block;height:68px;position:relative;padding:0 40px; margin:0 auto; text-align:center; overflow:hidden; line-height:68px;}

.prenext a.first:hover{padding:0px 30px 0px 10px;}

.prenext a.last:hover{padding:0px 10px 0px 30px;}

.prenext a:hover{color:#198dcd;}

.prenext a.first span:after,.prenext a.last span:after{ content:'';border: solid #333;border-width: 0 1px 1px 0; display: inline-block;padding: 5px;transform: rotate(135deg);-webkit-transform: rotate(135deg); float:left; margin:28px 0;position: absolute;margin-left: 14px;top: 2px; left:0; }

.prenext a.last span:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg); left:auto; right:2px;}

.prenext a:hover span:after{ border-color:#198dcd;}

.prenext a.mid span:before{ content:''; display:inline-block; float:left; width:12px; height:6px; border:2px solid #666; border-left:none; border-right:none; margin:30px 10px; transition:all 0.3s;}

.prenext a.mid span{ display:table; margin:0 auto; float:none;}

.prenext a.mid:hover span:before{ border-color:#198dcd;}

/******************* contact *******************/

.contact-info{ width:100%; float:left; background:#fff;}

.contact-info li{ display:block; float:left; width:33.3333%; text-align:center; padding:50px 0;}

.contact-info li p{ margin:20px 0 15px 0; width:100%; color:#198dcd; font-size:18px;}

.contact-info li i img{ width:28px;}

.contact-info li span{ display:block; width:40px; height:2px; background:#198dcd; margin:0 auto;}

.contact-info li div{ width:100%; margin-top:20px; font-size:18px; color:#333;}

.address{ width:100%; float:left; margin-top:10px;}

.address li{ width:100%; float:left; display:block; height:460px;}

.address li .map{ width:50%; height:100%; float:left;}

.map-container {width:100%;height: 100%;float: left;}

.BMap_pop{ display:none;}

.BMap_shadow img{ display:none;}

.BMap_cpyCtrl,.BMap_scaleCtrl,.anchorBL,.anchorTL{ display:none;}

.address-info{ width:50%; float:right; height:100%;  padding:30px 40px; background:#fff;}

.region{ font-size:30px; color:#333; padding:0 40px;}

.address li:nth-of-type(1) .region{ background: url(../img/ico-left.jpg) left center no-repeat;}

.address li:nth-of-type(2) .region{ background: url(../img/ico-right.jpg) right center no-repeat; float:right;}

.specific-address{ font-size:24px; color:#333; line-height:36px;  margin-top:20px; width:100%; clear:both; float:left;}

.address li:nth-of-type(2) .specific-address{ text-align:right;}

.guide{ width:100%; float:left; margin-top:20px;}

.guide-tit{ background:url(../img/line-ico.jpg) 10px center no-repeat; height:30px; line-height:30px; font-size:18px; font-weight:bold; color:#333; padding:0 50px;}

.guide-address{ width:100%; float:left; margin-top:20px; margin-bottom:10px; color:#333;}

.guide-line{ width:100%; float:left; line-height:30px; color:#999;}

.guide-line span{ color:#198dcd;}

.address li:nth-of-type(2) .map{ float:right;}

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

.banner{ height:220px;}

.banner-info{ margin-top:30px;}

.page-type{ font-size:30px; margin-bottom:20px;}

.page-line{ height:20px;}

.page-desc{ font-size:24px;}

.page-e{font-size:30px; left:80px;}

.page-e span{ font-size:72px;}

.box{ padding:10px 0;}

.about-menu{ bottom:10px;}

.swiper-wrapper{  display: flex; margin:0 auto; text-align:center; width:100%;}

#topNav .swiper-slide{margin:10px 4px 0 4px;}

.company-desc .box-content{ margin-top:0;}

.company-desc .left-img{ width:100%; margin-bottom:20px;}

.company-desc .right-desc{ width:100%; float:left;}

.company-desc .right-desc p.e{ font-size:30px; margin-bottom:5px;}

.company-desc .right-desc p.c{ font-size:18px; margin-bottom:5px; line-height:24px;}

.company-desc .right-desc span.e{ font-size:12px; letter-spacing:1px;}

.desc-img{ margin-top:10px;}

.desc-img img:first-of-type{ margin-right:8px;}

.box-tit p.tit-e img{ height:40px;}

.js .box-tit p.tit-c{ font-size:24px;}

.event_box{ width:100%; margin:0;}

.sNext{ right:10px;}

.event_box .parHd {width: calc(100% - 40px);}

.parBd{ margin-top:20px;}

.parBd h4{ font-size:20px; padding:0 10px;}

.parBd h4::before,.parBd h4::after{ bottom:8px;}

.event_box{ height:200px;}

.parBd p{ margin-top:10px;}

.responsibility{ background-size:contain; height:180px;}

.responsibility p{ width:80px; font-size:12px;line-height:16px;}

.responsibility p:nth-of-type(1){ left:20px; top:80px;}

.responsibility p:nth-of-type(2){ left:120px; top:50px;}

.responsibility p:nth-of-type(3){ left:210px; top:70px;}

.responsibility p:nth-of-type(4){ left:310px; top:60px;}

.about-tit p.c{ font-size:24px; margin-bottom:5px; margin-top:10px;}

.about-tit p.e{ font-size:18px;}

.about-tit{ padding-bottom:20px;}

.about-tit{padding-left:10px;}

.about-tit:after{ left:10px;}

.chairman-photo{ width:100%; margin:0; margin-bottom:10px;}

.message-box{ width:100%; padding:0; border:none;}

.structure .wrap{ width:100%;}

.structure .wrap .box-content{ padding-top:80px; padding-bottom:80px; overflow:hidden;}

.structure .wrap .box-content p{transform:rotate(90deg); margin-top:0;float:left; width:130%; padding-top:100px;}

.team li{padding-right:0; margin-bottom:10px; padding-bottom:30px; width:100%; background:#f6f6f6; padding:10px;}

.team li:nth-of-type(2n){padding-bottom:30px;}

.team li .controller-photo .photo,.team li .controller-photo::before{ width:300px; height:220px;}

.team li .controller-photo{ width:100%; margin-left:20px;}

.team li .controller-info{ width:100%;}
.team li .controller-info .more{ display:none;}

.team li .controller-info i{ float:left; margin-top:0; margin-right:20px; width:34px; height:34px; margin-left:60px; margin-bottom:0;}

.team li .controller-info p{ float:left; text-align:left; width:auto; font-size:24px; line-height:30px; font-size:18px; margin-bottom:0;}

.team li .controller-info span{ float:left; line-height:34px; margin-left:0;}

.team li .controller-info div{ margin-top:10px; padding-bottom:10px; opacity:1; top:60px; width:100%; line-height:24px;}
.team li .controller-photo::before{ display:none;}
.team li .controller-photo .photo{ position:static; width:170px; height:260px;}
.team li .controller-photo{ width:170px; float:left; margin-left:0;}
.team li .controller-info{ width:calc(100% - 180px); float:right; padding:10px 0; margin-top:0; height:260px;}
.team li .controller-info p span{ font-size:24px;}
.team li .controller-info h3{ font-size:15px;}

.team li:nth-of-type(2n){padding-left:0;}

.team li:nth-of-type(2n) .controller-photo{ float:right;}

.team li .controller-info div::after{ display:none;}

.idea li{ width:100%; margin-right:10px; margin-bottom:10px; height:225px;}

.idea li:nth-of-type(2n){ float:right; margin-right:0;}

.idea-info{ padding:10px;}

.idea .line{ left:-10px; top:140px; width:160px;}

.idea-type-b{ left:15px; top:70px; margin-top:10px; width:100px; height:100px;}

.idea-text{ margin-top:30px; float:right;}

.idea-text p{writing-mode: lr-tb; width:220px; text-align:left;}

.mr25{ margin-right:0;}

.mr55{ margin-right:0;}

.mr90{ margin-right:0;}

.practice-r{ margin-top:10px;}

.practice-l,.practice-r{ width:100%;}

.practice-l .practice-box,.practice-r-t{ height:auto;}

.practice-r-t .practice-box{ width:100%;}

.practice-r-t .practice-box:last-of-type{ width:100%; height:200px; margin-top:10px;}

.practice-r-b .practice-box{ width:100%; height:200px; margin-bottom:10px;}

.practice-r-t .practice-box:last-of-type .tit{ top:60px;}

.practice-r-t .practice-box .more{ bottom:55px; left:60px;}

.practice-r-b{ height:auto;}

.activity{ padding:10px 0;}

.activity li{ width:100%; margin-right:0; margin-bottom:10px;}

.activity-detail .wrap{ padding:0;}

.activity-detail{ padding:0;}

.activity-show{ padding:0;}

#portamento_container{ display:none;}

.activity-show-text{ width:100%; margin-right:0; padding:0 20px;}

.prenext{ margin-top:0;}

.contact-info li{ padding:20px 0;}

.contact-info li{ width:100%; }

.address li{height:auto;}

.address li .map,.address-info{ width:100%; height:230px;}

.address-info{ padding:20px 10px; height:auto;}

.region{ font-size:22px;}

.specific-address{ font-size:18px; margin-top:10px;}

.address li:nth-of-type(2) .region,.address li:nth-of-type(1) .region{background: url(../img/ico-top.jpg) left center no-repeat;}

}