@charset "utf-8";
/*宽屏样式 开始*/
.w_1200 #ibanner, .w_1200 #ibanner, .w_1200 #ibanner .bd ul, .w_1200 #ibanner .bd ul li, .w_1200 #ibanner .bd ul li a, .w_1200 #ibanner .bd img{width:1200px; height:386px;}
.w_1200 #igallery{width:1198px;}
.w_1200 #igallery .bd{width:1118px; height:220px; margin:15px 24px;}
.w_1200 #igallery .bd ul li{width:172px; margin-right:20px;}
.w_1200 #igallery .imgbox, .w_1200 #igallery .imgbox a{width:172px; height:172px;}
.w_1200 #isec2 .blk { width: 394px; }
/*宽屏样式 结束*/

.banner{ width: 100%; position: relative;}
.banner .bx-pager{ position: absolute; right: 0; bottom: 5%;}
.banner .bx-controls-direction{display: none;}
.index-banner .bx-wrapper .bx-pager{bottom: 2%;}
.index-banner .bx-wrapper .bx-pager.bx-default-pager a{width: 10px;height: 10px;background: #fff;border-radius: 100px;}
.index-banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.index-banner .bx-wrapper .bx-pager.bx-default-pager a.active{background: #fd3c3d;}
/*.banner .bx-controls-direction a{ display: block; position: absolute; top: 50%; width: 37px; height: 37px; margin-top: -18.5px; border: 2px solid #fff; font-size: 0;}
.banner .bx-controls-direction .bx-prev{ left: 57px; background: url('../images/prev_btn.png') no-repeat center;}
.banner .bx-controls-direction .bx-next{ right: 57px; background: url('../images/next_btn.png') no-repeat center;}
.banner .bx-controls-direction a:hover{ background-color: #f43544; border-color: #f43544;}
.banner .bx-pager .bx-pager-item{ height: 50px; margin-top: 20px; text-align: center;}
.banner .bx-pager .bx-pager-item .bx-pager-link{ position: relative; display: block; width: 50px; height: 100%; line-height: 50px; padding-right: 60px; font-size: 26px; color: #fff; font-family: bs; text-decoration: none;}
.banner .bx-pager .bx-pager-item .bx-pager-link:before{ display: none; content: ''; position: absolute; right: 0; top: 50%; width: 50px; height: 2px; margin-top: -1px; background: rgba(164, 164, 164, 0.4);}
.banner .bx-pager .bx-pager-item .bx-pager-link.active{ font-size: 36px;}
.banner .bx-pager .bx-pager-item .bx-pager-link.active:before{ display: block;}*/

#main{ background: #181a1f;}

.mid_ban{ width: 100%; padding: 80px 0 70px 0;}
.mid_ban .left{ width: 48.75%;}
.mid_ban .right{ width: 48.75%;}
.mid_ban .right .right_item{ display: block; width: 100%; margin-top: 30px;}
.mid_ban .right .right_item:first-child{ margin-top: 0;}

.new_arr .title{ width: 100%; height: 45px; line-height: 45px; font-size: 36px; color: #fff; font-family: "Robotoslab-Bold"; text-align: center;text-transform: uppercase;}
.new_arr .new_list{ width: 100%; margin-top: 30px;}
.new_arr .new_list .new_item{ width: 285px; height: 428px; margin-left: 20px; background: #fff;}
.new_arr .new_list .new_item:first-child{ margin-left: 0;}
.new_arr .new_list .new_item .item_img{ display: block; width: 100%; height: 299px; text-align: center; text-decoration: none;overflow: hidden;}
.new_arr .new_list .new_item .item_name{ display: block; height: 40px; line-height: 20px; margin-top: 13px; padding: 0 21px; font-size: 14px; color: #181a1f; font-family: "Raleway-Semibold"; text-align: center; overflow: hidden; text-decoration: none;}
.new_arr .new_list .new_item .item_name:hover{color: #fd3c3d;}
.new_arr .new_list .new_item .item_btn{ display: block; width: 70%; height: 40px; line-height: 40px; margin: 0 auto; margin-top: 14px; background: #fd3c3d; font-size: 14px; color: #fff; font-family: "Raleway-Semibold"; text-align: center; text-decoration: none;overflow: hidden;}
.new_arr .new_list .new_item .item_btn:hover{background: #333;}

.about_us{ width: 100%; margin-top: 80px; background: url('../images/about_us_bg.jpg') no-repeat center;}
.about_us .about_con{ height: 100%;}
.about_us .about_con .left{ width: 368px; height: 100%;}
.about_us .about_con .left .left_img{ display: block; width: 100%; height: 372px; background: url('../images/about_img_bg.jpg') no-repeat left center;}
.about_us .about_con .left .left_img .left_img_in{ width: 100%; height: 100%; margin-left: 6px;}
.about_us .about_con .left .left_img .left_img_in img{vertical-align: bottom;}
.about_us .about_con .left .left_btn{ width: 100%; height: 252px; background: url('../images/about_btn_bg.jpg') no-repeat left center; text-align: center;}
.about_us .about_con .left .left_btn .about_btn{ display: inline-block; width: 280px; height: 80px; line-height: 80px; margin-top: 89px; background: url(../images/about_btn_icon1.png) no-repeat 230px center #181a1f; font-size: 20px; color: #fff; font-family: "Raleway-Semibold"; text-align: center; text-decoration: none; background-size: 37px;}

.about_us .about_con .right{ width: 678px; height: 100%; margin-left: 100px; padding-top: 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.about_us .about_con .right .title{ width: 100%; height: 41px; line-height: 41px; font-size: 30px; color: #fff; font-family: "Robotoslab-Bold";}
.about_us .about_con .right .brief{ width: 100%; height: 80px; line-height: 24px; margin-top: 15px; font-size: 14px; font-weight: bold; color: #fff ;*color: #999; font-family: "Opensans-Regular"; overflow: hidden;}
.about_us .about_con .right .about_item{ width: 100%; margin-top: 52px;}
.about_us .about_con .right .about_item .item_title{ width: 100%; line-height: 42px; line-height: 42px;/* padding-left: 55px;*/ font-size: 22px; font-weight: bold; color: #fff; font-family: "Robotoslab-Regular"; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.about_us .about_con .right .build .item_title{ /*background: url('../images/item_title_icon0.png') no-repeat left center;*/}
.about_us .about_con .right .lose .item_title{ /*background: url('../images/item_title_icon1.png') no-repeat left center;*/}
.about_us .about_con .right .about_item .item_title img{margin-right: 5px;vertical-align: middle;}
.about_us .about_con .right .about_item .item_brief{ width: 100%; height: 48px; line-height: 24px; margin-top: 11px; font-size: 14px; font-weight: bold; color: #fff ;*color: #999; font-family: "Opensans-Regular"; overflow: hidden;}

@media screen and (max-width: 1218px){
	.new_arr .new_list .new_item{ width: 23.726%; margin-left: 1.6%;}
	.about_us .about_con .right{ width: 50%;}
}

@media screen and (max-width: 768px){
  	.w_1200 .mid_ban{ padding: 20px 0;}
	.mid_ban{padding:30px 0;}
	.mid_ban .left{margin-bottom: 20px;}
  	.mid_ban .right .right_item{ margin-top: 20px;}
    .mid_ban .left{width: 100%;text-align: center;}
    .mid_ban .right{width: 100%;text-align: center;}
	.new_arr .new_list .new_item{ width: 49%; margin-bottom: 20px;}
	.new_arr .new_list .new_item:nth-child(3){ margin-left: 0;}
	.about_us .about_con .left{ width: 40%;}
	.about_us .about_con .left .left_btn .about_btn{ width: 80%; background-position: 90% center; background-size: 10%; font-size: 2.34375vw;}
	.about_us .about_con .right{ margin-left: 5%;}

	/*
	.mid_ban .right{ width: 100%;}
	.new_arr .new_list .new_item .item_img{ margin: 0 auto;}
	*/
}

@media screen and (max-width: 600px){
	.mid_ban .left{ float: none; width: 100%;}
	.mid_ban .right{ float: none; width: 100%;}
	.mid_ban .right .right_item{ margin-top: 20px;}
	.mid_ban .right .right_item:first-child{ margin-top: 20px;}
	.about_us .about_con .right .brief{height: auto;}
	.new_arr .title{ font-size: 20px;}
	.new_arr .new_list{ margin-top: 0;}
	.new_arr .new_list .new_item{ width: 100%; margin: 0 auto; margin-top: 20px;}
	.about_us{ background: none; max-width: 373px; height: auto; margin: 0 auto; margin-top: 20px;}
	.about_us .about_con .left{ float: none; width: 100%; margin: 0 auto;}
	.about_us .about_con .left .left_btn{ height: 80px;}
	.about_us .about_con .right .about_item{margin-top: 30px;}
	.about_us .about_con .left .left_img .left_img_in{margin-left: 0;}
	.about_us .about_con .left .left_btn .about_btn{ margin-top: 10px; font-size: 18px;}
	.about_us .about_con .right{ float: none; width: 100%; padding-top: 20px; margin: 0 auto;}
}

@media screen and (max-width: 376px){
	.about_us{ width: 95%;}
}

#ueeseo_info{background: #181a1f;}
#ueeseo_info .themes_title{color: #fff;}
#ueeseo_info .info_list .info_item .info_title{color: #fff;}