body { margin:0 auto; padding:0; font-size:12px; font-family: , Arial, Helvetica, sans-serif; color:#333; min-width:1300px;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select { margin:0; padding:0;}
h1,h3,h3,h4 { font-size:14px;}
.clear { clear:both;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration:none; color:#eb2914;}
img { border:0;}
ul li { list-style:none;}
.warp { max-width:1300px; margin:0 auto;} 
#VCode { cursor:pointer;}
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#333;} 
:-moz-placeholder { color:#333;} 
::-moz-placeholder { color:#333;}
:-ms-input-placeholder { color:#333;} 
.yue{width:120px;line-height:30px;float:right;position: relative;text-align: center;}
.yue>a{color:#0079af;font-size:16px;line-height: 80px;}
.yue01{display:none;top: 100%;left:0;width:100%;background:#fff;text-align:center;z-index:9;position: absolute;}
.yue01 a{ color:#6c6d70; font-size:16px; display:block;}
.yue01 a:hover{color:#0079af;}
.yue:hover .yue01{ display:block}

@font-face { 
	font-family:'FontAwesome'; 
		    src:url('../fonts/fontawesome-webfont.eot'); 
	        src:url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'),
			    url('../fonts/fontawesome-webfont.woff2') format('woff2'),
				url('../fonts/fontawesome-webfont.woff') format('woff'),
				url('../fonts/fontawesome-webfont.ttf') format('truetype'),
				url('../fonts/fontawesome-webfont.svg') format('svg'); 
	font-weight:normal; 
	 font-style:normal; 
}
@font-face { 
	font-family:'Oswald'; 
		    src:url('../fonts/oswald-medium.ttf') format('truetype');
	font-weight:normal; 
	 font-style:normal; 
}
.icon { display:inline-block; font:normal normal normal 16px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*top*/
.header { width:100%; height:80px; margin:0 auto; box-shadow:0 2px 10px rgba(0,0,0,0.1); background:#fff; position:relative; top:0; left:0; z-index:99999999;  -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .logo { float:left; height:56px; margin-top:10.5px;}
    .header .logo img {
        display: block;
        height: 100%;
        image-rendering: -moz-crisp-edges;
        image-rendering: -o-crisp-edges;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;
    }

/*导航*/
.header .nav { float:right; max-width:70%;}
.header .nav>ul>li { float:left; height:80px; margin:0 6px; text-align:center;}
.header .nav>ul>li>a { display:block; line-height:80px; font-weight:bold; font-size:16px; color:#6c6d70; position:relative;}
.header .nav>ul>li>a::after { display:block; content:""; width:0; height:3px; margin:auto; background:#0079af; position:absolute; left:0; right:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav>ul>li:hover>a,.header .nav>ul>li.on>a { color:#0079af;}
.header .nav>ul>li:hover>a::after,.header .nav>ul>li.on>a::after { width:100%;}
.header .nav>ul>li:hover>ul { height:140px;}
.header .nav>ul>li>ul { width:100%; height:0; text-align:center; background:#fff; overflow:hidden; position:absolute; top:80px; left:0; box-shadow:0 5px 5px rgba(0,0,0,0.05) inset; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav>ul>li .erji01 li { float:none; display:inline-block; height:auto; padding:30px 0 20px 0; margin:0 65px; position:relative;}
.header .nav>ul>li .erji01 li::after { display:block; content:""; width:1px; height:100px; background:#e6e6e6; position:absolute; right:-65px; top:20px;}
.header .nav>ul>li .erji01 li:last-child::after { display:none;}
.header .nav>ul>li .erji01 li a { line-height:35px; font-weight:500;}
.header .nav>ul>li .erji01 li a::after { display:none;}
.header .nav>ul>li .erji01 li img { display:block; width:100%; height:55px; margin:0 auto;/*filter:grayscale(0%) brightness(0%); filter:alpha(opacity=55); opacity:0.55;*/}
.header .nav>ul>li .erji01 li p { line-height:35px; color:#666;}
.header .nav>ul>li .erji01 li:hover img { filter:grayscale(0); filter:alpha(opacity=100); opacity:1;}
.header .nav>ul>li .erji01 li:hover p { color:#0079af;}
/*.header .nav>ul>li .erji02{ height:auto;}*/
.header .nav>ul>li:hover>.erji02{ height:auto;}
.baxi{width:1000px;margin:0 auto;text-align:center;vertical-align:top;display: flex;align-items: flex-start;flex-wrap: wrap;/*margin-left: 44%;*/padding-top: 1%;}
.baxi>li{display:inline-block;width:30%;margin:0 1%;margin-bottom: 2%;}
.baxi>li h2 a{font-size:16px;color:#363636;display:block;line-height:30px;text-align: left; text-transform: capitalize;}
.baxi>li h2 a:hover {
    color: #363636;
    background: #fff7f1;
}
.pro-sub-menu {
    width: 100%;
    position: relative;
}
.baxi>li ul:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, #3319a1 0%, #131891 36.16%, #090b6f 100%);
}
.pro-sub-menu > li > a {
    display: block;
    text-transform: capitalize;
    margin: 0;
    width: 100%;
    color: #656565;
    padding-left: 20px;
    font-size: 14px;
    line-height: 36px;
    text-align: left;
}
.pro-sub-menu > li a:hover {
    color: #363636;
    background: #fff7f1;
}


/*友情链接*/
.header .nav .link { float:right; height:30px; margin:27px 0 0 30px; position:relative;}
.header .nav .link span { display:block; width:90px; height:30px; line-height:30px; font-size:14px; color:#fff; text-indent:20px; padding-right:30px; background:#0079af; cursor:pointer; position:relative;}
.header .nav .link span::after { display:block; content:""; width:0; height:0; border-style:solid; border-width:5px 5px 0 5px; border-color:#fff transparent transparent transparent; position:absolute; right:20px; top:13px;}
.header .nav .link p { display:none; width:185%; background:#0079af; position:absolute; top:30px; right:0;}
.header .nav .link p a { display:block; width:90%; line-height:35px; font-weight:500; font-size:12px; color:#fff; padding:0 5%; border-top:1px solid #016fa0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.header .nav .link p a::after { display:none;}
.header .nav .link:hover p { display:block;}
.header .nav .link p a:hover { background:#016fa0;}
.whtbg { position:fixed;}

/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.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 .warp { transform:translateX(-1000px); filter:alpha(opacity=0); opacity:0; transition:all 1s;}
.banner .swiper-slide-active .warp { transform:translateX(0); filter:alpha(opacity=100); opacity:1;}
.banner .warp { margin:auto; position:absolute; right:0; left:0; z-index:2;}
.banner .text { color:#fff; text-transform:Uppercase; letter-spacing:5px;}
.banner .text p { line-height:40px; font-size:22px; margin-bottom:22px;}
.banner .text h1 { line-height:80px; font-size:65px;}
.banner .text span { line-height:80px; font-size:38px;    letter-spacing: 2px;}
.banner .text a { display:block; width:175px; height:40px; line-height:40px; font-size:20px; color:#fff; margin-top:35px; padding-left:55px; letter-spacing:2px; background:url(../images/yt01.png) no-repeat left center; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.banner .swiper-slide img { display:block; width:100%;}
.banner .swiper-pagination-bullets { bottom:20px;}
.banner .swiper-pagination-bullet { width:50px; 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 .swiper-button-prev,.banner .swiper-button-next { width:42px; height:42px; filter:alpha(opacity=80); opacity:0.8; background-position:0 0; background-repeat:no-repeat; background-size:100%; top:45%;}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after { font-size:0;} 
.banner .swiper-button-prev { background-image:url(../images/yt0l.png); left:4%;}
.banner .swiper-button-next { background-image:url(../images/yt0r.png); right:4%;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { filter:alpha(opacity=100); opacity:1;}

/*二级banner*/
.banner_ej { width:100%; margin:0 auto; height:425px; background-position:center top; background-repeat:no-repeat;}
.banner_ej h1 { line-height:75px; font-weight:500; font-size:38px; color:#fff; letter-spacing:2px; padding-top:150px;}
.banner_ej p { line-height:25px; font-size:20px; color:#fff; text-transform:Uppercase; filter:alpha(opacity=50); opacity:0.5; letter-spacing:1px;}

/*脚部*/
.footer { width:100%; line-height:30px; font-size:12px; color:#92a2bb; padding-top:40px; background:#263145;}
.footer a { color:#92a2bb;}
.footer a:hover { color:#fff !important;}
.footer .fotlogo { float:left; width:274px;}
.footer .fotlogo img { display:block; width:170px;  margin-bottom:15px;}
.footer .fotlogo a { color:#92a2bb;}
.footer .cent { float:left; margin:0 15px; border-left:1px solid #2d394f;}
.footer .cent li { float:left; margin:0 15px;}
.footer .cent li h3 { line-height:30px; font-size:16px; color:#fff; margin-bottom:10px;}
.footer .cent li a { display:block; line-height:30px; font-size:12px;}
.footer .img { float:right; width:145px; text-align:center;}
.footer .img img { display:block; width:145px; height:145px; margin:0 auto; overflow:hidden;}
.footer .img p { line-height:30px; font-size:13px;}
.footer .copy { font-size:13px; margin-top:25px; padding:10px 0; border-top:1px solid #2d394f;}
.footer .sitecode { width:100px; margin:0 auto; text-align:center;}
.footer .sitecode a { display:block; width:100%;}
.footer .sitecode img { display:block; margin:0 auto;}

/*右侧客服*/
.webonline { width:45px; position:fixed; right:0; bottom:10%; z-index:999999;}
.webonline li { width:45px; height:45px; text-align:center; margin-top:10px; border-radius:50%; background:#0079af; position:relative;}
.webonline li i { display:block; width:45px; height:40px; line-height:40px; font-family:FontAwesome; font-style:normal; font-size:22px; color:#fff; text-align:center; padding-top:5px; margin:0 auto; border-radius:50%;}
.webonline li:first-child { margin-top:0;}
.webonline li:first-child i { height:45px; line-height:45px; padding-top:0;}
.webonline li p { display:none; width:190px; line-height:35px; font-size:16px; color:#fff; padding:5px; margin:auto; text-align:center; border-radius:4px; background:#0079af; position:absolute; right:55px; bottom:0;}
.webonline li p::after { display:block; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:5px 0 5px 5px; border-color:transparent transparent transparent #0079af; line-height:0px; _border-color:#000 #000 #000 #0079af; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000'); position:absolute; right:-5px; bottom:15px;}
.webonline li:last-child p { width:120px;}
.webonline li p img { display:block; width:100%;}
.webonline li:hover p { display:block;}

/**栏目标题**/
.tits { width:100%;}
.tits .lft { float:left;}
.tits .lft i { display:block; width:30px; height:4px; margin-bottom:15px; background:#0079af;}
.tits .lft h3 { line-height:35px; font-size:28px; 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:16px; color:#666; padding-right:10px; margin-top:30px; 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:100%; padding:60px 0; background:url(../images/yt02.jpg) no-repeat center top;}
.pros .warp { position:relative;}
.pros .swiper-container { padding:15px 0; margin:30px 0;}
.pros .swiper-slide a { display:block; width:100%; text-align:center; border:1px solid #e8eaed; box-sizing:border-box; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .swiper-slide .img { width:100%; height:225px; overflow:hidden; border-bottom:1px solid #e8eaed; background:#f9fafc;}
.pros .swiper-slide .img img { display:block; max-width:100%; margin:2.5px auto;}
.pros .swiper-slide h3 { line-height:30px; font-size:16px; color:#333; margin-top:0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .swiper-slide span {font-size:12px;}
.pros .swiper-slide p { padding:10px 25px 20px 25px; line-height:25px; font-size:14px; color:#808080;    height: 40px;}
.pros .swiper-slide span { display:inline-block; line-height:25px; font-size:14px; color:#666; padding-right:12px; margin:5px 0; 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:40px; height:80px; top:55%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .swiper-button-prev { left:-50px;}
.pros .swiper-button-next { right:-50px;}
.pros .swiper-button-prev::after,.pros .swiper-button-next::after { font-weight:100; font-size:34px; color:#ddd; -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 { }
.about .lft { width:600px; padding:15px 80px 0 0;}
.about .lft h1 { line-height:75px; font-size:38px; color:#333; letter-spacing:2px; position:relative;}
.about .lft span { line-height:75px; font-size:24px; color:#999; letter-spacing:0px; position:relative;font-weight:normal;}
.about .lft h1::after { display:block; content:""; width:50px; height:2px; background:#333; position:absolute; left:0; bottom:0;}
.about .lft p { line-height:30px; font-size:16px; color:#666; margin:35px 0 20px 0;}
.about .lft .mumber { width:100%;}
.about .lft .mumber li { float:left; width:150px; margin-right:75px;}
.about .lft .mumber li:last-child { margin-right:0;}
.about .lft .mumber li h3 { line-height:50px; font-weight:500; font-size:22px; color:#164161;}
.about .lft .mumber li h3 span { font-weight:bold; font-family:'Oswald'; font-size:48px; margin-right:5px; position:relative; top:5px;}
.about .lft .mumber li p { font-size:18px; color:#666; margin:0;}
.about .lft a { display:block; width:150px; height:45px; line-height:45px; font-size:16px; color:#fff; text-align:center; margin-top:10px; background:#0079af; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .lft a:hover { border-radius:22.5px;}
.about .img { width:48%; height:750px; overflow:hidden; background-position:left top; background-repeat:no-repeat; position:absolute; right:0; top:0; z-index:2;}

/**集团动态**/
.news { width:100%; padding:90px 0; background:url(../images/yt04.jpg) no-repeat center top;}
.news .tits .lft h3 { color:#fff;}
.news .mytabs { float:right; margin-top:30px;}
.news .mytabs li { float:left; width:100px; height:35px; text-align:center; border:1px solid #0079af;}
.news .mytabs li a { float:none; line-height:35px; font-size:14px; color:#fff; margin:0; margin:0; padding:0;}
.news .mytabs li a::after { display:none;}
.news .mytabs .hov { background:#0079af;}
.news .mynr { width:100%; margin-top:40px;}
.news .mynr .lft { float:left; width:550px;}
.news .mynr .lft a { display:block; width:100%;}
.news .mynr .lft .img { width:550px; height:320px; margin-bottom:20px; overflow:hidden;}
.news .mynr .lft .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .mynr .lft h3 { line-height:30px; font-weight:500; font-size:18px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .mynr .lft span { display:block; line-height:30px; font-size:14px; color:#fff; filter:alpha(opacity=50); opacity:0.5;}
.news .mynr .lft p { line-height:25px; font-size:14px; color:#fff; margin:10px 0 30px 0;}
.news .mynr .lft i { display:block; width:130px; height:35px; line-height:35px; font-style:normal; font-size:12px; color:#fff; text-align:center; background:#0079af; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .mynr .lft:hover .img img { transform:scale(1.1,1.1);}
.news .mynr .lft:hover i { border-radius:17.5px;}
.news .mynr .rgt { float:right; width:685px;}
.news .mynr .rgt li { width:100%; padding-bottom:32px; margin-bottom:32px; border-bottom:1px solid rgba(231,233,242,0.2);}
.news .mynr .rgt li:last-child { padding-bottom:0; margin-bottom:0; border-bottom:none;}
.news .mynr .rgt li a { display:block; width:100%;}
.news .mynr .rgt li .time { float:left; width:95px; height:50px; line-height:25px; font-size:12px; color:#fff; text-align:center; padding:20px 0 10px 0; border:1px solid #fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .mynr .rgt li .time b { display:block; font-weight:500; font-size:34px;}
.news .mynr .rgt li .msg { float:right; width:565px;}
.news .mynr .rgt li .msg h3 { font-weight:500; font-size:18px; color:#fff; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .mynr .rgt li .msg p { line-height:25px; font-size:14px; color:#fff;}
.news .mynr .rgt li:hover .time { border-color:#0079af; background:#0079af;}

/**集团荣誉**/
.honor { width:100%; padding:100px 0 50px 0; background:url(../images/yt05.jpg) no-repeat center top;}
.honor .warp { position:relative;}
.honor .swiper-container { padding:30px 0; margin:30px 0;}
.honor .swiper-slide .img { width:calc(100% - 20px); height:250px; 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;height: 250px;object-fit: contain;}
.honor .swiper-slide:hover .img img { transform:scale(0.95,0.95);}
.honor .swiper-button-prev,.honor .swiper-button-next { width:40px; height:80px; top:58%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.honor .swiper-button-prev { left:-50px;}
.honor .swiper-button-next { right:-50px;}
.honor .swiper-button-prev::after,.honor .swiper-button-next::after { font-weight:100; font-size:34px; color:#bbb; -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;}

/*************** 子页公用 *******************/
.fl { float:left;}
.fr { float:right;}
.content { width:1300px; padding-top:40px; margin:0 auto;}
.backtop { width:56px; text-align:center; padding:60px 0 40px 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;}
.catnav { width:100%; height:75px; line-height:75px; border-bottom:1px solid #e7e7ea; overflow:hidden; background:#fff;}
.catnav li { float:left; margin-right:50px; position:relative;}
.catnav li::after { display:block; content:""; width:0%; height:2px; margin:auto; background:#0079af; -webkit-transition:all .5s ease; transition:all .5s ease; position:absolute; left:0; right:0; bottom:0;}
.catnav li a { display:block; font-size:15px; color:#333; -webkit-transition:all .5s ease; transition:all .5s ease;}
.catnav li:hover::after,.catnav .on::after { width:100%;}
.catnav li:hover a,.catnav .on a { color:#0079af;}
.catnav p { float:right; font-size:13px; color:#7d7d80; padding-left:20px; background:url(../images/post.png) no-repeat left center;}
.catnav p a { color:#7d7d80;}

/*详情页公用*/
.lh { font-size:15px; line-height:35px; color:#808080; text-align:justify;    margin: 50px 0;}
.lh img { max-width:100%; height:auto !important;}
.show_h3 { width:100%; line-height:40px; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #eee;}
.show_h3 h3 { font-weight:500; font-size:24px; color:#333;}
.show_h3 p { font-size:12px; color:#bbb; padding-left:20px; background:url(../images/yt16.png) no-repeat left 15px;}
.show_sxp { line-height:25px; font-size:14px; color:#999; margin-top:30px; padding-top:20px; border-top:1px solid #eee;}
.show_sxp p { width:45%; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp p span { display:block; font-size:12px; color:#999; margin-right:10px;}
.show_sxp a { color:#333;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { color:#0079af;}
.serchms { font-size:16px; line-height:60px; color:#333; text-align:center; padding-top:30px;}

/*分页*/
.scott { overflow:hidden; text-align:center; letter-spacing:2px; padding:20px 0;}
.scott li { display:inline-block; line-height:35px; margin:0 5px; border:1px solid #0079af; border-radius:4px; overflow:hidden;}
.scott a,.scott span { display:block; padding:0 12.5px; font-size:16px; color:#0079af; cursor:pointer;}
.scott li:hover,.scott .active { background:#0079af;}
.scott li:hover a,.scott li:hover span,.scott .active span { color:#fff;}

/*集团简介*/
.lftpage { float:left; width:335px;}
.lftpage i { display:block; width:30px; height:4px; background:#0079af;}
.lftpage h1 { line-height:65px; font-size:32px; color:#0a274d;}
.lftpage p { line-height:22px; font-size:16px; color:#666; margin:25px 0 45px 0;}
.lftpage p span { display:block; font-size:14px; color:#b2b2b2;}
.lftpage b { display:block; font-size:14px; color:#ddd; text-transform:Uppercase; padding-top:130px; writing-mode:vertical-lr; -webkit-writing-mode:vertical-lr; writing-mode:tb-lr; position:relative;}
.lftpage b::before,.lftpage b::after { display:block; content:""; width:2px; position:absolute; left:9px;}
.lftpage b::before { height:35px; background:#0079af; top:0px;}
.lftpage b::after { height:80px; background:#b5b5b5; top:40px;}

.rgtpage { float:right; width:900px;}
.rgtpage .mumber { width:100%; margin-bottom:40px;}
.rgtpage .mumber li { float:left; width:150px; margin-right:75px;}
.rgtpage .mumber li:last-child { margin-right:0;}
.rgtpage .mumber li h3 { line-height:50px; font-weight:500; font-size:22px; color:#164161;}
.rgtpage .mumber li h3 span { font-weight:bold; font-family:'Oswald'; font-size:48px; margin-right:5px; position:relative; top:5px;}
.rgtpage .mumber li p { font-size:18px; color:#666; margin:0;}
.groups { padding-top:40px; background:url(../images/yt07.png) no-repeat center bottom;}
.message { padding-top:40px; background:#f5f5f7 url(../images/yt07.png) no-repeat center bottom;}
.message .content { padding-bottom:180px; background:url(../images/yt09.png) no-repeat center bottom;}

/*荣誉资质*/
.honors { padding-top:20px; background:#f5f5f7;}
.honors h1 { line-height:45px; font-size:32px; color:#0a274d; text-align:center; margin-bottom:60px;}
.honors li { float:left; width:375px; margin:0 87px 70px 0;}
.honors li:nth-child(3n) { margin-right:0;}
.honors li a { display:block; width:100%;}
.honors li h3 { line-height:45px; font-weight:500; font-size:16px; color:#333; margin-bottom:20px; position:relative;}
.honors li h3::after { display:block; content:""; width:20px; height:2px; background:#bfbfbf; position:absolute; left:0; bottom:0;}
.honors li .img { width:325px; height:225px; padding:25px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.05); background:#fff;}
.honors li .img img { display:block; height:100%; margin:0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.honors li:hover h3 { color:#0079af;}
.honors li:hover h3::after { background:#0079af;}
.honors li:hover .img { box-shadow:0 0 10px rgba(0,0,0,0.1);}
.honors li:hover .img img { transform:scale(0.95,0.95);}

/*发展历程*/
.history { padding:20px 0 125px 0; background:url(../images/yt10.jpg) no-repeat center bottom; position:relative;}
.history::after { display:block; content:""; width:100%; height:1px; background:#eee; position:absolute; left:0; top:225px; z-index:0;}
.history .content { position:relative; z-index:2;}
.history h1 { line-height:45px; font-size:32px; color:#0a274d; text-align:center; margin-bottom:60px;}
.history .gallerythumbs { padding:0 110px; position:relative; z-index:2;}
.history .gallerythumbs .swiper-slide { height:80px; line-height:40px; text-align:center;}
.history .gallerythumbs .swiper-slide span { font-size:20px; 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:7px; height:7px; background:#d2d2d2; bottom:-31px; z-index:2;}
.history .gallerythumbs .swiper-slide span::after { width:13px; height:13px; border:1px solid #f5f5f5; background:#fff; bottom:-35px; z-index:1;}
.history .gallerythumbs .swiper-slide:hover span,.history .gallerythumbs .swiper-slide-thumb-active span { color:#0079af;}
.history .gallerythumbs .swiper-slide:hover span::before,.history .gallerythumbs .swiper-slide-thumb-active span::before { background:#fff;}
.history .gallerythumbs .swiper-slide:hover span::after,.history .gallerythumbs .swiper-slide-thumb-active span::after { width:15px; height:15px; border:4px solid #cce4ef; bottom:-39px; background:#0079af;}
.history .gallerytop { padding:0 200px; margin-top:60px; position:relative;}
.history .gallerytop h3 { float:left; width:90px; font-family:'Oswald'; font-size:36px; color:#0079af; text-align:right;}
.history .gallerytop .msg { float:right; width:640px; padding-left:120px; margin-top: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:40px; background:#0071fe; top:0;}
.history .gallerytop .msg::after { height:340px; background:#eee; top:45px;}
.history .gallerytop .msg .img { width:640px; height:360px; margin-bottom:15px; overflow:hidden;}
.history .gallerytop .msg .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.history .gallerytop .msg .img:hover img { transform:scale(1.1,1.1);}
.history .gallerytop .msg p { line-height:40px; font-size:14px; color:#666; padding-left: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:19px;}
.history .gallerytop .swiper-button-prev,.history .gallerytop .swiper-button-next { width:35px; height:35px; border:1px solid #ddd; border-radius:50%; box-sizing:border-box; background:#fff; top:-75px;}
.history .gallerytop .swiper-button-prev { left:0;}
.history .gallerytop .swiper-button-next { right:0;}
.history .gallerytop .swiper-button-prev::after,.history .gallerytop .swiper-button-next::after { font-size:15px; color:#ccc;}
.history .gallerytop .swiper-button-prev::after { text-indent:-2px;}
.history .gallerytop .swiper-button-next::after { text-indent:4px;}
.history .gallerytop .swiper-button-prev:hover,.history .gallerytop .swiper-button-next:hover { border:none; background:#0079af;}
.history .gallerytop .swiper-button-prev:hover::after,.history .gallerytop .swiper-button-next:hover::after { color:#fff;}

/*联系我们*/
.contact { width:100%; padding-top:40px;}
.contact .lftpage { width:255px;}
.contact .rgtpage { width:980px;}
.contact .logo { float:left; width:313px; padding:0 5px; margin-top:13%;}
.contact .logo img { display:block; width:195px; height:45px;}
.contact .logo p { line-height:22px; font-size:16px; color:#666; margin-top:37%;}
.contact .logo p span { display:block; font-size:14px; color:#b2b2b2;}
.contact .msg { float:right; width:585px; margin-top:50px; padding:5px 0 15px 40px; border-left:1px solid #ddd;}
.contact .msg p { line-height:50px; font-size:16px; color:#666; padding-left:25px; background-position:left 17px; background-repeat:no-repeat;}
.contact .msg .tel { background-image:url(../images/yt11.png);}
.contact .msg .you { background-image:url(../images/youxiang.png);}
.contact .msg .add { background-image:url(../images/yt12.png);}
.contact .botom { width:100%; padding-top:40px; margin-top:80px; background:#f5f5f5 url(../images/yt07.png) no-repeat center bottom;}
.contact .botom h1 { line-height:45px; font-size:32px; color:#0a274d; text-align:center; margin-bottom:60px;}
.contact .botom .mytabs { width:100%; height:60px; line-height:60px; margin-bottom:60px; border-bottom:1px solid #dbdbdb;}
.contact .botom .mytabs li { float:left; font-size:16px; color:#333; padding:0 30px; 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; -webkit-transition:all .5s ease; transition:all .5s ease;}
.contact .botom .mytabs li:hover,.contact .botom .mytabs .hov { color:#0079af;}
.contact .botom .mytabs li:hover::after,.contact .botom .mytabs .hov::after { width:100%;}
.contact .botom .mynr { width:100%;}
.contact .botom .mynr li { float:left; width:350px; height:160px; padding:20px 25px; margin:0 50px 50px 0; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.contact .botom .mynr li:nth-child(3n) { margin-right:0;}
.contact .botom .mynr li h3 { line-height:30px; font-weight:500; font-size:18px; color:#333; padding-bottom:10px; margin-bottom:25px; 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 { max-height:60px; line-height:30px; font-size:14px; color:#808080; margin-bottom:5px; padding-left:25px; overflow:hidden; background-position:left 6px; 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 { padding-top:40px; background:#f5f5f7 url(../images/yt07.png) no-repeat center bottom; position:relative;}
.jobs h1 { line-height:45px; font-size:32px; color:#0a274d; text-align:center; margin-bottom:60px;}
.jobs .gallerythumbs { width:100%;}
.jobs .gallerythumbs .swiper-container { padding-bottom:45px;}
.jobs .gallerythumbs .msg { text-align:center; padding:100px 30px 90px 30px; cursor:pointer; border-radius:3px; background:#fff; 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:35px; height:35px; border:1px solid #0079af; border-radius:50%; background:#fff; left:0; right:0; bottom:-18px; z-index:1;}
.jobs .gallerythumbs .msg::after { width:10px; height:10px; border-bottom:1px solid #0079af; border-right:1px solid #0079af; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); left:0; right:0; bottom:-2px; 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:18px; color:#333; color:#333; text-transform:Uppercase; margin-top:25px;}
.jobs .gallerythumbs .msg p { line-height:22px; font-size:12px; color:#999; text-transform:Uppercase; padding-bottom:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.jobs .gallerythumbs .msg p::after { display:block; content:""; width:20px; height:2px; margin:auto; background:#0079af; position:absolute; left:0; right:0; bottom:0;}
.jobs .gallerythumbs .msg:hover,.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 .msg:hover i,.jobs .gallerythumbs .swiper-slide-thumb-active .msg i { filter:grayscale(100) brightness(100);}
.jobs .gallerythumbs .msg:hover h3,.jobs .gallerythumbs .msg:hover p,.jobs .gallerythumbs .swiper-slide-thumb-active .msg h3,.jobs .gallerythumbs .swiper-slide-thumb-active .msg p { color:#fff;}
.jobs .gallerythumbs .msg:hover p::after,.jobs .gallerythumbs .swiper-slide-thumb-active .msg p::after { background:#fff;}
.jobs .gallerytop { padding:50px; border-radius:3px; background:#fff; position:relative;}
.jobs .gallerytop .ps { line-height:30px; font-size:15px; 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:#fff;}
.jobs .gallerytop .swiper-slide .msg { margin-bottom:30px;}
.jobs .gallerytop .swiper-slide .msg h3 { line-height:40px; font-size:15px; color:#333; margin-top:30px;}
.jobs .gallerytop .swiper-slide .msg .lh { margin-bottom:px;}
.jobs .gallerytop .swiper-button-prev,.jobs .gallerytop .swiper-button-next { width:35px; height:35px; border:1px solid #bbb; border-radius:50%; box-sizing:border-box; top:-210px;}
.jobs .gallerytop .swiper-button-prev { left:-40px;}
.jobs .gallerytop .swiper-button-next { right:-40px;}
.jobs .gallerytop .swiper-button-prev::after,.jobs .gallerytop .swiper-button-next::after { font-size:15px; color:#999;}
.jobs .gallerytop .swiper-button-prev::after { text-indent:-2px;}
.jobs .gallerytop .swiper-button-next::after { text-indent:4px;}
.jobs .gallerytop .swiper-button-prev:hover,.jobs .gallerytop .swiper-button-next:hover { border:none; background:#0079af;}
.jobs .gallerytop .swiper-button-prev:hover::after,.jobs .gallerytop .swiper-button-next:hover::after { color:#fff;}

/*新闻列表*/
.newtop { width:100%; padding:20px 0 60px 0; background:#f5f5f7;}
.newtop .lft { float:left; width:790px; height:290px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newtop .lft a { display:block; width:100%;}
.newtop .lft .img { float:left; width:500px; height:290px; border:2px solid #dedee2; overflow:hidden;}
.newtop .lft .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newtop .lft .msg { float:right; width:234px; height:224px; padding:33px 25px; border:2px solid #dedee2; border-left:none; overflow:hidden;}
.newtop .lft .msg h3 { line-height:30px; font-size:16px; color:#333;}
.newtop .lft .msg p { line-height:25px; font-size:12px; color:#666; margin:20px 0 30px 0;}
.newtop .lft .msg span { display:block; width:105px; height:35px; line-height:35px; font-size:12px; color:#fff; text-align:center; background:#0079af; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newtop .lft:hover { background:#fff;}
.newtop .lft:hover .img img { transform:scale(1.1,1.1);}
.newtop .lft:hover .msg span { border-radius:17.5px;}
.newtop .rgt { float:right; width:490px;}
.newtop .rgt li { height:110px; padding:10px 20px 15px 20px; margin-bottom:15px; border:2px solid #dedee2; overflow:hidden; background:url(../images/yt17.png) no-repeat right top; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newtop .rgt li:last-child { margin-bottom:0;}
.newtop .rgt li a { display:block; width:100%;}
.newtop .rgt li h3 { line-height:30px; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newtop .rgt li p { line-height:25px; font-size:12px; color:#666; margin:5px 0;}
.newtop .rgt li span { display:block; line-height:25px; font-size:12px; color:#999; padding-left:20px; background:url(../images/yt16.png) no-repeat left 8px;}
.newtop .rgt li:hover { border-bottom-color:#0079af; background-color:#fff;}
.newtop .rgt li:hover h3 { color:#263145;}
.newlist { width:100%;}
.newlist li { width:100%; padding:40px 0; border-bottom:1px solid #f6f6f6; position:relative;}
.newlist li a { display:block; width:1300px; margin:0 auto; position:relative; z-index:2;}
.newlist li .img { float:left; width:300px; height:175px; overflow:hidden;}
.newlist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg { float:right; width:calc(100% - 340px);}
.newlist li .msg h3 { line-height:35px; font-size:18px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg p { height:90px; line-height:30px; font-size:14px; color:#999; margin:10px 0;}
.newlist li .msg span { display:block; line-height:25px; font-size:12px; color:#ccc; padding-left:20px; background:url(../images/yt16.png) no-repeat left 8px;}
.newlist li:hover h3 { color:#0079af;}
.newlist li:hover .img img { transform:scale(1.1,1.1);}

/*详情*/
.showpg { width:100%; padding:20px 0 60px 0; background:#f5f5f7;}
.showpg .lft { float:left; width:820px; padding:30px 50px; background:#fff;}
.showpg .rgt { float:right; width:300px; padding:15px 30px; background:#fff;}
.showpg .rgt h1 { line-height:35px; font-weight:500; font-size:16px; color:#000; padding-bottom:5px; margin-bottom:15px; border-bottom:1px solid #eee; padding-left:10px; position:relative;}
.showpg .rgt h1::after { display:block; content:""; width:3px; height:15px; background:#0079af; position:absolute; left:0; top:11.5px;}
.showpg .rgt li { width:100%; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #ddd;}
.showpg .rgt li a { display:block; width:100%;}
.showpg .rgt li h3 { line-height:25px; font-weight:500; font-size:14px; color:#666; padding-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.showpg .rgt li h3::after { display:block; content:""; width:4px; height:4px; border-radius:50%; background:#0079af; position:absolute; left:0; top:12px;}
.showpg .rgt li p { line-height:25px; font-size:12px; color:#bbb; padding-left:18px; background:url(../images/yt16.png) no-repeat left 8px;}
.showpg .rgt li:hover h3 { color:#0079af;}

/*产品列表*/
.prolfts { float:left; width:285px;}
.prolfts .serch { height:85px; padding:0 30px; border-bottom:1px solid #ededf0;}
.prolfts .serch input { display:block; float:left; width:75%; height:85px; line-height:85px; font-size:14px; color:#333; border:none; box-sizing:border-box; background:none; outline:none;}
.prolfts .serch .btn { width:25%; background:url(../images/yt18.png) no-repeat center;}
.prolfts li { width:100%; text-align:center; border-bottom:1px solid #ededf0;}
.prolfts li h3 {     padding: 5px 0; line-height:24px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolfts li h3 a { display:block; font-size:15px; color:#333; padding:0 30px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolfts li:hover h3 a { color:#0079af;}
.prolfts .on h3 { border-color:#0079af; background:#0079af;}
.prolfts .on h3 a,.prolfts .on:hover h3 a { color:#fff;}
.prolfts .on p { display:block;}
.prolfts li p { display:none;}
.prolfts li p a { display:block; width:100%; line-height:45px; font-size:15px; color:#666; border-bottom:1px solid #ededf0;}
.prolfts li p a:last-child { border-bottom:none;}
.prolfts li p a:hover,.prolfts .on .hov { color:#0079af;}
.prorgts { float:right; width:1015px; min-height:500px; background:#fff;}

.prolist { width:100%; background:url(../images/yt07.png) no-repeat center bottom;}
.prolist .warp { margin-bottom:30px; background:#fafafa; position:relative;}
.prolist .warp::after { display:block; content:""; width:30%; height:85px; background:#fafafa; position:absolute; left:-30%; top:0;}
.prolist .prorgts .lst { width:100%; border-top:1px solid #eff4f7; border-left:1px solid #eff4f7; box-sizing:border-box;}
.prolist .prorgts .lst li {float:left;width: calc((100% - 20%)/3);margin: 0 3.3%;text-align:center;/*border-right:1px solid #eff4f7;border-bottom:1px solid #eff4f7;*/    padding-bottom: 30px;}
.prolist .prorgts .lst li a { display:block; width:100%;}
.prolist .prorgts .lst li .img {display:table-cell;width: 100%;height:185px;text-align:center;vertical-align:middle;}
.prolist .prorgts .lst li .img img { display:block; max-width:100%; margin:0 auto;}
.prolist .prorgts .lst li h3 { line-height:26px; font-weight:500; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist .prorgts .lst li p{height:40px;}
.prolist .prorgts .lst li h3::after { display:block; content:""; width:0%; height:2px; margin:auto; background:#0079af; position:absolute; left:0; right:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist .prorgts .lst li:hover h3 { color:#0079af;}
.prolist .prorgts .lst li:hover h3::after { width:100%;}

/*产品详情*/
.prorgts .shows { padding-left:55px;}
.prorgts .shows h1 { line-height:65px; font-weight:500; font-size:20px; color:#0079af; margin:20px 0; border-bottom:1px solid #e5e5e5;}
.prorgts .shows .param { width:100%; position:relative;}
.prorgts .shows .param .msg { float:left; width:100%;}
.prorgts .shows .param .msg p { line-height:50px; font-size:16px; color:#666;}
.prorgts .shows .param .msg p a { color:#666;}
.prorgts .shows .param .msg p a:hover { color:#0079af; text-decoration:underline;}
.prorgts .shows .param .img { display:table-cell; width:250px; height:170px; vertical-align:middle; border:1px solid #eee; position:relative; top:15px;}
.prorgts .shows .param .img img { display:block; width:100%;}
.prorgts .shows .mytabs { width:100%; margin-top:50px;}
.prorgts .shows .mytabs li { float:left; height:45px; line-height:45px; font-size:15px; color:#0079af; text-indent:60px; padding-right:30px; border:1px solid #e5e5e5; background-position:30px center; background-repeat:no-repeat; cursor:pointer;}
.prorgts .shows .mytabs .cp1 { background-image:url(../images/yt19.png);}
.prorgts .shows .mytabs .cp2 { background-image:url(../images/yt20.png);}
.prorgts .shows .mytabs .hov { color:#fff; border-color:#0079af; background-color:#0079af;}
.prorgts .shows .mytabs .hov.cp1 { background-image:url(../images/yt19h.png);}
.prorgts .shows .mytabs .hov.cp2 { background-image:url(../images/yt20h.png);}
.prorgts .shows .mynr { padding:20px 30px 10px 30px; border:1px solid #e5e5e5; position:relative; top:-1px;}
.prorgts .shows .mynr .swiper-slide { background:#fff;}
.prorgts .shows .mynr .swiper-slide .lh p { margin-bottom:25px;}
.prorgts .shows .mynr .swiper-slide li { line-height:40px; font-size:15px; color:#666; padding:0 0 10px 25px; margin-bottom:10px; border-bottom:1px dashed #ddd; background:url(../images/yt21.png) no-repeat left 13px;}
.prorgts .shows .mynr .swiper-slide li a { display:block; width:100%;}
.prorgts .shows .mynr .swiper-slide li:hover { background-image:url(../images/yt21h.png);}
.prorgts .shows .mynr .swiper-slide li:hover a { color:#0079af;}

/*投资者关系系列页面*/
.investor { min-height:500px; padding-top:40px; background:url(../images/yt07.png) no-repeat center bottom;}
.investor .station { height:140px; position:relative;}
.investor .station .market { width:calc(100% - 120px); height:170px; padding:30px 60px; border-radius:4px; box-shadow:0 1px 15px 0 rgba(0, 0, 0, 0.1); background:#fff; position:absolute; top:-110px; z-index:2;}
.investor .station .market .lft,.investor .station .market .cent { float:left;}
.investor .station .market .lft { width:200px; margin-top:40px;}
.investor .station .market .lft h1 { line-height:50px; font-size:26px; color:#333;}
.investor .station .market .lft p { line-height:30px; font-size:18px; color:#666;}
.investor .station .market .cent { width:180px; margin:10px 0 0 130px;}
.investor .station .market .cent p { line-height:40px; font-size:16px; color:#333;}
.investor .station .market .cent p span { color:#999;}
.investor .station .market .cent p .upi { display:inline-block; font-weight:bold; font-size:42px; color:red; margin-left:5px;}
.investor .station .market .cent p .downi { display:inline-block; font-weight:bold; font-size:42px; 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 { float:right; margin-left:80px;}
.investor .station .market .rgt p { width:100%; line-height:55px; font-size:20px; color:#333;}
.investor .station .market .rgt p span { display:inline-block; color:#999; width:65px; font-size:16px; text-align:right; padding-right:30px;}

.investor .softs { width:100%;}
.investor .softs li { padding:20px 25px; border-bottom:1px dotted #bbb; -webkit-transition:all .5s ease; transition:all .5s ease;}
.investor .softs li a { display:block; width:100%;}
.investor .softs li .time { float:left; width:65px; height:65px; line-height:25px; font-size:12px; color:#fff; text-align:center; background:#0079af;}
.investor .softs li .time b { display:block; font-weight:500; font-size:26px; color:#333; height:40px; line-height:40px; background:#f5f5f5; -webkit-transition:all .5s ease; transition:all .5s ease;}
.investor .softs li .msg { float:left; width:1090px; margin:0 25px;}
.investor .softs li .msg h3 { line-height:25px; font-weight:500; font-size:16px; color:#333; padding:5px 0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.investor .softs li .msg p { line-height:22px; font-size:14px; color:#999; padding:4px 0;}
.investor .softs li span { display:block; float:right; width:35px; height:35px; margin-top:15px; border-radius:50%; background:#eeeff1 url(../images/yt22.png) no-repeat 8px 7px;}
.investor .softs li:hover { background:#f3f7fa;}
.investor .softs li:hover .time b { background:#fff;}
.investor .softs li:hover .msg h3 { color:#0079af;}
.investor .softs li:hover span { background-color:#0079af; background-image:url(../images/yt22h.png);}
.investor .incont { width:100%; margin:60px auto;}
.investor .incont .img { float:left; width:715px; height:365px; overflow:hidden;}
.investor .incont .img img { display:block; width:100%;}
.investor .incont .msg { float:right; width:520px;}
.investor .incont .msg li { line-height:30px; font-size:16px; color:#666; padding:26px 20px 26px 50px; border-bottom:1px dashed #bbb; background-position:5px 28px; background-repeat:no-repeat;}
.investor .incont .msg li a { color:#666;}
.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 { width:100%; min-height:500px; background:url(../images/yt07.png) no-repeat center bottom;}
.journal .list { width:100%;}
.journal .list li { float:left; width:298px; text-align:center; margin:0 20px 20px 0; padding:5px; border:1px solid #eee; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.journal .list li:nth-child(4n) { margin-right:0;}
.journal .list li .img { width:298px; height:404px; 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; -webkit-transition:all .5s ease; transition:all .5s ease;}
.journal .list li:hover { border-color:#0079af; box-shadow:0 0 15px rgba(0,121,175,0.15);}
.journal .list li:hover h3 { color:#0079af;}


.inside_con{ padding:10px 0; min-height:300px}


.lxwm{ width:100%; margin-bottom:4%}
.lxwm01{ float:left; display:block; width:48%}
.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{ 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{ float:right; display:block; width:48%}
.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;}



.banner02 {
  font-size: 16px;
  color: #333;
  --f14: 14px;
  --f18: 18px;
  --f20: 20px;
  --f22: 22px;
  --f28: 28px;
  --f32: 32px;
  --h-32: -32px;
  --f40: 40px;
  --f50: 50px;
  --f60: 60px;
  --f65: 65px;
  --f70: 70px;
  --f80: 80px;
  --f110: 110px;
  --f130: 130px;
  --f140: 140px;
  --f160: 150px;
  --h20: 20px;
  --h30: 30px;
  --h40: 40px;
  --h50: 50px;
  --h80: 80px;
  --h100: 100px;
  --h150: 150px;
  --h160: 160px;
  --h200: 200px;
  --h250: 250px;
  --h300: 300px;
  --h350: 350px;
  --h400: 400px;
  --h500: 500px;
  --h-200: -150px;
  --h-300: -300px;
  --ffb: "Futura Md BT Bold";
  --ff: "Futura Md BT";
  --w230: 230px;
  --w400: 400px;
  --w500: 500px;
  --w640: 640px;
  --w670: 670px;
  --w70: 70%;
  --w60: 60%;
  --w45: 45%;
  --w48: 48%;
  --w32: 32%;
  --hm: 0;
  --t60: 60px;
  --t130: 130px;
}

.banner02 {
  position: relative;
  overflow: hidden;
}
.banner02 .info {
  position: absolute;
  bottom: var(--h50);
  left: 0;
  width: 100%;
}
.banner02.pro img {
  width: auto;
}
.banner02 .w {
  color: #fff;
  display: block;
}
.banner02 .w h1 {
  font-size: var(--t60);
  line-height: 2;
}
.banner02 .w h2 {
  font-size: var(--t130);
  text-transform: uppercase;
  display: flex;
  line-height: 1.2;
  justify-content: space-between;
  align-items: center;
}
.banner02 .w h2 .search {
  display: flex;
}
.banner02 .w h2 .search input::-webkit-input-placeholder{ color:#fff;}
.banner02 .w h2 .search input,
.banner02 .w h2 .search button {
  border: none;
  background: transparent;
  color: #ffff;
  font-size: var(--f18);
  line-height: 2;
  border-bottom: 1px solid #ffffff;
}
.banner02 .w h2 .search input {
  width: var(--w500);
}
.banner02 .w h2 .search button {
  cursor: pointer;
}
.banner02 .w h2 .search .fa {
  font-size: var(--f18);
}
.banner02 .w .tab {
  margin-top: var(--h40);
  display: flex;
  flex-wrap: wrap;
}

.banner02 .w .tab .flex{width:33%}

.banner02 .w .tab .flex .a{
display: block;
}

.banner02 .w .tab.n {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.banner02 .w .tab .t {
  /* margin-top: 0; */
}
.banner02 .w .tab .tb {
  color: #acb2c8;
}
.banner02 .w .tab .tb span {
  color: #fff;
}
.banner02 .w .t {
  background: url(../images/t1.png) no-repeat;
  background-size: 200% 100%;
  background-position: 30%;
  border-radius: 30px;
  font-size: var(--f18);
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  /* margin-top: var(--h40); */
}
.banner02 .w .t.t2 {
  background-image: url(../images/t2.png);
  /* margin-top: 0; */
}
.banner02 .w .a {
  display: flex;
  flex-wrap: wrap;
  width: var(--w60);
  padding: var(--h20) 0 var(--h40);
}
.banner02 .w .a a {
  color: #fff;
  display: block;
  margin-right: 20px;
  line-height: 2;
}
.banner02 .w .a a:hover,
.banner02 .w .a a.hover {
  color: #00d2ff;
}

.search .fa-search:before{ background:url(../images/fad.png) center no-repeat;     content: "";    width: 30px;
    height: 30px;
    display: block;}