body { min-width:1200px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; font-size:12px; color:#333; margin:0 auto; padding:0; background:#f4f4f4;}
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 { width:1200px; 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;} 

@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; 
}
.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;}
.more { display:block; width:120px; height:40px; line-height:40px; font-size:12px; color:#fff; padding-left:15px; background:#0563c1 url(../images/zr_01.png) no-repeat 105px center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.more:hover { color:#fff; background-position:115px center;}

/*top*/
.header { width:100%; min-width:1200px; height:100px; margin:auto; position:fixed; top:0; left:0; right:0; z-index:99999999; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .mins { width:78%; min-width:1200px; height:100px; margin:0 auto;}
.header .mins .logo { float:left; height:90px; padding:5px 0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .mins .logo img { display:block; float:left; height:100%;}
.whtbg .mins .logo .lo1,.header:hover .logo .lo1,.header .mins .logo .lo2 { display:none;}
.whtbg .mins .logo .lo2,.header:hover .logo .lo2 { display:block;}

/*导航*/
.header .nav { float:right; max-width:80%;}
.header .nav li { float:left; height:100px; line-height:100px; text-align:center; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li a { display:block; font-size:16px; color:#fff; padding:0 15px; position:relative; z-index:2;-webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li:hover a,.header .nav li.on a { color:#fff;}
.header .nav li:hover ul { display:block;}
.header .nav li ul { display:none; width:150px; padding:0 15px; overflow:hidden; position:absolute; top:100px; left:-13px; -webkit-transition:all .5s ease; transition:all .5s ease; box-shadow:0 2px 10px rgba(0,0,0,0.1); background:rgba(255,255,255,0.9);}
.header .nav li li { float:none; height:45px; line-height:45px; text-align:left; border-top:1px solid #f4f4f4; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li:nth-child(3) ul { width:180px;}
.header .nav li li a { font-size:14px; color:#333; padding-right:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.header .nav li li:hover a { color:#0563c1;}

/*语言、搜索*/
.header .nav .laug.on::after,.header .nav .search.on::after { display:none;}
.header .nav .laug { margin:0 20px 0 40px;}
.header .nav .laug a { float:left; font-size:16px; padding:0; text-transform:Uppercase; filter:alpha(opacity=50); opacity:0.5;}
.header .nav .laug span { float:left; font-size:16px; color:#fff; padding:0 5px; filter:alpha(opacity=50); opacity:0.5;}
.header .nav .laug .on { font-size:18px; filter:alpha(opacity=100); opacity:1;}
.header .nav .search { float:right; width:40px; overflow:hidden;}
.header .nav .search i { display:block; width:100%; height:100px; line-height:100px; background:url(../images/zr_02.png) no-repeat center center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav .search form { display:block; width:260px; height:50px; overflow:hidden; filter:alpha(opacity=0); opacity:0; box-shadow:0 2px 4px rgba(0,0,0,0.2); position:absolute; right:0; top:100px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav .search input { float:left; width:160px; line-height:50px; font-size:14px; color:#333; padding:0 10px; border:none; background:#fff;}
.header .nav .search .btn { width:80px; color:#fff; background:#de0505;}
.header .nav .search.on { overflow:inherit;}
.header .nav .search.on form { filter:alpha(opacity=100); opacity:1;}

.header:hover,.whtbg { background:#fff;}
.whtbg { box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.header:hover .nav li a,.whtbg .nav li a { color:#333;}
.header:hover .nav li:hover a,.whtbg .nav li:hover a,.whtbg .nav li.on a { color:#0563c1;}
.header:hover .nav li:hover li a,.whtbg .nav li:hover li a { color:#666;}
.header:hover .nav li:hover li:hover a,.whtbg .nav li:hover li:hover a { color:#0563c1;}
.header:hover .nav .laug span,.whtbg .nav .laug span { color:#333;}
.header:hover .nav .search i,.whtbg .nav .search i { background-image:url(../images/zr_02h.png);}

/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.banner .swiper-slide { position:relative;}
.banner .msg { width:100%; height:325px; color:#fff; margin:auto; position:absolute; left:0; top:0; bottom:0; z-index:2;}
.banner .msg h1 { line-height:60px; font-size:45px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.banner .msg p { line-height:40px; font-size:18px; margin-top:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.banner .msg a { margin-top:90px;}
.banner img { display:block; width:100%;}
.banner .swiper-pagination-bullets { bottom:40px;}
.banner .swiper-pagination-bullet { width:10px; height:10px; margin:0 5px !important; border-radius:50%; opacity:1; background:#fff; -webkit-transition:0.4s; transition:0.4s;}
.banner .swiper-pagination-bullet-active { border:2px solid #fff; background:none;}
.banner .swiper-button-next,.banner .swiper-button-prev { width:30px; height:45px; margin-top:-50px; background:none; filter:alpha(opacity=10); opacity:0.1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.banner .swiper-button-next { right:1%;}
.banner .swiper-button-prev { left:1%;}
.banner .swiper-button-next::after,.banner .swiper-button-prev::after { display:block; content:""; width:25px; height:25px; margin:auto; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:0; right:0; bottom:0; left:0;}
.banner .swiper-button-next::after { border-top:1px solid #fff; border-right:1px solid #fff;}
.banner .swiper-button-prev::after { border-bottom:1px solid #fff; border-left:1px solid #fff;}
.banner:hover .swiper-button-next,.banner:hover .swiper-button-prev { filter:alpha(opacity=90); opacity:0.9;}

.banner .swiper-slide-active .msg h1,.banner .swiper-slide-active .msg p,.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);}
}

/*二级banner*/
.banner_ej { width:100%; height:180px; margin:0 auto; padding-top:180px; background:url(../images/erbanner.jpg) no-repeat center top; position:relative;}
.banner_ej h1 { float:left; line-height:60px; font-weight:500; font-size:50px; color:#fff;}
.banner_ej p { float:right; line-height:30px; font-size:14px; color:#fff; margin-top:30px; padding-left:15px; position:relative;}
.banner_ej p::after { display:block; content:""; width:6px; height:6px; border-radius:50%; background:#fff; position:absolute; left:0; top:14px;}
.banner_ej p a { color:#fff;}

/*脚部*/
.footer { width:100%; line-height:25px; font-size:12px; color:#666; padding-top:20px; background:#fff;}
.footer .logo { float:left; width:75px; height:70px; overflow:hidden;}
.footer .logo img { display:block; width:100%;}
.footer .cotact { float:left; width:200px; margin-left:45px; padding-left:45px; border-left:1px solid #fafafa;}
.footer .cotact p { margin-bottom:10px;}
.footer .cotact p b,.footer .cotact p i { display:block;}
.footer .cotact p b { font-size:20px; color:#0563c1;}
.footer .cotact p i { line-height:20px; font-style:normal; cursor:pointer; position:relative; top:0px;}
.footer .cotact p i span { display:inline-block; font-family:'FontAwesome'; width:20px; height:16px; font-size:16px; margin-left:6px;}
.footer .cotact p i span img { display:none; width:110px; height:110px; padding:5px; border:1px solid #ddd; background:#fff; position:absolute; right:0; bottom:25px;}
.footer .cotact p i:hover span img { display:block;}
.footer .nva { float:left; width:590px; padding-left:0;}
.footer .nva li { float:left; width:145px; margin-left:25px; padding-left:25px; border-left:1px solid #fafafa;}
.footer .nva li h3 { font-weight:500; font-size:16px; color:#333; margin-bottom:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer .nva li a { display:block; font-size:12px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.footer .nva li a:hover { color:#0563c1;}
.footer .img { float:right; width:240px; text-align:center;}
.footer .img div{float: left;text-align: center;padding-left: 10px;width: 100px;}
.footer .img img { display:block; width:95px; height:95px; margin-bottom:5px; border:1px solid #eee; background:#fafafa;}
.footer .img p { color:#999;}
.footer .copy { width:100%; line-height:30px; font-size:14px; color:#666; text-align:center; margin-top:15px; padding:15px 0; background:#f6f6f6;}
.footer .copy a { color:#666;}
.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:5px; bottom:10%; z-index:999999; -webkit-transition:all .5s ease; transition:all .5s ease;}
.webonline li { width:100%; margin-bottom:5px; text-align:center; position:relative;}
.webonline li:first-child { border-top:none;}
.webonline li .ontop { width:100%; cursor:pointer;}
.webonline li .ontop i { display:block; width:45px; height:45px; line-height:45px; font-family:FontAwesome; font-style:normal; font-size:22px; color:#fff; text-align:center; margin:0 auto; border-radius:50%; background:#0563c1;}
.webonline li .ontop .bktop { background:#0563c1 url(../images/top.png) no-repeat center center;}
.webonline li .onlft { display:none; padding:5px; margin:auto; border-radius:4px; background:#0563c1; position:absolute; right:55px; bottom:0;}
.webonline li .onlft::after { display:block; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:6px 0 6px 6px; border-color:transparent transparent transparent #0563c1; line-height:0px; _border-color:#000 #000 #000 #0563c1; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position:absolute; right:-6px; bottom:16px;}
.webonline li .onlft p { width:150px; height:35px; line-height:35px; font-size:16px; color:#fff; text-align:center;}
.webonline li .onlft img { display:block; width:120px; border:3px solid #fff;}
.webonline li:hover .onlft { display:block;}

/**栏目标题**/
.tits { width:100%; text-align:center; padding:40px 0;}
.tits h3 { line-height:45px; font-weight:500; font-size:30px; color:#000;}
.tits i { display:block; width:40px; height:2px; margin:10px auto; background:#0563c1;}
.tits p { line-height:30px; font-size:12px; color:#666;}
.swiper-pagination-bullet { width:12px; height:12px;}
.swiper-pagination-bullet-active { background:#0563c1;}
.swiper-button-next,.swiper-button-prev { width:50px; height:80px; background-size:16px 8px; background-position:center; background-repeat:no-repeat;}

/**新浦金350vip**/
.pros { width:100%; padding-bottom:30px; background:#fff;}
.pros .prolist { width:100%; padding-bottom:40px; overflow:hidden;}
.pros .prolist .img { float:left; width:740px; height:530px; overflow:hidden;}
.pros .prolist .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .prolist .msg { float:right; width:375px; padding-right:50px; margin-top:120px;}
.pros .prolist .msg h3 { line-height:35px; font-size:22px; color:#333;}
.pros .prolist .msg h3 i { font-style:normal; color:#eb0f20; margin-left:6px;}
.pros .prolist .msg b { display:block; font-weight:500; line-height:25px; font-size:14px; color:#0563c1; margin:40px 0 15px 0;}
.pros .prolist .msg p { line-height:30px; font-size:14px; color:#666;}
.pros .prolist .msg a { margin-top:40px;}
.pros .prolist .img:hover img { transform:scale(0.95,0.95);}
.pros .swiper-button-prev,.pros .swiper-button-next { background-color:#0563c1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .swiper-button-prev { background-image:url(../images/zr_03.png);}
.pros .swiper-button-next { background-image:url(../images/zr_04.png);}
.pros .swiper-button-prev:hover { left:0;}
.pros .swiper-button-next:hover { right:0;}

/*行业解决方案*/
.solution { width:100%; position:relative;}
.solution .tits { padding-bottom:20px; position:absolute; top:0; z-index:9;}
.solution .tits h3 { color:#fff;}
.solution .tits i { background:#fff;}
.solution .tits p { color:rgba(255,255,255,0.7);}
.solution .solist { width:100%;}
.solution .swiper-slide { width:100%; height:440px; padding-top:190px; background-position:center top; background-repeat:no-repeat;}
.solution .msg { float:left; width:400px; padding-left:90px; margin-top:65px;}
.solution .msg h3 { line-height:35px; font-size:18px; color:#fff; letter-spacing:2px;}
.solution .msg p { line-height:30px; color:rgba(255,255,255,0.8); margin:30px 0 60px 0;}
.solution .msg a { color:#333; background:#fff url(../images/zr_08.png) no-repeat 95px center; filter:alpha(opacity=80); opacity:0.8;}
.solution .msg a:hover { background-position:115px center; filter:alpha(opacity=100); opacity:1;}
.solution .img { float:right; width:475px; height:345px; margin:15px 130px 0 0; position:relative;}
.solution .img::before,.solution .img::after { display:block; content:""; margin:auto; box-shadow:0 0 15px rgba(0,0,0,0.2); background:rgba(255,255,255,0.5); position:absolute; top:0; bottom:0;}
.solution .img::before { width:555px; height:190px; left:-40px; z-index:1;}
.solution .img::after { width:515px; height:285px; left:-20px; z-index:2;}
.solution .img img { display:block; width:100%; box-shadow:0 0 15px rgba(0,0,0,0.2); position:relative; z-index:3;}
.solution .swiper-button-prev,.solution .swiper-button-next { filter:alpha(opacity=50); opacity:0.5; background-color:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.solution .swiper-button-prev { background-image:url(../images/zr_06.png);}
.solution .swiper-button-prev:hover { left:20px;}
.solution .swiper-button-next { background-image:url(../images/zr_07.png);}
.solution .swiper-button-next:hover { right:20px;}
.solution .swiper-button-prev:hover,.solution .swiper-button-next:hover { filter:alpha(opacity=100); opacity:1;}
.solution .swiper-pagination-bullet { background:#fff;}
.solution .swiper-pagination-bullet-active { background:#fff;}
.solution .swiper-container-cube .swiper-cube-shadow { display:none;}
.solution .swiper-container-3d .swiper-slide-shadow-left,.solution .swiper-container-3d .swiper-slide-shadow-right { display:none;}

/*关于新浦金350vip*/
.about { width:100%; padding-bottom:35px; background:#fff;}
.about .lft { float:left; width:730px; height:330px; margin-top:45px; padding:55px; box-sizing:border-box; background:url(../images/zr_09.jpg) no-repeat 0 0;}
.about .lft h3 { line-height:40px; font-size:20px; color:#0563c1; letter-spacing:1px;}
.about .lft i { display:block; width:40px; height:2px; margin:10px 0 35px 0; background:#0563c1;}
.about .lft p { line-height:30px; font-size:14px; color:#666; letter-spacing:1px;}
.about .lft p a { color:#0563c1;}
.about .img { float:right; width:450px; height:435px; overflow:hidden;}
.about .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .img:hover img { transform:scale(1.1,1.1);}
.about .clasfl { height:135px; padding:15px 0 0 557px; margin-top:-15px; background:url(../images/zr_10.png) no-repeat left top; position:relative;}
.about .clasfl::after { display:block; content:"About"; line-height:135px; font-weight:bold; font-size:75px; color:#000; filter:alpha(opacity=5); opacity:0.05; position:absolute; left:80px; top:0;}
.about .clasfl li { float:left; width:160px; height:70px; text-align:center; padding:25px 0; border-left:1px solid #eee; background:#fbfbfb; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .clasfl li:first-child { border-left:none;}
.about .clasfl li a { display:block; width:100%;}
.about .clasfl li i { display:block; width:40px; height:40px; margin:0 auto; background-position:center; background-repeat:no-repeat;}
.about .clasfl li p { line-height:30px; font-size:14px; color:#333;}
.about .clasfl li:hover { background:#0563c1;}
.about .clasfl li:hover p { color:#fff;}
.about .clasfl li .cl01 { background-image:url(../images/zr_11.png);}
.about .clasfl li:hover .cl01 { background-image:url(../images/zr_11h.png);}
.about .clasfl li .cl02 { background-image:url(../images/zr_12.png);}
.about .clasfl li:hover .cl02 { background-image:url(../images/zr_12h.png);}
.about .clasfl li .cl03 { background-image:url(../images/zr_13.png);}
.about .clasfl li:hover .cl03 { background-image:url(../images/zr_13h.png);}
.about .clasfl li .cl04 { background-image:url(../images/zr_14.png);}
.about .clasfl li:hover .cl04 { background-image:url(../images/zr_14h.png);}
.about .clasfl li .cl05 { background-image:url(../images/zr_15.png);}
.about .clasfl li:hover .cl05 { background-image:url(../images/zr_15h.png);}

/*新闻中心*/
.news { width:100%; height:720px; background:url(../images/zr_16.jpg) no-repeat center top;}
.news .tits { float:left; max-width:50%; text-align:left;}
.news .tits h3 { color:#fff;}
.news .tits i { margin:10px 0; background:#fff;}
.news .tabs { float:right; margin-top:60px; background:#fff;}
.news .tabs li { float:left; height:40px; line-height:40px; font-size:14px; color:#333; text-align:center; padding:0 25px; border-left:1px solid #f3f3f3; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .tabs .on{ background:#0563c1;}
.news .tabs li:first-child { border-left:none;}
.news .tabs .on a{color: #fff;}
.news .tabs li a:hover{background:#0563c1; color: white;}
.news .newnr { width:100%; overflow:hidden;}
.news .newnr .topm { height:270px; padding:30px; background:rgba(255,255,255,0.85); -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .newnr .topm a { display:block; width:100%;}
.news .newnr .topm .img { float:left; width:450px; height:270px; overflow:hidden;}
.news .newnr .topm .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .newnr .topm .msg { float:right; width:650px; margin-top:30px;}
.news .newnr .topm .msg h3 { line-height:45px; font-size:18px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news .newnr .topm .msg span { display:block; font-size:14px; color:#999; margin-bottom:15px;}
.news .newnr .topm .msg p { line-height:30px; font-size:14px; color:#666;}
.news .newnr .topm .msg i { font-style:normal; color:#333; margin-top:30px; border:1px solid #999; background-color:inherit; background:url(../images/zr_08.png) no-repeat 95px center;}
.news .newnr .topm:hover { background:#fff;}
.news .newnr .topm:hover .img img { transform:scale(1.1,1.1);}
.news .newnr .topm:hover .msg h3 { color:#0563c1;}
.news .newnr .topm:hover .msg i { color:#0563c1; border-color:#0563c1; background-image:url(../images/zr_17.png); background-position:95px center;}
.news .newnr li { float:left; width:320px; height:125px; margin:20px 15px 0 0; padding:25px 35px; background:rgba(255,255,255,0.85); -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .newnr li a { display:block; width:100%;}
.news .newnr li .time { float:left; width:50px; height:120px; line-height:20px; font-size:12px; color:#666; text-align:right; margin-top:3px; background:url(../images/zr_18.png) no-repeat center bottom;}
.news .newnr li .time b { display:block; font-size:16px; color:#333;}
.news .newnr li .msg { float:right; width:250px;}
.news .newnr li .msg h3 { line-height:25px; font-weight:500; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .newnr li .msg p { line-height:25px; font-size:12px; color:#999; margin:10px 0 20px 0; overflow:hidden;}
.news .newnr li .msg span { display:block; height:25px; line-height:25px; background:url(../images/zr_08.png) no-repeat 80px center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .newnr li:hover { background:#fff;}
.news .newnr li:hover .msg h3 { color:#0563c1;}
.news .newnr li:hover .msg span { color:#0563c1; background-image:url(../images/zr_17.png); background-position:95px center;}

/*************** 子页公用 *******************/
.fl { float:left;}
.fr { float:right;}
.content { width:1100px; margin:0 auto 30px auto; padding:30px 50px; overflow:hidden; background:#fff;}
.catnav { width:1200px; height:80px; line-height:80px; text-align:center; margin:-80px auto 0 auto; border-bottom:1px solid #f4f4f4; background:#fff; position:relative; z-index:2;}
.catnav li { display:inline-block; position:relative;}
.catnav li::after { display:block; content:""; width:0%; height:2px; margin:auto; background-color:#0563c1; -webkit-transition:all .5s ease; transition:all .5s ease; position:absolute; left:0; right:0; bottom:15px;}
.catnav li a { display:block; font-weight:bold; font-size:16px; color:#666; padding:0 20px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.catnav li:hover::after,.catnav .on::after { width:15%;}
.catnav li:hover a,.catnav .on a { color:#0563c1;}

/*详情页公用*/
.lh { font-size:14px; line-height:30px; color:#666; text-align:justify;}
.lh img { max-width:100%; height:auto !important;}
.show_h3 { width:100%; line-height:40px; text-align:center; margin-bottom:30px; border-bottom:1px solid #eee;}
.show_h3 h3 { font-size:24px; color:#333; font-weight:500;}
.show_h3 p { font-size:12px; color:#999;}
.show_sxp { font-size:14px; line-height:25px; color:#999; margin-top:30px; padding-top:20px; border-top:1px solid #eee;}
.show_sxp p { width:45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp p span { display:inline-block; margin-right:10px;}
.show_sxp a { color:#999;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { color:#0563c1;}
.serchms { font-size:20px; line-height:60px; color:#333; text-align:center;}

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

/*产品列表*/
.prolst { width:100%;}
.prolst li { width:100%; margin-bottom:20px; overflow:hidden; background:#f4f4f4;}
.prolst li .img { float:left; width:600px; height:430px; overflow:hidden;}
.prolst li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolst li .msg { float:right; width:420px; margin:60px 25px 0 0;}
.prolst li .msg h3 { line-height:35px; font-size:22px; color:#333;}
.prolst li .msg h3 i { font-style:normal; color:#eb0f20; margin-left:6px;}
.prolst li .msg b { display:block; font-weight:500; line-height:25px; font-size:14px; color:#0563c1; margin:40px 0 15px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prolst li .msg p { line-height:30px; font-size:14px; color:#666;}
.prolst li .msg a { margin-top:40px;}
.prolst li:hover .img img { transform:scale(0.95,0.95);}

/*产品详情*/
.proshow .img { float:left; width:600px; height:430px; overflow:hidden;}
.proshow .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.proshow .img:hover img { transform:scale(0.95,0.95);}
.proshow .msg { float:right; width:420px; margin-top:85px;}
.proshow .msg h3 { line-height:35px; font-size:22px; color:#333;}
.proshow .msg h3 i { font-style:normal; color:#eb0f20; margin-left:6px;}
.proshow .msg span { display:block; line-height:30px; font-size:12px; color:#999;}
.proshow .msg b { display:block; font-weight:500; line-height:25px; font-size:14px; color:#0563c1; margin:40px 0 15px 0;}
.proshow .msg p { line-height:30px; font-size:14px; color:#666;}
.proshow .msg a { margin-top:40px;}
.proshow h5 { height:50px; line-height:50px; font-size:18px; color:#0070c0; padding:0 20px; background:#f9f9f9;}
.proshow .lh { padding:20px 20px 0 20px;}
.redmsg { line-height:30px; font-size:14px; color:#333;}

/*图片列表*/
.piclist { width:100%;}
.piclist li { float:left; width:230px; height:300px; margin:0 12px 12px 0; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li a { display:block; width:230px; height:300px; position:relative;}
.piclist li a::after { display:block; content:""; width:230px; height:300px; margin:auto; background:rgba(31,111,175,0.9); position:absolute; top:0px; right:0; bottom:0; left:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease; filter:alpha(opacity=0); opacity:0;}
.piclist li h3 { width:90%; height:65px; line-height:30px; font-weight:500; font-size:18px; color:#fff; text-align:center; margin:auto; padding-top:35px; background:url(../images/jndz_02.png) no-repeat center top; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; top:115px; right:0; left:0; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease; filter:alpha(opacity=0); opacity:0;}
.piclist li img { display:block; width:230px; height:300px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li:hover { box-shadow:0 0 15px rgba(31,111,175,0.3);}
.piclist li:hover a::after { width:230px; height:300px; filter:alpha(opacity=100); opacity:1;}
.piclist li:hover h3 { filter:alpha(opacity=100); opacity:1;}
.piclist li:hover img { transform:scale(1.1,1.1);}
.piclist li:last-child { margin-right:0;}

/*新闻列表*/
.newlist { width:100%; min-height:500px;}
.newlist li { padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #eee;}
.newlist li a { display:block; width:100%;}
.newlist li .img { float:left; width:350px; height:210px; 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:720px;}
.newlist li .msg h3 { line-height:35px; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.newlist li .msg span { display:block; font-size:12px; color:#999; margin-bottom:15px;}
.newlist li .msg p { line-height:30px; font-size:14px; color:#666;}
.newlist li .msg i { font-style:normal; color:#333; margin-top:30px; border:1px solid #999; background-color:inherit; background:url(../images/zr_08.png) no-repeat 85px center;}
.newlist li:hover .img img { transform:scale(1.1,1.1);}
.newlist li:hover .msg h3 { color:#0563c1;}
.newlist li:hover .msg i { color:#0563c1; border-color:#0563c1; background:url(../images/zr_17.png) no-repeat 105px center;}

/*招聘*/
.n_job { width:100%; margin:10px auto;}
.n_job table { width:100%; background:#fff;}
.n_job th { height:50px; line-height:50px; color:#fff; font-size:14px; text-align:center; background:#0563c1;}
.n_job .titl td:last-child { border-right:1px solid #eee;}
.n_job .titl td { padding:15px 10px; font-size:14px; color:#666; text-align:center; border-left:1px solid #eee; border-bottom:1px solid #eee; background:#fafafa;}
.n_job .titl .afold { display:block; height:23px;  background:url(../images/icon_bnt__slide_close.png) center no-repeat;}
.n_job .titl.on .afold { background:url(../images/icon_bnt_slide_open.png) center no-repeat;}
.n_job .cont { padding:0 30px; line-height:25px; font-size:14px; color:#666; border:1px solid #eee; border-top:none; background:#fff;}
.n_job .show_box { display:none;}
.n_job .article { padding:30px 0;}
.n_job .article .jobms { margin-bottom:25px; line-height:25px;}
.n_job .article .jobms h3 { display:block; font-size:14px; color:#333; margin-bottom:10px;}
.n_job .un { line-height:30px; font-size:16px; color:#333; margin-top:30px;}
.n_job .un a { font-weight:bold; font-size:18px; color:#ec9026;}
.n_job .msg { line-height:35px; font-size:16px; color:#333; margin-bottom:25px;}
.n_job .msg h1 { line-height:40px; font-size:26px; margin-bottom:15px;}
.n_job .msg a { font-weight:bold; color:#0563c1; margin:0 10px;}

/*在线留言*/
.guessbook { width:100%;}
.guessbook h1 { line-height:60px; font-weight:500; font-size:35px; color:#333; text-align:center; margin-bottom:30px;}
.guessbook li { float:left; width:46%; line-height:50px; margin:0 2% 15px 2%; padding:0 15px; border:1px solid #ddd; border-radius:4px; box-sizing:border-box; background:#fafafa;}
.guessbook li label { float:left; width:70px; height:50px; font-size:14px; text-align:center; padding-right:10px; border-right:1px solid #ddd; overflow:hidden;}
.guessbook li input { float:right; width:80%; height:50px; line-height:50px; font-size:14px; color:#333; outline:none; border:none; background:none;}
.guessbook .tag,.guessbook .msg { width:96%; position:relative;}
.guessbook .tag::after { display:block; content:""; width:0; height:0; border-style:solid; border-width:5px 5px 0 5px; border-color:#999 transparent transparent transparent; line-height:0px; _border-color:#999 #000 #000 #000; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000'); position:absolute; right:15px; top:23px;}
.guessbook .tag select { float:right; width:90%; height:50px; line-height:50px; font-size:14px; color:#333; outline:none; border:none; background:none; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.guessbook .msg textarea { width:100%; line-height:30px; font-family:Microsoft YAHEI; font-size:14px; color:#333; padding:10px 10px; outline:none; border:none; box-sizing:border-box; background:none;}
.guessbook .btn { display:block; width:25%; height:50px; line-height:50px; font-weight:bold; font-size:16px; color:#fff; text-align:center; margin:0 auto; border:1px solid #0563c1; border-radius:4px; background:#0563c1;}

/*解决方案页面推荐*/
.recomds { width:100%; margin-top:30px; border-top:1px solid #eee;}
.recomds .tits { padding:25px 0;}
.recomds li { float:left; width:350px; margin:0 8px;}
.recomds li a,.recomds li img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.recomds li .img { width:350px; height:251px; overflow:hidden; background-image:linear-gradient(45deg,#ccc,#fafafa);}
.recomds li h3 { line-height:35px; font-size:18px; color:#333; margin:5px auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.recomds li h3 i { font-style:normal; color:#eb0f20; margin-left:6px;}
.recomds li p { line-height:25px; font-size:14px; color:#999;}
.recomds li .img:hover img { transform:scale(0.95,0.95);}