@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: ,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:10px;}
.clear { clear:both;}
input::-webkit-input-placeholder { color:#999;} 
input:-moz-placeholder { color:#999;} 
input::-moz-placeholder { color:#999;}
input:-ms-input-placeholder { color:#999;} 
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}

/*字体及字体图标*/
@font-face {
  font-family:'FontAwesome';
  		  src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  		  src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
       		  url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
       		  url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
       		  url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
       		  url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight:normal;
   font-style:normal;
}

/*top*/
.header { width:100%; height:45px;}
.navbar { width:100%; height:45px; border-bottom:1px solid #eee; background:#fff; position:fixed; top:0; right:0; z-index:99999;}
.navbar .logo { display:block; max-width:60%; height:30px; margin:7px 0 0 5px; overflow:hidden;}
.navbar .logo img { display:block; height:100%;}
.navbar .navhome { width:30px; height:15px; border-top:2px solid #0079af; border-bottom:2px solid #0079af; position:absolute; right:2.5%; top:15px; z-index:1;}
.navbar .navhome::after { display:block; content:""; width:100%; height:2px; margin:auto; background:#0079af; position:absolute; left:0; top:0; bottom:0;}
.navbar .nav { width:100%; height:0vh; background:rgba(0,121,175,0.98); overflow:hidden; position:absolute; left:0; top:0; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.navbar .nav .nrs { height:calc(100% - 40px); margin-top:40px; 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:35px;}
.navbar .nav li p a { display:inline-block; line-height:25px; font-size:12px; color:#fff; margin-right:20px; filter:alpha(opacity=85); opacity:0.85;}
.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:95%; padding:20px 2.5%; text-align:center; background:#263145;}
.footer img { display:block; height:35px; margin:0 auto 15px auto;}
.footer p { line-height:25px; font-size:12px; color:#92a2bb;}
.footer p a { color:#92a2bb;}

/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.banner .text { width:95%; color:#fff; margin:auto; text-transform:Uppercase; position:absolute; right:0; left:0; z-index:2;}
.banner .swiper-slide { width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.banner .swiper-slide .text { transform:translateX(-1000px); filter:alpha(opacity=0); opacity:0; transition:all 1s;}
.banner .swiper-slide-active .text { transform:translateX(0); filter:alpha(opacity=100); opacity:1;}
.banner .text p { line-height:25px; font-size:16px; letter-spacing:4px; display: none;}
.banner .text h1 { line-height:40px; font-size:24px; letter-spacing:2px;}
.banner .text a { display:block; width:175px; height:30px; line-height:30px; font-size:14px; color:#fff; margin-top:110px; padding-left:40px; letter-spacing:2px; background:url(../images/yt01.png) no-repeat left center / auto 25px; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}


.banner .swiper-slide img { display:block; width:100%;}
.banner .swiper-pagination-bullets { bottom:10px;}
.banner .swiper-pagination-bullet { width:30px; height:3px; margin:0 5px !important; border-radius:0; filter:alpha(opacity=50); opacity:0.5; background:#fff; position:relative; -webkit-transition:0.4s; transition:0.4s;}
.banner .swiper-pagination-bullet-active { filter:alpha(opacity=100); opacity:1;}

.banner_ej { width:100%; margin:0 auto; height:100px; background-position:center top; background-repeat:no-repeat;}

/**栏目标题**/
.tits { width:100%;}
.tits .lft { float:left;}
.tits .lft i { display:block; width:30px; height:2px; margin-bottom:10px; background:#0079af;}
.tits .lft h3 { line-height:25px; font-size:22px; color:#0a274d;}
.tits .lft p { line-height:22px; font-size:12px; color:#999; text-transform:Uppercase;}
.tits a { display:block; float:right; line-height:25px; font-size:12px; color:#666; padding-right:10px; margin-top:25px; position:relative;}
.tits a::after { display:block; content:""; width:6px; height:6px; border-top:1px solid #666; border-right:1px solid #666; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; right:2px; top:9px;}

/**产品中心**/
.pros { width:95%; padding:20px 2.5%; overflow:hidden; background:url(../images/yt02.jpg) no-repeat center top; position:relative;}
.pros .swiper-container { margin:15px 0;}
.pros .swiper-slide a { display:block; width:100%; text-align:center; border:1px solid #e8eaed; box-sizing:border-box; background:#fff;}
.pros .swiper-slide .img { width:100%; overflow:hidden; border-bottom:1px solid #e8eaed; background:#f9fafc;}
.pros .swiper-slide .img img { display:block; max-width:100%; margin:0 auto;}
.pros .swiper-slide h3 { line-height:30px; font-size:13px; color:#333; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pros .swiper-slide p { line-height:22px; font-size:12px; color:#808080; padding:0 5px; margin:5px auto; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.pros .swiper-slide span { display:inline-block; line-height:25px; font-size:14px; color:#666; padding-right:12px; margin-bottom:30px; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .swiper-slide span::after { display:block; content:""; width:6px; height:6px; border-top:1px solid #666; border-right:1px solid #666; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; right:3px; top:9px;}
.pros .swiper-slide a:hover { box-shadow:0 0 15px rgba(0,0,0,0.1);}
.pros .swiper-slide a:hover h3,.pros .swiper-slide a:hover span { color:#0079af;}
.pros .swiper-button-prev,.pros .swiper-button-next { width:30px; height:60px; background:#0079af; top:55%; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .swiper-button-prev { left:-5px;}
.pros .swiper-button-next { right:-5px;}
.pros .swiper-button-prev::after,.pros .swiper-button-next::after { font-weight:100; font-size:14px; color:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .swiper-button-prev:hover,.pros .swiper-button-next:hover { background:#0079af;}
.pros .swiper-button-prev:hover::after,.pros .swiper-button-next:hover::after { color:#fff;}

/**关于我们**/
.about { width:100%; overflow:hidden; position:relative;}
.about .img { width:100%; overflow:hidden;}
.about .img img { display:block; width:100%;}
.about .msg { padding:10px 2.5%; background:#fafbff url(../images/yt03.png) no-repeat right bottom;}
.about .msg h1 { line-height:55px; font-size:26px; color:#333; letter-spacing:2px; position:relative;}
.about .msg h1::after { display:block; content:""; width:40px; height:2px; background:#333; position:absolute; left:0; bottom:0;}
.about .msg p { line-height:25px; font-size:12px; color:#666; margin:15px 0 20px 0;}
.about .msg .mumber { width:100%;}
.about .msg .mumber li { float:left; width:calc(100% / 3 - 17px); margin-right:25px;}
.about .msg .mumber li:last-child { margin-right:0;}
.about .msg .mumber li h3 { line-height:30px; font-weight:500; font-size:14px; color:#164161;}
.about .msg .mumber li h3 span { font-weight:bold; font-family:'Oswald'; font-size:28px; margin-right:5px; position:relative; top:2px;}
.about .msg .mumber li p { font-size:12px; color:#666; margin:0;}
.about .msg a { display:block; width:150px; height:40px; line-height:40px; font-size:14px; color:#fff; text-align:center; margin:20px 0; border-radius:20px; background:#0079af;}

/**集团动态**/
.news { width:95%; padding:40px 2.5%; background:#202d3d url(../images/yt04.jpg) no-repeat center bottom;}
.news .tits .lft h3 { color:#fff;}
.news .mytabs { float:right; margin-top:20px;}
.news .mytabs li { float:left; width:80px; height:30px; line-height:30px; font-size:12px; color:#fff; text-align:center; border:1px solid #0079af;}
.news .mytabs .hov { background:#0079af;}
.news .mynr { width:100%; margin-top:20px;}
.news .mynr .lft { width:100%;}
.news .mynr .lft a { display:block; width:100%;}
.news .mynr .lft .img { width:100%; margin-bottom:10px; overflow:hidden;}
.news .mynr .lft .img img { display:block; width:100%;}
.news .mynr .lft h3 { line-height:25px; font-weight:500; font-size:16px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .mynr .lft span { display:block; line-height:25px; font-size:12px; color:#fff; filter:alpha(opacity=50); opacity:0.5;}
.news .mynr .lft p { line-height:25px; font-size:12px; color:#fff; margin:10px 0 20px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news .mynr .lft i { display:block; width:100px; height:35px; line-height:35px; font-style:normal; font-size:12px; color:#fff; text-align:center; border-radius:2px; background:#0079af;}
.news .mynr li { width:100%; padding-top:15px; margin-top:15px; border-top:1px solid rgba(231,233,242,0.2);}
.news .mynr li a { display:block; width:100%;}
.news .mynr li .time { float:left; width:65px; height:50px; line-height:25px; font-size:12px; color:rgba(255,255,255,0.8); text-align:center; margin-top:2px; padding:10px 0 5px 0; border:1px solid #fff;}
.news .mynr li .time b { display:block; font-weight:500; font-size:24px; color:#fff;}
.news .mynr li .msg { padding-left:80px;}
.news .mynr li .msg h3 { font-weight:500; font-size:16px; color:#fff; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .mynr li .msg p { line-height:22px; font-size:12px; color:#fff; filter:alpha(opacity=70); opacity:0.7; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/**集团荣誉**/
.honor { width:95%; padding:30px 2.5%; overflow:hidden; background:url(../images/yt05.jpg) no-repeat center top; position:relative;}
.honor .swiper-container { margin-top:20px;}
.honor .swiper-slide .img { width:calc(100% - 20px); padding:10px; overflow:hidden; background:#eff2f5; -webkit-transition:all .5s ease; transition:all .5s ease;}
.honor .swiper-slide .img a { display:block; width:100%;}
.honor .swiper-slide .img img { display:block; width:100%; margin:0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.honor .swiper-slide:hover .img img { transform:scale(0.95,0.95);}
.honor .swiper-button-prev,.honor .swiper-button-next { width:30px; height:50px; background:#0079af; top:62%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.honor .swiper-button-prev { left:-5px;}
.honor .swiper-button-next { right:-5px;}
.honor .swiper-button-prev::after,.honor .swiper-button-next::after { font-weight:100; font-size:14px; color:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.honor .swiper-button-prev:hover,.honor .swiper-button-next:hover { background:#0079af;}
.honor .swiper-button-prev:hover::after,.honor .swiper-button-next:hover::after { color:#fff;}

/***二级页面***/
/*单页、文章内容*/
.position { width:95%; height:35px; line-height:35px; font-size:12px; color:#666; 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;}

/*返回顶部*/
.backtop { width:56px; text-align:center; padding:30px 0 15px 0; margin:0 auto; cursor:pointer;}
.backtop i { display:block; width:56px; height:56px; background:url(../images/yt08.png) no-repeat 0 0;}
.backtop p { line-height:30px; font-size:14px; color:#606b71; margin-top:5px;}

/*公共二级*/
.catnav { padding:0 2.5%; border-bottom:1px solid #e7e7ea; overflow:hidden; background:#fff;}
.catnav li { float:left; height:50px; line-height:50px; margin-right:15px; position:relative;}
.catnav li::after { display:block; content:""; width:0%; height:2px; margin:auto; background:#0079af; position:absolute; left:0; right:0; bottom:0;}
.catnav li a { display:block; font-size:14px; color:#333;}
.catnav .on::after { width:100%;}
.catnav .on a { color:#0079af;}

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

/*分页*/
.chang_pages { font-size:14px; text-align:center; line-height:30px; padding:20px 0;}
.chang_pages li { display:inline-block; margin:5px 2px; border:1px solid #0079af; border-radius:2px;}
.chang_pages li a,.chang_pages li span { display:block; color:#000; padding:0 10px;}
.chang_pages .active { border-color:#0079af; background:#0079af;}
.chang_pages .active span { color:#fff;}

/*集团简介*/
.groups { padding-top:20px; background:url(../images/yt07.png) no-repeat 25% bottom / 250%;}
.message { padding-top:20px; background:url(../images/yt07.png) no-repeat 25% bottom / 250%;}
.message .rgtpage { padding-bottom:135px; background:url(../images/yt09.png) no-repeat right bottom;}
.lftpage { width:95%; margin:0 auto; position:relative;}
.lftpage i { display:block; width:30px; height:2px; background:#0079af;}
.lftpage h1 { line-height:45px; font-size:24px; color:#0a274d;}
.lftpage p { line-height:22px; font-size:16px; color:#666; margin:10px 0 20px 0;}
.lftpage p span { display:block; font-size:14px; color:#b2b2b2;}
.lftpage b { display:block; width:20px; height:200px; font-size:12px; color:#ddd; padding-top:125px; text-transform:Uppercase; writing-mode:vertical-lr; -webkit-writing-mode:vertical-lr; writing-mode:tb-lr; position:absolute; left:0;}
.lftpage b::before,.lftpage b::after { display:block; content:""; width:1px; position:absolute; left:10px;}
.lftpage b::before { height:30px; background:#0079af; top:0px;}
.lftpage b::after { height:80px; background:#b5b5b5; top:35px;}
.rgtpage { padding:0 2.5% 0 45px;}
.rgtpage .mumber { width:100%; margin-bottom:20px;}
.rgtpage .mumber li { float:left; width:calc(100% / 3);}
.rgtpage .mumber li:last-child { margin-right:0;}
.rgtpage .mumber li h3 { line-height:30px; font-weight:500; font-size:14px; color:#164161;}
.rgtpage .mumber li h3 span { font-weight:bold; font-family:'Oswald'; font-size:28px; margin-right:5px; position:relative; top:5px;}
.rgtpage .mumber li p { font-size:12px; color:#666;}

/*荣誉资质*/
.honors { padding:10px 2.5%;}
.honors li { width:100%; margin-bottom:20px;}
.honors li a { display:block; width:100%;}
.honors li h3 { line-height:35px; font-weight:500; font-size:16px; color:#333; margin-bottom:15px; padding-bottom:5px; position:relative;}
.honors li h3::after { display:block; content:""; width:20px; height:2px; background:#0079af; position:absolute; left:0; bottom:0;}
.honors li .img { padding:10px; overflow:hidden; background:#f6f6f6;}
.honors li .img img { display:block; width:100%; margin:0 auto;}

/*发展历程*/
.history { padding:10px 0 125px 0; background:url(../images/yt10.jpg) no-repeat left bottom; position:relative;}
.history::after { display:block; content:""; width:100%; height:1px; background:#eee; position:absolute; left:0; top:55px; z-index:0;}
.history .gallerythumbs { padding:0 10%; position:relative; z-index:2;}
.history .gallerythumbs .swiper-slide { height:60px; line-height:30px; text-align:center;}
.history .gallerythumbs .swiper-slide span { font-size:18px; color:#a6a6a6; cursor:pointer; position:relative;}
.history .gallerythumbs .swiper-slide span::before,.history .gallerythumbs .swiper-slide span::after { display:block; content:""; margin:auto; border-radius:50%; position:absolute; left:0; right:0;}
.history .gallerythumbs .swiper-slide span::before { width:4px; height:4px; background:#d2d2d2; bottom:-20px; z-index:2;}
.history .gallerythumbs .swiper-slide span::after { width:10px; height:10px; border:1px solid #f5f5f5; background:#fff; bottom:-24px; z-index:1;}
.history .gallerythumbs .swiper-slide-thumb-active span { color:#0079af;}
.history .gallerythumbs .swiper-slide-thumb-active span::before { background:#fff;}
.history .gallerythumbs .swiper-slide-thumb-active span::after { width:12px; height:12px; border:3px solid #cce4ef; bottom:-27px; background:#0079af;}
.history .gallerytop { padding:0 2.5%; margin-top:30px; position:relative;}
.history .gallerytop h3 { float:left; width:65px; line-height:45px; font-family:'Oswald'; font-size:28px; color:#0079af;}
.history .gallerytop .msg { float:right; width:calc(100% - 90px); margin-top:10px; padding-left:15px; position:relative;}
.history .gallerytop .msg::before,.history .gallerytop .msg::after { display:block; content:""; width:1px; position:absolute; left:0;}
.history .gallerytop .msg::before { height:20px; background:#0071fe; top:0;}
.history .gallerytop .msg::after { height:90vh; background:#eee; top:25px;}
.history .gallerytop .msg .img { width:100%; overflow:hidden;}
.history .gallerytop .msg .img img { display:block; width:100%;}
.history .gallerytop .msg p { line-height:25px; font-size:14px; color:#666; padding-left:10px; margin-top:15px; position:relative;}
.history .gallerytop .msg p::after { display:block; content:""; width:4px; height:4px; border-radius:50%; background:#0071fe; position:absolute; left:0; top:12px;}
.history .gallerytop .swiper-button-prev,.history .gallerytop .swiper-button-next { width:25px; height:25px; border:none; border-radius:50%; box-sizing:border-box; background:#0079af; top:-37px;}
.history .gallerytop .swiper-button-prev { left:5px;}
.history .gallerytop .swiper-button-next { right:5px;}
.history .gallerytop .swiper-button-prev::after,.history .gallerytop .swiper-button-next::after { font-size:12px; color:#fff;}
.history .gallerytop .swiper-button-prev::after { text-indent:-2px;}
.history .gallerytop .swiper-button-next::after { text-indent:2px;}

/*联系我们*/
.contact { padding-top:20px;}
.contact .logo { width:100%;}
.contact .logo img { display:block; max-width:100%; margin-bottom:10px;}
.contact .msg { width:100%; margin-top:20px; padding:10px 0; border-top:1px solid #eee;}
.contact .msg p { line-height:22px; font-size:13px; color:#666; padding:5px 0 5px 0px; background-position:left 10px; background-repeat:no-repeat;}
.contact .msg .tel { background-image:url(../images/yt11.png);}
.contact .msg .add { background-image:url(../images/yt12.png);}
.contact .botom { width:100%; padding-top:30px; margin-top:10px; background:#f5f5f5 url(../images/yt07.png) no-repeat center bottom;}
.contact .botom h1 { line-height:35px; font-size:24px; color:#0a274d; text-align:center; margin-bottom:10px;}
.contact .botom .mytabs { width:100%; height:50px; line-height:50px; margin-bottom:20px;}
.contact .botom .mytabs li { float:left; font-size:14px; color:#333; padding:0 5px; border-bottom:1px solid #dbdbdb; cursor:pointer; position:relative;}
.contact .botom .mytabs li::after { display:block; content:""; width:0%; height:2px; margin:auto; background:#0079af; position:absolute; left:0; right:0; bottom:-1px;}
.contact .botom .mytabs .hov { color:#0079af;}
.contact .botom .mytabs .hov::after { width:80%;}
.contact .botom .mynr { width:95%; margin:0 auto;}
.contact .botom .mynr li { padding:10px 15px 5px 15px; margin-bottom:15px; background:#fff;}
.contact .botom .mynr li h3 { line-height:30px; font-weight:500; font-size:16px; color:#333; padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #eee; position:relative;}
.contact .botom .mynr li h3::after { display:block; content:""; width:40px; height:2px; background:#0079af; position:absolute; left:0; bottom:-1px;}
.contact .botom .mynr li p { line-height:22px; font-size:12px; color:#808080; margin-bottom:10px; padding-left:25px; overflow:hidden; background-position:left 2px; background-repeat:no-repeat;}
.contact .botom .mynr li .tel { background-image:url(../images/yt13.png);}
.contact .botom .mynr li .add { background-image:url(../images/yt14.png);}
.contact .botom .mynr li:hover { box-shadow:0 0 15px rgba(0,0,0,0.08);}

/*招聘*/
.jobs { width:100%; padding:15px 0;}
.jobs .gallerythumbs { width:85%; margin:0 auto;}
.jobs .gallerythumbs .swiper-container { padding-bottom:15px;}
.jobs .gallerythumbs .msg { text-align:center; padding:20px 10px; cursor:pointer; border-radius:3px; background:#f9f9f9; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.jobs .gallerythumbs .msg::before,.jobs .gallerythumbs .msg::after { display:none; content:""; margin:auto; position:absolute;}
.jobs .gallerythumbs .msg::before { width:25px; height:25px; border:1px solid #0079af; border-radius:50%; background:#fff; left:0; right:0; bottom:-10px; z-index:1;}
.jobs .gallerythumbs .msg::after { width:8px; height:8px; border-bottom:1px solid #0079af; border-right:1px solid #0079af; border-radius:2px; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); left:0; right:0; bottom:0; z-index:2;}
.jobs .gallerythumbs .msg i { display:block; width:32px; height:32px; margin:0 auto; background:url(../images/yt15.png) no-repeat 0 0;}
.jobs .gallerythumbs .msg h3 { line-height:25px; font-weight:500; font-size:14px; color:#333; text-transform:Uppercase; margin:10px auto 15px auto; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.jobs .gallerythumbs .swiper-slide-thumb-active .msg { background:#0079af;}
.jobs .gallerythumbs .msg:hover::before,.jobs .gallerythumbs .msg:hover::after,.jobs .gallerythumbs .swiper-slide-thumb-active .msg::before,.jobs .gallerythumbs .swiper-slide-thumb-active .msg::after { display:block;}
.jobs .gallerythumbs .swiper-slide-thumb-active .msg i { filter:grayscale(100) brightness(100);}
.jobs .gallerythumbs .swiper-slide-thumb-active .msg h3,.jobs .gallerythumbs .swiper-slide-thumb-active .msg p { color:#fff;}
.jobs .gallerythumbs .swiper-slide-thumb-active .msg h3::after { background:#fff;}
.jobs .gallerytop { width:calc(95% - 40px); padding:20px; margin:0 auto; border-radius:3px; background:#f9f9f9; position:relative;}
.jobs .gallerytop .ps { line-height:30px; font-size:14px; color:#666;}
.jobs .gallerytop .ps b { color:#333;}
.jobs .gallerytop .ps a { font-weight:bold; font-size:16px; color:#0079af;}
.jobs .gallerytop .swiper-slide { width:100%; background:#f9f9f9;}
.jobs .gallerytop .swiper-slide .msg { margin-bottom:20px;}
.jobs .gallerytop .swiper-slide .msg h3 { line-height:30px; font-size:14px; color:#333; margin-top:10px;}
.jobs .gallerytop .swiper-button-prev,.jobs .gallerytop .swiper-button-next { width:30px; height:30px; border-radius:50%; box-sizing:border-box; background:#0079af; top:-80px;}
.jobs .gallerytop .swiper-button-prev { left:-5px;}
.jobs .gallerytop .swiper-button-next { right:-5px;}
.jobs .gallerytop .swiper-button-prev::after,.jobs .gallerytop .swiper-button-next::after { font-size:12px; color:#fff;}
.jobs .gallerytop .swiper-button-prev::after { text-indent:-2px;}
.jobs .gallerytop .swiper-button-next::after { text-indent:4px;}

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

/*产品列表*/
.protop { width:100%;}
.protop .serch { width:95%; margin:10px auto; border-radius:4px; border:3px solid #0079af; overflow:hidden;}
.protop .serch input { display:block; float:left; width:80%; height:40px; line-height:40px; font-size:14px; color:#333; padding-left:10px; border:none; box-sizing:border-box; background:#fff;}
.protop .serch .btn { width:20%; padding:0; background:#0079af url(../images/yt18.png) no-repeat center;}
.protop .lst { width:100%; margin-bottom:15px; border-top:1px solid #ededf0; background:#fdfdfd; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.protop .lst::after { display:block; content:""; width:100%; height:1px; background:#ededf0; position:absolute; left:0; bottom:0;}
.protop .lst li { float:left; width:calc(100% / 2); height:40px; line-height:19px; text-align:center; border-right:1px solid #ededf0; border-bottom:1px solid #ededf0; box-sizing:border-box;}
.protop .lst li:nth-child(4n) { border-right:none;}
.protop .lst li a { display:block; font-size:12px; color:#666; padding:0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.protop .lst .on { border-color:#0079af; background:#0079af;}
.protop .lst .on a { color:#fff;}

.prolist { width:100%; background:url(../images/yt07.png) no-repeat 25% bottom / 250%;    padding-top: 8%;
}
.prolist .lst { width:95%; margin:0 auto;}
.prolist .lst li { float:left; width:50%; text-align:center; margin:0 0 -1px -1px; border:1px solid #eff4f7; box-sizing:border-box;}
.prolist .lst li a { display:block; width:100%;}
.prolist .lst li .img { display:table-cell; width:100%; text-align:center; vertical-align:middle;}
.prolist .lst li .img img { display:block; max-width:100%; margin:0 auto;}
.prolist .lst li h3 { line-height:22px; font-weight:500; font-size:14px; color:#333;  border-top:1px solid #eff4f7; }

/*产品详情*/
.prolist h1 { line-height:35px; font-weight:500; font-size:18px; color:#0079af; padding-bottom:5px; margin-bottom:20px; border-bottom:1px solid #e5e5e5;}
.prolist .param { width:100%; position:relative;}
.prolist .param .img { width:100%;}
.prolist .param .img img { display:block; width:100%;}
.prolist .param .msg { width:100%; margin:20px auto;}
.prolist .param .msg p { line-height:30px; font-size:14px; color:#666; margin-bottom:5px;}
.prolist .param .msg p a { color:#666;}
.prolist .param .msg p a:hover { color:#0079af; text-decoration:underline;}
.prolist .mytabs { width:100%; margin-top:30px;}
.prolist .mytabs li { float:left; height:45px; line-height:45px; font-size:15px; color:#0079af; text-indent:45px; padding-right:20px; border:1px solid #e5e5e5; background-position:15px center; background-repeat:no-repeat; cursor:pointer;}
.prolist .mytabs .cp1 { background-image:url(../images/yt19.png);}
.prolist .mytabs .cp2 { background-image:url(../images/yt20.png);}
.prolist .mytabs .hov { color:#fff; border-color:#0079af; background-color:#0079af;}
.prolist .mytabs .hov.cp1 { background-image:url(../images/yt19h.png);}
.prolist .mytabs .hov.cp2 { background-image:url(../images/yt20h.png);}
.prolist .mynr { padding:15px 20px; border:1px solid #e5e5e5; position:relative; top:-1px;}
.prolist .mynr .swiper-slide { background:#fff;}
.prolist .mynr .swiper-slide .intro p { margin-bottom:15px;}
.prolist .mynr .swiper-slide li { line-height:25px; font-size:14px; color:#666; padding:0 0 10px 20px; margin-bottom:10px; border-bottom:1px dashed #ddd; background:url(../images/yt21.png) no-repeat left 7px / 15px;}
.prolist .mynr .swiper-slide li a { display:block; width:100%;}
.prolist .mynr .swiper-slide li:hover { background-image:url(../images/yt21h.png);}
.prolist .mynr .swiper-slide li:hover a { color:#0079af;}

/*投资者关系系列页面*/
.investor { background:url(../images/yt07.png) no-repeat 25% bottom / 250%;}
.investor .station { width:95%; padding:15px 0; margin:0 auto;}
.investor .station .market { padding:15px; border-radius:4px; box-shadow:0 0 10px 0 rgba(0,0,0,0.1); background:#fff;}
.investor .station .market .lft { float:left; width:50%; margin-top:10px;}
.investor .station .market .lft h1 { line-height:40px; font-size:22px; color:#333;}
.investor .station .market .lft p { line-height:30px; font-size:14px; color:#666;}
.investor .station .market .cent { float:right; max-width:50%;}
.investor .station .market .cent p { line-height:25px; font-size:14px; color:#333;}
.investor .station .market .cent p span { color:#999;}
.investor .station .market .cent p .upi { display:inline-block; font-weight:bold; font-size:24px; color:red; margin-left:5px;}
.investor .station .market .cent p .downi { display:inline-block; font-weight:bold; font-size:24px; color:#00b33c; margin-left:5px;}
.investor .station .market .cent .gren { font-size:12px; color:#00b33c;}
.investor .station .market .cent .gren em { display:inline-block; width:15px; height:15px; line-height:15px; font-style:normal; font-size:12px; color:#fff; text-align:center; margin-right:5px; border-radius:2px; background:#00b33c;}
.investor .station .market .cent .red { font-size:12px; color:red;}
.investor .station .market .cent .red em { display:inline-block; width:15px; height:15px; line-height:15px; font-style:normal; font-size:12px; color:#fff; text-align:center; margin-right:5px; border-radius:2px; background:red;}
.investor .station .market .rgt { width:100%; margin-top:15px; padding-top:10px; border-top:1px solid #eee;}
.investor .station .market .rgt p { width:100%; line-height:30px; font-size:16px; color:#333;}
.investor .station .market .rgt p span { display:inline-block; color:#999; width:50px; font-size:12px; text-align:right; padding-right:20px;}

.investor .softs { padding:0 2.5%;}
.investor .softs li { padding:10px 0; border-bottom:1px solid #eee; -webkit-transition:all .5s ease; transition:all .5s ease;}
.investor .softs li a { display:block; width:100%;}
.investor .softs li .msg { float:left; width:calc(100% - 40px);}
.investor .softs li .msg h3 { font-weight:500; font-size:14px; color:#333;}
.investor .softs li .msg i { line-height:30px; font-style:normal; font-size:12px; color:#999;}
.investor .softs li .msg p { line-height:22px; font-size:12px; color:#999;}
.investor .softs li span { display:block; float:right; width:35px; height:35px; margin-top:5px; border-radius:50%; background:#eeeff1 url(../images/yt22.png) no-repeat 8px 7px;}
.investor .incont { width:95%; margin:0 auto;}
.investor .incont .img { width:100%; margin:5px auto 15px auto; overflow:hidden;}
.investor .incont .img img { display:block; width:100%;}
.investor .incont .msg { width:100%;}
.investor .incont .msg li { line-height:25px; font-size:14px; color:#666; padding:15px 15px 15px 25px; border-bottom:1px dashed #bbb; background-position:0 18px; background-repeat:no-repeat; background-size:20px;}
.investor .incont .msg li a { color:#666; text-decoration:underline;}
.investor .incont .msg li:hover a { color:#0079af; text-decoration:underline;}
.investor .incont .msg .con1 { background-image:url(../images/yt23.png);}
.investor .incont .msg .con2 { background-image:url(../images/yt24.png);}
.investor .incont .msg .con3 { background-image:url(../images/yt25.png);}
.investor .incont .msg .con4 { background-image:url(../images/yt26.png);}

/**集团期刊**/
.journal { padding:10px 0; background:url(../images/yt07.png) no-repeat 25% bottom / 250%;}
.journal .list { width:100%;}
.journal .list li { float:left; width:calc(45.5% - 10px); text-align:center; margin:0 0 10px 10px; padding:5px; border:1px solid #eee; background:#fff;}
.journal .list li:nth-child(4n-1) { margin-left:0;}
.journal .list li .img { width:100%; overflow:hidden;}
.journal .list li .img img { display:block; width:100%;}
.journal .list li h3 { line-height:40px; font-weight:500; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

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


.lxwm{ width:100%; margin-bottom:4%}
.lxwm01{  display:block; width:100%}
.lxwm01 ul li{ margin-bottom:4%}
.lxwm01 ul li span{ display:block; font-size:16px; color:#000; line-height:40px}
.select01{ border:1px solid #ccc; color:#000; display:block; border-radius:5px; width:calc(100% - 4px); line-height:30px; padding-left:4px; height:30px; font-size:14px; margin-bottom:2%}
.input_text01{border:1px solid #ccc;color:#000;display:block;border-radius:5px;width: calc(100% - 3%);line-height:30px;padding-left: 2%;height:30px;font-size:14px}
.input_text01::-webkit-input-placeholder{ color:#ccc;}
.text{border:1px solid #ccc; color:#000; display:block; border-radius:5px; width:calc(100% - 4px); line-height:30px; padding-left:4px; height:150px; font-size:14px;}
.text::-webkit-input-placeholder{ color:#ccc;}
.lxwm02{  display:block; width:100%}
.shne{ border:1px dashed #ccc; width:100%;  display: flex;
    justify-content: center;
    align-items: center; height:200px;}
.shne a{ text-align:center; display:inline-block; color:#ccc}

.lxwm02 ul li{ margin-bottom:4%}
.lxwm02 ul li span{ display:block; font-size:16px; color:#000; line-height:40px}
.djien{
    border-radius:30px;
    background: #edf0f7;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 2px 4px;
    margin-top: 4%;
    color: #184cef;
    }
.djien img{width:20px;margin-right: 6px;}