*{padding: 0;margin: 0;outline: none;}
a{text-decoration: none;color: inherit;}
img{display: block;}
.clear{clear:both}

body{background: url(../cn/img/bg.gif) repeat-x;}
.header{width: 100%;height: 160px;background: url(../cn/img/in_top.jpg) no-repeat center;}
.container{max-width: 900px;margin: auto;width: 100%;}
.container::after{clear: both;display: flex;content: '';}
.logo{float: left;}
.top-text{float: right;margin-top: 35px;}
.language{font-size: 12px;float: right;margin-left: 15px;margin-top: 30px;display: block;}
.language:hover{color: #E51010;}
.nav{position: absolute;top: 130px;left: 50%;transform: translateX(-50%);min-width: 630px;}
.nav ul li{float: left;list-style: none;width: 120px;height: 28px;text-align: center;/*background: url(../cn/img/navbtnbg.png) no-repeat;background: #FFFFFF;*/background-size: 100% 100%;line-height: 28px;font-size: 18px;color: #333333;margin: 0 3px;}
.nav ul li a{display: block;}
.main{padding: 10px;box-shadow: 0 0 5px #999999;margin-top: 15px;background: #FFFFFF;}
.index-pro{width: 100%;}
.index-pro::after{clear: both;display: flex;content: '';}
.index-pro .title{border-bottom: 1px solid #ededed;line-height: 36px;}
.index-pro .title span{background: #ededed;min-width: 150px;height: 36px;display: inline-block;border-radius: 0 36px 0 0;text-indent: 15px;}
.index-pro .more{float: right;color: #999999;font-size: 14px;}
.index-pro .more img{float: left;margin-top: 16px;margin-right: 5px;}
.index-pro .more a:hover{text-decoration: underline;}

.index-pro-main{}
.index-pro-main::after{content: " ";display: block;clear: both;}
.index-pro-main .list{width: 14%;margin: 15px 1.6%;float: left;border: 0px solid #CCCCCC;overflow: hidden;}
.index-pro-main .list-k{width: calc(100% - 4px);border: 1px solid #cccccc;overflow: hidden;margin:auto;}
.index-pro-main .list:nth-child(6n-5){margin-left: 0;}
.index-pro-main .list:nth-child(6n){margin-right: 0;}
.index-pro-main .list img{transform: scale(1);transition: all 0.5s;}
.index-pro-main .list:hover img{transform: scale(1.05);transition: all 0.5s;}
.index-pro-main .list a{display: block;}
.index-pro-main .list .zhezhao{background-image: linear-gradient(#ffffff, #ededed);width: calc(100% - 3px);text-align: center;color: #666666;font-size: 20px;line-height: 1;height: 20px;margin-top:3px;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;margin-left: 1px;white-space:nowrap;}
.index-pro-main .list .zhezhao:hover{border: 0;border-top: 1px solid #cccccc;border-left: 1px solid #cccccc;}

.index-pro-main1{height: auto;}
.index-pro-main1::after{content: " ";display: block;clear: both;}
.index-pro-main1 .list{width: 30%;margin: 15px 2.5%;float: left;border: 0px solid #CCCCCC;overflow: hidden;}
.index-pro-main1 .list-k{width: calc(100% - 4px);border: 1px solid #cccccc;overflow: hidden;margin:auto;}
.index-pro-main1 .list:nth-child(3n-2){margin-left: 0;}
.index-pro-main1 .list:nth-child(3n){margin-right: 0;}
.index-pro-main1 .list img{transform: scale(1);transition: all 0.5s;}
.index-pro-main1 .list img:hover{transform: scale(1.05);transition: all 0.5s;}
.index-pro-main1 .list a{display: block;}
.index-pro-main1 .list .zhezhao{background-image: linear-gradient(#ffffff, #ededed);width: calc(100% - 3px);text-align: center;color: #666666;font-size: 20px;line-height: 1;height: 20px;margin-top:3px;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;margin-left: 1px;white-space:nowrap;}
.index-pro-main1 .list .zhezhao:hover{border: 0;border-top: 1px solid #cccccc;border-left: 1px solid #cccccc;}




.bottom{border-top:1px solid #ccc;width: 100%;text-align: center;line-height: 24px;font-size: 14px;padding: 12px 0;margin-top: 15px;}
.bottom::after{content: "";display: block;clear: both;}
.bottom-left{float: left;}
.bottom-right{float: right;}
.bottom a:hover{color: #e51010;}

.about-left{width: 275px;float: left;margin-right: 25px;}
.about-right{float: right;width: calc(100% - 300px);}

.about-left-img{width: auto;padding: 10px;box-shadow: 0 0 5px #999999;}
.about-left-title{width: 100%;background: #ededed;margin-top: 15px;border-radius: 0 24px 0 0;text-indent: 15px;line-height: 32px;height: 32px;font-size: 14px;}
.about-left-text{font-size: 14px;line-height: 32px;margin: 5px 0;padding-left: 0px;}
.about-left-text img{float: left;margin-top: 13px;margin-right: 3px;}
.about-main{margin-top: 15px;line-height: 36px;}
.about-main::after{content: " ";display: block;clear: both;}
.index-pro .about-left ul li{list-style: none;line-height: 24px;padding: 15px 0 15px 15px;background: #efefef;margin: 5px 0 0;transition: all 0.3s;}
.index-pro .about-left ul li img{float: left;margin-top: 10px;margin-right: 5px;}
.index-pro .about-left ul li:hover{background: #30bdc6;color: #FFFFFF;transition: all 0.3s;}
.m-fenlei{display: none;border: 0;line-height: 34px;font-size: 14px;float: right;}
.m-fenlei .m-fenlei-text{border: 1px solid #CCCCCC;padding: 0 10px;border-radius: 5px;}
.m-fenlei ul{display: none;background: #FFFFFF;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;position: absolute;right: 15px;z-index: 1;}
.m-fenlei ul li{list-style: none;padding: 0 10px;text-align: center;min-width: 51px;}

.pro-main{padding: 15px 0;}
.pro-main .pro-img{width: 580px;height: 580px;float: left;}
.pro-main .pro-title{font-size: 24px;margin: 30px 0;}
.pro-main .pro-canshu{float: left;font-size: 14px;width: calc(100% - 350px);}
.pro-main .pro-canshu img{max-width: 100%;}
.pro-main .pro-canshu ul li{list-style: none;line-height: 32px;font-size: 14px;}
.pro-main .pro-cotent{font-size: 14px;min-height: 100px;margin-top: 30px;}
.pagelist{text-align: center;margin: 30px auto;}
.pagelist ul li{list-style: none;display: inline-block;height: 24px;border: 1px solid #CCCCCC;margin: 0 3px;text-align: center;line-height: 24px;padding: 0 5px;}
.pagelist ul li:hover{background: #30BDC6;color: #FFFFFF;}
.pagelist::after{content: " ";display: block;clear: both;}
.huanjing-img{width: calc(48% - 12px);float: left;margin: 0 1%;margin-bottom: 15px;border: 1px solid #CCCCCC;padding: 5px;}
.huanjing-img p{background-image: linear-gradient(#ffffff, #ededed);width: calc(100% - 3px);text-align: center;color: #666666;font-size: 20px;line-height: 1;height: 28px;margin-top:3px;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;margin-left: 1px;white-space:nowrap;cursor: pointer;}
.huanjing-img p:hover{border: 0;border-top: 1px solid #cccccc;border-left: 1px solid #cccccc;}
.contact-main{background: url(../cn/img/kefu.png)no-repeat right bottom;min-height: 300px;padding: 15px;}

.index-about{width: 100%;position: relative;padding: 30px 0;}
.index-about::after{content: " ";display: block;clear: both;}
.index-about-bg{background: #efefef;position: absolute;left: 150px;top: 45px;z-index: -1;width: 508px;height: 448px;}
.index-about-left{}
.index-about-left .motto{width: 100%;padding-bottom: 42px;}
.index-about-left .motto .e-text{font-family: GothicB;font-size: 62px;line-height: 58px;letter-spacing: -3px;color: #030000;text-transform: uppercase;}
.index-about-left .motto .c-text{font-size: 30px;line-height: 50px;color: #30BDC6;}
.index-about-left .box-text{width: 100%;color: #333333;overflow: hidden;font-size: 14px;line-height: 2;margin-bottom: 30px;}
.index-about-left img{max-width:100%;}
.index-about-right{height: auto;width: 550px;margin: auto;}
.index-about-right img{max-width:100%;}

.fangdajing{position: absolute;}
#small{width: 580px;height: 580px;position: absolute;}
#small img{width: 100%;height: 100%;}
#small #mark{width: 100px;height: 100px;background-color: white;opacity: 0.5;position: absolute;left: 0;top: 0;}
#big{border: 1px solid #000;position: absolute;left: 600px;top: 50px;overflow: hidden;}
#big img{width: 500px;height: 500px;position: absolute;}

.gundong{overflow-y: auto;margin-top: 30px;}
.syg,.xyg{display:inline-block;}

@media screen and (max-width:768px) {
	body{overflow-y: auto;}
	.main{width: calc(100% - 30px);margin: 15px auto 0;}
	.header{width: 100%;}
	.logo{width: calc(80% - 5px);padding-top: 5px;padding-left: 5px;}
	.chatu{display: none;}
	.top-text{margin-top: 10px;width: 20%;float: right;}
	.language{float: none;margin-top: 0px;line-height: 28px;}
	.nav{transform: translateX(0);min-width: 0;width: calc(100% - 30px);margin-left: 15px;position: static;float: left;margin-top: 10px;}
	.nav ul li{width: 32%;margin: 0 1% 10px;}
	.nav ul li:nth-child(3n-2){margin-left: 0;}
	.nav ul li:nth-child(3n){margin-right: 0;}
	.index-pro-main{height: 330px;overflow-y: auto;}
	.index-pro-main .list{width: 30%;margin: 15px 2.5%;}
	.index-pro-main .list:nth-child(3n-2){margin-left: 0;}
	.index-pro-main .list:nth-child(3n){margin-right: 0;}
	.index-pro-main1{height: auto;}
	.index-pro-main1 .list{width: 48%;margin: 15px 2%;}
	.index-pro-main1 .list:nth-child(3n-2){margin-left: 2%;}
	.index-pro-main1 .list:nth-child(3n){margin-right: 2%;}
	.index-pro-main1 .list:nth-child(2n-1){margin-left: 0;}
	.index-pro-main1 .list:nth-child(2n){margin-right: 0;margin-left:2%;}
	.bottom-left,.bottom-right{float: none;text-align: center;}
	.index-about-bg,.index-about-left,.index-about-left .motto,.index-about-left .box-text,.index-about-right{width: 100%;}
	.index-about-bg{left: 0;}
	.index-about-left{margin-top: 0;}
	.index-about-left .box-text{padding-left: 0;}
	.index-pro .title span{width: 105px;}
	.about-left{display: none;}
	.about-right{float: none;width: 100%;}
	.index-pro .more{display: none;}
	.m-fenlei{display: block;}
	.pro-main .pro-img{width: 80%;margin: auto;float: none;height: auto;}
	.pro-main .pro-canshu{width: 100%;}
	.pro-main .pro-canshu ul li{width: 50%;float: left;}
	.fangdajing{position: static;}
	#small{width: 100%;height: auto;position: static;}
	#mark,#big{display: none;}
}

/*webkit内核*/
.gundong::-webkit-scrollbar {
    width:0px;
    height:0px;
}
/*o内核*/
.gundong .-o-scrollbar{
    -moz-appearance: none !important;   
    background: rgba(0,255,0,0) !important;  
}
/*IE10,IE11,IE12*/
.gundong{
    -ms-scroll-chaining: chained;
    -ms-overflow-style: none;
    -ms-content-zooming: zoom;
    -ms-scroll-rails: none;
    -ms-content-zoom-limit-min: 100%;
    -ms-content-zoom-limit-max: 500%;
    -ms-scroll-snap-type: proximity;
    -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
    -ms-overflow-style: none;
    overflow: auto;
}
/*webkit内核*/
.index-pro-main1::-webkit-scrollbar {
    width:0px;
    height:0px;
}
/*o内核*/
.index-pro-main1 .-o-scrollbar{
    -moz-appearance: none !important;   
    background: rgba(0,255,0,0) !important;  
}
/*IE10,IE11,IE12*/
.index-pro-main1{
    -ms-scroll-chaining: chained;
    -ms-overflow-style: none;
    -ms-content-zooming: zoom;
    -ms-scroll-rails: none;
    -ms-content-zoom-limit-min: 100%;
    -ms-content-zoom-limit-max: 500%;
    -ms-scroll-snap-type: proximity;
    -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
    -ms-overflow-style: none;
    overflow: auto;
}