body { overflow-x: hidden; min-width: 1200px; max-width: 1920px; margin: 0 auto; }


/****** index ******/
.w1200 { width: 1200px; overflow: hidden; margin: 0 auto; }
.w1300 { width: 1300px; overflow: hidden; margin: 0 auto; }

/* header */
.header { width: 100%; height: 99px; overflow: visible; padding-bottom: 46px; position: absolute; left: 0px; top: 0px; z-index: 99999;
 background: url("30124548.png") center top; }
.header > .w1200 { height: 78px; overflow: visible; position: relative; }
.header > .w1200 .left { width: 340px; overflow: hidden; margin: 20px 0px 0px 0px; }
.header > .w1200 .left img { width: 100%; }

.header > .w1200 .right { height: 98px; padding-bottom: 2px; }
.header > .w1200 .right ul { overflow: hidden; }
.header > .w1200 .right ul li { height: 98px; float: left; line-height: 16px; font-size: 16px; color: #ffffff; position: relative; }
.header > .w1200 .right ul li a { display: block; padding: 45px 25px 36px 25px; color: #ffffff; }
.header > .w1200 .right ul li a:after { content: ""; display: block; width: 100%; height: 95px; position: absolute; z-index: -1; top: 0;
 left: 0; right: 0; bottom: 0;
 -webkit-transform: scaleY(0);
 transform: scaleY(0);
 -webkit-transform-origin: 50% 0;
 transform-origin: 50% 0;
 -webkit-transition-property: transform;
 transition-property: transform;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
 border-bottom: solid 2px #dc3014; background: #1a3577;
}
.header > .w1200 .right ul li a:hover:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.header > .w1200 .right ul li:hover a { color: #ffffff; }

.header > .w1200 .email-box { padding: 6px 10px; margin-top: 25px; border-radius: 10px; color: #ffffff; background: #214dc5; }
.header > .w1200 .email-box img { height: 22px; padding-right: 5px; line-height: 22px; }
.header > .w1200 .email-box a { color: #ffffff; }

.two-nav { position: absolute; left: 0px; bottom: -46px; z-index: 999; width: 100%; overflow: hidden; }
.two-nav { background: #1a3577; }
.two-nav ul { display: none; overflow: hidden; }
.two-nav ul li { padding: 15px 0px; overflow: hidden; float: left; font-size: 16px; }
.two-nav ul li a { padding: 0px 10px; line-height: 16px; color: #ffffff; border-left: solid 1px #ffffff; }
.two-nav ul li:first-child a { border: 0px; }
.two-nav ul li {
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    -ms-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}
.two-nav ul li:hover { background: #f62b2b; }


.content { width: 100%; overflow: hidden; }
.content a:hover { color: #dc2102!important; }
.content img { transition: all 1s; }
.content img:hover { transform: scale(1.1); }
.content-boxs { width: 100%; overflow: hidden; margin: 0 auto; }

.all-title-box { width: 100%; overflow: hidden; }
.all-title-box dl { width: 100%; overflow: hidden; }
.all-title-box dt { max-width: 260px; overflow: hidden; float: left; font-weight: bold; color: #ffffff; text-align: right; position: relative; }
.all-title-box dt:before { content: ""; position: absolute; top: 15px; left: 0px; z-index: 999; width: 70px; height: 3px; background: #e50112; }
.all-title-box dt > b, .all-title-box dt > span { display: block; }
.all-title-box dt > b { padding-left: 95px; line-height: 32px; font-size: 30px; }
.all-title-box dt > b a { color: #222222; }
.all-title-box dt > span { margin-top: 10px; line-height: 18px; font-size: 16px; }
.all-title-box dt > span a { color: #919191; }
.all-title-box dd { overflow: hidden; float: right; }
.all-title-box dd a { display: block; width: 46px; height: 46px; background: url("30124547.png") no-repeat center; }


.dl-newslist-box { width: 100%; overflow: hidden; margin-top: 15px; }
.dl-newslist-box dl { width: 100%; overflow: hidden; padding: 22px 0px; border-bottom: solid 1px #ececec; }
.dl-newslist-box dl dt { line-height: 18px; font-size: 16px; }


.two { margin-top: 40px; }
.two .left { width: 400px; overflow: hidden; }
.two .left .left-top, .two .left .left-bottom { width: 100%; overflow: hidden; }
.two .left .left-bottom { margin-top: 40px; }

.two .center { width: 350px; overflow: hidden; margin-left: 50px; }
.two .center .dl-newslist-box { margin-top: 18px; }
.two .center .dl-newslist-box dl { padding: 14.5px 0px; }

.two .right { width: 350px; overflow: hidden; }
.two .right .right-top, .two .right .right-bottom { width: 100%; overflow: hidden; }
.two .right .right-top .dl-newslist-box { margin-top: 18px; }
.two .right .right-top .dl-newslist-box dl { padding: 16px 0px; }
.two .right .right-bottom { margin-top: 25px; }
.two .right .right-bottom ul li { width: 100%; overflow: hidden; margin-top: 15px; font-size: 0px; }
.two .right .right-bottom ul li img { width: 100%; }


.three { margin-top: 40px; font-size: 0px; }
.three a img { width: 100%; }


.four { margin-top: 40px; }
.four .left, .four .right { width: 550px; overflow: hidden; }


.three .all-title-box { background: none; }
.three .content-boxs { margin-top: 40px; }
.three .left { width: 450px; overflow: hidden; }
.three .right { width: 730px; height: 300px; overflow: hidden; }
.three .right dl { width: 100%; overflow: hidden; padding: 11px 0px; }
.three .right dl:first-child { padding: 0px 0px 12px 0px; }
.three .right dl dt { width: 310px; overflow: hidden; float: left; line-height: 18px; font-size: 16px; text-indent: 1em; color: #434343; position: relative; }
.three .right dl dt:after { content: ''; position: absolute; left: 0px; top: 50%; z-index: 999999; margin-top: -2.5px; width: 5px; height: 5px; border-radius: 50%;
 background: #214dc5; }
.three .right dl dt a { color: #434343; }
.three .right dl dd { width: 60px; overflow: hidden; float: right; line-height: 18px; font-size: 16px; color: #434343; text-align: right; }
.three .right dl dd a { color: #434343; }


.four { margin-top: 60px; }
.four .content-boxs { margin-top: 40px; }


.five { padding: 40px 0px 60px 0px; margin-top: 50px; background: #f5f5f5; }
.five .content-boxs { margin-top: 45px; }
.five .content-boxs ul { width: 110%; overflow: hidden; }
.five .content-boxs ul li { width: 220px; overflow: hidden; margin-right: 5px; float: left; font-size: 0px; position: relative; }
.five .content-boxs ul li > img { width: 525px; }
.five .content-boxs ul li:after { content: ""; position: absolute; left: 0px; top: 0px; z-index: 99; width: 100%; height: 100%;
 background: url("30124525.png") center; }
.five .content-boxs ul li dl { position: absolute; left: 0px; top: 0px; z-index: 99999; width: 177.5px; height: 100%; overflow: hidden;
 padding: 0px 15px; color: #ffffff; }
.five .content-boxs ul li dl a { color: #ffffff; }
.five .content-boxs ul li dl dt { width: 100%; overflow: hidden; margin-top: 150px; line-height: 20px; font-size: 18px; text-align: center; }
.five .content-boxs ul li dl dd.dd-text { display: none; width: 100%; overflow: hidden; margin-top: 20px; }
.five .content-boxs ul li dl dd.dd-text span { line-height: 28px; font-size: 16px; }
.five .content-boxs ul li dl dd.dd-img { position: absolute; left: 0px; bottom: 50px; z-index: 99999; width: 100%; overflow: hidden; }
.five .content-boxs ul li dl dd.dd-img img { height: 45px; margin-left: 30px; }

.five .content-boxs ul li.activ-on { width: 525px; overflow: hidden;
 -webkit-animation: scale-up-hor-left 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
 animation: scale-up-hor-left 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }

@-webkit-keyframes scale-up-hor-left {
  0% {
    -webkit-transform: scaleX(0.4);
            transform: scaleX(0.4);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
}
@keyframes scale-up-hor-left {
  0% {
    -webkit-transform: scaleX(0.4);
            transform: scaleX(0.4);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
}

.five .content-boxs ul li.activ-on:after { background: url("30124524.png") center; }
.five .content-boxs ul li.activ-on dl { width: 495px; }
.five .content-boxs ul li.activ-on dl dt { margin-top: 105px; line-height: 26px; font-size: 24px; }
.five .content-boxs ul li.activ-on dl dd.dd-text { display: block!important; } 


.six { margin-top: 45px; }
.six .all-title-box .w1200 { height: 53px; position: relative; }
.six .six-pos-box { position: absolute; right: 0px; top: 0px; z-index: 99999; }
.six .six-pos-box ul li { padding: 15px 20px; overflow: hidden; margin: 0px 6.5px; float: left; color: #222222; border: solid 1px #bfbfbf; }
.six .six-pos-box ul li a { color: #222222; }
.six .six-pos-box ul li.active-on { border: solid 1px #183f8f; background: #183f8f; }
.six .six-pos-box ul li.active-on a, .six .six-pos-box ul li.active-on:hover a { color: #ffffff!important; }
.six .content-boxs { margin-top: 40px; }
.six .content-boxs dl, .six .content-boxs dl dd { width: 100%; overflow: hidden; }
.six .content-boxs dl dd { display: none; }
.six .content-boxs dl dd.active-size { display: block; }


.seven { margin-top: 40px; padding-bottom: 70px; }
.seven .content-boxs { margin-top: 40px; }
.seven .content-boxs .right { width: 450px; overflow: hidden; }
.seven .content-boxs .right .all-title-box { height: 55px; background: url("30124551.png") left center; }
.seven .content-boxs .right .all-title-box dt:before { display: none; }
.seven .content-boxs .right .all-title-box dt { max-width: none; }
.seven .content-boxs .right .all-title-box dt > b { padding: 10px 0px 10px 30px; line-height: 35px; font-size: 26px; }
.seven .content-boxs .right .all-title-box dt > b a { color: #ffffff; }
.seven .content-boxs .right .all-title-box dd { margin: 4.5px 15px 4.5px 0px; }
.seven .content-boxs .right .dl-newslist-box dl { padding: 15px 0px; }


.footer { width: 100%; overflow: hidden; background: #1a3577; }
.footer > .w1200 { min-height: 190px; position: relative; }
.footer .left { width: 260px; overflow: hidden; margin-top: 50px; }
.footer .left img { width: 100%; }
.footer .center { width: 730px; overflow: hidden; margin: 55px auto 0px auto; }
.footer .center > ul > li { padding: 8px 0px; line-height: 20px; font-size: 16px; text-align: center; color: #ffffff; }
.footer .center > ul > li a { color: #ffffff; }


/****** list ******/
.banner-box { width: 100%; overflow: hidden; }
.banner-box img { width: 100%; }

.url-nav { width: 100%; margin-top: 22px; line-height: 20px; font-size: 16px; color: #000000; text-indent: 1em; position: relative; }
.url-nav a { color: #000000; }

.list-con-box { width: 100%; overflow: hidden; margin-top: 30px; }
.list-con-box .w1200 { min-height: 850px; padding-bottom: 60px; position: relative; }
.list-left { position: absolute; left: 0px; top: 0px; z-index: 99999; width: 240px; height: 100%; overflow: hidden; }
.list-left dl { width: 235px; height: 100%; border-right: solid 1px #ebebeb; }
.list-left dl dt { overflow: visible; position: relative; }
.list-left dl dt:after { content: ""; position: absolute; right: -5px; top: 0px; z-index: 99999; width: 5px; height: 100%; background: #dc2102; }
.list-left dl dt:before { content: ""; position: absolute; right: 15px; top: 50%; margin-top: -5.5px; z-index: 99999; width: 7px; height: 11px;
 background: url("30124542.png") no-repeat center; }
.list-left dl dt a { color: #222222!important; }
.list-left dl dt, .list-left dl dd { width: 100%; line-height: 22px; font-size: 18px; text-align: center; color: #023f98;
 border-bottom: solid 1px #ebebeb; }
.list-left dl dt a, .list-left dl dd { overflow: hidden; }
.list-left dl dt a, .list-left dl dd a { display: block; width: 96%; padding: 15px 2%; color: #222222; }
.list-left dl dd:hover a { transition: all 0.5s ease 0s; color: #004098!important; font-weight: bold; }
.active-list-on a { color: #222222!important; }

.list-right { width: 872px; min-height: 600px; overflow: hidden; }
.lr-list-name { width: 100%; overflow: hidden; padding-bottom: 10px; font-size: 20px; color: #222222; }
.lr-list-name a { display: block; overflow: hidden; float: left; color: #222222; font-weight: bold; }

.lr-list-box ul { width: 100%; overflow: hidden; }
.lr-list-box ul li { width: 100%; overflow: hidden; line-height: 40px; border-bottom: solid 1px #e5e5e5; position: relative; }
.lr-list-box ul li:after { content: ''; position: absolute; left: 0px; top: 50%; z-index: 999; display: block; width: 4px; height: 4px; margin-top: -2px; background: #000000; }
.lr-list-box ul li a { display: block; width: 100%; height: 100%; float: left; }
.lr-list-box ul li .fl { text-align: left; font-size: 16px; text-indent: 1em; color: #1a1a1a; }
.lr-list-box ul li .fr { text-align: right; font-size: 14px; color: #999999; }
.lr-list-box ul li a:hover .fl, .list-right ul li a:hover .fr { color: #993333; }

.lr-list-text-box { width: 100%; overflow: hidden; }
.lr-list-text-box img { display: block; max-width: 100%; margin: 0 auto; }
.lr-list-text-box img:hover { transform: scale(1.0)!important; }
.lr-list-text-box p { font-size: 16px; line-height: 20px; text-indent: 2em; }

.lr-list-img-box { width: 100%; overflow: hidden; padding-bottom: 50px; }
.lr-list-img-box ul { width: 110%; overflow: hidden; float: left; margin-top: -10px; }
.lr-list-img-box ul li { width: 260px; height:160px; float: left; overflow: hidden; margin: 35px 46px 0px 0px; text-align: center; position: relative; }
.lr-list-img-box ul li img { display: block; width: 100%; height: 160px; }
.lr-list-img-box ul li .pic { text-align: center; overflow: hidden; }
.lr-list-img-box ul li .pic img { display: block; width: 100%; height: 160px; }
.lr-list-img-box ul li .title { position: absolute; left: 0px; bottom: 0px; z-index: 999; width: 100%; overflow: hidden; padding: 10px 0px; line-height: 26px; font-size: 16px;
 text-align: center; color: #ffffff; background: #295da8; }
.lr-list-img-box ul li .title a { color: #ffffff; }

.page-box { text-align: center; margin: 50px auto; font-size: 0px; }
.page-box font { display: inline-block; padding: 6px 12px; color: #ffffff; margin: 0px 4px; font-size: 14px; border: solid 1px #004098; border-radius: 3px; background: #004098; }
.page-box a { display: inline-block; padding: 6px 12px; color: #004098; margin: 0px 4px; font-size: 14px; border-radius: 3px; border: solid 1px #004098; }
.page-box a:hover { color: #ffffff!important; border: solid 1px #004098; background: #004098; }


/****** content ******/
.content-text-box { width: 100%; overflow: hidden; margin-top: 20px; padding-bottom: 50px; }

.content-text-box .ctb-title-box, .content-text-box .ctb-info-box, .content-text-box .ctb-text-box,
.content-text-box .ctb-function-box { width: 100%; overflow: hidden; }
.content-text-box .ctb-title-box .yt-title, .content-text-box .ctb-title-box .ctb-title,
.content-text-box .ctb-title-box .ft-title { width: 100%; overflow: hidden; text-align: center; }
.content-text-box .ctb-title-box { padding: 40px 0px 40px 0px; border-bottom: solid 1px #ececec; }
.content-text-box .ctb-title-box .yt-title { line-height: 22px; font-size: 20px; color: #aaaaaa; }
.content-text-box .ctb-title-box .ctb-title { padding: 10px 0px; line-height: 26px; font-size: 22px; color: #353535; }
.content-text-box .ctb-title-box .ft-title { line-height: 22px; font-size: 20px; color: #aaaaaa; }

.content-text-box .ctb-info-box { padding: 30px 0px 60px 0px; text-align: center; font-size: 16px; }
.content-text-box .ctb-info-box span { padding: 0px 30px; line-height: 18px; font-size: 16px; color: #696969; }

.content-text-box .ctb-text-box { font-size: 16px; color: #333333; }
.content-text-box .ctb-text-box img { display: block; max-width: 100%; margin: 0 auto; }
.content-text-box .ctb-text-box img:hover { transform: scale(1.0)!important; }

.content-text-box .ctb-text-box video { display: block; width: 60%; height: auto; overflow: hidden; margin: 0 auto;
 object-fit: cover; }
.content-text-box .ctb-text-box video object, .content-con-box .ctb-text-box video param, 
.content-text-box .ctb-text-box video embed { width: 100%; height: auto; }

.content-text-box .ctb-function-box { padding: 30px 0px; text-align: center; }
.content-text-box .ctb-function-box a { padding: 0px 15px; font-size: 14px; color: #696969; }