.swiper-container{width: 100%;height: 520px;}
.hdl1{padding-top: 75px;}
.hdl1 h1{font-size: 32px;color: #333;text-align: center;}
.hdl1 h2{font-size: 14px;color: #999;text-align: center;line-height: 16px;margin-top: 3px;text-transform: uppercase;}
.intro_icos{max-width: 1200px;margin:0 auto;margin-top: 55px;}
.intro_icos dl{width: 33.3%;float: left;}
.intro_icos dl dt{width: 100px;height: 100px;margin:0 auto;border-radius: 50%;transition: .3s;}
.intro_icos dl:first-of-type dt{background: url(../images/intro01.png) no-repeat;}
.intro_icos dl:first-of-type dt:hover{background: url(../images/intro01h.jpg) no-repeat;box-shadow: 0px 2px 10px rgba(240,44,0,.2);}
.intro_icos dl:nth-of-type(2) dt{background: url(../images/intro02.jpg) no-repeat;}
.intro_icos dl:nth-of-type(2) dt:hover{background: url(../images/intro02h.png) no-repeat;box-shadow: 0px 2px 10px rgba(240,44,0,.2);}
.intro_icos dl:nth-of-type(3) dt{background: url(../images/intro03.jpg) no-repeat;}
.intro_icos dl:nth-of-type(3) dt:hover{background: url(../images/intro03h.png) no-repeat;box-shadow: 0px 2px 10px rgba(240,44,0,.2);}
.intro_icos dl dd h1{font-size: 18px;color: #444;text-align: center;margin-top: 20px;margin-bottom: 10px;}
.intro_icos dl dd p{width: 82%;margin:0 auto;color: #5b5b5b;line-height: 24px;font-size: 14px;text-align: center;}
.intro_icos:after{clear: both;display: block;content: '';}
.kinds_nav{display: table;max-width: 1200px;margin:0 auto;margin-top: 25px;}
.kinds_nav a{display: block;float: left;width: 130px;height: 40px;border-radius: 20px;text-align: center;border:1px solid #c8c8c8;line-height: 40px;font-size: 16px;color: #333;margin:0 15px;transition: .3s;margin-top: 15px;}
.kinds_nav a:hover{background: #f02c00;border:1px solid #f02c00;color: #fff;}
.kinds_nav a.active{background: #f02c00;border:1px solid #f02c00;color: #fff;}
.indbox-1{max-width: 1200px;margin:0 auto;margin-top: 60px;}
.indbox-1 .menu{display: none;}
.indbox-1 dl{width: 22.5%;margin-right: 3.33%;float: left;transition: .3s;margin-bottom:40px;}
.indbox-1 dl dt{width: 100%;}
.indbox-1 dl:nth-of-type(4n){margin-right: 0;}
.indbox-1 dl dd{padding:0 18px;transition: .3s;padding-bottom: 10px;}
.indbox-1 dl dd h1{font-size: 16px;color: #444;line-height: 26px;margin-bottom:8px;padding-top: 18px;height: 50px;overflow: hidden;transition: .3s;}
.indbox-1 dl dd p{font-size: 12px;line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.indbox-1 dl:hover{box-shadow: 0px 0px 20px rgba(0,0,0,.1)}
.indbox-1 dl:hover dd{background: #f02c00;color: #fff;}
.indbox-1 dl:hover dd h1{color: #fff;}
.swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;opacity: 1;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 30px;}
.swiper-pagination-bullet-active{background: #ff512a;}
a.viewmore{display: block;width: 56px;padding-top:32px;text-align: center;background: url(../images/more_btn.png) no-repeat center top;line-height: 16px;color: #5b5b5;margin:0 auto;margin-top: 20px;}
.indbox-2{background: #eceef3;margin-top: 90px;padding-bottom:70px;}
.indbox-2 .types{max-width: 1200px;margin:0 auto;margin-top: 60px;}
.indbox-2 .types dl{width: 31%;margin-right:3.33%;position: relative;float: left;margin-bottom: 40px;overflow: hidden;}
.indbox-2 .types dl:nth-of-type(3n){margin-right: 0;}
.indbox-2 .types dl dt{height: 246px;}
.indbox-2 .types dl dd{position: absolute;top:0;left: 0;width: 29.4%;height: 246px;background: rgba(240,44,0,.8);display: table;}
.indbox-2 .types dl dd p{font-size: 16px;color: #fff;line-height: 30px;text-align: center;display: table-cell;vertical-align: middle;}
.indbox-2 .types:after{display: block;clear: both;content: '';}
.indbox-3{margin-top: 30px;}
.indbox-3 ul{max-width: 1200px;margin:0 auto;margin-top: 40px;}
.indbox-3 ul li{float: left;width: 17.3%;margin-right:3.33%;border:1px solid #dcdcdc;box-sizing: border-box;margin-bottom: 30px;}
.indbox-3 ul li:nth-of-type(5n){margin-right: 0;}
.indbox-3 ul:after{content: "";display: block;clear: both;}
.indbox-4{margin-top: 0px;}
.indbox-5{background: #eceef3;margin-top: 50px;padding-bottom: 60px;}
.vmcarousel > li{opacity: .3;transition: .3s all ease .2s;transform: scale(.8,.8);}
.vmcarousel > li.vmc_active{opacity:1;transform: scale(1,1);}
.news_m{max-width: 1200px;margin:0 auto;margin-top: 38px;margin-bottom: 40px;}
.news_m:after{content: "";clear: both;display: block;}
.news_m .lef{width: 41.6%;float: left;height: 364px;position: relative;}
.news_m .lef a{display: block;width: 100%;height: 100%;top:0;left:0;background: url(../images/linear.png) bottom repeat-x;}
.news_m .rig{width: 55.8%;float: right;}
.news_m .rig dl:after{display: block;content: "";clear: both;}
.news_m .rig dl dt{float: left;width: 130px;height: 94px;}
.news_m .rig dl dd{float: right;width: calc(100% - 146px);}
.news_m .rig dl dd h1{font-size: 20px;color: #3c3c3c;font-weight: bold;line-height: 24px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.news_m .rig dl dd p{font-size: 14px;line-height: 24px;color: #5d5d5d;margin-top: 3px;}
.news_m .rig dl dd span{color: #6c6c6c;font-size: 13px;margin-top: 5px;display: block;}
.news_m .rig dl{padding-bottom: 19px;border-bottom: 1px solid #dcdcdc;}
.news_m .rig dl:nth-of-type(2){padding-top: 20px;}
.news_m .rig dl:nth-of-type(3){padding-top: 19px;padding-bottom: 0;border:none;}

.news_m .lef .texts{position: absolute;bottom: 0;padding:0 20px;}
.news_m .lef h1{font-size: 20px;color: #fff;}
.news_m .lef p{font-size: 14px;line-height: 24px;color: #fff;padding:6px 0 15px 0;}
.indbox-2 .types{display: none;}
.indbox-2 .types dl dt a{display: block;width: 100%;height: 100%;}
.indbox-2 .types dl dt a{transition: .8s all ease;}
.indbox-2 .types dl dt:hover a{transform: scale(1.1,1.1);}
.otbanner{width: 100%;height: 500px;}
.listarea{max-width: 1200px;margin:0 auto;margin-top:30px;margin-bottom: 80px;}
.listarea .lef{width: 230px;float: left;}
.listarea .rig{width: calc(100% -270px);}
.listarea:after{display: block;content: "";clear: both;}
.footer:before{display: block;content: "";clear: both;}
.crumbs{margin-bottom: 20px;}
.xw_list{position: relative;}
.listh1{width: 100%;height: 60px;background: #f02c00;line-height: 60px;font-size: 22px;color:#fff;padding-left: 25px;box-sizing: border-box;letter-spacing: 1px;}
.xw_list ul{border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding-bottom: 15px;}
.xw_list ul li{line-height: 40px;color: #333;font-size: 14px;padding-left: 25px;}
.xw_list ul li a{color: #333;}
.xw_list ul li:hover{background: #f7f7f7;}
.xw_list ul li:hover a{color:#d90000;}
.xw_list ul li a.active{color:#d90000;}
.gsxw .rig{width:calc(100% - 270px);float: right;}
.gsxw .rig dl:after{display: block;content: "";clear: both;}
.gsxw .rig dl dt{float: left;width: 180px;height: 120px;overflow: hidden;}
.gsxw .rig dl dd{float: right;width: calc(100% - 200px);}
.gsxw .rig dl dd h1{font-size: 20px;color: #3c3c3c;line-height: 24px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;transition: .2s;}
.gsxw .rig dl dd h1:hover{color:#d90000;}
.gsxw .rig dl dd p{font-size: 14px;line-height: 28px;color: #5d5d5d;margin-top: 8px;}
.gsxw .rig dl dd span{color: #6c6c6c;font-size: 13px;margin-top: 8px;display: block;}
.gsxw .rig dl{padding-bottom: 30px;border-bottom: 1px solid #dcdcdc;padding-top: 30px;}
.gsxw .rig dl:first-of-type{padding-top:0px;}
.xw_list em{width: 100%;height: 60px;display: none;position: absolute;top:0;left:0;}
.xw_list em i{font-family:'nicedesign';line-height: 60px;color: #fff;position:absolute;right: 20px;font-size:14px;transform: rotate(180deg);transition:.4s;}
.xw_list em i::after{content: '\e808';transform: rotate(180deg)}
.cp_list h2{border: 1px solid #e6e6e6;height: 40px;line-height: 40px;box-sizing: border-box;padding-left: 25px;font-size: 14px;color: #444;background: url(../images/arr_d.png) no-repeat 90% center;}
.cp_list .check{display: none;}
.cp_list ol{border-left: 1px solid #e6e6e6;border-right:1px solid #e6e6e6;padding-bottom: 5px;}
.cp_list ol:last-of-type{border-bottom: 1px solid #e6e6e6;}
.cp_list ol li{padding-top: 14px;margin-bottom: 10px;box-sizing: border-box;padding-left: 25px;}
.cp_list .check+label{display: inline-block;width: 14px;height: 14px;background: url(../images/c_check.jpg) no-repeat;}
.cp_list label span{font-size: 13px;line-height: 14px;vertical-align: top;margin-left: 10px;}
.cp_list .check:checked+label{background: url(../images/c_checked.jpg) no-repeat;}
.gscp dl{width: 30%;margin-right: 5%;float: left;transition: .3s;margin-bottom:40px;}
.gscp dl dt{width: 100%;}
.gscp dl:nth-of-type(3n){margin-right: 0;}
.gscp dl dd{padding:0 18px;transition: .3s;padding-bottom: 10px;}
.gscp dl dd h1{font-size: 16px;color: #444;line-height: 26px;margin-bottom:8px;padding-top: 18px;height: 50px;overflow: hidden;transition: .3s;}
.gscp dl dd p{font-size: 12px;line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gscp dl:hover{box-shadow: 0px 0px 20px rgba(0,0,0,.1)}
.gscp dl:hover dd{background: #f02c00;color: #fff;}
.gscp dl:hover dd h1{color: #fff;}
.gscp .rig{width: calc(100% - 270px);float: right;}
.cp_list em{width: 100%;height: 60px;display: none;position: absolute;top:0;left:0;display: none;}
.cp_list em i{font-family:'nicedesign';line-height: 60px;color: #fff;position:absolute;right: 20px;font-size:14px;transform: rotate(180deg);transition:.4s;}
.cp_list em i::after{content: '\e808';transform: rotate(180deg)}
.cp_list{position: relative;}
.gsfw .rig{width:calc(100% - 270px);float: right;}
.gsfw .rig dl{float: left;width: 31%;margin-right: 3.5%;margin-bottom:3.5%;}
.gsfw .rig dl:nth-of-type(3n){margin-right: 0;}
.gsfw .rig dl dt{height: 189px;}
.gsfw .rig dl dd{height: 60px;border:1px solid #e0e0df;border-top: none;transition: .2s;display: table;width: 100%;box-sizing: border-box;}
.gsfw .rig dl dd h1{line-height: 24px;text-align: center;font-size: 16px;transition: .2s;display: table-cell;vertical-align: middle;}
.gsfw .rig dl:hover{box-shadow: 0px 0px 20px rgba(0,0,0,.1);}
.gsfw .rig dl:hover dd{background: #f02c00;border-color:#f02c00;}
.gsfw .rig dl:hover dd h1{color: #fff;}
.newscon h1{color: #3c3c3c;font-size: 26px;text-align: center;}
.newscon h2{text-align: center;line-height: 14px;margin-top:20px;margin-bottom: 20px;}
.newscon h2 span{font-size: 13px;color: #6c6c6c;line-height: 14px;vertical-align: text-top;margin-right: 20px;}
.newscon h2 span img{max-width: 100%;width: auto;vertical-align: top;margin-right: 6px;}
.newscon .texts p{font-size: 14px;color: #555;line-height: 32px;}
.share_area{margin:0 auto;margin-top: 40px;text-align: center;}
.share_area h1{text-align: center;font-size: 13px;color: #666;margin-bottom: 10px;}
.share_area a{display: inline;font-family: 'nicedesign';font-size: 32px;text-align: center;margin:20px 5px;}
.share_area a.qq{color: #d9251c;}
.share_area a.qq:after{content: '\e806';}
.share_area a.wx{color: #0bb70b;}
.share_area a.wx:after{content: '\e80a';}
.newscon .texts{margin-top: 20px;}
.vmcarousel > li img{width: 230px;}
.swiper-slide p{max-width: 1200px;margin:0 auto;padding-top: 220px;font-size: 46px;color: #fff;line-height: 70px;}
.otbanner h1{font-size: 38px;color: #fff;padding-top: 180px;text-align: center;}
.otbanner h2{font-size: 16px;color: #fff;padding-top: 3px;text-align: center;}

@media screen and (max-width: 1920px){
	.otbanner{width: 100%;height: 350px;}
	.otbanner h1{padding-top: 140px;}
	.sidebar{bottom: 130px;}
}
@media screen and (max-width: 1500px){
	.otbanner{width: 100%;height: 300px;}
	.otbanner h1{padding-top: 120px;}
	.swiper-container{width: 100%;height: 430px;}
	.swiper-slide p{padding-top: 160px;font-size: 36px;line-height: 60px;padding-left: 20px;}
}
@media screen and (max-width: 1230px){
	.otbanner{width: 100%;height: 240px;}
	.otbanner h1{padding-top: 100px;}
	.header .con{width: 96%;}
	.indbox-1{width: 96%;}
	.indbox-3 ul{width: 96%;}
	.news_m{width: 96%;}
	.listarea{width: 96%;}
	.footer .con{width: 96%;}
}
@media screen and (max-width: 1024px){
	.otbanner{width: 100%;height: 220px;}
	.otbanner h1{padding-top: 90px;}
	.swiper-container{width: 100%;height: 360px;}
	.header.black ul{background: rgba(0,0,0,.9);}
	.indbox-1 dl{width:30%;margin-right: 5%;}
	.indbox-1 dl:nth-of-type(4n){margin-right:  5%;}
	.indbox-1 dl:nth-of-type(3n){margin-right: 0;}
	.close_btn{display: block;}
	.navopen{display: block;}
	.gsfw .rig dl{height: 250px;}
}
@media screen and (max-width: 800px){
    .otbanner{height: 120px;}
	.otbanner h1{padding-top: 40px;font-size: 28px;}
    .swiper-container{width: 100%;height: 270px;}
	.intro_icos dl{width: 50%;height:300px;}
	.indbox-1 dl{width:46%;margin:0 2%;margin-bottom:30px;}
	.indbox-1 dl:nth-of-type(4n){margin-right: 2%;}
	.indbox-1 dl:nth-of-type(3n){margin-right: 2%;}
	.hdl1{padding-top: 50px;}
	.hdl1 h1{font-size: 24px;}
	.kinds_nav a{width: auto;font-size: 14px;padding:0 12px;height: 34px;line-height: 34px;margin:0 5px;margin-top: 10px;}
	.indbox-1 dl dd h1{font-size: 14px;}
	.indbox-1{margin-top:30px;}
	.indbox-2{margin-top: 30px;}
	.indbox-2 .types dl{width: 46%;margin:0 2%;margin-bottom:4%;}
	.indbox-2 .types dl:nth-of-type(3n){margin-right: 2%;}
	.indbox-3 ul li{width: 22.5%;margin-right: 3.33%;margin-bottom:20px;}
	.indbox-3 ul li:nth-of-type(5n){margin-right: 3.33%;}
	.indbox-3 ul li:nth-of-type(4n){margin-right: 0;}	
	.indbox-1 dl dd{padding: 0 8px;}
	.news_m .lef{width: 100%;}
	.news_m .rig{width: 100%;margin-top: 20px;}
	.news_m .rig dl{padding-bottom: 15px;border-bottom: 1px solid #dcdcdc;}
	.news_m .rig dl:nth-of-type(2){padding-top: 15px;}
	.news_m .rig dl:nth-of-type(3){padding-top: 15px;padding-bottom: 0;border:none;}
	.indbox-5{padding-bottom:40px;}
	.footer .fo_logo{top:0;text-align: center;width: 100%;padding-top: 20px;}
	.footer .fo_logo img{max-width: 100%;width: auto;}
	.footer ul{display: table;margin:0 auto;padding-top:70px;}
	.footer ul li:last-of-type{margin-right: 0;}
	.footer p{text-align: center;margin-top:8px;}
	.footer span{display: block;width: 100%;text-align: center;position: static;margin-top: 5px;}
	.footer .con{height: 100%;}
	.listarea .lef{float: none;width: 100%;}
	.listarea .rig{width: 100%;float: none;margin-top: 30px;}
	.xw_list em{display: block;}
	.xw_list ul{display: none;}
	.listarea{margin-bottom: 40px;}
	.cp_list .cpul{display: none;}
	.cp_list em{display: block;}
	.cp_list ol li{width: 33.3%;float: left;}
	.cp_list h2{clear: both;}
	.cp_list ol:after{display: block;content: "";clear: both;}
	.gscp dl{width: 48%;margin-right: 4%;margin-bottom: 20px;}
	.gscp dl:nth-of-type(3n){margin-right: 4%;}
	.gscp dl:nth-of-type(2n){margin-right: 0;}
	.gscp dl dd h1{font-size: 14px;line-height: 20px;padding-top: 10px;height: 42px;margin-bottom: 2px;}
	.gscp dl dd{padding: 0 10px;/*background: #f02c00;*/padding-bottom: 8px;}
	/*.gscp dl dd{background: #f02c00;color: #fff;}
	.gscp dl dd h1{color: #fff;}*/
	.cp_list h2{background-position: 94% center;}
	.newscon h1{font-size: 20px;}
	.sidebar{bottom: 40px;right: 25px;}
	.sidebar li a{width: 40px;height: 40px;line-height: 40px;margin-top: 6px;font-size: 16px;}
	.sidebar .inf_blo{top:-23px;right: 50px;}
	.kinds_nav{width: 90%;}
	.swiper-slide p{padding-top: 120px;font-size: 28px;line-height: 46px;}
}
@media screen and (max-width: 470px){
	.swiper-container{width: 100%;height: 150px;}
	.intro_icos dl{width: 100%;height:auto;margin-bottom: 20px;}
	.hdl1{padding-top: 30px;}
	.indbox-2 .types dl{width: 92%;float: none;margin-bottom: 4%;}
	.indbox-2 .types dl:nth-of-type(3n){margin-right: auto;}
	.indbox-2 .types{margin-top:40px;width: 96%;}
	.indbox-2{padding-bottom: 40px;}
	.indbox-3{margin-top:10px;}
	.indbox-2 .types dl{width: 96%;margin:0 auto;margin-bottom: 4%;}
	.indbox-3 ul li{width: 29.2%;margin-right: 0;text-align: center;margin:0 2%;margin-bottom: 4%;}
	.indbox-3 ul li:nth-of-type(5n){margin-right: 2%;}
	.vmcarousel{transform: translate(-20px);} 
	.indbox-5{margin-top:10px;}
	.news_m .lef{height: 240px;}
	.news_m .lef h1{font-size: 16px;}
	.news_m .lef p{font-size: 12px;}
	.news_m .rig dl dd h1{font-size: 16px;}
	.news_m .rig dl dd p{font-size: 12px;}

	.swiper-slide p{padding-top: 85px;font-size: 22px;line-height: 36px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;}
	.swiper-pagination-bullet{width: 10px;height: 10px;}
	.intro_icos{margin-top: 30px;}
	.indbox-2 .types dl dd{height: 220px;}
	.indbox-2 .types dl dt{height: 220px;}
	.indbox-3 ul li:nth-of-type(4n){margin-right: 2%;}
	.indbox-3 ul{margin-top:30px;}
	.hdl1 h1{font-size: 20px;}
	.hdl1 h2{font-size: 13px;}
	.kinds_nav{margin-top: 20px;}
	.listh1{height: 45px;line-height: 45px;font-size: 18px;}
	.xw_list em{height: 45px;}
	.xw_list em i{line-height: 45px;}
	.gsxw .rig dl dt{width: 130px;height: 90px;}
	.gsxw .rig dl dd{width:calc(100% - 150px)}
	.gsxw .rig dl dd h1{font-size: 16px;}
	.gsxw .rig dl dd p{font-size: 12px;margin-top:2px;}
	.xw_list em i{font-size: 12px;}
	.cp_list ol li{width: 50%;float: left;}
	.cp_list em{height: 45px;}
	.cp_list em i{line-height: 45px;}
	.gscp{margin-bottom: 10px;}
	.cp_list em i{font-size: 12px;}
	.gsfw .rig dl{width: 48%;margin-right: 4%;}
	.gsfw .rig dl:nth-of-type(3n){margin-right: 4%;}
	.gsfw .rig dl:nth-of-type(2n){margin-right: 0;}
	.gsfw .rig dl dt{height: 160px;}
	.gsfw .rig dl dd{height: 45px;}
	.gsfw .rig dl dd h1{line-height: 20px;font-size: 13px;}
	.gsfw{margin-bottom: 10px;}
	.listarea .rig{margin-top: 20px;}
	.gsfw .rig dl{height: auto;}
}
@media screen and (max-width: 400px){
	.vmcarousel{transform: translate(-30px);} 
}
@media screen and (max-width: 350px){
	.kinds_nav a{font-size: 12px;}
	.vmcarousel{transform: translate(-60px);} 
	.gsfw .rig dl dt{height: 125px;}
}