/* www.takwong.com */
.wfs { width: 100%; }
.cover-page-wrapper {
    width: 1210px;
    margin: 0 auto;
}



/*head_top start*/
.head_top {
	height:5px;
	line-height:40px;
	background-image: url(../images/topbg.png);
	font-size: 12px;
}

/*head_top end*/




/*head css*/
.head {
	border-bottom: 1px #f1f1f1 solid;
    /* padding-top: 30px;
    padding-bottom: 30px; */
	height:108px;
	/*background : url(../images/chunjie.png);*/
}
/* .head_logo_nav { position:relative} */
.left_denglong {
	position: absolute;
	left:227px;
	top:-30px;
}
.right_denglong {
	position: absolute;
	right:312px;
	top:-30px;
}
.head .listing {
    margin-left: 30px;
    margin-right: 30px;
    *margin-right: 0;
    /*padding-left: 35px;*/
    /*background-image: url(../images/cover-page-tv.png);*/
    background-repeat: no-repeat;
    background-position: left 5px;
}
.head .listing img {
    margin-top: -25px;
}
.head .search-product {
    position: relative;
    z-index: 300;
    float: left;
    width: 260px;
    height: 48px;
	margin-top:34px;
   /* margin-left: 235px;
    *margin-left: 120px;*/
}
.nav-wrap-fix .search-product {
	margin-top:20px;
}

.head .search-product .fontello-icon-search{
	cursor:pointer;
	height: 40px;
    display: inline-block;
    width: 42px;
    line-height: 35px;
    font-size: 20px;
    text-align: center;
    color: #ccc;
    background-color: #fff;
    border: 1px solid #CCCCCC;
	/*color : #f00;*/
    /*border: 1px solid #f00;*/
    border-left: none;
	padding-right:-5px;
	}
	
.head .search-product .search-box {
    /*float: left;*/
    width: 215px;
    height: 40px;
    *width: 206px;
    *height: 38px;
    *padding: 0;
    *padding-left: 15px;
    *line-height: 38px;
    border: 1px solid #ccc;
	/*border: 1px solid #f00;*/
    border-radius: 0;
}
.head .search-product .submit {
    float: left;
    width: 42px;
    height: 40px;
    background-image: url(../images/top-a.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
}


/*nav css*/
.nav-wrap {    background-color: #fff;}
.nav-wrap-fix {background: rgba(255, 255, 255, 1) none repeat scroll 0% 0%; z-index:200;top:0; position:fixed;
 heigh:80px;-webkit-box-shadow: 0px 0px 6px rgba(0, 0,0, 0.3);  
	-moz-box-shadow: 0px 0px 6px rgba(0, 0,0, 0.3);  
	box-shadow: 0px 0px 6px rgba(0, 0,0, 0.3);}
.logo {
	width:300px;
	height: 48px;
	line-height: 48px;
    margin-top: 34px;
	}
.nav-wrap-fix .logo {
	margin-top: 19px;
}
.nav_head {
	width: 650px;
	height: 108px;
	line-height: 108px;
    z-index: 1000;
	overflow: hidden;
	padding-left: 13px;
}

.nav_head li {
	float: left;
	height: 108px;
	line-height: 108px;
	padding: 0 6px;
}
.nav-wrap-fix .nav_head, .nav-wrap-fix .nav_head li {
	height:80px;line-height: 80px;
}

.nav_head a {
    color: #333;
	font-size: 16px;
	padding: 0px 15px;
	display:inline-block;
	position:relative;
    font-weight:bold;
	
}
.nav_head a:hover {
    color: #fc8080;
    text-decoration: none;
}

.nav-menus,.site_map {
    position: relative;
    z-index: 105;
}
.nav_head li a i{
    display: inline-block;
    vertical-align: middle;
	position:absolute;
    transform: rotate(0deg);
    -ms-transform:rotate(0deg); /* Internet Explorer */
    -moz-transform:rotate(0deg); /* Firefox */
    -webkit-transform:rotate(0deg); /*Safari 和 Chrome*/
    -o-transform:rotate(0deg);
    /* -webkit-transition:0.3s ease;
    -moz-transition:0.3s ease;
    -o-transition:0.3s ease;
    transition:0.3s ease; */
    }
.nav_head li.active a i{
    transform: rotate(180deg);
	-ms-transform:rotate(180deg); /* Internet Explorer */
	-moz-transform:rotate(180deg); /* Firefox */
	-webkit-transform:rotate(180deg);/* Safari 和 Chrome*/
	-o-transform:rotate(180deg);
    -webkit-transition:0.2s ease;
    -moz-transition:0.2s ease;
    -o-transition:0.2s ease;
    transition:0.2s ease;
    }
.sublistbox {
    background: #FFF none repeat scroll 0% 0%;
    border-top: 1px solid #DDD;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
    display: none;
	margin-top:-2px;
    height: 230px;
    left: 0px;
    line-height: normal;
    position: absolute;
    width: 100%;
	overflow:hidden;
    z-index: 200;
}



.nav-wrap-fix .sublistbox { top:80px;}
.sublistbox ul{ width:1210px; margin:0 auto;}
.sublistbox ul li { float:left; width:220px; height:200px; line-height:100%; padding:20px 0 0;}
.sublistbox ul a { padding:0; width:280px; display:inline-block}
.sublistbox ul div,.sublistbox ul p { text-align:center;}
.sublistbox ul div {border-left:1px solid #DCDCDC}
.sublistbox ul .sublist_first div {border-left:none}
.sublistbox ul p{     font-size: 18px;
    height: 30px;
    line-height: 30px;}





/*boutique list*/
.code-wrap .items-li {
    float: left;
    width: 297px;
    margin-right: 7px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    background-color: #fff;
	position: relative;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.code-wrap .items-li .activity-tag {
    position: absolute;
    left: 10px;
    top: 0px;
    width: 82px;
    height: 93px;
    z-index: 2;
}
.code-wrap .items-li .activity-tag-80 {
	width: 105px;
    height: 110px;
    background: url('../images/activity_tag_80_little.png') no-repeat 0 0;
}
.code-wrap .items-li .activity-tag-75 {
    background: url('../images/activity_tag_75.png') no-repeat 0 0;
}
.code-wrap .items-li .activity-tag-60 {
    width: 100px;
    height: 100px;
    background: url('../images/activity_tag_60.png') no-repeat 0 0;
}
.code-wrap .items-li .activity-tag-50 {
    width: 100px;
    height: 100px;
    background: url('../images/activity_tag_50.png') no-repeat 0 0;
}
.no-activity .code-wrap .items-li .activity-tag {
    display: none;
}
.code-wrap .active {
    box-shadow:0 0 10px rgba(0,0,0,.2);
}
.code-wrap .items-li .wrap_div {
    height:54px;
    position:relative;
    z-index: 2;
    background:white;
}
.code-wrap .items-li .wrap_div p {
    height:20px;
    overflow:hidden;
    text-align:center;
    font-size: 14px;
    color: #71cd9c;
}
.code-wrap .items-li .wrap_div div {
    position:absolute;
    left:0;
    bottom:0;
    z-index:100;
    width: 100%;
    background:white; 
}
.code-wrap .items-li .wrap_div p {
    text-align: center;
    margin-top: 5px;
    height: 0px;
    overflow: hidden;
    _line-height:0;
}
.code-wrap .items-li>a {
    display: block;
    width: 297px;
    height: 245px;
    text-align: center;
    line-height: 290px;
}
.code-wrap .items-li img {
    max-width: 297px;
    max-height: 230px;
}

.code-wrap .items-li a:hover img{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7}

.code-wrap .items-li .title {
    float:left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 5px;
    font-weight: normal;
    line-height: 22px;
    text-align: center;
}
.code-wrap .items-li .title a {
    color: #727272;
  font-size:16px;
  font-weight:bold;
}
.code-wrap .items-li .title a:hover {
    color: #EF353D;
}
.code-wrap .items-li .description {
    display: block;
    font-size: 16px;
    color: #919191;
    text-align: center;
}
.code-wrap .items-li .description a {
    color: #919191;
}
.code-wrap .items-li .price-attente {
    margin-top: 5px;
}
.code-wrap .items-li .price-attente .price {
    float: left;
    margin-left: 60px;
    font-size: 16px;
    color: #ef353d;
}
.code-wrap .items-li .price-attente .attente {
    float: right;
    margin-right: 60px;
    padding-left: 15px;
    font-size: 12px;
    color: #71cd9c;
    background-image: url(../images/cover-page-attente.png);
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}


.head_logo_nav .logo .llogo img{margin-top:-15px;height:60px;width:auto;}
#clients{margin:0 auto;max-width: 1200px;}
#clients .item{float:left;width:200px;opacity:0.5;-webkit-filter:grayscale(1);filter:grayscale(1);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;padding:0 15px;margin:0;}
#clients .item:hover{opacity:1;-webkit-filter:grayscale(0);filter:grayscale(0)}
#clients .item img{width:170px;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:4px}


.service-title{text-align: center;margin: 30px 0 0 0;}
.service-title h2{display: block;font-size: 36px;}
.service-title p{display: block;color: #888;font-size: 16px;}
.solution-box{background: #373d41;margin: 30px 0 0 0;}
.solution-cut{width: 1300px;margin: 0 auto;position: relative;}
.solution-swiper{width: 100%;overflow: hidden;}
.solution-box button.fa{position: absolute;top: 0;bottom: 0;width: 50px;color: rgba(255, 255, 255, .5);cursor: pointer;border: none;font-size: 40px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box button.fa:hover{background: #0166ce;color: #fff;}
.solution-box .fa-back{right: 100%;background: rgba(0,0,0,.2) url(../images/icon_banner.png) no-repeat center center;background-position: 12px center;}
.solution-box .fa-more{left: 100%;background: rgba(0,0,0,.2) url(../images/icon_banner.png) no-repeat center center;background-position: -49px center;}
.solution-box ul{width: 10000%;}
.solution-box ul:after{display: block;clear: both;content: '';}
.solution-box ul li{width: .2%;float: left;text-align: center;color: #fff;position: relative;}
.solution-box ul li span{display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .2);transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li:nth-child(2) span,
.solution-box ul li:nth-child(4) span{background: rgba(0, 0, 0, .25);transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li i{font-size: 50px;opacity: .85;position: absolute;width: 100%;left: 0;bottom: 53%;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li hr{width: 30px;height: 2px;background: #fff;border: none;position: absolute;left: 50%;top: 50%;margin: 0 0 0 -15px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li h3{font-size: 24px;position: absolute;width: 100%;left: 0;top: 53%;transition: .3s;}
.solution-box ul li p{width: 80%;position: absolute;font-size: 16px;left: 10%;top: 70%;transition: .3s;}
.solution-box ul li a{position: absolute;top: 85%;font-size: 16px;line-height: 32px;width: 120px;margin: 0 0 0 -60px;color: #fff;border: 2px solid #fff;opacity: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li a:hover{background: #fff;color: #373d41;}
.solution-box ul li img{display: block;width: 100%;}
.solution-box ul li:hover span{background: rgba(48, 113, 255, .85);}
.solution-box ul li:hover i{bottom: 63%;}
.solution-box ul li:hover hr{top: 40%;opacity: 0;}
.solution-box ul li:hover h3{top: 38%;}
.solution-box ul li:hover p{top: 50%;opacity: 1;}
.solution-box ul li:hover a{top: 75%;opacity: 1;}
/*响应式*/
@media(max-width:1680px){.solution-cut{width: 1480px;}.solution-box ul li i{font-size: 46px;}.solution-box ul li h3{font-size: 22px;}.solution-box ul li p{font-size: 14px;}.solution-box ul li a{font-size: 14px;line-height: 28px;width: 100px;margin: 0 0 0 -50px;}}
@media(max-width:1600px){.solution-cut{width: 1300px;}}
@media(max-width:1440px){.solution-cut{width: 1200px;}.solution-box ul li i{font-size: 40px;}.solution-box ul li h3{font-size: 18px;}.solution-box ul li p{font-size: 12px;}}
@media(max-width:767px){.solution-cut{width: 100%;padding: 0;}.solution-box ul li{width: 290px;}.solution-box button.fa{display: none;}.solution-box .fa-back{left: 0;right: auto;}.solution-box .fa-more{left: auto;right: 0;}}