@charset "utf-8"; 
.banner{ height:100vh; position:relative; background-color:#000; overflow:hidden}
.banner:after{ content:""; display:block; position:absolute; z-index:2; left:0; right:0;top:0; bottom:0;    background-image: linear-gradient(180deg, rgba(0,0,0,0.48) 0%, #000000 100%)}
.indexvideo {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: auto;
	z-index: 1
}
.banner .box{ position:absolute; z-index:3; left:0; right:0; padding-top:30vh; color:#fff}
.banner .box .txt{ float:left; width:50%}
.banner .box .txt .title{ font-size:60px; font-weight:bold; line-height:1.1; margin-bottom:30px}
.banner .box .txt .title span{ display:block}
.banner .box .txt .p{ max-width:370px; font-size:15px;color: rgba(255,255,255,0.59); margin-bottom:50px; line-height:1.4}
.banner .box .txt .more a{ display:inline-block; width:154px; line-height:53px; border:3px solid #fff; border-radius:5px; text-align:center; font-size:15px; font-weight:bold; letter-spacing:2px; color:#fff} 
.banner .box .txt .more a:hover{ transform:scale(1.1); text-decoration:underline; border:3px solid #4054b2}
.banner .box .videopay{ float:right; width:194px; height:194px; border:8px solid #d8d8d8; border-radius:50%; text-align:center; cursor:pointer; margin-top:90px; opacity:.6;margin-right:260px; background:url(../images/ico-pay.png) no-repeat center; background-size:45px; }
.banner .box .videopay i{ font-size:90px;line-height:174px; color:#d5d5d5; display:none}
.banner .box .txt .title .elementbox span{ display:inline-block; vertical-align:middle}
.typed-cursor{opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite;}


.index01{ padding:70px 0; background-color:#000; color:#fff}
.index01 ul{ margin-left:-1.5%; margin-right:-1.5%}
.index01 ul li{ width:30.33%; float:left; margin:0 1.5%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.index01 ul li .ico{ width:46px; height:46px;flex:0 0 46px; margin-right:21px;}
.index01 ul li .ico i{ font-size:46px;color: #4054B2; text-align:center; line-height:1.1}
.index01 ul li:nth-child(1) .ico i{ font-size:41px}
.index01 ul li .txt{ color:rgba(255, 255, 255, 0.76);-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.index01 ul li .txt h3{ font-size:17px; color:#fff; margin-bottom:15px}

.index02{ padding-top:140px; padding-bottom:160px; text-align:center;background-color:#f9f9f9;}
.index02 .hd{ margin-bottom:64px}
.index02 .hd h3{ font-size:40px; line-height:1.1; color:#1C263F; margin-bottom:20px}
.index02 .hd .p{ max-width:100%;    font-size: 16px; margin:0 auto; color: #7f7f7f;}
.index02 .hd .line{ width:150px; height:1px; margin:0 auto; background-color:#e1e1e1; margin-top:50px}
.index02 .bd ul{ text-align:justify; max-width:994px; margin:0 auto}
.index02 .bd ul:after{content:""; display:inline-block; width:100%;}
.index02 .bd li{ display:inline-block; text-align:center; vertical-align:top;}
.index02 .bd li .num{ line-height:1.1; font-weight:bold; color:#1C263F; font-size:64px;}
.index02 .bd li .num span,.index02 .bd li .num i{ display:inline-block; vertical-align:text-top; font-weight:bold}
.index02 .bd li .num i{ font-size:55%}
.index02 .bd li .p{ color:#666; font-size:14px;}

.index03{padding:200px 0;background-color: #F9F9F9; background-image: url(../images/index03bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;background-attachment: fixed;}
.index03 .bd{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.index03 .bd>div{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; background-color:#1c263f; text-align:center; color:#fff; height:423px; padding:0 5%; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.index03 .bd .bdleft{background-attachment: fixed; background-position: -163px -73px; background-size: cover;}
.index03 .bd h3{font-size:40px; line-height:1.1; margin-bottom:20px}
.index03 .bd .p{margin-bottom:20px; }
.index03 .bd .more a{display:inline-block; width:110px; line-height:38px; text-align:center; color:#fff; font-size:14px; font-weight:bold;border-style: double}
.index03 .bd .more a:hover{transform:scale(1.1); text-decoration:underline}

.index04{    background-image: linear-gradient(0deg, rgba(30, 35, 57, 0.62) 0%, #1E2339 100%); color:#fff; padding-top:140px; padding-bottom:160px;}
.index04 a{ color:#fff}
.index04 .hd{ text-align:center; margin-bottom:50px}
.index04 .hd h3{ font-size:40px; line-height:1.1; margin-bottom:15px}
.index04 .hd .p{ font-size:14px; line-height:2.4;text-align:left;}
.index04 .hd .p span{ display:block}
.index04 .bd ul{ margin-left:-1%; margin-right:-1%}
.index04 .bd li{ float:left; width:21%; text-align:center; margin:0 2%;margin-bottom: 20px;}
.index04 .bd li .img{ margin-bottom:30px}
.index04 .bd li .img img{ display:block; width:100%; height:244px;transition: all 0.5s;-moz-transition: all 0.5s;	/* Firefox 4 */-webkit-transition: all 0.5s;	/* Safari 和 Chrome */-o-transition: alll 0.5s;	/* Opera */}
.index04 .bd li a:hover .img img{ transform:scale(.9)}
.index04 .bd li a{ display:block}
.index04 .bd li .eng{ font-size:14px; line-height:1.2; height:30px}
.index04 .bd li h3{ font-size:22px; line-height:1.1; margin-bottom:20px;height: 100px;overflow: hidden;}
.index04 .bd li .more span{ display:inline-block; border:2px solid #fff; font-size:14px; color:#fff; text-align:center; width:72px; line-height:25px;transition: all 0.5s;-moz-transition: all 0.5s;	/* Firefox 4 */-webkit-transition: all 0.5s;	/* Safari 和 Chrome */-o-transition: alll 0.5s;	/* Opera */}
.index04 .bd li .more span:hover{ background-color:#fff; text-decoration:underline; color:#333}

.index05{ padding:80px 0; text-align:center;background-color:#f9f9f9;}
.index05 .hd{ margin-bottom:30px;}
.index05 .hd h3{ font-size:32px; line-height:1.1;    color: rgba(50,50,50,1);}
.index05 .hd .line{ width:70px; height:2px; background-color:#4f64c8; margin:0 auto; margin-top:40px}
.index05 .bd li{ float:left; width:33.33%; text-align:center; padding:0 20px;}
.index05 .bd li .ico{ margin-bottom:20px}
.index05 .bd li .a:hover .ico{animation:pulse .3s;-webkit-animation:pulse .3s;}
.index05 .bd li .ico i{ display:inline-block; width:70px; height:70px; border-radius:50%; background-color:#1C263F; color:#fff; font-size:30px; line-height:70px;}
.index05 .bd li .p{ font-weight:bold; color:#54595F; font-size:20px; line-height:1.1; margin-bottom:20px}
.index05 .bd li .num{ color:#54595F; font-size:15px}

.nbanner{ height:100vh; background-repeat:no-repeat; background-position:center; background-size:cover;background-attachment: fixed;}
.nbanner .box{ height:100%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; width:100%;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; color:#fff}
.nbanner .box .txt{ width:100%; text-align:center}
.nbanner .box .txt .eng{font-size: 0.86em; font-weight: 300; text-transform: uppercase; letter-spacing: 10px; line-height:1.1;padding: 1em 0em 1em 0em; margin-bottom:14px;}
.nbanner .box .txt h3{font-size: 7.5em; font-weight: 600; text-transform: uppercase; letter-spacing: 10px; line-height:1.1}
.newslist01{transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 1.9em 4.5em 0em 4.5em; background-color: #f6f6f6;}
.newslist01 .bdd{max-width:1900px; margin:0 auto; background-color:#fff;padding: 11em 4em 9em 5em;}
.newslist01 .bdd>div{max-width:1245px; margin:0 auto}
.newslist01 .bdd .hd h3{color: #a7a7a7; font-family: "Tahoma", Sans-serif; font-size: 0.76em; font-weight: 700; text-transform: uppercase; line-height: 1.25em; letter-spacing: 2px;}
.newslist01 .bdd .bd{margin-top:-14px}
.newslist01 .bdd .bd .a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.newslist01 .bdd .bd .a .title{width:25%; padding-right:10px; padding-top:43px;}
.newslist01 .bdd .bd .a .title h3{font-size:20px;  font-weight: 600; line-height: 1.3em;} 
.newslist01 .bdd .bd .a .img{ width: 38.735%; margin-right:2.213%;}
.newslist01 .bdd .bd .a .img img{ display:block; width:100%; box-shadow:5px 5px 5px rgba(0,0,0,.5); border-radius:5px;}
.newslist01 .bdd .bd .a .img:hover img{transform: scale(1.1);}
.newslist01 .bdd .bd .a .txt{ width: 34%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; padding-left:10px}
.newslist01 .bdd .bd .a .txt .p{ font-size:14px; margin-bottom:30px; height:85px; overflow:hidden}
.newslist01 .bdd .bd .a .txt .more span{    letter-spacing: 2px; font-size:14px; font-weight:bold}
.newslist01 .bdd .bd .a .txt .more span .fa-angle-right{ margin-left:10px; font-weight:bold; font-size:15px}

.newslist02{ max-width:1300px; margin:0 auto; margin-top:-90px; background-color:#f6f6f6; padding-top:35px; margin-bottom:35px}
.newslist02 .bd{ max-width:1245px; margin:0 auto; background-color:#fff; padding:55px 0}
.newslist02 ul{ padding:0 4%}
.newslist02 li{ float:left; width:23.33%; margin:0 4%}
.newslist02 li a{ display:block; }
.newslist02 li h3{ font-size:20px; text-align:center; line-height:1.5; height:87px; overflow:hidden; margin-bottom:10px}
.newslist02 li .date{color: #a7a7a7; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 1.1; letter-spacing: 2px; text-align:center; margin-bottom:25px}
.newslist02 li .ms{ font-size:12.5px; text-align:justify; height:160px; overflow:hidden; margin-bottom:25px}	
.newslist02 li .more{ text-align:center; font-weight:bold; font-size:14px}
.newslist02 li .more i{ margin-left:10px; font-size:15px; font-weight:bold}
.newslist02 li .eng{color: rgba(0,0,0,0.05); text-align:center; font-size:85px; text-transform:uppercase; font-weight:bold; line-height:1.1; margin-bottom:-42px}
.newslist02 li:nth-child(1) .eng:after{ content:"E";}
.newslist02 li:nth-child(2) .eng:after{ content:"c";}
.newslist02 li:nth-child(3) .eng:after{ content:"s";}

.newslist .weap{ max-width:1245px; margin:0 auto;}
.newslist .bd ul{ margin-left:-29px; margin-right:-29px;}
.newslist .bd li{ float:left; width:33.33%; margin-bottom:50px}
.newslist .bd li a{ display:block; margin:0 29px;}
.newslist .bd li .img{ margin-bottom:20px}
.newslist .bd li .img img{ display:block; width:100%; box-shadow:5px 5px 5px rgba(0,0,0,.5); border-radius:5px; height:250px}
.newslist .bd li a .img:hover img{transform: scale(1.1);}
.newslist .bd li h3{ font-size:20px; text-align:center; line-height:1.1; margin-bottom:20px; }
.newslist .bd li .date{color: #a7a7a7; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 1.1; letter-spacing: 2px; text-align:center; margin-bottom:25px}
.newslist .bd li .ms{ font-size:14px; height:64px; overflow:hidden; margin-bottom:40px}	
.newslist .bd li .more{text-align:center; font-weight:bold; font-size:14px}
.newslist .bd li .more i{ margin-left:10px; font-size:15px; font-weight:bold}

.newslistmain{ padding-bottom:100px;}

.nbanner.h370{ height:370px; position:relative; background-position:center bottom;    background-size: cover; background-attachment:inherit}
.nbanner.h370 .box{ position:relative; z-index:2}
.nbanner.h370:after{ content:""; display:block; position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; }
.nbanner .more{ margin-top:25px}
.nbanner .more a{ color:#fff}
.nbanner .more a i{margin-left:10px; font-size:15px; font-weight:bold}

.newspage{ padding-top:90px; padding-bottom:80px}
.newspage .mainright{ float:right; width:28%}
.newspage .mainleft{ float:left; width:65%}

.newspage .sidetitle{    background-color: #1C263F;    padding: 30px 30px 40px 30px; margin-bottom:35px}
.newspage .sidetitle h3{color: #ffffff; font-family: "Tahoma", Sans-serif; font-size: 41px; font-weight: 600;}
.newspage .sidetitle span{display:block; line-height:1.1; margin-bottom:35px}
.newspage .sidehd{margin-bottom:15px}
.newspage .sidehd h3{font-size:15px; letter-spacing:2px;}
.sidelist01{margin-bottom:30px}
.sidelist01 .bd li{margin-bottom:10px}
.sidelist01 .bd li a:hover h3{text-decoration:underline}
.sidelist01 .bd li a h3{letter-spacing: 2px; font-weight: 900; text-transform: uppercase;color:#54595f;}
.sidelist01 .bd li  .date{ font-size:14px; color:#7a7a7a}	
.sidefx .bshare-custom a{  font-size:16px; margin-right:24px; display:inline-block; vertical-align:middle; width:25px !important; height:25px !important;}
.sidefx a:hover{ text-decoration:none; color:#1769ff}
.sidefx .bshare-custom .bshare-weixin{ background:url(../images/icons8-wechat-50.png) no-repeat center !important; background-size:100% !important}
.sidefx .bshare-custom .bshare-sinaminiblog{ background:url(../images/icons8-weibo-50.png) no-repeat center !important; background-size:100% !important}
.sidefx .bshare-custom .bshare-sinaminiblog{ background:url(../images/icons8-weibo-50.png) no-repeat center !important; background-size:100% !important}
.sidefx .bshare-custom .bshare-qzone{ background:url(../images/icons8-tiktok-50.png) no-repeat center !important; background-size:100% !important}
.sidefx .bshare-custom .bshare-linkedin{ background:url(../images/icons8-linkedin-50.png) no-repeat center !important; background-size:100% !important}
.bsTop{ width:auto !important}
.bsFrameDiv{ padding-top:1px;}
.bsFrameDiv>div{ width:100% !important; height:100% !important; display:block !important}
.bsFrameDiv>div img{ display:block !important; width:90% !important; height:90% !important; margin:5% !important}
.newspage .img{ margin-bottom:20px}
	.newspage .img img {
		max-width: 100%;
		height: auto !important;
		box-shadow: 5px 5px 5px rgba(0,0,0,.5);
	}
.newspage .title{ font-size:36px; line-height:1.1; letter-spacing:2px; margin-bottom:15px}
.newspage .ft{ font-size:24px; line-height:1.1; letter-spacing:2px; margin-bottom:15px;color: #1C263F;}
.newspage .conn{ overflow:hidden;    color: #54595F;}
.newspage .conn img{ max-width:100%; height:auto !important}
/*产品*/
.productindex{ margin:-1px 0}
.productindex li{/* overflow:hidden; */
				  position:relative}
.productindex li .txt{ width:50%; float:right;padding:9vw 10.4vw;} 
.productindex li .txt .eng{ font-size:14px; font-weight:bold; letter-spacing:2px;    color: #1C263F; margin-bottom:10px}
.productindex li .txt h3{ font-size:70px;font-weight:bold; letter-spacing:2px;    color: #1C263F; line-height:1.1; margin-bottom:35px}
.productindex li .txt h3 a{font-size:40px;color: #1C263F;}
.productindex li .txt .ms{ font-size:16px;color: #1C263F; margin-bottom:30px}
.productindex li .img{ position:absolute; z-index:1; left:0; width:50%;top:0; bottom:0; }
.productindex li .im{ display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover}
.productindex li .tis{ position:absolute; z-index:1; right:0; bottom:0; display:block; background-color:#212121; color:#fff; padding:0 4.4vw; line-height:4.2vw;} 
.productindex li .tis .fa:after{ content:"More"; vertical-align:middle; margin-left:5px}
.productindex li:last-child .tis .fa:after{ content:"More"; vertical-align:middle; margin-left:5px}
.productindex li:last-child .tis .fa:before{-moz-transform:scaleY(-1); -webkit-transform:scaleY(-1); -o-transform:scaleY(-1); transform:scaleY(-1); /*IE*/ filter:FlipV; display:inline-block; vertical-align:middle; position:relative;top:3px}
.productindex li .tis a:hover .fa:after{text-decoration:underline}
.productindex li .downloada{margin-bottom:15px}
.productindex li .downloada a{display:inline-block;font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; fill: #1C263F; color: #1C263F; border-bottom:1px solid #fff; padding-bottom:5px;}
.productindex li .downloada a .fa{font-weight:normal; margin-right:5px}
.productindex li .more a{display:inline-block; font-weight: 500; text-transform: capitalize; fill: #FFFFFF; color: #FFFFFF; background-color: #1C263F; border-radius: 0px 0px 0px 0px; padding:15px 30px; font-size:15px; position:relative;top:0}
.productindex li .more a:hover{top:-5px;}	
.productindex li .more a .fa{ font-weight:bold; margin-left:10px}
.productindex li:nth-child(even) .img{ left:auto; right:0;}
	.productindex li:nth-child(even) .img {
		box-shadow: -5px 5px 5px rgba(0,0,0,.5);
	}
	.productindex li:nth-child(odd) .img {
		box-shadow: 5px 5px 5px rgba(0,0,0,.5);
	}
.productindex li:nth-child(even) .txt {
	float: left
}	

.nbanner.h350{ height:350px; position:relative; background-position:center bottom;    background-size: cover; background-attachment:inherit}
.nbanner.h350 .box{ position:relative; z-index:2}  
.nbanner .box .txt .eng02{font-size: 0.86em; font-weight: 300; text-transform: uppercase;  color: #DBDDEE; margin-bottom:20px}
.nbanner .box .txt h4{font-size: 40px; font-weight: 600; text-transform: uppercase; line-height:1.1}

.productlist li{padding:100px 10px; background-color: transparent; background-image: linear-gradient(135deg, #F5F5F5 50%, #FFFFFF 50%);}
.productlist li a{ box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07); border-radius:10px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; padding:50px; padding-bottom:100px; position:relative }
.productlist li i{ display:block; position:absolute; z-index:1; left:50%; bottom:20px; font-size:20px; color:#54595F; width:20px; text-align:center; margin-left:-10px; font-weight:bolder}
.productlist li .txt{width:50%}
.productlist li .txt .eng{ font-size:50px; font-weight:bold;  line-height:1.1; letter-spacing:2; margin-bottom:30px}
.productlist li .txt h3{ font-size:20px; line-height:1.1; margin-bottom:10px}
.productlist li .txt h3:hover{ text-decoration:underline}
.productlist li .txt .ms{color: #54595F;font-size: 16px; margin-bottom:25px; min-height:166px}
.productlist li .txt .more span{ font-size:15px; display:inline-block; border-bottom:2px solid #000; line-height:1.1}	
.productlist li .txt .more span:hover{ border-bottom:4px solid #000}
.productlist li .img{ width:50%; text-align:center}
.productlist li .img img{ width:100%; max-width:250px; }

.productlist li .img:hover img{transform: scale(1.1);}

.productlist01 .item{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; background-color: transparent; background-image: linear-gradient(135deg, #F5F5F5 50%, #FFFFFF 50%); padding:100px 0}
.productlist01 .item .titlebox{ width:38%}	
.productlist01 .item .title{    margin: 0px 31px 0px 211px; padding-top:30px}
.productlist01 .item .title .eng{    color: #54595F; letter-spacing:2px; line-height:1.1; font-weight:bold; font-size:14px}
.productlist01 .item .title .line{ width:50px; height:4px; background-color:#000; margin:20px 0}
.productlist01 .item .title .ms{    color: #54595F;}
.productlist01 .item ul{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.productlist01 .item li{ float:left; width:25%; text-align:center; margin-bottom:40px}
.productlist01 .item li a{ display:block; padding:0 10px;}
.productlist01 .item li .img{ margin-bottom:25px; height:200px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;  -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.productlist01 .item li .img img{ max-width:100%; max-height:100%; display:block; margin:0 auto;}
.productlist01 .item li a:hover .img img{transform: scale(1.1);}
.productlist01 .item li .eng{ font-size:22px; font-weight:bold; line-height:1.1; margin-bottom:10px; white-space: nowrap;text-overflow: ellipsis;}
.productlist01 .item li .more span{ font-size:15px; display:inline-block; border-bottom:2px solid #000; line-height:1.1}	
.productlist01 .item li .more span:hover{ border-bottom:4px solid #000}

.productlist02{padding-left:50%;background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; border-top:1px solid #e8e8e8}
.productlist02 .bdd{ background-color:#fff; padding:120px}	
.productlist02 .hd .eng{ letter-spacing:2px; font-weight:bold; text-transform:uppercase; font-size:14px; line-height:1.1; margin-bottom:5px}
.productlist02 .hd h3{ font-size:24px; line-height:1.1; margin-bottom:10px;    }
.productlist02 .hd .line{ width:40px; height:4.5px; background-color:#4054b2;  margin-bottom:45px;}
.productlist02 .bd li{ float:left; width:50%; padding:0 2%;  margin-bottom:40px;height:180px;}
.productlist02 .bd ul{ margin-left:-2%; margin-right:-2%}
.productlist02 .bd li a{ display:block;}
.productlist02 .bd li h3{ font-style: italic;
						  /*height:44px; overflow:hidden;*/
						  margin-bottom:10px} 
.productlist02 .bd li .ms{  color:#54595F; height:94px; overflow:hidden}

.nbanner.h520{ height:520px; position:relative; background-position:center bottom;    background-size: cover; background-attachment:inherit}
.nbanner.h520 .box{ position:relative; z-index:2} 

.productpage{ padding-top:70px; padding-bottom:80px;} 
.productpage .hd { margin-bottom:35px}
.productpage .hd .num{color: #262626; letter-spacing:2px; font-size:24px; line-height:1.1; font-weight: 400; font-style: italic; margin-bottom:35px}
.productpage .hd .title{color: #000000; font-size: 35px; font-weight: 600; text-transform: capitalize; line-height:1.1}
.productpage .bd .conn{ width:55%; float:left; font-size:16px; line-height:1.8}	
.productpage .bd .img{ width:45%; float:right; padding-left:70px}
.productpage .bd .img img{ max-width:100%;transition: all 0.5s;-moz-transition: all 0.5s;	/* Firefox 4 */-webkit-transition: all 0.5s;	/* Safari 和 Chrome */-o-transition: alll 0.5s;	/* Opera */}
.productpage .bd .img img:hover{transform: scale(1.1);}

.fgx01 .weap1240{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; height:70px;}
.fgx01 .weap1240:after,.fgx01 .weap1240:before{ content:""; display:block; height:1px;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; border-bottom:1px dotted #e1d9d9}
.fgx01 .weap1240 span{ font-size:20px; margin:0 10px; line-height:30px; height:30px}

.productpage01{ padding:50px 0}
.productpage01 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.productpage01 .hd{ width:25%; text-align:center}
.productpage01  .hd a{ font-size:18px; font-weight:bold; display:inline-block} 
.productpage01 .hd a:hover{ text-decoration:underline;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:tada;animation-name:tada}
.productpage01 .bd{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; position:relative}
.productpage01 .bd img{ display:block; width:100%;
						/*height:15vw;*/ 
						border-radius:5px}
.productpage01 .bd .item a{ display:block; padding:0 10px;}

.productpage01 .bd .slick-arrow{ position:absolute; z-index:1; width:26px; height:52px; overflow:hidden; text-indent:-999px;top:50%; margin-top:-26px; border:none; cursor:pointer; background-color:rgba(0,0,0,.3); background-repeat:no-repeat; background-position:center; background-size:70%}
.productpage01 .bd .slick-prev{ left:10px; background-image:url(../images/ico-prev.png)}
.productpage01 .bd .slick-next{ right:10px; background-image:url(../images/ico-next.png)}
.productpage01 .bd .slick-disabled{ display:none !important}

.nbanner.attachment{background-attachment: inherit;}
.plo-01{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; margin-bottom:35px}
.plo-01 h3{ font-size:28px;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;} 
.plo-01 .more a{ text-transform: uppercase;letter-spacing: 1.4px;fill: #4F64C8;color: #4F64C8; font-size:15px; display:inline-block; width:126px; line-height:40px; border-radius:40px; text-align:center}
.plo-01 .more a:hover{ text-decoration:underline;transform: scale(.9); background-color:#fff}
.plo-01 .more a i{ margin-left:5px;}
.resourceindex01{ padding:100px 0}
.resourceindex01 .bd ul{ margin-left:-11px; margin-right:-11px;}
.resourceindex01 .bd li{ float:left; width:25%;}
.resourceindex01 .bd li a{ display:block; margin:0 11px;}
	.resourceindex01 .bd li .img {
		margin-bottom: 20px;
		box-shadow: 5px 5px 5px rgba(0,0,0,.5);
		border-radius: 10px;
	}
.resourceindex01 .bd li .img img{ display:block; width:100%; border-radius:10px;}
.resourceindex01 .bd li a:hover .img img{transform: scale(1.1);}
.resourceindex01 .bd li .txt h3{ font-size:28px;letter-spacing:2px; line-height:1.1; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:15px}
.resourceindex01 .bd li .txt .ms{ height:66px; overflow:hidden; margin-bottom:5px;font-size:14px;}
.resourceindex01 .bd li .txt .more{  font-weight:bold; font-size:14px}
.resourceindex01 .bd li .txt .more i{ margin-left:10px; font-size:15px; font-weight:bold}
.resourceindex01 .bd li a:hover .txt h3{ text-decoration:underline}

.resourceindex02{ background-color:#f5f5f5; padding:75px 0}
.resourceindex02 .bd li{ float:left; width:16.66%; margin-bottom:25px}
.resourceindex02 .bd ul{ margin-left:-10px; margin-right:-10px;}
.resourceindex02 .bd li a{ display:block; margin:0 10px;}
.resourceindex02 .bd li .img{ overflow:hidden; border-radius:20px;    box-shadow: 0px 8px 10px -3px rgba(0,0,0,0.46); position:relative; margin-bottom:10px}
.resourceindex02 .bd li .img:after{ content:""; display:block; position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; background:rgba(0,0,0,0);transition: all 0.5s;-moz-transition: all 0.5s;	/* Firefox 4 */-webkit-transition: all 0.5s;	/* Safari 和 Chrome */-o-transition: alll 0.5s;	/* Opera */}
.resourceindex02 .bd li .img:before{ content:""; display:block; width:28px; height:28px; border-radius:50%; border:3px solid #fff; position:absolute; z-index:2; left:50%;top:50%; margin-left:-15px; margin-top:-15px; background:url(../images/ico-d.png) no-repeat center; background-size:60%}
.resourceindex02 .bd li a:hover .img:after{background:rgba(0,0,0,.3);}
.resourceindex02 .bd li .img img{ display:block; width:100%; height:100%}
.resourceindex02 .bd li h3{ line-height:1.4; 
							/*height:38px; overflow:hidden;*/

}
.resourceindex02 .bd li .ms{ font-size:14px; color:#4F64C8}

.resourceindex03{  padding:110px 0}
.resourceindex03 .bd ul{ margin-left:-30px; margin-right:-30px}
.resourceindex03 .bd li{ float:left; width:25%;}
.resourceindex03 .bd li a{ display:block; margin:0 25px}
.resourceindex03 .bd li .line{ width:50px; height:3px; background-color:#d4dcdf; margin-bottom:15px}
.resourceindex03 .bd li h3{ letter-spacing:2px;   color: #4F64C8; font-size:23px; line-height:1.1; margin-bottom:20px}
.resourceindex03 .bd li .ms{ font-size:14px; margin-bottom:20px; text-align:justify; height:40px;overflow:hidden;}
.resourceindex03 .bd li .more{  font-weight:bold; font-size:14px}
.resourceindex03 .bd li .more i{ margin-left:10px; font-size:15px; font-weight:bold}

.resourceindex04{ padding:100px 0; background-color:#f5f5f5}
.plo-02{ text-align:center; margin-bottom:55px;}
.plo-02 h3{ font-size:35px; line-height:1.1; margin-bottom:15px;letter-spacing:2px;}
.plo-02 .line{ width:100px; height:1px; background-color:#000; margin:0 auto; margin-bottom:20px}
.plo-02 .eng{ color:#7f7f7f; font-size:16px; line-height:1.2}

.resourceindex04 .title{ text-align:center; font-size:18px; font-weight:bold; letter-spacing:2px; line-height:1.1; margin-bottom:40px}
.resourceindex04 .bd{ background-color:#fff; padding:30px 250px;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.07)}
.resourceindex04 .bd .t{ padding:15px 0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; cursor:pointer; line-height:1}
.resourceindex04 .bd .t h3{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; font-size:16px; min-width:0; padding-right:10px}
.resourceindex04 .bd .t i{ display:block; font-size:20px; font-weight:bold;transition: all 0.5s;-moz-transition: all 0.5s;	/* Firefox 4 */-webkit-transition: all 0.5s;	/* Safari 和 Chrome */-o-transition: alll 0.5s; width:20px; height:20px; line-height:20px; text-align:center}
.resourceindex04 .bd .t.on i{transform:rotate(90deg);-ms-transform:rotate(90deg);/* IE 9*/-moz-transform:rotate(90deg);/* Firefox*/-webkit-transform:rotate(90deg);/* Safari 和 Chrome*/-o-transform:rotate(90deg);-webkit-transform-origin:center center;-moz-transform-origin:center center;transform-origin:center center;}
.resourceindex04 .bd .sub{ padding:10px 0; color:#54595F; display:none}
.resourceindex04 .mega{ text-align:center; margin-top:70px}
.resourceindex04 .mega a{ display:inline-block; font-size:18px; letter-spacing:2px; font-weight:bold}

.resourceindex05{ padding:130px 0}
.resourceindex05 .weap1140{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.resourceindex05 .title{ width:300px;flex:0 0 300px;}
.resourceindex05 .title .more{ display:inline-block; font-weight:bold; font-size:14px}
.resourceindex05 .title .more i{ margin-left:10px; font-size:15px; font-weight:bold}
.resourceindex05 .title h3{ font-size:44px; font-weight:bold; letter-spacing:2px; line-height:1.1; margin-bottom:15px}
.resourceindex05 .title .eng{ font-size:15px; font-weight:bold; margin-bottom:20px}
.resourceindex05 .title .ms{ color:#7f7f7f; font-size:15px; margin-bottom:20px; min-height:120px; line-height:1.3; }
.resourceindex05 .bd{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;}
.resourceindex05 .bd li{ float:left; width:25%; margin-bottom:20px}
.resourceindex05 .bd li a{ display:block; margin-left:20px;}
.resourceindex05 .bd li img{ display:block; width:100%;transition: all 0.5s;-moz-transition: all 0.5s;	/* Firefox 4 */-webkit-transition: all 0.5s;	/* Safari 和 Chrome */-o-transition: alll 0.5s;}
.resourceindex05 .bd li a:hover img{transform: scale(1.1);}

.nbanner .box .txt h5{ font-size:50px; line-height:1.1}
.nbanner.h710{ height:710px}

.caselist01{ padding-top:139px;}
.caselist01 .weap1140{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.caselist01 .title .eng{ font-size:14px; text-transform:uppercase; font-weight:bold; letter-spacing:2px;color: rgba(50,50,50,1);}
.caselist01 .title h3{ font-size:35px; font-weight:bold; letter-spacing:2px;    color: rgba(50,50,50,1);}
.caselist01 .title{ min-width:0;}
.caselist01 .bd{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.caselist01 .bd li{ float:left; width:33.33%; text-align:center}
.caselist01 .bd li .num{ font-size:46px; line-height:1.1; margin-bottom:10px; }
.caselist01 .bd li .num i{ font-size:55%; vertical-align:text-top}
.caselist01 .bd li .p{ font-size:19px; color:#666}
.caselist02{ padding:100px 0}
.caselist02 .bd ul{ margin-left:-11px; margin-right:-11px;}
.caselist02 .bd li{ float:left; width:25%; margin-bottom:70px;height:360px;}
.caselist02 .bd li a{ display:block; margin:0 11px;}
	.caselist02 .bd li .img {
		margin-bottom: 20px;
		box-shadow: 5px 5px 5px rgba(0,0,0,.5);
		border-radius: 10px;
	}
		.caselist02 .bd li .img img {
			display: block;
			width: 100%;
			border-radius: 10px;
			height: 178px;
			 
		}
.caselist02 .bd li a:hover .img img{transform: scale(1.1);}
.caselist02 .bd li .txt h3{ font-size:24px;letter-spacing:2px; line-height:1.1;
							margin-bottom:10px}
.caselist02 .bd li .txt .ms{ height:70px; overflow:hidden; margin-bottom:5px;font-size:14px;}
.caselist02 .bd li .txt .more{  font-weight:bold; font-size:14px}
.caselist02 .bd li .txt .more i{ margin-left:10px; font-size:15px; font-weight:bold}

.caselist03{ text-align:center; padding-top:20px; padding-bottom:130px}
.caselist03 h3{ font-size:22px; text-transform:uppercase; font-weight:bolder; font-family:Arial, Helvetica, sans-serif; line-height:1.1;    color: rgba(50,50,50,1); margin-bottom:25px}
.caselist03 .ms{ max-width:750px; margin:0 auto; font-size:16px; color:#7f7f7f; font-family:Arial, Helvetica, sans-serif; margin-bottom:60px}
.caselist03 .more a{ font-size:18px; font-weight:bold; display:inline-block} 
.caselist03 .more a:hover{ text-decoration:underline;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:tada;animation-name:tada}

.nbanner.bgtop{ background-position:center top !important}

.casepage{ padding:120px 0} 
.casepage .hd .title{ font-size:43px; line-height:1.1; font-weight:bold; letter-spacing:2px; margin-bottom:25px}
.casepage .bd .conn{ float:left; width:50.8%; overflow:hidden}
.casepage .bd .conn img{ max-width:100%; height:auto !important}
.casepage .bd .conn .ms{    color: rgba(50,50,50,1); font-size:18px;line-height:1.1; font-weight:bold; text-transform:uppercase; margin-bottom:40px}

.casepage .bd .img{ float:right; width:48%}
.casepage .bd .img img{ width:100%}
.casepage .bd .img img:hover{transform: scale(1.05);}
.casepage .iconlist li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; width:49%; margin-right:1%; float:left}
.casepage .iconlist{ margin-top:60px;}
.casepage .iconlist li i{flex:0 0 18px; width:18px; font-size:16px; line-height:22px}

.manualindex{ padding:100px 0}
.plo-03{ margin-bottom:50px}
.plo-03 .eng{ font-size:14px; color:#BBBBBB; margin-bottom:20px; text-transform:uppercase}
.plo-03 .eng:after{ content:""; height:1px; width:130px; background-color:#cfcfcf; display:inline-block; vertical-align:middle; margin-left:10px}
.plo-03 h3{ font-size:34px;    color: rgba(50,50,50,1); line-height:1.1; letter-spacing:2px}

.manualindex .bd{ margin-bottom:30px} 
.manualindex .bd li{ float:left; width:16.66%; margin-bottom:25px}
.manualindex .bd ul{ margin-left:-10px; margin-right:-10px;}
.manualindex .bd li a{ display:block; margin:0 10px;}
.manualindex .bd li .img{ overflow:hidden; border-radius:20px;    box-shadow: 0px 8px 10px -3px rgba(0,0,0,0.46); position:relative; margin-bottom:10px}
.manualindex .bd li .img:after{ content:""; display:block; position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; background:rgba(0,0,0,0);transition: all 0.5s;-moz-transition: all 0.5s;	/* Firefox 4 */-webkit-transition: all 0.5s;	/* Safari 和 Chrome */-o-transition: alll 0.5s;	/* Opera */}
.manualindex .bd li .img:before{ content:""; display:block; width:28px; height:28px; border-radius:50%; border:3px solid #fff; position:absolute; z-index:2; left:50%;top:50%; margin-left:-15px; margin-top:-15px; background:url(../images/ico-d.png) no-repeat center; background-size:60%}
.manualindex .bd li a:hover .img:after{background:rgba(0,0,0,.3);}
.manualindex .bd li .img img{ display:block; width:100%; height:100%}
.manualindex .bd li h3{ line-height:1.4; height:38px; overflow:hidden;}
.manualindex .bd li .ms{ font-size:14px; color:#4F64C8}

.plo-04{ text-align:center; margin-bottom:35px}
.plo-04 h3{ font-size:24px; line-height:1.1; margin-bottom:20px}
.plo-04 .eng{ color:#7f7f7f; font-size:16px;}

.downloadlist{ padding:100px 0}
.downloadlist .bd ul{ margin-left:-15px; margin-right:-15px;}
.downloadlist .bd li{ float:left; width:33.33%; margin-bottom:30px}
.downloadlist .bd li a{ display:block; margin:0 15px}
.downloadlist .bd li .img{ position:relative}
.downloadlist .bd li .img img{ display:block; width:100%; border-radius:20px}
.downloadlist .bd li .img:after{content:""; display:block;border-radius:20px; position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; background-color: #E3E3E3; opacity: 0.75;transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-webkit-transition: all 0.5s;/* Safari 和 Chrome */-o-transition: alll 0.5s;/* Opera */}
.downloadlist .bd li a:hover .img:after{background-color: #F5F5F5; opacity: 0.75;}
	
/*应用领域*/
.nbanner.h680{ height:680px}
.nbanner .eng03{ font-size:16px; text-transform:uppercase; margin-bottom:20px}
.applylist01{ text-align:center; padding:70px 0}	
.applylist01 .conn{ color:#7f7f7f; font-size:15px; line-height:2;margin:0 auto; margin-bottom:45px; max-width:740px; }
.applylist01 .p{ font-size:20px; color:#5f5c68; font-weight:bold; margin-bottom:40px;}
.applylist01 .tig{ text-align:center; color:#7a5f5f; font-size:15px; font-weight:bold}

.applylist li{ position:relative; padding-left:59% }
.applylist li .img{ width:59%; position:absolute; z-index:1; left:0;top:0; bottom:0;}
.applylist li .im{ width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;    background-attachment: fixed;}
.applylist li .txt{ padding:45px 15%; box-shadow:0 0 30px rgba(0,0,0,.2); position:relative; z-index:2}
.applylist li .txt h3{ font-size:38px; 
					   /*font-style:italic;*/
					   font-weight:normal; background:url(../images/divider3.png) no-repeat bottom left; background-size:auto 100%; margin-left:-30px; padding-left:30px; position:relative; line-height:1.1; padding-bottom:30px; margin-bottom:40px}
.applylist li .txt .conn{    color: #54595F; font-size:16px;margin-bottom:40px; text-align:justify; min-height:375px} 
.applylist li .txt .mores a{ display:inline-block; font-weight:bold}
.applylist li .txt .mores a i{ margin-left:5px; font-weight:bold}
.applylist li:nth-child(even){ padding-left:0; padding-right:59%;}
.applylist li:nth-child(even) .img{ left:auto; right:0;}

.applypage01{ padding:110px 0;}
.applypage01 .img{ float:left; width:29%}
.applypage01 .img img{ display:block; width:100%; border-radius:10px;}
.applypage01 .txt{ float:right; width:65%}
.applypage01 .txt h3{ font-size:25px; font-style:italic; letter-spacing:2px; line-height:1.1; margin-bottom:25px}
.applypage01 .txt .conn{ font-size:15px; color:#54595F; line-height:1.4; margin-bottom:5px;text-align:justify;}
.applypage01 .txt .more a{ display:inline-block; font-weight:bold; font-size:14px; letter-spacing:2px}
.applypage01 .txt .more a i{ margin-left:5px; font-weight:bold}

.applypage02>div{ float:left; width:31.33%; margin:0 1%}
.applypage02 .hd{ margin-bottom:10px}
.applypage02 .hd h3{ font-size:25px;}
.applypage02 .hd h3 i{ display:inline-block; margin-right:10px}
.applypage02 .item01 .bd{ padding-left:30px; color:#54595F}
.applypage02 .item02 .bd{ padding-left:40px; color:#54595F}

.applypage02{ padding:100px 0}

.applypage02 .item03{ position:relative; padding:0 60px;}
.applypage02 .item03 img{ display:block; width:100%; border-radius:10px;}
.applypage02 .item03 .slick-arrow{ position:absolute; z-index:1; width:26px; height:26px; cursor:pointer; overflow:hidden; text-indent:-999px; border:none;top:50%; margin-top:-14px;}
.applypage02 .item03 .slick-prev{ left:0; background:url(../images/ico-prev02.png) no-repeat center; background-size:90%}
.applypage02 .item03 .slick-next{ right:0;background:url(../images/ico-next02.png) no-repeat center; background-size:90%}

/*登录*/
.logonbox{ min-height:100vh; background-repeat:no-repeat; background-position:center; background-size:cover; padding:90px 0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; width:100%}
.logonbox .weap1240{ width:1240px; max-width:100%}
.logonform{margin:0 auto ; background-color:#fff; padding:55px; border-radius:10px; max-width:540px}
.logonform .hd{ text-align:center; margin-bottom:50px;}
.logonform .hd h3{ vertical-align:middle; font-size:22px;}
.logonform .hd h3:after,.logonform .hd h3:before{ content:""; display:inline-block; vertical-align:middle; margin:0 10%; width:20px; height:3px; background-color:#ff7f50}
.logonform .p{ text-align:center; color:#7f7f7f; font-size:16px; max-width:430px; margin:0 auto; margin:0 auto; margin-bottom:35px}
.logonform ul li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:20px; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.logonform ul li .t{ font-size:15px; font-weight:bold; width:110px;flex:0 0 110px;}
.logonform ul li .intxt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.logonform ul li .input{ width:100%; height:58px; font-size:15px; border:2px solid #000; border-radius:58px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.3); padding:0 20px; color:#000; font-weight:bold}
.logonform .btnbox{ text-align:center; margin-top:50px}
.logonform .btnbox span{ display:inline-block; vertical-align:text-bottom; border-bottom:1px solid #e7e7e7; padding-bottom:8px; margin:0 40px}
.logonform .btnbox .btn{ border:none; background:none; font-size:16px; font-weight:bold; cursor:pointer;top:0; display:inline-block; position:relative}
.logonform .btnbox .btn:hover{top:-7px}

/*注册*/
.registerbox{ min-height:100vh; background-repeat:no-repeat; background-position:center; background-size:cover; padding:90px 0; padding-top:180px; }
.registerform { max-width:960px; margin:0 auto}
.registerform .hd{ text-align:center; color:#fff; margin-bottom:35px}
.registerform .hd h3{ font-size:45px; line-height:1.1; margin-bottom:40px;}
.registerform .hd .p{ font-size:16px;}
.registerform .bd ul li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:20px; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.registerform .bd  ul li .t{ font-size:16px; font-weight:bold; width:110px;flex:0 0 110px; color:#fff}
.registerform .bd ul li .intxt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.registerform .bd ul li .input{ width:100%; height:58px; font-size:16px; border:none; border-radius:58px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.3); padding:0 20px; color:#000; font-weight:bold}
.registerform .btnbox{ text-align:center; margin-top:50px}
.registerform .btnbox span{ display:inline-block; vertical-align:text-bottom; border-bottom:1px solid #e7e7e7; padding-bottom:8px; margin:0 40px}
.registerform .btnbox .btn{ border:none; background:none; font-size:20px; color:#fff; font-weight:bold; cursor:pointer;top:0; display:inline-block; position:relative}
.registerform .btnbox .btn:hover{top:-7px}

/*留言*/
.messagebox{ min-height:100vh; background-repeat:no-repeat; background-position:center; background-size:cover; padding:90px 0; padding-top:180px; }
.messagebox .weap{ max-width:1040px; margin:0 auto}
.messageform .formleft{ width:50%; float:left; color:#f5f5f5}
.messageform .formleft a{ color:#f5f5f5}
.messageform .formleft .title{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; margin-bottom:20px}
.messageform .formleft .title .line{ margin-left:10px; height:1px; background-color:#a8a8a8;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.messageform .formleft .ul01{ margin-bottom:30px}
.messageform .formleft .ul01 li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:10px; max-width:280px;}
.messageform .formleft .ul01 li i{ font-size:18px; margin-right:20px}
.messageform .formleft .ul01 li span{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; font-size:16px}
.messageform .formleft .ul01 li a{ font-size:16px}
.messageform .formleft .map img{ display:block; width:100%}
.messageform .formleft .map{ margin-bottom:40px}
.messageform .formleft .social a{ display:inline-block; width:45px; height:45px; text-align:center; line-height:45px; background-color:#f5f5f5; color:#212121; font-size:18px; border-radius:5px; margin-right:20px}
.messageform .formright{ width:40%; float:right; color:#f5f5f5; background-color:#212121; padding:60px 3.5%; border-radius:10px}
.messageform .formright .hd{ text-align:center; font-size:18px; font-weight:bold; margin-bottom:23px;}
.messageform .formright  li{ margin-bottom:25px}
.messageform .formright .input{ width:100%; border:2px solid #d0d0d0; padding:0 18px; border-radius:20px; font-size:16px; height:58px; background:none; color:#f5f5f5}
.messageform .formright .btnbox{ text-align:center}
.messageform .formright .btn{ width:100px; height:40px; background-color:#fff; border-radius:5px; border:none; cursor:pointer; font-size:15px;}

/*工作机会*/
.nbanner.h550{ height:550px;}
.joinlist01{ padding-top:50px; padding-bottom:180px;}
.joinlist01 .weap1240{ max-width:770px;}
.joinlist01 .txt{ float:left; width:100%; text-align:center; padding-top:30px}
.joinlist01 .txt h3{ font-size:38px; line-height:1.1; margin-bottom:60px;}
.joinlist01 .img{ float:right; width:25.6%}
.joinlist01 .img img{ display:block; width:100%}
.joinlist01 .txt .p{ font-size:15px; font-style:italic; line-height:1.8}

.joinlist02{ padding:120px 0; background-repeat:no-repeat; background-size:cover; background-position:center; background-attachment:fixed}
.joinlist02 ul{ margin-left:-10px; margin-right:-10px;}
.joinlist02 li{ float:left; width:33.33%; margin-bottom:30px}
.joinlist02 li a{ display:block; margin:0 10px; background:#fff url(../images/bg01.png); text-align:center; height:305px; border-radius:10px; padding:40px; padding-top:70px}
.joinlist02 li h3{ font-size:24px; line-height:1.1; margin-bottom:18px; height:52px; overflow:hidden}
.joinlist02 li .p1{ font-size:18px; font-style:italic; margin-bottom:20px}
.joinlist02 li .more span{ font-size:14px; display:inline-block; padding:15px 30px; font-weight:bold; border:1px solid #333}
.joinlist02 li .more span i{ margin-left:10px; }
.joinlist02 li .more span:hover{ text-decoration:underline} 

.joinlist03{ padding-top:118px; padding-bottom:90px; text-align:center}
.joinlist03 h3{ font-size:26px; margin-bottom:60px}
.joinlist03 .p{ font-size:15px; font-style:italic; line-height:1.8}
.joinlist03 .p a{ font-size:15px}
.joinlist03 .p a:hover{ text-decoration:underline}

.joinpage01{ padding-top:50px; padding-bottom:180px;}
.joinpage01 .weap1240{ max-width:770px;}
.joinpage01 .txt{ text-align:center; padding-top:30px}
.joinpage01 .txt h3{ font-size:38px; line-height:1.1; margin-bottom:60px;} 
.joinpage01 .txt .p{ font-size:15px; font-style:italic; line-height:1.8}

.joinpage02{ padding:120px 0; background-repeat:no-repeat; background-size:cover; background-position:center; background-attachment:fixed}
.joinpage02 .bd{background:#fff url(../images/bg01.png); border-radius:10px; padding:70px 40px}
.joinpage02 .bd .title{ text-align:center; font-size:26px}
.joinpage02 .bd .info{ text-align:center; font-style:italic; margin-bottom:10px}
.joinpage02 .bd .info span{ margin:0 10px; display:inline-block; vertical-align:top}
.joinpage02 .bd .conn{ font-size:15px;}

.contactlist{ padding-top:150px;}
.contactlist .hd{ text-align:center; margin-bottom:100px;}
.contactlist .hd h3{ font-size:45px; line-height:1.1; margin-bottom:20px}
.contactlist .hd .p{ font-size:16px;}
.contactlist .bd li{ float:left; width:47%; margin:0 1.5%; background-color:#fff; box-shadow:0 0 30px rgba(0,0,0,.1); margin-bottom:100px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.contactlist .bd li>div{ width:50%;}
.contactlist .bd li .img{background-repeat:no-repeat; background-position:center; background-size:cover; position:relative}
.contactlist .bd li .img:after{content:""; display:block; position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; background-color: #54595F; opacity: 0.35;}

.contactlist .bd li .img i{ display:block; position:absolute; z-index:2; color:#fff; font-size:35px; right:20px;top:20px; line-height:1.1}	
.contactlist .bd li .txt{ padding:25px 25px; padding-bottom:0; line-height:2.4}
.contactlist .bd li .txt .p1{ margin-bottom:20px; font-size:15px; font-weight:bold; min-height:100px}
.contactlist .bd li .txt .p2{ padding-bottom:20px; min-height:236px}
.contactlist .bd li .txt .p1 .title{ font-size:16px; margin-bottom:10px}
.contactlist .bd li .txt .mapa{ border-top:1px solid #dedede; margin-left:-25px; margin-right:-25px; padding:0 25px; line-height:58px}
.contactlist .bd li .txt .mapa a{ color:#7f7f7f; font-size:16px}
.contactlist .bd li .txt .mapa a:hover{ text-decoration:underline}
/*关于我们*/
.aboutindex01{padding-top:78px; padding-bottom:60px;}
.aboutindex01 .hd{ text-align:center; margin-bottom:50px }
.aboutindex01 .hd h3{ font-size:49px; line-height:1.1}
.aboutindex01 .bd{ position:relative}
.aboutindex01 .bd:before{ content:""; display:block; width:3px; position:absolute; z-index:1; left:50%; margin-left:-1.5px;top:0; bottom:0; background-color:#000}
.aboutindex01 .bd ul{ float:left; width:46%; text-align:right; padding-top:40px}
.aboutindex01 .bd ul li{ margin-bottom:50px}
.aboutindex01 .bd ul li h3{ font-size:25px; line-height:1.1; margin-bottom:15px}
	.aboutindex01 .bd ul li .yeaer {
		letter-spacing: 3px;
		font-size: 18px;
		font-weight: bold;
		color: #54595F;
	}
.aboutindex01 .bd ul:nth-child(2){ float:right; text-align:left}
.aboutindex01 .bd .ps .p{ height:30px; line-height:30px; position:relative; margin-bottom:20px}
	.aboutindex01 .bd .ps .p .a {
		color: #fff;
		font-size: 15px;
		display: inline-block;
		background-color: #000;
		left: 0;
		position: relative;
		top: 0;
		bottom: 0;
		z-index: 1;
		padding-left: 15px;
		padding-right: 15px;
		border-radius: 3px;
		white-space: nowrap;
		height: 30px;
		vertical-align: middle;
	}
.aboutindex01 .bd .ps .p span{ display:block; position:absolute; z-index:2; right:10px;top:0}
.aboutindex01 .bd ul:nth-child(1) .ps .p .a{ left:auto; right:0; text-align:right}
.aboutindex01 .bd ul:nth-child(1) .ps .p span{ right:auto; left:10px;}

.aboutindex02{ padding:60px 0; padding-bottom:120px;}
.aboutindex02 li{ float:left; width:33.33%; text-align:center}
.aboutindex02 li .ico{ margin-bottom:10px}
.aboutindex02 li .p{ line-height:1.2}
.aboutindex02 li .p span{ display:block; font-weight:bold}

.aboutindex03{ position:relative; padding:180px 0}
.aboutindex03 .img{ position:absolute; z-index:1; width:40%; right:0;top:0; bottom:0; background-repeat:no-repeat; background-position:center right; background-size:cover;    box-shadow: -8px 9px 19px 0px rgba(0,0,0,0.5); border-radius:5px}
.aboutindex03 .txt{ max-width:510px;}
.aboutindex03 .txt h3{ font-size:39px; color:#000; line-height:1.1; margin-bottom:35px}
.aboutindex03 .txt .p{ font-size:15px; line-height:1.5}

.aboutindex04{ padding-top:160px; padding-bottom:80px}
.aboutindex04 .hd{ margin-bottom:35px}
.aboutindex04 .hd h3{ font-size:40px; line-height:1.1}
.aboutindex04 .bd ul{ margin-left:-10px; margin-right:-10px;}
.aboutindex04 li{ float:left; width:33.33%; margin-bottom:20px;height:500px;}
.aboutindex04 li a{ display:block; background-color:#fff; margin:0 10px;   
					/*box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.31);*/
					padding:15px}
	.aboutindex04 li .img {
		overflow: hidden;
		margin-bottom: 20px;
		box-shadow: 5px 5px 5px rgba(0,0,0,.5);
		border-radius: 10px;
	}
		 
		.aboutindex04 li .img img {
			display: block;
			width: 100%;
			height: 224px;

			border-radius:10px;
		}
.aboutindex04 li .txt{ text-align:center}
.aboutindex04 li .txt h3{ display:inline-block; font-size:22px; text-align:center; border-bottom:2px solid #3563AB; min-width:170px; line-height:1.1; padding-bottom:10px; margin-bottom:15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.aboutindex04 li .txt .p{ line-height:1.4; }

.aboutindex05{ padding:80px 0}
.aboutindex05 .weap1140{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.aboutindex05 .txt{  width:40%; margin-right:3% }
.aboutindex05 .txt .p{ font-size:16px; color:#7f7f7f; line-height:1.8; text-align:justify}
.aboutindex05 .txt .name{ font-size:16px; font-weight:bold; text-align:right; letter-spacing:3px; margin-top:20px}
.aboutindex05 .video{ width:57%;  height:360px ; background-color:#000}

.aboutindex06{ padding:80px 0}
.aboutindex06 .hd{ margin-bottom:35px}
.aboutindex06 .hd h3{ font-size:40px; line-height:1.1}
.aboutindex06 .bd { margin: 0 auto;background: url(../images/bg1.png) center 0 no-repeat; background-size: 100% auto;}
.aboutindex06 .list1 {position: relative;height: 550px;width: 96%; padding: 20px 0;margin: 0 auto; color:#fff}
.aboutindex06 .list1 li {position: absolute;margin-left: 8px;list-style: none;} 
.aboutindex06 .list1 li span{ display:block}
.aboutindex06 .list1 li a{ color:#fff; font-size:16px}
.aboutindex06 .list1 li a:hover{ text-decoration:underline}
.aboutindex06 .list1 li:nth-child(1) {left: 0; top:90px; z-index: 2;width: 150px;}
.aboutindex06 .list1 li:nth-child(2) {left: 0; top: 346px;bottom: 120px; z-index: 2; width:150px}
	.aboutindex06 .list1 li:nth-child(3) {
		left: 175px;
		top: 138px;
		z-index: 2;
		width: 143px;
	}

	.aboutindex06 .list1 li:nth-child(4) {
		left: 345px;
		top: auto;
		bottom: 82px;
		z-index: 2;
		width: 150px;
	}

	.aboutindex06 .list1 li:nth-child(5) {
		left: 536px;
		top: 152px;
		z-index: 2;
		width: 143px;
	}

/*.aboutindex06 .list1 li:nth-child(4) {left: 252px; top: 275px; z-index: 2; width:140px}
.aboutindex06 .list1 li:nth-child(5) {left: 345px; top: auto;bottom: 82px; z-index: 2; width:150px;}*/
/*.aboutindex06 .list1 li:nth-child(6) {left: 455px; top: 292px; z-index: 2;width:174px;}
	.aboutindex06 .list1 li:nth-child(7) {
		left: 550px;
		top: 175px;
		z-index: 2;
		width: 143px;
	}*/

	.aboutindex06 .list1 li:nth-child(6) {
		left: auto;
		right: 246px;
		top: 85px;
		z-index: 2;
		max-width: 150px;
	}

	.aboutindex06 .list1 li:nth-child(7) {
		left: auto;
		right: 246px;
		bottom: 110px;
		top: 346px;
		z-index: 2;
		max-width: 150px;
	}

/*.aboutindex06 .list1 li:nth-child(8) {left:auto; right: 246px; top: 85px; z-index: 2;max-width: 150px;}
.aboutindex06 .list1 li:nth-child(9) {left: auto;right: 246px; bottom: 110px;top: auto; z-index: 2;max-width: 150px;}*/





.aboutindex06 .list1 li .font3{ font-size:14px; line-height:1.2}

.aboutindex07{ padding-top:80px; padding-bottom:160px}
.aboutindex07 .weap1140{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; }
.aboutindex07 .hd{ width:320px;flex:0 0 320px}
.aboutindex07 .hd h3{ font-size:50px; line-height:1.1; margin-bottom:20px;}
.aboutindex07 .hd .eng{ font-size:14px; text-transform:uppercase; font-weight:bold; color:#54595F; letter-spacing:2px}
.aboutindex07 .bd li{ float:left; width:25%; margin-bottom:20px}
.aboutindex07 .bd li a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; margin-left:20px;  border:1px solid #ccc; height:100px; padding:0 5px}
.aboutindex07 .bd li a:hover{ transform:scale(1.1)}
.aboutindex07 .bd li img{ max-width:100%; max-height:100%; display:block; margin:0 auto;}
@media (max-width:1024px){ 
.banner .box .txt .title{ font-size:40px}
.banner .box .videopay{ width:120px; height:120px; background-size:20px}
.banner .box .videopay i{ font-size:90px; line-height:100px;}

.index04 .bd li .img img{ height:20.8vw}
.index04 .bd li h3{ font-size:20px}

.index02 .hd h3{ font-size:40px}
.index02 .bd li .num{ font-size:60px}
.index03 .bd h3{ font-size:40px}
 
.nbanner .box .txt h3{ font-size:68px}
.newslist01{ padding:30px 10px}
.newslist01 .hd{ text-align:center}
.newslist01 .bdd{ padding:30px 10px; display:block}
.newslist01 .bdd .bd .a{ display:block}
.newslist01 .bdd .bd{ margin-top:0}
.newslist01 .bdd .bd .a .title{ width:auto; margin-right:0; padding-right:0; text-align:center; margin-bottom:30px }
.newslist01 .bdd .bd .a .title h3{font-size:24px}
.newslist01 .bdd .bd .a .img{ width:auto; margin-right:0; margin-bottom:28px} 
.newslist01 .bdd .bd .a .txt{ width:auto; margin:0; text-align:center}

.newslist02{ margin-top:0; padding-top:0}
.newslist02 li{ float:none; width:auto;  margin:0;margin-bottom:40px;}
.newslist02 li .ms{ height:auto}
.newslist02 .bd{ padding-bottom:0}
.newslist02 li h3{ height:auto; max-height:44px; font-size:20px; margin-bottom:20px}
.newslist .bd li{ float:none; width:auto; margin-bottom:30px}
.newslist .bd li h3{ height:60px; max-height:60px; font-size:20px; margin-bottom:20px}
.newslist .bd ul{ margin:0}
.newslist .bd li a{ margin:0}

.nbanner.h370{ height:315px;}
.newspage .mainright{ float:none; width:auto; margin-bottom:30px} 
.newspage .sidetitle h3{ font-size:36px}
.newspage .sidetitle{ padding-bottom:20px}
.newspage{ padding-top:40px}
.newspage .mainleft{ float:none; width:auto;}
.newspage .title{ font-size:32px}
.newspage .ft{ font-size:20px}

.productindex li .img{ position:static; height:55vw; width:auto; }
.productindex li{margin-left:-10px; margin-right:-10px}
.productindex li .tis{ line-height:32px; padding:0 10px; font-size:14px}
.productindex li .txt{ width:auto; padding:15px 10px;}
.productindex li .txt h3 a{ font-size:24px}
.productindex li .txt h3{ font-size:24px; margin-bottom:15px}
.productindex li .txt .eng{ font-size:14px; margin-bottom:5px}
.productindex li .txt .ms{ margin-bottom:20px}
.productindex li .more a{ padding:10px 30px; font-size:15px}

.productlist01 .item{ display:block}
.productlist01 .item .titlebox{ width:auto}
.productlist01 .item .title{ margin:0 10px; margin-bottom:50px}

.productlist02 .bdd{ padding:20px}

.resourceindex01 .bd ul{ margin-left:-10px; margin-right:-10px;}
.resourceindex01 .bd li a{ margin:0 10px;}
.resourceindex02 .bd li{ width:25%; text-align:center}
.resourceindex03 .bd ul{ margin-left:-10px; margin-right:-10px}

.resourceindex03 .bd li{ width:50%}

.resourceindex05 .weap1140{ display:block}
.resourceindex05 .title{ width:auto; text-align:center; margin-bottom:30px}
.resourceindex05 .title .ms{ max-width:628px; margin:0 auto; min-height:50px; margin-bottom:20px}
.resourceindex05 .bd li a{ margin:0 10px}

.caselist01 .weap1140{ display:block; text-align:center}
.caselist01 .title{ margin-bottom:30px}

.caselist01{ padding-top:40px;}
.caselist01 .title h3{ font-size:22px;}
.caselist01 .bd li .num{ font-size:34px}
.caselist01 .bd li .p{ font-size:16px; line-height:1.2}

.caselist02 .bd ul{ margin-left:-10px; margin-right:-10px;}
.caselist02 .bd li a{ margin:0 10px;}
.caselist02 .bd li{float: none; width: auto; margin-bottom: 50px;}
.caselist02 .bd li .txt h3{font-size: 20px !important; margin-bottom: 10px; height:44px}
.caselist02 .bd li .img img{width: 90%; margin: 0 auto; height:auto}

.manualindex .bd li{ width:25%; text-align:center}
.logonform{ float:none; margin:0 auto}
.newslist .bd li .img img{ height:auto}
.contactlist .bd li{ float:none; width:auto}
.joinlist02 li{ width:50%}

.aboutindex06 .bd {background: no-repeat;height: auto;}
.aboutindex06 .list1 {height: auto;}
.aboutindex06 .list1 ul {padding: 0;}
.aboutindex06 .list1 li {position: static;}
.aboutindex06 .list1 li .font1,.aboutindex06 .list1 li .font2,.aboutindex06 .list1 li .font3 {color: #333;}
.aboutindex06 .list1 li .font2 {margin-bottom: 8px;}
.aboutindex06 .list1 li .font2 a,.aboutindex06 .list1 li .font2 a:hover {color: #333;font-size: 16px;}

.aboutindex03 .txt{ max-width:400px}

.aboutindex07 .weap1140{ display:block}
.aboutindex04 li .img img{ height:17.8vw}
.aboutindex07 .hd{ width:auto; margin-bottom:20px}
.aboutindex07 .bd li a{ margin:0 10px;}
.aboutindex07 .bd ul{ margin-left:-10px; margin-right:-10px;}
} 
@media (max-width:767px){  
.banner .box{ padding-top:20vh}
.banner .box .txt .p{ max-width:100%; margin-bottom:20px}
.banner .box .txt{ float:none; width:auto; text-align:center; margin-bottom:45px}
.banner .box .videopay{ float:none; margin:0 auto; width:70px; height:70px; border:4px solid #d8d8d8}
.banner .box .videopay i{ font-size:50px; line-height:66px;}
.banner .box .txt .title{ font-size:30px}
.banner .box .txt .more a{ width:120px; line-height:38px; font-size:14px; border:2px solid #fff}
.index01{ padding:40px 0}
.index02 .hd{ margin-bottom:25px}
.index01 ul{ margin:0;}
.index01 ul li{ float:none; width:auto; margin:0; display:block; text-align:center; margin-bottom:20px}
.index01 ul li .ico{ margin:0 auto; margin-bottom:10px}
.index02{ padding:40px 0; padding-bottom:20px}
.index02 .hd h3{ font-size:24px}
.index02 .hd .p{ font-size:15px}
.index02 .hd .line{ width:100px; margin-top:15px}
.index02 .bd ul{ text-align:center}
.index02 .bd li{ display:block; width:50%; float:left; margin-bottom:15px}
.index02 .bd li .num{ font-size:45px}

.index03{ padding:60px 0;background-attachment:inherit}
.index03 .bd{ display:block;}
.index03 .bd>div{ height:auto; padding:25px 10px}
.index03 .bd h3{ font-size:22px;}
.index03 .bd .p{ height:auto}
.index03 .bd .more a{ line-height:32px}

.index04{ padding:60px 0; padding-bottom:40px}
.index04 .hd h3{ font-size:22px}
.index04 .hd .p{ line-height:2}
.index04 .bd li{ width:48%; margin:0 1%; margin-bottom:25px}
.index04 .bd li .img img{ height:46.1%}
.index04 .bd li .eng{ font-size:14px}
.index04 .bd li h3{ font-size:20px}

.index05{ padding:60px 0; padding-bottom:30px}
.index05 .hd h3{ font-size:22px}
.index05 .hd .line{ width:40px; margin-top:15px}
.index05 .bd li{ float:none; width:auto; margin-bottom:30px; padding:0;}
.index05 .bd li .ico i{ width:60px; line-height:60px; font-size:26px; height:60px;}
.index05 .bd li .p{ font-size:18px; margin-bottom:15px}

.productlist li a{ display:block; padding-top:25px}
.productlist li .txt{ width:auto;}
.productlist li .img{ width:auto;}
.productlist li .img img{ max-width:150px}
.productlist li{ padding:30px 10px}
.productlist li .txt .eng{ font-size:30px; margin-bottom:10px}
.productlist li .txt h3{ font-size:20px}
.productlist li .txt .ms{ font-size:15px}

.productlist01 .item{ padding:30px 10px}
.productlist01 .item .title{ margin:0}
.productlist01 .item .title .line{ margin:10px 0}
.productlist01 .item li{ width:50%; margin-bottom:20px}
.productlist01 .item li .eng{ font-size:20px}
.productlist01 .item li .img{ margin-bottom:15px}
.productlist01 .item li .more span{ font-size:14px}
.productlist02{ padding-left:20%}
.productlist02 .bd li{ width:100%; margin-bottom:20px}
.productlist02 .bd li h3{ height:auto; max-height:44px;}
.productlist02 .hd h3{ font-size:22px}
.productlist02 .hd .line{ height:2px; margin-bottom:15px}

.productpage .hd{ margin-bottom:20px}
.productpage{ padding:30px 0}
.productpage .hd .num{ font-size:18px; margin-bottom:15px}
.productpage .hd .title{ font-size:22px}
.productpage .bd .conn{ float:none; width:auto}
.productpage .bd .img{ width:auto; float:none; padding-left:0; margin-top:20px}
.fgx01 .weap1240{ height:20px}
.productpage01 .weap{ display:block}
.productpage01 .hd{ width:auto; margin-bottom:20px}
.productpage01{ padding:30px 0}
.productpage01 .bd img{ height:28.5vw}

.nbanner.h520{ height:340px}

.plo-01{ margin-bottom:20px}
.plo-01 h3{ font-size:20px}
.plo-01 .more a{ font-size:14px; line-height:32px}

.resourceindex01{ padding:40px 0}
.resourceindex01 .bd li{ float:none; width:auto; margin-bottom:50px}
.resourceindex01 .bd li .txt h3{ font-size:20px; margin-bottom:10px}
.resourceindex01 .bd li .img img{ width:90%; margin:0 auto}

.resourceindex02{ padding:40px 0}
.resourceindex02 .bd li{ width:50%}

.resourceindex03{ padding:40px 0;}
.resourceindex03 .bd li{ float:none; width:auto; margin-bottom:30px}
.resourceindex03 .bd li a{ margin:0 10px;}

.resourceindex03 .bd li .line{ margin:0 auto; margin-bottom:20px}
.resourceindex03 .bd li h3{ text-align:center; font-size:20px}
.resourceindex03 .bd li .ms{ min-height:50px}

.plo-02{ margin-bottom:25px}
.plo-02 h3{ font-size:24px;}
.resourceindex04{ padding:40px 0}
.resourceindex04 .title{ margin-bottom:30px}
.resourceindex04 .bd{ padding:15px}
.resourceindex04 .bd .t{ padding:10px 0}
.resourceindex04 .bd .t h3{ font-size:18px}

.resourceindex04 .mega a{ font-size:16px;}
.resourceindex04 .mega{ margin-top:30px}
.resourceindex05{ padding:40px 0}
.resourceindex05 .title h3{ font-size:24px}

.resourceindex05 .bd li{ width:50%}

.caselist02{ padding:40px 0; padding-bottom:20px}
.caselist03{ padding-bottom:50px}
.caselist03 .ms{ margin-bottom:30px}

.casepage{ padding:40px 0}
.casepage .hd .title{ font-size:24px; margin-bottom:20px}
.casepage .bd .conn{ float:none; width:auto}
.casepage .bd .conn .ms{ font-size:16px; margin-bottom:20px;}
.casepage .bd .img{ float:none; width:auto; margin-top:20px}

.manualindex{ padding:40px 0}
.manualindex .bd li{ width:50%}
.plo-03{ margin-bottom:25px}
.plo-03 h3{ font-size:22px;}
.plo-03 .eng{ margin-bottom:10px}
.plo-03 .eng:after{ width:60px}
.manualindex .bd{ margin-bottom:15px}

.downloadlist{ padding:40px 0;}
.downloadlist .bd li{ float:none; width:auto}
.downloadlist .bd li a{ margin:0}
.downloadlist .bd ul{ margin:0}

.applylist01{ padding:40px 0}
.applylist01 .conn{ text-align:justify; line-height:1.6; margin-bottom:20px}
.applylist li .img{ float:none; height:50vw; position:static; width:auto;}
.applylist li{ padding-left:0; padding-right:0 !important}
.applylist li .im{background-attachment:inherit} 
.applylist li .txt{ padding:30px 10px;}
.applylist li .txt h3{  margin-left:-10px; padding-left:10px;font-size:24px; margin-bottom:10px; padding-bottom:30px; text-align:center}
.applylist li .txt .conn{ text-align:center; min-height:100px}
.applylist li .txt .mores{ text-align:center}


.applypage01{ padding:40px 0}
.applypage01 .img{ float:none; width:auto; margin-bottom:20px}
.applypage01 .txt{ float:none; width:auto}
.applypage01 .txt h3{ font-size:22px; margin-bottom:10px}

.applypage02{ padding:40px 0}
.applypage02>div{ float:none; width:auto; margin:0; margin-bottom:15px}
.applypage02 .hd h3{ font-size:20px;}
.applypage02 .item01 .bd{ padding-left:0}
.applypage02 .item02 .bd{ padding-left:0}
.applypage02 .item02{ margin-bottom:40px}

.logonform{ padding:20px 15px}
.logonform ul li{ display:block;}
.logonform ul li .t{ margin-bottom:20px}
.logonform .hd{ margin-bottom:25px}

.registerform .hd h3{ font-size:24px; margin-bottom:20px}
.registerbox{ padding-top:90px;}
.registerform .bd ul li{ display:block;}
.registerform .bd ul li .t{ margin-bottom:15px; width:auto;}
.registerform .bd ul li .input{ height:48px}
.registerform .hd .p{ font-size:15px}
.registerform .btnbox .btn{ font-size:18px;}
.registerform .btnbox{ margin-top:35px}

.messageform .formleft{ float:none; width:auto; margin-bottom:30px}
.messageform .formright{ float:none; width:auto; padding:20px 15px}
.messagebox{ padding:90px 0}

.messageform .formright .input{ height:48px}
.messageform .formleft .social a{ width:40px; height:40px}

.contactlist{ padding-top:40px}
.contactlist .hd h3{ font-size:24px}
.contactlist .hd .p{ font-size:15px}
.contactlist .hd{ margin-bottom:20px}
.contactlist .bd li{ display:block; margin-bottom:25px}
.contactlist .bd li>div{ width:auto}
.contactlist .bd li .img{ height:50vw}
.contactlist .bd li .txt{ padding:15px; line-height:2; padding-bottom:0}
.contactlist .bd li .txt .p1{ min-height:40px}
.contactlist .bd li .txt .p2{ min-height:40px}
.contactlist .bd li .txt .mapa{ margin-left:-15px; margin-right:-15px; padding:0 15px; line-height:50px; height:50px}

.joinlist01{ padding:40px 0}
.joinlist01 .txt{ float:none; width:auto}
.joinlist01 .txt h3{ font-size:22px; margin-bottom:15px}
.joinlist01 .txt .p{ font-size:15px;}
.joinlist01 .img{ float:none; width:auto; margin-top:20px}
.joinlist01 .img img{ width:50%; margin:0 auto}

.joinlist02{ padding:50px 0}
.joinlist02 li{ float:none; width:auto; margin-bottom:20px}
.joinlist02 li a{ padding:30px 15px; height:auto}
.joinlist02 li h3{ height:auto; margin-bottom:10px}
.joinlist02 li .p1{ font-size:15px}
.joinlist02 li .more span{ padding:8px 25px}
.joinlist02 li h3{ font-size:22px}
.joinlist03{ padding:40px 0}
.joinlist03 h3{ font-size:24px; margin-bottom:20px}

.joinpage01{ padding:40px 0}
.joinpage01 .txt{ float:none; width:auto}
.joinpage01 .txt h3{ font-size:22px; margin-bottom:15px}
.joinpage01 .txt .p{ font-size:15px;}

.joinpage02{ padding:50px 0}
.joinpage02 .bd{ padding:25px 15px}
.joinpage02 .bd .title{ font-size:22px}

.joinpage02 .bd .conn{ font-size:15px}

.aboutindex01{ padding:40px 0}
.aboutindex01 .hd h3{ font-size:30px}
.aboutindex01 .bd ul{ float:none; width:auto; text-align:left}
.aboutindex01 .bd:before{ display:none}
.aboutindex01 .bd ul:nth-child(2){ float:none;}

.aboutindex01 .hd{ margin-bottom:25px}
.aboutindex01 .bd ul:nth-child(2){ border-top:2px solid #000}
.aboutindex01 .bd ul li{ margin-bottom:20px}
.aboutindex01 .bd ul li h3{ font-size:18px}

.aboutindex02{ padding:0;}
.aboutindex03{ padding:60px 0; padding-bottom:20px}
.aboutindex03 .img{ position:static; width:auto; height:50vw;box-shadow: -4px 5px 10px 0px rgba(0,0,0,0.1); margin-bottom:20px;}
.aboutindex03 .txt h3{ font-size:24px; margin-bottom:15px}
.aboutindex03 .txt .p{ font-size:15px; text-align:justify; line-height:1.6}

.aboutindex04{ padding:40px 0; padding-bottom:0}
.aboutindex04 .hd h3{ font-size:30px;}

.aboutindex04 li .txt h3{ min-width:100%; font-size:16px}
.aboutindex04 li{ float:none; width:auto}
.aboutindex04 li .img img{ height:56.2vw}

.aboutindex05{ padding:30px 0}
.aboutindex05 .txt{ float:none; width:auto; margin-right:0; margin-bottom:20px}
.aboutindex05 .video{ float:none; width:auto; height:50vw}
.aboutindex05 .weap1140{ display:block}
.aboutindex06 .hd h3{ font-size:30px}
.aboutindex06 .hd{ margin-bottom:25px}
.aboutindex06 .list1{ width:auto}
.aboutindex06 .list1 li{ margin-left:0; margin-bottom:15px}
.aboutindex07 .hd h3{ font-size:30px; margin-bottom:10px}
.aboutindex07 .bd li{ width:33.33%}
.aboutindex07 .bd li a{ height:20vw}
.aboutindex06{ padding:30px 0}
.aboutindex07{ padding:30px 0; padding-bottom:60px}
.aboutindex06 .list1 li .font3{ font-size:15px}

.aboutindex05 .txt .p{ font-size:15px; text-align:justify}
.aboutindex06 .list1 li span{ display:inline}
.aboutindex06 .list1 li{ max-width:100% !important}

.indexvideo{ width:400%; left:50%; transform:translateX(-50%); height:100%}
}