*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.storage_banner{
	width: 100%;
	height: 820px;
	background: url(../images/storage_banner.jpg) no-repeat center top;
	margin-top: 80px;
}
.storage_four{
	width: 100%;
	height: 340px;
	background: url(../images/storage_fourbg.jpg) no-repeat center top;
}
.storage_cont_bg01{
	width: 1230px;
	margin: 60px auto 0 auto;
	height: 502px;
	background: url(../images/storage_cont_bg01.jpg) no-repeat center top;;
}
.storage_cont_bg02{
	width: 1230px;
	margin: 60px auto 0 auto;
	height: 502px;
	background: url(../images/storage_cont_bg02.jpg) no-repeat center top;;
}
.storage_cont_bg03{
	width: 1230px;
	margin: 60px auto 0 auto;
	height: 502px;
	background: url(../images/storage_cont_bg03.jpg) no-repeat center top;;
}
.storage_cont_bg04{
	width: 1230px;
	margin: 60px auto 0 auto;
	height: 502px;
	background: url(../images/storage_cont_bg04.jpg) no-repeat center top;;
}
.form{
	width: 740px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	overflow: hidden;
}
.form .layui-form-item{
	width: 240px;
	float: left;
	clear: none;
	margin-right: 10px;
}
.form .layui-form-item:nth-last-child(2){
	margin-right: 0px;
}
.form .layui-form-item:last-child{
	clear: left;
	width: 100%;
}
.form .layui-input-block{
	margin-left: 0px;
	font-size: 14px;
}
.sub_btn{
	background: #e60012;
	width: 260px;
	margin: 5px auto;
	display: block;
}
.hb_sub_btn{
	background: #1ba41e;
	width: 260px;
	margin: 5px auto;
	display: block;
}
.sub_info_top{
	text-align: center;
	font-size: 12px;
	color: #e60012;
}
/*technology beigin*/
.technology_banner{
	width: 100%;
	height: 820px;
	background: url(../images/technology_banner.jpg) no-repeat center top;
	margin-top: 80px;
}
.glbg{
	width: 100%;
	background: url(../images/glbg.jpg) no-repeat center top;
}
#certify {
	position: relative;
	width: 1230px;
	margin: 0 auto
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify  .swiper-slide {
	width: 410px;
	height: 480px;
	background: #fff;
	box-shadow: 0 8px 30px #ccc;
	padding: 100px 30px 0 30px;
	overflow: hidden;
}
#certify  .swiper-slide em{
	display: block;
	width: 64px;
	height: 52px;
	overflow: hidden;
	background: url(../images/glxt_num.png) no-repeat;
	margin: 0 auto;	
}
#certify  em.bg2{
	background-position-x: -64px;
}
#certify  em.bg3{
	background-position-x: -128px;
}
#certify  em.bg4{
	background-position-x: -192px;
}
#certify  em.bg5{
	background-position-x: -256px;
}
#certify  em.bg6{
	background-position-x: -320px;
}
#certify  em.bg7{
	background-position-x: -384px;
}
#certify  em.bg8{
	background-position-x: -448px;
}
#certify  em.bg9{
	background-position-x: -512px;
}
#certify  .swiper-slide span{
	text-align: center;
	display: block;
	width: 100%;
	margin-top: 130px;
	font-size: 20px;
	font-weight: bold;
	position: relative;
}
#certify  .swiper-slide span:before{
	content: '';
	width: 30px;
	height: 3px;
	background: #e60012;
	position: absolute;
	left: 46%;
	bottom: -16px;
}
#certify  .swiper-slide p {
	padding-top: 0;
	text-align: center;
	color: #666;
	margin-top: 30px;
	line-height: 24px;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

.swiper-slide-active{
	background: #e60012 !important;
}
.swiper-slide-active em{
	background-position-y: -52px !important;
}
.swiper-slide-active span{
	color: #fde125;
}
.swiper-slide-active span:before{
	background:#fde125 !important;
}
.swiper-slide-active p{
	color: white !important;
}
.swiper-pagination-bullet-active{
	border-color: #e60012 !important;
}
.btn{
	width: 24px;
	height: 42px;
	background: #e60012;	
}
.swiper_btns{
	left: 0;
	top:45%
}
.swiper_btn{
	right: 0 !important;
	top:45%
}
.swiper_btns:before{
	content: '';
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #e60012;
    overflow: hidden;
    left: 10px;
    top: 14px;
    position: absolute;
    z-index: 999;
}
.swiper_btns:after{
	content: '';
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid white;
    overflow: hidden;
    left: 8px;
    top: 14px;
    position: absolute;
    z-index: 99;
}
.swiper_btn:before{
	content: '';
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #e60012;
    overflow: hidden;
    left:8px;
    top: 14px;
    position: absolute;
    z-index: 999;
}
.swiper_btn:after{
	content: '';
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid white;
    overflow: hidden;
    left: 10px;
    top: 14px;
    position: absolute;
    z-index: 99;
}
.clgl{
	width: 1230px;
	margin: 0 auto;
}
.clgl ul{
	width: 100%;
	overflow: hidden;
}
.clgl ul li{
	width: 296px;
	float: left;
	margin-right: 15px;
	background: white;
	margin-bottom: 15px;
}
.clgl ul li:nth-child(4n){
	margin-right: 0;
}
.clgl ul li .pic{
	width: 300px;
	height: 260px;
	overflow: hidden;
}
.clgl ul li .pic img{
	max-width: 100%;
}
.clgl ul li .txt{
	padding: 30px 15px 50px 15px;
	text-align: center;
	font-size: 20px;
}
.clgl ul li .txt span{
	color: #999;
	font-family: arial;
	display: block;
}
.hjbg{
	width: 100%;
	background: url(../images/hjglbg.jpg) no-repeat center top;
}
.comm_info{
	width: 1230px;
	background: white;
	padding: 70px 0;
	margin: 0 auto;
}
.hjgl{
	padding: 0 30px;
	width: 100%;
}
.hjgl ul{
	overflow: hidden;
	display: block;
	margin-top: 30px;
}
.hjgl ul li{
	width: 380px;
	float: left;
	margin-right: 15px;
}
.hjgl ul li:last-child{
	margin-right: 0;
}
.hjgl ul li .pic{
	width: 380px;
	height: 252px;
	overflow: hidden;
}
.hjgl ul li .pic img{
	max-width: 100%;
}
.hjgl ul li .txt{
	padding: 30px 30px 10px 30px;
	font-size: 16px;
	text-align: center;
}

.gygl{
	width: 1230px;
	margin: 0 auto;
}
.gygl .box{
	margin-bottom: 15px;
	width: 296px;
	background: white;
}
.gygl .box .pic{
	width: 100%;
	height: 260px;
	overflow: hidden;	
}
.gygl .box .pic img{
	max-width: 100%;
}
.gygl .box .txt{
	padding: 20px;
}
.gygl .box .txt span{
	color: #999999;
	font-family: arial;
	display: block;
	text-align: center;
	font-size: 20px;
}
.gygl .box .txt h3{
	font-size: 20px;
	margin: 10px 0;
	display: block;
	text-align: center;
}
.gygl .box .txt p{
	font-size: 14px;
	color: #666;
}
/*technology end*/
/*gpc begin*/
.gpc_banner{
	width: 100%;
	height: 820px;
	background: url(../images/gpc_banner.jpg) no-repeat center top;
	margin-top: 80px;
	position: relative;
}
.leftly{
	display: block;
	position: absolute;
	left: 0;
	bottom: -180px;
}
.leftly2{
	display: block;
	position: absolute;
	right: 15%;
	bottom: -90px;
}
.gpc_tab{
	width: 1230px;
	margin: 0 auto;
	overflow: hidden;
}
.gpc_tab .left_column{
	width: 410px;
	float: left;
	background: white;
	
	overflow: hidden;
	
}
.gpc_tab .left_top{
	width: 100%;
	padding: 150px 30px 30px 30px;
	background: url(../images/gpc_clubg.jpg) no-repeat center top;
	height: 240px;
	margin-top: 30px;
}
.gpc_tab .left_top a{
	display: block;
	width: 220px;
	height: 42px;
	background: #1ba41e;
	margin: 0 auto;
}
.left_column .layui-tab-title{
	width: 100%;
	padding: 0 30px 30px 30px;
	height: auto;
}
.gpc_tab .left_column li{
	display: block !important;
	border-bottom: 1px solid #ccc;
	height: 80px;
	line-height:1;
	font-size: 16px;
}
.gpc_tab .left_column li h3{
	display: block;
	padding: 22px 0 0 60px;
	text-align: left;
	position: relative;
}
.gpc_tab .left_column li h3 span{
	display: block;
	font-family: arial;
	font-size: 14px;
	margin-top: 6px;
	color: #999;
}
.gpc_tab .left_column li h3:before{	
	font-family: arial;
	font-size: 36px;
	position: absolute;
	left: 0;
	top:22px;
	color: #ccc;
}

.gpc_tab .left_column li:first-child h3:before{
	content: '01';
}
.gpc_tab .left_column li:nth-child(2) h3:before{
	content: '02';
}
.gpc_tab .left_column li:nth-child(3) h3:before{
	content: '03';
}
.gpc_tab .left_column li:nth-child(4) h3:before{
	content: '04';
}
.gpc_tab .left_column li:nth-child(5) h3:before{
	content: '05';
}
.layui-tab-title .layui-this{
	background: #272936;
	color: white;
	border-color: #272936;
}
.layui-tab-title .layui-this:after{
	content: none;
}
.layui-tab-title .layui-this h3{
	color: white;
}
.layui-tab-title .layui-this h3 span{
	color: white !important;
}
.layui-tab-title .layui-this h3:before{
	color: white !important;
}
.gpc_tab .right_column{
	width: 810px;
	float: left;
	margin-left: 10px;
	background: white;
	padding: 30px;
	height: 701px;
	overflow: hidden;
}
.right_column dl,.right_column dl dt,.right_column dl dd{
	display: block;
	width: 100%;
}
.right_column dl dt{
	border-bottom: 1px solid #ccc;
	padding-bottom: 30px;
}
.right_column dl dt h3,.right_column dl dd h3{
	display: block;
	font-size: 20px;	
	position: relative;
}
.right_column dl dt h3 span,.right_column dl dd h3 span{
	display: block;
	font-family: arial;
	font-size: 14px;
	color: #999;
	margin-top: 2px;
	font-weight: normal;
}
.right_column dl dt p{
	font-size: 14px;
	height: 38px;
	margin:40px 0 20px 0;
}
.right_column dl dd p{
	font-weight: bold;
	height: 38px;
	margin:40px 0 20px 0;
}
.right_column dl dd{
	padding-top: 22px;
}
.right_column dl dd h3{
	color: #1ba41e;
	font-weight: bold;
}
.right_column dl dt i,.right_column dl dd i{
	display: block;
	width: 26px;
	height: 26px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 6px;
	background: url(../images/i60_advbg.png) no-repeat;
}
.right_column dl dt i{
	background-position: -246px -238px;
}
.right_column dl dd i{
	background-position: -242px -40px;
}
.design_hbt{
	width: 100%;
	margin-top: 60px;
	height: 420px;
}
.design_hbt .design_hbt_l{
	background: url(../images/design_hbt01.jpg) no-repeat left top;
	width: 50%;
	height: 420px;
	background-size: cover;
	float: left;
}
.design_hbt .design_hbt_r,.design_hbb .design_hbt_r{
	width: 615px;
	float: left;
	padding: 60px;
}
.design_hbt p,.design_hbm p,.design_hbb p{
	margin-top: 60px;
}
.design_hbt a,.design_hbm a,.design_hbb a{
	display: block;
    width: 120px;
    height: 38px;
    background: #1ba41e;
    line-height: 36px;
    text-align: center;
    color: white;
    border-radius: 2px;
    margin-top: 60px;
    font-size: 14px;
}
.design_hbt a:hover,.design_hbm a:hover,.design_hbb a:hover{
	background: #009688;
	border-color: #009688;
	color: white;
}
.design_hbm{
	width: 100%;
	height: 420px;
}
.design_hbm .design_hbt_l{
	width: 615px;
	height: 420px;
	float: right;
	padding: 60px;
}
.design_hbm .design_hbt_r{
	background: url(../images/design_hbt02.jpg) no-repeat left top;
	width: 50%;
	height: 420px;
	float: right;
	background-size: cover;
}
.design_hbb{
	width: 1230px;
	margin: 0 auto;
	overflow: hidden;
}
.design_hbb .design_hbt_l{
	width: 50%;
	float: left;
	background: url(../images/design_hbt03.jpg) no-repeat left top;
	height: 420px;
	background-size: cover;
}

.gpc_cont{
	width: 1230px;
	margin: 30px auto 0 auto;
	display: -webkit-flex;
}
.gpc_cont:first-child{
	margin-top: 0;
}
.cont_left{
	width: 410px;
	height: 520px;
	background: white;
	padding: 30px;
	position: relative;
}
.cont_left span{
	position: absolute;
	display: block;
	width: 50px;
	height: 150px;
	left: -50px;
	top: 0;
	background: url(../images/gpc_jc.png) no-repeat;
}
.cont_left span.f{
	background-position: 0 0;
}
.cont_left span.m{
	background-position: -50px 0;
}
.cont_left span.l{
	background-position: -100px 0;
}
.cont_right{
	flex: 1;
	background: white;
	margin-left: 10px;
	padding: 30px;
}
.cont_right .title{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: left;
	color: #1ba41e;
}
.cont_right span{
	font-size: 14px;
	margin-bottom: 60px;
	line-height: 22px;
	display: block;
}
.cont_right p{
	font-size: 14px;
	margin-bottom: 50px;
	line-height: 22px;
	display: block;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}
.cont_right p:last-child{
	margin-bottom: 0;
}
/*gpc end*/