@charset "utf-8";
.wrap {overflow-x:hidden; width:100%}
.sect-wrap {width:1200px; margin: 0 auto;position:relative; padding-top:5rem;}

/* sect1 */

.sect1 .slide {height: 520px; background:url(../images/i1-1-bg.jpg) repeat-x left center; overflow:hidden; background-size:contain; background-position:calc(50% - 400px)}
.sect1 .text {position:absolute; top:130px; right:0; color:#fff; z-index:1;text-align:right; left:auto;}
.sect1 .text h2 {font-weight:600;}
.sect1 .text p {padding-bottom:1rem; padding-top:15px;}
.sect1 .slide01-bg {position:absolute; background:linear-gradient(to left, #006cb0, #0092ef); width: 2000px; height:1000px; top:-150px; left:50%; transform: rotate(10deg)}
.sect1 .slide01 img {position:absolute; left:-110px; top:50px;}
.sect1 .slide02-bg {position:absolute; background:linear-gradient(to right, #ddd, #f8f8f8); width: 2000px; height:1000px; top:-150px; left:50%; transform: rotate(10deg)}
.sect1 .slide02 .text h2{color:#0076c1; }
.sect1 .slide02 .text p {color:#666;}
.sect1 .slide02 img {position:absolute; left:00px; top:50px;}
.sect1 .slide02 {background-image:url(../images/i1-2-bg.png); background-repeat:repeat-x; }
.sect1 .slide03 {background-image:url(../images/i1-3-bg.jpg);  background-repeat:repeat-x;}
.sect1 .slide03-bg {position:absolute; background:linear-gradient(to left, #e86402, #f7962d); width: 2000px; height:1000px; top:-150px; left:50%; transform: rotate(10deg)}
.sect1 .slick-prev {left:10px; z-index:999;}
.sect1 .slick-next {right:10px;}
.sect1 .slick-dots {padding-left: 80px;}
.sect1 .slide04 {background:url(../images/mainslide01.jpg) no-repeat center center; background-size:cover;}
.sect1 .slide05 {background:url(../images/mainslide02.jpg) no-repeat center center; background-size:cover;}
.sect1 .slide06 {background:url(../images/mainslide03.jpg) no-repeat center center; background-size:cover;}
.sect1 .slide05 .text {right:auto; left:0; text-align:left;}
.sect1 .slide04 .text {right:auto; left:0; text-align:left;}
.sect1 .slide04 .text h2 {color: #bde5ff; font-size: 40px; line-height:1.3em;}
.sect1 .slide05 .text h2 {color:#f08700; font-size: 40px; line-height:1.3em;}
.sect1 .slide06 .text h2 {color:#0076c1; font-size: 40px; line-height:1.3em;}
.sect1 .slide06 .text h2 b {color:#f08700; font-weight:600;}
.sect1 .slide06 .text p {color:#666;}

.sect2 {position:relative;}
.sect2 .sect-wrap {padding-top: 2rem;}
.sect2 .arrows {float:right; display:inline-block;}
.sect2 .sect-wrap::after {display:block; clear:both; content:'';}
.sect2 #productSlider {position:absolute; top:85px; left:0; width: 1641px; z-index:1;}
.sect2 .sect-wrap {height:550px; position:relative;}
.sect2 .sect2-item {position:relative; }
.sect2 .sect2-item h5 {position:absolute; left:1.5rem; bottom:1.5rem;}
.sect2 .sect2-item img {border: 2px solid #eee;}
.sect2 .sect2-bg {position:absolute; background:url(../images/i2-bg.jpg) no-repeat left center; height: 260px; width:100%; bottom:0; left:0; z-index:0;}

.sect3 #i3Slider .col {background:#ebebeb;height:407px; margin-bottom: 80px;}
.sect3 #i3Slider .col:last-child {padding: 70px 50px; background: url(../images/i3-logo.png) no-repeat 75% bottom #ebebeb;}
.sect3 #i3Slider h4 {padding-bottom:20px; padding-top:4px;}
.sect3 #i3Slider p:nth-of-type(2) {color:#666; padding-bottom:30px;}
.sect3 .i3prev {background:url(../images/i3-arrow-prev.png) no-repeat center center; width:70px; height:70px;display:block; position:absolute; top:calc(50% - 35px); left:0; z-index:1;}
.sect3 .i3next {background:url(../images/i3-arrow-next.png) no-repeat center center; width:70px; height:70px;display:block; position:absolute; top:calc(50% - 35px); right:0; z-index:1;}

.sect4 {background:url(../images/i4-bg.jpg) no-repeat top center ; background-size:cover; color:#fff; text-align:center; height:450px;}
.sect4 .notice {text-align:left; color:#333; background:white; padding: 2.7rem; box-shadow: 0 1px 2px rgba(0,0,0,.3);}
.sect4 h5 {border-bottom: 2px solid #0076c1; padding-bottom:0.5rem; margin-bottom: 0.5rem;}
.sect4 h5 a {text-align:right; font-size:16px; float:right; display:block; padding-top:7px;}
.sect4 dd {float:right;}
.sect4 p.center {padding: 2rem 0 3rem}
.sect4 dl {line-height:2.5rem;}
.sect4 .icons {float:right;}
.sect4 .icons .col {background:#fff; color:#333; text-align:center; background:url(../images/i4-01.png) no-repeat center 40px white; width:168px; height:168px; padding-top: 125px; font-size:18px; margin-right:20px; margin-bottom:20px;}
.sect4 .icons .col:nth-of-type(2) {background-image:url(../images/i4-02.png);}
.sect4 .icons .col:nth-of-type(3) {background-image:url(../images/i4-03.png); margin-right:0;}
.sect4 .call {width:544px; height:4rem; background:#f08700; float:right; line-height:4rem;}
.sect4 .call dl {float:left; width:50%; padding:0.7rem 0.2rem;}
.sect4 .call dd {float:left; font-size: 13px; white-space:nowrap;}
.sect4 .call dt img {padding-left:0.3rem;padding-right:0.5rem; display:inline-block; transform:translateY(2px);}
.sect4 .call i {padding: 0 ;}


.sect5 {background:#ebebeb; padding-bottom:4rem;padding-top:1rem;}
.sect5 .icon {background:url(../images/i5-01.png) no-repeat center center white; width: 180px; height:180px; border-radius:50%;}
.sect5 .col:nth-of-type(2) .icon {background-image:url(../images/i5-02.png);}
.sect5 .dsc {padding-left:40px;}
.sect5 p {color:#666;}
.sect5 h5 {padding: 1.3rem 0; font-weight:500; line-height:2rem;}