﻿@charset "utf-8";
@import url("global.css");
@import url("iconfont.css");
/* Width Style*/
.W1400{width:1400px;}
.W1130{width:1130px;}
.W970{width:970px;}
.W900{width:890px;}
.W800{width:800px;}
.W450{width:450px;}
.W400{width:400px;}
.W240{width:240px;}
.W200{width:200px;}

/* Top Style*/
.indexBg{background: url(../images/indexbg.png) center 200px no-repeat #fff;}
header {position:relative;z-index:10;height:260px;background:url(../images/headerbg.png) bottom center no-repeat #fff;}
header > .W1400{display: flex;align-items: center;justify-content: space-between;height: 140px;}
header .Search{width:500px;}
.Time{height:38px;line-height:38px;border: 1px solid #eee;}
.Time .iconfont{font-size:14px;color:#D1D4DA;}
.Logo {width:550px;}
header .phone{width:280px;text-align: right;}




.Weizhi{height:60px;}
.Weizhi .Txt{position: relative;line-height:45px;top:12px;}



/* Form Style*/
.Search {position: relative;}
.Search:hover .TxtInput{border-color:rgba(245,161,1,1);width: 400px;}
.Search:hover .SeachBtn{background:rgba(245,161,1,1);}
.TxtInput{border: 1px solid #D6DFEA;width: 400px;height: 40px;line-height: 40px;overflow:hidden;text-indent: 20px;font-size:14px;transition:all 0.5s;outline: none;border-radius: 50px;background: transparent;}
.SeachBtn{font-size:16px;font-weight:600;color:#fff;border:none;height:40px;width:100px;right:3px;top:2px;position:absolute;background:#305da2;z-index:1000;cursor:pointer;border-radius:100px;transition:all 0.5s;outline: none;}



/*login Style*/
.rukou1{position: relative;z-index: 9;min-height:480px;border-radius:5px;}
.rukou1 li{padding: 18px 24px;display: flex;box-sizing:border-box;border-bottom:1px solid #ddd;line-height: 200%;position: relative;transition: all .51s;cursor: pointer;height: 120px;flex-direction: column;justify-content: center;}
.rukou1 li:last-child{border:0;}
.rukou1 li:after{content:'';width: 13px;height: 13px;position:absolute;right: 20px;top: calc(50% - 7px);border-right: 2px solid #999;border-top: 2px solid #999;transform:rotate(45deg);}
.rukou1 .name{font-size: 18px;color:#000;}
.rukou1 .def,.rukou1 .def a{color:#999;}
.rukou1 .iconfont{font-size:20px;color:#305da2;margin:0 6px 0 0;}
.rukou1 .on{background:#305da2;border-bottom-color: #305da2;}
.rukou1 .on .iconfont,.rukou1 .on .name{color: #fff;}
.rukou1 .on .def,.rukou1 .on .def a{color:rgba(255,255,255,.6);}
.rukou1 .on::after{border-color:#fff;}

/*focus 焦点图*/
.swiper1{width:100%;height:480px;border-radius: 12px;}
.swiper1 .swiper-slide{background:center top;background-size: cover;border-radius:12px;}
.swiper1 .swiper-slide img{width:100%;height: 480px;}
.swiper1 .swiper-button-white{height: 30px;filter: opacity(0.5); transition: .51s;}
.swiper1 .swiper-button-white:hover{filter: opacity(1);}

/* Title Style*/
.Title1{height:55px;width:100%;line-height: 50px;}
.Title1 a,.Title1{font-size: 21px;font-weight: 600;color: #333;}
.Title1 em{color:#999;font-size: 16px;font-weight: 200;margin:0 0 0 10px;font-style: normal;}


.Title2{padding-left: 30px;font-weight:400;box-sizing:border-box;position:relative;margin: 10px 0 15px;}
.Title2:before{content:'';width:5px;height:24px;position:absolute;left: 15px;top: 7px;background-image: linear-gradient(to bottom,rgba(243,152,1,.3) 0%, #305da2 100%);border-radius:4px;}
.Title2.white:before{background:#fff}
.Title2>.cn{font-size:24px;font-weight:700;line-height:38px}
.Title2>.More1{float:right;margin:6px 0;}

.Title3{height:40px;background:#f5f5f5;}
.Title3 h2{display:inline-block;font-size:16px;line-height:30px;position: relative;background:#427EBA;box-shadow: 0 0px 10px rgba(17,83,157, 0.5);color:#fff;font-weight:600;padding:5px 25px;}

.ConBox1{background: #FFFFFF;border-radius: 12px;box-shadow: 0 0 20px 0 rgba(0,0,0,0.12);overflow: hidden;}

.More01 a{color: #888;font-size:14px;position: relative;top:1px;z-index: 1000;font-weight: 100;border: 1px solid #D6DFEA;border-radius: 14px;padding: 3px 12px;transition:all .6s;}
.More01 a:hover{text-decoration:none;color:#fff;border-color:#305da2;background:#305da2;}

.More02 a{border:1px solid #eee; height:31px; line-height:31px; text-align:center; color:#555; display:block;transition:all 1s; border-radius:3px;}
.More02 a:hover{text-decoration:none; background:#ddd; color:#333;border:1px solid #ddd;}

/** List Style**/
.List1 ul{margin:0;padding:0;}/*公告列表样式*/
.List1 li{padding: 10px 4px 10px 12px;display:block;position: relative;transition:all .6s;font-size: 14px;line-height: 22px;border-radius:12px;}
.List1 li::before{position:absolute;content:'';top:19px;left:0;height:5px;width:5px;background:#ccc;border-radius:100px;transition: all .8s;}
.List1 li:hover{padding-left:20px;background:rgba(243,152,1,.08);cursor:pointer;}
.List1 li:hover::before{background:#305da2;left:10px}
.List1 li:nth-child(1)::before{background: none;}
.List1 li:nth-child(1){padding-left:158px;line-height:180%;margin-bottom:5px;height:80px;}
.List1 li:nth-child(1):hover{padding-left:158px;}
.List1 li:nth-child(1) img{background: none;position: absolute;left: 0;top: 0;width: 140px;height: 95px;border-radius: 5px;}
.List1 a{font-size: 16px;}
.List1 a:hover{text-decoration:none;}
.List1 p{color:#999;}

.List2 ul{margin:0;padding:0;}/*公告列表样式*/
.List2 li{padding: 12px 4px 12px 12px;display:block;position: relative;transition:all .6s;font-size: 14px;line-height: 22px;border-radius:12px;}
.List2 li::before{position:absolute;content:'';top:19px;left:0;height:5px;width:5px;background:#ccc;border-radius:100px;transition: all .8s;}
.List2 li:nth-child(even){background-color: rgba(0,0,0,.026);}
.List2 li:hover{padding-left:20px;background:rgba(243,152,1,.08);cursor:pointer;}
.List2 li:hover::before{background:#305da2;left:10px}
.List2 a{font-size: 16px;}
.List2 a:hover{text-decoration:none;}
.List2 p{color:#999;}

.List3 {margin:0;padding:0;display: flex;    justify-content: center;flex-wrap: wrap;}/*首页公告更多入口*/
.List3 a{margin: 10px 15px;width: 320px;height:130px;background: #FFF;box-shadow: 0 0 20px 0 rgba(0,0,0,0.12);border-radius: 12px;display: flex;justify-content: flex-start;align-items: center;transition: box-shadow .3s ease-in-out}
.List3 a:hover{box-shadow:0 0 30px 0 rgba(0,0,0,0.22);cursor: pointer;}
.List3 a:hover .tit{color:#305da2}
.List3 a:hover .more{color:#305da2;background:#fff;}
.List3 a:hover .ico{border-color:#305da2;background:rgba(243,152,1,.05)}
.List3 .ico{width:80px;height:80px;background:rgba(243,152,1,.1);border:1px solid rgba(243,152,1,.08);border-radius:100px;display: flex;justify-content: center;align-items: center;margin: 0 20px 0 30px;transition: .3s ease-in-out}
.List3 a .iconfont{font-size:36px;color: #305da2;transition: .3s ease-in-out}
.List3 a .tit{font-size: 24px; color: #303133; line-height: 25px;font-weight: 500;transition:.3s ease-in-out}
.List3 a .more{background:#305da2;border:1px solid #305da2;font-size:16px;border-radius:25px;display: inline-block;width: 90px;height: 26px;line-height: 26px;text-align: center;margin-top: 10px;color: #fff;transition: .3s ease-in-out}

.List4 {margin:0;padding:0;display: flex;justify-content: space-between;}
.List4 a{width:320px;height: 230px;display: flex;justify-content: center;flex-direction: column;overflow: hidden;border-radius: 10px;}
.List4 img{transition: all 0.5s ease 0s;position: relative;z-index: 1;}
.List4 img:hover{transform: scale(1.2, 1.2);}
.List4 p{font-size:20px;height:52px;line-height: 52px;background: #FFF9F0;border: 1px solid #305da2;position: relative;z-index: 2;text-align: center;bottom: 2px;border-top: none;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

/** WebSite Bottom Style**/
footer{border-top:5px solid #305da2;background: rgba(49,49,49,1);padding:30px 0;color: rgba(255,255,255,.6);}
footer .W1400{display: flex;justify-content: space-between;}
footer a{color:rgba(255,255,255,.6);margin-right: 10px;}
footer a:hover{color:rgba(255,255,255,1);}
footer h2{color: rgba(255,255,255,1);}
footer p{line-height: 220%;}
footer .guanyu{width: 500px;padding-left: 0px;}
footer .lianxi{width: 380px;display: flex;justify-content: space-between;flex-direction: column;}
footer .lianxi span{font-family: fantasy;font-size: 30px;color: rgba(255,255,255,1);line-height: 26px;}
footer .lianxi p{display: flex;align-items: center;}

/** Two Columns Style **/
.LmBanner{height:240px;background:url(../images/lmbanner.png) no-repeat top center;}
.LmBanner h2{padding:80px 0 20px;font-size:32px;font-weight:normal!important;}
.LmTitle{background:#305da2;height: 55px;color: #FFFFFF;border-top-right-radius: 12px;border-top-left-radius: 12px;padding: 10px 0 0 15px;}
.LmTitle h2{font-size:21px;font-weight: 600;text-align: left;display: inline-block;width: 100%;}
.LmTitle em{font-family: Impact;font-size: 16px;color: rgba(255,255,255,.4);font-weight: 400;font-style: normal;}
.list>ul{padding: 10px 0 20px;}
.list>ul>li{width: 90%;margin:0 auto;}
.list>ul>li a[class=title]{width:100%;text-indent: 10px;height:42px;line-height:42px;padding:0;border-bottom: 1px solid #eee;display:block;font-size:16px;position:relative;margin:5px 0;transition: all .5s;}
.list>ul>li a[class=title]:after{content:'';width: 9px;height: 9px;position:absolute;right: 20px;top: calc(50% - 5px);border-right: 1px solid #333;border-top: 1px solid #333;transform:rotate(45deg); transition: all .5s;}
.list>ul>li a:hover[class=title]{color:#305da2;text-decoration:none;border-color:rgba(243,152,1,.61);}
.list>ul>li a:hover[class=title]:after{border-color:#305da2;}

.list-se>li{position: relative;	width:90%;margin:0 auto;}
.list-se>li>a{text-indent: 15px;height: 50px;line-height: 50px;display:block;font-size: 16px;color:#666;position: relative;transition: all .51s;}
.list-se>li>a::before{content:"";display:block;width:6px;height:6px;border-radius:100px;left: 3px;position:absolute;background:#ddd;top: 22px;transition: all .51s;}
.list-se>li>a:hover,.lm-active{color:#305da2!important;text-decoration:none;background:rgba(243,152,1,.1); border-radius: 6px;font-weight: 600;}
.list-se>li>a:hover::before,.lm-active::before{background:#305da2!important;;}




.Content{padding:10px 50px 20px;line-height:180%; font-size:16px;}
.Content p{line-height:180%; font-size:16px;margin:8px 0;}
.Content p,.Content span,.Content td{line-height:200%!important; font-size:16px!important; font-family:"Microsoft Yahei Font"}
.Content p,.Content td{line-height:180%; font-size:16px;margin-top:8px!important;margin-bottom:8px!important;}

.fenye{border-top:1px solid #eee;padding:20px;}
.fenye a ,.fenye select{background: #fff;border: 1px solid #eee;display: inline-block;padding: 5px 12px; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; cursor:pointer;border-radius: 20px;}
.fenye a:hover,.fenye select:hover{border: 1px solid #305da2;background:#305da2;color:#fff;box-shadow: 0px 0px 8px 0px #305da2}



@media only screen and (max-width: 1599px) {
    header{height:240px;}
    .nav>ul{height:60px;}
    .nav ul > li a{line-height:38px;font-size:21px;}
    .W1400{width:1200px;}
    .W1400>a:nth-child(1)>img:nth-child(1){width:100%;overflow: hidden;}
    .W1130{width:930px;}
    .W970{width:880px;}
    .W400{width:300px;}
    .List3 a,.List4 a{width:280px;}
    .List3 .ico{margin:0 20px 0 20px;}
    .Top80{margin-top:50px;}
    .Top50{margin-top:35px;}
}
