@charset "utf-8";
/* by Sean Lu 20210724 */
/* 移动端全局控制reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%; font-family: "PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background: #f3f3f5; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; color: #ca1d1e; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: #ca1d1e; color: #fff; }
::-moz-selection { background: #ca1d1e; color: #fff; }

@font-face {
	font-family: 'din';
	src: url("../fonts/din.otf") format("truetype"), url("../fonts/din.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: 'dinb';
	src: url("../fonts/dinb.otf") format("truetype"), url("../fonts/dinb.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

.wrapper { margin: 0 auto; width: 1400px; }

.fl { float: left; }
.fr { float: right; }

.header { position: fixed; z-index: 11; top: 0; left: 0; right: 0; height: 75px; box-sizing: border-box; padding: 20px 0; -webkit-transition: all .2s; transition: all .2s; }
.header:hover { background: #fff; box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }
.header.fxdon { position: fixed; background: #fff; box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }
.header .logo { float: left; width: 156px; height: 35px; }
.header .logo img { display: block; width: 156px; }
.header .tool { float: right; position: relative; min-width: 95px; height: 35px; }
.header .tool .seabox { overflow: hidden; position: absolute; top: 0; right: 0; }
.header .tool .seabox .key { background: transparent url(../img/sea.png) no-repeat 10px center; background-size: 16px; border: 0; line-height: 35px; padding: 0 10px; width: 75px; height: 35px; float: left; font-size: 14px; -webkit-transition: all .2s; transition: all .2s; text-indent: 30px; border-radius: 4px; }
.header .tool .seabox:hover .key { background-color: #f1f1f1; width: 180px; }
.header .tool .seabox .key:focus { background-color: #f1f1f1; width: 180px; }
.header .nav { margin: 0; }
.header .nul { margin: 0; text-align: center; font-size: 0; }
.header .nul .nli { display: inline-block; font-family: 'din'; }
.header .nul .nli .na { display: block; line-height: 35px; font-size: 14px; font-weight: bold; color: #666; text-transform: uppercase; padding: 0 15px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; position: relative; }
.header .nul .nli .na:hover { color: #ca1d1e; }
.header .nul .nli:hover .na { color: #ca1d1e; }
.header .nul .nli:hover .na:after { content: ''; display: block; width: 100%; height: 20px; position: absolute; left: 0; right: 0; bottom: -20px; }

.header .nul .sub { position: absolute; z-index: -1; top: 75px; left: 0; right: 0; background: #fff; padding: 30px 0; box-shadow: 2px 2px 30px rgba(0,0,0,0.1); opacity: 0; visibility: hidden; -webkit-transition: all 0s; transition: all 0s; -webkit-transform: translateY(0); transform: translateY(0); }
.header .nul .nli:hover .sub { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }
.header .nul .sul { margin: 0; text-align:  center; width: 100%; }
.header .nul .sul .sli { display: inline-block; width: 10%; padding: 0 20px; }
.header .nul .sul .sli img { display: block; width: 100%; }
.header .nul .sul .sli .sa { display: block; width: 100%; text-decoration: none; font-weight: bold; font-size: 14px; }
.header .nul .sul .sli span { display: block; line-height: 30px; }


.bannerbox { height: 100vh; position: relative; }
.bannerslide { position: fixed; top: 0; left: 0; right: 0; bottom: 0; }
.bannerslide .wrapper { position: relative; height: 100%; }
.bannerslide .wrapper a { display: block; width: 100%; height: 100%; }
.bannerslide .swiper-wrapper { transition: all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s; -webkit-transition: all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s; }
.bannerslide .swiper-slide { position: relative; height: 100%; overflow: hidden; }
.bannerslide .swiper-slide .wrapper { position: relative; height: 100%; }
.bannerslide .swiper-slide .txt { position: absolute; top: 45%; left: 0; font-size: 52px; color: #ca1d1e; font-family: 'dinb'; }
.bannerslide .swiper-slide .bg { position: relative; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s; -webkit-transition: all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s; z-index: 1; }
.bannerslide .swiper-slide.swiper-slide-active .bg { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); }
.bannerslide .swiper-slide.swiper-slide-prev .bg { -webkit-transform: scale(1.2) translate3d(50%, 0, 0); transform: scale(1.2) translate3d(50%, 0, 0); }
.bannerslide .swiper-slide.swiper-slide-next .bg { -webkit-transform: scale(1.2) translate3d(-50%, 0, 0); transform: scale(1.2) translate3d(-50%, 0, 0); }


.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.pro_color .swiper-pagination-bullet { background: #000; }
.pro_color .swiper-pagination-bullet-active { background: #ca1d1e; }


.homemain { background: #fff; padding: 80px 0; position: relative; z-index: 2; }
.homebox01 { margin: 0; }
.homebox01 .title { margin-bottom: 50px; font-size: 30px; font-weight: bold; font-family: 'din'; color: #333; text-transform: uppercase; text-align: center; }
.homebox01 .list { margin: 0; }
.homebox01 .list .item { width: 33.33333%; float: left; box-sizing: border-box; padding: 10px; }
.homebox01 .list .item a { display: block; width: 100%; color: #666; text-decoration: none; padding: 20px 0 20px; -webkit-transition: all .2s; transition: all .2s; }
.homebox01 .list .item a:hover { color: #ca1d1e; background: #fff; box-shadow: 0 0px 27px rgba(0, 0, 0, 0.06); }
.homebox01 .list .item .img { width: 60%; margin: 0 auto; }
.homebox01 .list .item .img img { display: block; width: 100%; }
.homebox01 .list .item .inf { margin: 0; text-align: center; }
.homebox01 .list .item .inf .nam { font-size: 18px; font-weight: bold; font-family: 'din'; line-height: 30px;    -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; }
.homebox01 .list .item .inf .txt { font-size: 13px; color: #999; font-family: 'din'; line-height: 18px; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; padding: 0 20px; min-height: 36px; display: none; }



.newlist { padding-bottom: 0; }
.newlist .swiper-slide { box-sizing: border-box; padding: 10px; }
.newlist .swiper-slide a { display: block; width: 100%; color: #666; text-decoration: none; padding: 20px 0 20px; -webkit-transition: all .2s; transition: all .2s; }
.newlist .swiper-slide a:hover { color: #ca1d1e; background: #fff; box-shadow: 0 0px 27px rgba(0, 0, 0, 0.06); }
.newlist .swiper-slide .img { width: 60%; margin: 0 auto; }
.newlist .swiper-slide .img img { display: block; width: 100%; }
.newlist .swiper-slide .inf { margin: 0; text-align: center; }
.newlist .swiper-slide .inf .nam { font-size: 18px; font-weight: bold; font-family: 'din'; line-height: 30px;    -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; }


.homebox03 { background: url(../img/hb03bg01x.jpg) no-repeat center bottom; padding: 30px 0; margin-top: 60px; }
.homebox03 .nam { text-align: center; float: none; width: 100%; font-size: 24px; font-family: 'din'; box-sizing: border-box; line-height: 34px; font-weight: bold; }
.homebox03 .nam strong { font-size: 40px; color: #ca1d1e; }
.homebox03 .img { float: none; width: 80%; position: relative; margin: 40px auto 0; }
.homebox03 .img img { display: block; width: 100%; }
.homebox03 .img .ci { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.homebox03 .img .ci img { display: block; width: 100%; }


.contactbigbox { margin: 60px 0; background: #e6e6e6; }
.contactbigbox .con { box-sizing: border-box; width: 60%; padding: 60px 100px; float: left; font-family: 'din'; }
.contactbigbox .con h3 { font-size: 24px; text-transform: uppercase; }
.contactbigbox .con p { font-size: 16px; line-height: 30px; margin-top: 20px; font-family: arial; }
.contactbigbox .img { box-sizing: border-box; width: 40%; padding: 89px 60px; float: right; background: #ec4d37; }
.contactbigbox .img .qr { width: 200px; margin: 0 auto; }
.contactbigbox .img .qr img { display: block; width: 100%; }




.footer { padding: 70px 0 0; background: #222; position: relative; z-index: 2; }
.footer .list { margin: 0; padding-bottom: 30px; }
.footer .list dl { width: 14%; text-align: left; font-family: 'din'; float: left; }
.footer .list dl:first-child { width: 20%; }
.footer .list dl.big { width: 26%; text-align: right; float: right; }
.footer .list dl.big dd.tel { margin-bottom: 10px; }
.footer .list dl.big dd.tel strong { display: block; color: #fff; font-size: 22px; }
.footer .list dl.big dd.add { margin-bottom: 20px; line-height: 24px; }
.footer .list dl.big dd.qrcode { margin: 0; }
.footer .list dl dt { font-size: 16px; color: #fff; line-height: 30px; margin-bottom: 20px; }
.footer .list dl dt a { color: #fff; text-decoration: none; }
.footer .list dl dd { font-size: 14px; color: #999; line-height: 30px; font-weight: bold; }
.footer .list dl dd a { color: #999; text-decoration: none; }
.footer .list dl dd a:hover { color: #666; }
.footer .list dl dt .flogo { margin-bottom: 30px; }
.footer .list dl dt .flogo img { display: block; width: 120px; }
.footer .list dl dd .ali { padding-left: 26px; background: url(../img/ali.png) no-repeat left center; background-size: 22px; }

.foot { background: #333; padding: 20px 0; line-height: 20px; text-align: center; color: #bbb; font-size: 14px; font-family: 'din'; font-weight: bold; }


.fxdbox { position: fixed; right: 6px; bottom: 30%; z-index: 9; }
.fxdbox .item { margin-bottom: 10px; width: 40px; height: 40px; }
.fxdbox .item .ia { position: relative; display: block; width: 100%; height: 100%; background: #fff; border-radius: 4px; text-indent: -9999px; background-repeat: no-repeat; background-position: center; background-size: 20px; box-shadow: 2px 2px 30px rgba(0,0,0,0.1); -webkit-transition: all .2s; transition: all .2s; }
.fxdbox .item .ia:hover { background-color: #f5f5f5; }
.fxdbox .item:nth-child(1) .ia { background-image: url(../img/ficon01.png); }
.fxdbox .item:nth-child(2) .ia { background-image: url(../img/ficon04.png); }
.fxdbox .item:nth-child(3) .ia { background-image: url(../img/ficon03.png); }
.fxdbox .item .ia .sub { position: absolute; top: 0; right: 50px; background-color: #fff; border-radius: 4px; padding: 10px; box-shadow: 2px 2px 30px rgba(0,0,0,0.1); opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s; }
.fxdbox .item .ia:hover .sub { opacity: 1; visibility: visible; }
.fxdbox .item .ia .sub img { display: block; width: 120px; }

.menu { display: none; }
body.fxd { overflow: hidden; }

.homebox02 { margin: 60px 0 0; background: #f1f1f1; }
.homebox02 .img { float: left; width: 50%; }
.homebox02 .img img { display: block; width: 100%; }
.homebox02 .inf { float: right; width: 50%; box-sizing: border-box; padding: 40px 40px 0; }
.homebox02 .inf .nam { font-size: 24px; font-weight: bold; font-family: 'din'; color: #111; line-height: 34px; }
.homebox02 .inf .txt { font-size: 14px; font-family: arial; color: #333; margin: 20px 0 20px; line-height: 24px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 8; text-align: Justify; text-justify: inter-ideograph; }
.homebox02 .inf .txt p { margin-bottom: 20px; }
.homebox02 .inf .btn { margin: 0; }
.homebox02 .inf .btn a { display: inline-block; line-height: 36px; font-size: 14px; padding: 0 20px; border: 1px solid #999; text-decoration: none; color: #333; -webkit-transition: all .2s; transition: all .2s;  }
.homebox02 .inf .btn a:hover { color: #fff; background: #ca1d1e; border-color: #ca1d1e; }

.prodetail { margin: 0; }
.prodetail img { display: block; width: 100%; }

.inhead { height: 75px; background: #fff; }
.inhead .wrapper { height: 74px; border-bottom: 1px solid #f1f1f1; }
.innav { background: #fff; border-bottom: 1px solid #f1f1f1; line-height: 30px; padding: 10px 0; font-family: 'din'; }
.innav .hd { float: left; width: 14%; font-size: 16px; color: #111; text-transform: uppercase; }
.innav .bd { margin-left: 14%; font-size: 16px; color: #333; }
.innav .bd .bul { overflow: hidden; }
.innav .bd .bul .bli { float: left; margin-right: 30px; }
.innav .bd .bul .bli a { color: #333; text-decoration: none; }
.innav .bd .bul .bli a:hover { color: #999; }
.innav .bd .bul .bli.on { font-weight: bold; }

.inbanner { height: 400px; background: #fff url(../img/inbanner01.jpg) no-repeat center; background-size: cover; position: relative; }
.inbanner .con { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.inbanner .con .cn { font-size: 40px; font-family: 'din'; color: #333; text-transform: uppercase; font-weight: bold; }

.aboutbox01 { width: 80%; margin: 60px auto; }
.aboutbox01 .tip { text-align: center; font-family: 'din'; color: #ca1d1e; font-size: 18px; }
.aboutbox01 .nam { text-align: center; font-family: 'din'; color: #111; font-size: 26px; margin: 5px auto 20px; font-weight: bold; }
.aboutbox01 .txt { text-align: left; font-family: arial; color: #333; font-size: 16px; line-height: 26px; text-align: justify; }
.aboutbox02 { background: url(../img/aboutbg01.jpg) no-repeat center top; padding: 80px 0 80px; }
.aboutbox02 .nam { font-size: 26px; margin: 0 auto 20px; text-align: center; font-family: 'din'; font-weight: bold; color: #fff; }
.aboutbox02 .txt { text-align: justify; font-size: 16px; font-family: arial; color: #fff; line-height: 26px; margin: 0 auto; width: 80%; }
.aboutbox02 .img { margin: 30px auto 0; width: 80%; }
.aboutbox02 .img img { display: block; width: 100%; }
.aboutbox03 { background: #fff; padding: 60px 0; }
.aboutbox03 img { display: block; width: 10%; margin: 0 auto; }
.aboutbox04 { background: #fff; padding: 60px 0 0; }
.aboutbox04 img { display: block; width: 80%; margin: 0 auto; }

.hisbox { margin: 60px auto; width: 80%; }
.hisbox .txt { margin: 0; font-size: 16px; font-family: arial; line-height: 26px; color: #666; }
.hisbox .list { margin: 30px 0 0; }
.hisbox .list .item { overflow: hidden; padding-top: 20px; }
.hisbox .list .item .year { width: 12%; float: left; font-size: 30px; font-family: 'din'; font-weight: bold; height: 46px; line-height: 46px; color: #ca1d1e; }
.hisbox .list .item .mont { width: 12%; float: left; font-size: 18px; font-family: 'din'; height: 26px; padding-top: 10px; color: #999; }
.hisbox .list .item .text { margin-left: 24%; font-size: 16px; line-height: 26px; color: #333; font-family: arial; padding-top: 10px; padding-bottom: 30px; border-bottom: 1px solid #dedede; }

.honorlist { margin: 60px 0; overflow: hidden; }
.honorlist .item { float: left; width: 33.333333%; box-sizing: border-box; padding: 20px; }
.honorlist .item img { display: block; width: 100%; }

.noinfo { font-size: 20px; text-align: center; padding: 120px 0; color: #999; }

.contactbox { margin: 60px 0; float: left; width: 30%; }
.contactbox .img { width: 40%; margin: 0 0 20px; display: block; }
.contactbox .img img { display: block; width: 100%; }
.contactbox .txt { text-align: left; width: 100%; margin: 0 auto; font-size: 16px; font-family: arial; line-height: 30px; color: #333; }

.messagebox { margin: 60px 0; float: right; width: 65%; }
.messagecon { font-size: 14px; line-height: 24px; margin-bottom: 20px;  }
.messagecon p { margin-bottom: 20px; }
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px;  color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0;  color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px;  cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.yanzhengma { display: inline; }

.messagebtn.btnon { background: #405ca3; }



.newslist { margin: 60px 0; }
.newslist .item { width: 49%; float: left; margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; border: 1px solid #dedede; -webkit-transition: all .4s; transition: all .4s; background: #fff; padding: 30px; }
.newslist .item:nth-child(2n) { margin-right: 0; }
.newslist .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.newslist .item .time { font-size: 12px; line-height: 20px; margin-bottom: 10px; color: #999; }
.newslist .item .time .split { margin: 0 10px; color: #ccc; }
.newslist .item .name { font-size: 18px; line-height: 28px; margin-bottom: 25px; height: 28px; overflow: hidden; }
.newslist .item .name a { color: #111; }
.newslist .item .name a:hover { color: #ca1d1e; }
.newslist .item .text { color: #777; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 16px; }
.newslist .item .link { overflow: hidden; margin-bottom: -12px; }
.newslist .item .link a { width: 24px; height: 24px; display: block; background: url(../img/hb01img01.png) no-repeat center; float: left; }
.newslist .item .link a.l02 { float: right; background-image: url(../img/hb01img02.png); }


.newstitle { font-size: 26px; text-align: center; line-height: 30px; font-family: microsoft yahei; margin-bottom: 5px; }
.newsinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999; font-family: microsoft yahei; }
.newsinfo .author, .newsinfo .time { margin: 0 5px; }
.newsmaincon { margin: 20px 0; font-family: microsoft yahei; }
.newsmaincon img { max-width: 100%; }
.newsmaincon h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); color: #fff; line-height: 40px; height: 40px; padding: 0 20px; border-radius: 20px; margin-bottom: 20px; margin-top: 40px; }
.newsmaincon .dou { margin-bottom: 20px; }
.newsmaincon .dou02 { overflow: hidden; }
.newsmaincon .dou02 li { width: 50%; float: left; }
.newsmaincon .dou li:before { content: '·'; color: #ea0000; font-weight: bold; margin-right: 10px; }

.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0 50px; }
.newsbackline ul { width: 100%; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.newsbackline ul li a { display: inline-block; width: 120px; border-width: 1px; border-style: solid; border-color: #dedede; text-decoration: none; color: #666; font-size: 12px; }
.newsbackline ul li a:hover { border-color: #ca1d1e; color: #ca1d1e; }
.newsbackline ul li.prev { text-align: left; }
.newsbackline ul li.prev a { text-align: center; }
.newsbackline ul li.next { text-align: right; }
.newsbackline ul li.next a { text-align: center; }

.newscon { margin: 60px auto; width: 80%; }

:root { --jtcolor: #ca1d1e; }
.swiper-button-next, .swiper-button-prev { color: var(--jtcolor); }





.probox { padding: 60px 0; background: #fff; }

/* A8 */
.pbox { overflow: hidden; position: relative; height: 800px; }
.pbox .bg { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.pbox .bg img { display: block; }
.pbox .wrapper { position: relative; height: 100%; }

/* A8 */
.pro01box01 { margin: 0; }
.pro01box01 .nam { font-size: 90px; font-family: 'dinb'; color: #1f2c3b; position: absolute; left: 0; top: 40%; }
.pro01box01 .img { position: absolute; right: 80px; bottom: 40px; }

.pro01box02 { margin: 0; }
.pro01box02 .nam { position: absolute; right: 100px; top: 20%; font-size: 40px; color: #304058; font-family: 'din'; font-weight: bold; text-transform: uppercase; }
.pro01box02 .txt { position: absolute; right: 100px; top: 27%; font-size: 24px; color: #304058; font-family: 'din'; }

.pro01box03 { margin: 0; height: 900px; }
.pro01box03 .img { position: absolute; top: 6%; left: 20%; }
.pro01box03 .img .light { position: absolute; top: 43%; right: 34%; }
.pro01box03 .list { position: absolute; bottom: 6%; left: 10%; width: 80%; }
.pro01box03 .list .item { width: 33.33333%; float: left; text-align: center; color: #fff; font-family: 'din'; }
.pro01box03 .list .item .num { font-size: 16px; }
.pro01box03 .list .item .num strong { font-family: 'dinb'; font-size: 50px; }
.pro01box03 .list .item .num span { margin-left: 6px; }
.pro01box03 .list .item .txt { font-size: 18px; }

.pro01box04 .cover { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.pro01box04 .cover img { display: block; }

.pro01box05 { height: 1150px; background: #fff; }
.pro01box05 span { display: block; font-size: 20px; margin-top: 10px; text-align: center; font-family: 'din'; color: #333; }
.pro01box05 .img01 { position: absolute; left: 8%; top: 16%; }
.pro01box05 .img02 { position: absolute; right: 8%; top: 6%; }
.pro01box05 .img03 { position: absolute; left: 20%; top: 61%; }
.pro01box05 .img04 { position: absolute; right: 20%; top: 52%; }

.pro01box06 { height: 700px; background: #fff; }
.pro01box06 .list { display: grid; grid-template: "A B B E" 280px "A C D E" 250px / .25fr .3fr .2fr .25fr; grid-gap: 4px; margin: 85px 0; }
.pro01box06 .item { display: block; position: relative; overflow: hidden; }
.pro01box06 .item .img { display: block; background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 1s; transition: all 1s; }
.pro01box06 .item:hover .img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.pro01box06 .item01 { grid-area: A; }
.pro01box06 .item01 .img { background-image: url(../img/a8/p01i06img01.jpg); }
.pro01box06 .item02 { grid-area: B; }
.pro01box06 .item02 .img { background-image: url(../img/a8/p01i06img02.jpg); }
.pro01box06 .item03 { grid-area: C; }
.pro01box06 .item03 .img { background-image: url(../img/a8/p01i06img03.jpg); }
.pro01box06 .item04 { grid-area: D; }
.pro01box06 .item04 .img { background-image: url(../img/a8/p01i06img04.jpg); }
.pro01box06 .item05 { grid-area: E; }
.pro01box06 .item05 .img { background-image: url(../img/a8/p01i06img05.jpg); }

.pro01box07 { height: auto; padding: 60px 0; background: #ebf1f5; }
.pro01box07 .img { width: 60%; float: left; }
.pro01box07 .img img { display: block; margin: 0 auto; max-width: 100%; }
.pro01box07 .inf { float: right; width: 40%; padding-top: 20px; }
.pro01box07 .n19inf{ width:50%;}
.pro01box07 .inf .nam { font-size: 40px; font-family: 'dinb'; color: #1f2c3b; margin-bottom:30px;}
.pro01box07 .inf .nul { }
.pro01box07 .inf .nul .nli { font-size: 20px; line-height: 38px; font-family: 'din'; color: #304058; }
.pro01box07 .inf .nul .nli:before { content: ''; width: 5px; height: 5px; background: #304058; border-radius: 50%; margin-right: 10px; float: left; margin-top: 16px; }
.pro01box07 .inf .nul .nli:before { content: ''; width: 5px; height: 5px; background: #304058; border-radius: 50%; margin-right: 10px; float: left; margin-top: 16px; }
.pro01box07 .btn { margin:30px 0 0;}
.pro01box07 .btn a { line-height: 40px; font-size: 20px; color: #304058; border: 3px solid #717b85; padding: 0 30px; display: inline-block; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.pro01box07 .btn a:hover { border-color: #304058; color: #fff; background-color: #304058; }

.pro01box08 { height: auto; padding: 30px 0; background: #fff; }
.pro01box08 .item { width: 25%; float: left; box-sizing: border-box; padding: 2px; }
.pro01box08 .n19list .item{ width:calc(100% / 3);}
.pro01box08 .item .img { overflow: hidden; }
.pro01box08 .item img { display: block; width: 100%; -webkit-transition: all 1s; transition: all 1s; }
.pro01box08 .item:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.pro01box_eb09 .item{ width:calc(100% / 3);}
.pro01box_leon .item{ width:calc(100% / 3);}

.pro01box09 { height: auto; padding: 60px 0 0; background: #fff; }
.pro01box09 .nam { text-align: center; font-size: 36px; font-family: 'din'; font-weight: bold; color: #1f2c3b; }







/* Roman */
.pro02box00 .bgs { display: none; }


.pro02box01 { margin: 0; }
.pro02box01 .inf { color: #fff; position: absolute; left: 0; top: 40%; text-align: center; }
.pro02box01 .inf .nam { font-size: 60px; font-family: 'dinb'; }
.pro02box01 .img { position: absolute; right: 8%; bottom: 40px; }
.pro02box01 .img img { -webkit-transition: all 1s; transition: all 1s; }
.pro02box01 .img .light { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.pro02box01 .img:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.pro02box01 .cover { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.pro02box01 .cover img { display: block; }


.pro02box03 { margin: 0; height: 900px; }
.pro02box03 .city { position: absolute; top: 10%; left: 0; right: 0; }
.pro02box03 .city .cimg { position: absolute; top: 0; right: 0; -webkit-animation: city 120s infinite linear; animation: city 120s infinite linear; white-space: nowrap; }
.pro02box03 .img { position: absolute; bottom: 10%; left: 0; }
.pro02box03 .inf { position: absolute; top: 30%; right: 10%; }
/* .pro02box03 .inf .num { color: #1f2c3b; font-family: 'dinb'; font-size: 200px; opacity: 1; background:url(../img/roman/mask.gif); -webkit-text-fill-color:transparent; -webkit-background-clip:text; -webkit-animation-name:masked-animation; -webkit-animation-duration:40s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; } */
.pro02box03 .inf .num { color: #1f2c3b; font-family: 'dinb'; font-size: 200px; opacity: 1; }
.pro02box03 .inf .num strong { font-weight: normal; float: left; margin-top: 45px; margin-right: 10px; }
/* .pro02box03 .inf .num strong span { background:url(../img/roman/mask.gif); -webkit-text-fill-color:transparent; -webkit-background-clip:text; -webkit-animation-name:masked-animation; -webkit-animation-duration:40s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; } */
.pro02box03 .inf .num strong span { margin: 0; }
.pro02box03 .inf .num .s { font-size: 60px; }

/*.pro_color{ overflow:visible;}
.pro_color .swiper-slide{ opacity:0 !important;}
.pro_color .swiper-slide-active{ opacity:1 !important;}*/
.pro01box07 .img{ position:relative;}
.pro_color .swiper-pagination{ bottom:-80px; width:100%;}
.pro_color .swiper-pagination-bullet{ height:20px; width:20px; margin:0 5px !important; position:relative;}
.pro_color .swiper-pagination-bullet:before{ content:""; position:absolute; width:22px; height:22px; top:-2px; left:-2px; border-radius:50%; opacity:0;}
.pro_color .swiper-pagination-bullet:focus{ outline: none;}
.pro_color .swiper-pagination-bullet-active:before{ opacity:1;}
.pro_color .swiper-pagination-bullet:nth-child(1){ background-image:linear-gradient(to top right, #054a9f , #fff); opacity:1;}
.pro_color .swiper-pagination-bullet:nth-child(2){ background:#da1821; opacity:1;}
.pro_color .swiper-pagination-bullet:nth-child(3){ background:#829eb1; opacity:1;}
.pro_color .swiper-pagination-bullet:nth-child(4){ background:#8b8a91; opacity:1;}
.pro_color .swiper-pagination-bullet:nth-child(1):before{ border:1px solid #0b56ab;}
.pro_color .swiper-pagination-bullet:nth-child(2):before{ border:1px solid #da1821;}
.pro_color .swiper-pagination-bullet:nth-child(3):before{ border:1px solid #829eb1;}
.pro_color .swiper-pagination-bullet:nth-child(4):before{ border:1px solid #8b8a91;}


.pro_c_n12 .swiper-pagination-bullet:nth-child(1){ background:#fff; opacity:1;}
.pro_c_n12 .swiper-pagination-bullet:nth-child(2){ background:#cb0407; opacity:1;}
.pro_c_n12 .swiper-pagination-bullet:nth-child(3){ background:#5b5a54; opacity:1;}
.pro_c_n12 .swiper-pagination-bullet:nth-child(4){ background:#27305b; opacity:1;}
.pro_c_n12 .swiper-pagination-bullet:nth-child(5){ background:#493632; opacity:1;}
.pro_c_n12 .swiper-pagination-bullet:nth-child(1):before{ border:1px solid #fff;}
.pro_c_n12 .swiper-pagination-bullet:nth-child(2):before{ border:1px solid #cb0407;}
.pro_c_n12 .swiper-pagination-bullet:nth-child(3):before{ border:1px solid #5b5a54;}
.pro_c_n12 .swiper-pagination-bullet:nth-child(4):before{ border:1px solid #27305b;}
.pro_c_n12 .swiper-pagination-bullet:nth-child(5):before{ border:1px solid #493632;}


.pro_c_t9 .swiper-pagination-bullet:nth-child(1){ background:#5b5759; opacity:1;}
.pro_c_t9 .swiper-pagination-bullet:nth-child(1):before{ border:1px solid #5b5759;}

.pro_c_kudou .swiper-pagination-bullet:nth-child(1){ background:linear-gradient(#9ecbd0 30%, #c52d2a); opacity:1;}
.pro_c_kudou .swiper-pagination-bullet:nth-child(1):before{ border:1px solid #9ecbd0;}
.pro_c_kudou .swiper-pagination-bullet:nth-child(2){ background:linear-gradient(#e5d1d9 30%, #9ecbd0); opacity:1;}
.pro_c_kudou .swiper-pagination-bullet:nth-child(2):before{ border:1px solid #9ecbd0;}

.pro_c_g5 .swiper-pagination-bullet:nth-child(1){ background:#454446; opacity:1;}
.pro_c_g5 .swiper-pagination-bullet:nth-child(1):before{ border:1px solid #454446;}
.pro_c_g5 .swiper-pagination-bullet:nth-child(2){ background:#2f735f; opacity:1;}
.pro_c_g5 .swiper-pagination-bullet:nth-child(2):before{ border:1px solid #2f735f;}
.pro_c_g5 .swiper-pagination-bullet:nth-child(3){ background:#ac0b0b; opacity:1;}
.pro_c_g5 .swiper-pagination-bullet:nth-child(3):before{ border:1px solid #ac0b0b;}
.pro_c_g5 .swiper-pagination-bullet:nth-child(4){ background:#cdcdcd; opacity:1;}
.pro_c_g5 .swiper-pagination-bullet:nth-child(4):before{ border:1px solid #cdcdcd;}

.pro_c_te6 .swiper-pagination-bullet:nth-child(1){ background-image:linear-gradient(to top right, #054a9f , #fff); opacity:1;}
.pro_c_te6 .swiper-pagination-bullet:nth-child(1):before{ border:1px solid #0b56ab;}
.pro_c_te6 .swiper-pagination-bullet:nth-child(2){ background:#da1821; opacity:1;}
.pro_c_te6 .swiper-pagination-bullet:nth-child(2):before{ border:1px solid #da1821;}

.pro_c_by .swiper-pagination-bullet:nth-child(1){ background:#004d6e; opacity:1;}
.pro_c_by .swiper-pagination-bullet:nth-child(1):before{ border:1px solid #004d6e;}
.pro_c_by .swiper-pagination-bullet:nth-child(2){ background:#fff; opacity:1;}
.pro_c_by .swiper-pagination-bullet:nth-child(2):before{ border:1px solid #fff;}
.pro_c_by .swiper-pagination-bullet:nth-child(3){ background:#001f37; opacity:1;}
.pro_c_by .swiper-pagination-bullet:nth-child(3):before{ border:1px solid #001f37;}
.pro_c_by .swiper-pagination-bullet:nth-child(4){ background:#000; opacity:1;}
.pro_c_by .swiper-pagination-bullet:nth-child(4):before{ border:1px solid #000;}
.pro_c_by .swiper-pagination-bullet:nth-child(5){ background:#ca1023; opacity:1;}
.pro_c_by .swiper-pagination-bullet:nth-child(5):before{ border:1px solid #ca1023;}

.pro_c_apple .swiper-pagination-bullet:nth-child(1){ background:#ee0101; opacity:1;}
.pro_c_apple .swiper-pagination-bullet:nth-child(1):before{ border:1px solid #ee0101;}
.pro_c_apple .swiper-pagination-bullet:nth-child(2){ background:#dc98bd; opacity:1;}
.pro_c_apple .swiper-pagination-bullet:nth-child(2):before{ border:1px solid #dc98bd;}
.pro_c_apple .swiper-pagination-bullet:nth-child(3){ background:#282828; opacity:1;}
.pro_c_apple .swiper-pagination-bullet:nth-child(3):before{ border:1px solid #282828;}
.pro_c_apple .swiper-pagination-bullet:nth-child(4){ background:#ffdb01; opacity:1;}
.pro_c_apple .swiper-pagination-bullet:nth-child(4):before{ border:1px solid #ffdb01;}

.pro_c_n19{ width:50% !important;}
.pro_c_n19 .swiper-pagination-bullet:nth-child(1){ background:#ed0000; opacity:1;}
.pro_c_n19 .swiper-pagination-bullet:nth-child(1):before{ border:1px solid #ed0000;}
.pro_c_n19 .swiper-pagination-bullet:nth-child(2){ background:#67dd6a; opacity:1;}
.pro_c_n19 .swiper-pagination-bullet:nth-child(2):before{ border:1px solid #67dd6a;}
.pro_c_n19 .swiper-pagination-bullet:nth-child(3){ background:#272727; opacity:1;}
.pro_c_n19 .swiper-pagination-bullet:nth-child(3):before{ border:1px solid #272727;}

.pro_c_anne .swiper-pagination-bullet:nth-child(1){ background:#95c7d0; opacity:1;}
.pro_c_anne .swiper-pagination-bullet:nth-child(1):before{ border:1px solid #95c7d0;}

.nulxgg{ column-count:2;}
.pro_c_xgg{}
.nulxgy{ column-count:2;}


@-webkit-keyframes city {
    0% { -webkit-transform: translateX(0); }
    100% { -webkit-transform: translateX(80%); }
}
@keyframes city {
    0% { transform: translateX(0); }
    100% { transform: translateX(80%); }
}
@-webkit-keyframes masked-animation {
    0% {background-position:left bottom;}
    100% {background-position:right bottom;}
}
@keyframes masked-animation {
    0% {background-position:left bottom;}
    100% {background-position:right bottom;}
}

.pro02box04 { margin: 0; height: auto; padding: 60px 0; background-color: #fff; }
.pro02box04 .nam { font-size: 40px; font-family: 'din'; color: #1f2c3b; text-align: center; font-weight: bold; margin-bottom: 30px; }
.pro02box04 .list { width: 90%; margin: 0 auto; }
.pro02box04 .list .item { width: 46%; float: left; margin: 0 2% 4%; }
.pro02box04 .list .item.itembig { width: 96%; }
.pro02box04 .list .item .img { border-radius: 20px; overflow: hidden; }
.pro02box04 .list .item .img img { display: block; width: 100%; -webkit-transition: all 1s; transition: all 1s; }
.pro02box04 .list .item:hover .img img { -webkit-transform: scale(1.05); transform: scale(1.05); }


.pro02box05 { margin: 0; height: 900px; }
.pro02box05 .inf { padding-top: 70px; text-align: center; }
.pro02box05 .inf .nam { font-family: 'din'; font-weight: bold; font-size: 40px; color: #fff; }
.pro02box05 .img { text-align: center; margin-top: 40px; }
.pro02box05 .img img { max-width: 100%; }
.pro02box05 .list { position: absolute; bottom: 6%; left: 10%; width: 80%; }
.pro02box05 .list .item { width: 33.33333%; float: left; text-align: center; color: #fff; font-family: 'din'; }
.pro02box05 .list .item .num { font-size: 16px; }
.pro02box05 .list .item .num strong { font-family: 'dinb'; font-size: 50px; }
.pro02box05 .list .item .num span { margin-left: 6px; }
.pro02box05 .list .item .txt { font-size: 18px; }


/* E6 */
.pro_e6_box01 .nam{ font-size: 200px; font-family: 'dinb'; color: #3a6fca; position: absolute; left: calc(50% - 100px); top: 180px;}
.pro_e6_box01 .nam2{ font-size: 30px; font-family: 'dinb'; color: #3a6fca; position: absolute; left: calc(50% - 90px); top: 400px;}
.pro_e6_box01 .img{ position: absolute; left: -40px; top: 20px;}
.pro_e6_box01 .img2{ position: absolute; right: -40px; top: 120px;}
.pro_e6_box02{ background:url(../img/e6/e6_03.jpg) no-repeat center bottom; height:auto;}
.pro_e6_box02 .list .item{ float:left; width:calc(50% - 2.5px); margin-right:5px; margin-bottom:5px; overflow:hidden;}
.pro_e6_box02 .list .item:nth-child(2n){ margin-right:0;}
.pro_e6_box02 .list .item:nth-last-child(-n + 2){ margin-bottom:0;}
.pro_e6_box02 .list .item img{ display: block; width: 100%; -webkit-transition: all 1s; transition: all 1s;}
.pro_e6_box02 .list .item:hover img{ -webkit-transform: scale(1.05); transform: scale(1.05);}
.pro_e6_box02 .nam{ font-size: 40px; font-family: 'dinb'; color: #1f2c3b; text-align:center; margin:70px 0 50px;}
.pro_e6_box03 .nam{ font-size: 40px; font-family: 'dinb'; color: #1f2c3b; text-align:center; margin:70px 0 50px;}
.pro_e6_box04 .nam{ font-size: 40px; font-family: 'dinb'; color: #1f2c3b; text-align:center; margin:180px 0 0;}
.pro_e6_box05 .nam{ font-size: 28px; font-family: 'dinb'; color: #1f2c3b; margin-top:240px; line-height:1.8;}
.pro_e6_box05 .nam2{ font-size: 24px; font-family: 'din'; color: #1f2c3b;}

/*n12*/
.pro_n12_box01{ height:789px;}
.pro_n12_box01 .nam{ font-size: 200px; font-family: 'dinb'; color: #bbbbe3; position: absolute; right:-50px; top: 140px;}
.pro_n12_box01 .img{ position: absolute; left:calc(50% - 400px); bottom:-115px;}
.pro_n12_box02{ height:993px;}
.pro_n12_box02 .nam{ font-size: 48px; font-family: 'din'; color: #fff; text-align:center; margin:120px 0 0; text-transform:uppercase;}
.pro_n12_box03{ height:895px;}
.pro_n12_box03 .list { position: absolute; bottom: 6%; left: 10%; width: 80%; }
.pro_n12_box03 .list .item { width: 33.33333%; float: left; text-align: center; color: #fff; font-family: 'din'; }
.pro_n12_box03 .list .item .num { font-size: 16px; }
.pro_n12_box03 .list .item .num strong { font-family: 'dinb'; font-size: 50px; }
.pro_n12_box03 .list .item .num span { margin-left: 6px; }
.pro_n12_box03 .list .item .txt { font-size: 18px; }
.pro_n12_box04{ height:auto; padding-bottom:50px; background:#fff;}
.pro_n12_box04 .list{ display:flex; flex-wrap:wrap;}
.pro_n12_box04 .list .item:nth-child(2){ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: end; -webkit-box-align: end;}
.pro_n12_box04 .list .item{ float:left; margin-right:20px; margin-bottom:20px; overflow:hidden;}
.pro_n12_box04 .list .item:nth-child(2n){ margin-right:0;}
.pro_n12_box04 .list .item img{ display: block; width: 100%; -webkit-transition: all 1s; transition: all 1s;}
.pro_n12_box04 .list .item:hover img{ -webkit-transform: scale(1.05); transform: scale(1.05);}
.pro_n12_box04 .nam{ font-size: 48px; font-family: 'din'; color: #1f2c3b; text-align:center; margin:70px 0 50px;}
.pro_n12_box05{ height:844px;}
.pro_n12_box05 .nam{ font-size: 50px; font-family: 'din'; color: #000; text-align:center; margin:190px 0 0; text-transform:uppercase;}
.pro_n12_box06{ height:859px;}
.pro_n12_box06 .nam{ font-size: 50px; font-family: 'din'; color: #000; position: absolute; left:0; top: 360px; text-transform:uppercase;}
.pro_n12_box06 .nam span{ font-weight:bold;}
.pro_n12_box06 .img{ position:absolute; top:0; bottom:0; right:0;}
.pro_n12_box06 .img2{ position:absolute; top:80px; bottom:0; right:-178px;}
.pro_n12_box07{ height:864px;}
.pro_n12_box08{ height:811px;}
.pro_n12_box08 .nam{ font-size: 54px; font-family: 'dinb'; color: #000; text-align:center; margin:190px 0 0; text-transform:uppercase; text-indent:-80px;}
.pro_n12_box08 .nam2{ font-size: 33px; font-family: 'din'; color: #000; text-align:center; margin:10px 0 0; text-transform:uppercase; text-indent:-80px;}


/*t9*/
.pro_t9_box01 .nam{ font-size: 200px; font-family: 'dinb'; color: #fff; position: absolute; left:0; top: 180px; text-transform:uppercase; text-shadow:0 0 20px #aaa;}
.pro_t9_box01 .nam2{ font-size: 60px; font-family: 'dinb'; color: #fff; position: absolute; left:0; top: 400px; text-transform:uppercase; text-shadow:0 0 20px #aaa;}
.pro_t9_box02{ height:auto; padding-bottom:50px; background:#fff;}
.pro_t9_box02 .list{}
.pro_t9_box02 .list .item{ float:left; margin-right:20px; margin-bottom:20px; overflow:hidden; width:49%;}
.pro_t9_box02 .list .item:nth-child(2n){ margin-right:0;}
.pro_t9_box02 .list .item img{ display: block; width: 100%; -webkit-transition: all 1s; transition: all 1s;}
.pro_t9_box02 .list .item:nth-child(2) img:nth-child(1){ margin-bottom:20px;}
.pro_t9_box02 .list .item:hover img{ -webkit-transform: scale(1.05); transform: scale(1.05);}
.pro_t9_box02 .nam{ font-size: 60px; font-family: 'dinb'; color: #363944; text-align:center; margin:70px 0 50px;}

.pro_t9_box03{ height:auto; background:url(../img/t9/t9_04.jpg) no-repeat center center;}
.pro_t9_box03 .t9dw01{ float:left; padding:7% 0 0 5%; max-width:50%; box-sizing:border-box;}
.pro_t9_box03 .t9dl01{ float:right; max-width:50%;}
.pro_t9_box03 .t9dw01 img{ display:block; max-width:100%;}
.pro_t9_box03 .t9dl01 img{ display:block; max-width:100%;}

.pro_t9_box04{ height:auto;}
.pro_t9_box04 img{ display:block;}
.pro_t9_box04 .t9m01{ position:relative;}
.pro_t9_box04 .t9m_l{ float:left; max-width:50%; width:50%;}
.pro_t9_box04 .t9m_r{ float:right; max-width:50%; width:50%;}
.pro_t9_box04 .t9m_w{ background:#191921; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-align: center; padding:0 80px; box-sizing:border-box; position:absolute; top:0; bottom:0;}
.pro_t9_box04 .t9m_wr{ right:0;}
.pro_t9_box04 .t9m_wl{ left:0;}
.pro_t9_box04 .t9m_w .p1{ font-size: 60px; font-family: 'dinb'; color: #fff; text-transform:uppercase; margin-bottom:20px;}
.pro_t9_box04 .t9m_w .p2{ font-size: 32px; font-family: 'din'; color: #b9babb; font-weight:bold;}

/*kudou*/
.pro_kudou_box01{ height:881px;}
.pro_kudou_box01 .nam{ font-size: 108px; font-family: 'dinb'; color: #14bcda; position: absolute; right: 100px; top: 100px;}
.pro_kudou_box01 .img{ position: absolute; left:calc(50% - 450px); bottom:-30px;}
.pro_kudou_box01 .nam:before{ position:absolute; left:0; top:0; right:0; color:#c497a3; display:block; height:55%; content:attr(data-content); overflow:hidden;}
.pro_kudou_box02{ height:865px;}
.pro_kudou_box02 .nam{ font-size: 60px; font-family: 'dinb'; color: #fff; text-align:center; text-transform:uppercase; padding-top:120px; text-shadow:2px 2px 5px #aaa;}
.pro_kudou_box02 .nam span{ color:#75edff;}
.pro_kudou_box02 .img{ position: absolute; left:100px; bottom:0;}
.pro_kudou_box02 .img2{ position: absolute; right:-50px; bottom:30px;}
.pro_kudou_box03{ height:888px;}
.pro_kudou_box03 .img{ position: absolute; left:calc(50% - 430px); bottom:0;}
.pro_kudou_box03 .img img{ display:block;}
.pro_kudou_box03 .list { position: absolute; top: 10%; left: 10%; width: 80%; }
.pro_kudou_box03 .list .item { width: 33.33333%; float: left; text-align: center; color: #fff; font-family: 'din'; }
.pro_kudou_box03 .list .item .num { font-size: 16px; }
.pro_kudou_box03 .list .item .num strong { font-family: 'dinb'; font-size: 50px; }
.pro_kudou_box03 .list .item .num span { margin-left: 6px; }
.pro_kudou_box03 .list .item .txt { font-size: 18px; }

.pro_kudou_box04{ padding:90px 0; height:auto; background:#fff;}
.pro_kudou_box04 .nam{ font-size: 48px; font-family: 'din'; color: #333333; margin-bottom:50px; text-align:center;}
.pro_kudou_box04 .list{ display:flex; flex-wrap:wrap;}
.pro_kudou_box04 .list .item{ float:left; margin-right:20px; margin-bottom:20px; overflow:hidden;}
.pro_kudou_box04 .list .item img{ display: block; width: 100%; -webkit-transition: all 1s; transition: all 1s;}
.pro_kudou_box04 .list .item:hover img{ -webkit-transform: scale(1.05); transform: scale(1.05);}

.pro_kudou_box05{ height:937px;}
.pro_kudou_box05 .nam{ font-size: 40px; font-family: 'din'; color: #000; text-align:center; margin-top:230px;}

.pro_kudou_box06{ height:904px;}
.pro_kudou_box06 .nam{ font-size: 50px; font-family: 'dinb'; color: #444444; text-align:center; margin-top:140px; text-transform:uppercase;}
.pro_kudou_box06 .nam2{ font-size: 45px; font-family: 'din'; color: #444444; text-align:center; margin-top:20px;}


/*g5*/
.pro_g5_box01{ height:1100px;}
.pro_g5_box01 .nam{ font-size: 134px; font-family: 'dinb'; color: #e78301; position: absolute; right: 200px; top: 100px;}
.pro_g5_box01 .nam:before{ position:absolute; left:0; top:0; right:0; color:#2dbad8; display:block; height:55%; content:attr(data-content); overflow:hidden;}
.pro_g5_box02{ height:1025px; position:relative;}
.pro_g5_box02 .nam{ font-size: 208px; font-family: 'dinb'; color: #9d9dc5; position: absolute; left: calc(50% - 300px); top: 250px;}
.pro_g5_box02 .nam:before{ position:absolute; left:0; top:0; right:0; color:#2dbad8; display:block; height:55%; content:attr(data-content); overflow:hidden;}
.pro_g5_box02 .img{ position: absolute; right:180px; bottom:30px;}
.pro_g5_box02 .img2{ position: absolute; left:20px; bottom:80px;}
.pro_g5_box03{ height:990px;}
.pro_g5_box03 .nam{ font-size: 50px; font-family: 'din'; color: #333; text-align:center; padding-top:100px;}
.pro_g5_box03 .img{ position: absolute; left:calc(50% - 360px); bottom:100px;}
.pro_g5_box03 .list { position: absolute; bottom: 50px; left: 10%; width: 80%; }
.pro_g5_box03 .list .item { width: calc(33.33% - 3.5px); float: left; text-align: center; color: #fff; font-family: 'din'; background:rgba(0,0,0,0.5); padding:30px 0; margin-right:5px;}
.pro_g5_box03 .list .item:nth-child(3){ margin-right:0;}
.pro_g5_box03 .list .item .num { font-size: 16px; }
.pro_g5_box03 .list .item .num strong { font-family: 'dinb'; font-size: 50px; }
.pro_g5_box03 .list .item .num span { margin-left: 6px; }
.pro_g5_box03 .list .item .txt { font-size: 18px; }
.pro_g5_box04{ height:auto; padding:50px 0;}
.pro_g5_box04 .nam{ font-size: 50px; font-family: 'din'; color: #333; text-align:center; margin:50px 0;}
.pro_g5_box04 .list {width: 80%; margin:0 auto;}
.pro_g5_box04 .list .item{ float:left; width:49%; margin-right:2%; margin-bottom:1%;}
.pro_g5_box04 .list .item img{ max-width:100%;}
.pro_g5_box04 .list .item:nth-child(3){ width:65.33333%;}
.pro_g5_box04 .list .item:nth-child(4){ width:32.66666%;}
.pro_g5_box04 .list .item:nth-child(3) img{ float:left; width:50%;}
.pro_g5_box04 .list .item:nth-child(2),.pro_g5_box04 .list .item:nth-child(4){ margin-right:0}
.pro_g5_box04 .list .item p{ height:140px; text-align:center; background:#f0ebd8; font-size:25px; font-family: 'din'; padding-top:50px; box-sizing:border-box;}
.pro_g5_box04 .list .item:nth-child(2) p{ padding-top:25px; background:#d4e4f1;}
.pro_g5_box04 .list .item:nth-child(3) p{ float:left; width:100%; background:#cdd0e2;}
.pro_g5_box04 .list .item:nth-child(4) p{ background:#e6d8d3;}
.pro_g5_box05{ height:974px;}
.pro_g5_box05 .nam{ font-size: 38px; font-family: 'din'; color: #333; position: absolute; left: 50%; top: 400px;}
.pro_g5_box06{ height:919px;}
.pro_g5_box06 .nam{ font-size: 60px; font-family: 'din'; position: absolute; left: 10%; top: 250px; color:#fff;}
.pro_g5_box07{ height:1015px;}
.pro_g5_box07 .nam{ font-size: 60px; font-family: 'din'; text-align:center; color:#fff; padding:200px;}


/*aa e2*/
.pro_e2_box01{ height:899px;}
.pro_e2_box01 .nam{ font-size: 115px; font-family: 'dinb'; position: absolute; right: 200px; top: 100px; background: linear-gradient(to bottom, #909caa, #fff, #909caa); -webkit-background-clip: text; color: transparent; -webkit-text-stroke:1px #999;}
.pro_e2_box01 .img{ text-align:center; padding-top:200px;}
.pro_e2_box02{ height:901px;}
.pro_e2_box02 .nam{ font-size: 58px; font-family: 'dinb'; position: absolute; left:0; top: 250px; color:#fff;}
.pro_e2_box02 .img{ position: absolute; left:0; bottom:20px;}
.pro_e2_box02 .img2{ position: absolute; right:0; bottom:20px;}
.pro_e2_box03{ height:991px;}
.pro_e2_box03 .list { margin:90px auto 40px; width:65%;}
.pro_e2_box03 .list .item { width:30%; float: left; text-align: center; color: #fff; font-family: 'din'; background:rgba(0,0,0,0.24); padding:30px 0; margin-right:5%;}
.pro_e2_box03 .list .item:nth-child(3){ margin-right:0;}
.pro_e2_box03 .list .item .num { font-size: 16px; }
.pro_e2_box03 .list .item .num strong { font-family: 'dinb'; font-size: 50px; }
.pro_e2_box03 .list .item .num span { margin-left: 6px; }
.pro_e2_box03 .list .item .txt { font-size: 18px; }
.pro_e2_box03 .img{ text-align:center;}
.pro_e2_box04{ height:auto; background: linear-gradient(to right, #b593f7, #2d9ef0);}
.pro_e2_box04 .nam{ font-size:60px; color:#fff; font-family: 'din'; text-align:center; text-transform:uppercase; margin:90px 0;}
.pro_e2_box04 .list img{ width:50%; float:left;}
.pro_e2_box05{ height:853px;}
.pro_e2_box05 .nam{ font-size: 45px; font-family: 'din'; position: absolute; left: 100px; top: 300px; text-transform:uppercase;}
.pro_e2_box05 .img{ position: absolute; right:0; top:0; width:50%;}
.pro_e2_box06{ height:978px;}
.pro_e2_box06 .nam{ font-size: 65px; font-family: 'din'; text-align:center; color:#fff; text-transform:uppercase; position:relative; top:40%}


/*gw8a*/
.pro_gw_box01{ height:969px;}
.pro_gw_box01 .nam{ font-size:90px; font-family: 'dinb'; position: absolute; right: 250px; top: 150px; color:#43c2ff;}
.pro_gw_box01 .img{ text-align:center; padding-top:250px;}
.pro_gw_box02{ height:930px;}
.pro_gw_box02 .nam{ font-size:50px; text-align:center; font-family: 'dinb'; color:#333; margin:80px 0 60px; text-transform:uppercase;}
.pro_gw_box02 .img{ text-align:center;}
.pro_gw_box03{ height:1109px;}
.pro_gw_box03 .img{ text-align:center; margin-top:120px;}
.pro_gw_box03 .list { margin:50px auto; width:80%;}
.pro_gw_box03 .list .item { width:32%; float: left; text-align: center; color: #fff; font-family: 'din'; background:rgba(0,0,0,0.24); padding:30px 0; margin-right:1%;}
.pro_gw_box03 .list .item:nth-child(3){ margin-right:0;}
.pro_gw_box03 .list .item .num { font-size: 16px; }
.pro_gw_box03 .list .item .num strong { font-family: 'dinb'; font-size: 50px; }
.pro_gw_box03 .list .item .num span { margin-left: 6px; }
.pro_gw_box03 .list .item .txt { font-size: 18px; }
.pro_gw_box04{ background:#fff; height:auto; padding-bottom:50px;}
.pro_gw_box04 .nam{ font-size:60px; text-align:center; font-family: 'din'; color:#333; margin:60px 0;}
.pro_gw_box04 .list{ display:flex; width:1200px; margin:20px auto; border-radius:40px; overflow:hidden;}
.pro_gw_box04 .list img{ width:58%;}
.pro_gw_box04 .list p{ background:#f7f8f9; width:42%; font-size:36px; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; padding:0 30px;}
.pro_gw_box05{ height:850px;}
.pro_gw_box05 .nam{ font-size: 60px; color:#333; font-family: 'dinb'; position: absolute; left: 100px; top: 300px;}
.pro_gw_box05 .img{ position: absolute; right:0; top:0; width:50%;}
.pro_gw_box06{ height:813px;}
.pro_gw_box06 .nam{ font-size: 50px; font-family: 'dinb'; text-align:center; color:#fff; text-transform:uppercase; position:relative; top:40%}
.pro_gw_box07{ height:759px;}
.pro_gw_box07 .img{ position: absolute; left:0; top:0;}
.pro_gw_box07 .nam{ font-size: 40px; color:#333; font-family: 'din'; position: absolute; right: 100px; top: 300px; width:620px; text-transform:uppercase;}
.pro_gw_box08{ height:764px;}
.pro_gw_box08 .img{ position: absolute; right:0; top:0;}
.pro_gw_box08 .nam{ font-size: 40px; color:#333; font-family: 'din'; position: absolute; left: 100px; top: 300px; width:620px; text-transform:uppercase;}

/*te6*/
.pro_te6_box01{ height:900px;}
.pro_te6_box01 .nam{ font-size: 90px; font-family: 'dinb'; position: absolute; left: 40%; top: 200px; color:#333; }
.pro_te6_box01 .img{ position: absolute; left:0; top:330px;}
.pro_te6_box01 .img2{ position: absolute; right:0; top:150px;}

.pro_te6_box02{ height:900px;}
.pro_te6_box02 .img{ position: absolute; left:0; bottom:150px;}
.pro_te6_box02 .img2{ position: absolute; right:0; bottom:150px;}
.pro_te6_box02 .list { margin:90px auto 40px; width:65%;}
.pro_te6_box02 .list .item { width:32%; float: left; text-align: center; color: #fff; font-family: 'din'; background:rgba(0,0,0,0.50); padding:30px 0; margin-right:2%;}
.pro_te6_box02 .list .item:nth-child(3){ margin-right:0;}
.pro_te6_box02 .list .item .num { font-size: 16px; }
.pro_te6_box02 .list .item .num strong { font-family: 'dinb'; font-size: 50px; }
.pro_te6_box02 .list .item .num span { margin-left: 6px; }
.pro_te6_box02 .list .item .txt { font-size: 18px; }

.pro_te6_box03{ height:898px;}
.pro_te6_box03 .img{ position: absolute; left:0; bottom:150px;}
.pro_te6_box03 .img2{ position: absolute; left:50%; bottom:100px; margin-left:-175px;}
.pro_te6_box03 .img3{ position: absolute; right:0; bottom:150px;}

.pro_te6_box04{ height:auto; background:#dcdcdc; padding-bottom:90px;}
.pro_te6_box04 .nam{ font-family: 'din'; text-align:center; font-size:50px; margin:100px 0 50px;}
.pro_te6_box04 .img{ text-align:center; font-size:0;}
.pro_te6_box04 .img img{ display:inline-block; margin-right:10px; margin-bottom:10px;}
.pro_te6_box04 .img img:nth-child(2n){ margin-right:0;}

.pro_te6_box05{ height:720px;}
.pro_te6_box05 .wrapper{ width:1200px;}
.pro_te6_box05 .nam{ position: absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.68); padding:20px 60px; box-sizing:border-box; color:#fff; text-align:center; font-size:40px; font-family: 'din';}
.pro_te6_box05 .nam span{ display:inline-block; font-size:32px; font-family: 'dinb'; margin:20px 10px;}

.pro_te6_box06{ height:633px; background:#abc3d1;}
.pro_te6_box06 .nam{ font-size: 58px; font-family: 'dinb'; position: absolute; right: 150px; top: 200px; color:#333;}
.pro_te6_box06 .nam span{ font-size: 50px; font-family: 'din';}
.pro_te6_box06 .img{ position: absolute; left:0; top:0;}

.pro_te6_box07{ height:700px;}
.pro_te6_box07 .nam{ font-size: 58px; font-family: 'dinb'; position: absolute; left: 0; top: 250px; color:#fff;}
.pro_te6_box07 .nam span{ font-size: 50px; font-family: 'din';}

.pro_te6_box08{ height:auto; padding:60px 0; text-align:center; background:#eaeaea; font-size: 50px; font-family: 'din'; text-transform:uppercase;}

.pro_te6_box09{ height:484px;}
.pro_te6_box09 .nam{ font-size: 41px; font-family: 'dinb'; position: absolute; right: 150px; top: 200px; color:#fff;}
.pro_te6_box09 .nam span{ font-size: 38px; font-family: 'din';}
.pro_te6_box09 .img{ position: absolute; left:0; top:0;}

.pro_te6_box10{ height:435px;}
.pro_te6_box10 .nam{ font-size: 40px; font-family: 'dinb'; position: absolute; left: 150px; top: 200px; color:#333;}
.pro_te6_box10 .img{ position: absolute; right:0; top:0;}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{ background-image: url(../img/fancybox_sprite.png) !important;}

/*by*/
.pro_by_box01{ height:898px;}
.pro_by_box01 .nam{ font-size: 132px; font-family: 'dinb'; position: absolute; left: 40%; top: 100px; color:#fff; text-shadow:0 0 5px #999;}
.pro_by_box01 .img{ position: absolute; left:150px; top:350px;}
.pro_by_box01 .img2{ position: absolute; right:100px; top:200px;}

.pro_by_box02{ height:901px;}
.pro_by_box02 .nam{ font-size: 56px; font-family: 'dinb'; color:#fff; text-align:center; padding-top:120px;}
.pro_by_box02 .img{ position: absolute; left:-5%; bottom:80px;}
.pro_by_box02 .img2{ position: absolute; left:50%; bottom:80px; margin-left:-260px;}
.pro_by_box02 .img3{ position: absolute; right:0; bottom:80px;}

.pro_by_box03{ height:900px;}
.pro_by_box03 .img{ position: absolute; left:200px; bottom:100px;}
.pro_by_box03 .list { position: absolute; width:42%; right:0; top:180px;}
.pro_by_box03 .list .item { width:32%; border-radius:50%; float: left; text-align: center; color: #333; font-family: 'din'; background:#fff; padding-top:40px; margin-right:2%; width:180px; height:180px; box-sizing:border-box; border:10px solid #b5d0ea;}
.pro_by_box03 .list .item:nth-child(3){ margin-right:0;}
.pro_by_box03 .list .item .num { font-size: 16px; }
.pro_by_box03 .list .item .num strong { font-family: 'dinb'; font-size: 40px; }
.pro_by_box03 .list .item .num span { margin-left: 6px; }
.pro_by_box03 .list .item .txt { font-size: 18px; }

.pro_by_box04{ padding:60px 0; background:#89c0f6; height:auto;}
.pro_by_box04 .nam{ font-size: 48px; font-family: 'din'; color:#fff; text-align:center; margin-bottom:50px;}
.pro_by_box04 .img{}

.pro_by_box05{ height:700px;}
.pro_by_box05 .img{ position: absolute; right:0; top:0;}
.pro_by_box05 .nam{ font-size: 46px; font-family: 'dinb'; position: absolute; left: 50px; top: 250px; color:#333}

.pro_by_box06{ height:710px;}
.pro_by_box06 .nam{ font-size: 50px; font-family: 'dinb'; color: #000; text-align:center; margin:120px 0 0;}

.pro_by_box07{ height:700px;}
.pro_by_box07 .img{ position: absolute; right:0; top:0;}
.pro_by_box07 .nam{ font-size: 46px; font-family: 'dinb'; position: absolute; left: 50px; top: 250px; color:#333}

/*apple*/
.pro_apple_box01{ height:900px;}
.pro_apple_box01 .nam{ font-size: 72px; font-family: 'dinb'; position: absolute; left: 40%; top: 200px; color:#fff;}
.pro_apple_box01 .img{ position: absolute; left:50px; bottom:100px;}
.pro_apple_box01 .img2{ position: absolute; right:50px; bottom:100px;}

.pro_apple_box02{ height:900px;}
.pro_apple_box02 .nam{ font-size: 60px; font-family: 'dinb'; position: absolute; right: 20%; top: 150px;}
.pro_apple_box02 .img{ position: absolute; left:0; bottom:200px;}
.pro_apple_box02 .img2{ position: absolute; left:25%; bottom:100px;}
.pro_apple_box02 .img3{ position: absolute; right:8%; bottom:180px;}

.pro_apple_box03{ height:894px;}
.pro_apple_box03 .img{ position: absolute; left:-2%; bottom:0;}
.pro_apple_box03 .img img{ display:block;}
.pro_apple_box03 .nam{ font-size: 60px; font-family: 'dinb'; text-align:center; color:#333; margin:100px 0 50px;}
.pro_apple_box03 .list { position: absolute; width:55%; right:0; top:180px;}
.pro_apple_box03 .list .item { width:32%; float: left; text-align: center; border:1px solid #333; font-family: 'din'; padding:30px 0; margin-right:2%; box-sizing:border-box;}
.pro_apple_box03 .list .item:last-child{ margin-right:0;}
.pro_apple_box03 .list .item .num { font-size: 16px; }
.pro_apple_box03 .list .item .num strong { font-family: 'dinb'; font-size: 50px; }
.pro_apple_box03 .list .item .num span { margin-left: 6px; }
.pro_apple_box03 .list .item .txt { font-size: 18px; }

.pro_apple_box04{ height:896px;}
.pro_apple_box04 .nam{ font-size: 50px; font-family: 'dinb'; color:#333; text-align:center; padding-top:120px; margin-bottom:80px;}
.pro_apple_box04 .img{ text-align:center;}

.pro_apple_box05{ height:802px;}
.pro_apple_box05 .nam{ font-size: 50px; font-family: 'dinb'; color:#fff; text-align:center; padding-top:100px; margin-bottom:20px; text-transform:uppercase;}
.pro_apple_box05 .nam2{ font-size: 25px; font-family: 'din'; color:#fff; text-align:center; text-transform:uppercase;}

.pro_apple_box06{ height:900px;}
.pro_apple_box06 .nam{ font-size: 56px; font-family: 'dinb'; color:#fff; padding-top:100px; margin-bottom:10px; padding-left:100px;}
.pro_apple_box06 .img{ padding-left:80px;}

.pro_apple_box07{ background:#e1e4eb; padding:60px 0; height:auto;}
.pro_apple_box07 .nam{ font-size: 50px; font-family: 'dinb'; color:#333; text-align:center; margin-bottom:80px; text-transform:uppercase;}
.pro_apple_box07 .img{ text-align:center;}

/*n19*/
.pro_n19_box01{ height:900px;}
.pro_n19_box01 .nam{ font-size: 80px; font-family: 'dinb'; color:#fff; padding-top:180px; padding-left:400px; margin-bottom:0;}
.pro_n19_box01 .img{ text-align:center;}

.pro_n19_box02{ height:900px;}
.pro_n19_box02 .nam{ font-size: 50px; font-family: 'dinb'; position: absolute; left: 220px; top: 150px; color:#fff;}
.pro_n19_box02 .img{ position: absolute; left:180px; top:340px;}
.pro_n19_box02 .img2{ position: absolute; right:120px; top:280px;}

.pro_n19_box03{ height:900px;}
.pro_n19_box03 .img{ position: absolute; left:0; top:280px;}
.pro_n19_box03 .img2{ position: absolute; right:-50px; top:480px;}
.pro_n19_box03 .list { position: absolute; width:35%; right:150px; top:150px; background:url(../img/n19/n19b.png) no-repeat center center; background-size:100% 100%; padding:0 40px;}
.pro_n19_box03 .list .item { width:50%; float: left; text-align: center; padding:30px 0; color: #69bfbc; font-family: 'din';}
.pro_n19_box03 .list .item:nth-child(3){ margin-right:0; width:100%; border-top:1px solid #69bfbc;}
.pro_n19_box03 .list .item .num { font-size: 16px; }
.pro_n19_box03 .list .item .num strong { font-family: 'dinb'; font-size: 30px; }
.pro_n19_box03 .list .item .num span { margin-left: 6px; }
.pro_n19_box03 .list .item .txt { font-size: 18px; }

.pro_n19_box04{ height:auto; padding:80px 0; background:#f7f7f7;}
.pro_n19_box04 .nam{ font-size: 50px; font-family: 'din'; color:#222; text-align:center; text-transform:uppercase; margin-bottom:50px;}
.pro_n19_box04 .list{ width:1200px; margin:0 auto;}
.pro_n19_box04 .list .item{ width:32%; margin-right:2%; float:left;}
.pro_n19_box04 .list .item:nth-child(3){ margin-right:0;}

.pro_n19_box05{ padding:80px 0; background:#2d2d2d; position:relative;}
.pro_n19_box05 .nam{ font-size: 50px; font-family: 'dinb'; position: absolute; right: 220px; top: 40px; color:#fff; text-transform:uppercase;}
.pro_n19_box05 .img{ position: absolute; left:0; bottom:0;}

.pro_n19_box06{ height:794px;}
.pro_n19_box06 .nam{ font-size: 40px; font-family: 'dinb'; color:#fff; text-align:center; text-transform:uppercase; padding-top:100px; line-height:1.6;}

.pro_n19_box07{ padding:50px 0; background:#fff;}
.pro_n19_box07 .list{ width:1200px; margin:0 auto;}
.pro_n19_box07 .list .item{ width:50%; float:left; position:relative;}
.pro_n19_box07 .list .item img{ display:block;}
.pro_n19_box07 .list .item p{ position:absolute; width:100%; left:0; bottom:0; background:rgba(100,100,100,0.58); color:#fff; padding:35px 50px; box-sizing:border-box; font-size:26px; text-transform:uppercase;}
.pro_n19_box07 .list .item:nth-child(2) p{ background:rgba(182,204,228,0.58); color:#222;}
.pro_n19_box07 .list .item:nth-child(3) p{ background:rgba(182,214,222,0.58); color:#222; top:0; bottom:auto;}

/*anne*/
.pro_anne_box01{ height:897px;}
.pro_anne_box01 .img{ position: absolute; left:0; bottom:0;}
.pro_anne_box01 .img2{ position: absolute; right:0; bottom:200px;}
.pro_anne_box01 .img3{ position: absolute; right:-120px; bottom:50px;}

.pro_anne_box02{ height:900px;}
.pro_anne_box02 .nam{ font-size: 70px; font-family: 'dinb'; color:#fcf7d3; text-align:center; text-transform:uppercase; margin-top:50px; text-shadow:0 0 5px #ccc; margin-bottom:20px;}
.pro_anne_box02 .img{ text-align:center;}

.pro_anne_box03{ height:1003px;}
.pro_anne_box03 .nam{ font-size: 48px; font-family: 'dinb'; color:#fff; text-align:center; text-transform:uppercase; margin-top:50px; margin-bottom:20px;}
.pro_anne_box03 .nam2{ font-size: 30px; font-family: 'dinb'; color:#fff; text-align:center;  margin-bottom:50px;}
.pro_anne_box03 .img{ text-align:center; position:absolute; left:0; bottom:0; width:100%;}

.pro_anne_box04{ height:850px;}
.pro_anne_box04 .img{ position: absolute; left:0; bottom:140px;}
.pro_anne_box04 .img2{ position: absolute; right:0; bottom:55px;}
.pro_anne_box04 .list { width:60%; margin:0 auto; padding-top:80px;}
.pro_anne_box04 .list .item { width:33.33%; float: left; text-align: center; color: #e7992b; font-family: 'din'; border-right:1px solid #e7992b; box-sizing:border-box;}
.pro_anne_box04 .list .item:nth-child(3){ margin-right:0; border:none;}
.pro_anne_box04 .list .item .num { font-size: 16px; }
.pro_anne_box04 .list .item .num strong { font-family: 'dinb'; font-size: 50px; }
.pro_anne_box04 .list .item .num span { margin-left: 6px; }
.pro_anne_box04 .list .item .txt { font-size: 18px; }

.pro_anne_box05{ height:auto; background:#fff; padding:80px 0;}
.pro_anne_box05 .list { width:1200px; margin:0 auto;}
.pro_anne_box05 .list .item { width:32%; float: left; margin-right:2%; color: #333; font-family: 'din'; box-sizing:border-box; border-radius:20px; background:#c9e9f0; overflow:hidden;}
.pro_anne_box05 .list .item:nth-child(2){ background:#efe3cc;}
.pro_anne_box05 .list .item:nth-child(3){ margin-right:0; border:none; background:#cedff1;}
.pro_anne_box05 .list .item .txt { padding:30px 15px; font-size:22px; text-transform:uppercase; height:3em;}
.pro_anne_box05 .list .item img{ width:100%; border-radius:20px;}

.pro_anne_box06{ height:848px;}
.pro_anne_box06 .nam{ font-size: 42px; font-family: 'din'; color:#fff; text-align:center; text-transform:uppercase; padding-top:100px;}
.pro_anne_box06 .img{ text-align:center; position:absolute; left:0; bottom:0; width:100%;}

.pro_anne_box07{ height:928px;}
.pro_anne_box07 .nam{ font-size: 40px; font-family: 'din'; color:#fff; text-align:center; text-transform:uppercase; padding-top:100px;}
.pro_anne_box07 .img{ text-align:center; position:absolute; left:0; bottom:0; width:100%;}

.pro_anne_box08{ height:954px; position:relative;}
.pro_anne_box08 .nam{ font-size: 40px; font-family: 'din'; color:#fff; text-align:center; text-transform:uppercase; padding-top:100px;}
.pro_anne_box08 .img{ text-align:center; position:absolute; left: 50%; transform: translateX(-50%); bottom:0;}

/*ngw*/
.pro_xgg_box01{ height:999px;}
.pro_xgg_box01 .img{ position: absolute; top:230px; left:620px;}
.pro_xgg_box01 .img1{ position: absolute; top:260px; left:50px;}
.pro_xgg_box01 .img2{ position: absolute; top:340px; left:810px;}
.pro_xgg_box02{ height:1001px;}
.pro_xgg_box02 .img1{ position: absolute; top:326px; left:520px;}
.pro_xgg_box02 ul{ position: absolute; top:110px; left:100px;}
.pro_xgg_box02 ul li{ font-size:20px; color:#fff; text-align:center; padding:50px 100px; background:url(../img/xgg/ul_bg.png) no-repeat center center; box-sizing:border-box;}
.pro_xgg_box02 ul li p{ font-size:25px; font-weight:bold;}
.pro_xgg_box03{ height:1000px;}
.pro_xgg_box03 .nam{ font-size: 35px; font-family: 'dinb'; color:#fff; text-align:center; padding-top:100px;}
.pro_xgg_box03 .img1{ position: absolute; top:290px; left:135px;}
.pro_xgg_box03 .img2{ position: absolute; top:300px; left:510px;}
.pro_xgg_box04{ padding:100px 0 80px; background:#fff; height:auto;}
.pro_xgg_box04 .nam{ font-size: 50px; font-family: 'dinb'; color:#333; text-align:center;}
.pro_xgg_box04 .img{ text-align:center; font-size:0; margin-top:50px;}
.pro_xgg_box04 .img img{ display:inline-block; margin-right:30px; margin-bottom:30px;}
.pro_xgg_box04 .img img:nth-child(2n){ margin-right:0;}
.pro_xgg_box05{ height:790px;}
.pro_xgg_box05 .nam{ position: absolute; top:190px; left:880px; font-size: 40px; font-family: 'dinb'; color:#111; letter-spacing:-1px;}
.pro_xgg_box05 .img{ position: absolute; top:50px; left:50px;}
.pro_xgg_box06{ height:780px;}
.pro_xgg_box06 .img{ text-align:center;}
.pro_xgg_box06 .img img{ display:inline-block;}
.pro_xgg_box06 .img2{ position: absolute; bottom:80px; left:50%; transform:translateX(-50%);}
.pro_xgg_box07{ height:780px;}
.pro_xgg_box07 .img{ position: absolute; top:0; left:0;}
.pro_xgg_box07 .nam{ position: absolute; top:275px; left:765px; font-size:42px; font-family: 'din'; color:#222;}
.pro_xgg_box07 .nam p{ font-size:50px; font-family: 'dinb';}
.pro_xgg_box08{ height:798px;}
.pro_xgg_box08 .nam{ font-size:43px; text-align:center; font-family: 'dinb'; color:#222; text-shadow: 1px 1px 0px #fff; padding-top:100px;}
.pro_xgg_box08 .img{ position: absolute; bottom:60px; left:40px;}

/*sunny*/
.pro_xgy_box01{ height:999px;}
.pro_xgy_box01 .nam{ position: absolute; top:245px; left:100px; font-size:75px; font-family: 'dinb'; color:#0070ea;}
.pro_xgy_box01 .img1{ position: absolute; top:350px; left:40px;}
.pro_xgy_box01 .img2{ position: absolute; top:230px; left:640px;}

.pro_xgy_box02{ height:1001px;}
.pro_xgy_box02 .img{ position: absolute; top:225px; left:195px;}
.pro_xgy_box02 ul{ position: absolute; top:140px; left:855px;}
.pro_xgy_box02 ul li{ font-size:20px; color:#fff; text-align:center; padding:50px 100px; background:url(../img/xgy/ul_bg.png) no-repeat center center; box-sizing:border-box;}
.pro_xgy_box02 ul li p{ font-size:25px; font-weight:bold;}

.pro_xgy_box03{ height:1000px;}
.pro_xgy_box03 .nam{ font-size:52px; font-family: 'dinb'; color:#445566; text-align:center; text-transform:uppercase; padding-top:100px;}
.pro_xgy_box03 .img{ text-align:center; margin-top:60px;}

.pro_xgy_box04{ height:auto; background:#fff;}
.pro_xgy_box04 .nam{ font-size:42px; font-family: 'dinb'; color:#445566; text-align:center; text-transform:uppercase; padding-top:100px;}
.pro_xgy_box04 .img{ display: grid; grid-gap: 10px; grid-template-areas: 'myArea myArea2 myArea2' 'myArea . .'; max-width:1200px; margin:65px auto 90px;}
.pro_xgy_box04 .img .item:nth-child(1){ grid-area: myArea;}
.pro_xgy_box04 .img .item:nth-child(2){ grid-area: myArea2;}
.pro_xgy_box04 .img img{ transition:1.5s;}
.pro_xgy_box04 .img .item{ overflow:hidden;}
.pro_xgy_box04 .img .item:hover img{ transform:scale(1.2,1.2);}

.pro_xgy_box05{ height:649px;}
.pro_xgy_box05 .nam{ position: absolute; top:230px; left:10vw; font-size:2.3vw; font-family: 'din'; font-weight:bold; color:#fff;}
.pro_xgy_box05 .img{ position: absolute; top:0; right:0;}
.pro_xgy_box05 .img img{ height:33vw;}

.pro_xgy_box06{ height:1019px;}
.pro_xgy_box06 .nam{ position: absolute; top:130px; left:100px; font-size:30px; font-family: 'din'; color:#333;}
.pro_xgy_box06 .nam p{ font-size:64px; font-family: 'dinb'; margin-bottom:10px;}
.pro_xgy_box06 .img{ position: absolute; top:135px; left:490px;}

.pro_xgy_box07{ height:876px;}
.pro_xgy_box07 .nam{ position: absolute; top:110px; left:100px; font-size:54px; font-family: 'dinb'; color:#333;}
.pro_xgy_box07 .img{ position: absolute; top:135px; left:200px;}

/*v4*/
.pro_v4_box01{ height:1000px;}
.pro_v4_box01 .nam{ font-size:230px; font-family: 'dinb'; color:#fff; text-align:center; text-transform:uppercase; margin-top:150px; text-shadow:0 0 500px #000000;}
.pro_v4_box01 .img{ text-align:center; margin-top:-250px;}

.pro_v4_box02{ height:1000px;}
.pro_v4_box02 .img{ position: absolute; top:230px; left:80px;}
.pro_v4_box02 .txt{ position: absolute; top:135px; right:100px;}
.pro_v4_box02 .txt .p1{ font-family: 'dinb'; color:#253344; font-size:50px; text-transform:uppercase;}
.pro_v4_box02 .txt .p2{ font-family: 'dinb'; color:#253344; font-size:23px; text-transform:uppercase; margin:50px 0 20px;}
.pro_v4_box02 .txt ul{}
.pro_v4_box02 .txt ul li{ display:flex; float:left; width:48%; border-bottom:2px solid #5a6b7c; padding:25px 0;}
.pro_v4_box02 .txt ul li .p3{ font-family: 'dinb'; color:#344455; font-size:42px;}
.pro_v4_box02 .txt ul li .p4{ font-family: 'dinb'; color:#344455; font-size:24px; margin-left:20px;}
.pro_v4_box02 .txt ul li .p4 span{ font-family: 'din'; font-size:17px; text-transform:uppercase; display:block;}
.pro_v4_box02 .txt ul li:nth-child(1){ margin-right:4%;}
.pro_v4_box02 .txt ul li:nth-child(3){ width:100%;}

.pro_v4_box03{ height:1000px;}
.pro_v4_box03 .nam{ font-size:70px; font-family: 'dinb'; color:#fff; text-align:center; text-transform:uppercase; margin-top:100px;}
.pro_v4_box03 .img{ text-align:center; margin-top:80px;}

.pro_v4_box04{ height:auto; padding:100px 0; background:#fff;}
.pro_v4_box04 .nam{ font-size:55px; font-family: 'dinb'; color:#111111; text-align:center; text-transform:uppercase;}
.pro_v4_box04 ul{ margin-top:60px; padding:0 100px;}
.pro_v4_box04 ul li{ display:flex;}
.pro_v4_box04 ul li img{}
.pro_v4_box04 ul li div{ padding:60px 0 0 80px; font-size:30px; font-family: 'din'; text-transform:uppercase; width:calc(100% - 706px);}
.pro_v4_box04 ul li:nth-child(1) div{ background:#eff6fb url(../img/v4/v4b.png) no-repeat right bottom;}
.pro_v4_box04 ul li:nth-child(2) div{ background:#e1edf7 url(../img/v4/v4b.png) no-repeat right bottom;}
.pro_v4_box04 ul li:nth-child(3) div{ background:#eff6fb url(../img/v4/v4b.png) no-repeat right bottom;}

.pro_v4_box05{ height:950px; background:#010101;}
.pro_v4_box05 .nam{ font-size:58px; font-family: 'dinb'; color:#fff; text-align:center; text-transform:uppercase; padding-top:100px;}
.pro_v4_box05 .nam2{ font-size:38px; font-family: 'din'; color:#fff; text-align:center; font-weight:500; font-weight:bold;}
.pro_v4_box05 .img{ position: absolute; bottom:0; left:0; width:100%; text-align:center;}

.pro_v4_box06{ height:803px;}
.pro_v4_box06 .nam{ font-size:40px; font-family: 'dinb'; color:#333; text-align:center; text-transform:uppercase; padding-top:80px;}
.pro_v4_box06 .img{ position: absolute; bottom:60px; left:0; width:100%; text-align:center;}

.pro_v4_box07{ height:auto; background:#fff; padding:90px 0;}
.pro_v4_box07 ul{ padding:0 100px; display:flex; flex-wrap:wrap;}
.pro_v4_box07 ul li{ width:50%;}
.pro_v4_box07 ul li img{ display:block; border:1px solid #fff;}

.pro_v4_box08{ height:875px;}
.pro_v4_box08 .nam{ font-size:60px; font-family: 'dinb'; color:#fff; text-align:center; text-transform:uppercase; padding-top:100px;}
.pro_v4_box08 .img{ position: absolute; top:162px; right:140px;}
.pro_v4_box08 .img2{ position: absolute; top:365px; left:140px;}


/*eb09*/
.pro_eb09_box01{ height:1000px;}
.pro_eb09_box01 .nam{ font-size:100px; font-family: 'dinb'; color:#ffc412; position: absolute; top:250px; left:300px; text-transform:uppercase; text-shadow:-1px 1px 1px #666666;}
.pro_eb09_box01 .nam span{ display:block; font-size:48px;}
.pro_eb09_box01 .img{ position: absolute; top:230px; left:650px;}

.pro_eb09_box02{ height:auto; background:#1c2837; padding:80px 0;}
.pro_eb09_box02 ul{ display:flex;}
.pro_eb09_box02 ul li{ width:25%; text-align:center; font-family: 'din'; position:relative;}
.pro_eb09_box02 ul li:after{ content:""; position:absolute; width:2px; height:50%; right:0; top:25%; background:#808f9f; transform: rotateZ(15deg);}
.pro_eb09_box02 ul li:last-child:after{ display:none;}
.pro_eb09_box02 ul li .p1{ font-size:80px; color:#14d0f3; font-style: italic;}
.pro_eb09_box02 ul li .p1 span{ font-size:40px;}
.pro_eb09_box02 ul li .p2{ font-size:30px; color:#8f8f8f;}

.pro_eb09_box03{ height:997px;}
.pro_eb09_box03 .img{ position: absolute; top:150px; left:430px;}
.pro_eb09_box03 ul{ position: absolute; width:680px; top:270px; left:130px;}
.pro_eb09_box03 ul li{ float:left; width:50%; text-transform:uppercase; margin-bottom:20px;}
.pro_eb09_box03 ul li p{ font-family: 'din'; font-size:22px; color:#253344; float:left;}
.pro_eb09_box03 ul li p span{ font-family: 'dinb'; font-size:43px; display:inline-block; margin-left:5px;}
.pro_eb09_box03 ul li img{ width:28px; float:left; margin-right:10px; margin-top:20px;}

.pro_eb09_box04{ height:935px;}
.pro_eb09_box04 .nam{ font-size:40px; font-family: 'dinb'; color:#333; text-align:center; text-transform:uppercase; margin-top:180px;}
.pro_eb09_box04 .img{ text-align:center; margin-top:150px;}

.pro_eb09_box05{ height:755px;}
.pro_eb09_box05 .nam{ font-size:37px; font-family: 'dinb'; color:#fff; text-transform:uppercase; position: absolute; top:240px; left:110px;}

.pro_eb09_box06{ height:923px;}
.pro_eb09_box06 .nam{ font-size:60px; font-family: 'dinb'; color:#333; text-align:center; text-transform:uppercase; padding-top:100px;}
.pro_eb09_box06 .img{ position: absolute; bottom:0; left:0; width:100%;}
.pro_eb09_box06 .img img{ display:block; margin:0 auto;}

.pro_eb09_box07{ height:887px;}
.pro_eb09_box07 .nam{ position: absolute; top:250px; left:40px;}
.pro_eb09_box07 .nam .p1{ font-size:100px; font-family: 'dinb'; color:#cdd0d6; text-transform:uppercase; font-style: italic; letter-spacing:20px;}
.pro_eb09_box07 .nam .p2{ font-size:42px; font-family: 'dinb'; color:#324152;}
.pro_eb09_box07 .img{ position: absolute; top:0; left:610px;}

.pro_eb09_box08{ height:1070px;}
.pro_eb09_box08 .nam{ font-size:50px; font-family: 'dinb'; color:#333; text-align:center; padding-top:80px;}
.pro_eb09_box08 .nam2{ font-size:26px; font-family: 'din'; color:#333; text-align:center; margin-top:20px;}
.pro_eb09_box08 .img{ text-align:center; margin-top:70px;}

.pro_eb09_box09{ height:auto; padding:80px 0;}
.pro_eb09_box09 ul{ display: grid; grid-template-areas:'a a b''. . b';}
.pro_eb09_box09 ul li:nth-child(1){ grid-area: a;}
.pro_eb09_box09 ul li:nth-child(2){ grid-area: b;}


/*leon*/
.pro_leon_box01{ height:994px;}
.pro_leon_box01 .nam{ font-size:67px; font-family: 'dinb'; color:#fff; text-align:center; padding-top:120px;}
.pro_leon_box01 .img{ position: absolute; top:260px; left:120px;}
.pro_leon_box01 .img2{ position: absolute; top:190px; right:-120px;}

.pro_leon_box02{ height:1006px;}
.pro_leon_box02 .img{ position: absolute; top:310px; left:0;}
.pro_leon_box02 .img2{ position: absolute; top:270px; left:520px;}
.pro_leon_box02 .img3{ position: absolute; top:260px; right:0;}

.pro_leon_box03{ height:1000px;}
.pro_leon_box03 ul{ text-align:center; padding-top:120px;}
.pro_leon_box03 ul li{ display:inline-block; width:488px; height:111px; background: url(../img/leon/leon_i_bg.png); margin-right:80px; margin-bottom:10px; line-height:120px; color:#537aa9; font-size:24px; text-align:left; padding-left:120px; box-sizing:border-box;}
.pro_leon_box03 .img{ position: absolute; top:375px; left:50px;}
.pro_leon_box03 .img2{ position: absolute; top:375px; right:120px;}

.pro_leon_box04{ height:auto; padding:80px 0;}
.pro_leon_box04 .d_flex{ display:flex; width:1200px; margin:0 auto 60px;}
.pro_leon_box04 .d_flex:last-child{ margin-bottom:0;}
.pro_leon_box04 .d_flex .txt{ display: flex; align-items: center; justify-content: center; padding-left:50px;}
.pro_leon_box04 .d_flex .txt2{ padding-left:0; padding-right:50px;}
.pro_leon_box04 .d_flex .txt p{ font-size:35px; font-family: 'dinb'; color:#344455; text-transform:uppercase;}
.pro_leon_box04 .d_flex .txt p span{ display:block; font-family: 'din'; text-transform:capitalize; margin-top:50px;}

.pro_leon_box05{ height:987px;}
.pro_leon_box05 .nam{ font-size:55px; font-family: 'dinb'; color:#fff; text-align:center; padding-top:165px; text-transform:uppercase;}
.pro_leon_box05 .img{ text-align:center; margin-top:120px;}

.pro_leon_box06{ height:1233px;}
.pro_leon_box06 .nam{ font-size:55px; font-family: 'dinb'; color:#fff; text-align:center; padding-top:120px; text-transform:uppercase;}
.pro_leon_box06 ul{ text-align:center; margin-top:50px;}
.pro_leon_box06 ul li{ display:inline-block; margin:10px; max-width:calc(50% - 40px);}
.pro_leon_box06 ul li img{ width:100%;}

.pro_leon_box07{ height:899px;}
.pro_leon_box07 .nam{ font-size:55px; font-family: 'dinb'; color:#253344; text-align:center; padding-top:140px; text-transform:uppercase;}
.pro_leon_box07 .img{ text-align:center; margin-top:50px;}


/*alfa*/
.pro_alfa_box01{ height:calc(1000 / 1920 * 100vw); background-size:100% !important;}
.pro_alfa_box01 .bg{ width:100%; height: 100%;}
.pro_alfa_box01 .bg img{ width:100%; height: 100%;}
.pro_alfa_box01 .img{ position: relative; width:calc(868 / 1920 * 100vw); top:calc(260 / 1920 * 100vw); margin:0 auto;}
.pro_alfa_box01 .img img{ width:100%;}
.pro_alfa_box01 .img2{ position: relative; width:calc(748 / 1920 * 100vw); top:calc(80 / 1920 * 100vw); margin:0 auto;}
.pro_alfa_box01 .img2 img{ width:100%;}

.pro_alfa_box02{ height:calc(997 / 1920 * 100vw); background-size:100% !important;}
.pro_alfa_box02 .bg{ width:100%; height: 100%;}
.pro_alfa_box02 .bg img{ width:100%; height: 100%;}
.pro_alfa_box02 .list{ display:flex; text-align:center; color:#fff; margin:calc(100 / 1920 * 100vw) auto 0; width:calc(1200 / 1920 * 100vw);}
.pro_alfa_box02 .list li{ width:calc(100% / 3); font-size:23px; border-right:1px solid #bddcf2;}
.pro_alfa_box02 .list li:last-child{ border:none}
.pro_alfa_box02 .list li span{ font-family: 'dinb'; font-size:60px;}
.pro_alfa_box02 .img{ position: relative; width:calc(780 / 1920 * 100vw); margin:calc(40 / 1920 * 100vw) auto 0;}
.pro_alfa_box02 .img img{ width:100%;}

.pro_alfa_box03{ height:calc(1000 / 1920 * 100vw); background-size:100% !important;}
.pro_alfa_box03 .bg{ width:100%; height: 100%;}
.pro_alfa_box03 .bg img{ width:100%; height: 100%;}
.pro_alfa_box03 .txt{ text-align:center; font-family: 'dinb'; font-size:50px; color:#333; text-transform:uppercase; margin:calc(150 / 1920 * 100vw) auto 0;}
.pro_alfa_box03 .img{ position: relative; width:calc(1104 / 1920 * 100vw); margin:calc(80 / 1920 * 100vw) auto 0;}
.pro_alfa_box03 .img img{ width:100%;}

.pro_alfa_box04{ height:calc(1000 / 1920 * 100vw); background-size:100% !important;}
.pro_alfa_box04 .bg{ width:100%; height: 100%;}
.pro_alfa_box04 .bg img{ width:100%; height: 100%;}
.pro_alfa_box04 .txt{ text-align:center; font-family: 'dinb'; font-size:62px; color:#333; text-transform:uppercase; margin:calc(130 / 1920 * 100vw) auto 0;}
.pro_alfa_box04 .img{ position: relative; width:calc(552 / 1920 * 100vw); margin:calc(80 / 1920 * 100vw) auto 0;}
.pro_alfa_box04 .img img{ width:100%;}

.pro_alfa_box05{ background:#f4f4f4; padding:calc(80 / 1920 * 100vw) 0; height:auto;}
.pro_alfa_box05 .txt{ text-align:center; font-family: 'dinb'; font-size:50px; color:#333; text-transform:uppercase;}
.pro_alfa_box05 ul{ width:calc(1190 / 1920 * 100vw); margin:calc(50 / 1920 * 100vw) auto 0;}
.pro_alfa_box05 ul li{ display:flex; justify-content:space-between;}
.pro_alfa_box05 ul li:first-child .left{ width:60%;}
.pro_alfa_box05 ul li:first-child .left img{ width:100%; height:100%; object-fit:cover;}
.pro_alfa_box05 ul li:first-child .right{ background:#fff; width:40%; padding:calc(140 / 1920 * 100vw) calc(90 / 1920 * 100vw); box-sizing:border-box;}
.pro_alfa_box05 ul li:first-child p{ font-family: 'din'; font-size:calc(36 / 1920 * 100vw); position:relative; padding-bottom:30px; border-bottom:8px solid #ff0016;}
.pro_alfa_box05 ul li:first-child p:after{ content:""; position:absolute; width:60px; height:8px; background:#c70011; bottom:-8px; right:0;}
.pro_alfa_box05 ul li:nth-child(2){ margin:20px 0;}
.pro_alfa_box05 ul li:nth-child(2) .left{ width:calc(50% - 10px);}
.pro_alfa_box05 ul li:nth-child(2) .left img{ width:100%; height:100%; object-fit:cover;}
.pro_alfa_box05 ul li:nth-child(2) .right{ width:calc(50% - 10px);}
.pro_alfa_box05 ul li:nth-child(2) .right img{ width:100%; height:100%; object-fit:cover;}

.pro_alfa_box05 ul li:nth-child(3) .left{ width:60%;}
.pro_alfa_box05 ul li:nth-child(3) .left img{ width:100%; height:100%; object-fit:cover;}
.pro_alfa_box05 ul li:nth-child(3) .right{ background:#fff; width:40%; padding:calc(140 / 1920 * 100vw) calc(90 / 1920 * 100vw); box-sizing:border-box;}
.pro_alfa_box05 ul li:nth-child(3) p{ font-family: 'din'; font-size:calc(36 / 1920 * 100vw); position:relative; padding-bottom:30px; border-bottom:8px solid #ff0016;}
.pro_alfa_box05 ul li:nth-child(3) p:after{ content:""; position:absolute; width:60px; height:8px; background:#c70011; bottom:-8px; right:0;}

.pro_alfa_box06{ height:calc(1000 / 1920 * 100vw); background-size:100% !important;}
.pro_alfa_box06 .bg{ width:100%; height: 100%;}
.pro_alfa_box06 .bg img{ width:100%; height: 100%;}
.pro_alfa_box06 .txt{ text-align:center; font-family: 'dinb'; font-size:calc(60 / 1920 * 100vw); color:#fff; text-transform:uppercase; margin:calc(100 / 1920 * 100vw) auto 0;}
.pro_alfa_box06 .txt span{ font-family: 'din'; font-size:calc(46 / 1920 * 100vw);}
.pro_alfa_box06 .img{ position: relative; width:calc(740 / 1920 * 100vw); margin:0 auto;}
.pro_alfa_box06 .img img{ width:100%;}

.pro_alfa_box07{ height:calc(1000 / 1920 * 100vw); background-size:100% !important;}
.pro_alfa_box07 .wrapper{ width:calc(1400 / 1920 * 100vw);}
.pro_alfa_box07 .bg{ width:100%; height: 100%;}
.pro_alfa_box07 .bg img{ width:100%; height: 100%;}
.pro_alfa_box07 .txt{ position:absolute; font-family: 'din'; font-size:calc(48 / 1920 * 100vw); color:#fff; text-transform:uppercase; z-index:2; top:calc(60 / 1920 * 100vw); left:calc(100 / 1920 * 100vw);}
.pro_alfa_box07 .img{ position: relative; width:calc(980 / 1920 * 100vw); margin:calc(100 / 1920 * 100vw) auto 0;}
.pro_alfa_box07 .img img{ width:100%;}








.messagecon { font-size: 14px; line-height: 24px; margin: 60px 0; }
.messagecon p { margin-bottom: 20px; }
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.main .con .yanzhengma { display: inline; }
.messagebtn.btnon { background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); }


.conbox { display: flex; justify-content: center;  }
.conbox .item { width: 128px; }
.conbox .item a { display: block; width: 100%; text-decoration: none; color: #000; font-size: 18px; }
.conbox .item a:hover { color: #ca1d1e; }
.conbox .item span { display: block; }

.contel { border-top: 1px solid #999; padding-top: 60px; margin-top: 60px; color: #000; text-align: center; display: none; }
.contel.on { display: block; }
.contel .en { font-size: 18px; }
.contel .cn { font-size: 44px; font-family: 'din'; }


.messagefxd { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 19; opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s; }
.messagefxd.on { opacity: 1; visibility: visible; }
.messagefxd .mfxdbg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(237,240,241,.95); }
.messagefxd .mfxdbox { position: fixed; top: 30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 30px; background: #fff; padding: 50px 20px; width: 100%; max-width: 950px; overflow-y: auto; }
.messagefxd .mfxdbox .hd { position: relative; padding: 30px 0; }
.messagefxd .mfxdbox .hd .nam { font-size: 44px; color: #b9bcbf; text-align: center; }
.messagefxd .mfxdbox .hd .clo { font-size: 44px; color: #b9bcbf; position: absolute; right: 20px; top: 0; text-decoration: none; }
.messagefxd .mfxdbox .bd { width: 100%; max-width: 600px; margin: 0 auto; }
.messagefxd .mfxdbox .bd .item { margin-bottom: 20px; display: flex; }
.messagefxd .mfxdbox .bd .item .it { flex: 1; margin-right: 20px; }
.messagefxd .mfxdbox .bd .item .it:last-child { margin-right: 0; }
.messagefxd .mfxdbox .bd .item .ih { font-size: 14px; font-weight: bold; line-height: 30px; }
.messagefxd .mfxdbox .bd .item .ipt { font-size: 16px; line-height: 40px; box-sizing: border-box; width: 100%; border: 1px solid #dedede; padding: 0 20px; }
.messagefxd .mfxdbox .bd .item .txta { font-size: 16px; line-height: 30px; box-sizing: border-box; width: 100%; border: 1px solid #dedede; padding: 10px 20px; }
.messagefxd .mfxdbox .bd .item:last-child { margin-bottom: 0; }
.messagefxd .mfxdbox .bd .btn { border: 0; width: 210px; line-height: 60px; border-radius: 30px; background: #323237; color: #fff; font-weight: bold; cursor: pointer; font-size: 20px; font-style: italic; letter-spacing: 1px; margin: 20px auto 0; }

/*首页新闻*/
.homebox04{ padding:60px 0;}
.hnews_title{ text-align:center; font-size:30px; margin-bottom:30px;}
.hnews_box{
	display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
}
.hnews_box .newslist-item {
    display: flex;
    justify-content: space-between;
    transition: all .3s;
	box-sizing: border-box;
    padding: 30px;
    border: 1px solid #dedede;
    flex-direction: column;
    background-color: #fff;
}
.hnews_box .newslist-item .newslist-inf {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.hnews_box .newslist-item .newslist-inf .newslist-con {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.hnews_box .newslist-item .newslist-inf .newslist-sub {
    margin-bottom: 16px;
    font-size: 14px;
    color: #999;
    display: flex;
    align-items: center;
}
.hnews_box .newslist-item .newslist-inf .newslist-sub a {
    display: block;
    color: #999;
    text-decoration: none;
}
.hnews_box .newslist-item .newslist-inf .newslist-tit {
    font-size: 22px;
    font-weight: 500;
}
.hnews_box .newslist-item .newslist-inf .newslist-tit a {
    color: #333;
    transition: all .3s;
	text-decoration: none;
}
.hnews_box .newslist-item .newslist-inf .newslist-txt {
    margin-top: 16px;
    color: #666;
    font-size: 16px;
    line-height: 1.6;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-all;
    -webkit-line-clamp: 2;
}
.hnews_box .newslist-item .newslist-inf .newslist-tool {
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
}
.hnews_box .newslist-item .newslist-inf .newslist-tool a {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../img/hb01img01.png) no-repeat center;
}
.hnews_box .newslist-item .newslist-inf .newslist-tool a.newslist-tool-fl {
    background-image: url(../img/hb01img01.png);
}
.hnews_box .newslist-item .newslist-inf .newslist-tool a.newslist-tool-fr {
    background-image: url(../img/hb01img02.png);
}
.hnews_box .newslist-item:hover {
    box-shadow: 0 16px 20px rgba(0,0,0,0.1);
    transform: translateY(-5px);
}
.hnews_box .newslist-item:hover .newslist-inf .newslist-tit a {
    color: #de0000;
}
.hnews_more{
	display: flex;
    justify-content: center;
    align-content: center;
	margin-top: 30px;
}
.hnews_more a{
	display: inline-block;
    background: #333;
    color: #fff;
    padding: 10px 30px;
    border-radius: 30px;
    text-decoration: none;
}
.hnews_more a:hover{ background:#cd1a1c;}
/*新闻*/
.newslist{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
}
.newslist .newslist-item {
    display: flex;
    justify-content: space-between;
    transition: all .3s;
	box-sizing: border-box;
    padding: 30px;
    border: 1px solid #dedede;
    flex-direction: column;
    background-color: #fff;
}
.newslist .newslist-item .newslist-inf {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.newslist .newslist-item .newslist-inf .newslist-con {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.newslist .newslist-item .newslist-inf .newslist-sub {
    margin-bottom: 16px;
    font-size: 14px;
    color: #999;
    display: flex;
    align-items: center;
}
.newslist .newslist-item .newslist-inf .newslist-sub a {
    display: block;
    color: #999;
    text-decoration: none;
}
.newslist .newslist-item .newslist-inf .newslist-tit {
    font-size: 22px;
    font-weight: 500;
}
.newslist .newslist-item .newslist-inf .newslist-tit a {
    color: #333;
    transition: all .3s;
	text-decoration: none;
}
.newslist .newslist-item .newslist-inf .newslist-txt {
    margin-top: 16px;
    color: #666;
    font-size: 16px;
    line-height: 1.6;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-all;
    -webkit-line-clamp: 2;
}
.newslist .newslist-item .newslist-inf .newslist-tool {
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
}
.newslist .newslist-item .newslist-inf .newslist-tool a {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../img/hb01img01.png) no-repeat center;
}
.newslist .newslist-item .newslist-inf .newslist-tool a.newslist-tool-fl {
    background-image: url(../img/hb01img01.png);
}
.newslist .newslist-item .newslist-inf .newslist-tool a.newslist-tool-fr {
    background-image: url(../img/hb01img02.png);
}
.newslist .newslist-item:hover {
    box-shadow: 0 16px 20px rgba(0,0,0,0.1);
    transform: translateY(-5px);
}
.newslist .newslist-item:hover .newslist-inf .newslist-tit a {
    color: #de0000;
}


/*新闻详情*/
.newsmain {
    display: flex;
	margin:60px 0;
}
.newsitem {
    flex: 1;
    padding: 40px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    min-height: 50vh;
}
.newsitem .nhd {
    border-bottom: 1px solid #dedede;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.newsitem .nhd .tit {
    font-size: 28px;
    line-height: 1.2;
    font-weight: bold;
}
.newsitem .nhd .tim {
    margin-top: 20px;
    font-size: 16px;
    color: #999;
}
.newsitem .nhd .tim span {
    margin-right: 30px;
}
.newsitem .content {
    font-size: 18px;
    line-height: 1.8;
    color: #333;
}
.newsitem .content p {
}
.newsitem .mor {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #dedede;
    line-height: 2;
    font-size: 16px;
}
.newside {
    width: 380px;
    margin-left: 30px;
    box-sizing: border-box;
    padding: 38px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.newside .tuibox .hd {
    font-size: 30px;
    font-weight: 700;
    color: #333;
}
.newside .tuibox .bd .item {
    padding: 20px 0;
    border-bottom: 1px solid #dedede;
}
.newside .tuibox .bd .item .inf {
    margin-top: 10px;
}
.newside .tuibox .bd .item .inf .nam {
    font-size: 16px;
}


@media (max-width: 1440px) {
    .wrapper { width: 100%; box-sizing: border-box; padding: 0 20px; }

}
@media (max-width: 800px) {
    .header .tool { display: none; }

    .header .menu { display: block; float: right; font-size: 14px; font-weight: bold; color: #fff; background: url(../img/menuicon.png) no-repeat left center; padding-left: 46px; line-height: 40px; margin-top: 0; height: 40px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
	.header .menu.on { background-image: url(../img/menuicons.png); }




    .header .nav { position: fixed; display: block; top: 75px; left: 0; right: 0; z-index: 9; background: rgba(255,255,255,.8); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); bottom: 0; padding: 20px; visibility: hidden; opacity: 0; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translateY(-10px); transform: translateY(-10px); overflow-y: auto; }
	.header .nav .nli { padding: 5px 0; display: block; border-bottom: 1px solid rgba(255,255,255,.1); }
	.header .nav .nli:hover .sub { display: block; }
	.header .nav.on { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

    .bannerbox { height: 40vh; }
    .bannerslide { bottom: 60vh; }

    
    .bannerslide .swiper-slide .txt { font-size: 24px; left: 20px; width: 50%; }

    .homemain { padding: 30px 0; }
    .homebox01 .title { font-size: 24px; margin-bottom: 20px; }
    .homebox01 .list .item { width: 50%; }
    .homebox01 .list .item:last-child { margin-left: 25%; }
    .homebox01 .list .item .inf .txt { display: none; }
    .homebox01 .list .item .img { width: 100%; }
    .homebox01 .list .item .inf .nam { font-size: 16px; }

    .footer .list { display: none; }
    .footer { padding: 0; }

    .homebox03 { margin-top: 30px; }
    .homebox03 .nam { width: 100%; float: none; font-size: 18px; padding-top: 0; }
    .homebox03 .nam br { display: none; }
    .homebox03 .img { width: 100%; float: none; margin-top: 30px; }


	.messagetarea { width: 90%; margin: 0 auto; display: block; }
	.messagetit { text-align: center; margin-top: 5px; font-size: .75rem; }
	.messageinput { width: 90%; margin: 0 auto; display: block; margin-bottom: 5px; }
	.yanzhengma { display: block; width: 20%; margin: 20px auto; }
	.messagebtn { margin: 5px auto 0; width: 80%; display: block; }
	.messagebtn.btnon { width: 80%; }

    .newslist .item { width: 100%; float: none; margin-right: 0; }
	.newslist .item .name { height: auto; }


    .newsbackline ul li a { width: 100%; }
	.newstitle { font-size: 22px; }
	.contitle { font-size: 22px; }


    .homebox02 .img { width: 100%; float: none; }
    .homebox02 .inf { width: 100%; float: none; padding: 20px; }
    .homebox02 .inf .txt { -webkit-line-clamp: 6; }


    .header .nav.on .nul .sul { text-align: left; }
    .header .nav.on .nul .sub { position: relative; top: 0; opacity: 1; visibility: visible; box-shadow: none; padding: 20px 0; z-index: 3; overflow-x: auto; text-align: left; }
    .header .nav.on .nul .sul .sli { width: 33.33333%;box-sizing: border-box; text-align: center; }

    .innav .hd { display: none; }
    .innav .bd { margin-left: 0; }

    .inbanner { height: 200px; }
    .inbanner .con .cn { font-size: 26px; }
    .aboutbox01 { margin: 30px 0; width: 100%; }
    .aboutbox02 { padding: 60px 0; }
    .aboutbox02 .txt { width: 100%; }
    .aboutbox02 .img { width: 100%; }
    .aboutbox04 img { width: 100%; }
    .aboutbox04 { padding-top: 20px; }
    .aboutbox03 { padding: 30px 0; }
    .aboutbox03 img { width: 50%; }

    .contactbigbox { margin: 30px 0; }
    .contactbigbox .con { width: 100%; float: none; padding: 40px 30px; }
    .contactbigbox .con h3 { font-size: 18px; }
    .contactbigbox .con p br { display: none; }
    .contactbigbox .img { width: 100%; float: none; padding: 20px; }
    .contactbigbox .img .qr { width: 120px; }
    


    .pbox { height: 600px; }
    .pbox .bg { top: 0; bottom: 0; }
    .pbox .bg img { height: 100%; }
    

    .pro01box01 .nam { font-size: 50px; top: 20%; right: 0; text-align: center; font-weight: bold; }
    .pro01box01 .img { right: 10%; left: -20%; }
    .pro01box01 .img img { width: 100%; display: block; }

    .pro01box02 { height: 220px; }
    .pro01box02 .nam { font-size: 16px; right: 6%; top: 14%; }
    .pro01box02 .txt { font-size: 12px; right: 6%; top: 24%; }

    .pro01box03 .img { left: 10%; right: -20%; top: 14%; }
    .pro01box03 .img img { width: 100%; display: block; }
    .pro01box03 .img .light { width: 21%; }
    .pro01box03 .img img { width: 100%; display: block; }
    .pro01box03 .list { bottom: 10%; }
    .pro01box03 .list .item .txt { font-size: 14px; }
    .pro01box03 .list .item .num { font-size: 14px; }
    .pro01box03 .list .item .num strong { font-size: 30px; }

    .pro01box04 { height: 300px; }
    .pro01box04 .cover { top: 0; bottom: 0; }
    .pro01box04 .cover img { display: block; height: 100%; }


    .pro01box05 { height: 400px; }
    .pro01box05 img { display: block; width: 100%; }
    .pro01box05 .img01 { width: 50%; left: 5%; top: 14%; }
    .pro01box05 .img02 { width: 50%; right: 5%; }
    .pro01box05 .img03 { width: 40%; left: 8%; top: 48%; }
    .pro01box05 .img04 { width: 40%; right: 8%; top: 46%; }

    .pro01box06 { height: 620px; }
    .pro01box06 .list { grid-template:  "A C" 140px "A E" 140px  "D E" 140px  "B B" 140px / .5fr .5fr; margin: 20px 0; }

    .pro01box07 { height: auto; }
    .pro01box07 .img { float: none; width: 100%; }
    .pro01box07 .img img { width: 80%; }
    .pro01box07 .inf { float: none; width: 100%; padding-top: 40px; margin-top:40px;}
    .pro01box07 .inf .nam { font-size: 30px; font-weight: bold; }
    .pro01box07 .inf .nul { margin: 20px 0; }
    .pro01box07 .inf .nul .nli { font-size: 16px; }

    .pro01box08 { height: auto; }
    .pro01box08 .item { width: 50%; }

    .pro01box09 { height: auto; padding-top: 30px; }
    .pro01box09 .nam { font-size: 18px; }
    .pro01box05 span { font-size: 10px; margin-top: 5px; }


    .pro02box00 { height: auto; }
    .pro02box00 .bg { display: none; }
    .pro02box00 .bgs { display: block; }
    .pro02box00 .bgs img { width: 100%; display: block; }

    .pro02box01 { height: 500px; }
    .pro02box01 .bg { left: 30%; }
    .pro02box01 .cover { top: 0; bottom: 0; left: 30%; }
    .pro02box01 .cover img { height: 100%; }
    .pro02box01 .inf { top: 10%; right: 0; text-align: center; }
    .pro02box01 .inf .nam { font-size: 30px; }
    .pro02box01 .img { width: 105%; right: 5%; }
    .pro02box01 .img img { display: block; width: 100%; }

    .pro02box03 { height: 500px; }
    .pro02box03 .img { left: 8%; right: 8%; bottom: 5%; }
    .pro02box03 .img img { display: block; width: 100%; }

    .pro02box03 .inf .num { font-size: 100px; }
    .pro02box03 .inf { top: 5%; right: 0; left: 0; text-align: center; }
    .pro02box03 .inf .num strong { float: none; }
    .pro02box03 .inf .num .s { font-size: 30px; }
    .pro02box03 .city { top: 0; }
    .pro02box03 .city .cimg img { height: 370px; }

    .pro02box04 .nam { font-size: 18px; }
    .pro02box04 { padding: 30px 0; height: auto; }
    .pro02box04 .list { width: 100%; }

    .pro02box05 { height: 500px; }
    .pro02box05 .inf { padding-top: 50px; }
    .pro02box05 .inf .nam { font-size: 22px; }
    .pro02box05 .inf .nam br { display: none; }
    .pro02box05 .list { bottom: 10%; }
    .pro02box05 .list .item .txt { font-size: 14px; }
    .pro02box05 .list .item .num { font-size: 14px; }
    .pro02box05 .list .item .num strong { font-size: 30px; }
	
	.pro_e6_box01{ height:750px;}
	.pro_e6_box01 .nam{ top:40px; font-size:120px;}
	.pro_e6_box01 .nam2{ top:180px; font-size:20px;}
	.pro_e6_box01 .img{ top:240px; left:0; width:100%;}
	.pro_e6_box01 .img img{ max-width:100%;}
	.pro_e6_box01 .img2{ display:none;}
	.pro_e6_box02 .nam{ font-size: 30px;}
    .pro_e6_box03{ height:450px;}
	.pro_e6_box03 .nam{ font-size: 30px;}
	.pro_e6_box03 .bg{ left:0;}
	.pro_e6_box04 .nam{ font-size: 30px; margin: 30px 0 0;}
	.pro_e6_box04 { height:300px;}
	.pro_e6_box05{ height:400px;}
	.pro_e6_box05 .wrapper{ text-shadow:0 0 5px #fff;}
	.pro_e6_box05 .nam{ margin-top:30px;}
	.pro_color .swiper-pagination{ bottom:-50px;}
	
	.pro_n12_box01{ height:500px;}
	.pro_n12_box01 .nam{ top:20px; font-size:100px; left:0; width:100%; text-align:center;}
	.pro_n12_box01 .img{ top:140px; left:0; width:100%;}
	.pro_n12_box01 .img img{ max-width:100%;}
	.pro_n12_box02{ height:320px;}
	.pro_n12_box02 .nam{ font-size:28px; margin:50px 0 0;}

    .pro_n12_box03 .list { bottom: 10%; }
    .pro_n12_box03 .list .item .txt { font-size: 14px; }
    .pro_n12_box03 .list .item .num { font-size: 14px; }
    .pro_n12_box03 .list .item .num strong { font-size: 30px; }

	.pro_n12_box04{ height:auto; padding-bottom:20px;}
	.pro_n12_box04 .nam{ margin: 30px 0; font-size:28px; left:0; width:100%; text-align:center;}
	.pro_n12_box04 .list .item{ width:48%; margin-right:4%;}
	.pro_n12_box04 .list .item:nth-child(2n){ margin-right:0;}
	
	.pro_n12_box05{ height:400px;}
	.pro_n12_box05 .nam{ font-size:28px; margin:80px 0 0;}
	
	.pro_n12_box06{ height:500px;}
	.pro_n12_box06 .img{ width:100%; left:0; position:relative;}
	.pro_n12_box06 .img img{ width:100%;}
	.pro_n12_box06 .img2{ width:100%; left:0; top:150px;}
	.pro_n12_box06 .img2 img{ width:100%;}
	.pro_n12_box06 .nam{ font-size:28px; position:relative; top:0; margin:30px 0;}
	.pro_n12_box08{ display:none;}

	.pro_kudou_box01 .nam{ position:relative; text-align:center; right:auto; top:auto; margin-top:80px;}
	.pro_kudou_box01 .img{ position:relative; left:auto; bottom:auto;}
	.pro_kudou_box01 .img img{ max-width:100%;}
	.pro_kudou_box02{ height:auto;}
	.pro_kudou_box02 .img{ display:none;}
	.pro_kudou_box02 .img2{ position:relative; right:auto; bottom:auto; margin-top:50px; margin-bottom:30px;}
	.pro_kudou_box02 .img2 img{ max-width:100%;}
	.pro_kudou_box02 .nam{ font-size:30px; padding-top:50px;}
	.pro_kudou_box03{ height:auto;}
	.pro_kudou_box03 .img{ position:relative; left:auto; bottom:auto;}
	.pro_kudou_box03 .img img{ max-width:100%; margin-top:50px;}
	.pro_kudou_box03 .list{ position:relative; left:auto; bottom:auto; margin:0 auto 50px; width:100%; top:o; margin-top:50px;}
	.pro_kudou_box03 .list .item .num strong{ font-size:30px;}
	.pro_kudou_box04{ padding:50px 0; height:auto;}
	.pro_kudou_box04 .nam{ font-size:30px;}
	.pro_kudou_box04 .list .item{ margin-right:0;}
	.pro_kudou_box05{ height:300px;}
	.pro_kudou_box05 .bg{ height:100%;}
	.pro_kudou_box05 .nam{ display:none;}
	.pro_kudou_box05 .bg{ position:relative; left:0; transform:none;}
	.pro_kudou_box05 .bg img{ height:100%;}
	.pro_kudou_box06{ height:400px;}
	.pro_kudou_box06 .nam{ font-size:30px; margin-top:50px;}
	.pro_kudou_box06 .nam2{ font-size:30px;}
	
	.pro_g5_box01{ height:500px;}
	.pro_g5_box01 .bg{ left:40%;}
	.pro_g5_box01 .nam{ font-size:100px; right:auto; top:50px;}
	.pro_g5_box02 .nam{ font-size:150px; left:50px; top:auto;}
	.pro_g5_box02 .img{ position:relative; right:auto; bottom:auto; margin-top:200px;}
	.pro_g5_box02 .img img{ width:100%;}
	.pro_g5_box02 .img2{ display:none;}
	.pro_g5_box03{ height:auto;}
	.pro_g5_box03 .nam{ padding-top:0; margin-top:50px; font-size:30px;}
	.pro_g5_box03 .img{ position:relative; left:auto; bottom:auto; margin:30px 0;}
	.pro_g5_box03 .img img{ width:100%;}
	.pro_g5_box03 .list{ width:100%; position:relative; left:auto; bottom:auto; margin-bottom:30px;}
	.pro_g5_box03 .list .item{ padding:10px 0;}
	.pro_g5_box03 .list .item .num strong{ font-size:30px;}
	.pro_g5_box04{ height:auto;}
	.pro_g5_box04 .nam{ font-size:30px; margin:0 0 30px;}
	.pro_g5_box04 .list{ width:100%;}
	.pro_g5_box04 .list .item,.pro_g5_box04 .list .item:nth-child(3),.pro_g5_box04 .list .item:nth-child(4){ float:none; width:100%; margin-right:0;}
	.pro_g5_box04 .list .item p{ height:auto; padding:20px 0;}
	.pro_g5_box05{ height:300px;}
	.pro_g5_box05 .nam{ top:100px; font-size:20px;}
	.pro_g5_box06{ height:300px;}
	.pro_g5_box06 .nam{ font-size:30px; position:relative; left:auto; top:auto; text-align:center; margin-top:30px;}
	.pro_g5_box07{ height:300px;}
	.pro_g5_box07 .nam{ font-size:25px; position:relative; left:auto; top:auto; text-align:center; margin-top:30px; padding:0}

	.pro_e2_box01 .nam{ position:relative; right:0; top:0; text-align:center; margin-top:100px; font-size:80px;}
	.pro_e2_box01 .img{ padding-top:80px;}
	.pro_e2_box01 .img img{ width:100%;}
	.pro_e2_box02 .img{ display:none;}
	.pro_e2_box02 .img2{ position:relative; right:0; bottom:0; margin-top:50px;}
	.pro_e2_box02 .img2 img{ width:100%;}
	.pro_e2_box02 .nam{ position:relative; left:0; top:0; font-size:30px; text-align:center; margin-top:40px;}
	.pro_e2_box03 .img img{ width:80%;}
	.pro_e2_box03 .list{ margin:30px auto; width:100%;}
	.pro_e2_box03 .list .item .num strong{ font-size:30px;}
	.pro_e2_box04{ height:auto;}
	.pro_e2_box04 .nam{ font-size:30px; margin:30px 0;}
	.pro_e2_box04 .list img{ width:100%;}
	.pro_e2_box05 .img{ width:100%;}
	.pro_e2_box05 .img img{ width:100%;}
	.pro_e2_box05 .nam{ left:0; font-size:30px; top:auto; bottom:80px; padding:0 20px;}
	.pro_e2_box06 .nam{ font-size:30px;}
	
	.pro_gw_box01 .nam{ position:relative; right:0; top:0; text-align:center; margin-top:100px; font-size:80px;}
	.pro_gw_box01 .img{ padding-top:80px;}
	.pro_gw_box01 .img img{ width:100%;}	
	.pro_gw_box02 .nam{ position:relative; right:0; top:0; text-align:center; margin-top:100px; font-size:30px;}
	.pro_gw_box02 .img{ padding-top:50px;}
	.pro_gw_box02 .img img{ width:100%;}
	.pro_gw_box03 .img{ margin-top:50px;}
	.pro_gw_box03 .img img{ width:60%;}
	.pro_gw_box03 .list{ width:90%; margin:20px auto;}
	.pro_gw_box03 .list .item .num strong{ font-size:30px;}
	.pro_gw_box04{ height:auto;}
	.pro_gw_box04 .nam{ font-size:30px;}
	.pro_gw_box04 .list{ width:100%; display:block;}
	.pro_gw_box04 .list img,.pro_gw_box04 .list p{ width:100%;}
	.pro_gw_box04 .list p{ padding:30px 10px; font-size:24px; text-align:center;}
	.pro_gw_box05 .bg{ width:100%;}
	.pro_gw_box05 .img{ width:100%;}
	.pro_gw_box05 .img img{ width:100%;}
	.pro_gw_box05 .nam{ left:0; font-size:30px; top:auto; bottom:80px; padding:0 20px;}
	.pro_gw_box06{ height:500px;}
	.pro_gw_box06 .nam{ font-size:30px;}
	.pro_gw_box07 .bg{ width:100%;}
	.pro_gw_box07 .img{ width:100%;}
	.pro_gw_box07 .img img{ width:100%;}
	.pro_gw_box07 .nam{ font-size:30px; width:90%; right:5%;}
	.pro_gw_box08 .bg{ width:100%;}
	.pro_gw_box08 .img{ width:100%;}
	.pro_gw_box08 .img img{ width:100%;}
	.pro_gw_box08 .nam{ font-size:30px; width:90%; left:5%;}
	
	.pro_by_box01 .nam{ font-size:80px;}
	.pro_by_box01 .img{ display:none;}
	.pro_by_box01 .img2{ width:80%; right:10%; top:180px;}
	.pro_by_box01 .img2 img{ width:100%;}
	.pro_by_box02{ height:auto;}
	.pro_by_box02 .bg{ height:150%;}
	.pro_by_box02 .nam{ font-size:40px; padding-top:50px; margin-bottom:20px;}
	.pro_by_box02 .img{ position:relative; width:80%; left:0; margin-left:10%; bottom:auto;}
	.pro_by_box02 .img img{ width:100%;}
	.pro_by_box02 .img2{ position:relative; width:80%; left:0; margin-left:10%; bottom:auto; margin-left:0;}
	.pro_by_box02 .img2 img{ width:100%;}
	.pro_by_box02 .img3{ position:relative; width:80%; left:0; margin-left:10%; bottom:auto;}
	.pro_by_box02 .img3 img{ width:100%;}
	.pro_by_box03{ height:auto;}
	.pro_by_box03 .list{ position:relative; width:100%; top:20px;}
	.pro_by_box03 .list .item{ width:115px; height:115px; padding-top:25px;}
	.pro_by_box03 .img{ position:relative; width:80%; left:0; margin-left:10%; bottom:auto; margin-top:30px;}
	.pro_by_box03 .img img{ width:100%;}
	.pro_by_box03 .list .item .num strong{ font-size:20px;}
	.pro_by_box03 .list .item .txt{ font-size:12px;}
	.pro_by_box04{ height:auto;}
	.pro_by_box04 .nam{ font-size:40px;}
	.pro_by_box04 .img{ width:100%;}
	.pro_by_box04 .img img{ width:100%;}
	.pro_by_box05{ height:auto;}
	.pro_by_box05 .nam{ position:relative; font-size:24px; top:0; left:0; margin:20px 0; text-align:center;}
	.pro_by_box05 .img{ position:relative; width:80%; left:0; margin-left:10%; bottom:auto; text-align:center;}
	.pro_by_box05 .img img{ width:100%;}
	.pro_by_box06 .nam{ font-size:30px; margin:30px 0 0;}
	.pro_by_box06{ height:350px;}
	.pro_by_box07{ height:auto;}
	.pro_by_box07 .nam{ position:relative; font-size:24px; top:0; left:0; margin:20px 0; text-align:center;}
	.pro_by_box07 .img{ position:relative; width:80%; left:0; margin-left:10%; bottom:auto; text-align:center;}
	.pro_by_box07 .img img{ width:100%;}
	
	.pro_apple_box01{ height:auto;}
	.pro_apple_box01 .nam{ font-size:40px; position:relative; left:0; top:0; text-align:center; margin:80px 0 30px;}
	.pro_apple_box01 .img{ position:relative; width:80%; left:0; margin-left:10%; bottom:auto;}
	.pro_apple_box01 .img img{ width:100%;}
	.pro_apple_box01 .img2{ position:relative; width:80%; left:0; margin-left:10%; bottom:auto;}
	.pro_apple_box01 .img2 img{ width:100%;}
	
	.pro_apple_box02{ height:auto;}
	.pro_apple_box02 .nam{ font-size:40px; position:relative; left:0; top:0; text-align:center; margin:50px 0 30px;}
	.pro_apple_box02 .img{ position:relative; width:80%; left:0; margin-left:10%; bottom:auto;}
	.pro_apple_box02 .img img{ width:100%;}
	.pro_apple_box02 .img2{ position:relative; width:80%; left:0; margin-left:10%; bottom:auto;}
	.pro_apple_box02 .img2 img{ width:100%;}
	.pro_apple_box02 .img3{ position:relative; width:80%; left:0; margin-left:10%; bottom:auto;}
	.pro_apple_box02 .img3 img{ width:100%;}
	
	.pro_apple_box03 .img{ position:relative; width:80%; margin-left:10%; left:0; bottom:auto; margin-top:50px;}
	.pro_apple_box03 .img img{ width:100%;}
	.pro_apple_box03 .list{ position:relative; width:90%; left:0; right:0; top:auto; margin-left:5%;}
	.pro_apple_box03 .nam{ font-size:30px; margin:30px 0;}
	.pro_apple_box03 .list .item .num strong{ font-size:20px;}
	.pro_apple_box03 .list .item .txt{ font-size:12px;}
	.pro_apple_box04{ height:auto;}
	.pro_apple_box04 .nam{ position:relative; font-size:24px; top:0; left:0; margin:40px 0 20px; text-align:center; padding-top:0;}
	.pro_apple_box04 .img{ position:relative; width:80%; left:10%; bottom:auto; text-align:center; margin-bottom:30px;}
	.pro_apple_box04 .img img{ width:100%;}
	.pro_apple_box05 .nam{ font-size:30px; margin:30px 0 0; padding-top:0;}
	.pro_apple_box05{ height:350px;}
	.pro_apple_box06{ height:auto;}
	.pro_apple_box06 .nam{ position:relative; font-size:24px; top:0; left:0; margin:40px 0 20px; padding-left:0; padding-top:0;}
	.pro_apple_box06 .img{ position:relative; width:80%; left:0; margin-left:10%; bottom:auto; padding-left:0; margin-bottom:30px;}
	.pro_apple_box06 .img img{ width:100%;}
	.pro_apple_box07{ height:auto; padding:0;}
	.pro_apple_box07 .nam{ position:relative; font-size:24px; top:0; left:0; margin:40px 0 20px; text-align:center; padding-top:0;}
	.pro_apple_box07 .img{ position:relative; width:80%; left:10%; bottom:auto; text-align:center; margin-bottom:30px;}
	.pro_apple_box07 .img img{ width:100%;}
	
	.pro_n19_box01{ height:auto}
	.pro_n19_box01 .nam{ position:relative; font-size:40px; top:0; left:0; margin:150px 0 80px; text-align:center; padding-top:0; padding-left:0;}
	.pro_n19_box01 .img{ position:relative; width:80%; left:10%; bottom:auto; text-align:center; margin-bottom:30px;}
	.pro_n19_box01 .img img{ width:100%;}
	
	.pro_n19_box02{ height:auto;}
	.pro_n19_box02 .nam{ font-size:30px; position:relative; left:0; top:0; text-align:center; margin:50px 0 30px;}
	.pro_n19_box02 .img{ position:relative; width:80%; left:0; top:0; margin-left:10%; bottom:auto;}
	.pro_n19_box02 .img img{ width:100%;}
	.pro_n19_box02 .img2{ position:relative; width:80%; left:0; top:0; bottom:auto; margin:30px 0 30px 10%;}
	.pro_n19_box02 .img2 img{ width:100%;}
	
	.pro_n19_box03{ height:auto;}
	.pro_n19_box03 .list{ position:relative; width:90%; top:0; bottom:auto; left:0; right:auto; margin-left:5%; box-sizing:border-box; margin-top:30px;}
	.pro_n19_box03 .list .item .num strong{ font-size:20px;}
	.pro_n19_box03 .list .item .txt{ font-size:12px;}
	.pro_n19_box03 .img{ position:relative; width:80%; left:0; top:0; margin-left:10%; bottom:auto;}
	.pro_n19_box03 .img img{ width:100%;}
	.pro_n19_box03 .img2{ position:relative; width:80%; left:0; top:0; bottom:auto; margin:30px 0 30px 10%;}
	.pro_n19_box03 .img2 img{ width:100%;}
	
	.pro_n19_box04{ padding:30px 0; height:auto;}
	.pro_n19_box04 .nam{ font-size:30px;}
	.pro_n19_box04 .list{ width:100%;}
	.pro_n19_box04 .list .item{ width:100%; float:none; margin-right:0;}
	.pro_n19_box05{ height:auto; padding:30px 0;}
	.pro_n19_box05 .nam{ font-size:30px; position:relative; left:0; top:0; text-align:center; margin-bottom:30px;}
	.pro_n19_box05 .img{ position:relative; width:100%; left:0; top:0; bottom:auto;}
	.pro_n19_box05 .img img{ width:100%;}

	.pro_n19_box06{ height:400px;}
	.pro_n19_box06 .nam{ font-size:18px; position:relative; left:0; top:0; text-align:center; margin:50px 0 30px; padding-top:0}
	.pro_n19_box06 .img{ position:relative; width:80%; left:0; top:0; margin-left:10%; bottom:auto;}
	.pro_n19_box06 .img img{ width:100%;}

	.pro_n19_box07{ padding:30px 0; height:auto;}
	.pro_n19_box07 .list{ width:100%;}
	.pro_n19_box07 .list .item{ width:100%;}
	.pro_n19_box07 .list .item img{ width:100%;}
	.pro_n19_box07 .list .item p{ padding:20px; font-size:18px;}
	.pro_c_n19{ width:100% !important;}
	.pro01box08 .n19list .item{ width:50%;}
	
	.pro_anne_box01{ height:auto;}
	.pro_anne_box01 .img{ position:relative; width:80%; left:0; margin-left:10%; bottom:auto; margin-top:50px;}
	.pro_anne_box01 .img img{ width:100%;}
	.pro_anne_box01 .img2{ position:relative; width:80%; left:0; margin-left:10%; bottom:auto;}
	.pro_anne_box01 .img2 img{ width:100%;}
	.pro_anne_box01 .img3{ position:relative; width:80%; left:0; margin-left:10%; bottom:auto;}
	.pro_anne_box01 .img3 img{ width:100%;}
	
	.pro_anne_box02{ height:auto;}
	.pro_anne_box02 .nam{ font-size:40px; position:relative; left:0; top:0; text-align:center; margin:50px 0 30px;}
	.pro_anne_box02 .img{ position:relative; width:80%; left:0; margin-left:10%; bottom:auto;}
	.pro_anne_box02 .img img{ width:100%;}
		
	.pro_anne_box03{ height:auto;}
	.pro_anne_box03 .nam{ font-size:30px; position:relative; left:0; top:0; text-align:center; margin:50px 0 30px;}
	.pro_anne_box03 .nam2{ font-size:20px; }
	.pro_anne_box03 .img{ position:relative; width:100%; margin:0 auto; left:0; bottom:auto;}
	.pro_anne_box03 .img img{ width:100%;}
	
	.pro_anne_box04{ height:auto; padding:30px 0;}
	.pro_anne_box04 .list{ width:100%; padding-top:0;}
	.pro_anne_box04 .list .item .num strong{ font-size:20px;}
	.pro_anne_box04 .list .item .txt{ font-size:12px;}
	.pro_anne_box04 .img{ position:relative; width:80%; left:0; margin-left:10%; bottom:auto; margin-top:50px;}
	.pro_anne_box04 .img img{ width:100%;}
	.pro_anne_box04 .img2{ position:relative; width:80%; left:0; margin-left:10%; bottom:auto;}
	.pro_anne_box04 .img2 img{ width:100%;}
	
	.pro_anne_box05{ padding:30px 0; height:auto;}
	.pro_anne_box05 .list{ width:100%;}
	.pro_anne_box05 .list .item{ width:100%; margin-right:0; margin-bottom:20px;}
	.pro_anne_box05 .list .item .txt{ font-size:18px;}
	
	.pro_anne_box06{ height:auto;}
	.pro_anne_box06 .nam{ font-size:30px; position:relative; left:0; top:0; text-align:center; padding-top:50px;}
	.pro_anne_box06 .img{ position:relative; width:100%; margin:0 auto; left:0; bottom:auto;}
	.pro_anne_box06 .img img{ width:100%;}
	
	.pro_anne_box07{ height:auto;}
	.pro_anne_box07 .nam{ font-size:20px; position:relative; left:0; top:0; text-align:center; padding-top:50px;}
	.pro_anne_box07 .img{ position:relative; width:100%; margin:0 auto; left:0; bottom:auto;}
	.pro_anne_box07 .img img{ width:100%;}
	
	.pro_anne_box08{ height:auto;}
	.pro_anne_box08 .nam{ font-size:20px; position:relative; left:0; top:0; text-align:center; padding-top:50px;}
	.pro_anne_box08 .img{ position:relative; width:100%; margin:0 auto; left:0; bottom:auto; transform: translateX(0);}
	.pro_anne_box08 .img img{ width:100%;}

	.pro_te6_box01 .nam { font-size: 80px; top: 120px; left: 30%; }
	.pro_te6_box01 .img { top: auto; bottom: 50vw; left: 0; }
	.pro_te6_box01 .img2 { top: auto; bottom: 0; right: -5vw; }
	.pro_te6_box01 .img img { width: 80vw; }
	.pro_te6_box01 .img2 img { width: 100vw; }


	.pro_te6_box02 .img { top: auto; top: 30vw; left: -10vw; }
	.pro_te6_box02 .img2 { top: auto; top: 80vw; right: -5vw; }
	.pro_te6_box02 .img img { width: 80vw; }
	.pro_te6_box02 .img2 img { width: 100vw; }
	.pro_te6_box02 .list { margin: 50px auto 0; width: 100%; }
	.pro_te6_box02 .list .item .num strong { font-size: 20px; }
	.pro_te6_box02 .list .item .txt { font-size: 12px; }

	.pro_te6_box03 .img2 { width: 50vw; left: 25vw; bottom: auto; top: 10vw; margin: 0; }
	.pro_te6_box03 .img2 img { width: 100%; }
	.pro_te6_box03 .img { width: 50vw; left: 0; bottom: auto; top: 100vw; margin: 0; }
	.pro_te6_box03 .img img { width: 100%; }
	.pro_te6_box03 .img3 { width: 50vw; right: 0; bottom: auto; top: 100vw; margin: 0; }
	.pro_te6_box03 .img3 img { width: 100%; }

	.pro_te6_box04 .nam { margin: 50px 0 20px; font-size: 30px; }
	.pro_te6_box04 .img img { width: 80vw; }
	.pro_te6_box04 .img img:first-child { margin-right: 0; }
	.pro_te6_box04 .img img:nth-child(3) { width: 38vw; }
	.pro_te6_box04 .img img:nth-child(4) { width: 38vw; }

	.pro_te6_box05 .nam { padding: 20px 20px; font-size: 14px; }
	.pro_te6_box05 .wrapper { width: 100%; }
	.pro_te6_box05 .nam span { font-size: 16px; margin: 5px 10px;}

	.pro_te6_box06 .img { left: 50%; -webkit-transform: translateX(-50%) !important; transform: translateX(-50%) !important; }
	.pro_te6_box06 .nam { right: 10vw; left: 10vw; font-size: 30px; text-align: center; top: 120vw; }
	.pro_te6_box06 .nam span { font-size: 30px; }

	.pro_te6_box07 .nam { font-size: 30px; left: 20px; }
	.pro_te6_box07 .nam span { font-size: 30px; }

	.pro_te6_box08 { height: auto; font-size: 30px; padding: 30px 0; }

	.pro_te6_box09 .img { width: 120vw; }
	.pro_te6_box09 .img img { width: 100%; }
	.pro_te6_box10 .img { width: 120vw; }
	.pro_te6_box10 .img img { width: 100%; }
	.pro_te6_box09 .nam { color: #333; top: 65vw; left: 20px; right: 0; font-size: 26px; }
	.pro_te6_box09 .nam span { font-size: 26px; }
	.pro_te6_box09 { height: 90vw; }
	.pro_te6_box10 .nam { color: #333; top: 65vw; left: 20px; right: 0; font-size: 26px; }
	.pro_te6_box10 .nam span { font-size: 26px; }
	.pro_te6_box10 { height: 90vw; }

	.pro_te6_box04 { height: 160vw; }
	
	.pro_xgg_box01{ height:140vw;}
	.pro_xgg_box01 .img{ width:60vw; top:25vw; left:20vw;}
	.pro_xgg_box01 .img img{ width:100%;}
	.pro_xgg_box01 .img1{ width:80vw; top:50vw; left:10vw;}
	.pro_xgg_box01 .img1 img{ width:100%;}
	.pro_xgg_box01 .img2{ display:none;}
	
	.pro_xgg_box02 ul{ position:relative; top:auto; left:auto; text-align:center; font-size:0; margin:8vw 0;}
	.pro_xgg_box02 ul li{ width:48%; background-size:100% 100%; padding:20px; display:inline-block; margin-right:4%; font-size:14px; margin-bottom:2%;}
	.pro_xgg_box02 ul li p{ font-size:16px;}
	.pro_xgg_box02 ul li:nth-child(2n){ margin-right:0;}
	.pro_xgg_box02 .img1{ width:80vw; top:60vw; left:10vw;}
	.pro_xgg_box02 .img1 img{ width:100%;}
	
	.pro_xgg_box03 .nam{ font-size:20px; padding-top:30px;}
	.pro_xgg_box03 .img1{ position:relative; top:auto; left:auto; text-align:center; margin-top:10vw;}
	.pro_xgg_box03 .img1 img{ width:50%; display:inline-block;}
	.pro_xgg_box03 .img2{ display:none;}
	
	.pro_xgg_box04{ padding:5vw 0; height:auto;}
	.pro_xgg_box04 .nam{ font-size:20px;}
	.pro_xgg_box04 .img{ margin-top:20px;}
	.pro_xgg_box04 .img img{ height:30vw; margin-right:10px; margin-bottom:10px; height:25vw;}
	
	.pro_xgg_box05{ height:auto; padding:5vw 0;}
	.pro_xgg_box05 .nam{ position:relative; top:auto; left:auto; font-size:20px; text-align:center; letter-spacing:0; margin:5vw 0 10vw;}
	.pro_xgg_box05 .img{ position:relative; top:auto; left:auto;}
	.pro_xgg_box05 .img img{ width:100%;}
	
	.pro_xgg_box06{ height:auto;}
	.pro_xgg_box06 .img img{ height:50vw; display:block; margin:0 auto;}
	.pro_xgg_box06 .img2{ bottom:2vw; width:90vw; left:5vw; transform:translateX(0)}
	.pro_xgg_box06 .img2 img{ width:100%;}
	
	.pro_xgg_box07{ height:auto; padding-bottom:5vw;}
	.pro_xgg_box07 .img{ width:100vw; position:relative;}
	.pro_xgg_box07 .img img{ width:70%;}
	.pro_xgg_box07 .nam{ position:relative; top:auto; left:auto; font-size:20px; padding:0 8vw;}
	.pro_xgg_box07 .nam p{ font-size:24px;}
	
	.pro_xgg_box08{ height:auto; padding:5vw 0;}
	.pro_xgg_box08 .nam{ position:relative; top:auto; left:auto; font-size:20px; text-align:center; margin:5vw 0 10vw; padding-top:0;}
	.pro_xgg_box08 .img{ position:relative; bottom:auto; left:auto;}
	.pro_xgg_box08 .img img{ width:100%;}
	
	.pro_xgy_box01{ height:140vw;}
	.pro_xgy_box01 .nam{ width:80vw; top:25vw; left:10vw; font-size:15vw; text-align:center;}
	.pro_xgy_box01 .img1{ display:none;}
	.pro_xgy_box01 .img2{ width:80vw; top:50vw; left:10vw;}
	.pro_xgy_box01 .img2 img{ width:100%;}
	
	.pro_xgy_box02 ul{ position:relative; top:auto; left:auto; text-align:center; font-size:0; margin:8vw 0;}
	.pro_xgy_box02 ul li{ width:48%; background-size:100% 100%; padding:20px; display:inline-block; margin-right:4%; font-size:14px; margin-bottom:2%;}
	.pro_xgy_box02 ul li p{ font-size:16px;}
	.pro_xgy_box02 ul li:nth-child(2n){ margin-right:0;}
	.pro_xgy_box02 .img{ width:80vw; top:55vw; left:10vw;}
	.pro_xgy_box02 .img img{ width:100%;}
	
	.pro_xgy_box03 .nam{ top:25vw; font-size:6vw; text-align:center; padding-top:20px;}
	.pro_xgy_box03 .img{ margin-top:40px;}
	.pro_xgy_box03 .img img{ width:100%;}
	
	.pro_xgy_box04{ height:auto;}
	.pro_xgy_box04 .nam{ padding-top:20px; font-size:6vw;}
	.pro_xgy_box04 .img{ grid-template-areas:'myArea myArea2 myArea2''myArea . .'; grid-gap:5px; margin:20px 0;}
	.pro_xgy_box04 .img img{ width:100%; display:block;}
	
	.pro_xgy_box05{ height:100vw;}
	.pro_xgy_box05 .img{}
	.pro_xgy_box05 .img img{ height:50vw;}
	.pro_xgy_box05 .nam{ font-size:5vw; line-height:2; top:60vw;}
	
	.pro_xgy_box06 .nam{ position:relative; font-size:6vw; text-align:center; padding-top:20px; left:0; top:0;}
	.pro_xgy_box06 .nam p{ font-size:8vw;}
	.pro_xgy_box06 .img{ position:relative; width:100%; top:auto; left:auto; margin-top:5vw;}
	.pro_xgy_box06 .img img{ width:100%;}
	
	.pro_xgy_box07{ height:90vw;}
	.pro_xgy_box07 .nam{ position:relative; font-size:6vw; text-align:center; padding-top:20px; left:0; top:0;}
	.pro_xgy_box07 .nam p{ font-size:8vw;}
	.pro_xgy_box07 .img{ position:relative; width:100%; top:auto; left:auto; margin-top:5vw;}
	.pro_xgy_box07 .img img{ width:100%;}
	
	.pro_v4_box01 .nam{ font-size:60px; margin-top:80px;}
	.pro_v4_box01 .img{ margin-top:-50px;}
	.pro_v4_box01 .img img{ width:100%;}
	
	.pro_v4_box02{ height:auto;}
	.pro_v4_box02 .txt{ position:relative; top:20px; left:0;}
	.pro_v4_box02 .txt .p1{ font-size:24px;}
	.pro_v4_box02 .txt .p2{ font-size:16px; margin:20px 0;}
	.pro_v4_box02 .txt ul li{ width:100%; padding:10px 0;}
	.pro_v4_box02 .txt ul li .p3{ font-size:30px;}
	.pro_v4_box02 .txt ul li .p4{ font-size:16px;}
	.pro_v4_box02 .img{ position:relative; top:0; left:0;}
	.pro_v4_box02 .img img{ width:100%;}
	
	.pro_v4_box03{ height:auto; padding-bottom:30px;}
	.pro_v4_box03 .nam{ font-size:30px; margin-top:20px;}
	.pro_v4_box03 .img{ margin-top:30px;}
	.pro_v4_box03 .img img{ width:100%;}
	
	.pro_v4_box04{ padding:20px 0; height:auto;}
	.pro_v4_box04 .nam{ font-size:30px;}
	.pro_v4_box04 ul{ padding:0; margin-top:20px;}
	.pro_v4_box04 ul li{ display:block;}
	.pro_v4_box04 ul li img{ width:100%;}
	.pro_v4_box04 ul li div{ width:100%; padding:20px; box-sizing:border-box; font-size:24px;}
	
	.pro_v4_box05{ height:400px;}
	.pro_v4_box05 .nam{ font-size:30px; padding-top:30px;}
	.pro_v4_box05 .nam2{ font-size:16px;}
	.pro_v4_box05 .img img{ width:100%;}
	
	.pro_v4_box06{ height:400px;}
	.pro_v4_box06 .nam{ font-size:30px; padding-top:30px;}
	.pro_v4_box06 .img img{ width:100%;}
	
	.pro_v4_box07{ padding:20px 0; height:auto;}
	.pro_v4_box07 ul{ padding:0;}
	.pro_v4_box07 ul li{ display:block;}
	.pro_v4_box07 ul li img{ width:100%;}
	
	.pro_v4_box08{}
	.pro_v4_box08 .nam{ font-size:30px; padding-top:20px;}
	.pro_v4_box08 .img{ top: 100px; left: 80px; right: 80px;}
	.pro_v4_box08 .img img{ width:100%;}
	.pro_v4_box08 .img2{ left: 80px; right: 80px;}
	.pro_v4_box08 .img2 img{ width:100%;}
	
	.pro_eb09_box01 .nam{ position:relative; font-size:40px; top:auto; left:auto; margin-top:80px;}
	.pro_eb09_box01 .nam span{ font-size:24px;}
	.pro_eb09_box01 .img{ position:relative; top:0; left:0; text-align:center;}
	.pro_eb09_box01 .img img{ width:80%; margin-top:30px;}
	
	.pro_eb09_box02{ height:auto; padding:40px 0;}
	.pro_eb09_box02 ul{ flex-wrap:wrap;}
	.pro_eb09_box02 ul li{ width:50%; margin-bottom:20px;}
	.pro_eb09_box02 ul li .p1{ font-size:24px;}
	.pro_eb09_box02 ul li .p1 span{ font-size:18px;}
	.pro_eb09_box02 ul li .p2{ font-size:18px;}
	.pro_eb09_box02 ul li:nth-child(2n):after{ display:none;}
	
	.pro_eb09_box03 ul{ position:relative; top:auto; left:auto; width:100%; margin-top:50px;}
	.pro_eb09_box03 ul li img{ width:20px; margin-top:0;}
	.pro_eb09_box03 ul li p{ font-size:14px;}
	.pro_eb09_box03 ul li p span{ font-size:12px;}
	.pro_eb09_box03 .img{ position:relative; top:0; left:0; text-align:center;}
	.pro_eb09_box03 .img img{ width:100%; margin-top:30px;}
	
	.pro_eb09_box04{ height:auto; padding-bottom:50px;}
	.pro_eb09_box04 .nam{ font-size:20px; margin-top:50px;}
	.pro_eb09_box04 .img{ position:relative; top:0; left:0; text-align:center; margin-top:50px;}
	.pro_eb09_box04 .img img{ width:100%; margin-top:30px;}
	
	.pro_eb09_box05{ height:300px;}
	.pro_eb09_box05 .nam{ font-size:20px; position:relative; top:auto; left:auto; width:100%; margin-top:50px;}
	
	.pro_eb09_box06{ height:400px;}
	.pro_eb09_box06 .nam{ font-size:30px; padding-top:30px;}
	.pro_eb09_box06 .img img{ width:100%;}
	
	.pro_eb09_box07{ height:500px;}
	.pro_eb09_box07 .nam{ font-size:20px; top:auto; bottom:50px; left:auto; width:100%;}
	.pro_eb09_box07 .nam .p1{ font-size:36px; letter-spacing:0; color:#fff;}
	.pro_eb09_box07 .nam .p2{ font-size:20px;}
	.pro_eb09_box07 .img{ top:0; left:0; text-align:center;}
	.pro_eb09_box07 .img img{ width:80%;}
	
	.pro_eb09_box08{ height:400px;}
	.pro_eb09_box08 .nam{ font-size:20px; padding-top:30px;}
	.pro_eb09_box08 .nam2{ font-size:20px; margin-top:10px;}
	.pro_eb09_box08 .img{ margin-top:30px;}
	.pro_eb09_box08 .img img{ width:100%;}
	
	.pro_eb09_box09{ height:auto; padding:30px 0;}
	.pro_eb09_box09 ul{ grid-template-areas: 'a a''. .''b b'; grid-gap: 5px;}
	.pro_eb09_box09 ul li img{ max-width:100%;}
	
	
	.pro_leon_box01 .nam{ font-size:40px;}
	.pro_leon_box01 .img{ display:none;}
	.pro_leon_box01 .img2{ position:relative; top:0; left:0; right:0; text-align:center; margin-top:30px;}
	.pro_leon_box01 .img2 img{ width:90%;}
	
	.pro_leon_box02 .img{ position:relative; top:0; left:0; right:0; text-align:center; padding-top:100px;}
	.pro_leon_box02 .img img{ width:90%;}
	.pro_leon_box02 .img2{ display:none;}
	.pro_leon_box02 .img3{ display:none;}
	
	.pro_leon_box03{ height:auto;}
	.pro_leon_box03 ul{ padding-top:30px;}
	.pro_leon_box03 ul li{ width:100%; background-size:100% 100%; height:80px; font-size:18px; line-height:90px;}
	.pro_leon_box03 .img{ position:relative; width:100%; top:0; left:0; right:0; text-align:center; padding:30px 0;}
	.pro_leon_box03 .img img{ width:90%;}
	.pro_leon_box03 .img2{ display:none;}
	
	.pro_leon_box04 .d_flex{ width:100%; display:block; margin-bottom:20px;}
	.pro_leon_box04 .img{ width:100%;}
	.pro_leon_box04 .img img{ width:100%;}
	.pro_leon_box04 .d_flex .txt{ display:block; padding-left:0;}
	.pro_leon_box04 .d_flex .txt p{ font-size:20px;}
	.pro_leon_box04 .d_flex .txt p span{ margin-top:20px;}
	.pro_leon_box04 .d_flex .txt p span br{ display:none;}
	
	.pro_leon_box05{ height:auto;}
	.pro_leon_box05 .nam{ font-size:40px; padding-top:30px;}
	.pro_leon_box05 .img{ position:relative; width:100%; top:0; left:0; right:0; text-align:center; padding:30px 0; margin-top:0;}
	.pro_leon_box05 .img img{ width:90%;}
	
	.pro_leon_box06{ height:auto;}
	.pro_leon_box06 .nam{ font-size:40px; padding-top:30px;}
	.pro_leon_box06 ul li{ max-width:100%; width:100%;}
	
	.pro_leon_box07{ height:auto;}
	.pro_leon_box07 .nam{ font-size:40px; padding-top:30px;}
	.pro_leon_box07 .img{ position:relative; width:100%; top:0; left:0; right:0; text-align:center; padding:30px 0; margin-top:0;}
	.pro_leon_box07 .img img{ width:90%;}
	
	/*alfa*/
	.pro_alfa_box01 .img{ width:80%; top:0; margin:150px auto 0;}
	.pro_alfa_box01 .img2{ width:80%; top:0; margin:20px auto 0;}
	
	.pro_alfa_box02{ height:400px;}
	.pro_alfa_box02 .bg{ width:150%;}
	.pro_alfa_box02 .list{ width:100%; margin:50px auto 0;}
	.pro_alfa_box02 .list li{ font-size:16px;}
	.pro_alfa_box02 .list li span{ font-size:26px;}
	.pro_alfa_box02 .img{ width:80%; margin:20px auto 0;}
	
	.pro_alfa_box03{ height:300px;}
	.pro_alfa_box03 .txt{ font-size:24px;}
	
	.pro_alfa_box04{ height:400px;}
	.pro_alfa_box04 .txt{ font-size:24px;}
	.pro_alfa_box04 .img{ width:60%;}
	
	.pro_alfa_box05{ height:auto; padding:50px 0;}
	.pro_alfa_box05 .txt{ font-size:24px;}
	.pro_alfa_box05 ul{ width:100%;}
	.pro_alfa_box05 ul li:first-child p{ border-bottom:3px solid #ff0016;}
	.pro_alfa_box05 ul li:first-child p:after{ height:3px; bottom:-3px;}
	
	.pro_alfa_box06 .txt{ font-size:24px; margin:50px auto 0;}
	.pro_alfa_box06 .txt span{ font-size:20px;}
	.pro_alfa_box06 .img{ width:60%; margin:20px auto;}
	
	.pro_alfa_box07{ height:450px;}
	.pro_alfa_box07 .wrapper{ width:100%;}
	.pro_alfa_box07 .txt{ font-size:20px; position:relative; margin-top:50px;}
	.pro_alfa_box07 .img{ width:90%; margin-top:30px;}
}