@charset "utf-8";


/* CSS Document */
* { margin:0; padding:0;}
ul,li,dl,dt,dd,ol{ list-style:none; margin:0; padding:0;}
header,article,footer,nav,section,aside,menu { display:block;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:none;}
a { color:#333; text-decoration:none;}
a:hover { color:#00478a;}
body { font-family:Microsoft YAHEI,Arial,Helvetica,sans-serif; font-size:12px; color:#333; min-width:320px; max-width:640px; line-height:22px;}
.fl{ float:left;}
.fr{ float:right;}
.warmp { position:relative; right:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.content { padding:15px;}
.clear { clear:both;}
input::-webkit-input-placeholder { color:#ddd;} 
input:-moz-placeholder { color:#ddd;} 
input::-moz-placeholder { color:#ddd;}
input:-ms-input-placeholder { color:#ddd;} 
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}

@font-face {
	font-family:'Oswald';
		    src:url('../fonts/Oswald.ttf');
	font-weight:normal;
	 font-style:normal;
}

/*top*/
.navbar { width:100%; height:45px; border-bottom:1px solid rgba(0,0,0,0.03); background:#fff; position:fixed; top:0; right:0; z-index:99999;}
.navbar .logo { display:block; max-width:60%; height:35px; margin:5px 0 0 10px; overflow:hidden;}
.navbar .logo img { display:block; height:100%;}
.navbar .navhome { width:25px; height:12px; border-top:2px solid #1f2774; border-bottom:2px solid #1f2774; position:absolute; right:2.5%; top:16px; z-index:1;}
.navbar .navhome::after { display:block; content:""; width:100%; height:2px; margin:auto; background:#1f2774; position:absolute; left:0; top:0; bottom:0;}
.navbar .nav { width:100%; height:0vh; background:rgba(31,39,116,0.95); overflow:hidden; position:absolute; left:0; top:0; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.navbar .nav .nrs { height:100%; overflow-y:scroll;}
.navbar .nav li { width:80%; padding:0 10%; line-height:30px; margin-bottom:15px;}
.navbar .nav li a { display:block;}
.navbar .nav li h1 a { font-size:16px; color:#fff;}
.navbar .nav li p { line-height:30px;}
.navbar .nav li p a { display:inline-block; line-height:25px; font-size:14px; color:rgba(255,255,255,0.7); margin-right:20px;}
.navbar .close { display:none; width:30px; height:30px; position:absolute; right:2.5%; top:10px; z-index:3;}
.navbar .close::before,.navbar .close::after { display:block; content:""; width:100%; height:1px; background:#fff; position:absolute;  top:15px; -webkit-transform-origin:50%; transform-origin:50%;}
.navbar .close::before { -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.navbar .close::after { -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.open { overflow:hidden;}
.open .navbar .nav { height:100vh; padding:5% 0; box-sizing:border-box; overflow:hidden;}
.open .navbar .navhome { display:none;}
.open .navbar .close { display:block;}

/*foot*/
.footer { width:90%; padding:20px 5%; text-align:center; background:#222124;}
.footer img { display:block; height:50px; margin:0 auto 15px auto; filter:grayscale(100) brightness(100);}
.footer p { line-height:22px; font-size:12px; color:rgba(255,255,255,0.8);}
.footer p a { color:rgba(255,255,255,0.8);}

.main { position:relative; height:100vh; z-index:0;}
.section { display:none; overflow:hidden; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.container01,
.container02,
.container03,
.container04,
.container05,
.container06,
.container07,
.container08 { margin:0 auto;}
::-webkit-scrollbar { width:8px; height:8px; background:#f1f1f1;}
::-webkit-scrollbar-track { border-radius:10px; background:#f1f1f1;}
::-webkit-scrollbar-thumb { border-radius:10px; background:#c1c1c1;}
input::-webkit-input-placeholder { color:#999;}
input::-moz-placeholder { color:#999;}
input:-moz-placeholder { color:#999;}
input:-ms-input-placeholder { color:#999;}
.full_page { height:100%; overflow:hidden; position:relative;}

/**栏目标题**/
.tits { width:100%;}
.tits p { line-height:25px; font-size:16px; color:#1f2774; text-transform:Uppercase;}
.tits h3 { line-height:30px; font-weight:500; font-size:26px; color:#4c4c4c; padding-bottom:15px; margin-bottom:15px; position:relative;}
.tits h3::after { display:block; content:""; width:15px; height:2px; margin:auto; background:#999; position:absolute; left:0; bottom:0px;}

/*banner*/
.banner { width:100%; height:100vh; overflow:hidden; z-index:0;}
.banner .swiper-slide { width:100%; height:100vh; background-repeat:no-repeat; background-position:center top; background-size:cover;}
.banner .swiper-pagination-bullet {	width:8px; height:8px; margin:0 5px !important; filter:alpha(opacity=100); opacity:1; border-radius:50%; border:1px solid #fff; background:none; -webkit-transition:0.4s; transition:0.4s;}
.banner .swiper-pagination-bullet-active { background:#fff;}
.banner .msg { width:90%; height:195px; text-transform:Uppercase; margin:auto; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;}
.banner .msg h1 { line-height:40px; font-size:28px; color:#fff;}
.banner .msg p { line-height:25px; font-size:12px; color:#fafafa;}
.banner .msg h3 { line-height:30px; font-weight:500; font-size:16px; color:#fafafa; margin:20px 0 40px 0;}
.banner .msg a { display:inline-block; width:100px; height:40px; line-height:40px; font-size:14px; color:#fff; padding-left:15px; background:#1f2774 url(../images/qh07.png) no-repeat 80px center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.banner .swiper-slide-active .msg h1,
.banner .swiper-slide-active .msg p,
.banner .swiper-slide-active .msg h3,
.banner .swiper-slide-active .msg a { -webkit-animation:fade-right 1.5s forwards; animation:fade-right 1.5s forwards;}
@-webkit-keyframes fade-right { 
	from { -webkit-transform:translate(-300px,0); -ms-transform:translate(-300px,0); transform:translate(-300px,0);}
	to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes fade-right { 
	from { -webkit-transform:translate(-300px,0); -ms-transform:translate(-300px,0); transform:translate(-300px,0);}
	to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}

/*产业布局*/
.container02 { padding:20px 20px 0 20px; background:url(../images/qh03.jpg) no-repeat center top / cover;}
.container02 .tits { text-align:center;}
.container02 .tits h3::after { right:0;}
.container02 .msg { width:100%; text-align:center; margin-top:30px;}
.container02 .msg h1 { line-height:30px; font-size:22px; color:#1f2774;}
.container02 .msg p { line-height:20px; font-size:9px; color:#999; margin-top:5px;}
.container02 .map { width:100%; margin-top:20px;}
.container02 .map img { display:block; width:100%;}

/*业务介绍*/
.container03 { padding-top:8%; background:url(../images/qh04.jpg) no-repeat center top / cover;}
.container03 .mynrs { padding:0 3%;}
.container03 .mynrs .tits { text-align:center;}
.container03 .mynrs .tits h3 { margin-bottom:50px;}
.container03 .mynrs .tits h3::after { right:0;}
.container03 .swiper-container { padding-bottom:10px;}
.container03 .swiper-slide { box-shadow:0 5px 10px rgba(0,0,0,0.1); -webkit-transition:all .5s ease; transition:all .5s ease;}
.container03 .swiper-slide a { display:block; width:100%; overflow:hidden;}
.container03 .swiper-slide img { display:block; width:100%; height:200px;}
.container03 .swiper-slide .msg { padding:10px 15px 15px 15px; background:#353e94;}
.container03 .swiper-slide .msg h3 { line-height:30px; font-weight:500; font-size:16px; color:#fff;}
.container03 .swiper-slide .msg p { line-height:22px; font-size:12px; color:rgba(255,255,255,0.6); margin-top:5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/*资讯动态*/
.container04 { padding-top:7%; background:url(../images/qh06.jpg) no-repeat center top / cover;}
.container04 .cont { padding:0 2.5%;}
.container04 .cont .tits { text-align:center;}
.container04 .cont .tits h3 { margin-bottom:20px;}
.container04 .cont .tits h3::after { right:0;}
.container04 .cont li { padding:10px; margin-top:10px; border:1px solid #ebebeb; background:#fff;}
.container04 .cont li a { display:block; width:100%;}
.container04 .cont li .img { float:left; width:115px; height:85px; overflow:hidden;}
.container04 .cont li .img img { display:block; width:100%;}
.container04 .cont li .msg { float:right; width:calc(100% - 135px);}
.container04 .cont li .msg h3 { line-height:30px; font-weight:500; font-size:16px; color:#333; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.container04 .cont li .msg p { line-height:22px; font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.container04 .cont li span { float:left; line-height:25px; font-size:12px; color:#b2b2b2; margin-top:10px;}
.container04 .cont li i { float:right; width:80px; height:25px; line-height:25px; font-style:normal; font-size:12px; color:#fff; margin-top:10px; text-transform:Uppercase; padding-left:15px; background:#293283 url(../images/qh07.png) no-repeat 60px center;}

/*机型介绍*/
.container05 { background:url(../images/qh08.jpg) no-repeat center top / cover;}
.container05 .model { width:90%; margin:0 auto; overflow:hidden;}
.container05 .model .tits h3 { color:#fff; margin-bottom:30px;}
.container05 .model .swiper-slide { overflow:hidden;}
.container05 .model .img { width:100%; height:230px; overflow:hidden;}
.container05 .model .img img { display:block; height:100%;}
.container05 .model .msg { width:calc(100% - 30px); padding:20px 15px 60px 15px; background:#fff; position:relative;}
.container05 .model .msg i { display:block; width:25px; height:2px; background:#293283;}
.container05 .model .msg h3 { line-height:35px; font-size:16px; color:#333; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.container05 .model .msg p { line-height:25px; font-size:12px; color:#666; text-transform:Uppercase; padding-right:70px;}
.container05 .model .msg span { display:block; width:65px; line-height:30px; font-size:12px; color:#999; text-transform:Uppercase; background:url(../images/qh09.png) no-repeat 40px center; position:absolute; right:15px; top:65px;}
.container05 .model .swiper-pagination-bullets { bottom:15px;}
.container05 .model .swiper-pagination-bullet { width:10px; height:10px; margin:0 5px; background:#666;}
.container05 .model .swiper-pagination-bullet-active { background:#293283;}

.section .am-container { -moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0); -moz-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
.section.active .am-container { -moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1);}

/************************二级页面**************************/
/*单页、文章内容*/
.position { width:95%; height:35px; line-height:35px; font-size:12px; color:#666; margin-top:45px; padding:0 2.5%; background:#f4f4f4;}
.position a { color:#666;}
.pager-next-pre { width:95%; margin:25px auto 20px auto; padding-top:15px; line-height:30px; color:#999; border-top:1px solid #eee;}
.pager-next-pre p { margin:0;}
.pager-next-pre p a { font-size:14px;}
.theme { font-size:16px; text-align:left; line-height:25px; margin:0 auto; line-height:25px;}
.ms_time { color:#bbb; font-size:12px; margin-bottom:10px; padding:5px 0 10px 0; line-height:25px; border-bottom:1px solid #eee;}

/*单页*/
.intro { max-width:100%; line-height:30px; font-size:14px; color:#666; margin:0 auto; padding:5px 0; position:relative; z-index:9999;}
.intro img { display:block; max-width:100% !important; height:auto !important; margin:5px auto;}
.intro a { color:#f00; text-decoration:underline;}

/*分页*/
.chang_pages { line-height:35px; font-size:14px; text-align:center;}
.chang_pages li { display:inline-block; color:#666; margin:20px 3px; border-radius:4px; background:#f6f6f9;}
.chang_pages li a,.chang_pages li span { display:block; color:#666; padding:0 15px;}
.chang_pages .active { background:#1f2774;}
.chang_pages .active span { color:#fff;}

.catnav { height:50px; text-align:center; border-bottom:1px solid #e1e4e6; background:#fff;}
.catnav li { display:inline-block; width:40%; line-height:50px; border-left:1px solid #e1e4e6; position:relative;}
.catnav li:first-child { border-left:none;}
.catnav li::after { content:""; width:0%; height:2px; margin:auto; background-color:#1f2774; position:absolute; right:0; left:0; bottom:0;}
.catnav li a { display:block; font-size:16px; color:#333;}
.catnav li p { display:none; width:100%; padding:10px 0; border:1px solid #e1e4e6; border-top:none; box-shadow:0 5px 10px #eee; background:#fff; position:absolute; left:0; top:50px; z-index:8;}
.catnav li p a { line-height:40px; font-size:14px; border-bottom:1px solid #f8f8f8; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.catnav li p a:last-child { border-bottom:none;}
.catnav .on::after { width:40%;}
.catnav .on a { color:#1f2774;}
.catnav .on p { display:block;}
.catnav .on p a { color:#888;}


/**新闻综合**/
.newtit { line-height:60px; font-weight:500; font-size:24px; color:#333; text-align:center; position:relative;}
.newtit::after { display:block; content:""; width:15px; height:3px; margin:auto; background:#1f2774; position:absolute; left:0; right:0; bottom:0;}
.newmo { display:block; width:120px; height:40px; line-height:40px; font-size:14px; color:#999; text-align:center; margin:30px auto; border:1px solid #ddd; border-radius:4px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newmo:hover { color:#fff; border-color:#1f2774; background:#1f2774;}
.news01 { width:95%; padding:30px 2.5%; margin-top:45px;}
.news01 li a { display:block; width:100%;}
.news01 .lft { width:100%; margin-top:30px;}
.news01 .lft li { float:left; width:48.5%; margin-right:3%; position:relative;}
.news01 .lft li:last-child { margin-right:0;}
.news01 .lft li .img { width:100%; height:125px; overflow:hidden;}
.news01 .lft li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news01 .lft li h3 { line-height:40px; font-weight:500; font-size:16px; color:#333; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news01 .lft li p { line-height:25px; font-size:12px; color:#808080; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news01 .rgt { width:100%;}
.news01 .rgt li { margin-top:15px; padding:5px; border:1px solid #f3f3f3;}
.news01 .rgt li .time { float:left; width:70px; height:85px; font-size:12px; color:#999; text-align:center; padding-top:10px;}
.news01 .rgt li .time b { display:block; line-height:50px; font-size:34px; color:#1f2774;}
.news01 .rgt li .msg { float:right; width:calc(100% - 95px); padding-top:5px; position:relative;}
.news01 .rgt li .msg::after { display:block; content:""; width:1px; height:70px; background:#f3f3f3; position:absolute; left:-15px; top:13px;}
.news01 .rgt li .msg h3 { line-height:35px; font-weight:500; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news01 .rgt li .msg p { line-height:22px; font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news02 { width:95%; padding:30px 2.5%; background:#f5f0ec url(../images/qh14.jpg) no-repeat center bottom / 100%;}
.news02 .newtit::after { background:#b01510;}
.news02 .newmo { color:#b01510; border-color:#b01510;}
.news02 .newmo:hover { color:#fff; background:#b01510;}
.news02 .nrs { padding:15px; margin:35px auto; background:#fff;}
.news02 .img { width:100%; height:215px; overflow:hidden; position:relative;}
.news02 .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news02 .img p { width:95%; height:50px; line-height:50px; font-size:16px; color:#fff; padding:0 2.5%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; z-index:2;}
.news02 .msg { width:100%; margin-top:10px;}
.news02 .msg li { line-height:46.5px; padding-left:15px; border-bottom:1px solid #f8f8f8; position:relative;}
.news02 .msg li::after { display:block; content:""; width:5px; height:5px; margin:auto; border-radius:50%; background:#b01510; position:absolute; left:0; top:0; bottom:0;}
.news02 .msg li a { float:left; max-width:70%; font-size:15px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news02 .msg li span { float:right; font-size:12px; color:#b2b2b2;}
.news03 { width:95%; padding:30px 2.5%; background:url(../images/qh15.jpg) repeat center top;}
.news03 .top { width:100%;}
.news03 .top a { display:block; width:100%;}
.news03 .top .bt { float:left; width:130px; height:200px; color:#fff; text-align:center; padding-top:42px; background:#1f2774;}
.news03 .top .bt h3 { line-height:40px; font-size:20px; margin-bottom:15px; position:relative;}
.news03 .top .bt h3::after { display:block; content:""; width:15px; height:3px; margin:auto; background:#fff; position:absolute; left:0; right:0; bottom:-10px;}
.news03 .top .bt p { line-height:30px; font-size:10px; text-transform:Uppercase;}
.news03 .top .bt span { display:block; width:30px; height:30px; margin:40px auto 0 auto; border:1px solid #fff; border-radius:50%; background:url(../images/qh16.png) no-repeat center;}
.news03 .top .msg { float:right; width:calc(100% - 170px); padding:15px 20px; background:#fff;}
.news03 .top .msg h3 { line-height:35px; font-size:20px; color:#333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news03 .top .msg p { line-height:25px; font-size:12px; color:#999; margin:10px auto 25px auto; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.news03 .top .msg span { display:block; width:85px; height:30px; line-height:30px; font-size:14px; color:#1f2774; padding-left:20px; border:1px solid #1f2774; border-radius:15px; background:url(../images/qh21.png) no-repeat 65px center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news03 .list { width:100%; padding-bottom:15px; margin-top:15px; background:#fff;}
.news03 .list h1 { height:65px; line-height:65px; font-size:20px; color:#1f2774; padding:0 20px 0 70px; background:#f9f9f9; background-repeat:no-repeat; background-position:20px center;}
.news03 .list h1 span { font-style:normal; font-weight:500; font-size:13px; color:#999; margin-left:10px;}
.news03 .list .n01 { background-image:url(../images/qh17.png);}
.news03 .list .n02 { background-image:url(../images/qh18.png);}
.news03 .tuij { padding:0 20px; margin:15px 0;}
.news03 .tuij a { display:block; width:100%;}
.news03 .tuij h3 { line-height:30px; font-weight:500; font-size:16px; color:#333; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news03 .tuij p { line-height:25px; font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news03 .list li { line-height:40px; padding:0 20px; border-top:1px solid #f4f4f4;}
.news03 .list li a { float:left; max-width:70%; font-size:14px; color:#666; padding-left:15px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news03 .list li a::after { display:block; content:""; width:4px; height:4px; margin:auto; background:#1f2774; position:absolute; left:0; top:0; bottom:0;}
.news03 .list li span { float:right; font-size:12px; color:#999;}
.news04 { width:95%; padding:30px 2.5%; background:url(../images/qh19.jpg) no-repeat center top / cover;}
.news04 .newtit { color:#fff; margin-bottom:60px;}
.news04 .newtit::after { background:#fff;}
.news04 .newmo { color:#fff; border-color:#fff;}
.news04 .swiper-container { padding-bottom:50px;}
.news04 .swiper-slide a,.news04 .swiper-slide img { display:block; width:100%; height:100%;}
.news04 .swiper-slide .img { width:100%; height:160px; overflow:hidden; position:relative;}
.news04 .swiper-slide .img::before,.news04 .swiper-slide .img::after { display:block; content:""; margin:auto; position:absolute; top:0;}
.news04 .swiper-slide .img::before { width:40px; height:40px; background:url(../images/qh22.png) no-repeat 0 0 / 40px; bottom:0; left:0; right:0; z-index:2;}
.news04 .swiper-slide .img::after { width:100%; height:100%; background:rgba(0,0,0,0.2); left:0; z-index:1;}
.news04 .swiper-pagination-bullets { bottom:0;}
.news04 .swiper-pagination-bullet {	width:8px; height:8px; margin:0 5px !important; filter:alpha(opacity=100); opacity:1; border-radius:50%; border:1px solid #fff; background:none; -webkit-transition:0.4s; transition:0.4s;}
.news04 .swiper-pagination-bullet-active { background:#fff;}
.news05 { width:95%; padding:30px 2.5% 5px 2.5%; background:url(../images/qh20.jpg) no-repeat center top / cover;}
.news05 .newtit { margin-bottom:20px;}
.news05 li { float:left; width:100%; margin-top:15px;}
.news05 li a { display:block; width:100%;}
.news05 li .img { width:100%; height:230px; overflow:hidden; position:relative;}
.news05 li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news05 li .img p { width:100px; height:87px; font-size:18px; color:#fff; text-align:center; padding-top:13px; border-radius:0 10px 0 10px; background:#1f2774; position:absolute; left:10px; bottom:10px; z-index:2;}
.news05 li .img p b { display:block; line-height:45px; font-weight:500; font-size:30px;}
.news05 li .msg { padding:10px 15px; border:1px solid #eee; background:#fff;}
.news05 li .msg h3 { line-height:35px; font-weight:500; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news05 li .msg p { line-height:22px; font-size:12px; color:#999; margin-top:5px;}
.news06 { width:95%; padding:30px 2.5% 5px 2.5%;}
.news06 .newtit { margin-bottom:10px;}
.news06 li { padding:20px 0; border-bottom:1px solid #eee; box-sizing:border-box; position:relative;}
.news06 li:nth-child(2n) { border-right:none;}
.news06 li:nth-child(3),.news06 li:nth-child(4) { border-bottom:none;}
.news06 li a { display:block; width:100%;}
.news06 li h3 { float:left; max-width:75%; line-height:30px; font-weight:500; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news06 li span { float:right; line-height:30px; font-size:12px; color:#b2b2b2;}
.news06 li p { line-height:22px; font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/**新闻**/
.newlist { width:95%; margin:0 auto;}
.newlist li { width:100%; margin-top:10px; padding-bottom:15px; border-bottom:1px solid #eee;}
.newlist li a { display:block; width:100%;}
.newlist li img { display:block; float:left; width:115px; height:85px; margin-top:3px; overflow:hidden;}
.newlist li .mesg { padding-left:130px;}
.newlist li .mesg h3 { width:100%; font-weight:500; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newlist li .mesg span { display:block; width:100%; font-size:12px; color:#999; margin-top:5px;}
.newlist li .mesg p { line-height:20px; font-size:11px; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/*党建*/
.party { width:100%; padding:5px 0 60px 0; background:#f5f0ec url(../images/qh14.jpg) no-repeat center bottom / 100%;}
.party .chang_pages li { background:#fff;}
.party .chang_pages .active { background:#1f2774;}

/*君子文化*/
.culture { width:95%; padding:10px 2.5%; background:#f7f8fa;}
.culture .list li { float:left; width:48.5%; margin:0 3% 20px 0;}
.culture .list li:nth-child(2n) { margin-right:0;}
.culture .list li a { display:block; width:100%;}
.culture .list li .img { width:100%; height:125px; overflow:hidden;}
.culture .list li .img img { display:block; width:100%; height:100%;}
.culture .list li .msg { padding:5px 15px; background:#fff;}
.culture .list li .msg span { display:block; line-height:20px; font-size:12px; color:#999;}
.culture .list li .msg h3 { line-height:30px; font-weight:500; font-size:16px; color:#333; padding-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.culture .list li .msg h3::after { display:block; content:""; width:15px; height:2px; background:#202775; position:absolute; left:0; bottom:0;}
.culture .list li .msg p { line-height:22px; font-size:12px; color:#999; margin:10px auto; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.culture .list li .msg b { display:block; width:55px; line-height:30px; font-weight:500; font-size:12px; color:#999; text-transform:Uppercase; background:url(../images/qh13.png) no-repeat right center;}
.culture .chang_pages li { background:#fff;}
.culture .chang_pages .active { background:#1f2774;}

/*视频*/
.video { width:95%; padding:10px 2.5%; background:#f7f8fa;}
.video .list li { float:left; width:48.5%; margin:0 3% 20px 0; position:relative;}
.video .list li:nth-child(2n) { margin-right:0;}
.video .list li a { display:block; width:100%;}
.video .list li i { display:block; width:40px; height:40px; margin:auto; background:url(../images/qh22.png) no-repeat 0 0 / 40px; position:absolute; top:50px; right:0; left:0; z-index:2;}
.video .list li .img { width:100%; height:130px; overflow:hidden;}
.video .list li .img img { display:block; width:100%; height:100%;}
.video .list li .msg { padding:15px; text-align:center; background:#fff;}
.video .list li .msg h3 { line-height:25px; font-weight:500; font-size:15px; color:#333; margin-bottom:15px; overflow:hidden; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.video .list li .msg b { display:block; width:25px; height:25px; line-height:22px; font-weight:100; font-size:24px; color:#bbb; text-align:center; margin:0 auto; border:1px solid #ddd; border-radius:50%;}
.video .chang_pages li { background:#fff;}
.video .chang_pages .active { background:#1f2774;}

/*产品*/
.pronav { width:100%; text-align:center; margin-top:45px; overflow-x:scroll; background:#f4f5f8;}
.pronav::-webkit-scrollbar { width:0px; height:0px;}
.pronav ul { display:block; width:100%;}
.pronav li { display:inline-block; position:relative;}
.pronav li::after { display:none; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:0 8px 8px 8px; border-color:transparent transparent #fff transparent; position:absolute; left:0; right:0; bottom:0; z-index:2;}
.pronav li a { display:block; padding:15px;}
.pronav li i { display:block; width:45px; height:30px; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:100%;}
.pronav li p { line-height:25px; font-size:14px; color:#bebfc2;}
.pronav .on { background:#1f2774;}
.pronav .on::after { display:block;}
.pronav .pd1 i { background-image:url(../images/qh23.png);}
.pronav .pd1.on i { background-image:url(../images/qh23h.png);}
.pronav .pd2 i { background-image:url(../images/qh24.png);}
.pronav .pd2.on i { background-image:url(../images/qh24h.png);}
.pronav .pd3 i { background-image:url(../images/qh25.png);}
.pronav .pd3.on i { background-image:url(../images/qh25h.png);}
.pronav .pd4 i { background-image:url(../images/qh26.png);}
.pronav .pd4.on i { background-image:url(../images/qh26h.png);}
.prolist { width:95%; padding:0 2.5%; background:#fff url(../images/qh27.jpg) no-repeat center bottom / 100%;}
.prolist li { width:100%; padding:20px 0; border-bottom:1px solid #eee;}
.prolist li a { display:block; width:100%;}
.prolist li .img { width:155px; height:85px; overflow:hidden;}
.prolist li .img img { display:block; width:100%; height:100%;}
.prolist li .msg { float:right; width:calc(100% - 170px);}
.prolist li .msg h3 { line-height:30px; font-size:16px; color:#333; padding-top:10px; position:relative; -webkit-transition:all .8s ease; transition:all .8s ease;}
.prolist li .msg h3::after { display:block; content:""; width:25px; height:2px; background:#1f2774; position:absolute; left:0; top:3px;}
.prolist li .msg span { line-height:25px; font-size:14px; color:#999; text-transform:Uppercase;}
.prolist li .msg p { line-height:22px; font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prolist li:nth-child(2n-1) .img,.prolist li:nth-child(2n) .msg { float:left;}
.prolist li:nth-child(2n) .img,.prolist li:nth-child(2n-1) .msg { float:right;}

/*产品详情*/
.proshow { width:95%; padding:0 2.5%; background:#f4f5f8; position:relative;}
.proshow::after { display:block; content:""; width:100%; height:260px; background:#fff; position:absolute; left:0; top:0;}
.proshow .bti { line-height:30px; text-align:center; padding:30px 0; position:relative; z-index:2;}
.proshow .bti h3 { font-size:20px; color:#333; text-transform:Uppercase;}
.proshow .bti p { font-size:16px; color:#333;}
.proshow .img { width:95%; margin:0 auto; border:5px solid #fff; overflow:hidden; position:relative; z-index:2;}
.proshow .img img { display:block; width:100%;}
.proshow .marbot { margin-bottom:20px;}
.proshow .name { line-height:40px; font-size:20px; color:#333; text-align:center; margin:30px 0 20px 0; padding-bottom:10px; position:relative;}
.proshow .name::after { display:block; content:""; width:25px; height:2px; margin:auto; background:#1f2774; position:absolute; left:0; right:0; bottom:0;}
.proshow .intro { text-align:center;}

.propage { padding:20px 10px; background:#fff;}


/*业务介绍*/
.business { width:100%; margin-top:45px; background:#2f518e;}
.business .gallery-top .swiper-slide { background:#fff; z-index:2;}
.business .gallery-top .swiper-slide .img { width:100%; height:100%;}
.business .gallery-top .swiper-slide .img a,.business .gallery-top .swiper-slide .img img { display:block; width:100%;}
.business .gallery-top .swiper-slide .msg { color:#fff; padding:40px 25px; background:url(../images/qh28.jpg) no-repeat left top / cover;}
.business .gallery-top .swiper-slide .msg i { display:block; font-style:normal; font-size:14px; color:rgba(255,255,255,0.6); margin-bottom:25px;}
.business .gallery-top .swiper-slide .msg i b { font-weight:500; font-size:20px; color:#fff;}
.business .gallery-top .swiper-slide .msg span { display:block; line-height:30px; font-size:16px; color:rgba(255,255,255,0.6); text-transform:Uppercase;}
.business .gallery-top .swiper-slide .msg h3 { line-height:35px; font-size:24px; color:#fff;}
.business .gallery-top .swiper-slide .msg p { line-height:30px; font-size:14px; color:#fff; margin-top:30px;}
.business .gallery-top .swiper-button-prev,.business .gallery-top .swiper-button-next { width:50px; height:50px; color:#fff; background:rgba(0,0,0,0.6); top:25%;}
.business .gallery-top .swiper-button-prev::after,.business .gallery-top .swiper-button-next::after { font-size:22px;}
.business .gallery-top .swiper-button-prev { left:0;}
.business .gallery-top .swiper-button-next { right:0;}
.business .gallery-thumbs { width:90%; height:50px; text-align:center; margin:0 auto; padding-bottom:30px; overflow:hidden;}
.business .gallery-thumbs::after { display:block; width:100%; height:1px; margin:auto; background:rgba(255,255,255,0.18); position:absolute; top:0; bottom:0; left:0;}
.business .gallery-thumbs .swiper-slide { display:inline-block; width:auto; height:35px; line-height:35px; font-size:12px; color:#fff; padding:0 15px; text-align:center; border-radius:17.5px;}
.business .gallery-thumbs .swiper-slide-active { color:#1f2774; background:#fff;}

/*关于我们*/
.abtit { line-height:40px; font-weight:500; font-size:24px; color:#333; text-align:center; padding-bottom:10px; position:relative;}
.abtit::after { display:block; content:""; width:20px; height:2px; margin:auto; background:#1f2774; position:absolute; left:0; right:0; bottom:0;}
.about01 { width:95%; padding:30px 2.5%; margin-top:45px; background:#fff url(../images/qh29.png) no-repeat right top; position:relative;}
.about01 .rgt { height:75px; text-align:right; position:absolute; right:0; top:15px;}
.about01 .rgt p { line-height:75px; font-weight:bold; font-size:70px; color:#f2f2f2; text-transform:Uppercase;}
.about01 .rgt h3 { font-weight:500; font-size:24px; color:#999; position:absolute; right:20px; bottom:15px;}
.about01 .rgt h3::after { display:block; content:""; width:5px; height:5px; border:3px solid #1f2774; border-radius:50%; position:absolute; right:-10px; top:-5px;}
.about01 .msg { width:100%;}
.about01 .msg .abtit { text-align:left;}
.about01 .msg .abtit::after { right:auto;}
.about01 .msg .intro { color:#999;}
.about01 .msg .intro p { margin-top:20px;}
.about02 { width:95%; padding:40px 2.5%; background:#f7f8fa;}
.about02 .abtit::after { margin:auto;}
.about02 .intro { margin-top:40px;}
.about03 { width:90%; padding:80px 5%; text-align:center; background:url(../images/qh30.jpg) no-repeat center top / cover;}
.about03 .abtit { color:#fff;}
.about03 .abtit::after { background:#fff;}
.about03 p { line-height:35px; font-size:16px; color:#fff; margin:50px auto;}
.about03 a { display:block; width:130px; height:40px; line-height:40px; font-size:14px; color:#fff; text-align:left; border:1px solid #fff; border-radius:20px; padding-left:20px; margin:0 auto; background:url(../images/qh07.png) no-repeat 110px center;}
.about04 { width:95%; padding:30px 2.5%;}
.about04 .cont { padding:20px 30px; margin-top:40px; background:#f7f8fa;}
.about04 .cont h3 { line-height:40px; font-weight:500; font-size:18px; color:#333; text-align:center; padding-bottom:15px;}
.about04 .cont li { width:100%; text-align:center; padding:20px 0; border-top:1px solid #e3eaf9;}
.about04 .cont li i { display:block; width:50px; height:50px; margin:0 auto; border:2px solid #333; border-radius:50%; background-repeat:no-repeat; background-position:center;}
.about04 .cont li span { display:block; line-height:25px; font-size:14px; color:#999; margin:10px 0;}
.about04 .cont li p { line-height:25px; font-size:14px; color:#333;}
.about04 .cont li p a:hover { color:#1f2774; text-decoration:underline;}
.about04 .cont .ab01 { background-image:url(../images/qh31.png);}
.about04 .cont .ab02 { background-image:url(../images/qh32.png);}
.about04 .cont .ab03 { background-image:url(../images/qh33.png);}

/*招聘*/
.talent { width:95%; padding:30px 2.5%; background:#f6f7fb url(../images/qh34.jpg) no-repeat center top / 100%;}
.talent p { line-height:30px; font-size:14px; color:#666; text-align:center; margin:30px auto;}
.talent li { width:100%; margin-bottom:15px; overflow:hidden;}
.talent li img { display:block; width:100%;}

.jobs { width:95%; padding:30px 2.5%;}
.jobs .abtit { margin-bottom:30px;}
.jobs li { width:100%; margin-bottom:15px;}
.jobs li .top { padding:15px 20px; background:#f3f5f8; position:relative;}
.jobs li .top::before,.jobs li .top::after { display:block; content:""; margin:auto; background:#9c9c9c; position:absolute; top:0; bottom:0;}
.jobs li .top::before { width:30px; height:1px; right:20px;}
.jobs li .top::after { width:1px; height:30px; right:35px;}
.jobs li .top h3 { line-height:30px; font-size:16px; color:#666;}
.jobs li .top p { line-height:22px; font-size:12px; color:#9fa1a6;}
.jobs li .top p span { margin-right:20px; position:relative;}
.jobs li .top p span::after { display:block; content:""; width:1px; height:10px; background:#ccc; position:absolute; right:-55px; top:5px;}
.jobs li .top p span:last-child::after { display:none;}
.jobs li .msg { display:none; padding:10px 15px; background:#f3f5f8;}
.jobs li .msg h3 { line-height:40px; font-weight:500; font-size:16px; color:#333; margin-top:10px;}
.jobs li .msg .intro { color:#808080; padding-left:6px;}
.jobs .on .top { background:#1f2774;}
.jobs .on .top::before { background:#fff;}
.jobs .on .top::after { display:none;}
.jobs .on .top h3 { color:#fff;}
.jobs .on .top p { color:rgba(255,255,255,0.85);}
.jobs .on .msg { display:block;}

/*各单页通用样式*/
.nrbiaoti { line-height:40px; font-size:30px; color:#000; margin-bottom:20px; position:relative;}
.nrbiaoti::after { display:block; content:""; width:130px; height:10px; background-image:linear-gradient(to right,rgba(50,156,242,1),rgba(50,156,242,0)); position:absolute; left:0; bottom:4px; z-index:0;}
.nrbiaoti strong { font-size:30px; position:relative; z-index:1;}
.nrwenzi { font-size:20px !important; color:#000; padding-left:20px; margin:10px 0 15px 0; position:relative;}
.nrwenzi::after { display:block; content:""; width:10px; height:10px; border-radius:50%; background:#000; position:absolute; left:0; top:8px;}
.ylgx407 { display:block; line-height:35px; font-size:16px; color:#fff; padding:15px; margin-bottom:30px; background:rgba(50,156,242,0.9);}

@media screen and (min-height:800px) {
    .footer,.footer .fot { padding-bottom:34px;}
}