@charset "utf-8";
/* CSS Document */

/* banner */
.ibanner{ height:812px; position:relative; z-index:1;}
.hmFocus{ height:812px; position:relative; z-index:1;}
.hmFocus_item{ width:100%; height:812px; position:relative; overflow:hidden; float:left;}
.hmFocus_item .hmFs_bg{ width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; position:relative; -webkit-transform:scale(1.12); transform:scale(1.12);}
.hmFocus_item .hmFs_bg::after{ content:''; display:block; width:100%; height:200px; background:linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0)); background/:linear-gradient(rgba(0,36,113,1), rgba(0,36,113,0)); position:absolute; left:0; top:0; z-index:3; opacity:0.4;}
.hmFocus_item .hmTxtDes2{ font-family/:"思源黑体","思源黑体 CN"; position:absolute; left:0; width:100%; top:calc(52% + 0px); transform:translateY(-50%); z-index:5; color:#fff; text-shadow:0 0 6px rgba(0,0,0,0.4);}
.hmFocus_item .hmTxtDes2 .container{ width:1280px; margin:0 auto;}
.hmFocus_item .hmTxtDes2 .hmTxtDes2_t1{ line-height:1.75; font-size:44px; text-align:center; margin-bottom:0.6578em; transition:all ease-in-out 0.8s; opacity:0; transform:translate(0,120px);}
.hmFocus_item .hmTxtDes2 .hmTxtDes2_p1{ line-height:1.666; font-size:18px; margin-bottom:45px; transition:all ease-in-out 0.8s; opacity:0; transform:translate(180px,0px);}
.hmFocus_item.active .hmFs_bg{ visibility:visible; -webkit-animation:scaleBg 8s linear forwards; animation:scaleBg 8s linear forwards;}
@-webkit-keyframes scaleBg{ 
	from{ -webkit-transform:scale(1.12); transform:scale(1.12);}
	to{ -webkit-transform:scale(1); transform:scale(1);}
}
@keyframes scaleBg{ 
	from{ -webkit-transform:scale(1.12); transform:scale(1.12);}
	to{ -webkit-transform:scale(1); transform:scale(1);}
}
.hmFocus_item.active .hmTxtDes2 .hmTxtDes2_t1{ transform:translate(0,0); opacity:1; transition-delay:0.3s;}
.hmFocus_item.active .hmTxtDes2 .hmTxtDes2_p1{ transform:translate(0,0); opacity:1; transition-delay:0.4s;}
.hmFocus_doc{ width:1280px; position:absolute; left:50%; bottom:4.5%; z-index:999; transform:translateX(-50%);}
.hmFocus_doc ul{ display:block; overflow:hidden; margin:0 -12px;}
.hmFocus_doc ul li{ width:16.6666%; float:left; cursor:pointer;}
.hmFocus_doc ul li .hmFs_docx{ line-height:4; color:#fff; font-size:14px; border-top:1px solid #FFF; transition:all 0.5s ease-in-out; opacity:0.5; position:relative; margin:0 12px;}
.hmFocus_doc ul li .hmFs_docx span{ display/:none; opacity:0; height:2px; overflow:hidden; display:block;}
.hmFocus_doc ul li .hmFs_docx i{ display:block; width:0; height:2px; background:#fff; position:absolute; left:0; top:0; transition:all 0.5s ease-in-out;}
.hmFocus_doc ul li .hmFs_docx.on{ opacity:1;}
.hmFocus_doc ul li .hmFs_docx.on i{ width:100%; transition:all 8.0s linear;}

.main{ display:block;}

.ibox{ position:relative; z-index:2;}
.ibox::before,
.ibox::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox .con{ width:1280px; margin:0 auto;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2.title{ display:block; line-height:1; font-size:16px; font-weight:normal; text-align:center; text-transform:uppercase; padding:3em 0 0; padding:3.25em 0 0; padding:4em 0 0;}
.ibox h2.title::before/{ content:''; display:block; height:2.125em; height:2em; background:url(../images/icons/icon.png) center no-repeat; background-size:auto 100%; margin:0 0 1.125em;}
.ibox h2.title em{ display:block; color:#999; color:rgba(18,39,105,1); font-size:2.5em; font-weight:bold;}
.ibox h2.title span{ display:block; line-height:1; color:#333; font-size:1.625em; padding:0.625em 0 0;}
.ibox h2.title em{ font-size:2.125em;}
.ibox h2.title span{ color:#999; font-size:1.25em; padding:0.875em 0 0;}
.ibox a.more{ display:block; width:3em; line-height:3; color:#275993; font-size:22px; text-align:center; border:1px solid #275993; margin:2em 0 0; transition:all ease 0.4s;}
.ibox a.more:hover{ color:#fff; background:#275993;}
.ibox > i{ display:block; width:10px; height:10px; position:absolute; left:0; top:-110px; opacity:0;}

.box1{ padding:0 0 60px;}
.box1 .txt{ width:90%; line-height:2.25; color:#4a4a4a; font-size:16px; text-align:center; overflow:hidden; margin:2em auto 0;}

.box2{ background:url(../images/icons/bg2.jpg) center no-repeat; background-size:cover;}
.box2m{ display:none;}
.box2::before{ content:''; display:block; width:100%; height:100%; background:linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.6)); position:absolute; left:0; top:0; z-index:1;}
.box2 .con{ position:relative; z-index:2;}
.box2 ul{ display:flex; font-size:16px; overflow:hidden; background:url(../images/icons/bg2.jpg) center no-repeat;}
.box2 ul li{ display:block; flex:1; overflow:hidden; position:relative; transition:all ease 0.4s; background-size:cover !important;}
.box2 ul li:nth-child(1){ background:url(../images/icons/ab1.jpg) center no-repeat;}
.box2 ul li:nth-child(2){ background:url(../images/icons/ab2.jpg) center no-repeat;}
.box2 ul li:nth-child(3){ background:url(../images/icons/ab3.jpg) center no-repeat;}
.box2 ul li::before{ content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; z-index:1; transition:all ease 0.4s; transform:translateY(-100%);}
.box2 ul li::after{ content:''; display:block; width:100%; height:100%; background:linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.8)); position:absolute; left:0; top:0; z-index:1; transition:all ease 0.4s;}
.box2 ul li:nth-child(even)::after{ background:linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.6));}
.box2 ul li a{ display:block; box-sizing:border-box; height:100%; padding:6.5em 3em 7.5em; overflow:hidden; position:relative; z-index:2;}
.box2 ul li a img{ display:block; height:4.375em; margin:0 auto; transition:all ease 0.4s;}
.box2 ul li a em{ display:block; line-height:4; color:#fff; font-size:1.125em; text-align:center;}
.box2 ul li a i{ display:block; width:3em; height:1px; background:#fff; margin:0 auto;}
.box2 ul li a .txt{ display:block; line-height:2.25; color:#fff; font-size:14px; padding:2em 0 0; text-align:justify;}
.box2 ul li:hover::before{ transform:translateY(0);}
.box2 ul li:hover::after{ transform:translateY(100%);}

.box5{ overflow:hidden; box-sizing:border-box; background:url(../images/icons/bg5.jpg) center bottom no-repeat; padding:0 0 100px;}
.box5 ul{ display:flex; flex-wrap:wrap; justify-content:center; font-size:16px; margin:-2em 0 0; margin:1.5em 0 0;}
.box5 ul li{ display:block; max-width:14.6666%; max-width:16%; overflow:hidden; margin:0 1%;}
.box5 ul li a{ display:block; margin:1em 0 2em;}
.box5 ul li a i{ display:block; overflow:hidden; transition:all ease 0.4s;}
.box5 ul li a i img{ display:block; width:100%; height:200px; object-fit:contain; object-position:center bottom;}
.box5 ul li a:hover{ cursor:zoom-in;}
.box5 ul li a:hover i{ transform:translateY(-6px);}
.box5 ul li a span{ display:block; height:3em; line-height:1.5; color:#4a4a4a; font-size:0.875em; text-align:center; padding:0.75em 0 0;}

.box6{ background:url(../images/icons/bg6.jpg) center no-repeat; background-size:cover; position:relative; padding:20px 0 80px;}
.box6::before{ content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; left:0; top:0; z-index:1;}
.box6 .con{ position:relative; z-index:2;}
.box6 h2.title em{ color:#aaa;}
.box6 h2.title span{ color:#fff;}

.box6 h2.title em{ color:#fff;}
.box6 h2.title span{ color:rgba(255,255,255,0.5);}

.box6 .txt{ line-height:2.25; color:#fff; font-size:16px; text-align:center; overflow:hidden; margin:2em auto 0;}
.box6 .txt{ line-height:2.75; padding:20px 0 0;}
.box6 form.msg{ display:flex; justify-content:space-between; width:960px; font-size:15px; margin:40px auto 0; padding:20px 0 40px;}
.box6 form.msg p{ display:block; width:19.5%;}
.box6 form.msg p input.text{ display:block; width:100%; height:56px; color:#333; padding:1em; background:#fff; border:1px solid #333; box-sizing:border-box;}
.box6 form.msg p textarea{ display:block; width:100%; height:86px; line-height:26px; color:#333; padding:1em; background:#fff; border:1px solid #333; box-sizing:border-box;}
.box6 form.msg p ::placeholder{ color:#888;}
.box6 form.msg input.btn{ display:block; width:15%; height:56px; line-height:56px; color:#fff; font-weight:bold; background:#bd0f1f; border:0; cursor:pointer;}

.box7{ background:url(../images/icons/bg7.jpg) center no-repeat; background-size:100% auto; position:relative; padding:0 0 80px;}
.box7 .txt{ width:60%; line-height:2.25; color:#333; font-size:16px; overflow:hidden; margin:2em 0 1.5em;}
.box7 ul{ display:flex; font-size:16px; justify-content:space-between; align-items:stretch;}
.box7 ul li{ display:block; width:32.5%; background:linear-gradient(#fff, #e1ebfa); border-radius:6px; box-shadow:0 4px 12px 0 rgba(25,75,171,0.1);}
.box7 ul li a{ display:block; overflow:hidden; padding:1em;}
.box7 ul li a em{ display:block; line-height:1.5; color:#122769; font-size:1.0625em; font-weight:bold;}
.box7 ul li a p{ display:block; line-height:1.75; color:#4a4a4a; font-size:0.875em; padding:0.5em 0 0;}


@media only screen and (min-width:769px){

.box6{ padding:0 0 80px;}
.box6 .flex/{ display:flex; justify-content:space-between; align-items:center; padding:40px 0 0;}
.box6 .txt/{ padding:0 0 48px; text-align:left; flex-shrink:0; margin:0; font-size:22px; line-height:2;}
.box6 .txt{ line-height:2; margin:0; padding:1.75em 0 1.875em;}
.box6 form.msg{ display:block; width:36%; padding:0; margin:0 auto;}
.box6 form.msg p{ width:auto; margin:0 0 10px;}
.box6 form.msg p input.text{ height:44px; line-height:1.6; border:0; padding:10px 1em;}
.box6 form.msg p textarea{ height:92px; line-height:1.6; border:0; padding:10px 1em;}
.box6 form.msg input.btn{ width:100%; height:45px; line-height:45px; font-size:15px;}

}

@media only screen and (max-width:1440px){

.box5{ background-size:2280px 896px;}

}

@media only screen and (max-width:768px){

.ibanner .swiper-slide .txt,
.ibox .con{ width:calc(100% - 30px);}

.ibanner,
.hmFocus,
.hmFocus_item{ height:60vw; margin/:60px 0 0;}
.hmFocus_item .hmFs_bg::after{ height/:16px; height/:80px; opacity:0.3;}
.hmFocus_item .hmTxtDes2{ top:55%;}
.hmFocus_item .hmTxtDes2 .container{  width:calc(100% - 30px);}
.hmFocus_item .hmTxtDes2 .hmTxtDes2_t1{ font-size:20px; margin:0;}
/*
.ibanner .swiper-slide .txt{ font-size:12px; top:49%;}
.ibanner .swiper-slide .txt h3{ font-size:1.75em; line-height:1.75;}
*/

.ibox > i{ top:-60px;}
.ibox h2.title{ font-size:12px; padding:3em 0 0;}
.ibox h2.title em{ font-size:2em;}
.ibox h2.title span{ padding:1em 0 0; font-size:13px;}
.ibox a.more{ width:2.5em; line-height:2.5; font-size:14px; padding:0 1px; margin:1.5em 0 0;}

.box1{ padding:0 0 40px;}
.box1 .txt{ width:auto; margin:0; font-size:14px; line-height:2; padding:1em 0 0;}

.box2{ display:none; background-size:cover;}
.box2::before{ opacity:0.5;}
.box2 ul{ display:block; margin:0 -15px; font-size:14px;}
.box2 ul li::after{ opacity:0.8;}
.box2 ul li a{ padding:30px 20px 28px;}
.box2 ul li a img{ height:3.5em;}
.box2 ul li a em{ line-height:3; font-size:16px;}
.box2 ul li a .txt{ line-height:1.875; padding:1em 0 0;}
.box2 ul li:hover::before{ transform:translateY(-100%);}
.box2 ul li:hover::after{ transform:translateY(0);}

.box2m{ display:block; font-size:16px; overflow:hidden; position:relative;}
.box2m .swiper-container{}
.box2m .swiper-slide{ display:block; height:100%; overflow:hidden; position:relative;}
.box2m .swiper-slide::after{ content:''; display:block; width:100%; height:100%; background:linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.8)); position:absolute; left:0; top:0; z-index:2; opacity:0.9;}
.box2m .swiper-slide .bg{ width:100%; height:100%; background-size:cover !important; position:absolute; left:0; top:0; z-index:1;}
.box2m .swiper-slide .bg1{ background:url(../images/icons/ab1.jpg) center no-repeat;}
.box2m .swiper-slide .bg2{ background:url(../images/icons/ab2.jpg) center no-repeat;}
.box2m .swiper-slide .bg3{ background:url(../images/icons/ab3.jpg) center no-repeat;}
.box2m .swiper-slide .box{ padding:76px 40px 84px; overflow:hidden; position:relative; z-index:3;}
.box2m .swiper-slide .box img{ display:block; height:3.5em; margin:0 auto;}
.box2m .swiper-slide .box em{ display:block; line-height:3; color:#fff; font-size:16px; text-align:center;}
.box2m .swiper-slide .box i{ display:block; width:3em; height:1px; background:#fff; margin:0 auto;}
.box2m .swiper-slide .box .txt{ display:block; line-height:1.875; color:#fff; font-size:14px; padding:1em 0 0; text-align:justify;}
.box2m .swiper-button-prev,
.box2m .swiper-button-next{ display:block; width:40px; height:30px; top:50%; margin-top:-15px; background-size:10px 16px !important; border-radius/:50%;}
.box2m .swiper-button-prev{ background:url(../images/icons/prev.png) center no-repeat; left:0;}
.box2m .swiper-button-next{ background:url(../images/icons/next.png) center no-repeat; right:0;}

.box5{ padding:0 0 40px; background:#e9e9e9; background:url(../images/icons/bg50.jpg) repeat;}
.box5 .con > div{ background:url(../images/icons/bg5_m.jpg) center top 53px repeat-y; background-size:100% 147px; margin:-2px -15px 0; margin:20px -15px 0;}
.box5 ul{ margin:0 15px;}
.box5 ul li{ max-width:45%; margin:0 2.5%; flex-shrink:0;}
.box5 ul li{ max-width:29%; max-width:45%; margin:0 2% 10px; flex-shrink:0;}
.box5 ul li a{ margin:0;}
.box5 ul li a i img{ height:90px;}
.box5 ul li a span{ font-size:13px; padding:8px 0 0;}
.box5 ul li a:hover i{ transform:translateY(0);}

.box6{ padding:0 0 8px;}
.box6 .txt{ margin:0; font-size:14px; line-height:2;}
.box6 form.msg{ display:block; margin:0; width:auto; font-size:14px;}
.box6 form.msg p{ width:auto; margin:0 0 12px;}
.box6 form.msg p input.text{ padding:0.5em 1em; height:48px; line-height:30px;}
.box6 form.msg p textarea{ padding:0.5em 1em; height:108px; line-height:30px;}
.box6 form.msg input.btn{ width:100%; height:48px; line-height:48px;}

.box7{ background-size:cover; padding:0 0 40px;}
.box7 .txt{ font-size:14px; width:auto; margin:0; font-size:14px; line-height:2; padding:1em 0 0;}
.box7 ul{ flex-wrap:wrap;}
.box7 ul li{ width:100%; margin:12px 0 0;}
.box7 ul li a{ padding:14px;}
.box7 ul li a em{ font-size:15px;}
.box7 ul li a p{ font-size:13px;}



}





/**/