@charset "utf-8";

.w_1200 .index_ad li{max-height: 427px;}

.banner{max-height:1000px;}
.banner .adtxt{top:7.5em; font-size:2.5em; display:none;}

.index_ad{padding-top:20px; padding-bottom:25px; box-sizing:border-box;}
.index_ad li{width:23.5%; /*max-height: 380px;*/ box-sizing:border-box; float:left; overflow:hidden; position:relative; margin-left:2%; margin-bottom:1%;}
.index_ad li:nth-child(4n+1){margin-left:0%;}
.index_ad li .c{width:100%; overflow:hidden;}
.index_ad li .c .img{ width: 100%; height: 100%;text-align: center;}
.index_ad li .c .img{}
.index_ad li .c .index_top_bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;/* background: rgba(0, 0, 0, 0.31); opacity: 1;*/}
.index_ad li:hover .index_top_bg{ opacity: 0;}

.index_ad li:hover img{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);}
.index_ad li:hover .txt{bottom:30px;}
.index_ad li .txt{ /*position: absolute; left: 0; top: 0;*/ width: 100%; height: 100%; padding: 10px; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.index_ad li .txt h1, .index_ad li .txt h2{color:#fff; font-size:20px;}
.index_ad li .txt h1{ width: 100%; line-height: 30px; color: #000; font-size: 28px; text-align:center; font-family: "Raleway-Regular";}
.index_ad li .txt h2{font-size:14px; line-height:150%;}
.index_ad li .c .index_top_icon{ display: block; position: absolute; top:0px; left:0px; width: 100%; height: 100%; z-index: 3;    text-decoration: none;}
.index_ad li:hover .c .index_top_icon{top:0;}


.index_pro{height:660px;}
.index_pro .toptitle{ position: relative; width: 100%; height: 96px; line-height: 96px; font-size: 36px;text-align: center; color:#333; font-family:"Raleway-Regular";}
.index_pro .toptitle:before{ display: block; content: ''; position: absolute; left: 50%; bottom: 0; width: 35px; height: 2px; background: #c3c3c3; margin-left: -17.5px;}
.index_pro .toptitle div{border-bottom:2px solid #ddd; padding-top:30px; width:36px; margin:0 auto;}
.index_pro .sectitle{margin-top: 15px;font-size: 16px;color: #999;line-height: 24px;text-align: center; margin-bottom:40px;}
.index_pro .indprolist{position:relative; margin-top:52px; height:410px; border:1px solid #ddd; border-left:none;}
.index_pro .item{position: relative;width:299px; height:410px; text-align: center; box-sizing:border-box; border-left:1px solid #ddd; padding:30px;}
.index_pro .item .name{height:42px;line-height:150%; font-size:16px; overflow:hidden;color: #555;text-align: center;text-decoration: none; display:block; padding:10px 0;}
.index_pro .item .name a{text-decoration:none;}
.index_pro .item .pic{width: 100%; overflow: hidden;text-align:center; margin-top:15px;}
.index_pro .item:hover img{transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);}
.index_pro .bx-controls{ width:100%; margin-top: 49px;}
.index_pro .bx-controls a{width:12px !important; height:12px !important; border-radius:50% !important;}

.index-column-ad{background:#222430; height:590px;}
.index-column-ad .lefter{width:50%; height:100%; float:left; overflow:hidden; background:#222430; padding:120px 100px; box-sizing:border-box; color:#fff;}
.index-column-ad .lefter h1{text-align:center; font-size:36px; color:#fff; font-family:"Raleway-Regular";}
.index-column-ad .lefter h1 div{border-bottom:2px solid #fff; padding-top:25px; width:36px; margin:0 auto;}
.index-column-ad .lefter  .txt{padding:36px 0; color:#9ca0a1; line-height:200%; font-size:15px; text-align:center;}
.index-column-ad .lefter .link a{display:block; width:140px; height:50px; line-height:50px; text-align:center; text-decoration:none; background:#fec107; border-radius:5px; margin:0 auto; font-size:15px;}
.index-column-ad .lefter .link a:hover{background:#fbc82d;}
.index-column-ad .ad{width:50%; float:left; overflow:hidden; height:100%;}
.index-column-ad .ad a{display:block; width:100%; height:100%;text-align: right;}
.index-column-ad .ad img{max-width:100%;}

.index_news{ position: relative; margin-top: 17px;    margin-bottom: 15px;}
.index_news .top_title{ position: relative; height: 93px; line-height: 93px; font-size: 36px;text-align: center; color:#333; font-family:"Raleway-Regular";}
.index_news .top_title:before{ display: block; content: ''; position: absolute; width: 35px; height: 2px; background: #c3c3c3; left: 50%; bottom: 0; margin-left: -17.5px;}
.index_news .top_title div{border-bottom:2px solid #ddd; padding-top:25px; width:36px; margin:0 auto;}
.index_news .list{position:relative; width:100%; margin-top:50px;}
.index_news .list .item{float:left; height:190px; overflow:hidden; width:50%;}
.index_news .list .item.no_img .img{display:none;}
.index_news .list .item.no_img .info{padding-left:0;}
.index_news .list .item .box{width:100%; height:100%; position:relative;}
.index_news .list .item .img{width:35%; float:left;    height: inherit;}
.index_news .list .item .img img{ width:auto;}
.index_news .list .item .info{width:62%; float:left; margin-left:3%; box-sizing:border-box;}
.index_news .list .item .info .date{font-size:16px; color:#333;}
.index_news .list .item .info .date span{margin-right:10px; font-size:30px; color:#fec107;}
.index_news .list .item .info .title{line-height:150%; padding:10px 0; font-size:16px;overflow: hidden;}
.index_news .list .item .info .title a{font-weight: bold;}
.index_news .list .item .info .desc{color:#555; line-height:178%; font-size:15px;display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
.index_news .bx-controls{ margin-top: 10px; margin-bottom: 10px; width:100%;}
.index_news .bx-controls a{width:12px !important; height:12px !important; border-radius:50% !important;}


@media only screen and (max-width: 1690px){
	.index-column-ad .lefter{padding:80px 50px;}
	.index-column-ad{background:#222430; height:490px;}
}
@media only screen and (max-width: 1280px){
	.index-column-ad .lefter{padding:30px 20px;}
	.index-column-ad{background:#222430; height:390px;}
}

@media only screen and (max-width: 991px){
	.header .logo {
    max-width: inherit;
}
    .ueeshop_responsive_header .nav .sub {
    display: block;
}
.products_i .trans{display:none;}
.index-column-ad .lefter .txt {
    padding: 15px 0;
}
}


@media only screen and (max-width: 768px){
	.banner{top:0; margin-bottom:0;padding-top: 0;}
	.banner .adtxt{top:2.5em; font-size:1.5em; display:block;}
	
	.index_ad{padding:5px;}
	.index_ad li{width:49%; padding:5px;height: auto; margin-bottom:2%;}
	.index_ad li:nth-child(2n+1){margin-left:0;}
	.index_ad li:nth-child(2n){margin-left:2%;}
	.index_ad li .txt{bottom:12px; left:12px; right:12px;}
	.index_ad li .txt h1{font-size:16px;}
	.index_ad li .txt h2{display:none;}
	
	.index_pro{height:370px;}
	.index_pro .toptitle{font-size:24px;}
	.index_pro .toptitle div{padding-top:20px;}
	.index_pro .indprolist{margin-top:20px; height:250px;}
	.index_pro .item{width:50%; height:250px;}
	.index_pro .bx-controls{top:290px;}
	
	.index-column-ad{height:auto;}
	.index-column-ad .lefter{width:100%; float:none; height:auto; padding:20px;}
	.index-column-ad .lefter h1{font-size:24px;}
	.index-column-ad .lefter h1 div{padding-top:15px;}
	.index-column-ad .lefter  .txt{padding:10px 0;}
	.index-column-ad .lefter .link a{height:40px; line-height:40px;}
	.index-column-ad .ad{width:100%; float:none; height:auto;}
	.index-column-ad .ad img{height:auto;}
	
	.index_news{padding:10px 0;}
	.index_news .top_title{font-size:20px; font-weight:normal;}
	.index_news .top_title div{padding-top:15px;}
	.index_news .list{margin-top:20px;}
	.index_news .list .item{width:100%;height: auto; padding:0 15px; box-sizing:border-box;}
	.index_news .list .item .img{width:100%;float: none;}
	.index_news .list .item .img img{max-height: 100%;width:auto;}
	.index_news .list .item .info{width:100%;float: none;}
	.index_news .list .item .info .title{font-size:16px; padding:5px 0;}
	.index_news .list .item .info .date span{font-size:24px;}
	.index_news .bx-controls{top:170px;margin: 4% 0;}
	.index_news .list .item .info {

		padding-left: 0px;
	}
	.index-column-ad .lefter .txt {
    padding:15px 0;
    }
}

@media only screen and (max-width: 527px){
	.index_news .list .item {
		width: 100% !important;
	}
	.c{width: 100% !important;}
	.bx-controls{
		display: none;
	}
	.index_news .list .item .img img {
		max-width: 100%;
		width: 100%;
		height: auto;
		max-height: inherit;
	}
	/*.bx-viewport{height: auto !important;}*/
	.item  {margin-bottom: 10px;}
}

.hover-able .text-left{left: -35px !important;}
.size_h1 {
    font-size: 24px;
    text-align: center;
    text-transform: capitalize;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
	margin-bottom: 30px;
}
#feedbackForm .inputone{width: 100%;}
.divdisflex .message_input input {
    border: 1px solid #cbcecd;
}

.ueeshop_responsive_article_feedback .rows .fc_red {
    margin-right: 8px;
    position: absolute;
    left: 0%;
    bottom: 7px;
    z-index: 1;
    top: 15px;
	right: auto;
}
.ueeshop_responsive_turn_page  .on{background: #ffc107;}
.row-1 .text_capitalize{word-wrap: break-word;}
#MagnifierWrap .MagnifierMain {
	/* border: 1px solid #ccc; */
}

#MagnifierWrap .thumbs {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}

#MagnifierWrap .thumbs img {
	/* width: 16.66%; */
	margin: 10px;
	border: 2px solid transparent;
}

#MagnifierWrap .thumbs img.on {
	border-color: #0a315c;
}

.MagnifierDrag {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0.4;
	filter: alpha(opacity=40);
	cursor: move;
}

.MagnifierPop {
	position: absolute;
	top: 0;
	overflow: hidden;
	z-index: 1000;
}

.MagnifierImg {
	position: absolute;
	top: 0;
	left: 0;
}
.message_input{
	position: relative;
}
.hong1 {
    top: 5px;
    position: absolute;
	color: red;
	left: 2px;
}
.sub .item{line-height: 25px;}
.ueeshop_responsive_turn_page .ctxt{background:#fec107;}
.ueeshop_responsive_turn_page .ctxt a{color:white;}
/*.bx-default-pager{display:none}*/