@charset "utf-8";
html,body,div,span,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,video{margin:0;padding:0;outline:0;border:0;background:transparent;font-size:100%;}
html{-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{background: #f0f0f0;color: #666;font-size:14px;line-height:1.42857143;font-family:"Microsoft YaHei",Helvetica,Arial,sans-serif,Comfortaa;font-weight: 300; overflow-x:hidden}
/*html.mac body{font-family:"PingFang SC",Microsoft YaHei,Helvetica,Arial,sans-serif;}*/
*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
article,hgroup,menu,nav,section,aside,details,figcaption,figure,footer,header{display:block;}
nav ul,ul,li{list-style:none;}
blockquote{quotes:none;}
blockquote:before,blockquote:after{content:none;}
a{color:#666;vertical-align:baseline;text-decoration:none;font-size:100%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin:0;padding:0;}
a,input{outline:none;}
a:hover,a:focus{color:#014199;text-decoration:none;cursor:pointer;}

ins{color:#323841;background-color:#ff9;text-decoration:none;}
mark{color:#323841;background-color:#ff9;font-weight:bold;font-style:italic;}
*::selection {background:#014199;color: #ffffff; text-shadow:none}
*::-moz-selection {background:#014199;color: #ffffff;text-shadow:none}
@font-face{font-family:"Poppins";src: url(../fonts/Poppins-L.otf) format('truetype');font-weight: normal;font-style: normal;}
/*----------- container -----------*/
.container{margin:0 auto;max-width:1260px;padding:0 20px;}
.container.Waoto{ padding:0}
.containe{position:relative;max-width:1260px;margin:0 auto;color:#fff;padding:0 20px;}

/*----------- 头部 -----------*/
.header{ padding-top:60px;}
.header .header-nav{width:100%; background-color:#fff; z-index:886;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;box-shadow:0 0 10px rgba(22,22,22,0.1); top:0}
.header .header-nav.fixed{background-color:rgba(255, 255, 255,1); opacity:1}
.header .nav-content{
    width:100%;padding:0 20px; position:relative;
}
.header .logo{ position:absolute;font-size:0px; height:30px; overflow: hidden; display: block; text-indent: -20000em; width: auto;background-size: 100% 100%; top:50%; margin-top:-15px;}
.header .logo a{display: block; color: #999; }
.header .logo .logob{ display: none}

.logo img{ height:30px;}
.mLogo{height:30px;}
.mLogo .logo{ display:none}

.kuaijie{ position:relative; width:1420px; margin:50px auto;}

.pros{ z-index:100;}
.pros h2{width:194px;height:38px;line-height:38px;color:#fff;padding-left:16px;font-size:16px;font-weight:400;font-family:"\5FAE\8F6F\96C5\9ED1"}
.subpage h2{background:url(../images/icon-dropdown.jpg) no-repeat 122px center;cursor:pointer}

.prosul{width:330px;margin-top:2px;_overflow:hidden;height:620px; background:#e8f5fe; border:5px solid #022a99; margin-bottom:40px;}
.prosul li,.prosul i{background:url(../images/iconcatg.png) no-repeat;}
li.food{background-position:10px 15px}
li.enjoy{background-position:10px -35px}
li.women{background-position:10px -85px}
li.life{background-position:10px -135px}
li.travel{background-position:10px -185px}
li.goods{background-position:10px -235px}
.prosul li{line-height:48px;height:48px;_overflow:hidden;margin-right:3px;padding-left:18px}
.prosul li.prosahover{background-color:#022a99;margin-right:0;padding-right:3px; color:#fff;}
.prosul li.prosahover a{color:#fff; }
.prosul .ti{font-size:16px;}
.prosul a.hot{background:url(../images/icon-hot.png) right 8px no-repeat}
.prosul li.nochild a:hover{color:#fff}
.prosul li i{float:right;display:block;width:3px;height:50px;text-indent:-999em;background-position:0 -276px;padding-right:12px}
.prosul li.prosahover i{background-position:0 -326px}
.prosul li.last{border-bottom:0 none}
.prosul li.hotareas{background-image:none;padding-left:12px;line-height:26px;height:106px;*overflow:hidden}
.prosul li.hotareas i{line-height:30px;margin-top:-2px;height:40px;background-position:0 -279px}
.prosul li.hotareas a{line-height:30px;height:30px}
.prosul li.hotareas a.hot{background-position:right 0}
.prosul li h2{padding-left:0;line-height:40px;display:inline;font-size:14px;font-weight:400;}
.prosul li.prosahover h2{color:#d03322}
.prosmore{ position:absolute;z-index:100;left:310px;top:0; width:1090px;padding:0 0 0 40px;display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;}
.prosul .prosmore{text-align:left}
.prosul .prosmore span{float:left;height:36px;width:107px;line-height:22px}
.prosmore em{font-weight:400;padding-top:9px;display:inline-block}
.prosmore em.morehot{background:url(../images/icon-hot-more.png) right top no-repeat;padding-right:22px}

.productlist{display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px; margin-bottom:20px;}


.menu{display:flex;}
.micon{width:15px; height:15px; display:block; margin:17px 5px 0 0;}
.alifont{ display:block; margin:0 5px 0 0; font-size:14px;}

.prosul .prosmore a{width:160px; margin-bottom:10px;  background:#fff; border-radius:5px;box-shadow:0 0 10px rgba(22,22,22,0.1); display:block; }
.prolist_img{width:100%;}
.prolist_img img{width:160px;height:160px;border-radius:5px 5px 0 0; object-fit: cover;}
.prolist_txt{text-align:center; color:#000; line-height:32px; padding:0 5px; font-size:16px;}

.huoban{width:100%; background:#fff; border-top:3px solid #014199; padding:20px 0;}

.hzhb{width:1420px; margin:30px auto; display:flex;}
.hzhb_tit{width:160px; height:75px; background:#022a99; border-radius:5px; text-align:center; color:#fff; font-weight:bold; font-size:24px; padding-top:20px; position:relative;}
.hzhb_jiao{position:absolute; right:-10px; top:25px;
width: 0;
    height: 0;
    border-top: 30px solid transparent; /* 上侧透明 */
    border-left: 30px solid #022a99; /* 左侧蓝色 */
    transform: rotate(225deg); /* 旋转90度 */
}
.hzhb_main{
	width:1220px;
}
.qimo8{ overflow:hidden; width:1260px; height:75px; padding:0px 20px;}
.qimo8 .qimo {width:8000%;}
.qimo8 .qimo div{ float:left;}
.qimo8 .qimo ul{float:left; overflow:hidden; zoom:1; }
.qimo8 .qimo ul li{float:left; list-style:none; text-align:center; width:180px; height: 75px; margin-right:10px}
.qimo8 .qimo ul li img{ width:180px; height:75px; border:1px solid #f5f5f5;}
.qimo8 .qimo ul li ol{ text-align:center; height:30px; width: 280px; line-height:30px;transition:all .5s ease; }
 
.qimo8 li a{color:#444444; font-size: 14px;}

.company{width:100%; background:#022a9a;height:720px; }
.company_main{width:1420px;padding:60px 0; margin:0 auto;}
.company_main_left{width:580px;background:#5570bb; padding:10px;}
.company_main_left img{width:100%; height:580px; object-fit:cover}
.company_main_right{width:840px; padding:10px 30px;}
.company_main_right h2{color:#fff; font-weight:bold; font-size:36px;}
.company_en{color:#2b50ac; font-size:24px; padding:10px 0; font-weight:bold;}
.company_heng{background:#d0e7f4; width:120px; height:3px;}
.company_title{color:#fff; font-size:22px; padding-top:30px;}
.company_info{color:#fff; font-size:18px; padding-top:10px; line-height:42px; height:415px; overflow-y:auto; margin-top:20px;
scrollbar-width: thin; /* 滚动条宽度 */ padding-right:20px;text-align: justify;
    scrollbar-color: #888 #f1f1f1; /* 滑块颜色和轨道颜色 */
}


.service{width:100%;background:#e8f5ff; height:650px;}
.service_main{width:1420px;margin:0 auto; padding:100px 0 0 0;}
.service_main_tit1{font-size:32px; font-weight:bold; color:#022a9a; border-bottom:2px solid #f2c61e;width:320px; text-align:center; margin:0 auto; padding-bottom:5px;}
.service_main_tit2{font-size:24px; color:#022a9a;  width:320px; text-align:center; margin:0 auto; padding-top:5px;}

.service_main_list{width:100%;  margin-top:10px;}
.service_main_list_li{width:31.33%;  box-shadow:0 0 10px rgba(22,22,22,0.1); padding:20px; margin-top:2%;}
 
 .service_main_list_li:hover {
            animation: gentle-shake 0.8s ease-in-out;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
        }
        
        @keyframes gentle-shake {
            0%, 100% {
                transform: translateX(0) rotate(0);
            }
            25% {
                transform: translateX(-2px) rotate(-0.5deg);
            }
            50% {
                transform: translateX(2px) rotate(0.5deg);
            }
            75% {
                transform: translateX(-1px) rotate(-0.2deg);
            }
        }
.service_main_list_li h2{font-size:32px; font-weight:bold; color:#f2c61e;font-style:italic;}
.service_main_list_li1{font-size:24px; font-weight:bold; color:#022a9a; padding:5px 0;}
.service_main_list_li2{font-size:16px; color:#666666; padding:5px 0;}


.xijie{width:100%; background:#022a9a; }
.xijie_main{width:1420px;padding:100px 0; margin:0 auto;}
.xijie_main_right{width:740px; padding-top:50px;}
.xijie_main_right img{width:100%;}
.xijie_main_left{width:650px; padding:10px 30px 0 0; border-right:1px solid #3f5db2; margin-right:30px;}
.xijie_main_left h2{color:#f2c61e; font-weight:bold; font-size:36px; padding-bottom:10px;}
.xijie_title{color:#f2c61e; font-size:24px; padding-top:10px;}
.xijie_title a{color:#f2c61e;}
.xijie_info{color:#fff; font-size:18px; line-height:33px; overflow-y:auto;
}
.xijie_info a{color:#fff;}
.xijie_btn{margin-top:20px;}
.xijie_btn a{display:block;}
.xijie_btn1{border-radius:5px; background:#f2c61e; text-align:center; padding:8px 0; font-size:16px; font-weight:bold; width:120px; color:#022a9a;}
.xijie_btn2{border-radius:5px; background:#fff; text-align:center; padding:8px 0; font-size:16px; font-weight:bold; width:120px; color:#022a9a; margin-left:20px;}

.youshi{width:100%;background:#fff;  height:860px;}
.youshi_main{width:1420px;margin:0 auto; padding:100px 0 0 0;}
.youshi_main_tit1{font-size:28px; font-weight:bold; color:#022a9a; border-bottom:2px solid #f2c61e;width:220px; text-align:center; margin:0 auto; padding-bottom:5px;}
.youshi_main_tit2{font-size:18px; color:#022a9a;  width:220px; text-align:center; margin:0 auto; padding-top:5px;}

.youshi_main_list{width:100%;  margin-top:10px;}
.youshi_main_list_li{width:31.33%;  box-shadow:0 0 10px rgba(22,22,22,0.1); padding:20px; margin-top:2%;}
 
.youshi_main_list_li h2{font-size:32px; font-weight:bold; color:#f2c61e;font-style:italic;}
.youshi_main_list_li1{font-size:18px; font-weight:bold; color:#022a9a; padding:5px 0;}
.youshi_main_list_li2{font-size:14px; color:#666666; padding:5px 0;}

.zq-icon{display:inline-block;background:url(../Images/icon.png) no-repeat;}
.icon40x40{width:40px;height:40px}
.crad-area-icon1{background-position:0 0}
.crad-area-icon2{background-position:-40px 0}
.crad-area-icon3{background-position:-80px 0}
.crad-area-icon4{background-position:-120px 0}

.card-area{width:100%;position:relative; margin-top:20px;}
.card-area .bg-e8e8e8{background:#e8e8e8}
.card-area .bg-e1e1e1{background:#e1e1e1}
.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:13%;height:526px;box-shadow: 0 0 30px rgba(0,0,0,.2);}


.card-area .card-item+.card-item{margin-left:-1px}
.card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;}
.card-area .card-item .card .card-content{width:100%;}
.card-area .card-item .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));}
.card-area .card-item .card .card-content.content-second li{float:left;width:50%}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position:absolute;left:0;right:0;z-index:1}
.card-area .card-item .card .card-title{padding-top:1px;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;height:145px;line-height:26px;font-size:14px;top:0;}
.card-area .card-item .card .card-title .content{position:absolute;bottom:-2px;width:100%}
.card-area .card-item .card .card-title h1{font-size:22px;font-weight:700;color:#d9efff;margin-bottom:0}
.card-area .card-item .card .card-title .short-info{color:#8dbbdc;font-size:14px;margin-top:0;margin-bottom:20px}
.card-area .card-item .card .card-title .zq-product-img{width:40px;height:40px;margin:10px auto;position:relative}
.card-area .card-item .card .card-title .zq-product-img img{position:absolute;left:0;width:100%}
.card-area .card-item .card .card-title .zq-product-img .un-hover{z-index:1;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-title .zq-product-img .with-hover{z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1{transition:all .15s cubic-bezier(.4,0,.2,1) 0s}
.card-area .card-item .card .content-first{padding-top:40px;}

.content-first-title{color:#fff; font-size:22px; padding:0 20px; text-align:left;}
.card-area .card-item .card .card-content.content-first .content-first-list{width:100%; font-size:13px;color:#fff; margin-top:20px;}
.card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom:20px; text-align:left;padding:0 20px;font-size:16px;}
.card-area .card-item .card .card-content.content-second{width:100%;text-align:left;height:526px;}
.card-area .card-item .card .card-content.content-second .main-head{color:#000;font-size:24px;line-height:28px;margin:20px 0; font-weight:bold;}
.card-area .card-item .card .card-content.content-second p{margin:5px 0}
.card-area .card-item .card .card-content.content-second .main-tip{color:#232933; line-height:32px; font-size:18px;}
.card-area .card-item .card .card-content.content-second .main-desc{color:#8c8c8c;font-size:12px;line-height:22px}
.card-area .card-item .card .card-content.content-second .main-btn{cursor:pointer;width:160px;height:38px;font-size:16px!important;color:#fff;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#3db1ea;border:none;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-btn:hover{color:#fff;background:#1b77b9}
.card-area .card-item .card .card-content.content-second .main-white-btn{cursor:pointer;width:160px;height:36px;border:1px solid #3db1ea;font-size:16px!important;color:#3db1ea;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#fff;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-white-btn:hover{color:#fff;background:#3db1ea}
.card-area .card-item .card .card-content .other-info{width:105%;height:70px;overflow:hidden;line-height:22px;padding-top:20px;font-size:12px}
.card-area .card-item .card .card-content .other-info .other-info-list{width:27%;height:70px;background:#f2f2f2;margin-right:25px;padding:0 0 0 10px;position:relative}
.card-area .card-item .card .card-content .other-info .other-info-list .c-a-arrow{position:absolute;right:10px;top:15px;background-position:-200px 0}
.card-area .card-item .card .card-content .other-info .other-info-list:hover{background:#3db1ea}.card-area .card-item .card .card-content .other-info .other-info-list:hover .c-a-arrow{background-position:-200px -17px}
.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-desc,.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head{color:#fff}
.card-area .card-item .card .card-content .other-info .other-info-list .list-context{color:#00c1de}
.card-area .card-item .card .card-content .other-info .other-head{font-size:16px;font-weight:400;color:#000;margin:13px 0 0 0;}
.card-area .card-item .card .card-content .other-info .other-desc{margin-top:2px;font-size:12px;color:#999}
.card-area .card-item.active{z-index:6;box-shadow:0 0 30px rgba(0,0,0,.2);width:44%;}
.card-area .card-item.active .card .card-title .short-info{color:#9ed8f5}
.card-area .card-item.active .card .card-title h1{color:#fff}
.card-area .card-item.active .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}

.main-info{padding:20px; position:relative;}
.zxbtn{width:100%; padding:20px; position:absolute; bottom:20px; left:0;}
.zixun{background:#022a99; color:#fff; text-align:center; padding:8px 12px; font-size:14px; border-radius:5px; width:45%; display:block; }
.zxbtn a:hover{color:#fff;}

.duihao{width:30px; padding-right:10px; color:#022a9a; padding-top:5px;}
.bmar5{margin-bottom:5px;}
.youshi_bg1{background:url(../images/q1.jpg) no-repeat; background-size:100% 100%;}
.youshi_bg2{background:url(../images/q2.jpg) no-repeat; background-size:100% 100%;}
.youshi_bg3{background:url(../images/q3.jpg) no-repeat; background-size:100% 100%;}
.youshi_bg4{background:url(../images/q4.jpg) no-repeat; background-size:100% 100%;}
.youshi_bg5{background:url(../images/q5.jpg) no-repeat; background-size:100% 100%;}

.youshi_bg11{background:url(../images/q11.jpg) no-repeat; background-size:100% 100%;}
.youshi_bg22{background:url(../images/q22.jpg) no-repeat; background-size:100% 100%;}
.youshi_bg33{background:url(../images/q33.jpg) no-repeat; background-size:100% 100%;}
.youshi_bg44{background:url(../images/q44.jpg) no-repeat; background-size:100% 100%;}
.youshi_bg55{background:url(../images/q55.jpg) no-repeat; background-size:100% 100%;}

.card-area .card-item.active .youshi_bg1{background:#e9f2fa;}
.card-area .card-item.active .youshi_bg2{background:#e9f2fa;}
.card-area .card-item.active .youshi_bg3{background:#e9f2fa;}
.card-area .card-item.active .youshi_bg4{background:#e9f2fa;}
.card-area .card-item.active .youshi_bg5{background:#e9f2fa;}


.about{width:100%;background:#f8f8f8; height:750px; }
.jieshao_main{width:1420px;margin:0 auto; padding:100px 0;}
.jieshao_main_tit1{font-size:28px; font-weight:bold; color:#022a9a; text-align:center; margin:0 auto; padding-bottom:5px;}
.jieshao_main_tit2{font-size:18px; color:#022a9a;  width:220px; text-align:center; margin:0 auto; padding-top:5px;}

.jieshao_main_list{width:100%;  margin-top:10px;}
.jieshao_main_list_li{width:31.33%;  box-shadow:0 0 10px rgba(22,22,22,0.1); padding:20px; margin-top:2%;}
 
.jieshao_main_list_li h2{font-size:32px; font-weight:bold; color:#f2c61e;font-style:italic;}
.jieshao_main_list_li1{font-size:18px; font-weight:bold; color:#022a9a; padding:5px 0;}
.jieshao_main_list_li2{font-size:14px; color:#666666; padding:5px 0;}


.tab-block {
	width: 1420px;
	margin: 20px auto 0;
}
.tab-block .tab-buttons {
	width:540px; margin:0 auto;
	height: 50px;
 
}

.tab-block .tab-buttons .tab-button {
	width: 120px; margin:0 30px;
	float: left;
	height: 50px;
	text-align: center;
	font-size: 16px;
	color: #231815;
	line-height: 50px;
	position: relative;
	cursor: pointer;
}
.tab-block .tab-buttons .tab-button.cur {
 
	color:#022a9a;
}
.tab-block .tab-buttons .tab-button.cur:after {
	content: '';
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #022a9a
}
.tab-block .tabs {
	width: 100%;      margin-top:30px;
}
.tab-block .tabs .di1{background:#fff;background-image: url('../images/di1.jpg');background-repeat: no-repeat;
  background-position: right bottom;}
.tab-block .tabs .di2{background:#fff;background-image: url('../images/di2.jpg');background-repeat: no-repeat;
  background-position: right bottom;}
.tab-block .tabs .di3{background:#fff;background-image: url('../images/di3.jpg');background-repeat: no-repeat;
  background-position: right bottom;}
.tab-block .tabs .tab-item {
	width: 100%; color:#000;
	height: 100%;
	padding: 30px;
	display: none;
	box-shadow: 0 0 10px rgba(0,0,0,.1); 
	height: 380px;
  
/*   animation: slideInFromRight 1s ease-out forwards; */
}
@keyframes slideInFromRight {
  from {
    transform: translateX(100%); /* 从右侧100%的位置开始 */
    opacity: 0; /* 开始时完全透明 */
  }
  to {
    transform: translateX(0); /* 移动到初始位置 */
    opacity: 1; /* 完全不透明 */
  }
}
.tab-block .tabs .tab-item.active {
	display: block
}
.information-tab .information-left {
	width: 380px;
	overflow: hidden;
	position: relative;
}
.about_title1{font-size:24px; font-weight:bold; color:#022a9a;}
.about_title1_icon{width:40px; height:40px; padding-top:3px; text-align:center; background:#86bade; border-radius:50px;}
.about_title1_icon span{font-size:24px;}
.about_title1 label{padding-top:2px; padding-left:10px;}
.about_title2{font-size:18px; font-weight:bold; padding-top:20px;}
.about_title3{font-size:16px; padding-top:10px; font-weight:bold;}
.about_title4{font-size:14px;  line-height:24px;}
.about_title5{font-size:14px;  line-height:24px; padding-top:10px;}
.about_title6{width:250px; margin-top:10px;}
.about_title6 img{width:100%;}
.about_title7{font-size:14px;  line-height:24px; padding-top:5px;}
.about_title8{font-size:14px;  line-height:24px; padding-top:10px;}
.about_title8 span{padding-right:10px; color:#022a99;}
.information-tab .information-last {
 
	overflow: hidden;
	position: relative;
}
.information-center{width: 420px;}

.information-tab .information-right {
	width:400px;
}
.information-tab .information-right .article-list {
	padding-top: 20px
}
.information-tab .information-right .article-list .article-link {
	display: block;
	padding: 0 20px
}
.information-tab .information-right .article-list .article-link .article-head span {
	display: inline-block;
	vertical-align: middle
}
.information-tab .information-right .article-list .article-number {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	background-color: #999;
	font-size: 14px
}
.information-tab .information-right .article-list .article-title {
	font-size: 16px;
	color: #333;
	line-height: 20px;
	margin-left: 14px;
	width: 450px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.information-tab .information-right .article-list .article-time {
	float: right;
	font-size: 12px;
	color: #999;
	line-height: 20px
}
.information-tab .information-right .article-list .article-content {
	margin-top: 10px;
	padding-left: 44px;
	width: 450px;
	font-size: 14px;
	color: #666;
	line-height: 26px;
	display: none
}
.information-tab .information-right .article-list .article-content p {
	height: 52px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
}
.information-tab .information-right .article-list:nth-of-type(1) .article-number, .information-tab .information-right .article-list:nth-of-type(2) .article-number, .information-tab .information-right .article-list:nth-of-type(3) .article-number {
	background-color: #333
}
.information-tab .information-right .article-list.current .article-link {
	background-color: #fafafc;
	padding: 20px
}
.information-tab .information-right .article-list.current .article-number {
	background-color: #0c9!important
}
.information-tab .information-right .article-list.current .article-title {
	color: #0c9
}
.information-tab .information-right .article-list.current .article-content {
	display: block
}

.news{width:100%;background:#e8f5ff; height:750px; }
.news_main{width:1420px;margin:0 auto; padding:100px 0;}
.news_main_tit1{font-size:28px; font-weight:bold; color:#022a9a; width:220px; text-align:center; margin:0 auto; padding-bottom:5px;}
.news_main_tit2{font-size:18px; color:#022a9a;  width:220px; text-align:center; margin:0 auto; padding-top:5px;}

.news_main_list{width:100%;  margin-top:10px;}
.news_main_list_li{width:700px;  box-shadow:0 0 10px rgba(22,22,22,0.1); padding:20px; margin-top:2%; background:#fff;}
 
.news_main_list_li h2{font-size:32px; font-weight:bold; color:#f2c61e;font-style:italic;}
.news_main_list_li1{font-size:18px; font-weight:bold; color:#022a9a; margin-top:15px;height: 300px;overflow: hidden; display:block;}
.news_main_list_li2{font-size:14px; color:#666666; padding:5px 0;}
.news_main_list_li_title{font-size:18px; font-weight:bold; color:#000;}
.news_main_list_li_more{color:#022a9a}
.news_title{font-size:14px; font-weight:bold; margin-top:10px; padding:10px 0 5px 0;}
.news_desc{font-size:12px; color:#999;  font-weight:normal; padding-top:3px;}
.scroll-container {
	width:100%; margin-top:15px;
            height: 350px;
             overflow-y:overlay;
            position: relative;
             
        }
        /* 隐藏滚动条轨道 */
.scroll-container::-webkit-scrollbar {
    width: 0px;  /* 对于垂直滚动条 */
    height: 0px; /* 对于水平滚动条 */
}

/* 隐藏滚动条滑块 */
.scroll-container::-webkit-scrollbar-thumb {
    background: transparent;
}

/* 隐藏滚动条轨道（对于Firefox等其他浏览器） */
.scroll-container {
    scrollbar-width: none; /* Firefox 64+ */
}
        .scroll-content {
            position: absolute;
            width: 100%;
            
        }
      
      
        .item-content {
            flex: 1;
        }
        .scroll-item {
            padding: 10px 0 5px 0;
            display: flex;color:#000;
        }
		
        .scroll-item h3 {
           font-weight:bold; 
            margin-bottom:5px;color:#000;
            font-size: 16px;
        }
        .scroll-item:hover {
            transform: translateX(2px); color:#022a99;
        
        }
        .scroll-item p {
            color: #a7a7a7;
            font-size: 14px; line-height:24px;
        }
        
       
        
        .instructions {
            margin-top: 30px;
            padding: 20px;
            background: #f0f2f5;
            border-radius: 12px;
            font-size: 15px;
            color: #444;
            border-left: 5px solid #fdbb2d;
        }
        
        .instructions h3 {
            margin-bottom: 12px;
            color: #1a2a6c;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .instructions ul {
            padding-left: 20px;
        }
        
        .instructions li {
            margin-bottom: 8px;
            line-height: 1.5;
        }
@keyframes scrollUp {
            0% {
                transform: translateY(0);
            }
            100% {
                transform: translateY(-50%);
            }
        }



.hezuo{width:100%;background:#fff;   }
.hezuo_main{width:1240px;margin:0 auto; padding:100px 0;}
.hezuo_main_tit1{font-size:28px; font-weight:bold; color:#022a9a; border-bottom:2px solid #f2c61e;width:300px; text-align:center; margin:0 auto; padding-bottom:5px;}
.hezuo_main_tit2{font-size:18px; color:#022a9a;  width:300px; text-align:center; margin:0 auto; padding-top:5px;}

.hezuo_main_list{width:100%;  margin-top:20px;}
.hezuo_main_list_li{width:134px; height:53px;  box-shadow:0 0 10px rgba(22,22,22,0.1); margin:10px; float:left;}
 .hezuo_main_list_li img{width:100%;width:134px; height:53px;}
 .hezuo_main_list_li:hover {
       
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
        }


.gg{width:100%;background:#022a9a; }
.gg_main{width:1220px;height:126px;margin:0 auto; background:url(../images/gg.jpg) no-repeat}
.gg_main_tit1{font-size:22px; color:#fff; padding:25px 0 0 0px;}
.gg_main_tit2{font-size:14px;font-weight:bold; padding:5px 8px; margin:15px 0 0 800px; color:#f2c61e;  width:100px; text-align:center; border:1px solid #fff; border-radius:5px; display:block;}
.gg_main_tit2:hover{color:#f2c61e;}
.bottom{width:100%; background:#f6f7fb; height:650px; }
.bottom-itembox {
    width: 1420px; margin:0 auto; padding:50px 0;
}

.bottom-itembox ul li {
    float: left;

    border-right: 1px rgba(255, 255, 255, 0.1) solid;
}

.bottom-itembox ul li:last-child {
    border: none;
}

.li-a {
    width: 20%;
}

.li-b {
    width: 25%;
}

.li-c {
    width: 20%;
}

.li-d {
    width: 30%;
}
.gz{text-align:center;}
.dis{ margin-top:16px;}
.dis i{ font-size:28px; margin-top:10px;}
.bottom-itembox ul li .tit {
    font-size: 18px;
    color: #fff;
    
    font-style: normal;
}

 
.bottom-itembox ul li a {
    color: #999999;
    font-size: 12px;
   
}
.lx_list{padding-left:12px;}
.box-zh a:hover{color:#022a99;}

.box-zh2 {
    width: 190px;
    float:left;
}
.box-zh2 .box-link {
    color: #022a99;
    font-size: 16px;
    border-left:3px solid #f2ca3e;
    padding:0 0 0 10px; font-weight:bold; margin-bottom:20px;
}
.box-zh2 .lx_nr{  display:block; font-weight:normal; font-size:13px; padding-bottom:22px;}
.box-zh2 a:hover{color:#022a99;}

.box-zh3 {
    width: 260px;
    float:left;
}
.box-zh3 .box-link {
    color: #022a99;
    font-size: 16px;
    border-left:3px solid #f2ca3e;
    padding:0 0 0 10px; font-weight:bold; margin-bottom:20px;
}
.box-zh3 .lx_nr{ display:block; font-weight:normal; font-size:13px; padding-bottom:22px; }
.box-zh3 a:hover{color:#022a99;}
.box-zh4 {
    width: 440px;
    float:left;
}
.kefu1{width:100%;}
.kefu1_li{width:120px; text-align:center;}
.kefu1_li img{width:120px; height:120px;}
.kefu1_li p{font-size:13px; color:3999; padding-top:5px;}
.kefu2{padding-top:30px;}
.kefu2 p{color:#022a99; font-size:28px; line-height:36px; font-weight:bold; text-align:center;}
.kefu3{padding-top:30px;}
.kefu3_li{width:50%;}
.bottom-itembox .kefu3_li_btn{width:120px; height:32px; border-radius:50px; background:#022a99; text-align:center; display:block; color:#fff; margin: 0 auto; line-height:32px;}

.box-zh {
    width: 320px;
    float:left;
}
.box-zh .lx_title{width:70px; text-align: justify; font-size:13px; margin-right:10px;}
.box-zh .lx_nr{width:200px;  display:block; font-weight:normal; font-size:13px; padding-bottom:22px; color:#999999;}
 
.box-zh .box-link {
    color: #022a99;
    font-size: 16px;
    border-left:3px solid #f2ca3e;
    padding:0 0 0 10px; font-weight:bold; margin-bottom:20px;
}

.ewmbox {
    width: 120px;
    margin: auto;
}

.in-box {
    padding-left: 38px;
}

.in-box p {
    line-height: 30px;
    height: 30px;
}

.in-box .ebox {
    padding-top: 28px;
    padding-bottom: 26px;
    font-size: 18px;
    color: #fff;
}

.pbox {
    width: 88%;
    padding-bottom: 30px;
}

.pt16 {
    padding-top: 10px;
    padding-bottom: 10px;
}



.Overview-btn-row {
    text-align: center;
    margin: 20px 0;
}

.Overview-btn {
    font-size: 16px;
    color: #6F6F6F;
    margin: 0 20px;
    display: inline-block;
    position: relative;
    transition: 400ms;
}

.Overview-btn::after {
    content: ">";
    float: right;
    /*margin-top: 3px;*/
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-family: 宋体;
    font-size: 14px;
    margin-left: 10px;
    border-radius: 50%;
    background: #10784a;
    font-weight: bold;
    transition: 400ms;
}

.Overview-btn:hover {
    color: #009452;
}

.Overview-btn:hover:after {
    background: #009452;
    color: #fff;
}

.index-new-row i{
     color:#999999;
   
 
}
.foot_bottom{ width: 100%;  background:#1b1b1b; padding:10px 0; line-height:24px; font-size: 12px;color: #999; text-align:center;}
.de_zk{font-size: 12px; text-align: center;}

.foot_nav{width:100%;background:#fff;}
.foot_nav_main{width:1000px; margin:auto; padding:30px 0;}
.foot_nav_main a{color:#022a99; font-size:18px; text-align:center; display:block; font-weight:bold;}
.banquan{width:100%;background:#022a99;}
.banquan_main{width:1220px; margin:auto; padding:10px 0;color:#fff;  text-align:center;font-size:12px;}
.banquan_main a{color:#fff; font-size:12px; padding-left:10px;}



.about_banner{width:100%;background:url(../images/about_banner.jpg) no-repeat; background-size:cover;  background-position: center; height:600px; }
.about_banner_main{width:1220px; margin:0 auto; position:relative;height:600px;}
.about_banner_main_txt{position:absolute; left:0; bottom:50px;}
.about_banner_main_txt h1{color:#fff; font-weight:bold; font-size:48px;}
.about_banner_main_txt p{color:#fff; font-weight:bold; font-size:23px; padding-top:5px;}

.about_nav{width:100%; border-bottom:1px solid #e3e4e4; background:#fff;}
.about_nav_main{width:1420px; margin:0 auto; }
.about_nav_main .cur{border-bottom:3px solid #022a99;}
.about_nav_main ul li{  float:left; margin-right:30px;}
.about_nav_main ul li a{ height:64px; padding:0 10px; line-height:64px; text-align:center; color:#000; display:block; font-size:16px; font-weight:bold;}


.about2{width:100%; margin-top:20px; background:#fff; padding:50px 0;}
.about3{width:100%; margin-top:20px; background:#fff; padding:30px 0 50px 0;}
.about_main{width:1420px; margin:0px auto;box-shadow: 0 0 20px rgba(0,0,0,.1);padding:0;}
.about_main_left{width:680px;background:#0c2d85; padding:10px; height:680px;}
.about_main_left img{width:100%; object-fit:cover; }
.about_main_right{width:740px; padding:50px; background:#e7f2fc;}
.about_main_right h2{color:#174f98; font-weight:bold; font-size:36px;}
.about_en{color:#174f98; font-size:24px; padding:10px 0; font-weight:bold;}
.about_heng{background:#d0e7f4; width:120px; height:3px;}
.about_title{color:#174f98; font-size:24px;font-weight:bold;}
.about_info{color:#174f98; font-size:18px; line-height:36px; overflow-y:auto; height:400px;}
.about_title2{color:#174f98; font-size:18px; font-weight:bold; padding:20px 0 0 0;}
.about_info2{color:#174f98; font-size:18px; line-height:36px; overflow-y:auto; height:410px;-ms-overflow-style: none; /* IE 和 Edge */
  scrollbar-width: none; /* Firefox */}
 .about_info2::-webkit-scrollbar {
  display: none;
}

.about1{width:100%; padding-top:75px; height:680px; background:url(../images/about1.jpg) no-repeat; background-size:cover;  background-position: center; width:100%; margin:20px auto 0 auto;}
.about1_main{width:1220px; padding:40px;background:rgba(12,45,131,.8);margin:0 auto;}
.about1_main h2{color:#fff; font-weight:bold; font-size:36px; padding-bottom:10px;  }
.about1_info{color:#fff; font-size:18px; line-height:36px; overflow-y:auto;text-align: justify; padding:0px 0; height:380px; overflow-y:auto; margin:20px 0;-ms-overflow-style: none; /* IE 和 Edge */
  scrollbar-width: none; /* Firefox */}
 .about_info2::-webkit-scrollbar {
  display: none;
}
.about1_info h3{padding:20px 0;}
.about1_info p{font-size:18px; }

.jieshao_title2{color:#174f98; font-size:36px; font-weight:bold; padding:20px 0 0 0;}
.about_info2 p{color:#174f98;}
.about_info2 h3{color:#174f98;}


















.flex{display:flex;}

.flex-sb {
  display: flex;
  justify-content: space-between; /* 在两端对齐元素 */
}

.tpm-logo-card__wrap--multi {
    overflow: hidden
}

.tpm-logo-card__wrap--multi .tpm-logo-card__wrap-inner {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    /* transform:translateX(-50%); */
    /* display:inline-block; */
}

.tpm-logo-card__wrap--loop .tpm-logo-card__list,.tpm-logo-card__wrap--multi .tpm-logo-card__list {
    white-space: nowrap
}

.tpm-logo-card__wrap.align-center {
    text-align: center
}

.tpm-logo-card__wrap.align-right {
    text-align: right
}

.tpm-logo-card__wrap.align-left {
    text-align: left
}
.tpm-logo-card {
    box-sizing: border-box;
    width: 200px;
    background: #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff,inset 0 4px 20px 0 hsla(0,0%,100%,.5);
    border-radius: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-font-smoothing: antialiased;
    padding: 6px 12px;
}

@media screen and (min-width: 769px) {
    .tpm-logo-card {
        transition:box-shadow .3s ease-in-out
    }
}

.tpm-logo-card img {
    display: block;
    max-width: 100%;
    max-height: 40px;
    max-width: min(160px,100%)
}

.tpm-logo-card__img-wrap {
    width: 100%;
    max-width: 160px
}

.tpm-logo-card__img {
    padding-top: 40%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0!important;
    line-height: 0!important
}

.tpm-logo-card[href]:hover {
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2),-8px -8px 20px 0 #fff
}

.tpm-logo-card__wrap {
     padding-bottom:30px;
   
}

.tpm-logo-card__tit {
    font-size: 12px;
    color: #495770;
    text-align: center;
    line-height: 20px;
    margin-top: 4px
}

.tpm-logo-card__list {
    padding: 0 6px
}

.tpm-logo-card__list>li {
    display: inline-block;
    vertical-align: top;
    padding: 0 6px 12px;
}

.tpm-logo-card__wrap--fixcol .tpm-logo-card__wrap-inner {
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 1180px
}

.tpm-logo-card__wrap--fixcol .tpm-logo-card__list {
    text-align: center;
    padding: 0
}

.tpm-logo-card__wrap--fixcol .tpm-logo-card__list>li {
    width: 20%;
    box-sizing: border-box
}

.tpm-logo-card__wrap--fixcol .tpm-logo-card {
    width: 100%
}

.tpm-logo-card__wrap--fixcol.align-left .tpm-logo-card__list {
    text-align: left
}

.tpm-logo-card__wrap--fixcol.align-right .tpm-logo-card__list {
    text-align: right
}

.tpm-logo-card__wrap--col3 .tpm-logo-card__list>li {
    width: 33.333%;
    box-sizing: border-box
}

.tpm-logo-card__wrap--col4 .tpm-logo-card__list>li {
    width: 25%;
    box-sizing: border-box
}

.tpm-logo-card__wrap--col5 .tpm-logo-card__list>li {
    width: 20%;
    box-sizing: border-box
}

.tpm-logo-card__wrap--col6 .tpm-logo-card__list>li {
    width: 16.666666666%;
    box-sizing: border-box
}

.tpm-logo-card__wrap--col7 .tpm-logo-card__list>li {
    width: 14.2857142857%;
    box-sizing: border-box
}

.tpm-logo-card__wrap--col8 .tpm-logo-card__list>li {
    width: 12.5%;
    box-sizing: border-box
}

.tpm-logo-card__wrap--multi {
    overflow: hidden
}

.tpm-logo-card__wrap--multi .tpm-logo-card__wrap-inner {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    /* transform:translateX(-50%); */
    /* display:inline-block; */
}

.tpm-logo-card__wrap--loop .tpm-logo-card__list,.tpm-logo-card__wrap--multi .tpm-logo-card__list {
    white-space: normal
}

.tpm-logo-card__wrap.align-center {
    text-align: center
}

.tpm-logo-card__wrap.align-right {
    text-align: right
}

.tpm-logo-card__wrap.align-left {
    text-align: left
}

@media screen and (max-width: 1200px) {
    .tpm-logo-card {
        padding:12px
    }
}

@media screen and (max-width: 768px) {
    .tpm-logo-card {
        width:104px;
        padding: 12px 4px;
        border-radius: 4px
    }

    .tpm-logo-card__wrap {
        padding: 0 16px 20px;
        margin-bottom: -28px
    }

    .tpm-logo-card__list {
        padding: 0;
        margin: 0 -4px
    }

    .tpm-logo-card__list>li {
        padding: 0 4px 8px
    }

    .tpm-logo-card__tit {
        display: none
    }

    .tpm-logo-card__wrap--fixcol .tpm-logo-card__list {
        margin: 0 -4px;
        padding: 0
    }

    .tpm-logo-card__wrap--multi {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .tpm-logo-card__wrap--multi .tpm-logo-card__wrap-inner {
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media screen and (max-width: 600px) {
    .tpm-logo-card__wrap {
        padding:0 16px 20px
    }

    .tpm-logo-card__wrap--fixcol .tpm-logo-card__list {
        text-align: center;
        padding: 0
    }

    .tpm-logo-card__wrap--fixcol .tpm-logo-card__list>li {
        width: 33.33%;
        box-sizing: border-box
    }

    .tpm-logo-card__wrap--col3 .tpm-logo-card__list>li,.tpm-logo-card__wrap--col4 .tpm-logo-card__list>li,.tpm-logo-card__wrap--col5 .tpm-logo-card__list>li,.tpm-logo-card__wrap--col6 .tpm-logo-card__list>li,.tpm-logo-card__wrap--col7 .tpm-logo-card__list>li,.tpm-logo-card__wrap--col8 .tpm-logo-card__list>li {
        width: 33.333%;
        box-sizing: border-box
    }
}

.tpm-case-card {
    display: block;
    box-sizing: border-box;
    height: 210px;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 4px;
    white-space: normal;
    position: relative
}

.tpm-case-card__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    pointer-events: none;
    background: url(images/bg_3ac.jpg) 0 100% no-repeat;
    background-size: auto 100%;
    opacity: 0
}
@media screen and (min-width: 1601px) {
    .tpm-logo-card__list {
     height:92px;
        overflow: hidden;
        white-space: normal;
        text-align: center;
    }
}

@media screen and (min-width: 769px) and (max-width:1600px) {
    .tpm-logo-card__wrap-inner {
        max-width:1204px;
        display: block
    }

    .tpm-logo-card__list>li {
        width: 19%;
        box-sizing: border-box
    }

    .tpm-logo-card__list>li:nth-child(n+6) {
        display: none
    }

    .tpm-logo-card {
        width: auto
    }
}

@media screen and (min-width: 1440px) and (max-width:1600px) {
    .tpm-logo-card__wrap-inner {
        max-width:1432px
    }

    .tpm-logo-card__list>li {
        width: 16.4%
    }

    .tpm-logo-card__list>li:nth-child(6) {
        display: inline-block
    }
}
@media screen and (min-width: 1601px) {
    .tpm-case .tpm-logo-card__wrap--multi .tpm-logo-card__list {
        height:92px;
        overflow: hidden;
        white-space: normal;
        text-align: center
    }
}

        /* 隐藏滚动条轨道 */
.company_info::-webkit-scrollbar {
    width: 0px;  /* 对于垂直滚动条 */
    height: 0px; /* 对于水平滚动条 */
}

/* 隐藏滚动条滑块 */
.company_info::-webkit-scrollbar-thumb {
    background: transparent;
}

/* 隐藏滚动条轨道（对于Firefox等其他浏览器） */
.company_info {
    scrollbar-width: none; /* Firefox 64+ */
}

        /* 隐藏滚动条轨道 */
.about_info::-webkit-scrollbar {
    width: 0px;  /* 对于垂直滚动条 */
    height: 0px; /* 对于水平滚动条 */
}

/* 隐藏滚动条滑块 */
.about_info::-webkit-scrollbar-thumb {
    background: transparent;
}

/* 隐藏滚动条轨道（对于Firefox等其他浏览器） */
.about_info {
    scrollbar-width: none; /* Firefox 64+ */
}




















.clear{clear:both;}


.innerbg{background:#fff;}


.zhanshi_banner{width:100%;background:url(../images/zhanshi.jpg) no-repeat;  background-size:cover;  background-position: center; height:500px;}
.zhanshi_banner_main{width:1420px; margin:0 auto; position:relative;height:500px;}
.zhanshi_banner_main_txt{position:absolute; left:0; bottom:50px;}
.zhanshi_banner_main_txt h1{color:#fff; font-weight:bold; font-size:48px;}
.zhanshi_banner_main_txt p{color:#fff; font-weight:bold; font-size:23px; padding-top:5px;}

.lianxi_banner{width:100%;background:url(../images/zhanshi.jpg) no-repeat;  background-size:cover;  background-position: center; height:500px;}
.lianxi_banner_main{width:1420px; margin:0 auto; position:relative;height:500px;}
.lianxi_banner_main_txt{position:absolute; left:0; bottom:50px;}
.lianxi_banner_main_txt h1{color:#fff; font-weight:bold; font-size:48px;}
.lianxi_banner_main_txt p{color:#fff; font-weight:bold; font-size:23px; padding-top:5px;}

.lianxi_main{width:1220px;margin:40px auto;}
.lianxi_main_left{width:590px; height:570px; background:#e8f3fc; padding:50px 0 0 40px; position:relative;}
.lianxi_company1{font-size:30px; color:#000; font-weight:bold;}
.lianxi_company2{font-size:14px; color:#a09fa0; font-weight:bold;}
.lianxi_phone1{font-size:24px; color:#022a99; font-weight:bold; padding-top:20px;}
.lianxi_phone2{font-size:24px; color:#022a99; font-weight:bold; padding-top:5px; padding-bottom:10px;}

.lianxi_list{padding-top:10px;}
.lianxi_title{width:70px; text-align: justify; font-size:12px; margin-right:10px;}
.lianxi_wechat{padding-top:50px;}
.lianxi_zhong{width:100px;}
.lianxi_zhong img{width:100%;}
.lianxi_zhong_info{color:#000; line-height:24px; padding:25px 0 0 20px;}
.lianxi_mini{width:100px; position:absolute; bottom:40px; right:40px;}
.lianxi_mini img{width:100%;}
.lianxi_mini p{text-align:center; padding-top:10px;}

.lianxi_main_right{width:590px; height:570px; background:#e8f3fc}
.lianxi_btn1{width:349px; height:110px; margin:150px auto 0 auto; background:url(../images/lx_btn.png) no-repeat;}
.lianxi_btn1_l{width:100%;}
.lianxi_btn1_l_img{width:50px; margin:28px 0 0 30px;}
.lianxi_btn1_l_img img{width:100%;}
.lianxi_btn1_l p{color:#65b73e; font-weight:bold; font-size:24px; padding:35px 0 0 20px;}
.lianxi_btn1_r{width:90px; margin:8px 8px 0 0;}
.lianxi_btn1_r img{width:90px;height:90px; border:1px solid #b3b3b3; border-radius:5px;}

.lianxi_btn2{width:349px; height:110px; margin:20px auto 0 auto; background:url(../images/lx_btn.png) no-repeat;}
.lianxi_btn2_l{width:100%;}
.lianxi_btn2_l_img{width:50px; margin:35px 0 0 30px;}
.lianxi_btn2_l_img img{width:100%;}
.lianxi_btn2_l p{color:#1d71ba; font-weight:bold; font-size:24px; padding:35px 0 0 20px;}
.lianxi_btn2_r{width:90px; margin:8px 8px 0 0;}
.lianxi_btn2_r img{width:90px;height:90px; border:1px solid #b3b3b3; border-radius:5px;}

.liuyan_main{width:1220px;margin:40px auto;}
.liuyan_main_left{width:420px;  position:relative;}
.liuyan_company1{font-size:28px; color:#000; font-weight:bold;}
.liuyan_company2{font-size:13px; color:#a09fa0; font-weight:bold;}
.liuyan_phone1{font-size:24px; color:#022a99; font-weight:bold; padding-top:20px;}
.liuyan_phone2{font-size:24px; color:#022a99; font-weight:bold; padding-top:5px; padding-bottom:10px;}

.liuyan_list{padding-top:10px;}
.liuyan_title{width:70px; text-align: justify; font-size:12px; margin-right:10px;}
.liuyan_wechat{padding-top:20px;}
.liuyan_zhong{width:100px;}
.liuyan_zhong img{width:100%;}
.liuyan_zhong_info{color:#000; line-height:24px; padding:25px 0 0 20px;}
.liuyan_wechat2{padding-top:20px;}
.liuyan_zhong2{width:100px;}
.liuyan_zhong2 img{width:100%;}
.liuyan_zhong_info2{color:#000; line-height:24px; padding:35px 0 0 20px;}
.liuyan_mini{width:100px; position:absolute; bottom:40px; right:40px;}
.liuyan_mini img{width:100%;}
.liuyan_mini p{text-align:center; padding-top:10px;}

.liuyan_main_right{width:760px; height:700px; background:#e8f3fc; padding:20px 40px;}
.liuyan_tit{font-size:20px; border-bottom:3px solid #000; padding-bottom:5px; width:80px; font-weight:bold; color:#000;}
.liuyan_li{ color:#000; padding:20px 0 0 0;}
.liuyan_input{padding:10px 0 0 0;}
.tijiao{width:100%; margin-top:20px;}





.wenhua1{width:100%; }
.wenhua1_main{width:1420px;margin:0 auto; padding:60px 0;}
.wenhua1_main_tit1{font-size:28px; font-weight:bold; color:#182749;  text-align:center;  padding-bottom:5px;}
.wenhua1_main_list{width:100%;  margin-top:10px;}
.wenhua1_main_list_li{width:48%;  box-shadow:0 0 10px rgba(22,22,22,0.1); padding:20px; margin-top:2%; background:#e7f2fc;}
 
 .wenhua1_main_list_li:hover {
            animation: gentle-shake 0.8s ease-in-out;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
        }
        
        @keyframes gentle-shake {
            0%, 100% {
                transform: translateX(0) rotate(0);
            }
            25% {
                transform: translateX(-2px) rotate(-0.5deg);
            }
            50% {
                transform: translateX(2px) rotate(0.5deg);
            }
            75% {
                transform: translateX(-1px) rotate(-0.2deg);
            }
        }
.wenhua1_main_list_li h2{font-size:36px; font-weight:bold; color:#fff; background:#182749; width:50px; height:50px; line-height:50px; text-align:center;margin:0 auto; border-radius:50px; margin-top:10px;}
.wenhua1_main_list_li1{font-size:24px; font-weight:bold; color:#182749; padding:15px 0; text-align:center;}
.wenhua1_main_list_li2{font-size:18px; color:#666666; padding:5px 0; line-height:28px; text-align:center;}

.wenhua2{width:100%; margin-top:20px; background:#fff;}
.wenhua2_main{width:1420px;margin:0px auto 60px auto; background:#e7f2fc;}
.wenhua2_main_left{width:520px; padding:30px;}
.wenhua2_main_left img{ width:100%; object-fit:cover; height:460px;}
.wenhua2_main_right{width:900px; padding:30px 30px 0 0px;}
.wenhua2_main_right h2{color:#174f98; font-weight:bold; font-size:36px;}
.wenhua2_en{color:#174f98; font-size:24px; padding:10px 0; font-weight:bold;}
.wenhua2_heng{background:#d0e7f4; width:120px; height:3px;}
.wenhua2_title{color:#174f98; font-size:36px; padding-top:20px; font-weight:bold;}
.wenhua2_info{color:#174f98; font-size:18px; padding-top:10px; line-height:36px; overflow-y:auto;height:420px;-ms-overflow-style: none; /* IE 和 Edge */
  scrollbar-width: none; /* Firefox */}
 .wenhua2_info::-webkit-scrollbar {
  display: none;
}
.wenhua2_info p{ font-size:18px;}
.wenhua2_info h3{ font-size:24px;}
 
.wenhua3{width:100%; margin-bottom:60px;}
.wenhua3_main{width:1420px;margin:0 auto; padding:60px 0; background:#e7f2fc;}
.wenhua3_main_tit1{font-size:36px; font-weight:bold; color:#0d2f88;  text-align:center;  padding-bottom:5px;}
.wenhua3_main_list{width:100%;  margin-top:10px;}
.wenhua3_main_list_li1{font-size:18px; color:#174f98; padding:15px 150px; line-height:36px; }
.wenhua3_main_list_li2{font-size:18px; color:#666666;  width:800px; margin:0 auto;}
.wenhua3_main_list_li2 img{width:100%;}
.wenhua3_main_list_li1 p{ font-size:18px; color:#174f98;}
.wenhua3_main_list_li1 h3{ font-size:24px; padding:20px 0; color:#174f98;}

.linian{width:1420px; margin: 60px auto 0 auto;}
.linian_left{width:300px;}
.linian_left_li{font-size:24px; color:#022a99; padding-right:30px;  font-weight:bold; text-align:right;
background:url(../images/dian.png) no-repeat 290px 13px; margin-right:0px; height:170px;
}
.linian_right{width:1120px; margin-top:20px;border-left:2px solid #022a99; margin-left:-6px;}

.linian_right_li{font-size:14px; color:#000; padding:30px 30px 0 30px;  width:1000px; margin-left:20px; background:#e7f2fc; border-radius:5px; margin-bottom:30px;
height:145px; margin-top:-5px;
}
.linian_right_li p{line-height:28px;}
.linian_right_li:hover{background:#2b92da; color:#fff;}
.zhiliang2{width:100%; background:#e7f2fc; }
.zhiliang2_main{width:1420px;margin:0 auto; padding:60px 0;}
.zhiliang2_main_tit1{font-size:24px; font-weight:bold; color:#022a99;   padding-bottom:5px;}
.zhiliang2_main_tit2{font-size:14px;}
.zhiliang2_main_list{width:100%;  margin-top:10px;}
.zhiliang2_main_list_li{width:31.33%;  box-shadow:0 0 10px rgba(22,22,22,0.1); padding:20px; margin-top:2%; background:#fff;transform: translateY(0px);
    transition: all 0.6s;}
.zhiliang2_main_list_li:hover{transform: translateY(-15px);
    transition: all 0.6s;}
	
.zhiliang2_main_list_li h2{font-size:24px; font-weight:bold; color:#022a99;  width:50px; height:50px; line-height:50px; text-align:center;margin:0 auto; border-radius:50px; margin-top:10px;}
.zhiliang2_main_list_li1{font-size:18px; font-weight:bold; color:#022a99; padding:15px 0; text-align:center;}
.zhiliang2_main_list_li2{font-size:14px; color:#666666; padding:5px 0; line-height:28px;}

.zhiliang1{width:100%; }
.zhiliang1_main{width:1420px;margin:0 auto; padding:30px 0 60px 0;}
.zhiliang1_main_tit1{font-size:28px; font-weight:bold; color:#182749;  text-align:center;  padding-bottom:5px;}
.zhiliang1_main_list{width:100%; }
.zhiliang1_main_list_li{width:48%;  box-shadow:0 0 10px rgba(22,22,22,0.1); margin-top:3%; padding-bottom:20px;     transform: translateY(0px);
    transition: all 0.6s;}
.zhiliang1_main_list_li:hover{transform: translateY(-15px);
    transition: all 0.6s;}
.zhiliang1_main_list_li h2{font-size:24px; font-weight:bold; color:#fff; background:#182749; width:50px; height:50px; line-height:50px; text-align:center;margin:0 auto; border-radius:50px; margin-top:10px;}
.zhiliang1_main_list_img{width:100%;}
.zhiliang1_main_list_img img{width:100%;}
.zhiliang1_main_list_li1{font-size:18px; font-weight:bold; color:#022a99; padding:20px 20px 5px 20px; }
.zhiliang1_main_list_li2{font-size:14px; color:#666666; padding:5px 0; line-height:28px;padding:5px 20px 0px 20px; }

.yincang{    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    word-spacing: normal;
    text-overflow: ellipsis;}
.weizhi{padding-top:22px;}
 
 .wenhua1_main_list_li:hover {
            animation: gentle-shake 0.8s ease-in-out;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
        }
        
        @keyframes gentle-shake {
            0%, 100% {
                transform: translateX(0) rotate(0);
            }
            25% {
                transform: translateX(-2px) rotate(-0.5deg);
            }
            50% {
                transform: translateX(2px) rotate(0.5deg);
            }
            75% {
                transform: translateX(-1px) rotate(-0.2deg);
            }
        }
.wenhua1_main_list_li h2{font-size:36px; font-weight:bold; color:#fff; background:#182749; width:70px; height:70px; line-height:70px; text-align:center;margin:0 auto; border-radius:50px; margin-top:10px;}
.wenhua1_main_list_li1{font-size:24px; font-weight:bold; color:#182749; padding:15px 0; text-align:center;}
.wenhua1_main_list_li2{font-size:18px; color:#666666; padding:5px 0; line-height:28px;}



.zhanshi1{width:100%; background:#fff;}
.zhanshi1_main{width:1420px;padding:60px 0; margin:0 auto;}
.zhanshi1_main_left{width:700px;background:#e7f2fc; padding:30px;}
.zhanshi1_main_left img{width:100%;}
.zhanshi1_main_right{width:720px; padding:50px; background:#e7f2fc;}

.zhanshi1_title{color:#174f98; font-size:18px; padding-top:20px; font-weight:bold;}
.zhanshi1_info{color:#174f98; font-size:14px; line-height:28px; overflow-y:auto;}
.zhanshi1_info img{display:block; margin-top:20px; width:100%;}
.zhanshi1_info h2{font-size:24px; font-weight:bold; padding:10px 0 20px 0;}

.zhanshi2{width:100%; background:#fff;}
.zhanshi2_main{width:1420px;padding:30px 0; margin:0 auto;flex-wrap:wrap;}
.zhanshi2_list{width:690px; margin-bottom:40px;transform: translateY(0px); transition: all 0.6s;}
.zhanshi2_list:hover{transform: translateY(-15px); transition: all 0.6s;}
.zhanshi2_list img{width:100%;}

.zhanshi3{width:100%; background:#fff;}
.zhanshi3_main{width:1420px;padding:60px 0; margin:0 auto;}
.zhanshi3_main_left{width:1100px;background:#e7f2fc; padding:30px;}
.zhanshi3_main_left img{width:100%;}
.zhanshi3_main_right{width:320px; padding:50px; background:#e7f2fc;}
.zhanshi3_info{color:#174f98; font-size:14px; line-height:28px; overflow-y:auto; border-bottom:2px solid #022a99;height:250px;}

.zhanshi4{width:100%; background:#fff;}
.zhanshi4_main{width:1420px;padding:60px 0; margin:0 auto;}
.zhanshi4_main_left{width:700px;background:#e7f2fc; padding:30px;}
.zhanshi4_main_left img{width:100%; height:460px; object-fit:cover;}
.zhanshi4_main_right{width:720px; padding:50px; background:#e7f2fc;}
.zhanshi4_info{color:#174f98; font-size:14px; line-height:28px; overflow-y:auto;  }
.zhanshi4_info h2{font-size:24px; font-weight:bold; padding:10px 0 20px 0;}

.zhanshi4_heng{width:120px; height:2px; float:right; background:#022a99; margin-top:30px;}
.newsinfo_title{font-size:24px; font-weight:bold; text-align:center; color:#000;}
.newsinfo_date{font-size:14px; color:#666; padding:10px 0;  text-align:center;border-bottom:1px solid #e2e2e2;}
.newsinfo_desc{font-size:14px; line-height:28px; padding-top:20px;}

.pro_banner{width:100%;background:#e4f1ff;}
.pro_banner_main{width:1420px;background:url(../images/probg.jpg) no-repeat; height:305px; margin:0 auto; position:relative;}
.pro_banner_title{padding-top:50px; font-size:28px; font-weight:bold; color:#000;}
.pro_banner_kefu{padding-top:20px;}
.pro_banner_kefu_li_btn{width:120px; height:32px; border-radius:5px; background:#022a99; text-align:center; display:block; color:#fff; margin-right: 20px; line-height:32px;}
.pro_banner_kefu_li_btn:hover{color:#fff;}
#proBox{display:none;}
.pro_banner_main2 {
            position: fixed;
            top: 0px;border-bottom:0;z-index:9999;
        background-color:rgba(255, 255, 255, 1);box-shadow:0 0 10px rgba(22,22,22,0.5); border-top:10px solid #022a99;
           
        }
.pro_nav{width:100%; border-bottom:1px solid #e3e4e4; background:#fff;position: fixed;
            top: 88px;z-index:9800;}
.pro_nav_main{width:1420px; margin:0 auto; height:55px;}

.pro_banner_title2{padding-top:8px; font-size:24px; font-weight:bold; color:#000;}
.pro_banner_kefu2{padding:10px 0 0 20px;}
.pro_banner_kefu_li_btn2{width:120px; height:32px; border-radius:5px; background:#022a99; text-align:center; display:block; color:#fff; margin-right: 20px; line-height:32px;}
.prosearch-form2 {height:35px; position:relative;}
.prosearch-form2 .s {height:22px; border:1px solid #ddd; padding:5px 35px 5px 5px; border-radius:3px; width:210px;}
.prosearch-form2 .s:focus,#login-page .login-form .text:focus {border:1px solid #2689FF; box-shadow:0 0 3px #2689FF;}
.prosearch-btn2,.sbtn2,.prosearchBox2{ color:rgba(255,255,255,0.6);background:0 0;border:none;padding:0;margin:0;line-height:normal;font-size:19px;font-weight:300;outline:0;cursor:pointer; z-index:890;}
.prosearchBox2{ width:350px; height:37px; z-index:900;border-radius:5px;border:1px solid #efefef;background:#fff; margin-top:8px; position:relative; margin-left:20px;}
.prosearch-pup2{margin-top:0; float:none; position:relative;}
.prosearch-pup2 form input, .prosearch-pup form input{width:100%;font-size:14px;padding:6px 30px 6px 10px;height:35px;outline:0}
.prosearch-pup2 form input{ max-width:350px; border:none;}
.prosearch-pup2 form button{position:absolute;right:6px;top:4px;color:#ddd;background:0 0;border:none;padding:0;margin:0;line-height:normal;font-size:18px;font-weight:300;outline:0;cursor:pointer}
.prosearch-pup2 .fa-search2{color:#022a99;}



.prosearch-form {height:35px; position:relative;}
.prosearch-form .s {height:22px; border:1px solid #ddd; padding:5px 35px 5px 5px; border-radius:3px; width:210px;}
.prosearch-form .s:focus,#login-page .login-form .text:focus {border:1px solid #2689FF; box-shadow:0 0 3px #2689FF;}
.prosearch-btn,.sbtn,.prosearchBox{ color:rgba(255,255,255,0.6);background:0 0;border:none;padding:0;margin:0;line-height:normal;font-size:19px;font-weight:300;outline:0;cursor:pointer; z-index:890;}
.prosearchBox{ width:350px; z-index:900;border-radius:5px;border:1px solid #efefef;background:#fff; margin-top:20px;}
.prosearch-pup{margin-top:0; float:none}
.prosearch-pup form input, .prosearch-pup form input{width:100%;font-size:14px;padding:6px 30px 6px 10px;height:35px;outline:0}
.prosearch-pup form input{ max-width:350px; border:none;}
.prosearch-pup form button{position:absolute;right:6px;top:4px;color:#ddd;background:0 0;border:none;padding:0;margin:0;line-height:normal;font-size:18px;font-weight:300;outline:0;cursor:pointer}
.prosearch-pup .fa-search{color:#022a99;}
.pros3{ z-index:1000; position:absolute; left:0; top:220px;}
.pros3 h2{width:194px;height:38px;line-height:38px;color:#fff;padding-left:16px;font-size:16px;font-weight:400;font-family:"\5FAE\8F6F\96C5\9ED1"}
.subpage3 h2{background:url(../images/icon-dropdown.jpg) no-repeat 122px center;cursor:pointer}

.prosul3{width:220px;_overflow:hidden;  background:#fff; position:relative;}
.prosul3 li{height:59px;line-height:59px;_overflow:hidden; text-align:center;}
.prosul3 li.prosahover3{background-color:#022a99;  color:#fff;}
.prosul3 li.prosahover3 .menu3 a{color:#fff;}
.prosul3 li .menu3{ background:url(../images/probg2.jpg) no-repeat; }
.prosul3 li.prosahover3 .menu3{background:#022a99;  color:#fff;}
.prosul3 li .menu3 a{color:#000;padding-right:8px;_padding-right:6px;white-space:nowrap;display:inline-block;height:50px}
.prosul3 li.nochild a:hover{color:#fff}
.prosul3 li i{float:right;display:block;width:3px;height:50px;text-indent:-999em;background-position:0 -276px;padding-right:12px}
.prosul3 li.prosahover3 i{background-position:0 -326px}
.prosul3 li.last{border-bottom:0 none}
.prosul3 li.hotareas{background-image:none;padding-left:12px;line-height:26px;height:106px;*overflow:hidden}
.prosul3 li.hotareas i{line-height:30px;margin-top:-2px;height:40px;background-position:0 -279px}
.prosul3 li.hotareas a{line-height:30px;height:30px}
.prosul3 li.hotareas a.hot{background-position:right 0}
.prosul3 li h2{padding-left:0;line-height:40px;display:inline;font-size:14px;font-weight:400;}
.prosul3 li.prosahover3 h2{color:#d03322}
.prosmore3{ position:absolute;z-index:100;left:220px;top:0; width:650px; height:118px; padding:10px 20px; background:#fff; box-shadow: 0 0 10px rgba(22,22,22,0.1);}
.prosul3 .prosmore3{text-align:left}
.prosul3 .prosmore3 span{float:left;height:36px;width:107px;line-height:22px}

.prosul3 li .prosmore3 a:hover{ color:#022a99;}
.prosmore1 em{font-weight:400;padding-top:9px;display:inline-block}
.prosmore1 em.morehot{background:url(../images/icon-hot-more.png) right top no-repeat;padding-right:22px}

.pro3_list_name{display:block; float:left;width:120px; padding-left:20px;margin:15px 0; border-left:2px solid #022a99; font-size:14px; line-height:18px;}


.pro_container {
           
            width: 1420px;
         
            background: white;
    
            margin: 30px auto 0 auto; 
        }
        
        /* 左侧菜单样式 */
        .left-menu {
            width: 360px;
            background: #fff;
             float:left;
            position: relative;
 
        }
        .left-ding {
            width: 360px;
            background: #fff;
             
            position: relative;
 
        }
        .menu-title {
 font-size: 18px;
    font-weight: bold;
    color: #022a99;
    text-align: center;
    width: 360px;
    padding-bottom: 20px;padding-top: 30px;
        }
 
        .menu-items {
            box-shadow: 0 0 10px rgba(22,22,22,0.1);
 
           border:5px solid #022a99;
            
        }
        .menu-item {
			width:100%; margin:0 auto;
           padding: 10px 15px;border-bottom: 1px dashed #dadada;
            
        }
        .menu-item:hover {
           color: #022a99;
        }
        
        .menu-item.active {
            font-weight:bold;
            color: #fff; background:#022a99;
        }
        
        .menu-item i {
            margin-right: 12px;
            font-size: 1.2rem;
        }
        
        /* 右侧内容区域 */
        .right-content {
            flex: 1;
            margin-top:75px; padding-left:20px;
            overflow-y: auto;
       
            scrollbar-width: none; /* Firefox */
            -ms-overflow-style: none; /* IE and Edge */
        }
		.right-content2 {
           
            margin-top:32px; padding-left:20px;
            overflow-y: auto;
       
            scrollbar-width: none; /* Firefox */
            -ms-overflow-style: none; /* IE and Edge */
        }
        
        /* 隐藏Webkit浏览器滚动条 */
        .right-content::-webkit-scrollbar {
            display: none;
        }
        .content-section {
            
        }
.casetop_r{padding-bottom:20px;border-bottom:1px solid #ccc;}

.pro_main{ width:100%;display:sticky; top:120px;}
.fixed {
            position: fixed;
            top: 0px;
            left: calc(100% - 1220px)/2;
           
        }
.pro_fixed {
            position: fixed;
            top: 140px;
            left: calc(100% - 1220px)/2;
           
        }
.about_fixed {
            position: fixed;
            top: 0px;border-bottom:0;z-index:9999;
        background-color:rgba(255, 255, 255, 1);box-shadow:0 0 10px rgba(22,22,22,0.5); border-top:10px solid #022a99;
           
        }
.chanpin_fixed {
            position: fixed;
            top: 100px;border-bottom:0;z-index:9999;
          
        }
.chanpin_right{width:1040px; float:right;}
.proinfo_main{ width:1420px; margin:70px auto 0 auto; position:relative;}
 
.pro_cate_title{font-size:18px; font-weight:bold; color:#022a99; text-align:center; width:260px; padding-bottom:20px;}


.pros4{ z-index:100;}
.pros4 h2{width:194px;height:38px;line-height:38px;color:#fff;padding-left:16px;font-size:16px;font-weight:400;font-family:"\5FAE\8F6F\96C5\9ED1"}
.subpage4 h2{background:url(../images/icon-dropdown.jpg) no-repeat 122px center;cursor:pointer}

.prosul4{width:260px;   background:#fff;    box-shadow: 0 0 10px rgba(22,22,22,0.1); border-radius:5px; padding:10px 0; margin-bottom:50px;}
.prosul4 li,.prosul4 i{background:url(../images/iconcatg.png) no-repeat;}
.prosul4 li{line-height:42px;height:42px;_overflow:hidden;padding:0 20px;}
.dixian{border-bottom:1px dashed #dadada}

.prosul4 li.prosahover4 a{color:#022a99;}
.prosul4 li.nochild a:hover{color:#fff}
.prosul4 li i{float:right;display:block;width:3px;height:50px;text-indent:-999em;background-position:0 -276px;padding-right:12px}
.prosul4 li.prosahover4 i{background-position:0 -326px}
.prosul4 li.last{border-bottom:0 none}
.prosul4 li.hotareas{background-image:none;padding-left:12px;line-height:26px;height:106px;*overflow:hidden}
.prosul4 li.hotareas i{line-height:30px;margin-top:-2px;height:40px;background-position:0 -279px}
.prosul4 li.hotareas a{line-height:30px;height:30px}
.prosul4 li.hotareas a.hot{background-position:right 0}
.prosul4 li h2{padding-left:0;line-height:40px;display:inline;font-size:14px;font-weight:400;}
.prosul4 li.prosahover4 h2{color:#d03322}
.prosmore4{ position:absolute;z-index:100;left:260px;top:45px; width:960px; padding-left:20px;}
.prosul4 .prosmore4{text-align:left}
.prosul4 .prosmore4 span{float:left;height:36px;width:107px;line-height:22px}

.prosmore4 em{font-weight:400;padding-top:9px;display:inline-block}
.prosmore4 em.morehot{background:url(../images/icon-hot-more.png) right top no-repeat;padding-right:22px}

.fubiaoti{ width:1040px;height:85px; border-radius:5px; background:#022a99; margin-bottom:20px; position:relative;}
.fubiaoti_tit1{font-size:18px; font-weight:bold; color:#d3e0ff; padding:20px 0 0 20px; line-height:18px; position:relative;}
.fubiaoti_tit2{font-size:14px; color:#d3e0ff; padding:10px 0 0 20px; line-height:18px;}
.fubiaoti_img{position:absolute; top:0; right:0;width:200px; height:85px;}
.fubiaoti_img img{width:200px; height:85px; border-radius:0 5px 5px 0;}
.fubiaoti_cate{font-size:18px; font-weight:bold; padding:0 0 10px 0; color:#000;}

.menu4{display:flex;}
.micon{width:15px; height:15px; display:block; margin:17px 5px 0 0;}
.alifont{ display:block; margin:0 5px 0 0; font-size:14px;}

.prolist4{width:168px;  background:#fff; border-radius:5px;box-shadow:0 0 10px rgba(22,22,22,0.1); margin-bottom:10px;}
.prolist_img4{width:100%;}
.prolist_img4 img{width:168px;height:168px;border-radius:5px 5px 0 0; object-fit: cover;}
.prolist_txt4{text-align:center; color:#000; line-height:32px; padding:0 5px;}

.proinfo_desc{ padding-top:20px;width:100%; margin: 0 auto;}
.proinfo_desc img{width:100%; margin-bottom:50px;}

#ifocus {width:522px; height:422px;margin:40px auto 0 auto;border:solid 1px #ddd;padding:10px 0 0 0;}
#ifocus ul{ margin:0; padding:0; list-style:none;}
#ifocus li{ list-style:none;}
#ifocus_btn {display:inline; float:left; width:91px; margin-right:20px;}
#ifocus_btn li {width:100px; height:80px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);}
#ifocus_btn img {width:74px; height:70px; margin:5px 0 0 5px;}
#ifocus_btn .current {background: url(../images/kuai.png) no-repeat; opacity:1; -moz-opacity:0.5; filter:alpha(opacity=100);}
#ifocus_pic {position:relative; float:left; width:400px; height:400px; overflow:hidden;}
#ifocus_piclist {position:absolute; float:right; display:inline}

  
.main-qr{width:100%;}
.ewmdown {
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%) translateY(10px);
            background-color: white;
            border-radius: 5px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
            padding: 10px;
            width: 180px;
            z-index: 100;
            opacity: 0;
            visibility: hidden;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            text-align: center;
        }
        
        .qr-container:hover .ewmdown {
            opacity: 1;
            visibility: visible;
            transform: translateX(-50%) translateY(20px);
        }
        
        .ewmdown::before {
            content: '';
            position: absolute;
            bottom: 100%;
            left: 50%;
            transform: translateX(-50%);
            border-width: 10px;
            border-style: solid;
            border-color: transparent transparent white transparent;
        }
        
        .ewmdown-title {
            font-size:16px;
            color: #2c3e50;
            margin-bottom: 15px;
            font-weight: 600;
        }
        
        .ewmdown-qr {
            width: 160px;
            height: 160px;
            border-radius: 8px;
            margin: 0 auto;
        }
        
        .ewmdown-description {
           
            color: #7f8c8d;
            font-size:14px;
        
        }


























.header.opaque {padding-top:0px;    position: sticky; top:0;z-index:9900;}
	.header.opaque .header-nav{background-color:rgba(255, 255, 255, 1);box-shadow:0 0 10px rgba(22,22,22,0.5); border-top:10px solid #022a99;}
	.header.opaque .header-nav.fixed{background-color:rgba(255, 255, 255,1); opacity:1;box-shadow:0 0 10px rgba(22,22,22,0.5);}

	.header.opaque .navbar a{ color: #000; font-weight:bold;}
	.header.opaque .navbar a:hover{ color: #014199; font-weight:bold;}
	.header.opaque .navbar li.active > a{color:#014199; opacity: 1}
	.navbar li.on > a{ color: #014199;}
	.header.opaque .navbar li:after{ visibility: hidden; opacity: 0}

	.header.opaque .header-nav.fixed .navbar a,.header.opaque .inner .navbar a{ color: #333; opacity: 1}
	.header.opaque .inner .navbar a:hover{ color: #fff;}
	.header.opaque .header-nav.fixed .navbar li:after{ visibility: visible; opacity: 1}
	.header.opaque .header-nav.fixed .navbar li.active > a,.header.opaque .header-nav.fixed .navbar li.on > a{color: #014199;}

	.header.opaque .logo .logoa,.header.opaque .header-nav.fixed .logo .logob{ display: none}
	.header.opaque .logo .logob,.header.opaque .header-nav.fixed .logo .logoa{ display: block}

	.header.noOpaque .navbar a{ line-height: 60px;}
	.top{width:100%; height:10px; background:#014199;}
	.logobox{float:left; width:350px;position: relative; margin-top:7px;}
	.logobox img{width:100%;}

	.blogo{width:100px;position: relative;}
	.blogo img{width:100%;}

	.top_right{float:right;}
	.tel{float:left; margin:10px 20px 0 0;display:flex;}
	.tel_logo{width:35px; height:61px;}
	.tel_logo img{width:100%;}
	.tel_info{font-size:20px; font-weight:bold; color:#022a99; padding:3px 0 0 10px; line-height:28px;}
	.tel_info p{width:152px; text-align: justify; text-align-last: justify; display:block;}
	.ewm{float:left; width:60px;position: relative; margin-top:10px; position:relative;}
	.ewm img{width:100%;}
	.lang{ float:left; width: 100px;  height:30px; line-height:28px; text-align:center;  -webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;
		margin:25px 0 0 20px; position:relative;
		border-radius: 50px; background:#022a99; color:#fff; }

	.lang .dropdown-toggle{
	  
		font-size:14px; color:#fff;
	}
.navBar {
	padding-left:50px;
	 float:left;
 
}
.navBar_nav a {
	color:#000;
}
.navBar_nav h3 {
	font-size:100%;
	font-weight:normal;
}
.navBar_nav .m {
	float:left;
	position:relative;
	z-index:1;
}
.navBar_nav .s {
	float:left;
	width:3px;
	text-align:center;
	color:#D4D4D4;
	font-size:12px;line-height: 80px;
}
.navBar_nav h3 a {
	display:block; width:100px;
 line-height:80px;font-size:16px;
	text-align:center;
	font-weight:bold;
}
.navBar_nav .sub {
	display:none;
	position:absolute;
	left:0;
	top:80px;
	z-index:1;
	width:100px;
	padding:5px 0;
	background:#fff; border-radius:0 0 5px 5px;
}
.navBar_nav .sub li {
	text-align:center;
	padding:0 8px;
 
}
.navBar_nav .sub li a {
	display:block;
 
	padding:6px 0;
	 
	color:#000;
	font-size:14px;
 
}
.navBar_nav .sub li a:hover {
	color:#014199;  
}
	


/*----------- slider -----------*/
#slider{ z-index:0}
.slider{margin: 0 auto;overflow:hidden; padding:0px; background:#fff;-webkit-transition:none;transition:none;}
.slider {clear:both; width:100%;position:relative; overflow:hidden;height:540px;}
.slider img {display:block; width:100%;  overflow:hidden; margin:0 auto;}
.pics{height:550px;object-fit: cover;     /* 等比例裁剪 + 填满（不变形） */
  display: block;        /* 去掉图片下方默认空隙 */}
.slide{ width:0}
.bx-wrapper {border:none; margin:0 auto; padding:0; overflow:hidden}
.bx-wrapper .bx-pager{position:absolute; bottom:28px; z-index:6;text-align:center; width:100%}
.bx-wrapper .bx-pager.bx-default-pager a {background:rgba(254, 212, 75); text-indent: -9999px; display: block; width:8px; height:5px; margin: 0 5px; outline: 0; border-radius:0;  border-radius:50px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus {filter:alpha(opacity=60)!important;opacity:0.6!important;}
.bx-wrapper .bx-pager.bx-default-pager a.active{ width:15px; height:5px;}
.bx-wrapper .bx-prev,.bx-wrapper .bx-next,#slideBox .bx-wrapper .bx-next,#slideBox .bx-wrapper .bx-prev,.bx-wrapper .bx-pager.bx-default-pager a{-moz-transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s;-o-transition: ease-in-out 0.3s;-ms-transition: ease-in-out 0.3s;transition: ease-in-out 0.3s;}
#slideBox .bx-wrapper .bx-next,#slideBox .bx-wrapper .bx-prev{margin:-40px 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;filter:alpha(opacity=20);opacity:.2; padding:18px 12px; font-size:3.2em;background-color: rgba(0, 0, 0, 0.5);border-radius:0; width:auto; height:auto;}
#slideBox .bx-wrapper .bx-prev{left:10px}
#slideBox .bx-wrapper .bx-next{right:10px}
#slideBox .bx-wrapper:hover .bx-prev{left:0}
#slideBox .bx-wrapper:hover .bx-next{right:0}
#slideBox .bx-wrapper .bx-next:hover,#slideBox .bx-wrapper .bx-prev:hover{filter:alpha(opacity=100)!important;opacity:1!important; color:#fff; background:#014199}
.slide-content{
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin:auto;
}

.bcontainer{max-width:1260px; padding:0 20px;}
.bcontainer .heng{width:100px; height:3px; background:#fff; margin-top:10px;}
.bcontainer .desc{font-size:24px; color:#fed44b;margin-top:10px; max-width:550px;}

.style-banner {
    padding-top: 4em;
}

.style-banner h4 {
    color: #fff;
    font-size: 2em;
    font-weight: 600;
    text-shadow: 2px -1px 4px #000;
}

.style-banner h5 {
    font-size: 36px; font-weight:bold; padding-top:20px;
    color: #fff;
}
.view-buttn a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    text-transform: capitalize;
    display: inline-block;
    letter-spacing: 1px;
    outline: none;
    border-radius: 5px;
    padding: 8px 18px;
    border: 1px solid #fff;
}

.bcontainer1{max-width:1260px; padding:0 20px;}
.bcontainer1 .heng{width:100px; height:3px; background:#fff; margin-top:10px;}
.bcontainer1 .desc{font-size:24px; color:#fff;margin-top:10px; max-width:550px;}
.style-banner1 {
    padding-top: 4em;
}

.style-banner1 h4 {
    color: #fff;
    font-size: 2em;
    font-weight: 600;
    text-shadow: 2px -1px 4px #000;
}

.style-banner1 h5 {
    font-size: 36px; font-weight:bold; padding-top:10px;
    color: #fff;
}
.view-buttn1 a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    text-transform: capitalize;
    display: inline-block;
    letter-spacing: 1px;
    outline: none;
    border-radius: 5px;
    padding: 8px 18px;
    border: 1px solid #fff;
}
.bcontainer2{max-width:1260px; padding:0 20px;}
.bcontainer2 .desc{font-size:24px; color:#f4dfb2;margin-top:10px; max-width:550px;}
.style-banner2 {
    padding-top: 5em;
}

.style-banner2 h4 {
    color: #f4dfb2;
    font-size: 36px;
    font-weight: 600;
    text-shadow: 2px -1px 4px #000; padding-top:20px;
}

.style-banner2 h5 {
    font-size: 24px; font-weight:normal; padding-top:10px;
    color: #f4dfb2;
}

.view-buttn2 a {
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    text-transform: capitalize;
    display: inline-block;
    letter-spacing: 1px;
    outline: none;
    border-radius: 50px;
    padding: 8px 18px;
    background:#022a99; 
}
.bcontainer3{max-width:1260px; padding:0 20px;}
.bcontainer3 .desc{font-size:20px; color:#fff;margin-top:10px; max-width:550px;}
.blogo3{width:100px;position: absolute;top:20px; right:20px;}
.blogo3 img{width:100%;}
.blogo3_t{width:100px;margin-top:50px;}
.blogo3_t img{width:100%;}
.style-banner3 {
    padding-top: 5em;
}

.style-banner3 h4 {
    color: #f4dfb2;
    font-size: 36px;
    font-weight: 600;
    text-shadow: 2px -1px 4px #000; padding-top:20px;
}

.style-banner3 h5 {
    font-size: 24px; font-weight:normal; padding-top:20px;
    color: #000;
}

.view-buttn3 a {
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    text-transform: capitalize;
    display: inline-block;
    letter-spacing: 1px;
    outline: none;
    border-radius: 50px;
    padding: 8px 18px;
    background:#022a99; 
}
.bcontainer4{max-width:1260px; padding:0 20px;}
.bcontainer4 .desc{font-size:24px; color:#f4dfb2;margin-top:10px; max-width:550px;}
.style-banner4 {
    padding-top: 25px;
}

.style-banner4 h4 {
    color: #000;
    font-size: 36px;
    font-weight: normal;
}

.style-banner4 h5 {
    font-size: 22px; font-weight:normal; padding-top:10px;
    color: #000;
}
.blogo4{width:100px; padding-top:5px;}
.blogo4 img{width:100%;}
.bcontainer4 .desc{padding-left:10px;}

.bcontainer6{max-width:1260px; padding:0 20px;}
.bcontainer6 .desc{font-size:24px; color:#000;margin-top:10px; max-width:800px;padding:45px 0 0 230px;}
.style-banner6 {
    padding-top: 25px;
}

.style-banner6 h4 {
    color: #000;
    font-size: 36px;
    font-weight: normal;
}

.style-banner6 h5 {
    font-size: 22px; font-weight:normal; padding-top:10px;
    color: #000;
}
.bcontainer7{max-width:1260px; padding:0 20px;}
.bcontainer7 .desc{font-size:24px; color:#f4dfb2;margin-top:30px;}
.style-banner7 {
    padding-top: 25px;
}

.style-banner7 h3 {
    color: #000; text-align:right;
    font-size: 36px;
    font-weight: bold;
}

.style-banner7 h4 {
    font-size: 22px; font-weight:normal; padding-top:10px;
    color: #000; text-align:right;
}
.style-banner7 h5 {
    font-size: 18px; font-weight:normal; padding-top:10px;
    color: #ed1c24; text-align:right;
}
.blogo7{width:100px; padding-top:5px; float:right;}
.blogo7 img{width:100%;}
.bcontainer8{max-width:1260px; padding:0 20px;}
.bcontainer8 .desc{font-size:24px; color:#f4dfb2;margin-top:30px;}
.style-banner8 {
    padding-top: 25px;
}

.style-banner8 h2 {
    color: #000; text-align:right;
    font-size: 28px;
    font-weight: bold;
}

.style-banner8 h3 {
    font-size: 20px; font-weight:normal; padding-top:10px;
    color: #000; text-align:right;
}
.style-banner8 h4 {
    font-size: 16px; font-weight:bold; margin-top:30px; width:220px; float:right; text-align:center;
    color: #ed1c24;  border:1px solid #ed1c24; padding:5px 12px;border-radius:5px;
}
.style-banner8 h5 {
    font-size: 16px; font-weight:normal; padding-top:10px;
    color: #000; text-align:right;
}
.blogo8{width:100px; padding-top:5px; float:right;}
.blogo8 img{width:100%;}
.bcontainer9{max-width:1260px; padding:0 20px;}
.bcontainer9 .desc{font-size:24px; color:#f4dfb2;margin-top:30px;}
.style-banner9 {
    padding-top: 25px;
}

.blogo9{width:100px; padding-top:5px; float:right;}
.blogo9 img{width:100%;}

.bmain{width:100%; background:#022a99; padding:20px 0;}
.blist{width:900px; margin:0 auto; display:flex;}
.blist_li{width:16.66%; display:block; text-align:center; color:#fff;}
.blist_li_img{width:25%; margin:0 auto;}
.blist_li_img img{width:100%;}
.blist_li_img span{font-size:42px;}
.blist_li_txt{margin-top:0;}
.blist_li:hover{color:#fff;}




.menu1{display:flex;}
.kuaijie1{margin:0 auto; position:relative; width:1220px; margin:0px auto;}
.pros1{ z-index:100;}
.pros1 h2{width:194px;height:38px;line-height:38px;color:#fff;padding-left:16px;font-size:16px;font-weight:400;font-family:"\5FAE\8F6F\96C5\9ED1"}
.subpage1 h2{background:url(../images/icon-dropdown.jpg) no-repeat 122px center;cursor:pointer}

.navBar_nav .sub .prosul1{width:260px;_overflow:hidden;height:550px; background:#fff;}
.navBar_nav .sub .prosul1 li,.navBar_nav .sub .prosul1 i{background:url(../images/iconcatg.png) no-repeat;}
.navBar_nav .sub .prosul1 li{line-height:42px;height:42px;_overflow:hidden; padding:0 20px; border-radius:5px;}
.navBar_nav .sub .prosul1 .prosahover1{background-color:#bae3f9; color:#000; padding:0 20px;}
.navBar_nav .sub .prosul1 .prosahover1 a{color:#000;}
.dise{ padding:0 20px; border-radius:5px;}
.navBar_nav .sub .prosul1 li a{color:#000;padding:0;white-space:nowrap;display:inline-block; }
.navBar_nav .sub .prosul1 li.nochild a:hover{color:#fff}
.navBar_nav .sub .prosul1 li i{float:right;display:block;width:3px;height:50px;text-indent:-999em;background-position:0 -276px;padding-right:12px}
.navBar_nav .sub .prosul1 .prosahover1 i{background-position:0 -326px}
.navBar_nav .sub .prosul1 li.last{border-bottom:0 none}
.navBar_nav .sub .prosul1 li.hotareas{background-image:none;padding-left:12px;line-height:26px;height:106px;*overflow:hidden}
.navBar_nav .sub .prosul1 li.hotareas i{line-height:30px;margin-top:-2px;height:40px;background-position:0 -279px}
.navBar_nav .sub .prosul1 li.hotareas a{line-height:30px;height:30px}
.navBar_nav .sub .prosul1 li.hotareas a.hot{background-position:right 0}
.navBar_nav .sub .prosul1 li h2{padding-left:0;line-height:40px;display:inline;font-size:14px;font-weight:400;}
.navBar_nav .sub .prosul1 .prosahover1 h2{color:#d03322}
.prosmore1{ position:absolute;z-index:100;left:260px;top:0; width:960px;height:480px; padding:70px 30px 0px 30px;}
.navBar_nav .sub .prosul1 .prosmore1{text-align:left}
.navBar_nav .sub .prosul1 .prosmore1 span{float:left;height:36px;width:107px;line-height:22px}

.navBar_nav .sub .prosul1 li .prosmore1 a:hover{ color:#022a99;}
.prosmore1 em{font-weight:400;padding-top:9px;display:inline-block}
.prosmore1 em.morehot{background:url(../images/icon-hot-more.png) right top no-repeat;padding-right:22px}

.allpro{width:220px; border:solid 1px #999; border-radius:5px; padding:8px 0; text-align:center; margin:10px auto; display:block; font-weight:bold;}

.cate_list{width:300px; }
.cate_list_li{width:300px; height:400px; overflow-y:auto;}
.cate_list_li::-webkit-scrollbar {
    width: 0px;  /* 对于垂直滚动条 */
    height: 0px; /* 对于水平滚动条 */
}

/* 隐藏滚动条滑块 */
.cate_list_li::-webkit-scrollbar-thumb {
    background: transparent;
}
.cate_title{font-size:16px; font-weight:bold; border-bottom:1px solid #d2d2d2;  margin-bottom:20px;}
.navBar_nav .sub .prosul1 li .prosmore1 a{font-size:14px; display:block; color:#565656; height:28px; line-height:28px; padding:0;}
.anniu:hover{color:#fff;}


.header.opaque {padding-top:0px;    position: sticky; top:0;z-index:9999;}
.header.opaque .header-nav{background-color:rgba(255, 255, 255, 1);box-shadow:0 0 10px rgba(22,22,22,0.5); border-top:10px solid #022a99;}
.header.opaque .header-nav.fixed{background-color:rgba(255, 255, 255,1); opacity:1;box-shadow:0 0 10px rgba(22,22,22,0.5);}

.header.opaque .navbar a{ color: #000; font-weight:bold;}
.header.opaque .navbar a:hover{ color: #014199; font-weight:bold;}
.header.opaque .navbar li.active > a{color:#014199; opacity: 1}
.navbar li.on > a{ color: #014199;}
.header.opaque .navbar li:after{ visibility: hidden; opacity: 0}

.header.opaque .header-nav.fixed .navbar a,.header.opaque .inner .navbar a{ color: #333; opacity: 1}
.header.opaque .inner .navbar a:hover{ color: #fff;}
.header.opaque .header-nav.fixed .navbar li:after{ visibility: visible; opacity: 1}
.header.opaque .header-nav.fixed .navbar li.active > a,.header.opaque .header-nav.fixed .navbar li.on > a{color: #014199;}

.header.opaque .logo .logoa,.header.opaque .header-nav.fixed .logo .logob{ display: none}
.header.opaque .logo .logob,.header.opaque .header-nav.fixed .logo .logoa{ display: block}

.header.noOpaque .navbar a{ line-height: 60px;}


.newnav {display: inline-flex;flex: 1;padding-left:50px;}
.nav-item {}
.nav-item2 {position:relative;}
.nav-item2 ul{background:#fff; border-radius:0 0 5px 5px; box-shadow: 0 0 10px rgba(22,22,22,0.5);}
.nav-item2>ul>li>a{float:none;display:block;padding:0px 0px 0px;color:#000; background-color:#fff;font-size:14px; text-align:center; line-height:42px; opacity: 1}
.nav-item>a{display: block;text-align: center;font-size: 16px;position: relative; font-weight:bold;text-transform: uppercase;
    line-height: 80px;
    padding: 0px 15px;color: #000}
.nav-item:hover>a ,li.nav-item.active>a{color: #022a99;}
.nav-item:hover>a::before,li.nav-item.active>a::before{display: block;}

.subMenu{ background-color: #f1f2f5; z-index:9999;}
.subMenu>ul{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;}
.subMenu>ul>li>a{display:block;padding:0 18px;text-align: center;line-height: 50px;color: #000;}
.subMenu>ul>li>a:hover{color:red}

/*导航栏*/
.navbar{ float:right;margin: 0;}
.navbar li{display: block; float: left; margin:0px ; position: relative; min-width:50px; text-align: center;}
.navbar a{display: block; text-transform: uppercase; line-height:80px; padding:0px 15px; font-size:16px; font-weight: 300; color:#333;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
/* .header-nav.fixed .navbar a{ line-height:60px;}
.header-nav.fixed .navbar>li>ul>li>a{ line-height:40px;}
.navbar li.active>a, .navbar li.on>a{color:#014199;}

.navbar li:after{background:#014199;content:"";height:2px; width:0px;position:absolute;left:50%; transform:translateX(-50%);bottom:0;webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.navbar li.active:after,.navbar li:hover:after{width:100%;} */
/*inner*/
.inner{ display:none; position:absolute; z-index:49;width:100%;top:60px; left:0}
.inner li{ width:100%; margin:0;}
.inner li a {display: block;font-size: 16px;font-weight: 300;line-height: 32px;padding: 4px 15px;border-bottom:1px solid #eee; background-color: rgba(255,255,255,.96);}
.inner li#nvabar-item-index a{border-top:1px solid #eee;}
.inner li a:hover{background:#014199; color:#fff;border-bottom:1px solid #014199;}
.navbar li:after{background:#014199;content:"";height:2px; width:0px;position:absolute;left:50%; transform:translateX(-50%);bottom:0;webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.inner .navbar li.active:after,.inner .navbar li:hover:after{ width:0}
.navbar li>ul>li:before{ background-color:transparent; content: ''; transition: all 0.3s;}
.navbar li.active:before, .navbar li.on:before{width: 100%; left: 0;}

#navBox>div>ul>li:hover>ul{top:100%;filter:alpha(opacity=85)!important;opacity:0.85!important;max-height:inherit;}
#navBox>div>ul>li>ul{position:absolute;width:100%;top:130%;right:0;ext-align:center;padding:0px 0; z-index:60;filter:alpha(opacity=0)!important;opacity:0!important;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; max-height:0; overflow:hidden}
#navBox>div>ul>li>ul>li a{float:none;display:block;padding:0px 0px 0px;color:#000; background-color:#fff;font-size:14px; text-align:center; line-height:42px; opacity: 1}
#navBox>div>ul>li>ul>li:after{ display:none}
#navBox>div>ul>li>ul>li{width:100%;padding:0;margin:0;font-size:14px;}
#navBox>div>ul>li>ul>.on a{color:#fff!important;background-color:#022a99;}
#navBox>div>ul>li>ul>li.active a{}
#navBox>div>ul>li>ul>li.on>a{color:#fff}

.header .moble-bars{ padding: 0; margin:15px 0 0;font-size:21px;float:right; color:#999; display:none; position: relative; z-index: 99}
.header a:hover.moble-bars{color:#014199}
/* .fixed {left: 0; opacity: 0.98;position: fixed;right: 0;top: 0; width: 100%;z-index:888;} */
/*----------- search-top -----------*/
.searchBox{}
.search-pup{ position:relative;}

.search-pup form input:focus{width:250px}
.search-pup form button{position:absolute;right:6px;top:4px;color:#ddd;background:0 0;border:none;padding:0;margin:0;line-height:normal;font-size:18px;font-weight:300;outline:0;cursor:pointer}
/*----------- breadcrumb -----------*/
.breadcrumb{max-width: 1220px; margin:0 auto;padding:12px 0;clear: both;overflow: hidden; border-bottom:1px solid #ddd;text-indent:5px}
.fa-angle-right,.fa-bullhorn{font-size: 16px; margin: 0 4px;}



.mt-lg-5, .my-lg-5 {
    margin-top: 5rem!important;
}
.mt-md-4, .my-md-4 {
    margin-top: 1rem!important;
}
.mb-lg-3, .my-lg-3 {
    margin-bottom: 1rem!important;
}
.two-demo-button p,
.info-matter p {
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    letter-spacing:1px;
}
.view-buttn a:hover,
.view-price a:hover,
button.btn1:hover,
.sent-butnn:hover {
    opacity: 0.9;
}

/*bx-wrapper (NEXT / PREV) */
.slider1{width:auto; position:absolute;}
.bx-wrapper:hover .bx-prev,.bx-wrapper:hover .bx-next {filter:alpha(opacity=80)!important;opacity:0.8!important;}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover{background-color: rgba(255, 255, 255, .8);color:#014199;filter:alpha(opacity=100)!important;opacity:1!important;}
.bx-wrapper:hover .bx-prev{left:18px;}
.bx-wrapper:hover .bx-next{right:18px;}
.bx-wrapper .bx-prev{left:25px;}
.bx-wrapper .bx-next{right:25px;}
.bx-wrapper .bx-prev,.bx-wrapper .bx-next{ width:30px; height:30px; line-height:30px; text-align:center;border-radius:100%;background-color: rgba(255, 255, 255, .3);position: absolute;top: 50%;margin: -15px 0 0 0;outline: 0;z-index:56; cursor:pointer;  color:#fff; font-size:1.8em;filter:alpha(opacity=0)!important;opacity:.0!important;}
.bx-wrapper .bx-loading {min-height:200px;background: url(../images/lay.gif) center center no-repeat #fff;height: 100%;width: 100%;}
.imgbox .bx-wrapper .bx-prev{left:5px;}
.imgbox .bx-wrapper .bx-next{right:5px;}
.bx-wrapper .bx-pager-item{display: inline-block; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager-item {font-size: 0; line-height: 0;}

/*----------- article  -----------*/
.Wauto{ width:100%; max-width:none; padding:0;}
.main{width:100%;float:left}
.w1200{ padding:0;text-shadow:0 1px rgba(255, 255, 255, 0); clear:both;}
.w1200 .article{ width:100%; margin-right:0;margin-bottom: 30px;}
.PostBox{ clear:both;}
.PostBox.back1{ background:#fcfcfc}
.PostBox.back2{ background:#f6f6f6}
.PostBox.back3{ position: relative; background-color:#111; background-position:center center; background-attachment:fixed; background-size:cover;}
.PostBox.about{background:#f6f6f6;}
.PostBox.about .post{ padding:0; max-width:100%; position:relative;}
.PostBox.about .post .postAbout{height:500px;width: 50%;float:right; position:relative; z-index:1}
.PostBox.about .post .postAbout:after{content: "";display: block;width:110%;height:400px;background-color:rgba(255, 255, 255, 1);position: absolute;right:0%;top:50%;z-index: 0;box-shadow: 0 6px 40px rgba(128, 128, 128, 0); transform:translateY(-50%);}
.PostBox.about .post .aboutImg{height:500px;width: 50%;position: absolute;top: 0px;left: 0px;background-repeat: no-repeat;background-position: center center; background-size: cover}
.PostBox.about .post .postTitle{ padding:110px 30px 20px 0; text-align:left;}
.PostBox.about .post .postTitle:after{ display: none}
.PostBox.about .post .postTitle .title2:after{display: none}
.PostBox.about .post .PostText{ line-height: 24px; color: #999; padding-right: 60px;text-align: left; position: relative; z-index: 2}
.PostBox.about .post .more{ position: absolute; z-index: 2; left: 0; bottom: 115px;}

.article {margin-right: 378px;min-height: 600px;}

.post{ width:1440px; margin:50px auto; padding:80px 10px 80px;}
.post.list,.post.tags{padding:10px 10px 10px;}
.post.news.top{ padding-top:10px; padding-bottom: 10px;}
.post .postTitle{text-align:center;padding-bottom:15px; position:relative; margin-bottom:1.5%; z-index:2;}
.post .postTitle h3{font-size:2.0em;text-transform:capitalize; font-weight:normal;position:relative; text-indent:2px;letter-spacing:0em; display:inline-block; margin-bottom:3px;}
.post .postTitle h3 i{ font-size:0.46em; position:absolute; top:12px; left:-33px; color:#9e9e9e; display:none;}

.post .postTitle span{ clear:both; display:inline-block; width:100%; color:#9e9e9e; font-size:14px;}
.post .postTitle .title1{ font-size:1.6em; text-transform:uppercase; color:#014199; font-family:"HELVETICANEUELTPRO-THEX","微软雅黑";filter:alpha(opacity=80);opacity:0.8;}
.post .postTitle:after{background:#fbfbfb;content:"";height:1px;width:80px;position:absolute;left:0;right:0;bottom:0;margin:0 auto}
.post.team .postTitle:after{height:0px;}
.post .postTitle .title2:after{background:#cfcfcf;content:"";height:2px;width:80px;position:absolute;left:0;right:0;bottom:0;margin:0 auto}
.PostBox:nth-child(2) .post .postTitle:after{background:#fff;}
.PostBox:nth-child(2) .post .postTitle .title2:after{background:#ddd;}

.post .PostShow{ position:relative;}
.post .PostShow ul{ width:100%; display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin-bottom: 20px;}
.post .PostShow li,.imgShow{ width:268px; float:left; display:inline; overflow: hidden;  text-align:center;
    background: #fff;}

.post .PostShow .loading{ min-height:109px;}
.post.case .PostShow .loading{ min-height:212px;}
.msk {background:#014199; box-shadow: 0 0 12px rgba(0, 0, 0, 0); position: absolute; left: 0px; right:0px; top:0px;bottom:0px;  z-index:1;-webkit-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s; opacity:0}
.post li a:hover .msk,.imgShow a:hover .msk{background:#000; box-shadow:#000 0 0 8px; opacity:0.5}

.post .PostShow li h4,.imgShow h4{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; clear:both; margin:0 0 5px; font-size:16px; padding: 0 10px}
.post .PostShow li h4 a{ color:#1c1d1e;}
.post .PostShow li i,.imgShow i{color: #999; font-weight: normal; display: block;font-size: 13px;font-style: normal;text-align: center; line-height:20px; padding: 0 10px; height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.post .PostShow li i.h2{height: 40px;white-space:normal;}
.post .PostShow li .post-img,.imgShow .post-img{ width:100%; margin-bottom:16px; overflow:hidden;}
.post .post-img:hover img{transform:none;}
.post .PostShow li img,.post.team .PicBox li img,.post .PostNews li img{-webkit-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s;}
.post .PostShow li img{width:268px;height:268px;object-fit: cover;}
.post.case.tags .PostShow li .post-img{ max-height:290px;}
.pt-2{height: 25px;}
.pt-2 i{text-align: right !important;color:#1c1d1e !important;position: inherit !important;opacity:1 !important;font-size: 14px !important}
.post-img{ float: left; height: auto; margin-left: 0; margin-right: 2.8169%; max-width:290px; position: relative;width:25%;}

.case-item{
    background-color: #fff;
    border: 1px solid #eee;
    padding: 4px !important;
}
.case-item h4{
    padding-bottom: 10px !important;
}

.post.team{ width:100%; max-width:none; padding:80px 0;text-shadow:none;}
.post.team .postTitle{ padding-bottom:1.5rem; color:#fff; margin-bottom:2.5%}
.post.team .postTitle h3 i{ color:#585858}
.post.team .postTitle .title1{ color:#766961}
.post.team .postTitle .title2{ color:rgba(255, 255, 255, 0.25);}
.post.team .postTitle:after{ background:none;}
.post.team .postTitle .title2:after{background: rgba(255, 255, 255, 0.15);width:60px; height:4px;}
.post.team .post-img{ max-width:200px;max-height:200px;overflow:hidden;margin:0 3.5% 0 6.5%;border-radius:1000px;}
.post.team .post-img img{max-width: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    vertical-align:bottom;
    overflow:hidden;border-radius:1000px;}
.post.team .post-img img:hover{
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);}
.post.team .post-img:hover img{transform:none;}
.post.team .bx-wrapper{ position:relative;}
.post.team .bx-wrapper .bx-loading {min-height:auto;background: url(../images/lay.gif) center center no-repeat none;}
.post.team .loading {background:rgba(0, 0, 0, 0.3) url(../images/lay.gif) center center no-repeat; min-height:auto}
.post.team .LiBox{ max-width:1260px; margin:0 auto;}
.post.team .LiBox a{ display:inline-block; color:rgba(255, 255, 255, 0.3); width:100%; padding:0 6%;}
.post.team .LiBox a:hover{ color:rgba(255, 255, 255, 0.4)}
.post.team .LiBox .bx-pager{ text-align:center;}
.post.team .bx-wrapper .bx-pager{ position:inherit; padding-top:15px;}
.post.team .bx-wrapper .bx-pager.bx-default-pager a{ background:rgba(254, 212, 75, 0.8); width:10px; height:10px; border-radius:1000px;filter:alpha(opacity=35)!important;opacity:0.35!important;}
.post.team .bx-wrapper .bx-prev,.post.team .bx-wrapper .bx-next{ opacity:0.2!important; background:none; font-size:5em; margin-top:-65px; height:40px; line-height:40px;}
.post.team .bx-wrapper .bx-prev:hover,.post.team .bx-wrapper .bx-next:hover{color:#fff;filter:alpha(opacity=50)!important;opacity:0.5!important;}
.post.team .bx-wrapper .bx-prev{left:3px;}
.post.team .bx-wrapper .bx-next{right:3px;}
.post.team .bx-wrapper .bx-prev,.post.team .bx-wrapper .bx-next{border-radius:0}
.post.team .post-text{ width:65%; float:left;padding:56px 0px 0 0; line-height:24px; font-size:14px;-webkit-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s;}
.post.team .post-text span{ font-size:1.3em; margin-bottom:15px; display:block;}
.post.team .bx-controls{ max-width:1260px; position:relative; margin:0 auto;}
.post.team .bx-controls-direction{margin-top:-100px; position:absolute; width:100%;-webkit-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s;}
.post.team .bx-wrapper .bx-pager{ bottom:0;}
.post.team .bx-wrapper .bx-pager.bx-default-pager a:hover,.post.team .bx-wrapper .bx-pager.bx-default-pager a.active{filter:alpha(opacity=80)!important;opacity:0.8!important; background:rgba(255, 255, 255, 0.4);}


/*news*/
.post.news{ max-width: 1260px;}
.post.news li{ width:49.5%;float:left; display:inline; margin:6px 0 6px;-webkit-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s;background: rgba(255, 255, 255, 0.4); padding:10px; border:1px solid #fff; line-height:22px;}
.post.news li:hover{background: rgba(255, 255, 255, 0.85);}
.post.news li:nth-child(odd){float:left;}
.post.news li:nth-child(even){float:right;}

.post.news li h4{ font-size:1.2em; font-weight:100;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.post.news li span{ font-size:14px; color:#999; margin-right:3px;}
.post.news li p{ font-size:14px;  color:#888}
.post.news .post-img{ max-width:135px; height:90px; object-fit:cover;width:30%; overflow:hidden;}
.post.news.tags li{ width:100%;}

.post li a i.fa,.imgShow a i.fa{font-family: FontAwesome;top:50%;color:#FFF;text-align:center; position:absolute; width:100%; z-index:2;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;filter:alpha(opacity=0);opacity:0; text-shadow:none;font-size:0;line-height:0;overflow: visible}
.post li a:hover i.fa,.imgShow a:hover i.fa{font-size:25px;filter:alpha(opacity=100);opacity:1;}
.post.news li a:hover i.fa{ font-size:25px;}
.post.case .more{ padding:0 0 35px 0;}
.post .more{padding:35px 0 0;text-align:center; clear:both;}
.post .more a{ padding:8px 30px; display:inline-block; background:#f6f6f6; color:#fff;text-shadow:none; font-size:14px;filter:alpha(opacity=80);opacity:0.8; position:relative; border:1px solid #ddd; color:#666}

.post .more a:hover{border:1px solid #014199; color:#fff}
.post .more a:after{background:#014199;content:"";height:100%; width:0px;position:absolute;left:0;top:0;webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.post .more a:hover:after{ width:100%;}

.msk {background:#014199; box-shadow: 0 0 12px rgba(0, 0, 0, 0); position: absolute; left: 0px; right:0px; top:0px;bottom:0px;  z-index:1;-webkit-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s; opacity:0}
.post .more a span{ position:relative; z-index:1}

.navbar li:after{background:#014199;content:"";height:2px; width:0px;position:absolute;left:50%; transform:translateX(-50%);bottom:0;webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}

.msk {background:#014199; box-shadow: 0 0 12px rgba(0, 0, 0, 0); position: absolute; left: 0px; right:0px; top:0px;bottom:0px;  z-index:1;-webkit-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s; opacity:0}
.post .more a:hover:after{ width:100%;}


/*moble*/
.moble{max-width:1260px; margin:0 auto; height:0px; background:#fff; width:100%; padding:0 10px; display: none; position:fixed; top:0; z-index:889}
.moble a.moble-bars,.moble a.search-btn{-webkit-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease}


.archive-top{max-width:1260px; margin:0 auto;padding:20px 20px 20px;overflow:hidden;position:relative; min-height:63px; text-align:center;}
.archive-top .archive-title h1{display: block;font-size:2.5em;font-weight: normal;margin-bottom: 0;width:100%; margin-top:25px; text-transform: capitalize}
.archive-top .archive-title span{text-transform:uppercase; color:#014199; font-size:1.8em;clear:both;font-family:"HELVETICANEUELTPRO-THEX","微软雅黑"; width:100%; float:left;font-style:normal;filter:alpha(opacity=80);opacity:0.8;}
.archive-top .archive-description{ color:#9e9e9e; font-size:14px;}
.archive-top.tag{ text-align:left; padding:40px 20px 10px;}
.archive-top.tag h1{ display:block; font-size:20px; font-weight:400; margin-bottom:5px;}

/*subcate*/
.subcate{ max-width:1260px; margin:0 auto 10px;text-align:center;padding: 0 20px;}
.subcate li{ display:inline-flex; margin:0px 3px;}
.subcate li a{padding:4px 10px 4px; font-size:16px; background:#f0f0f0; text-shadow:none;}
.subcate li a:hover,.subcate li.active a{background:#014199; color:#fff;filter:alpha(opacity=85);opacity:0.85;}


/*----------- lazy -----------*/
.loading {background: #eee url(../images/lay.gif) center center no-repeat;	min-height:60px}
.button.loading{ min-height:30px;}
a:hover .b-lazy.b-loaded{ filter:alpha(opacity=100);opacity:1}
.b-lazy {max-width: 100%;-webkit-transition: opacity 500ms ease-in-out;-moz-transition: opacity 500ms ease-in-out;-o-transition: opacity 500ms ease-in-out;transition: opacity 500ms ease-in-out;filter:alpha(opacity=0);opacity: 1}

.b-lazy.b-loaded {vertical-align: middle;filter:alpha(opacity=100);opacity: 1;}
/*----------- pageNav -----------*/
.pageNav{text-align:center;padding:35px 0px;display:block; clear:both;}
.pageNav a{text-align:center;line-height:38px;display:inline-block;color:#fff;background:#014199;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.pageNav a i{width:38px;height:38px;line-height:38px; vertical-align: 0px;}
.pageNav a:hover{background:#666;color:#fff;text-decoration:none;}
.pageNav .number{background:#014199;color:#fff;margin:0 3px;display:inline-block;line-height:38px;padding:0 15px;text-shadow:none;filter:alpha(opacity=60);opacity:0.6; vertical-align: 0px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.pageNav .active{background:#666;color:#fff;text-decoration:none;}
.post.case .pageNav{padding-top:0;}

/*pagination*/
.pagination .jumpto{display: inline-block;margin-left:2px;}
.pagination .jumpto input{padding: 6px ;line-height: 1.42857143;color: #2c3e50;background-color: #fff;border: 1px solid #ddd;float:left;}
.pagination .page_number{width: 45px;margin-right: -1px}


/*social*/
.sidebar{max-width: 1260px; margin: 0 auto; padding: 60px 10px;border-bottom: 1px solid rgba(255,255,255,0.1);position: relative;}
.sidebar .addBox{ padding: 0 5px; margin-bottom: 15px;}
.sidebar .addBox h4{ display: none}
.sidebar .addBox span{ margin-right: 20px; display: inline-block}
.sidebar .addBox span.tel{ font-size: 30px; padding:0 0 20px 0; display:block; font-weight: 300; margin-right: 0}
.sidebar .addBox span.tel a{ font-size: 30px;}
.sidebar .addBox span.tel i{ margin-right: 5px;}
.social a.socialLink{background:rgba(255,255,255,.08);border-radius:1000px;-moz-border-radius:1000px;-webkit-border-radius:1000px;color:rgba(255,255,255,.48);font-size:18px;display:inline-block;width:46px;height:46px;line-height:46px;text-align:center; margin:0 10px 0 0;}


.social a:hover{background:rgba(255,255,255,.2)}
.social a.socialLink:hover{color:rgba(255,255,255,1)}
.social a.s-weixin .weixin{ visibility: hidden; opacity: 0; position:fixed;padding:5px 5px 25px;background:#fff;z-index:999; line-height:0; border-radius:0px; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0.5);-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.social a.s-weixin .weixin .img{ width: 260px; height: 260px;}
.social a.s-weixin .weixin img{ width: 100%; height: 100%}
.social a.s-weixin .weixin p{ color: #333; font-size: 14px; margin-top: 5px}
.social a.s-weixin .weixin.open{ visibility: visible; opacity: 1;transform: translate(-50%,-50%) scale(1);}


.divArchives li,.divBrchives li,.divCrchives li,.divAuthors li,.divCatalog li,.divFavorites li,.divLinkage li,.divNavBar li,.divStatistics li{padding:3px 0;margin:1px 0 3px 0;}
.divArchives li a,.divAuthors li a,.divBrchives li a,.divCatalog li a,.divFavorites li a,.divLinkage li a,.divMisc li a,.divNavBar li a,.divStatistics li{color:#555;font-size:14px;margin-right:24px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}
.divArchives li:hover a,.divBrchives li:hover a,.divAuthors li:hover a,.divCatalog li:hover a,.divFavorites li:hover a,.divLinkage li:hover a,.divNavBar li:hover a,.divStatistics li:hover{padding-left:15px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}
.divBrchives li:hover a{ color:#014199}
.divBrchives li a i.fa,.tbox .fa{transform: translate(0px, -1px);}
.widget-tie h3{margin-bottom:15px}
.divTags li{float:left;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}

/*----------- article-box panel -----------*/
.article-box{padding:0 20px 20px; margin:20px 0 16px;background: rgba(255, 255, 255, 0.65);border:0px solid #eee;}
.article-top{padding: 20px 0 15px; border-bottom: 1px solid #eee;}
.article-tit{margin-top: 5px; margin-bottom: 0px; font-size: 22px; font-weight:400;text-transform: capitalize}
.article-mt{ margin-top: 10px;}
.article-mt span{font-size: 14px; color: #999;display: inline-block;margin-right:15px;}
.article-mt span a{font-size: 14px; color: #999;display: inline-block;}
.article-mt span .fa{width: 13px; display: inline-block; margin-right: 4px; font-size: 13px;}
.article-main{font-size:15px;line-height:25px; padding: 18px 0;word-wrap:break-word;}
.article-main img{margin: 5px 0;max-width:100%;height:auto!important;}
.article-main h2, .article-main h3, .article-main h4, .article-main h5{padding:0;margin:25px 0;color: #333;font-weight:600;}
.article-main h2{font-size:20px;line-height: 24px;font-weight:bold;border-left: 5px solid #014199;padding: 0 0 0 10px;}
.article-main h3{font-size:18px;}
.article-main h4{font-size:16px;}
.article-main h5{font-size:14px;}
.article-main ul, .article-main ol{margin:0 0 18px 42px}
.article-main ul{list-style: disc;margin:0;}
.article-main ol{list-style: decimal;}
.article-main li{margin-bottom: 6px;list-style: inherit;}
.article-main p{margin-bottom:0px;word-wrap:break-word}
.article-main pre{word-wrap:break-word}
.article-main table{width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd;margin-bottom:18px;border-collapse:collapse}
.article-main table th{text-align:center;background-color:#f9f9f9;}
.article-main table td,.article-main table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}
.article-main a{color: #014199;}
.article-main a:hover{color: #014199;}
.article-main pre,.comment pre{margin:20px 0;font:14px/22px 'courier new';background:#272822;padding:10px 16px;color:#F8F8D4;border:none}
.article-main blockquote{margin: 30px;padding: 15px 20px 1px;font-size: 16px;color: #999;border-left: 6px solid #e4e4e4; background: #f0f0f0}
.article-main blockquote p{margin:0;padding:0;margin-bottom: 10px;}
.article-main embed{display: block;margin-left: auto;max-width: 100%;margin-right: auto;}
.article-copyright{margin-top: 42px; background-color: #eee; padding-right: 30px; font-size: 14px; padding: 5px 0; color: #aaa; text-align: center;}
.article-copyright a, .article-copyright a:hover{color: #aaa; text-decoration: none;}


/*----------- tag-a -----------*/
.tag-box .tag-a { margin:10px 0 20px;}
.tag-box .tag-a a {padding:4px 8px 2px 8px;border: 1px solid #e4e4e4; margin-right: 6px; background:#f9f9f9;}
/*----------- Post Navigation -----------*/
.post-nav{border:0px solid #eee;padding:10px 0 10px 0;margin:0px;clear: both;overflow: hidden;}
.post-nav div{width:40%;color:#999;font-size:14px;position:relative;display:block;}
.post-prev{float:left;}
.post-next{float:right;text-align:right;}
.post-nav div span{display:none;color:#999;}
.post-nav div a{ display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; position:relative;}
.post-nav div a i{ color:#ccc;font-size:50px;position:absolute;top:50%; transform:translateY(-50%);-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.post-nav div a:hover i{ color:#014199;}
.post-prev a{ padding:5px 0 5px 38px;}
.post-next a{ padding:5px 38px 5px 0;}
.post-prev a i{left:0;}
.post-next a i{right:0;}

/*----------- Author Widget -----------*/
#writer {margin:20px 0;border: 0px solid #eee;background:rgba(255, 255, 255, 0.65);clear: both;overflow: hidden; }
#writer h3{padding: 10px 20px 8px 20px;border-bottom: 1px solid #eee; background:rgba(255, 255, 255, 0.2);}
#writer h3 span{ float: right;min-width: 160px;width: 50%;text-align: right;font-weight: normal; font-size:14px; padding-top:2px;}
.writer-text{clear: both;overflow: hidden;padding: 10px;}
.writer-avatar img{float:left;margin:10px;padding:4px;width:64px;height:64px;border: 1px solid #eee;-webkit-border-radius:37px;-moz-border-radius:37px; border-radius:37px; background: #fff;-webkit-box-shadow:inset 0 -1px 0 #3333sf;box-shadow:inset 0 -1px 0 #3333sf;-webkit-transition:0.4s;-webkit-transition:-webkit-transform 0.4s ease-out;-moz-transition:-moz-transform 0.4s ease-out;transition:transform 0.4s ease-out;}
.writer-avatar img:hover{border: 1px solid #ccc;-webkit-box-shadow:0 0 10px #fff; box-shadow:0 0 10px #fff;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg);}
.writer-info{padding:10px 10px 0 5px;font-size:14px;line-height:22px;}
#writer-name{display: none;}
#writer-top .contact{width: auto;}
#writer-top .contact li {float: left;margin: 0; padding:0;width:28px;height:30px;background:none;}
.nb{padding:10px 0;border-bottom:none;}
.widget .nb li{padding:0;width:30px;height:30px;background:none;}
.widget .nb li.archive,.widget .nb li.donate{width:82px;}
.widget .nb li.archive a{width:80px;height:26px;}
.widget .nb li.donate a{width:80px;height:26px;}
/*----------- contact -----------*/
.contact{padding:16px 13px 10px;}
.contact ul li{background: none;}
.contact li a{display:block;margin-left:5px;width:24px;height:24px; color:#fff; line-height:24px;opacity:0.7; text-shadow:none;}
.contact li a:hover{opacity:1;}
.contact li.website a{background:#F93;}
.contact li.sina_weibo a{background:#f78585;}
.contact li.qq_weibo a{background:#27ccc0;}
.contact li.email a{background:#e66eb6;}
.contact li.qq a{background:#48c3f0;}
.contact li.archive a{width:78px;height:24px;background:#9C3;text-indent:0px; color:#fff; line-height:24px;}
.contact li.donate a{width:78px;height:24px;}
.contact li{display:inline;float:left;margin-right:4px;height:24px;text-align:center;line-height:190%;}


/*----------- relates -----------*/
.relates{padding:20px;margin-bottom:16px;background:rgba(255, 255, 255, 0.65) ;border:0px solid #eee}
.relates.imgRel{ padding:10px;}
.relates.imgRel ul{ margin:0;}
.relates.imgRel .title{text-indent:10px; margin-top:10px;}
.post.relates.imgRel .PostShow li{ margin:1% 0.75% 1% 0.75%; /*margin:0;transition:none;*/}
.title{margin-bottom:10px;overflow:hidden;}
.title h3{font-size:1.2em;font-weight:500;margin:0;float:left}
.relates ul{list-style:disc;margin-left:20px;color:#999}
.relates li{margin-top:10px;list-style:inherit}
.relates li.nothing{ width:100%; text-align:left;}
.relates time{font-size:14px;margin-left:20px;color:#bbb}

.widgetBox{position:relative;clear:both;margin-bottom:20px;background:none repeat scroll 0 0 #fff}
.userMain{overflow:hidden;width:100%;border:1px solid #eee}
#userLeft{float:left;padding-bottom:10px;width:17.9%}
#userLeft .user-avatar{padding:15px;text-align:center}
#userLeft .user-avatar img{padding:5px;max-width:100px;max-height:100px;width:98%;height:auto;border:1px solid #eee;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-webkit-box-shadow:inset 0 -1px 0 #3333sf;box-shadow:inset 0 -1px 0 #3333sf;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out;transition:transform .4s ease-out}
#userLeft .user-avatar img:hover{border:1px solid #ccc;-webkit-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #fff;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg)}
#userMenu li{padding:12px 10px;text-align:center}
#userMenu li.current-menu-item{margin:0 -1px;border-left:5px solid #014199;background:#EEE}
#userMenu li.current-menu-item a{margin-left:-5px;color:#014199}
#userMenu li i{margin-right:5px}
#userRight{float:left;overflow:hidden;margin:0;padding:10px 1.333333%;min-height:600px;width:82%;border-bottom:none;border-left:1px solid #E1E1E1;background:#fff}
#userRight #writer-top{margin:0 -15px;padding:10px 15px;border-bottom:1px solid #E1E1E1;background:#fff}
#userRight .post-count{padding:15px 10px;border-bottom:1px solid #eee;font-weight:700}
#userRight .archive-a h2{font-size:14px;padding-left:5px;line-height:40px}
.archive-a h2{display:inline-block;overflow:hidden;margin:0;width:60%;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:16px;line-height:28px}
.archive-a h2 a i{margin-right:5px}
#writer-top h1{margin-bottom:10px;font-size:20px}
#writer-top .rss-cat-icon i{color:#F74D4D}
.widget-main{position:relative;z-index:1;padding:10px 15px;border-bottom:1px solid #E1E1E1}
.archive-a{padding:10px 0;border-bottom:1px solid #eee}
.archive-a span{margin-right:5px}
.archive-a p.post-time{float:right;width:36%}
.post-time{margin:10px 0;line-height:20px}
.post-time span{margin-right:10px;color:#999}
.post-time span i{margin-right:3px}

/*----------- commList -----------*/
.commBox{padding: 20px;margin-bottom: 20px;    background:rgba(255, 255, 255, 0.65); border:0px solid #eee;}
.commBox .title{ margin-bottom: 15px;}
.commList .msg{padding-top:10px}
.commBox .posttop em{ color: #999; font-style: normal;}

/*---------------------------引用\评论----------------------------------*/
ul.msg{width:100%;margin:15px 0 15px 0;padding:0px 0;text-align:left;list-style-position : outside;table-layout: fixed;word-wrap:break-word; background: #fdfdfd; border: 1px solid #eee; border-radius: 3px;}
li.msgname{padding:15px 15px 0;margin:0px;   font-weight:normal;font-size:1em;}
li.msgname small,small .revertcomment a{ color: #999; font-size: 14px; font-weight: 300}
li.msgurl{text-align:right;padding:2px 10px 2px 10px;margin:0; font-size:1em;}

li.msggravatar{display:block;float:left;margin-right:5px;}
li.msgarticle{list-style-position : outside;padding:10px 15px 12px;margin:0;line-height:160%; padding-left:70px; /*border-bottom:1px solid #eaeaea;*/}
li.msgtime{padding:5px 0 0 0;font-weight: normal; font-size:0.8em;}

img.avatar{width:45px;height:45px; float: left; margin-right: 8px; margin-top: -2px; border-radius:50px;box-shadow:inset 0 -1px 0 #3333sf;-webkit-box-shadow:inset 0 -1px 0 #3333sf;-webkit-transition:.4s;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out}
img.avatar:hover{transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);box-shadow:0 0 10px #fff;-webkit-box-shadow:0 0 10px #fff;}

ul.msg ul.msg img.avatar{ width: 40px; height: 40px; margin-top:0.12em}
ul.msg ul.msg{padding:0px 0 0 0;margin:15px 0 0 0;border:none;border-top:1px solid #eee;}
ul.msg ul.msg li.msgarticle{padding-bottom:0px; border-bottom:0px solid #eee; padding-left: 52px; padding-right: 0;}
ul.msg ul.msg li{ padding-right: 0; padding-left: 0}

/************发表评论************/
#divCommentPost{width:100%;margin:0 0 0 0;padding:5px 0 1px 0;}
#divCommentPost p{margin-top:10px;}
#divCommentPost label{margin-top:5px;}
#divCommentPost p.posttop { color: #999; padding-left: 0; margin-bottom: 5px; float: left}
#divCommentPost.reply-frm p.posttop{ float: right}
#divCommentPost.reply-frm p.posttop .u-msg{ display: none}
#divCommentPost img{margin-bottom:-0.5em;}
#divCommentPost p.npt{ margin-top: 0}
#cancel-reply{margin-left: 10px; line-height: 36px; display: inline-block}
div.reply-frm{background:#fdfdfd;margin:0em 0% !important;padding:.3em 0em 0.68em !important;border: 0px solid #eee}
div.reply-frm #saytext{border: 1px solid #eee; margin-top: 0px;}

#saypl ul{width: 101.6%; clear: both}
#saypl ul li{margin-bottom:5px;text-align:left;display: inline-block; width:49%}
#saypl ul li.verify{ position:relative}
#saypl ul li.verify img{ position:absolute; top:4px; right:4px}
input.text{margin-right:10px;position:relative;border:none; border: 1px}

input.text{margin-right:10px;position:relative;border: 1px solid #b4b6b8;border-radius:0px;height:38px; line-height: 38px; padding:0px 10px;outline:0;color:#000;width:100%;box-shadow:none; background:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
#saytext{position:relative;z-index:1;border:0;border-bottom:none;padding-right:24px;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow:none;-webkit-appearance:none;overflow:auto;padding:10px;min-height:135px;margin:0;resize:none;outline:0;width:100%;min-width:100%;background:none; font-size:14px;border: 1px solid #b4b6b8}
input.button,#cancel-reply{height:36px;width:100%;text-align:center;text-shadow:none;font-weight:normal;border:none;color:#FFF;background-color:#014199;border-radius: 2px;background-image:none;box-shadow:none;cursor:pointer; font-size: 16px;}
input.button:hover{background:#014199;}
#cancel-reply{background-color:#d9d9d9; vertical-align: 0px;}

/*----------- search -----------*/
.page-search h1{font-size:20px; font-weight:400;margin-bottom:5px;}
.page-search .archive-description{ font-size:14px; color:#9e9e9e;}
.page-search,.list-search p{margin:20px 0;padding:10px;overflow:hidden;border-radius:2px;position:relative; line-height:22px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.list-search p{background-color:rgba(255, 255, 255, 0.65);padding:20px; color:#888;border:1px solid #fff;}
.list-search p:hover{background-color:rgba(255, 255, 255, 0.95);}
.list-search p a:first-child{font-size:20px;line-height:28px; margin-bottom:5px; margin-top:0;}
.list-search p a{ margin-top:3px;display:inline-block;}
.list-search p a:hover{color:#014199}
.list-search p strong{color:#014199; font-weight:100}
/*----------- gotop -----------*/
#backTop{position:fixed;right:0px;top:75%; transform: translateY(-50%);z-index:888;}
#backTop span{cursor:pointer;background:rgba(0,0,0,0.8);width:50px;height:50px;color:#fff;display:block;position:relative;margin:0px 0; right: 0;}
#backTop span#gttop{ visibility: hidden;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease; opacity: 0;}
#backTop span i{ z-index: 1}
/*#backTop span.ft-qq i{ background: #1ea6e9;}*/
/*#backTop span.ft-wx i{ background: #46be8a;}*/
#backTop span.ft-tel i{ background: #014199;}
#backTop span small{ width: 180px; height: 180px; position: absolute; left: -220px; top: 0;box-shadow: 0 0 9pt rgba(0,0,0,.1); visibility: hidden; opacity: 0; background: #fff; z-index: 0;-webkit-transition: all .2s ease;
    -o-transition:all .2s ease;
    transition: all .2s ease;}

#backTop span small.telTop{ width: auto; height: 50px; line-height: 50px;white-space: nowrap; padding: 0 15px; text-align: center; font-size: 22px; color: #333; right: 70%; left: auto; visibility: hidden; /*background: #DA0023; */}
#backTop span:hover.ft-tel small.telTop{ visibility: visible; opacity: 1;right: 100%; }

#backTop span:hover.ft-wx small.weixin{visibility: visible; opacity: 1; left: -190px;}

#backTop span i{text-align:center;color:#fff;width:50px;height:50px;font-style:inherit;line-height:50px;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px; font-size: 22px;}
#backTop span.ft-tel i{font-size: 24px;}
#backTop a{color:#fff;display:block;cursor:pointer}

#backTop span small b{width: 25px;height: 35px;position: absolute;top: 10px;right: -22px; z-index: 999; font-size: 26px;}

/*browse*/
#browse{padding:10px 0;border-bottom:1px solid #ddd;background:#014199;color:#aa6800;text-align:center;font-family:arial,sans-serif;font-size:14px}
#browse a{padding:4px;color:#008DFD}
#browse a:hover{text-decoration:underline}
/*----------- ADS -----------*/
.bnBox{background-color: #fff;border:none;padding:10px;margin:0 auto 16px auto;overflow: hidden; max-width: 1240px; max-height: 350px; position: relative;}
.bnBox.cateBn{ margin-bottom: 0; padding: 0; max-width: 100%;}
.bnBox.cateBn .text{ width: 100%; text-align:center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff;}
.bnBox.cateBn .text h3{font-weight: 100; font-size: 40px;}
.bnBox.cateBn .text p{ font-size: 14px; font-weight:100;  font-style: normal; clear: both; opacity: .8}
.bnBox.cateBn img{}
.cateBnImg{height: 350px;background-position: center; background-size: cover}
.bnBox.animation{ margin-top: 16px;}
.bnBox img{ display:block;width:100%}
/*----------- footer -----------*/
.footer{margin-top:0px;padding:0px 0 0;width:100%;background:#000;color:rgba(255,255,255,0.48);clear:both; position:relative; font-size:14px; line-height:22px; float: left; text-align: left}
.footer a{color:rgba(255,255,255,0.3);font-size:14px;}
.footer-text{padding:20px 10px; margin:0 auto;color:rgba(255,255,255,0.3);position:relative;overflow:hidden; /*background: #111;*/ max-width: 1260px}

.link{max-width:1260px;margin:20px auto 20px auto; padding: 0 10px;color: rgba(255,255,255,0.3);}
.link span{font-size:12px}
.link ul{ display:inline}
.link li{display:inline;padding:0 6px; }

.action-like,.article-social{text-align:center; text-shadow:none}
.article-main a.action-like{ color:#fff;}
.action-like{display:inline-block;background-color:#FF5E52;color:#fff;border-radius:3px;padding:10px 12px 10px 15px;font-size:15px;margin:10px auto 18px;min-width:120px;max-width:100%;cursor:pointer;opacity:.75}
.action-like:hover{opacity:1;color:#fff}

/*search-form*/
.search-form {height:35px; position:relative;}
.search-form .s {height:22px; border:1px solid #ddd; padding:5px 35px 5px 5px; border-radius:3px; width:210px;}
.search-form .s:focus,#login-page .login-form .text:focus {border:1px solid #2689FF; box-shadow:0 0 3px #2689FF;}
.search-btn,.sbtn,.searchBox{position:fixed;right:58px;top:18px;color:rgba(255,255,255,0.6);background:0 0;border:none;padding:0;margin:0;line-height:normal;font-size:19px;font-weight:300;outline:0;cursor:pointer; z-index:890;}
.fixed .sbtn,.fixed .searchBox,.header.noOpaque .sbtn{ color: #999}
a.search-btn{ display:none;}
.sbtn{ position:inherit; float:right; font-size:18px; background:rgba(0,0,0,.0);height:40px; line-height:40px; border-radius:1000px; text-align:center; margin-top:19px; margin-left:10px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;filter:alpha(opacity=65)!important;opacity:0.65!important;}


.fixed .lang .dropdown-toggle:hover{
    color: #333 !important;
    filter:alpha(opacity=100)!important;opacity:1!important;
}
.fixed .sbtn,.header.noOpaque .sbtn{margin-top:9px;}


.header.noOpaque .lang{margin-top: 20px;color: #333;background: rgba(0,0,0,0.1)}
.header.noOpaque .lang .dropdown-toggle{color: #333;}
.sbtn:hover{filter:alpha(opacity=100)!important;opacity:1!important;}
.searchBox{position:absolute; top:20px; right:20px; width:250px; z-index:900;border-radius:3px;border:1px solid #efefef;background:#fff;}
.search-bg .search-form {display:block;}
.page-bg {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:890; display:none;}
.search-bg .search-pup{margin-top:0; float:none}
.search-bg .search-pup form input,.searchBox .search-pup form input{width:100%;font-size:14px;padding:6px 30px 6px 10px;height:35px;outline:0}
.searchBox .search-pup form input{ max-width:250px; border:none;}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{background:#014199 }

/*cate*/
.cate li{ display:inline-block;text-align:center; float:left; position:relative;}
.cate li a{ color:#fff; font-size:1em; width:100%; height:auto;border-radius:0px;float:left; opacity:0.6; padding:15% 0}
.cate li a:hover{ opacity:1}
.cate li a i{ font-size:1.8em; clear:both;width:100%; float:left;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.cate li a p{ margin:0; padding:0; font-style:normal; float:left; width:100%; height:20px; margin-top:3%}
.fweixin{position: absolute;
    right: 50px;
    top: 35%;}
.fweixin img{width:150px; height:150px;}
/*----------- media -----------*/
@media screen and (max-width:1440px) {
    .style-banner {
        padding-top: 2em;
    }
}
 

.ecomment {
    margin-bottom: 12px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    background: #FFFFEE;
    padding: 3px;
    border: solid 1px #999;margin: 0;
}
.ecommentauthor {
    float: left;
    color: #F96;
    font-weight: bold;
}
.ecommenttext {
    clear: left;
    margin: 0;
    padding: 0;
}
.rwtp{float: left;
    width: 48%;
    margin-right: 2%;}
.rwtp img{width:100%; height:auto;}
.rwjs {float: right;
    width: 50%;
    line-height: 2;}
@media screen and (max-width:998px){
    .rwtp{width: 100%;
        margin-right: 0%;}
    .rwjs{width: 100%;}
}

/*CSS动画样式*/
.anim{visibility:hidden;}
.animated{visibility:visible;}
.PostShow .animated:nth-of-type(1){animation-delay: 0.1s;}
.PostShow .animated:nth-of-type(2){animation-delay: 0.15s;}
.PostShow .animated:nth-of-type(3){animation-delay: 0.2s;}
.PostShow .animated:nth-of-type(4){animation-delay: 0.25s;}
.PostShow .animated:nth-of-type(5){animation-delay: 0.3s;}
.PostShow .animated:nth-of-type(6){animation-delay: 0.35s;}
.PostShow .animated:nth-of-type(7){animation-delay: 0.4s;}
.PostShow .animated:nth-of-type(8){animation-delay: 0.45s;}
.PostShow .animated:nth-of-type(9){animation-delay: 0.5s;}
.PostShow .animated:nth-of-type(10){animation-delay: 0.55s;}
.PostShow .animated:nth-of-type(11){animation-delay: 0.6s;}
.PostShow .animated:nth-of-type(12){animation-delay: 0.65s;}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated{animation-duration:1s;animation-fill-mode:both;}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}
@-webkit-keyframes goTopapp{0%{-webkit-transform:scale(.8)}to{-webkit-transform:scale(1)}}@keyframes goTopapp{0%{transform:scale(.8)}to{transform:scale(1)}}
@-webkit-keyframes drop {0% {top: 5px;opacity: 0;}30% {top: 10px;opacity: 1;}100% { top: 25px; opacity: 0;}}
@keyframes drop {0% {top: 5px; opacity: 0;}30% {top: 10px;opacity: 1;}100% {top: 25px;opacity: 0;}}
.search-container{
    margin-top: 60px;
    margin-bottom: 30px;
}
.search-container .submit{
    font-size: 12px;
    background: #014199;
    border-color:#014199;
}

.search-empty{
    width: 100%;
    text-align: center;
    margin-top: 100px;
    font-size: 15px;
}
.news_main2{width:1420px;margin:0 auto; padding:60px 0;}
.news_list{background:#e7f2fc; border-radius:5px; box-shadow:0 0 10px rgba(22,22,22,0.1); padding:20px; margin-bottom:30px; position:relative;}

.news_list_img{width:200px; height:120px;}
.news_list_img img{width:200px; height:120px;}
.news_list_tit{width:1170px; padding:10px 20px 0 20px;}
.news_list_tit h2{color:#022a99;font-size:16px; font-weight:bold;}
.news_list_tit p{font-size:14px; padding-top:20px; line-height:28px;}
.news_list_date{width:200px;border-left:1px solid #2c89c9; padding:0 20px;}
.news_list_year{font-size:14px; padding-top:5px;}
.news_list_month{ padding-top:15px;font-size:16px; font-weight:bold; color:#000;}
.news_list_more{width:120px;font-size:14px; padding:5px 8px; color:#fff; text-align:center; background:#022a99; border-radius:50px; margin-top:5px; display:block;}
.proinfo_title{font-size:24px; font-weight:bold; text-align:center; color:#000; padding-top:30px;}
.proinfo_title a{color:#000;}
 /* 放大遮罩层 */
        .img-mask {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.8);
            display: none;
            align-items: center;
            justify-content: center;
            z-index: 9999;
        }
        /* 放大后的图片 */
        .big-img {
            max-width: 90%;
            max-height: 90%;
            cursor: zoom-out;
        }