.container {
	width: 100%;
	position: relative;
}

.clr {
	clear: both;
	float: none;
}

.main {
	width: 95%;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
}

.main > header {
	padding: 40px 0;
}

.main > header h1 {
	font-size: 34px;
	line-height: 38px;
	margin: 0;
	font-weight: 700;
	color: #333;
	float: left;
}

.main > header h1 span {
	display: block;
	font-size: 20px;
	font-weight: 300;
}

.main p {
	padding: 30px 0 0;
	text-align: center;
	font-weight: 400;
	line-height: 22px;
}

/* Header Style */
.codrops-top {
	line-height: 24px;
	font-size: 11px;
	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
	z-index: 9999;
	position: relative;
	font-family: Cambria, Georgia, serif;
	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}

.codrops-top a {
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #333;
	text-shadow: 0 -1px 0 #fff;
	display: inline-block;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.8);
	color: #000;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	float: left;
	display: block;
}

/* Demo Buttons Style */
.codrops-demos {
	float: right;
	clear: none;
	padding-top: 10px;
}

.codrops-demos a {
    display: inline-block;
    margin: 10px 10px 10px 0;
    color: #666;
    font-weight: 700;
    line-height: 30px;
    border-bottom: 4px solid transparent;
}

.codrops-demos a:hover {
	color: #000;
	border-color: #000;
}

.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
	color: #aaa;
	border-color: #aaa;
}

.column {
	width: 50%;
	float: left;
	padding: 20px;
	min-height: 300px;
}

.column p {
	text-align: left;
}

.column-20 {
	width: 20%;
}

.column-80 {
	width: 80%;
}

.js .fixed-bar {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
}

.js .gallery {
	width: 100%;
	max-width: 450px;
	margin: 0 auto;
	border-radius: 20px;
	position: relative;
	background: #000 url(../images/black_denim.png);
	box-shadow: 0 2px 1px rgba(255,255,255,0.9), 0 -2px 1px rgba(255,255,255,0.9);
}

.lt-ie8 .elastislide-list {
	display: none;
}

@media screen and (max-width: 690px) {
	.codrops-demos {
		float: left;
		clear: both;
	}
}

/* 首页-关于我们-凉意 */
.pc_top_ly
{
	display:none;
}

@media screen and (min-width: 1200px) {
	.Retour img
	{
		margin-top:-13%;
		max-width: 140px;
	}
	.header-wrapper
	{
		padding-bottom:0px!important;
	}
	.center_ly
	{
		width:1170px;
		margin:0 auto;
	}
	.pc_top_ly
	{
		display:block!important;
		height:55px;
		width:99%;
	}
	.tel_all_ly
	{
		margin:20px 0px 0px 0px;
	}
	.pc_top_tel .email_ly a,.pc_top_tel .email_ly i
	{
	    color:#005da7;
	}
	.pc_top_tel span{font-size:18px;color:#8f9298;}
	.pc_top_tel span a{color:#8f9298;}
	.pc_top_tel span a:hover{color:#8f9298;}
	.pc_top_tel span i{font-size:20px;}
	.search_ly
	{
		width: 185px;
        height: 34px;
        border: 1px solid #8f9298;
        background-color: #fff;
        border-radius: 25px;
        margin-top: 0px;
        padding-left: 20px;
	}
	.ssk_ly
	{
	    position: absolute;
        top: -17%;
        left: 130%;
        display: none;
	}
	.header-wrapper
	{
		padding-top:0px!important;
	}
	.sswz_ly
	{
		position: absolute;
        top: 8%;
        right: 7%;
        border: none;
        background-color: #fff;
	}
	.sswz_ly i{font-size:20px;color:#8E9196;}
	
	/* 关于我们 */
	.width_50
	{
		width:50%;
	}
	.width_40
	{
		width:48%;
	}
	.index_about_kuai
	{
		min-height: 600px;
	}
	.index_about_kuai img
	{
		max-width:100%;
		vertical-align: bottom;
	}
	.index_about_kuai .right_ly{
		position: relative;
		right: 0;
	}
	.position_ly
	{
		position:relative;
		top:0px;
		left:0px;
	}
	.position_info
	{
		position:absolute;
		top:16%;
		left:17%;
		color:#fff;
		width:75%;
		margin-top: 75px;
	}
	.index_about_img
	{
		/* position:absolute; */
		left:1.999%;
		/* margin-top:3.5%; */
	}
	.useful-links .col-md-3
	{
		padding-right:0px!important;
		padding-left:0px!important;
	}
}

@media screen and (min-width: 1200px) {
	    .ssk_ly{
	        display: block!important;
	    }
	}
@media screen and (max-width: 1200px) {
    .ssk_ly{
        display: none!important;
    }
}

@media screen and (max-width: 1200px){
	nav ul.flexnav li
	{
		padding:0 10px!important;
	}
	.position_ly
	{
		position:relative;
		top:0px;
		left:0px;
	}
	.position_info
	{
		position:absolute;
		top:30%;
		left:0px;
		color:#fff;
		padding: 0 15px;
	}
}
@media screen and (max-width: 990px){
	nav ul.flexnav li
	{
		padding:0 10px!important;
	}
	.position_ly
	{
		position:relative;
		top:0px;
		left:0px;
	}
	.position_info
	{
		position:absolute;
		top:30%;
		left:0px;
		color:#fff;
		padding: 0 15px;
	}
	#emailing-subscription
	{
		position:relative;
		left:-37%;
	}
	.useful-links .col-md-3
	{
		float:left;
	}
}
@media (max-width: 800px){
	body .slider .home-carousel .carousel-inner .item
	{
		padding-top:0%!important;
		min-height:400px!important;
	}
}
@media (max-width: 640px){
	.position_ly
	{
		position:relative;
		top:0px;
		left:0px;
	}
	.position_ly img{
		min-height: 600px;
		vertical-align: bottom;
		object-fit: cover;
	}
	.position_info
	{
		position:absolute;
		top:9%;
		left:0;
		color:#fff;
		padding: 0 15px;
		margin-top: 30px;
	}
	.useful-links .col-md-3
	{
		float:left;
	}
	body .slider .home-carousel .carousel-inner .item
	{
		padding-top:0%!important;
		min-height:auto!important;
	}
	.slider .actus-carousel .slider-nav .carousel-control.right span:after, .slider .home-carousel .slider-nav .carousel-control.right span:after
	{
		font-size:25px!important;
	}
	.slider .actus-carousel .slider-nav .carousel-control.left span:after, .slider .home-carousel .slider-nav .carousel-control.left span:after
	{
		font-size:25px!important;
	}
}
.decouvrir-wrapper{margin:5% 0px;}
.left_ly{float:left;}
.right_ly{float:right;}
.clear_ly{clear:both;}
.parnert_ly{
	margin-top:3.5%;
	margin-bottom:3.5%;
}
.useful-links ul li,.useful-links ul li i,.useful-links ul li a
{
	color:#fff;
	font-size:1.8rem;
}
.useful-links ul
{
	margin-top:6%;
}
#bb6e8420-a17e-41e4-98cd-1ec2443b110b
{
	margin-top:4%;
}

/* 关于我们-单页 */
.about_info
{
	margin:0 auto;
	line-height:3rem;
	padding-bottom:3%;
	color:#565E73;
	font-size:1.8rem;
}
.about_background
{
	background-color:#F9F9F9;
}
.public_title
{
	font-size:3.5rem;
	color:#1B3463;
	text-align:center;
	padding:3% 0;
}
.about_footer_kuai
{
	padding:3% 0;
}
.right_width
{
	padding-right:2%;
}
@media screen and (min-width: 1200px) {
	.about_parnert_ly
	{
		width:69%;
	}
	.about_footer_kuai
	{
		width:90%;
	}
	.about_info
	{
		width:1200px;
		margin:0 auto;
	}
}
@media screen and (max-width: 1200px){
	.right_width
	{
		width:57%;
	}
	.about_info
	{
		margin:0 2%;
	}
}
@media screen and (max-width: 990px){
	.right_width
	{
		width:49%;
	}
	.about_info
	{
		margin:0 2%;
	}
}
@media screen and (max-width: 800px){
	.right_width
	{
		width:100%;
	}
	.about_info
	{
		margin:0 2%;
	}
}
@media screen and (max-width: 640px){
	.right_width
	{
		width:100%;
	}
	.about_info
	{
		margin:0 2%;
	}
}

/* 企业文化内页-凉意 */
.zSlider,.zSlider2
{
	padding:4% 0;
	display:none;
}
@media screen and (min-width: 1100px) {
	.zSlider
	{
		display:block;
	}
}
@media screen and (max-width: 1100px) {
	.zSlider2
	{
		display:block;
	}
}

/* 加入我们-凉意 */
.intro-wrapper
{
	margin-top:3%;
}

/* 品牌介绍 */
.pinpai_kuai
{
	margin:4% 0;
}
.pinpai_kuai ul li
{
	float:left;
	width:23%;
	border-radius:5px;
	margin-right:2%;
}
.pinpai_one
{
	background-color:#0E2A5C;
	color:#fff;
	text-align:center;
	width:100%;
	height:4%;
	font-size:2.1rem;
	padding:1% 0;
}
.pinpai_kuai ul li .pinpai_title
{
	background-color:#015DA8;
	color:#fff;
	text-align:left;
	width:100%;
	height:3%;
	padding-left:10%;
}
.pinpai_kuai ul .pinpai_one_li p
{
	background-color:#2A4676;
	color:#fff;
	text-align:left;
	width:100%;
	padding-left:10%;
	margin-bottom:0px!important;
	height:78px;
}
.pinpai_kuai ul .pinpai_two_li p
{
	text-align:left;
	width:100%;
	padding-left:10%;
	margin-bottom:0px!important;
	height:78px;
	word-break: break-all;
}

.flexnav li
{
	cursor:pointer;
}
.wechat_icon i
{
    font-size:5.3rem!important;
}
#emailing-subscription ul li a i
{
    font-size:4.5rem;
    color:#5D6874;
}
.logo_footer_ly
{
    float:left;
    margin: 0px auto!important;
}
.footer_wz
{
    width:19%;
}
.footer_wz p
{
    color:#fff;
    margin-left:5%;
}
.logo-footer
{
    width:30%;
}
.logo-footer img
{
    margin-top:-6%;
}
@media (min-width: 992px) {
    .logo_footer_ly {
        width: 30%!important;
    }
    .footer_terms_kuai
    {
        width:88%;
        margin-top:-1%;
    }
    .wechat_icon
    {
        position:relative;
        top:0;
        left:0;
    }
    .wechat_img
    {
        position:absolute;
        top:-225%;
        left:-18%;
    }
    .sj{
            display: inline-block;
            width: 0;
            height: 0;
            border-width: 8px;
            border-color: #fff transparent transparent transparent;
            border-style: solid;
            overflow: hidden;
            top: -59%;
            left: 28%;
            position: absolute;
       }
    .wechat_icon:hover .is_wechat
    {
        display:block;
    }
}
.footer_terms
{
    font-size:15px;
    color:#fff;
}
.is_wechat
{
    display:none;
}
@media screen and (max-width: 990px){
    .sociaux_ly
    {
        display:none!important;
    }
	.index_about_kuai {
		min-height: 600px;
	}
	.right_ly {
		float: none;
	}
}
.footer_city p
{
    float:left;
    margin-bottom:3%;
}
.footer_city p a
{
    font-size:15px;
    border-right:1px solid #fff;
    padding:0 1.5rem;
}

.index-about {
  position: relative;
  overflow: hidden;
  z-index: 2;
  background-color: #fff;
  color: #666;
  padding: 3.6rem 0;
}
.index-about .contain {
  width: 1200px;
  margin: 0 auto;
  min-height:450px;
}
.index-about .contain:after {
  display: none;
}
@media screen and (max-width: 1024px) {
  .index-about .contain {
    display: block;
  }
}
.index-about .left {
  width: 47.39583333%;
  float:left;
  padding-right:30px;
}
.index-about .left .dt {
  letter-spacing: .05em;
  padding-bottom: 20px;
   margin-top: 50px;
}
.index-about .left .dt .en {
  font-size: 2em;
  font-weight: bold;
  text-transform: uppercase;
  font-family: Helvetica, Arial, sans-serif;
  color: #0070C0;
}
.index-about .left .dt .cn {
  font-size: 1em;
  color: #fff;
}
.index-about .left .ds {
  margin-top: 0.2rem;
  padding: 1.2rem 0;
  border-bottom: rgba(255, 255, 255, 0.1) solid 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.index-about .left .ds:after {
  display: none;
}
.index-about .left .ds .col .sdt .num {
  display: inline-block;
  vertical-align: bottom;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #0070C0;
}
.index-about .left .ds .col .sdt .sub {
  display: inline-block;
  vertical-align: bottom;
  color: #fff;
  line-height: 1.5;
}
.index-about .left .ds .col .sdd {
  margin-top: 0.2rem;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 18px;
}
.index-about .left .dd {
  margin-top: 1rem;
}
.index-about .left .dd .p1 {
  line-height: 1.5;
  color: #fff;
}
.index-about .left .dd .p2 {
  margin-top: 0.3rem;
  line-height: 1.75em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 5.25em;
  color: rgba(255, 255, 255, 0.5);
}
.index-about .left .df {
  margin-top: 0.8rem;
}
.index-about .right {
  width: 48.4375%;
 float:left;
}
.index-about .right .pic {
  width: 100%;
  height: 0 !important;

  background-color: transparent !important;
}
@media screen and (max-width: 1600px) {
  .index-about .left .ds {
    padding: 0.8rem 0;
  }
  .index-about .left .dd {
    margin-top: 0.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .index-about {
    padding: 2rem 0;
  }
  .index-about .left {
    width: 100%;
  }
  .index-about .right {
    width: 100%;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 640px) {
  .index-about .left .dt {
    font-size: 20px;
  }
  .index-about .left .ds .col .sdt .num {
    font-size: 24px;
  }
  .index-about .left .ds .col .sdt .sub {
    font-size: 12px;
  }
  .index-about .left .ds .col .sdd {
    font-size: 12px;
    line-height: 16px;
  }
  .index-about .left .ds .col:nth-child(2n+2) .sdd {
    width: 6em;
  }
}