@charset "utf-8";
@import url(base.css);
.dy_1200{max-width: 1200px;margin: 0 auto;box-sizing: border-box;}
body{ padding-top:200px}
.header{width: 100%;z-index:555; position:fixed; width:100%; top:0; left:0; background:url(../images/bj.png)}
.headertop{width: 100%; background: #003b90;height: 80px;}
.headertopcon{width: 100%;}
.headertopleft{float: left;padding-top: 32px;box-sizing: border-box;}
.headertopleft a{display: block;}
.headertopleft a img{display: block;max-width: 100%;}
.headertopright{float: right;padding-top: 24px;box-sizing: border-box;}
.headertopright a{float: left;margin-right: 32px;width: 42px;height: 42px;border-radius: 50%;transition: all 0.3s;}
.headertopright a:last-child{margin-right: 0;}
.headertopright a img{display: block;width: 100%;border-radius: 50%;height: 100%;object-fit: cover;opacity: 0.9;transition: all 0.3s;}
.headertopright a:hover{transform: translateY(-5px);}
.headertopright a:hover img{opacity: 1;}
.headerbuttom{width: 100%;}
.headerbuttomcon{width: 100%;padding: 32px 0;box-sizing: border-box;}
.headerbuttomleft{float: left;}
.headerbuttomleft>ul>li{ padding-bottom:5px;float: left;margin-right: 16px; position:relative}
.headerbuttomleft>ul>li>a{display: block;padding: 12px 20px;box-sizing: border-box;border-radius: 12px;font-size: 16px;color: #333;transition: all 0.3s;}
.headerbuttomleft>ul>li.active>a{background: #2a65ba;color: #fff;}
.headerbuttomleft>ul>li:hover>a{background: #2a65ba;color: #fff;}
.headerbuttomleft>ul>li:after{ display:block; height:10px; position:absolute; bottom:0; left:0; width:100%; content:''}
.headerbuttomleft>ul ul{ display:none;position:absolute; left:50%; margin-left:-85px; top:46px;border:#06C solid 0px; border-radius:5px; overflow:hidden; background:rgba(255,255,255,0.85)}
.headerbuttomleft>ul ul li{ text-align:center; width:170px;}
.headerbuttomleft>ul ul li a{ font-size:12px; display:block; padding:10px 0; border-bottom:#06C solid 1px}
.headerbuttomleft>ul ul li a:hover{ color:#fff; background:#09F}
.headerbuttomleft>ul>li:hover>ul{ display:block}
.headerbuttomright{float: right;position: relative;overflow: hidden;}
.headerbuttomright input{background: #d0d0d0;width: 200px;height: 42px;border-radius: 50px;border: 0;outline: none;
font-size: 14px;color: #333;padding: 0 40px 0 14px;box-sizing: border-box;}
.headerbuttomright button{position: absolute;width: 40px;height: 40px;background: url(../images/search.png) center no-repeat;
border: 0;outline: none;top: 0;right: 0px;background-size: 50%;}
.banner{width: 100%;}
.bannerconter{width: 100%;}
.bannerconter ul li{width: 100%;}
.bannerconter ul li img{display: block;width: 100%;}
.bannerconter .bannerpages{bottom: 60px !important;}
.bannerconter .swiper-pagination-bullet{width: 14px;height: 14px;background: transparent;opacity: 1;border-radius: 50%;border: 1px solid rgba(0,0,0,0.5);
transition: all 0.3s;margin: 0 12px !important;}
.bannerconter .swiper-pagination-bullet-active{width: 34px;border-color: #000;background: #000;border-radius: 8px;}
.conter{width: 100%;}
.about{width: 100%;background: url(../images/bj1.png) center 70% no-repeat;}
.aboutconter{width: 100%;padding: 60px 0 30px 0;box-sizing: border-box;}
.aboutitle{width: 100%;margin-bottom: 80px;overflow: hidden;}
.aboutitle h4{text-align: center;font-size: 60px;color: #003b90;font-weight: 500;}
.aboutitle h4 i{display: inline-block;width: 860px;height: 1px;background: #003b90;}
.aboutitle h4 span{font-size: 32px;}
.aboutvideo{width: 100%;border-radius: 40px;background: #fff;box-shadow: 10px 11px 35px rgba(0,0,0,0.36);}
.aboutvideo div{width: 100%;height: 100%;}
.aboutvideo video{display: block;width: 100%;height: 100%;outline: none;border-radius: 40px;}
.company{width: 100%;padding: 30px 0 60px 0;box-sizing: border-box;}
.companycon{width: 100%;overflow: hidden;}
.comtitle{width: 100%;margin-bottom: 42px;}
.comtitle h4{font-size: 36px;color: #000000;font-weight: 500;text-align: center;}
.comtext{width: 90%;margin: 0 auto;}
.comtext p{font-size: 18px;color: #000;font-weight: 400;line-height: 32px;text-indent: 2em;}
.comlast{width: 100%;margin-top: 20px;padding-bottom: 32px;border-bottom: 1px solid #000;box-sizing: border-box;}
.comlast a{display: block;margin: 0 auto;width: 126px;height: 50px;text-align: center;line-height: 50px;font-size: 20px;color: #ffffff;
border-radius: 10px;background: #ee7700;transition: all 0.3s;opacity: 0.8;}
.comlast a:hover{opacity: 1;}
.focus{width: 100%;background: url(../images/bj2.png) 0 0 no-repeat;padding: 160px 0 40px 0;box-sizing: border-box;background-size: 100%;}
.focuscon{width: 100%;overflow: hidden;}
.focustitle{width: 100%;margin-bottom: 20px;}
.focustitle h4{font-size: 36px;color: #000;font-weight: 500;max-width: 550px;margin-left: 20px;}
.focusbox{width: 100%;background: url(../images/fobj.png) center no-repeat;padding: 50px 20px;box-sizing: border-box;background-size: 100%;}
.focusboxcon{width: 100%;height: 440px;border-radius: 40px;display: flex;}
.focusboxcon ul{width: 100%;display: flex;}
.focusboxcon ul li{width: 25%;border-right: 1px solid rgba(255,255,255,0.8);box-sizing: border-box;height: 100%;
display: flex;align-items: center;justify-content: center;}
.focusboxcon ul li:last-child{border-right: 0;}
.foimg{width: 112px;height: 112px;margin: 0 auto 26px;display: flex;align-items: center;justify-content: center;}
.foimg img{display: block;max-width: 100%;transition: all 0.5s;}
.focusboxcon ul li:hover .foimg img{transform: scale(1.2);}
.focusboxcon ul li p{font-size: 20px;color: #ffffff;text-align: center;font-weight: 400;}
.appli{width: 100%;padding: 50px 0;box-sizing: border-box;}
.applicon{width: 100%;}
.applititle{padding: 28px 260px;display: table;margin: 0 auto 80px;background: rgba(255,255,255,1);border-radius: 60px;}
.applititle h4{font-size: 36px;color: #003b90;font-weight: 500;text-align: center;line-height: 36px;}
.appliconlist{width: 100%;overflow: hidden;}
.appliconlist ul li{float: left;width: 32%;margin-right: 2%;}
.appliconlist ul li:last-child{margin-right: 0;}
.appimg{border: 1px solid #fff;width: 90%;border-radius: 50%;margin: 0 auto 42px;box-sizing: border-box;padding: 20px;transition: all 0.5s;}
.appimg img{display: block;max-width: 100%;border-radius: 50%;}
.apptext{width: 100%;}
.apptext h5{font-size: 20px;color: #333;font-weight: 500;text-align: center;margin-bottom: 12px;}
.apptext p{font-size: 16px;color: #333;font-weight: 400;text-align: center;line-height: 30px;}
.appliconlist ul li:hover .appimg{transform: scale(1.1);}
.leave{width: 100%;padding: 60px 0 0 0;box-sizing: border-box;}
.leavecon{width: 100%;border: 2px solid #003b90;border-radius: 60px 60px 0 0;background: #fff;padding: 60px;box-sizing: border-box;border-bottom: 0;overflow: hidden;}
.leavecon h4{width: 100%;text-align: center;font-size: 36px;color: #003b90;font-weight: 500;margin-bottom: 80px;}
.leaveconform{width: 100%;}
.leaveconform ul li{width: 48%;margin-right: 4%;margin-bottom: 4%;float: left;position: relative;}
.leaveconform ul li:nth-child(2n){margin-right: 0;}
.leaveconform ul li input{width: 100%;height: 50px;border: 1px solid #003b90;font-size: 16px;color: #003b90;outline: none;
padding: 0 20px 0 60px;box-sizing: border-box;}
.leaveconform ul li input::-webkit-input-placeholder {color: #003b90;}
.leaveconform ul li input:-moz-placeholder { color: #003b90;}
.leaveconform ul li input::-moz-placeholder { color: #003b90;}
.leaveconform ul li input:-ms-input-placeholder {color: #003b90;}
.leaveconform ul li i{position: absolute;top: 50%;left: 16px;transform: translateY(-50%);width: 28px;}
.leaveconform ul li i img{display: block;max-width: 100%;}
.leavelast{width: 100%;margin-top: 60px;}
.leavelast button{border-radius: 50px;border: 0;outline: none;font-size: 30px;color: #fff;background: #5581c1;width: 340px;height: 80px;
margin: 0 auto;display: block;line-height: 30px;transition: all 0.3s;}
.leavelast button:hover{background: #003b90;}
.contact{width: 100%;padding: 120px 0;box-sizing: border-box;}
.contactbox{width: 100%;}
.contactlist{width: 100%;margin-bottom: 160px;overflow: hidden;}
.contactlist ul li{width: 33.3%;border-right: 1px solid #fff;box-sizing: border-box;height: 320px;float: left;padding: 90px 20px 0 20px;}
.contactlist ul li:last-child{border-right: 0;}
.conimg{width: 42px;height: 42px;margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;}
.conimg img{display: block;max-width: 100%;}
.contactlist ul li p{font-size: 24px;color: #fff;text-align: center;font-weight: 500;}
.contactlist ul li span{font-size: 24px;color: #fff;text-align: center;font-weight: 500;}
.conlast{width: 100%;overflow: hidden;}
.conlast img{display: block;max-width: 100%;margin: 0 auto;}