/* CSS Document */

@charset "utf-8";

@import url("public.css");

@import url("animate.css");	

.ruik{ width:100%; height:4px; overflow:hidden;}

.ruik img{ width:100%; height:4px; overflow:hidden;}

.ruik1{ width:100%; height:100px; overflow:hidden;}

.ruik1_1{ width:1200px; height:100px; overflow:hidden; margin:0 auto; }

.ruik1_2{ width:240px; height:100px; overflow:hidden; float:left; margin-right:60px;} 

.ruik1_2 img{ width:202px; height:50px; overflow:hidden;margin-top:25px;}

.ruik1_3{ width:900px; height:100px; overflow:hidden; float:left;} 

.ruik1_3 ul li{ width:128px; height:100px; float:left; line-height:100px; font-size:16px; text-align:center;}

.ruik1_3 ul li a{ color:#000;}

.ruik1_3 ul li a:hover{ color:#184B9A; font-weight:bold;}

.ruik1_3h{color:#184B9A!important; font-weight:bold; /*border-bottom:3px #4377B0 solid; padding-bottom:37px; padding-top:37px;*/}

.ruik1_4{ width:66px; height:32px; overflow:hidden; float:right; margin-top:10px;} 

.ruik1_4 ul li{ width:32px; height:32px; float:left; margin-right:2px;}

.ruik1_4 ul li img{ width:32px; height:32px;}

.ruik1_4 ul li:nth-child(2n){margin-right:0px;}



/*下拉*/

.clearfix {display:block;}

.nav .sec{height:0;color:#333;overflow:hidden;z-index:9999;position:absolute;top:100px;width:150px;font-size:14px; text-align:left; text-indent:2.5em;}

.nav .sec a{background: hsl(218deg 97% 30% / 53%); color:#fff!important;height:40px;line-height:40px;width:150px;display:block;border-top:0px solid #ddd;padding: 0px 0px 0px 0px;text-align:left;}

.nav .sec a:hover{background:#fff; color:#2b5cbb!important;height:40px!important;line-height:40px!important;width:150px;display:block;padding: 0px 0px 0px 0px!important;text-align:left!important;text-indent:2.5em;}





.clearfix1 {display:block;}

.nav1 .sec1{height:0;color:#333;overflow:hidden;z-index:9999;position:absolute;top:684px;width:200px;font-size:18px; text-align:center; }

.nav1 .sec1 a{background: hsl(218deg 97% 30% / 53%); color:#fff!important;height:60px;line-height:60px;width:200px;display:block;border-top:0px solid #ddd;padding: 0px 0px 0px 0px;text-align:center;}

.nav1 .sec1 a:hover{background:#fff; color:#2b5cbb!important;height:60px!important;line-height:60px!important;width:200px;display:block;padding: 0px 0px 0px 0px!important;text-align:center!important; border-bottom:0px;}









.bannerbox{height:auto;overflow:hidden;display:block}

.banner .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}

.banner .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}

.banner .hd ul {text-align:center;}

.banner .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:20px;height:10px; border-radius:5px;margin:5px;overflow:hidden;background:#fff;filter:alpha(opacity=50);line-height:999px;}

.banner .hd ul .on {background:#0159a1;width:40px;height:8px; border:1px solid #fff;}

.banner .prev,.banner .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}



.banner .next {left:auto;right:5%;background-position:-6px -137px;}

.banner {width:100%;position:relative;height:800px;display:block}

.banner .bd {margin:0 auto;position:relative;z-index:0;height:800px;overflow:hidden;}

.banner .bd ul {width:100% !important;}

.banner .bd li {width:100% !important;height:800px;overflow:hidden;text-align:center;}

.banner .bd li a {display:block;height:800px;}



/*搜索*/

.section{position:relative;width:100%;display:block;display:-ms-flexbox;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}

.full-height{}

[type="checkbox"]:checked,[type="checkbox"]:not(:checked){position:absolute;left:-9999px}

.modal-btn:checked + label,.modal-btn:not(:checked) + label{position:relative; cursor:pointer;}

.modal-btn:not(:checked) + label:hover{}

.modal-btn:checked + label .uil,.modal-btn:not(:checked) + label .uil{margin-left:10px;font-size:18px}

.modal-btn:checked + label:after,.modal-btn:not(:checked) + label:after{position:fixed;top:25%;right:30%;z-index:110;width:40px;border-radius:3px;height:30px;text-align:center;line-height:30px;font-size:18px;background-color:#ffeba7;color:#102770;font-family:'unicons';content:'x';box-shadow:0 12px 25px 0 rgba(16,39,112,.25);transition:all 200ms linear;opacity:0;pointer-events:none;transform:translateY(20px)}

.modal-btn:checked + label:hover:after,.modal-btn:not(:checked) + label:hover:after{background-color:#102770;color:#ffeba7}

.modal-btn:checked + label:after{transition:opacity 300ms 300ms ease,transform 300ms 300ms ease,background-color 250ms linear,color 250ms linear;opacity:1;pointer-events:auto;transform:translateY(0)}

.modal{position:fixed;display:block;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0 auto;top:25%;left:40%;width:30%;height:20%;z-index:100;overflow-x:hidden;background-color:rgba(31,32,41,.75);pointer-events:none;opacity:0;transition:opacity 250ms 700ms ease}

.modal-btn:checked ~ .modal{pointer-events:auto;opacity:1;transition:all 300ms ease-in-out}

.modal-wrap{position:relative;display:block;width:100%;max-width:400px;margin:0 auto;margin-top:20px;margin-bottom:20px;border-radius:4px;overflow:hidden;padding-bottom:20px;background-color:#fff;-ms-flex-item-align:center;align-self:center;box-shadow:0 12px 25px 0 rgba(199,175,189,.25);opacity:0;transform:scale(0.6);transition:opacity 250ms 250ms ease,transform 300ms 250ms ease}

.modal-wrap img{display:block;width:100%;height:auto}

.modal-wrap p{padding:20px 30px 0 30px}

.modal-btn:checked ~ .modal .modal-wrap{opacity:1;transform:scale(1);transition:opacity 250ms 500ms ease,transform 350ms 500ms ease}

.modal-btn:checked ~ .logo img{filter:brightness(100%);transition:all 250ms linear}

@media screen and (max-width:500px){.modal-wrap{width:calc(100% - 40px);padding-bottom:15px}

.modal-wrap p{padding:15px 20px 0 20px}

}

.sous1{ width:380px; height:52px; overflow:hidden; margin: 0 auto;margin-top:25px;}

.sous1 input{ width:60%; height:40px; border:1px solid #ccc; border-radius:8px; font-size:14px; color:#000; text-indent:1em; line-height:40px; margin-top:0px;}

.sous1 button{ width:24%; height:40px; background:#2174B8; border-radius:8px; font-size:14px; color:#fff; line-height:40px; margin-left:10px; border:0px;}



.xinh{ width:1200px; height:70px; overflow:hidden; margin: 0 auto;margin-top:80px; }

.xinh_1{ width:1200px; height:42px; margin: 0 auto;line-height:42px; font-size:44px; color:#144594; font-weight:bold; text-align:center; position:absolute; z-index:9}

.xinh_2{ width:1200px; height:36px; margin: 0 auto;margin-top:30px; line-height:32px; font-size:44px; color:#F0F1F6; font-weight:bold; text-align:center; text-transform:uppercase; position:absolute; z-index:8}



.xinh1{ width:1200px; height:auto; overflow:hidden; margin: 0 auto;margin-top:34px;}

.xinh1_1{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#333; line-height:32px; text-indent:2em;}

.xinh1_2{ width:1023px; height:177px; overflow:hidden; margin:0 auto; margin-top:38px; margin-bottom:45px;}

.xinh1_2 ul li{ width:177px; height:177px; overflow:hidden; float:left; margin-right:105px;}

.xinh1_2 ul li img{ width:177px; height:177px;}

.xinh1_2 ul li:nth-child(4n){margin-right:0px;}

.xinh1_3{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#333; line-height:32px; text-align:center;}





.xinh1_4 {margin: 0px auto;margin-top: 30px; text-align: center; position: relative;width: 106px; height: 44px;}

.xinh1_4 .conbtn {border: 1px solid #999;color: #666; font-size: 16px; padding: 11px 20px; border-radius:3px;}

.xinh1_4 .conbtn:before {content: "";position: absolute;top: -12px;left: 0px;height: 100%;width: 0px;z-index: -1;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}

.xinh1_4 .conbtn:hover:before{width: 100%;background-color: #184B9A;}

.xinh1_4 .conbtn:hover {border: 1px solid #184B9A;color: #fff;}





/*2*/

.xinh2{ width:100%; height:700px; overflow:hidden; background-image:url(../images/xh_6.png); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;margin-top:34px;}

.xinh2_1{ width:100%; height:700px; overflow:hidden; }

.xinh2_1 ul li{ width:25%; height:700px; float:left; overflow:hidden; cursor:pointer}

.xinh2_2{ width:340px; height:auto; overflow:hidden; margin:0 auto; margin-top:146px;}

.xinh2_2_1{ width:100%; height:68px; overflow:hidden; font-size:54px; color:rgb(255 255 255 / 50%); line-height:68px;font-weight:bold}

.xinh2_2_2{ width:100%; height:96px; overflow:hidden; font-size:48px; color:#fff; line-height:96px; font-weight:bold}

.xinh2_2_3{ width:20%; height:3px; overflow:hidden; margin-top:20px; border-bottom:3px solid #fff;}

.xinh2_2_4{ width:60%; height:auto; overflow:hidden; font-size:16px; color:#fff; line-height:30px;margin-top:34px;}



.nav_on4 {background-image:url(../images/bg_2.png);}

.nav_off4{background-image:url(../images/bg_1.png);}







/*3*/

.xinh3{ width:100%; height:952px; overflow:hidden; background-image:url(../images/xh_7.png); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;}

.xinh3_0{ width:1200px; height:auto; overflow:hidden; margin: 0 auto; margin-top:42px;}

.xinh3_1{ width:804px; height:auto; overflow:hidden; margin-left:396px; }

.xinh3_1 ul li{ width:255px; height:347px; float:left; overflow:hidden; cursor:pointer; margin-right:16px; margin-bottom:16px;}

.xinh3_1 ul li:nth-child(3n){margin-right:0px;}

.xinh3_1_1{ width:100%; height:34px; overflow:hidden; text-align:center; margin-top:49px; font-size:24px;  font-weight:bold;}

.xinh3_1_2{ width:100%; height:auto; overflow:hidden; text-align:center;  font-size:24px;font-weight:bold; line-height:45px;}

.nav_on1 {background-image:url(../images/xh_9.png)!important; color:#fff;}

.nav_on1 a{color:#fff;}

.nav_on1 a:hover{color:#fff;}

.nav_off1{olor:#40609D;}

.nav_off1 a{color:#40609D;}

.nav_off1 a:hover{color:#40609D;}

/*4*/

.xinh4{ width:100%; height:544px; overflow:hidden; background-image:url(../images/xh_8.png); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;}

.xinh4_1{ width:94%; height:auto; overflow:hidden; margin: 0 auto; margin-top:64px;}

.xinh4_2{ width:36%; height:auto; overflow:hidden; float:left;}

.xinh4_2_1{ width:100%; height:32px; overflow:hidden; font-size:24px; color:#fff; font-weight:bold; text-transform:uppercase;}

.xinh4_2_2{ width:100%; height:auto; overflow:hidden; font-size:36px; color:#fff; font-weight:bold; margin-top:30px; line-height:60px;}



.xinh4_3{ width:64%; height:auto; overflow:hidden; float:left;}

.xinh4_4{ width:48.5%; height:auto; overflow:hidden; float:left; margin-right:3%;}

.xinh4_4 ul li{ width:100%; height:60px; margin-bottom:27px;}

.xinh4_4 ul li input{ width:94%; height:60px; border:0px; background:#CDD6E5; font-size:16px; color:#999; text-indent:2em;}



.xinh4_5{ width:48.5%; height:auto; overflow:hidden; float:left;}

.xinh4_5_1{ width:100%; height:320px; margin-bottom:27px;}

.xinh4_5_1 textarea{ width:100%; height:298px; border:0px; background:#CDD6E5; font-size:16px; color:#999; text-indent:2em; padding-top:22px;}

.xinh4_5_2{ width:100%; height:60px; }

.xinh4_5_2 button{ width:100%; height:60px; border:0px; background:#0E3570; font-size:16px; color:#fff; }



/*5*/

.xinh5{ width:100%; height:177px; overflow:hidden; background:#000; }

.xinh5_1{ width:1517px; height:auto; overflow:hidden; margin: 0 auto; margin-top:38px;}

.xinh5_2{ width:1118px; height:auto; overflow:hidden; float:left;}

.xinh5_2_1{ width:100%; height:38px; line-height:38px; overflow:hidden; font-size:28px; font-weight:bold; color:#46A5FF;}

.xinh5_2_1 img{ width:37px; height:36px; margin-top:-6px; margin-right:10px;}

.xinh5_2_2{ width:100%; height:45px; line-height:45px; overflow:hidden; font-size:16px; color:#fff;}

.xinh5_2_3{ width:100%; height:32px; line-height:32px; overflow:hidden; font-size:14px; color:#ccc;}

.xinh5_2_3 a{ color:#ccc;}

.xinh5_2_3 a:hover{ color:#ccc; text-decoration:underline}



.xinh5_3{ width:399px; height:auto; overflow:hidden; float:left;}

.xinh5_4{ width:296px; height:auto; overflow:hidden; float:left;}

.xinh5_4_1{ width:100%; height:auto; overflow:hidden;}

.xinh5_4_1 img{ width:auto; height:39px;}

.xinh5_4_2{ width:100%; height:auto; overflow:hidden;}

.xinh5_4_2 select{ width:80%; height:36px; font-size:14px; color:#fff; background:#666666; border:0px; margin-top:18px;}

.xinh5_5{ width:103px; height:auto; overflow:hidden; float:left;}

.xinh5_5 img{ width:103px; height:103px;}