@charset "utf-8";
body {	min-width:1200px;	overflow-x:hidden; color:#333;}

/*container*/
.container{margin:0 auto;}
.sect1 {height:746px;}
.bx-wrapper {height:746px; margin:0 !important;}
.bxslider > div {background:url('../images/slide02.jpg') no-repeat center center;	background-size:cover;	min-height:746px;	text-align:center; position:relative;}
.bxslider > .slide2 {	background:url('../images/main011.jpg') no-repeat center center;background-size:cover;	}
.bxslider > .slide3 {	background:url('../images/slide08.jpg') no-repeat center center;background-size:cover;	}
.bxslider > .slide4 {	background:url('../images/slide08.jpg') no-repeat center center;background-size:cover;	}
.bxslider .text { width: 550px; height:420px; background:url(../images/a.png) repeat rgba(0,0,0,.4);position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:white;}
.bxslider .text::after {content:'';width: 530px; height: 400px; border:1px solid #ddd; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.bxslider .text h3 {font-size:28px; padding-top:60px; font-weight:400;}
.bxslider .text h2 {font-size:60px; padding-top:10px;}
.bxslider .text h2::after {display:block; content:''; width:45px; height:3px; background:#2d2f8c; margin:30px auto; }
.bxslider .text p { font-size: 20px; line-height: 28px;}
.bxslider .text a {width: 196px; height:52px; background:#2d2f8c; font-size:16px; text-align:center;display:block; margin: 0 auto; line-height:52px; margin-top:28px; cursor:pointer; position:relative; z-index:100;}
.sect {padding: 100px 0 0;}
.sect h4 {font-size: 40px; text-align:center; }

.sect1 .text_wrap {position:relative; max-width:1200px; margin:0 auto;}
.sect1 .text {width:464px; height:360px; position:absolute;bottom:130px; left:0; z-index: 50; color:white; padding-top:46px; padding-left:60px;
/*background: #052188; /* Old browsers */
/*background: -moz-linear-gradient(top, transparent,  rgba(37,105,189,0.8) 70%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  transparent, rgba(37,105,189,0.8) 70%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  transparent, rgba(37,105,189,0.75) 00%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#052188', endColorstr='#2569bd',GradientType=0 ); /* IE6-9 */}
.text h3 {font-size:24px; font-weight:normal; padding-bottom:15px; text-shadow:0 0 5px rgba(0,0,0,1);}
.text h2 {font-size:46px; padding-bottom:15px; line-height: 1.3em; text-shadow:0 0 5px rgba(0,0,0,1);}
.text p {font-size:16px; line-height:1.5rem; padding-bottom:25px; text-shadow:0 0 5px rgba(0,0,0,1);}
.text a {padding: 10px 20px; display:inline-block; border:1px solid #fff; transition:all 0.5s; box-shadow:0 0 5px rgba(0,0,0,0.5); text-shadow:0 0 5px rgba(0,0,0,0.5);}
.text a:hover {background:#fff; color:#052188; }

.sect2 {background:url(../images/product_bg.png) no-repeat left bottom;margin: 0 auto; padding-bottom:35px;}
.sect2 .sect_wrap {max-width:1200px; margin:0 auto;}
.sect2 h4 {padding-bottom:60px;}
.sect2 .col {width: calc(33.333% - 20px); float: left; margin-right: 20px;  transition:0.5s all; background:white;position:relative;}
.sect2 .col img {transition:0.5s all; display:block; width:100%;}
.sect2 .title {background:rgba(0,0,0,.4); text-align:left; padding-left:25px; padding-top:20px; position:absolute; bottom:0; width:100%; border-top:1px solid rgba(255,255,255,.3); height:100px; transition:0.5s all;}
.sect2 h5 {color:white; font-size:22px;padding-bottom:5px;transition:0.5s all;}
.sect2 h6 {color:rgba(255,255,255,.7); font-size:18px; font-weight:400; transition:0.5s all;}
.sect2 .imgbox {position:relative; overflow:hidden;}
.sect2 .imgbox::after {content:''; width:100%; height:100%; position:absolute; display:block; background:rgba(0,0,0,.2);top:0; transition:.5s all;}
.sect2 .col:hover .imgbox::after {background:transparent;}
.sect2 img.icon{width:auto;position:absolute; top: 15px; right:15px; z-index:22; transform-origin: right top;}
.sect2 .col:hover .title {height: 130px; background: background: #052188; /* Old browsers */
background: -moz-linear-gradient(top, rgba(5,33,136,0.8) 0%,  rgba(37,105,189,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(5,33,136,0.8) 0%, rgba(37,105,189,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(5,33,136,0.8) 0%, rgba(37,105,189,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#052188', endColorstr='#2569bd',GradientType=0 ); /* IE6-9 */}
.sect2 .col:hover h5 {font-size: 24px;}
.sect2 .col:hover h6 {color:white; font-size: 20px;}
.sect2 .col:hover .imgbox img {transform:scale(1.1);}

.sect3 .sect_wrap {margin:0 auto; max-width:1200px;padding-bottom:100px;}
.sect3 h3, .sect4 h3 {font-size: 36px; text-align:center;padding-bottom:60px; position:relative;}
.sect3 .col.half {width:50%;float:left; padding-right: 15px; padding-bottom:15px;}
.sect3 .col.com a {display:block; height:117px; transition:0.3s all; border:1px solid #d3d7e0; background:url(../images/i01.jpg) 207px center no-repeat white; box-shadow: 0 5px 5px rgba(0,0,0,.1);padding-top: 30px; padding-left: 20px;}
.sect3 .col.com a:hover {border:1px solid #0067ff;}
.sect3 .sect_wrap > .row > .col.half:first-child {padding-right:0;}
.sect3 .com .col:nth-of-type(2) a {background:url(../images/i02.jpg) 207px center no-repeat white;}
.sect3 .com .col:nth-of-type(3) a {background:url(../images/i03.jpg) 207px center no-repeat white;}
.sect3 .com .col:nth-of-type(4) a {background:url(../images/i04.jpg) 207px center no-repeat white;}
.sect3 .col h4 {text-align:left; font-size:24px; padding-bottom:8px;}
.sect3 .col h5 {font-size:14px; color:#4f80ef; font-weight:300; letter-spacing:0;}
.sect3 .col td {border:none;}
.sect3 table {border-collapse: inherit !important;}
.sect3 .row > .col.half:nth-of-type(2) {border:1px solid #d3d7e0; box-shadow: 0 5px 5px rgba(0,0,0,.1); padding-top:30px; padding-left:40px; height:250px;}
.sect3 .notice h5, .sect3 .data h5 {color:#f7ac33;}
.sect3 .notice, .sect3 .data  {width:100%; height:100px; position:relative;}
.sect3 .more {position:absolute; top: 15%; right:40px;}
.sect3 .notice p , .sect3 .data p { line-height:1.8em; width:290px;}
.sect3 .notice {border-bottom: 1px solid #ddd; margin-bottom: 25px;}
.sect3 .notice .col:nth-of-type(1) , .sect3 .data .col:nth-of-type(1) {width:150px;}
.sect3 .notice .col:nth-of-type(2) , .sect3 .data .col:nth-of-type(2) { width: calc(100% - 150px);}
.sect3 .notice span, .sect3 .data span {color:#bbb; float:right;}

.sect4 .sect_wrap {margin:0 auto; max-width:1200px;padding-bottom:100px;}
.sect4 h4 {font-size:24px; text-align:left; text-indent: 35px; letter-spacing:0;}
.sect4 .row {margin:0 -40px;}
.sect4 .col {float:left; width:30%; padding: 0 40px; border-right:1px solid #ddd;}
.sect4 .col:last-child {width:25%; border-right:none;}
.sect4 .col:nth-of-type(2) {width:45%;}
.sect4 h4.notice {background: url(../images/c1.png) no-repeat center left;}
.sect4 h4.contact {background: url(../images/c2.png) no-repeat center left;margin-bottom:28px;}
.sect4 div.contact { color:#999; font-size:20px;}
.sect4 div.contact span:nth-of-type(odd) {width:40px;display:inline-block;}
.sect4 div.contact span.call {font-size: 36px; color:#333; padding-left: 20px;}
.sect4 h4.location {background: url(../images/c3.png) no-repeat center left;}
.sect4 h4.email {background: url(../images/c4.png) no-repeat center left;}
.sect4 div.half { float:left; padding-right: 20px;line-height: 2.3em;}
.sect4 div.half:last-child {padding-top:21px;font-size:16px; line-height:21px;}
.sect4 div.half h5 {font-size: 16px; padding-bottom:10px;font-weight:400;}
.sect4 div.half p {color:#333;}
.sect4 .col:last-child h4 {margin-bottom:20px;}
.sect4 .col:last-child p {margin-bottom:15px;}
.sect4 .notice-contents {padding-top:22px; line-height: 1.6em;}
.sect4 .notice-contents span {float:right; color:#999;}