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

/****** Home-banner-style ******/
#banner { position: absolute;width: 100%;left: 0;top: 0%; z-index: 1; background:url(b_bg.png)}
#banner .slides li {}
#banner .slides .Item { position: relative; }
#banner .slides .Item .box { position: absolute; left: 0; top: 40%; width: 100%; text-align: center; }
#banner .slides .Item h1 { font-size: 58px; line-height: 70px; font-weight: 400; color:#FFAB07;  width: 85%;margin: 0 auto; font-family: Helvetica, sans-serif}
#banner .slides .Item h2 { font-size: 30px; line-height: 50px; font-weight: 400; color:#FFAB07;}


video {
    display: inline-block;
    vertical-align: baseline;
}
.v_mbg{ display:none;}

#home { width:100%; margin: 0 auto; height: auto; position: relative;}
#home .intro {
    position: absolute;
    width: 100%;
    left: 0;
	top:50%;
	z-index:1;
    text-align: center;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    padding: 0 15px;
}



#home .scroll-down {
    position: absolute;
    left: 50%;
    bottom: 60px;
    height: 50px;
    width: 50px;
    margin-left: -15px;
    display: block;

    text-align: center;
	
    z-index: 100;

}



/****** Home-public-style ******/
.section { padding: 45px 0; margin:0 auto; }
.section .Tit { margin-bottom: 30px; }
.section .Tit h3 { font-size:50px; line-height:80px; color: #333; text-align: center;  }
.section .Tit .line { text-align:center; margin: 0 auto; width:100%; padding:5px 0px; height:20px; }
.section .Tit p { color: #666666; font-size:20px; line-height:24px; text-align:center  }

/****** Home-Case-style ******/
#Case { background: url('../images/Casebj.jpg') top center; }
#Case .main {  margin-bottom: 40px; }
#Case .main li { float: left; width: 33.3%; }
#Case .main .Item { margin: 10px 10px;  height:150px; }
#Case .main .Item .pic { float:left; width:20%; text-align:right; padding-top:20px; }
#Case .main .Item .pic img { transition: all 0.5s; width: 80%; }
#Case .main .Item .Intro { float:right; padding: 15px; width:80%; }
#Case .main .Item .Intro h3 { font-size: 24px; color: #333333; line-height: 36px; margin-bottom: 10px; padding-bottom:10px; overflow: hidden; background:url(lxian.png) left bottom no-repeat; }
#Case .main .Item .Intro i {height: 26px; width: 100px; display: block; }
#Case .main .Item .Intro p { font-size: 16px; color: #666; line-height: 22px; height: 66px; overflow: hidden; }

#Case .main .Item:hover { background: url(casebg.png); border-radius: 5px;}
#Case .main .Item:hover .pic img { transform: scale(1.1); }


/****** Home-Product-style ******/
#Product { background: url('../images/probg.jpg') top center; }
#Product .Tit h3 { color: #fff; }
#Product .main { margin-bottom: 24px; }
/*#Product .main .slick { float: left; width: 100%; }
#Product .main .Item { padding-bottom: 20px; }
#Product .main .Item a { display: block; position: relative; }
#Product .main .Item .pic { width: 53%; float: right; position: relative; z-index: 9; top: 20px; padding: 0; }
#Product .main .Item .Intro { float: left; width: 50%; position: absolute; z-index: 8; background: #2383C0; height: 100%; padding: 40px; padding-right: 70px; }
#Product .main .Item h3 { font-size: 24px; color: #fff; line-height: 70px; margin-bottom: 20px; position: relative; }
#Product .main .Item h3 .line { position: absolute; left: 0; bottom: 0; width: 50px; height: 1px; background: #fff; opacity: 0.5; filter: alpha(opacity=50); }
#Product .main .Item p { font-size: 16px; color: #fff; line-height: 30px; margin-bottom: 30px; }
#Product .main .Item .more { border: 1px solid #bdcf7f; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 16px; color: #fff; line-height: 30px; }
#Product .main .Item i { margin-left: 20px; font-size: 12px; color: #fff; line-height: 30px; }
#Product .main button { border: none; outline: none; width: 66px; height: 66px; position: absolute; bottom: 20px; left: 47%; font-size: 0; }
#Product .main button.slick-prev { margin-left: -66px; background: url('../images/icon/bl01.png') no-repeat center center #fff; }
#Product .main button.slick-next { background: url('../images/icon/br.png') no-repeat center center #2383C0; }*/
.pro-ban { position: relative; }
#Product .main .pro-li { position: relative; }
#Product .main .pro-li a:after { content: ""; clear: both; display: block; }
#Product .main .pro-li a { display: block; }
#Product .main .pro-li .pro-li-img { width: 53%; float: right; position: relative; z-index: 9; top: 20px; padding: 0; }
#Product .main .pro-li .pro-li-Intro { float: left; width: 50%; position: absolute; z-index: 8; background: #2383C0; height: 95%; padding: 40px; padding-right: 70px; }
#Product .main .pro-li-Intro h3 { font-size: 24px; color: #fff; line-height: 70px; margin-bottom: 20px; position: relative; }
#Product .main .pro-li-Introh3 .line { position: absolute; left: 0; bottom: 0; width: 50px; height: 1px; background: #fff; opacity: 0.5; filter: alpha(opacity=50); }
#Product .main .pro-li-Intro p { font-size: 16px; color: #fff; line-height: 30px; margin-bottom: 30px; }
#Product .main .pro-li-Intro .more { border: 1px solid #bdcf7f; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 16px; color: #fff; line-height: 30px; }
#Product .main .pro-li-Intro i { margin-left: 20px; font-size: 12px; color: #fff; line-height: 30px; }
#Product .main .owl-theme .owl-controls .owl-buttons div { z-index: 98; margin: 0; padding: 0; border: none; outline: none; width: 66px; height: 66px; position: absolute; bottom: 20px; left: 47%; font-size: 0; border-radius: 0; opacity: 1; }
#Product .main .owl-theme .owl-controls .owl-buttons .owl-prev { margin-left: -66px; background: url('../images/icon/bl01.png') no-repeat center center #fff; }
#Product .main .owl-theme .owl-controls .owl-buttons .owl-next { background: url('../images/icon/br.png') no-repeat center center #2383C0; }

/****** Home-Culture-style ******/
#Culture { background: url('../images/h_bg2.jpg') no-repeat center center; }
#Culture .Tit h3 { color: #fff;}
#Culture .Tit .line { text-align:center; margin: 0 auto; width:100%; padding:5px 0px; height:20px; }
#Culture .Tit p { color: #eeeeee; text-align:center;   margin: 0 auto;}

#Culture .main li { float: left; width: 20%; }
#Culture .main .Item { margin: 0 auto; text-align: center; }
#Culture .main .Item .pic { width: 110px; height: 110px;  margin: 10px auto; }
#Culture .main .Item .pic .img { width: 100px; height: 100px; margin: 0 auto; transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transform: rotate(0deg); }
#Culture .main .Item .Intro h3 { font-size: 18px; font-weight: 600; text-align: center;  margin:0 auto; color: #fff; line-height: 24px; padding: 10px 16px; position: relative; margin-bottom: 15px;  transition: all 0.5s linear; }
#Culture .main .Item .Intro h4 { display:none;   }
#Culture .main .Item .Intro p { font-size: 16px;   text-align: center;  margin:0 auto; color: #fff; line-height: 24px; padding: 10px 16px; position: relative; margin-bottom: 15px;  transition: all 0.5s linear;   }
#Culture .main .Item:hover .pic .img { transform: rotate(360deg); }



#Solution{ background: url('../images/Casebg.jpg') top center; }
#Solution .main {  margin-bottom: 40px; }
#Solution .main li { width: 100%; margin: 0 auto; text-align:center; }
#Solution .main .Item { margin:0 auto;  width:80%; background: url(khpj.jpg) right; border-radius: 10px;}
#Solution .main .Item .pic { float:left; width:50%; text-align:left; overflow: hidden; }
#Solution .main .Item .pic img { transition: all 0.5s; width: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
#Solution .main .Item .Intro { float:right; padding: 30px 20px; width:50%; }
#Solution .main .Item .Intro p { font-size: 18px; color: #fff; text-align:left; line-height: 26px; height:auto; overflow: hidden; }
#Solution .main .Item .Intro h3 { text-align:center; padding-top:20px; padding-bottom:20px;  }
#Solution .main .Item .Intro h3 a { padding:0 10px;  width:100PX;  }
#Solution .main .Item .Intro h3 a H5{ display: inline-table; color:#FFFFFF; font-size:20PX;}
#Solution .main .Item a:hover { color:#CC9900;}



.scroll-outer{height:421px;}
#scroll{width:90%;margin:0 auto;padding-top:30px; }
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .item{position:relative;width:96%;height:339px;margin:0 auto;  background: url(khbg.png) center;overflow:hidden;}
#scroll .txtp{ width:100%; height:170px; padding:10px 40px 20px; margin-bottom:20px;  overflow:hidden; }
#scroll .txtp p{ line-height:24px;font-size:16px; color:#ffffff; margin:0px;  }
#scroll .gongsi { width:100%;  padding:0 40px; height:auto;}
#scroll .shd{ width:30%; float:left; height:100px; text-align:left; margin: 0 auto;}
#scroll .shd img{width:80%; }
#scroll .txt{ width:70%; float:right;text-align:left; height:100px;color:#fff; }
#scroll h3 {width:100%;height:32px; font-size:18px; line-height:30px;overflow:hidden; margin: 0; font-weight:600;}
#scroll h3 a{color:#f2f2f2;text-decoration:none;}
#scroll .txt p{width:100%; line-height:18px; font-size:12px; margin: 0;}

.owl-theme .owl-controls .owl-buttons div{position:absolute;top:180px;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:60px/60px "宋体";background-color:transparent;overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-40px; display:none;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-40px; display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";}


/****** Home-News-style ******/
#News { width:100%; margin:0 auto; background: url('../images/mbg.jpg') no-repeat center center;}
#News .main {  margin-bottom: 30px; }
#News .main li { float: left; width: 50%; margin-bottom:20px; padding-left:10px; }
#News .main .Item {  overflow: hidden; padding-left: 180px; position: relative; background: #fff; width: 98%;}
#News .main .Item .pic { height: 140px; width: 180px; overflow: hidden;  background: #f5f4f4; position: absolute; left: 0; top: 0; }
#News .main .Item .pic img { transition: all 0.3s; width: 180px; height:140px }

#News .main .Item .Intro { padding: 20px; }
#News .main .Item .Intro h3 { font-size: 16px; color: #2383C0; line-height: 30px; font-weight: 300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 30px; text-transform: uppercase; }
#News .main .Item .Intro .date { display: block; font-size: 12px; color: #2383C0; line-height: 30px; padding-left:10px; }
#News .main .Item .Intro p { font-size: 16px; color: #999; line-height: 20px; overflow: hidden; height: 40px; }
#News .main .Item:hover .pic { background: #2383C0; }
#News .main .Item:hover .pic img { transform: scale(1.1); }
#News .main .Item:hover .Intro { background: #2383C0; }
#News .main .Item:hover .Intro h3 { color: #ffffff; }
#News .main .Item:hover .Intro .date { color: #ffffff; }
#News .main .Item:hover .Intro p { color: #ffffff; }

/****** Home-supply-chain-style ******/
#supply-chain { background: url('../images/mbg.jpg') no-repeat center center; }
#supply-chain .main {  margin-bottom: 20px; }
/*#supply-chain .main .slick { float: left; width: 33.33%; }
#supply-chain .main .Item { margin: 10px 8px; box-shadow: 0 0 4px 1px #ccc; }
#supply-chain .main .Item .pic { overflow: hidden; }
#supply-chain .main .Item .pic img { width: 100%; transition: all 0.5s; }
#supply-chain .main .Item .Intro { padding: 20px; background: #fff; }
#supply-chain .main .Item .Intro h3 { font-size: 16px; color: #000; line-height: 28px; margin-bottom: 10px; font-weight: 300; white-space: nowrap; text-transform: uppercase; overflow: hidden; height: 28px; }
#supply-chain .main .Item .Intro p { font-size: 16px; color: #888; line-height: 22px; margin-bottom: 20px; overflow: hidden; height: 44px; }
#supply-chain .main .Item .Intro .more { margin: 0; margin-bottom: 10px; display: inline-block; border: 1px solid #2383C0; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 12px; color: #2383C0; line-height: 20px; transition: all 0.3s; }
#supply-chain .main .Item .Intro .more i { margin-left: 20px; font-size: 12px; line-height: 20px; }
#supply-chain .main .Item:hover .Intro .more { background: #2383C0; color: #fff; }
#supply-chain .main button { position: absolute; border: none; outline: none; font-size: 0; top: 50%; width: 26px; height: 45px; margin-top: -22px; }
#supply-chain .main button.slick-prev { left: -50px; background: url('../images/left1.png'); }
#supply-chain .main button.slick-next { right: -50px; background: url('../images/right1.png'); }
#supply-chain .main button.slick-prev:hover { background: url('../images/left11.png'); }
#supply-chain .main button.slick-next:hover { background: url('../images/right11.png'); }*/


#supply-chain .main .slick { float: left; width: 33.33%; }
#supply-chain .main .ecosystem-li {width: 33.3%; float: left;  }
#supply-chain .main .ecosystem-li .Item {margin: 10px 8px;  box-shadow: 0 0 4px 1px #ccc;  }
#supply-chain .main .ecosystem-img { overflow: hidden; }
#supply-chain .main .ecosystem-img img { width: 100%; transition: all 0.5s; }
#supply-chain .main .ecosystem-cont { padding: 20px; background: #fff; }
#supply-chain .main .ecosystem-cont h3 { overflow: hidden;  font-size: 18px; color: #2383C0; line-height: 40px; margin-bottom: 10px; white-space: nowrap; height: 40px;  text-transform: uppercase; position: relative; border-bottom:1px dashed #CCCCCC; 
}
#supply-chain .main .ecosystem-cont p { font-size: 16px; color: #888; line-height: 22px; margin-bottom: 20px; overflow: hidden; height: 44px; }
#supply-chain .main .ecosystem-cont .more { margin: 0; margin-bottom: 10px; margin-left: 10px; display: inline-block; border: 1px solid #2383C0; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 12px; color: #2383C0; line-height: 20px; transition: all 0.3s; }
#supply-chain .main .ecosystem-cont .more i { margin-left: 20px; font-size: 12px; line-height: 20px; }
#supply-chain .main .ecosystem-li:hover .ecosystem-cont .more { background: #2383C0; color: #fff; }
#supply-chain .main .owl-theme .owl-controls .owl-buttons div { position: absolute; border: none; outline: none; font-size: 0; top: 50%; width: 26px; height: 45px; margin-top: -22px; }
#supply-chain .main .owl-theme .owl-controls .owl-buttons .owl-prev { left: -50px; background: url('../images/left1.png'); }
#supply-chain .main .owl-theme .owl-controls .owl-buttons .owl-next { right: -50px; background: url('../images/right1.png'); }
#supply-chain .main .owl-theme .owl-controls .owl-buttons .owl-prev:hover { background: url('../images/left11.png'); }
#supply-chain .main .owl-theme .owl-controls .owl-buttons .owl-next:hover { background: url('../images/right11.png'); }





/****** Home-cooperation-style ******/
#cooperation { background: url('../images/kehu.jpg') top center; }
#cooperation .Tit { text-align: center; }
#cooperation .Tit h3 { color: #fff;  }
#cooperation .Tit .line { text-align:center; margin: 0 auto; width:100%; padding:5px 0px; height:20px; }
#cooperation .Tit p { color: #eeeeee; line-height:24px; text-align:center  }
#cooperation .main { margin-bottom: 40px; }
#cooperation .main li { float: left; width: 16.25%; text-align: center; }
#cooperation .main li:last-child .Item .next { display: none; }
#cooperation .main .Item { position: relative; }
#cooperation .main .Item h3 { font-size: 16px; color: #fff; line-height: 40px; font-weight: 500; }
#cooperation .main .Item .next { position: absolute; right: -8px; top: 50%; margin-top: -30px; }
#cooperation .main .Item .next i { font-size: 16px; color: #fff; line-height: 30px; }
#cooperation .M-lc { display: none; }

@media (min-width: 1200px) {
}

@media (max-width: 1100px) {
}

@media (max-width: 1025px) {
    .section { padding: 30px 0; }
    #Case .main { margin: 0 -5px; }
    #Case .main .Item { margin: 5px; }
    #News .main { margin: 0 -5px; }
    #News .main .Item { margin: 0 5px; }
    #supply-chain .main .owl-theme .owl-controls .owl-buttons div { display: none !important; }
}

@media (max-width: 768px) {
    
#home .intro p{
     font-size:160%;color:#ffffff;
}

#home .intro .bigt{
     font-size:200%;color:#ffffff;
}
	
#banner .slides .Item .box { position: absolute; left: 0; top: 20%; width: 100%; text-align: center; }
#banner .slides .Item h1 { font-size: 32px; line-height: 50px; font-weight: 400; color:#FFFFFF; width: 90%;margin: 0 auto; }
#banner .slides .Item h2 { font-size: 20px; line-height: 40px; font-weight: 400; color:#FFFFFF;}

    .section { padding: 20px 0; }
    .section .Tit { margin-bottom: 10px; }
    .section .Tit h3 { font-size: 24px; line-height: 40px; color:#333333 }


    #Case .main li { width: 50%; }


    /*#Product .main button { display: none !important; }
    #Product .main .Item .pic { float: none; width: 100%; }
    #Product .main .Item .Intro { padding: 20px; position: relative; width: 100%; height: auto; }*/
    #Product .main .owl-theme .owl-controls .owl-buttons div { display: none !important; }
    #Product .main .pro-li .pro-li-img { float: none; width: 100%; top: 0; }
    #Product .main .pro-li .pro-li-Intro { padding: 10px; position: relative; width: 100%; height: auto; }
    #Product .main .pro-li-Intro h3 { margin: 0; font-size: 20px; line-height: 40px; }
    #Product .main .pro-li-Intro p { display: none; }
    #Product .main .pro-li-Intro .more { display: none; }
	
	
	#Course { padding: 1% 0; }
    #Culture .main li { width: 50%; }
    #Culture .main .Item .pic { margin: 0 auto; width: 80px; height: 80px; padding: 5px; }
    #Culture .main .Item .pic .img { width: 70px; height: 70px; }
    #Culture .main .Item .Intro P {font-size: 16px;  margin-bottom: 5px; padding: 5px; }
	#Culture .main .Item .Intro .line { display:none; }
    .M-Course .slicklist .Item { margin: 5px; }
	
	#Solution .main .Item { margin:0 auto;  width:90%; background: #65A6D0; border-radius: 10px;}
    #Solution .main .Item .pic { float:left; width:100%; text-align:left; overflow: hidden; }
    #Solution .main .Item .pic img { transition: all 0.5s; width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0px;}
    #Solution .main .Item .Intro { float:right; padding: 10px 10px; width:100%; }
	#Solution .main .Item .Intro P{font-size:16PX; line-height:22PX; }
	#Solution .main .Item .Intro h3 a H5{ display:none; }
	
	#News { background:#f2f2f2; }
    #News .main li { width: 100%; margin-bottom:10px; padding-left:0px; }
    #News .main .Item { margin: 0 auto; padding-left: 80px; }
	
	#News .main .Item .pic  { width: 80px; height:60px;}
    #News .main .Item .pic img { width: 80px; height:60px; top: -103px; }
    #News .main .Item .Intro {    padding: 10px; }
    #News .main .Item .Intro h3 { display: none; line-height: 24px; font-size: 16px; height: 48px; white-space: normal; }
    #News .main .Item .Intro p { color:#333}
	#News .main .Item .Intro .date { display: none; }
	
    #supply-chain { background:#f2f2f2; }
    #supply-chain .main { margin-bottom: 0; }

    #supply-chain .main .ecosystem-li { float: left; width: 100%; }
	#supply-chain .main .ecosystem-li .Item {margin: 5px;  box-shadow: 0 0 4px 1px #ccc;  }
    #supply-chain .main .ecosystem-cont { padding: 5px 15px; }
	#supply-chain .main .ecosystem-cont h3 {  font-size: 16px; line-height: 30px; height: 30px;   border-bottom:0px; 
}
    #supply-chain .main .ecosystem-cont p { font-size: 16px; height:auto; color: #888; line-height: 22px; margin-bottom:10px; }

    #supply-chain .main .ecosystem-cont .more { display: none; }

    #cooperation .main li { width: 25%; }
    #cooperation .main li:nth-child(4) .Item .next { display: none; }
    /*#cooperation .main li:nth-child(5), #cooperation .main li:nth-child(6), #cooperation .main li:nth-child(7) { width: 33.33%; }*/
}

@media (max-width: 640px) {
    .section .Tit p { color: #666666; font-size:16px;}
	
    .v_mbg{ display: block;}
	video { display:none;}
	#video-home { display:none;}
    #home .intro p{font-size:110%;color:#ffffff;}
	#home .scroll-down { display:none;}
	
   #banner .slides .Item .box { position: absolute; left: 0; top: 30%; width: 100%; text-align: center; }
   #banner .slides .Item h1 { font-size: 22px; line-height: 30px; font-weight: 400; color:#FFFFFF; width: 94%;margin: 0 auto;}
   #banner .slides .Item h2 {  font-size: 16px; line-height: 30px; font-weight: 400; color:#FFFFFF;}

    #Case .main .Item { background: url(casebg.png); border-radius: 5px;  height: auto; }
    #Case .main .Item .pic { float:none; width:100%; text-align:center; padding-top:20px; }
    #Case .main .Item .pic img { transition: all 0.5s; width: 30%; }
    #Case .main .Item .Intro { float:none;  padding:5px; width:100%;  }
    #Case .main .Item .Intro h3 { text-align:center; white-space: normal; font-size:16px;  background: none;}
	#Case .main .Item .Intro p  { display:none;}
	
	#Case .main li { float: left; width: 50%; margin: 0 auto; }
	#Case .main .Item { width:90%; height: auto;  background: url(casebg.png); border-radius: 5px;} 
	#Case .main .Item .pic { float: none; width:100%; text-align:center; }
	#Case .main .Item .pic img { transition: all 0.5s; width: 30%; }
	#Case .main .Item .Intro { float: none; padding: 0px; width:100%; }
	#Case .main .Item .Intro h3 { font-size: 16px; color: #333333; line-height: 30px; padding-bottom:10px; overflow: hidden; background:none; text-align:center; }
	#Case .main .Item .Intro p  { display:none;}
	
	
	
    #Culture .main li { width: 100%; }
	#Culture .main .Item .Intro P {  font-size: 16px; text-align: center;  margin:0 auto; color: #fff; line-height: 26px; padding-bottom: 10px; position: relative;  transition: all 0.5s linear; }
    #Culture .main .Item .Intro h3 { padding:5px 50px;}
    #cooperation .main { }
    #cooperation .M-lc { display: block; }
	#scroll .txtp { height:auto; max-height:140px; padding: 10px 20px 20px; }
	#scroll .txtp p { font-size:14px; line-height:22px;}
	#scroll .gongsi { width:100%;  padding:0 20px; height:auto;}
	#scroll .shd{ width:100%; float: none; height:auto;  padding:10px 0; border-top:1px dashed #CCCCCC;}
    #scroll .shd img{width:40%; }
    #scroll .txt { width:100%; float: none; height:auto; } 
	#scroll .txt h3 { height: auto;}
	#scroll .txt p{ height:auto; } 
	

}

@media (max-width: 480px) {
    #cooperation .main li { width: 33.33%; }
}

@media (max-width: 420px) {
}

@media (max-width: 320px) {
    #Case .main li { width: 100%; }
}