.ell{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

@font-face {
	font-family:YIYI;
	src: url('../font/NORMANDI.TTF');
}
@font-face {
	font-family:YIYICN;
	src: url('../font/048-CAT978.ttf');
}
/***************** position:absolute; left:50%; top: 61px; transform: translate(-50%, 0); *****************/

.header{ width:100%; height:150px; padding: 0 60px 0 44px; position:absolute; top:0; z-index:1000;}.bgfff{ background:#fff;}
.fixed{ position:fixed; background:#fff !important;}
.hideNav{ margin:-150px 0 0;}
.hidden .hideNav{ margin:0;}
.header-container{ height:150px; padding:40px 0 18px; position:relative;}
.header-title{ color:#211815; font-weight: bold; font-style: italic; font-size:26px; line-height:21px; position:absolute; z-index:1; font-family:YIYICN; letter-spacing:-1px;}
.header-title span{ letter-spacing:-1px;}
.header-title a:hover{ color:#000;}

.header-contacts{ position:absolute; left:136px; top:3px; position:relative;}
.header-contacts .icon-wechat{ float:left; width:38px; height:38px; display:block; background:url(../images/icon-wechat.png) no-repeat; background-size:38px;}
.header-contacts .icon-tel{ float:left; width:38px; height:38px; display:block; background:url(../images/icon-tel.png) no-repeat; background-size:38px; margin:0 0 0 10px;}
.header-contacts .icon-url{ float:left; font-size:16px; padding:5px 0 0 30px; font-weight:bold; color:#333;}
.header-contacts .icon-url:hover{ color:#000;}
.header-contacts-wap{ display:none;}

.logo{ width:115px; height:67px; position:absolute; right:0; z-index:1;}
.logo a{  width:115px; height:67px; display:block; position:relative;}
.logo a:after{ content: ""; width:50px; height:1px; background:#211815; position: absolute; left:-5px; top:37px; transform:rotate(-35deg);
-ms-transform:rotate(-35deg);-moz-transform:rotate(-35deg);-webkit-transform:rotate(-35deg);-o-transform:rotate(-35deg);}
.logo img{ width:100%;}
.linexx{ width:calc(100% - 115px); height:1px; background:#211815; position:absolute; bottom:58px;}

.menuIcon{ z-index:100000; cursor:pointer; position:absolute; bottom: 0; left: -20px; padding: 6px 0 0 20px; width: 80px; height: 50px;}
.btn-nav{ width:100%; height:100%; background:0 0;border:none;padding:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer;z-index:1099999;}
.btn-nav.hide{ display:none;}
.btn-nav:focus{outline:0}

.icon-bar8{display:block;margin:5px 0;width:25px;height:2px;background-color:#000}
.btn-nav:hover .icon-bar8{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;background-color:#000}
.animated2{display:block;margin:0 auto;}
.animated2:focus .icon-bar8,.animated2:hover .icon-bar8{background-color:#000}
.animated2:focus{cursor:pointer;z-index:9999}
.icon-bar8{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:999999}
.animated2 .icon-bar8{z-index:999999;background-color:#000}
.animated2 .top8{-webkit-transform:translateY(6px) rotateZ(45deg);-moz-transform:translateY(6px) rotateZ(45deg);-ms-transform:translateY(6px) rotateZ(45deg);-o-transform:translateY(6px) rotateZ(45deg);transform:translateY(6px) rotateZ(45deg)}
.animated2 .bottom8{-webkit-transform:translateY(-8px) rotateZ(-45deg);-moz-transform:translateY(-8px) rotateZ(-45deg);-ms-transform:translateY(-8px) rotateZ(-45deg);-o-transform:translateY(-8px) rotateZ(-45deg);transform:translateY(-8px) rotateZ(-45deg)}
.animated2 .middle8{width:0}
.wrap>div {
	opacity: 0;
	padding: 10px;
}

.layer-left{ padding:0 0 0 44px;}
.layer-left ul li{ margin:48px 0 0;}
.layer-left ul li p{ color:#211815; font-size:24px; line-height:34px; font-family:YIYICN;}
.layer-left ul li span{ color:#211815; font-size:21px; line-height:21px; font-weight:lighter;}

/**INDEX**/
.index01{ width:100%; height:100%; padding: 0 60px 0 44px; overflow:hidden;}
.index01 .index01-container{ width:100%; height:100%; margin:150px 0 0; background:url(../images/bg1.png) no-repeat bottom center; background-size:cover;}








































/******Brand Plan*****/
.jutong01{ width:100%; height:1108px; padding: 180px 60px 0 44px; position:relative;}
.jutong01 .jutong01-container{ width:100%; height:82px; line-height:80px; border:1px solid #211815; text-align:center;}
.jutong01 .jutong01-container h1{ font-size:30px;}
.jutong01 .jutong01-container h1 span{ font-size:36px; padding:0 0 0 20px; font-family:YIYICN;}

.jutong02{ width:100%; overflow:hidden; background:#fff;}
.jutong02 .jutong02-container{ width:1400px; margin:0 auto; padding:160px 0 130px; overflow:hidden;}
.jutong02 .jutong02-container dl { float:left; padding:0 60px;}
.jutong02 .jutong02-container dl dt{ color:#1b2881; font-size:64px; line-height:74px; font-family:YIYICN; letter-spacing:-2px; padding:0 0 50px;}
.jutong02 .jutong02-container dl dd{ font-size:37px; line-height:75px; font-weight:lighter;}
.jutong02 .jutong02-container dl.t01{ width:40%;}
.jutong02 .jutong02-container dl.t02{ width:60%;}

.jutong03{ width:100%; height:1108px; padding: 0 60px 0 44px; position:relative;}
.jutong04{ width:100%; height:2220px; padding:180px 60px 190px 44px; background:#1b2881;}
.jutong04 .jutong04-container{ color:#fff; width:1280px; height:100%; margin:0 auto; overflow:hidden; position:relative;}
.jutong04 .jutong04-plan1{ position:absolute; top:20px; right:270px;}
.jutong04 .jutong04-plan1 h3{ font-size:46px; line-height:46px; font-family:YIYICN;}
.jutong04 .jutong04-plan1 p{ font-size:37px; line-height:37px; font-weight:lighter; padding:20px 0 0;}
.jutong04 .jutong04-plan2{ width:510px; font-size:24px; line-height:48px; font-weight:lighter; position:absolute; left:0; top:230px;}
.jutong04 .jutong04-plan3{ position:absolute; top:640px; left:200px;}
.jutong04 .jutong04-plan3 h3{ font-size:46px; line-height:46px; font-family:YIYICN;}
.jutong04 .jutong04-plan3 p{ font-size:37px; line-height:37px; font-weight:lighter; padding:20px 0 0;}
.jutong04 .jutong04-plan4{ width:508px; font-size:24px; line-height:48px; font-weight:lighter; position:absolute; right:0; top:780px;}
.jutong04 .jutong04-plan4 .note{ padding:0 0 0 125px;}
.jutong04 .jutong04-plan5{ width:508px; font-size:24px; line-height:48px; font-weight:lighter; position:absolute; right:0; top:1000px;}
.jutong04 .jutong04-plan5 .note{ padding:0 0 0 125px;}
.jutong04 .jutong04-plan6{ width:508px; font-size:24px; line-height:48px; font-weight:lighter; position:absolute; right:0; top:1260px;}
.jutong04 .jutong04-plan6 .note{ padding:0 0 0 125px;}
.jutong04 .jutong04-plan7{ width:508px; font-size:24px; line-height:48px; font-weight:lighter; position:absolute; right:0; top:1530px;}
.jutong04-line1{ width:510px; position:absolute; left:0; top:460px;}
.jutong04-line1 .line-jt{ position:relative;}
.jutong04-line1 .line-jt:before{ content: ""; width:100%; height:1px; background:#fff; position: absolute; bottom:0; left:0;}
.jutong04-line1 .line-jt:after{ content: ""; width:330px; height:1px; background:#fff; position: absolute; bottom:116px; right:-281px; transform:rotate(-45deg);
-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.jutong04-line2{ width:510px; position:absolute; right:30px; top:960px;}
.jutong04-line2 .line-jt{ position:relative;}
.jutong04-line2 .line-jt:before{ content: ""; width:100%; height:1px; background:#fff; position: absolute; bottom:0; left:0;}
.jutong04-line2 .line-jt:after{ content: ""; width:330px; height:1px; background:#fff; position: absolute; bottom:116px; left:-281px; transform:rotate(45deg);
-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.jutong04-line3{ width:510px; position:absolute; right:30px; top:1230px;}
.jutong04-line3 .line-jt{ position:relative;}
.jutong04-line3 .line-jt:before{ content: ""; width:100%; height:1px; background:#fff; position: absolute; bottom:0; left:0;}
.jutong04-line3 .line-jt:after{ content: ""; width:470px; height:1px; background:#fff; position: absolute; bottom:203px; left:-352px; transform:rotate(60deg);
-ms-transform:rotate(60deg);-moz-transform:rotate(60deg);-webkit-transform:rotate(60deg);-o-transform:rotate(60deg);}
.jutong04-line4{ width:510px; position:absolute; right:30px; top:1435px;}
.jutong04-line4 .line-jt{ position:relative;}
.jutong04-line4 .line-jt:before{ content: ""; width:100%; height:1px; background:#fff; position: absolute; bottom:0; left:0;}
.jutong04-line4 .line-jt:after{ content: ""; width:650px; height:1px; background:#fff; position: absolute; bottom:294px; left:-462px; transform:rotate(65deg);
-ms-transform:rotate(65deg);-moz-transform:rotate(65deg);-webkit-transform:rotate(65deg);-o-transform:rotate(65deg);}
.jutong04-line5{ width:540px; position:absolute; right:30px; bottom:0;}
.jutong04-line5 .line-jt{ position:relative;}
.jutong04-line5 .line-jt:before{ content: ""; width:100%; height:1px; background:#fff; position: absolute; bottom:0; left:0;}
.jutong04-line5 .line-jt:after{ content: ""; width:1000px; height:1px; background:#fff; position: absolute; bottom:469px; left:-670px; transform:rotate(70deg);
-ms-transform:rotate(70deg);-moz-transform:rotate(70deg);-webkit-transform:rotate(70deg);-o-transform:rotate(70deg);}

.jutong05{ width:100%; height:1108px; padding: 0 60px 0 44px; position:relative;}

.jutong06{ width:100%; height:1760px; padding:180px 60px 190px 44px; background:#282725;}
.jutong06 .jutong06-container{ color:#fff; width:1280px; height:100%; margin:0 auto; overflow:hidden; position:relative;}
.jutong06 .jutong06-plan1{ position:absolute; top:0; right:270px;}
.jutong06 .jutong06-plan1 h3{ font-size:46px; line-height:46px; font-family:YIYICN;}
.jutong06 .jutong06-plan1 p{ font-size:37px; line-height:37px; font-weight:lighter; padding:20px 0 0;}
.jutong06 .jutong06-plan2{ width:510px; font-size:23px; line-height:48px; font-weight:lighter; position:absolute; left:0; top:220px;}
.jutong06 .jutong06-plan3{ position:absolute; top:720px; left:0;}
.jutong06 .jutong06-plan3 h3{ font-size:46px; line-height:46px; font-family:YIYICN;}
.jutong06 .jutong06-plan3 p{ font-size:37px; line-height:37px; font-weight:lighter; padding:20px 0 0;}
.jutong06 .jutong06-plan4{ width:808px; font-size:23px; line-height:48px; font-weight:lighter; position:absolute; right:0; top:880px;}
.jutong06 .jutong06-plan4 .note{ padding:0 0 0 125px;}
.jutong06 .jutong06-plan5{ width:808px; font-size:23px; line-height:48px; font-weight:lighter; position:absolute; right:0; top:1160px;}
.jutong06 .jutong06-plan5 .note{ padding:0 0 0 125px;}
.jutong06-line1{ width:510px; position:absolute; left:0; top:600px;}
.jutong06-line1 .line-jt{ position:relative;}
.jutong06-line1 .line-jt:before{ content: ""; width:100%; height:1px; background:#fff; position: absolute; bottom:0; left:0;}
.jutong06-line1 .line-jt:after{ content: ""; width:470px; height:1px; background:#fff; position: absolute; bottom:193px; left:410px; transform:rotate(-55deg);
-ms-transform:rotate(-55deg);-moz-transform:rotate(-55deg);-webkit-transform:rotate(-55deg);-o-transform:rotate(-55deg);}
.jutong06-line2{ width:652px; position:absolute; right:30px; top:1060px;}
.jutong06-line2 .line-jt{ position:relative;}
.jutong06-line2 .line-jt:before{ content: ""; width:100%; height:1px; background:#fff; position: absolute; bottom:0; left:0;}
.jutong06-line2 .line-jt:after{ content: ""; width:330px; height:1px; background:#fff; position: absolute; bottom:94px; left:-300px; transform:rotate(35deg);
-ms-transform:rotate(35deg);-moz-transform:rotate(35deg);-webkit-transform:rotate(35deg);-o-transform:rotate(35deg);}
.jutong06-line3{ width:678px; position:absolute; right:30px; top:1370px;}
.jutong06-line3 .line-jt{ position:relative;}
.jutong06-line3 .line-jt:before{ content: ""; width:100%; height:1px; background:#fff; position: absolute; bottom:0; left:0;}
.jutong06-line3 .line-jt:after{ content: ""; width:580px; height:1px; background:#fff; position: absolute; bottom:237px; left:-456px; transform:rotate(55deg);
-ms-transform:rotate(55deg);-moz-transform:rotate(55deg);-webkit-transform:rotate(55deg);-o-transform:rotate(55deg);}

.jutong07{ width:100%; height:2884px; padding: 0 60px 0 44px;background:#1b2881 url(../images/jutong05.jpg) center 0 no-repeat; background-attachment:fixed; position:relative;}
.jutong07 .img{ width:746px; height:2684px; float:right; margin:200px 265px 0 0; z-index:1;}
.jutong07 .note{ position:absolute; top:30px; padding:0 20px 0 0; color:#fff; font-size:16px; line-height:30px; display:none;}
.jutong07 .note h3{ font-family:YIYICN; font-size:40px; line-height:40px; color:#000; padding:0 0 20px;}

.jutong08{ width:100%; height:1080px; overflow:hidden; background:#000; position:relative;}
.jutong08 video{ width:100%; height:100%; object-fit:cover}

.jutong09{ width:100%; background:#d4d4d4; position:relative;}
.jutong09 .jutong09-caselist{}
.jutong09 .jutong09-container{ width:1400px; height:100%; margin:0 auto; overflow:hidden;}
.jutong09 .box-0{ width:100%; height:325px; padding:144px 0 0 40px; position:relative;}
.jutong09 .box-0 .box-left{ font-size:58px; line-height:58px; font-family:YIYICN;}
.jutong09 .box-0 .box-left span{ display:block; color:#2b6af9;}
.jutong09 .box-0 .box-right{ float:right; margin:48px 50px 0 0;}
.jutong09 .box-0 .box-right a{ width:200px; height:65px; padding:10px 0 0; display:block; font-size:24px; line-height:20px; font-family:YIYICN; position:relative;}
.jutong09 .box-0 .box-right a span{ display:block;}
.jutong09 .box-0 .box-right a:before{ content: ""; width:145px; height:1px; background:#211815; position: absolute; bottom:0; left:0;}
.jutong09 .box-0 .box-right a:after{ content: ""; width:60px; height:1px; background:#211815; position: absolute; bottom:24px; left:132px; transform:rotate(-55deg);
-ms-transform:rotate(-55deg);-moz-transform:rotate(-55deg);-webkit-transform:rotate(-55deg);-o-transform:rotate(-55deg);}

.jutong09 .box-1{ width:536px; height:770px; margin:0 auto; background:url(../images/case1.png) no-repeat; background-size:cover; position:relative;}
.jutong09 .box-1 .pic img{ width:470px; margin:0 0 0 35px;}
.jutong09 .box-1 .note{ width:470px; height: 78px; padding:0 30px; position: absolute; bottom: 65px;left: 35px; transition: all ease 1s; background:#fff;}
.jutong09 .box-1 .note h3{ font-size:21px; line-height:28px; color:#3e3a3a; padding:18px 0 0;}
.jutong09 .box-1 .note span{ color:#d5d5d6; font-size:16px; line-height:18px; display:block; font-weight:lighter;}
.jutong09 .box-1 .note p{ color:#9fa0a0; font-size:17px; line-height:24px; font-weight:lighter; padding:15px 0 0; opacity: 0; -moz-opacity:0; filter: Alpha(opacity=0); transition:all ease 1s;}
.jutong09 .box-1 a{ height:100%; display:block;}
.jutong09 .box-1:hover .note{ height:168px; background:#fff;}
.jutong09 .box-1:hover p{ opacity: 1;}
.jutong09 .box-1:hover h3{ color:#333;}

.jutong09 .box-2{ width:690px; height:587px; margin:90px auto 0; /*background:url(../images/case2.png) no-repeat;*/ background-size:cover; position:relative;}
.jutong09 .box-2 .pic img{ width:593px; margin:0 0 0 55px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.jutong09 .box-2 .note{ width:593px; height: 71px; padding:0 30px; position: absolute; bottom: 72px;left: 55px; transition: all ease 1s; background:#fff;}
.jutong09 .box-2 .note h3{ font-size:21px; line-height:28px; color:#3e3a3a; padding:18px 0 0;}
.jutong09 .box-2 .note span{ color:#d5d5d6; font-size:16px; line-height:18px; display:block; font-weight:lighter;}
.jutong09 .box-2 .note p{ color:#9fa0a0; font-size:17px; line-height:24px; font-weight:lighter; padding:15px 0 0; opacity: 0; -moz-opacity:0; filter: Alpha(opacity=0); transition:all ease 1s;}
.jutong09 .box-2 a{ height:100%; display:block;}
.jutong09 .box-2:hover .note{ height:168px; background:#fff;}
.jutong09 .box-2:hover p{ opacity: 1;}
.jutong09 .box-2:hover h3{ color:#333;}

.cd-tabs-content li:nth-child(2) .box-2,.cd-tabs-content li:nth-child(3) .box-2{  width:690px; height:665px;  margin:30px auto 0; }

.section_aa{ float:left; width:50%; overflow:hidden;}

.box-contact{ clear:both; padding:180px 0 120px 320px; overflow:hidden; position:relative;}
.box-left{ color:#2b6af9; font-size:135px; line-height:135px; font-family:YIYICN;}
.box-right{ font-size:47px; line-height:64px; font-weight:lighter; position:absolute; right:180px; bottom:70px;}
.box-contact .box-right{ bottom:130px;}

.jutong09 .box-contact{ padding:180px 0 120px 120px;}
.jutong09 .box-right{ right:60px;}

.wap,.g_fnva{ display:none}
@media (max-width: 1919px){ 
.jutong07 .img{ margin:200px 50px 0 0;}
}


@media (max-width: 1679px){ 

}

@media (max-width: 1440px){ 
.jutong01{ padding:180px 44px 0;}
.jutong09 .jutong09-container{ width:100%; padding:0 60px;}
.jutong09 .box-2{ margin:90px 0 0 30px;}
.jutong07{ height:2431px;}
.jutong07 .img{ width:620px; height:2231px; margin:200px 100px 0 0;}



}

@media (max-width: 1366px){ 
.jutong01{ height:800px;}
.jutong02 .jutong02-container{ width:100%; padding:160px 60px 130px;}
.jutong02 .jutong02-container dl dt{ font-size:50px;}
.jutong02 .jutong02-container dl dd{ font-size:30px;}
.jutong03{ height:800px;}
.jutong04{ padding:180px 80px;}
.jutong04 .jutong04-plan3{ left:100px;}
.jutong04 .jutong04-plan4,.jutong04-line2,.jutong04 .jutong04-plan5,.jutong04-line3,.jutong04 .jutong04-plan6,.jutong04-line4,.jutong04 .jutong04-plan7,.jutong04-line5{ right:100px;}
.jutong05{ height:800px;}
.jutong06{ padding:180px 80px;}
.jutong06 .jutong06-plan4,.jutong06-line2,.jutong06 .jutong06-plan5,.jutong06-line3{ right:100px;}
.jutong09 .box-2{ margin:90px 0 0 20px;}
.box-left{ font-size:115px; line-height:115px;}
.box-right{ font-size:38px;}


.jutong01,.jutong03,.jutong05,.jutong07{ background-attachment:local !important;}
.jutong06 .jutong06-plan5 .note{width:680px; float:right;}

}

@media (max-width: 1280px){ 
.jutong01{ background-size: 200% !important;}
.jutong02 .jutong02-container{ padding:130px 0 130px;}
.jutong02 .jutong02-container dl dt{ font-size:40px;}
.jutong02 .jutong02-container dl dd{ font-size:20px; line-height:60px;}
.jutong02 .jutong02-container dl dd br{ display:none;}
.jutong04 .jutong04-container{ width:100%;}
.jutong04 .jutong04-plan1{ left:0; right:auto;}
.jutong04 .jutong04-plan3{ left:0; right:auto; top:560px;}
.jutong04 .jutong04-plan4, .jutong04-line2, .jutong04 .jutong04-plan5, .jutong04-line3, .jutong04 .jutong04-plan6, .jutong04-line4, .jutong04 .jutong04-plan7, .jutong04-line5{ right:0;}
.jutong06 .jutong06-container{ width:100%;}
.jutong06 .jutong06-plan1{ left:0; right:auto;}
.jutong06 .jutong06-plan3{ top:670px;}
.jutong06 .jutong06-plan4, .jutong06-line2, .jutong06 .jutong06-plan5, .jutong06-line3{ right:0;}
.jutong06 .jutong06-plan4,.jutong06-line2{ width:100%;}
.jutong06 .jutong06-plan4 .note{ padding:0;}
.jutong06 .jutong06-plan5,.jutong06-line3{ width:100%;}
.jutong06 .jutong06-plan5 .note{ padding:0;}
.jutong06-line2{ top:1120px;}
.jutong07{ padding:0 40px; height:1500px; background-position: -190px center !important; background-size:180% !important;}
.jutong07 .img{ width:400px; height:1300px; margin:100px 0 0;}

.jutong09 .jutong09-container{ height:auto; padding:0;}
.jutong09 .box-0{ height:auto; padding:100px 60px;}
.jutong09 .box-0 .box-right{ right:40px; margin:0; bottom:100px;}
.jutong09 .box-1{ float:none; margin:0 auto;}
.jutong09 .box-2{ float:none; margin:90px auto 0;}
.box-left{ font-size:75px; line-height:75px;}
.box-right{ bottom:30px; position:static;}
.section_box{ width:100%; padding:0; overflow:hidden;}
.section_box .pic img{ max-height:none !important;}
.section_box .box-1 .pic{ margin:0 auto;}

.jutong06 .jutong06-plan5 .note{width:100%; float:none;}
}


@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : portrait) {  
.jutong07 .img{ width:350px;}

}


/* iPads (landscape) 纵向----------- */  
@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : landscape) {  
.jutong01{ height:650px; background-size:cover !important;}
.jutong06 .jutong06-plan5{ width:100%;}
.jutong06 .jutong06-plan5 .note{ padding:0;}
.jutong06-line3{ width:100%;}
.jutong09 .jutong09-container{ padding:0 40px;}
.jutong09 .box-1{ float:left; width:45%; height:auto; background:none;}
.jutong09 .box-1 .pic img,.jutong09 .box-2 .pic img{ margin:0; width:100%;}
.jutong09 .box-2{ float:left; width:50%; margin:0 0 0 5%; background:none;}
.jutong09 .box-1 .note{ position:static; width:100%;}
.jutong09 .box-2 .note{ position:static; width:100%;}
.box-contact .box-right{ bottom:115px;}
}

@media (min-device-width : 1024px) and (max-width: 1366px) and (orientation : portrait){
.jutong06 .jutong06-plan5{ width:100%;}
.jutong06 .jutong06-plan5 .note{ padding:0;}
.jutong06-line3{ width:100%;}
.section_box{ padding:0 40px;}
.aaa{ padding:120px 0 120px 50px !important;}
.jutong01{ height:1000px;}

.box-right{ }
}


@media screen and (max-width: 767px) {
.jutong01{ height:470px; padding:120px 20px;}
.jutong01 .jutong01-container{ height:auto; line-height:24px; padding:10px 0 5px;}
.jutong01 .jutong01-container h1{ font-size:20px;}
.jutong01 .jutong01-container h1 span{ font-size:16px; padding:0; display:block;}
.jutong02 .jutong02-container{ padding:40px 0;}
.jutong02 .jutong02-container dl.t01{ float:none; width:100%; padding:0 20px;}
.jutong02 .jutong02-container dl dt{ font-size:30px; line-height:50px; letter-spacing:0; padding:0;}
.jutong02 .jutong02-container dl dd{ font-size:16px; line-height:40px; font-weight:normal;}
.jutong02 .jutong02-container dl.t02{ float:none; width:100%; padding:20px 20px 0;}

.jutong04{ height:auto; padding:40px 20px;}
.jutong04 .jutong04-plan1{ position:static;}
.jutong04 .jutong04-plan1 h3{ font-size:30px; line-height:50px;}
.jutong04 .jutong04-plan1 h3 br{ display:none;}
.jutong04 .jutong04-plan1 p{ font-size:20px; line-height:30px; padding:0; font-weight:normal;}
.jutong04 .jutong04-plan2{ width:100%; font-size:16px; line-height:30px; position:static; font-weight:normal; padding:20px 0 0;}
.jutong04-line1{ position:static; margin:30px 0 50px;}
.jutong04 .jutong04-plan3{ position:static; padding:0 0 30px;}
.jutong04 .jutong04-plan3 h3{ font-size:30px; line-height:50px;}
.jutong04 .jutong04-plan3 h3 br{ display:none;}
.jutong04 .jutong04-plan3 p{ font-size:20px; line-height:30px; padding:0; font-weight:normal;}
.jutong04 .jutong04-plan4, .jutong04-line2, .jutong04 .jutong04-plan5, .jutong04-line3, .jutong04 .jutong04-plan6, .jutong04-line4, .jutong04 .jutong04-plan7, .jutong04-line5{ position:static; font-weight:normal; width:100%; font-size:16px; line-height:30px;}
.jutong04 .jutong04-plan4 .note,.jutong04 .jutong04-plan5 .note,.jutong04 .jutong04-plan6 .note{ padding:10px 0 20px;}
.jutong04 .jutong04-plan5{ padding:20px 0;}
.jutong04 .jutong04-plan6{ padding:20px 0;}
.jutong04 .jutong04-plan7{ padding:20px 0;}

.jutong06{ height:auto; padding:40px 20px;}
.jutong06 .jutong06-plan1,.jutong06 .jutong06-plan2,.jutong06-line1,.jutong06 .jutong06-plan3,.jutong06 .jutong06-plan4,.jutong06-line2,.jutong06 .jutong06-plan5,.jutong06-line3{ position:static; font-weight:normal; width:100%; font-size:16px; line-height:30px;}
.jutong06 .jutong06-plan1 h3{ font-size:30px; line-height:50px;}
.jutong06 .jutong06-plan1 h3 br{ display:none;}
.jutong06 .jutong06-plan1 p{ font-size:20px; line-height:30px; padding:0; font-weight:normal;}
.jutong06 .jutong06-plan2{ width:100%; font-size:16px; line-height:30px; position:static; font-weight:normal; padding:20px 0 0;}
.jutong06-line1{ position:static; margin:30px 0 50px;}
.jutong06 .jutong06-plan3 h3{ font-size:30px; line-height:50px;}
.jutong06 .jutong06-plan3 h3 br{ display:none;}
.jutong06 .jutong06-plan3 p{ font-size:20px; line-height:30px; padding:0; font-weight:normal;}
.jutong06 .jutong06-plan4{ padding:20px 0;}
.jutong06-line2{ position:static; margin:0;}
.jutong06 .jutong06-plan5 .note{ padding:20px 0;}
.jutong07{ height:auto; background:#1b2881; overflow:hidden; padding:0 20px 20px;}
.jutong07 .img{ margin:480px auto 0; height:auto; float:none; width:100%;}
.jutong08{ background:#000; height:240px; object-fit:none;}
.jutong09 .box-0{ padding:40px 20px;}
.jutong09 .box-0 .box-left{ font-size:30px; line-height:28px;}
.jutong09 .box-0 .box-right{ position:static;}
.jutong09 .box-0 .box-right a{ width: 110px; height: 45px; padding: 10px 0 0; display: block; font-size: 16px; line-height: 16px;}
.jutong09 .box-0 .box-right a:before{ width:80px;}
.jutong09 .box-0 .box-right a:after{ width:40px; left:72px; bottom:16px;}
.jutong09 .box-1{ padding:0 20px 40px; height:auto;}
.jutong09 .box-1 .pic{ width:100% !important;}
.jutong09 .box-1 .pic{ width:100%;}
.jutong09 .box-1 .note{ width:100%;}
.jutong09 .box-1 .pic img{ width:100%;}
.jutong09 .box-2{ padding:0 20px;}


.jutong07 .note{ position:absolute; top:30px; padding:0 20px 0 0; color:#fff; font-size:16px; line-height:30px; display:block;}
.jutong07 .note h3{ font-family:YIYICN; font-size:40px; line-height:40px; color:#000; padding:0 0 20px;}

.jutong09 .box-contact{ padding:40px 0 60px 20px;}
}
@media screen and (max-width: 375px) {

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


}