body{ font:16px/2 "Arial",arial,simsun,sans-serif; margin:0 auto; padding:0; background:#fff; overflow-x:hidden; color:#282828;}

/*链接整体设置*/
a{ text-decoration:none; color:#282828; transition:all .15s;}
a:hover{ color:#142a53;}
a:active{ color:#282828;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
div:focus,*:focus,a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;}
input[type=button],input[type=submit],input[type=file],button,select{ -webkit-appearance:none;}

/*公用样式*/
*{ margin:0; padding:0; font-style:normal; font-family:"Arial"; box-sizing:border-box;border-spacing: 0;}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:500;}
img{ border:none; -ms-interpolation-mode:bicubic; -o-object-fit:cover; object-fit:cover;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.w{ max-width:1700px; width:88.55%; margin:0 auto; max-height:999999px;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.comflex3{ display:flex; flex-wrap:wrap; align-items:center;}
.comflex5{ display:flex; flex-wrap:wrap; justify-content:center;}
.comflex4{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between;}
.pic{ position:relative; width:100%; overflow:hidden; transition:all .6s; display:block;}
.dfimg{ display:block; width:100%;}
.pic_w{ position:absolute; left:0; right:0; top:0; bottom:0;}
.pic_w a{ display:block;}

/*header*********************************************************************/
.head{ position:relative; transition:all linear .2s; z-index:505;}
.head-fixed{ width:100%; height:100px; position:fixed; top:0; left:0; right:0; transition:all linear .2s;}
.head-fixed:after{ content:""; display:none; position:absolute; left:0; right:0; bottom:0; background:rgba(255,255,255,.2); height:1px; transition:all .5s linear; font-size:0; overflow:hidden;}
.head-fixed .w{ position:relative;}
.logo{ width:10.88235294117647%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:999}
.logo img{ height:44px;}
.nav{ width:100%; position:relative;}
.navc{ width:100%; padding-right:130px;}
.nav .plebans{ font-size:16px; line-height:100px; position:relative; text-align:center;}
.nav .plebans a{ display:inline-block; transition:all .5s; color:#fff;}
.nav .plebans:after{ content:""; display:none; position:absolute; left:51%; right:51%; bottom:0; background:#fff; height:2px; transition:all .5s linear; font-size:0; overflow:hidden;}
.nav li{ position:relative; margin-right:30px;}
.nav li:last-child{ margin-right:0;}
.nav li .jd{ display:none;}
.nav li.li1{ display:none;}
.nav_bg{ display:none;}
.nav li.hover .plebans a,.nav li.cur .plebans a{ color:rgba(255,255,255,.8);}
.nav li.hover .plebans:after,.nav li.cur .plebans:after{ left:0; right:0;}
.goutp{ display:none; position:absolute; top:100%; left:50%; width:180px; margin-left:-90px; border-radius:0 0 5px 5px; z-index:10; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.1); text-align:center;}
.goutp:before{ content:""; display:inline-block; position:absolute; top:-6px; left:50%; margin-left:-6px; width:0; height:0; font-size:0; overflow:hidden; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #fff;}
.goutp p{ font-size:14px; line-height:2.8;}
.goutp p a{ display:block;}
.goutp p a:hover{ color:#142a53; background:rgba(0,0,0,.05);}
.nav li.li2 .goutp{ width:150px; margin-left:-75px;}
.hrt{ position:absolute; right:0; top:50%; margin-top:-16px;}
.search_ico{ background:url(../images/search.svg) left center no-repeat; background-size:100%; width:19px; height:19px;}
.search_form{ position:fixed; display:none; left:50%; transform:translate(-50%,0); top:130px; z-index:510;}
.search_form .clear{ background:rgba(255,255,255,.76); width:91.42857142857143%; margin:0 auto; padding:2.1875% 24.21875%; -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);}
.search_form form{ width:100%; display:block;}
.s_intxt{ width:81.81818181818182%; padding:0 2.424242424242424%; font-size:14px; line-height:3; border:none;}
.s_inbut{ background:#142a53; font-size:14px; line-height:3; color:#fff; cursor:pointer; border:none; width:18.18181818181818%; text-align:center;}
.dropdown{ font-size:14px; text-transform:uppercase; position:relative; line-height:32px; margin-right:20px;}
.dropdown em{ display:block; color:#fff; background:url(../images/ico1.svg) left center no-repeat; background-size:19px 20px; padding:0 16px 0 33px; position:relative;}
.dropdown em:after{ content:""; display:inline-block; position:absolute; right:0; top:50%; margin-top:-2px; width:0; height:0; font-size:0; overflow:hidden; border-left:3.5px solid transparent; border-right:3.5px solid transparent; border-top:4px solid #fff;}
.dropdown p{ position:absolute; right:-5px; left:-5px; top:100%; background:#142a53; box-shadow:0 2px 5px rgba(0,0,0,.1); border-radius:0 0 5px 5px; line-height:36px; height:0; opacity:0; overflow:hidden; text-align:right;}
.dropdown p a{ display:block; padding:0 15px; color:#fff;}
.dropdown p a:hover{ background:rgba(0,0,0,.05);}
.dropdown.hover p{ display:block; height:auto; opacity:1;}
.head_on{ background:#000; height:80px;}
.head_on .nav .plebans{ line-height:80px;}

.sanh{ width:50px; padding:10px; position:absolute; right:0; top:50%; margin-top:-37.5px; display:none;}
.sanh>div{ height:5px; margin:10px 0px; width:100%; transition:transform 0.5s,opacity 0.5s;}
.sanh>div{ background-color:#fff;}
.tesd>div{ background-color:#fff!important;}
.tesd>div:nth-child(1){ transform:translate3d(0px,15px,0px) rotate(45deg);}
.tesd>div:nth-child(2){ opacity:0;}
.tesd>div:nth-child(3){ transform:translate3d(0px,-15px,0px) rotate(-45deg);}

.banner{ z-index:5; overflow:hidden;}
.banner .swiper-slide .w{ position:relative;}
.banner .dfimg{ height:100vh!important;}
.banner .swiper-slide .ban_pos{ position:absolute; left:0; top:28%; z-index:6; padding:0 9.411764705882353%;}
.banner .swiper-slide .clear{ width:100%;}
.banner .swiper-slide .ban_pos em{ display:block; font-size:36px; color:#fff; font-weight:bold; overflow:hidden; transform:translateX(80px); opacity:0;}
.banner .swiper-slide .w p{ font-size:20px; color:rgba(255,255,255,.5); transform:translateX(100px); opacity:0; margin-top:0.7246376811594203%;}
.banner .swiper-slide .ban_pos span{ line-height:2.95; display:block; font-size:18px; transform:translateX(60px); opacity:0; margin-top:2.173913043478261%;}
.banner .swiper-slide .ban_pos span a{ background:rgba(255,255,255,.2); color:#fff; width:170px; text-align:center; display:inline-block;}
.banner .swiper-slide .ban_pos span a:hover{ color:#fff; background:#142a53;}
.banner .swiper-slide.swiper-slide-active .ban_pos em{ transition:all 1s ease 1s; transform:translateX(0); opacity:1;}
.banner .swiper-slide.swiper-slide-active .ban_pos p{ transition:all 1.5s ease 2s; transform:translateX(0); opacity:1;}
.banner .swiper-slide.swiper-slide-active .w span{ transition:all 2s ease 3s; transform:translateX(0); opacity:1;}
.banner .swiper-pagination{ bottom:6%; z-index:100;}
.banner .swiper-pagination-bullet{ width:70px; height:8px; border:2px solid #fff; background:#fff; opacity:1; margin:0 20px!important; border-radius:1000px; transition:all 0.6s;}
.banner .swiper-pagination-bullet-active{ background:none;}

.titc{ display:block; font-weight:bold; line-height:1; font-size:48px; color:#142a53; position:relative; text-transform:uppercase;}
.c_more{ color:#fff; font-weight:500; font-size:24px; background:#142a53; border:1px solid #142a53; text-transform:uppercase; line-height:2.25; padding:0 23px; position:absolute; right:0; top:-4px;}
.c_more:hover{ color:#142a53; background:#fff;}

.con1{ width:100%; background:#fff; overflow:hidden; padding:65px 0;}
.con1_list{ width:102.352941176470588%; margin-top:-2.352941176470588%;}
.con1_list li{ margin:2.352941176470588% 2.352941176470588% 0 0; width:47.64705882352941%; transition:all 0.6s; overflow:hidden; position:relative;}
.con1_list li a{ display:block;}
.con1_list li .txt{ position:absolute; left:3.615%; right:3.615%; bottom:11.05%; transition:all 0.6s;}
.con1_list li .txt h3{ font-size:26px; color:#fff; font-weight:bold;}
.con1_list li .txt p{ font-size:0; color:#fff; line-height:1.55; margin-top:16px; height:0; transition:all 0.6s; overflow:hidden;}
.con1_list li .c1bg{ position:absolute; left:0; right:0; bottom:0; background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.7)); height:0; transition:all 0.6s;}
.con1_list li.hover{ border-radius:20px;}
.con1_list li.hover .c1bg{ height:50%;}
.con1_list li.hover p{ font-size:20px; height:auto;}

.con2{ width:100%; background:url(../images/bg2.jpg) center top no-repeat; background-size:cover; overflow:hidden; padding:195px 0 175px 0;}
.con2 .titc{ color:#fff; text-align:center; text-transform:none;}
.con2c{ padding:0 7.058823529411765%;}
.con2 .txt{ text-align:center; color:#fff; font-size:18px; line-height:2.166666666666667; padding:60px 0 0 0;}
.con2_list{ width:102.465753424657534%; padding-top:35px;}
.con2_list li{ margin:2.465753424657534% 2.465753424657534% 0 0; width:22.53424657534247%; text-align:center;}
.con2_list li a{ display:block;}
.con2_list li .pic{ border:2px solid #fff; border-radius:10px;}
.con2_list li p{ color:#fff; font-size:20px; padding-top:23px;}

.con3{ width:100%; overflow:hidden; background:#fff; padding:145px 0 80px 0; position:relative;}
.con3 .ico{ position:absolute; left:2.083333333333333%; top:20px; width:16.66666666666667%; z-index:1;}
.con3 .w{ position:relative; z-index:2;}
.con3c{ position:relative; width:100%; margin-top:55px;}
.con3_list li{ position:relative; cursor:pointer;}
.con3_list li .pic{ background:#000;}
.con3_list li .pic img{ height:600px; filter:alpha(opacity=45); opacity:.45;}
.con3_list li h3{ font-size:18px; color:#fff; position:absolute; left:28px; right:28px; bottom:35px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; line-height:1.75;}
.con3_list li.swiper-slide-active{ width:37.52941176470588%!important;}
.con3_list li.swiper-slide-active .pic img{ filter:alpha(opacity=100); opacity:1;}
.con3_list li.swiper-slide-active h3{ font-size:20px; -webkit-line-clamp:2; font-weight:bold; right:33.5%;}
.con3c .swiper-button-prev{ left:-70px;}
.con3c .swiper-button-next{ right:-70px;}
.con3c .swiper-button-prev,.con3c .swiper-button-next{ width:2.941176470588235%; background:#a7a7a7; border-radius:50%; height:auto; transition:all 0.6s;}
.con3c .swiper-button-prev img,.con3c .swiper-button-next img{ width:100%; display:block;}
.con3c .swiper-button-prev:after,.con3c .swiper-button-next:after{ display:none;}
.con3c .swiper-button-prev:hover,.con3c .swiper-button-next:hover{ background:#142a53;}

.con4{ width:100%; background:url(../images/bg4.jpg) center top no-repeat; background-size:cover; overflow:hidden; position:relative;}
.c4_img{ width:62.05882352941176%; margin:0 auto; display:block;}
.con4 .w{ position:relative; padding-top:20.176%;}
.con4_list{ position:absolute; left:0; right:0; top:0; bottom:0;}
.con4_list li{ color:#fff; text-align:center; position:absolute;}
.con4_list li .nub{ position:relative;}
.con4_list li .nub .clear{ width:100%;}
.con4_list li.li1 .nub,.con4_list li.li2 .nub,.con4_list li.li3 .nub{ float:right;}
.con4_list li.li5 .nub,.con4_list li.li6 .nub,.con4_list li.li7 .nub{ float:left;}
.con4_list li .com_c4{ height:150px; margin:0 auto;}
.con4_list li .ico_c4_1{ display:block;}
.con4_list li .ico_c4_2{ display:none;}
.con4_list li .nub .lc{ position:absolute; left:0; right:0; top:0; bottom:0;}
.con4_list li .nub .lc em{ display:block; font-size:47px; font-weight:bold; line-height:1;}
.con4_list li .nub .lc p{ font-size:12.5px; margin-top:7px;}
.con4_list li .txt{ font-size:16px; line-height:1.3125;}
.con4_list li.li4 .txt{ position:absolute; bottom:160px;}
.con4_list li.w1{ width:21.47058823529412%; overflow:hidden;}
.con4_list li.w2{ width:30.29411764705882%; overflow:hidden;}
.con4_list li.w3{ width:40.88235294117647%; overflow:hidden;}
.con4_list li.w4{ width:24.95%;}
.con4_list li.li1{ left:0; top:71.66%;}
.con4_list li.li2{ left:0; top:53.125%; padding-left:3.2%; }
.con4_list li.li3{ left:0; top:36.961%; padding-left:7.94%;}
.con4_list li.li4{ left:50%; top:26.724%; text-align:center; margin-left:-12.475%;}
.con4_list li.li5{ right:0; top:36.961%; padding-right:10.59%;}
.con4_list li.li6{ right:0; top:53.125%;}
.con4_list li.li7{ right:0; top:71.66%;}
.con4_list li .cur .ico_c4_1{ display:none;}
.con4_list li .cur .ico_c4_2{ display:block;}
.bot_txt{ position:absolute; width:42%; left:50%; margin-left:-21%; bottom:0; text-align:center; color:#fff;}
.bot_txt img{ display:block; width:9.523809523809524%; margin:0 auto;}
.bot_txt em{ display:block; font-size:48px; padding:32px 0 90px 0; font-weight:bold; text-transform:uppercase; line-height:1.166666666666667;}
.bot_txt em font{ display:block;}

.con5{ padding:195px 0 105px 0;}
.con5 .ico{ top:70px;}
.con5c{ padding-top:4.647058823529412%; width:100%;}
.con5_lf{ width:50.29411764705882%; position:relative;}
.con5_lf img,.con5_lf .pic,.con5_lf a{ height:100%!important;}
.con5_lf a{ display:block;}
.con5_lf .c5bg{ position:absolute; left:0; right:0; bottom:0; background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.7)); height:50%;}
.con5_lf .txt{ position:absolute; left:4.912280701754386%; right:11.15%; bottom:22px;}
.con5_lf .txt h3{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#fff; font-weight:bold; font-size:24px; line-height:1.25;}
.con5_lf .txt p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#fff; font-size:16px; margin-top:10px;}
.con5_lf .txt em{ display:block; color:#c4c4c4; font-size:14px; background:url(../images/point1.png) right center no-repeat; background-size:22px 6px; margin-top:19px;}
.con5_lf a:hover img{ transform:scale(1.05);}
.con5_rt{ width:45.88235294117647%;}
.txt_list li{ background:#e5e5e5; transition:all 0.6s; margin-bottom:2.564102564102564%;}
.txt_list li:last-child{ margin-bottom:0;}
.txt_list li a{ display:block; padding:4.743589743589744% 6.41025641025641% 3.58974358974359% 6.41025641025641%;}
.txt_list li h3{ font-size:20px; color:#434343; font-weight:bold; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.txt_list li p{ font-size:16px; color:#5e5e5e; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:11px;}
.txt_list li.hover{ background:#142a53;}
.txt_list li.hover h3,.txt_list li.hover p{ color:#fff;}

.com img{ display:block; transition:all 0.6s; max-height:100%; max-width:100%;}
.com li.hover img{ transform:scale(1.05);}

/*foot style*********************************************************************/
.footer{ width:100%; background:#111; overflow:hidden; padding:84px 0 10px 0;}
.footer .w{ padding:0 2.352941176470588%;}
.footer a:hover{ color:rgba(255,255,255,.8);}
.footer .f_lf{ padding-bottom:80px;}
.footer .f_lf .f_logo{ margin-left:-7px;}
.footer .f_lf .f_logo a{ display:inline-block;}
.footer .f_lf .f_logo img{ height:46px;}
.footer .f_lf .txt{ margin-top:32px; font-size:14px; color:rgba(213,211,211,.8); line-height:2.35;}
.footer ul{ width:47.22222222222222%; padding-bottom:80px;}
.footer ul li{ margin-top:10px;}
.footer ul li span{ display:block; text-transform:uppercase; font-size:16px; margin-bottom:12px;}
.footer ul li span a{ color:#eee;}
.footer ul li p{ font-size:14px; line-height:2.571428571428571;}
.footer ul li p a{ color:rgba(219,219,219,.8);}
.foot{ font-size:14px; line-height:1.857142857142857; padding:22.5px 0; border-top:2px solid #272727;}
.foot img{ display:inline-block; height:19px;}
.foot em:last-child a{ margin-left:20px;}
.xypg-news-list{    display: inline-block;}