body { margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1450px;}
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;} 
.content { width:1200px; margin:30px auto;}
.fl { float:left;}
.fr { float:right;}
#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:#000;} 
:-moz-placeholder { color:#000;} 
::-moz-placeholder { color:#000;}
:-ms-input-placeholder { color:#000;} 

@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 14px/1 FontAwesome; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.ico-zx:before { content:"\f086";}
.ico-dz:before { content:"\f047";}
.ico-sg:before { content:"\f06c";}
.ico-ts:before { content:"\f013";}
.ico-jc:before { content:"\f13d";}
.ico-video:before { content:"\f04b";}
.ico-play:before { content:"\f012";}
.ico-thumb:before { content:"\f004";}

/*top     position:fixed;*/
.head { height:150px;}
.header { width:100%; height:150px; margin:0 auto; background:#fff url(../images/wgjx_01.png) no-repeat center top;  top:0; left:0; z-index:999;}
.header .warp { width:1450px; margin:0 auto;}
.header .top { height:40px; line-height:40px; font-size:14px; color:#fff; padding-left:25px;}
.header .logo { float:left; height:110px;}

/*导航*/
.nav { float:right; position:relative;}
.nav li { float:left; height:50px; padding:25px 0 35px 0; text-align:center; position:relative;}
.nav li a { display:block; height:45px; padding:22px 10px 0 10px; font-size:16px; color:#333; line-height:22px; -webkit-transition:all 1.0s ease; transition:all 1.0s ease;}
.nav li a i { display:block; width:100%; height:0px; line-height:22px; font-style:normal; font-size:14px; color:#ffc001; letter-spacing:-0.5px; overflow:hidden; text-transform:Uppercase; -webkit-transition:all 1.0s ease; transition:all 1.0s ease;}
.nav li:hover ul { display:block;}
.nav li ul { display:none; width:120px; background:#fff; overflow:hidden; position:absolute; top:110px; left:-18px;}
.nav li:hover li { float:none; height:45px; padding:0; border-bottom:1px solid #eee;}
.nav li:hover li::after { display:none;}
.nav li:hover li a { height:35px; line-height:45px; color:#333; font-size:14px; padding:0; font-weight:500;}
.nav li:hover li a:hover { color:#0354b0;}
.nav li::after { display:block; content:""; width:2px; height:0px; margin:auto; background:#ffc001; position:absolute; left:0; right:0; top:85px; z-index:99;  -webkit-transition:all 1.0s ease; transition:all 1.0s ease;}
.nav li:hover::after,.nav .on::after { height:40px;}
.nav li:hover a,.nav .on a { color:#0354b0; font-weight:bold; padding-top:0;}
.nav li:hover a i,.nav .on a i { height:22px; font-weight:500;}


.nav li:hover::after,.nav .ons::after { height:40px;}
.nav li:hover a,.nav .ons a { color:#0354b0; font-weight:bold; padding-top:0;}
.nav li:hover a i,.nav .ons a i { height:22px; font-weight:500;}



.prolst { width:100%; background:rgba(255,255,255,0.9); overflow:hidden; position:absolute; left:0; z-index:9; display: none;}
.prolst .container { width:1040px; margin:0 auto;}
.prolst li { float:left; width:150px; text-align:center; margin:0 25px;}
.prolst li a { display:block; width:100%; line-height:28px; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prolst li h3 { padding:40px 0 15px 0;}
.prolst li h3 a { line-height:35px; font-size:18px; color:#0354b0;}
.prolst li a img { display:block; width:210px; height:170px; margin:20px auto 40px auto;}
.prolst li a:hover { color:#0354b0;}

/*电话*/
.header .tel { float:right; height:45px; color:#000; line-height:22px; padding-left:45px; margin:22px 0 0 40px; background:url(../images/wgjx_02.png) no-repeat left 7px;}
.header .tel span { display:block; font-size:14px;}
.header .tel i { display:block; font-size:26px; font-weight:bold;}

/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.banner .hd { display:none;}
.banner .bd { width:100%; position:relative; z-index:0;}
.banner .bd li { width:100%; position:relative;}
.banner .bd li a { display:block; width:100%;}
.banner .bd img { display:block; width:100%;}
.banner .prev,.banner .next { width:51px; height:51px; margin-top:-25.5px; border-radius:6px; filter:alpha(opacity=0); opacity:0; -webkit-transition:all 1.5s ease; transition:all 1.5s ease; background-color:rgba(0,0,0,0.2); background-position:0 0; background-repeat:no-repeat; position:absolute; top:50%;}
.banner .prev { left:12%; background-image:url(../images/wgjx_03.png);}
.banner .next { right:12%; background-image:url(../images/wgjx_04.png);}
.banner:hover .prev,.banner:hover .next { filter:alpha(opacity=100); opacity:1;}
.banner_ej { width:100%; margin:0 auto; line-height:0;}
.banner_ej img { width:100%;}

/*脚部*/
.footer { width:100%; padding-top:45px; line-height:25px; font-size:14px; color:#fff; background:url(../images/wgjx_30.jpg) repeat-y center top;}
.footer a { color:#fff;}
.footer h3 { height:50px; font-size:20px; font-weight:500; line-height:25px; margin-bottom:10px; position:relative;}
.footer h3::after { display:block; content:""; width:30px; height:2px; background:#fff; position:absolute; left:0; bottom:10px;}
.footer .prnav { float:left; max-width:460px; margin-right:50px;}
.footer .prnav li { float:left; margin-right:40px;}
.footer .prnav li a { display:block; width:100%; font-size:12px; line-height:30px; letter-spacing:1px;}
.footer .prnav li h4 { width:100%;}
.footer .prnav li h4 a { font-size:14px;}
.footer .cnact { float:left; width:300px;}
.footer .cnact p { font-size:14px; line-height:30px;}
.footer .ewms { float:right; width:265px;}
.footer .ewms p { float:left; width:112px; font-size:12px; line-height:30px; text-align:center; margin-left:20px; letter-spacing:1px;}
.footer .ewms p img { display:block; width:110px; height:110px;}
.footer .copyrt { text-align:center; line-height:65px; margin-top:15px;}
.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;}

/*底部表单*/
.fotform { height:85px;} 
.fform { width:100%; height:30px; line-height:30px; padding:10px 0 20px; background:#e49f16; position:fixed; left:0; bottom:0; z-index:99999;}
.fform p,.fform input,.fform select,.fform img { display:block; float:left;}
.fform p { font-size:16px; text-align:center; color:#fff; font-weight:bold; line-height:22.5px; margin-right:44px;}
.fform input,.fform select { width:180px; height:45px; line-height:45px; font-size:14px; color:#333; padding:0 10px; margin-left:10px; border:none; border-radius:6px; background:#fff;}
.fform select { appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.fform img { height:45px; border-radius:6px; margin-left:10px;}
.fform .yzm { width:110px;}
.fform .btn { width:130px; font-size:16px; color:#fff; background:#0354b0;}

/*在线客服*/
.onlft { width:60px; height:px; border:1px solid #ddd; background:#fff; position:fixed; left:10px; bottom:25%; z-index:999999;} 
.onlft h3 { width:100%; text-align:center; line-height:35px; font-size:14px; color:#fff; background:#0354b0;}
.onlft li { width:100%; margin:5px auto; padding:5px 0; border-bottom:1px dotted #ccc; position:relative;}
.onlft li img { display:block; width:45px; height:45px; margin:0 auto;}
.onlft li .msg { display:none; width:120px; padding:5px 5px 10px 5px; background:#fff; position:absolute; left:61px; bottom:0px;}
.onlft li .msg img { width:120px; height:120px; margin-bottom:10px;}
.onlft li .msg p { font-size:14px; color:#666; line-height:25px; text-align:center;}
.onlft li:hover .msg { display:block;}
.onlft a { display:block; font-size:12px; color:#e49f16; line-height:30px; text-align:center; margin-bottom:5px;}
.onrgt { width:105px; padding-top:132px; background:#0354b0 url(../images/online/kf01.jpg) no-repeat center top; position:fixed; right:0px; bottom:25%; z-index:999999;}
.onrgt h3 { width:100%; text-align:center; line-height:45px; font-size:14px; color:#fff; background:#0354b0;}
.onrgt li { padding:20px 0; text-align:center; border-top:1px solid #1e75d7; cursor:pointer; position:relative;}
.onrgt li a { display:block; width:100%;}
.onrgt li img { display:block; width:36px; height:37px; margin:0 auto;}
.onrgt li p { font-size:14px; line-height:25px; margin-top:5px; color:#fff;}
.onrgt li b { display:block; width:165px; height:48px; line-height:30px; font-size:20px; color:#fff; text-align:left; padding:30px 15px 30px 25px; overflow:hidden; background:#e49f16; position:absolute; right:-205px; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.onrgt li b i { display:block; font-style:normal; font-size:14px; font-weight:normal; line-height:22px;}
.onrgt li:hover { background:#e49f16;}
.onrgt li.on:hover { background:#0354b0;} 
.onrgt li:hover b { right:0px;}

/**** 首页代码 ****/
/*栏目标题*/
.title { text-align:center;}
.title h3 { font-size:48px; color:#1d1d1d; font-weight:500; line-height:65px;}
.title p { font-size:18px; color:#000; line-height:35px; letter-spacing:1px;}

/*产品质量对比*/
.quality { width:100%; height:660px; background:url(../images/wgjx_05.jpg) no-repeat center top;}
.quality h1 { font-size:48px; color:#fff; line-height:80px; text-align:center; letter-spacing:4px;}
.quality h1 span { color:#ffc001;}
.quality li { font-size:18px; color:#000; line-height:30px; margin-top:30px; padding-left:30px; position:relative;}
.quality li::after { display:block; content:""; width:10px; height:10px; border-radius:50%; overflow:hidden; position:absolute; top:12px; left:0;}
.quality li b { font-size:20px;}
.quality .lft { float:left; width:430px; padding-top:100px;}
.quality .lft li::after { background:#0354b0;}
.quality .rgt { float:right; width:360px; padding-top:280px;}
.quality .rgt li { margin-top:15px;}
.quality .rgt li::after { background:#333;}

/*产品中心*/
.products { width:1200px; padding:40px 0; margin:0 auto;}
.products .title h3 { color:#0354b0;}
.products .hd { width:100%; margin:15px auto 50px auto; position:relative; z-index:2;}
.products .hd li { float:left; width:215px; height:50px; line-height:50px; font-size:22px; color:#333; font-weight:500; text-align:center; margin-right:28px; border:1px solid #cecece; border-radius:6px; overflow:hidden; background:#eee; cursor:pointer; -webkit-transition:all .5s ease; transition:all .5s ease;}
.products .hd .on { color:#fff; background:url(../images/wgjx_06.jpg) no-repeat 0 0;}
.products .hd a { display:block; width:64px; height:64px; background-color:rgba(255,255,255,0.85); background-position:center center; background-repeat:no-repeat; position:absolute; top:240px; -webkit-transition:all .5s ease; transition:all .5s ease; box-shadow:0 3px 5px rgba(0,0,0,0.2);}
.products .hd .next { left:-30px; background-image:url(../images/wgjx_07.png);}
.products .hd .prev { right:-30px; background-image:url(../images/wgjx_08.png);}
.products .hd a:hover { background-color:rgba(255,255,255,1);}
.products .bd { width:100%;}
.products .bd .plist .inBox { float:left; width:270px;}
.products .bd .plist .inBox .pbd { width:270px; height:270px; overflow:hidden;}
.products .bd .plist .inBox .pbd .img { width:100%;}
.products .bd .plist .inBox .pbd .img a,.products .bd .plist .inBox .pbd .img img { display:block; width:270px; height:270px;}
.products .bd .plist .inBox .phd { width:100%; margin-top:10px;}
.products .bd .plist .inBox .phd li { float:left; width:76px; height:76px; margin-right:15px; border:2px solid #999;}
.products .bd .plist .inBox .phd li img { display:block; width:76px; height:76px;}
.products .bd .plist .inBox .phd .on { border-color:#0354b0;}
.products .plist .msg { float:left; width:470px; margin:0 60px 0 40px;}
.products .plist .msg a { display:block; width:100%;}
.products .plist .msg h3 { font-size:24px; font-weight:500; line-height:35px;}
.products .plist .msg h3 a { color:#333; margin-bottom:20px;}
.products .plist .msg p { font-size:12px; color:#666;}
.products .plist .msg p i { font-style:normal; font-size:24px; margin:0 5px; color:#0354b0;}
.products .plist .msg .spec { width:100%; margin:55px auto;}
.products .plist .msg .spec p { float:left; width:40%; font-size:16px; color:#3c3c3c; line-height:30px;}
.products .plist .msg .btn { float:left; width:140px; height:40px; line-height:40px; font-size:16px; color:#333; letter-spacing:2px; text-align:center; margin-left:20px; border:1px solid #0354b0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.products .plist .msg .colblu { color:#fff; margin-left:0; background:#0354b0;}
.products .plist .msg .btn:hover { color:#fff; background:#0354b0;}
.products .plist .img { float:right; width:360px; height:360px; overflow:hidden; position:relative;}
.products .plist .img::after { display:block; content:""; width:100%; height:0%; background:rgba(3,81,176,0.9); position:absolute; left:0; right:0; bottom:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.products .plist .img img { display:block; width:360px; height:360px;}
.products .plist .img .meg { width:90%; line-height:30px; padding:13px 5%; margin:auto; background:rgba(3,81,176,0.9); position:absolute; left:0; right:0; bottom:0; z-index:3; -webkit-transition:all .5s ease; transition:all .5s ease;}
.products .plist .img .meg h3 { width:100%; font-size:18px; color:#fff; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.products .plist .img .meg p { font-size:12px; color:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.products .plist .img .meg p i { font-style:normal; font-size:20px; margin:0 5px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.products .plist .img a { display:block; width:50%; height:50px; line-height:50px; text-align:center; font-size:16px; color:#0354b0; margin:auto; border-radius:25px; overflow:hidden; background:#fff; filter:alpha(opacity=0); opacity:0; position:absolute; bottom:120px; left:0; right:0; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
/*生产线*/
.proline { width:100%; height:535px; padding:50px 0; background:url(../images/wgjx_09.jpg) no-repeat center top;}
.proline .lft { float:left; width:670px; letter-spacing:2px;}
.proline .lft h1 { font-size:48px; color:#fff; line-height:60px; font-weight:500; margin:25px auto;}
.proline .lft p { font-size:16px; color:#fff; line-height:30px;}
.proline .lft a { float:left; width:145px; padding:20px 0; font-size:28px; color:#ffc001; line-height:35px; text-align:center; margin:60px 20px 0 0; border:1px solid #ffc001; border-radius:4px;-webkit-transition:all .5s ease; transition:all .5s ease;}
.proline .lft a:hover { color:#000; border-color:#fff; background:#fff;}
.proline .rgt { float:right; width:445px;}
.proline .rgt .bd { width:100%; overflow:hidden;}
.proline .rgt .bd li { float:left; width:100%; text-align:center;}
.proline .rgt .bd li a,.proline .rgt .bd li img { display:block; width:445px;}
.proline .rgt .bd li img { height:360px;}
.proline .rgt .bd li p { font-size:16px; color:#fff; line-height:40px;}
.proline .rgt .hd { width:100%; text-align:center; margin-top:15px;}
.proline .rgt .hd li { display:inline-block; width:10px; height:10px; margin:0 3px; border-radius:50%; background:#fff;}
.proline .rgt .hd .on { background:#ffc001;}
.proline .anniu { width:100%; margin-top:50px;}
.proline .anniu li { float:left; width:245px; height:50px; line-height:50px; border-radius:4px; background-color:#fff; background-repeat:no-repeat; overflow:hidden;}
.proline .anniu li a { display:block; width:100%; font-size:20px; color:#0354b0; letter-spacing:2px;}
.proline .anniu li input::-webkit-input-placeholder { color:#0354b0;}
.proline .anniu li input::-moz-placeholder { color:#0354b0;}
.proline .anniu li input:-ms-input-placeholder { color:#0354b0;}

.proline .anniu li input { float:left; height:50px; line-height:50px; font-size:20px; color:#0354b0; border:none; background:none;}
.proline .anniu li .flt { width:220px; letter-spacing:2px;}
.proline .anniu .bj,.proline .anniu .zx { margin-right:20px; text-indent:3em; background-position:180px center;}
.proline .anniu .bj { background-image:url(../images/wgjx_10.png);}
.proline .anniu .zx { background-image:url(../images/wgjx_11.png);}
.proline .anniu .yy,.proline .anniu .wx { width:295px; padding-left:15px; margin-left:25px; overflow:hidden;}
.proline .anniu li i,.proline .anniu li .btn { float:right; width:70px; font-size:16px; font-style:normal; line-height:22px; text-align:center; padding:2px 0 4px 0;}
.proline .anniu .yy i,.proline .anniu .yy .btn { color:#fff; background:#2aa568;}
.proline .anniu .wx i,.proline .anniu .wx .btn { color:#666; background:#ffc001;}

/*3大优势*/
.advges { width:100%; padding:50px 0; background:#fafafa url(../images/wgjx_12.jpg) no-repeat center bottom;}
.advges .title h3 { width:310px; margin:0 auto; height:75px; background:url(../images/wgjx_13.png) no-repeat left center;}
.advges .title h3 i { display:block; float:left; width:55px; height:75px;}
.advges .title p { color:#666;}
.advges .msg { margin:0 auto; position:relative;}
.advges .msg li { padding-top:100px; height:285px; background-repeat:no-repeat;}
.advges .msg li img { display:block; float:left; width:90px; height:80px;}
.advges .msg li .nr { float:left; width:px; margin-left:25px;}
.advges .msg li .nr h3 { font-size:28px; color:#333; line-height:65px;}
.advges .msg li .nr i { display:block; width:85px; height:2px; margin-bottom:15px; background:#4580c4;}
.advges .msg li .nr p { font-size:18px; color:#333; line-height:30px;}
.advges .msg .ad { padding-left:595px;}
.advges .msg .vg1 { background-image:url(../images/wgjx_14_01.png); background-position:right center;}
.advges .msg .vg2 { padding-top:150px; height:235px; margin-top:-145px; background-image:url(../images/wgjx_14_02.png); background-position:left center;}
.advges .msg .vg3 { padding-top:160px; height:225px; margin-top:-120px; background-image:url(../images/wgjx_14_03.png); background-position:right center;}

/*广告条*/
.banads { width:100%; height:153px; background:url(../images/wgjx_18.jpg) no-repeat center top;}
.banads .warp { width:950px;}
.banads .msg { float:left; font-size:24px; color:#fff; line-height:40px;}
.banads .msg h3 { font-size:24px; font-weight:500; color:#348ddf; text-transform:Uppercase; padding-top:10px;}
.banads .msg p span { color:#ffc001;}
.banads .msg i { display:block; font-size:20px; font-style:normal;}
.banads .rgt { float:right; width:185px; color:#fff; text-align:center; margin-top:20px;}
.banads .rgt p { font-size:14px; line-height:25px;}
.banads .rgt h3 { font-size:24px; line-height:30px;}
.banads .rgt a { display:block; width:135px; height:35px; line-height:35px; margin:20px auto 15px auto; color:#0c4a87; font-size:16px; border-radius:20px; background:#fff;}

/*解决方案*/
.solution { width:100%; position:relative;}
.solution .bd { width:100%;}
.solution .bd li { float:left; width:100%; height:755px; background-position:center top; background-repeat:no-repeat;}
.solution .bd li .msg { width:860px; height:265px; text-align:center; padding:50px 90px; margin:120px auto 70px auto; background:rgba(255,255,255,0.75); position:relative;}
.solution .bd li .msg::after { display:block; content:""; width:1060px; height:385px; margin:auto; border:3px solid #fff; filter:alpha(opacity=75); opacity:0.75;  position:absolute; top:-12px; left:-12px; z-index:0;}
.solution .bd li .msg h3 { font-size:44px; color:#000; line-height:85px; font-weight:500;}
.solution .bd li .msg p { font-size:16px; color:#000; line-height:35px; margin:30px auto;}
.solution .bd li .msg a { display:block; width:185px; height:40px; line-height:40px; color:#222; font-size:16px; margin:0 auto; background:#ffc001; position:relative; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.solution .bd li .msg a:hover { color:#fff; background:#0354b0;}
.solution .hd { width:1020px; margin:0 auto; position:absolute; left:0; right:0; bottom:60px;}
.solution .hd li { float:left; width:285px; height:80px; padding:20px; margin:0 7.5px; background:#fff; cursor:pointer;}
.solution .hd li img { float:left; width:110px; height:80px;}
.solution .hd li .mg { float:right; width:160px; line-height:25px; padding-top:5px;}
.solution .hd li .mg i { display:block; width:60px; height:1px; background:#0354b0;}
.solution .hd li .mg h3 { font-size:18px; color:#333; font-weight:500; margin-top:20px;}
.solution .hd li .mg p { font-size:12px; color:#999; text-transform:Uppercase;}
.solution .hd .on { background:#0354b0;}
.solution .hd .on .mg i { background:#fff;} 
.solution .hd .on .mg h3,.solution .hd .on .mg p { color:#fff;}
.solution .next,.solution .prev { display:block; width:67px; height:67px; border-radius:50%; background-color:rgba(0,0,0,0.5); background-position:center center; background-repeat:no-repeat; position:absolute; top:43%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.solution .next { background-image:url(../images/wgjx_19.png); left:12%;}
.solution .prev { background-image:url(../images/wgjx_20.png); right:12%;}
.solution .next:hover,.solution .prev:hover { background-color:rgba(0,0,0,0.8);}

/*专业流程*/
.process { width:100%; height:408px; background:url(../images/wgjx_21.jpg) no-repeat center top;}
.process .lft { float:left; width:50%;}
.process .lft h3 { font-size:30px; line-height:40px; color:#292929; text-align:right; padding:40px 60px 20px 0;}
.process .lft li { float:left; width:195px; text-align:center; margin-bottom:35px; position:relative;}
.process .lft li i { font-size:60px; color:#fbe293; font-style:normal; font-weight:bold; line-height:60px;}
.process .lft li p { width:100%; font-size:16px; color:#282828; font-weight:bold; line-height:25px; background:#fcc707; position:absolute; top:35px; z-index:2;}
.process .lft li p span { display:block; font-size:14px; color:#3c3c3c; font-weight:500;}
.process .lft a { float:left; width:200px; height:40px; line-height:36px; font-size:26px; color:#fff; font-weight:bold; text-align:center; margin:30px 0 0 25px; border:3px solid #e84a01; border-radius:10px; box-shadow:0 0 5px #fdfd90; background:url(../images/wgjx_31.jpg) repeat-x 0 0;}
.process .lft .tel { float:right; font-size:16px; color:#2e2e2e; margin-top:20px; padding:0 60px; background:url(../images/wgjx_22.png) no-repeat left center;}
.process .lft .tel i { display:block; font-size:26px; font-weight:bold; letter-spacing:-1px;}
.process .rgt { float:right; width:43%; padding:60px 0;}
.process .rgt .hd { height:45px; line-height:45px; border:1px solid #a4a4a4; border-left:none;}
.process .rgt .hd li { float:left; width:49.5%; text-align:center; font-size:16px; color:#fff; cursor:pointer; border-left:1px solid #a4a4a4;}
.process .rgt .hd .on { background:#313131;}
.process .rgt .bd {}
.process .rgt .bd li { height:43px; line-height:43px;}
.process .rgt .bd li label { float:left; width:100px; font-size:16px; color:#fff; text-align:center; border-left:1px solid #a4a4a4; border-bottom:1px solid #a4a4a4;}
.process .rgt .bd li input { display:block; float:left; width:80.235%; height:43px; line-height:43px; font-size:16px; color:#fff; border:1px solid #a4a4a4; border-top:none; border-left:none; background:none;}
.process .rgt .bd .yzm {}
.process .rgt .bd .yzm input { width:50%;}
.process .rgt .bd .yzm img { float:left; height:38px; margin:5px 0 0 5px;}
.process .rgt .bd .btn { margin-top:40px;}
.process .rgt .bd .btn input { width:100%; border:none; background:#ffc001;}

/*服务支持*/
.support { width:100%; padding:60px 0; background:url(../images/wgjx_23.jpg) no-repeat center top;}
.support .lft { float:left; width:285px; height:300px; padding:80px 0 70px 0; color:#fff; letter-spacing:2px; text-align:center; background:#0354b0; position:relative;}
.support .lft::after { display:block; content:""; width:263px; height:428px; border:1px solid #0f62c0; -webkit-transition:all .5s ease; transition:all .5s ease; position:absolute; left:10px; top:10px; z-index:0;}
.support .lft h3 { font-size:26px; line-height:40px; margin-bottom:25px; position:relative; z-index:1;}
.support .lft p { font-size:16px; margin-bottom:140px; position:relative; z-index:1;}
.support .lft a { display:block; width:160px; height:45px; margin:0 auto; background:#ffc001 url(../images/wgjx_32.png) no-repeat center center; position:relative; z-index:1;}
.support .lft:hover::after { background:rgba(0,0,0,0.1);}
.support .rgt { float:right; width:915px;}
.support .rgt li { float:left; width:305px; height:450px; overflow:hidden; position:relative;}
.support .rgt li a { display:block; width:100%;}
.support .rgt li .msg { width:85%; padding:51.5px 7.5%; margin:0 auto; text-align:center; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.support .rgt li .msg h3 { font-size:30px; color:#333; line-height:40px; letter-spacing:2px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.support .rgt li .msg i { display:block; width:50px; height:2px; margin:10px auto 20px auto; background:#635e5a; -webkit-transition:all .5s ease; transition:all .5s ease;}
.support .rgt li .msg p { font-size:15px; color:#666; line-height:25px; height:50px; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.support .rgt li .img { width:305px; height:225px; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.support .rgt li .img img { display:block; width:100%;}
.support .rgt li:hover .msg { padding:33px 7.5% 25px 7.5%; background:#ffc30f;}
.support .rgt li:hover .msg i { background:#fff;}
.support .rgt li:hover .msg p { height:155px; color:#000;}
.support .rgt li:hover .img { height:165px;}
.support .rgt .zhong .msg { position:absolute; left:0; bottom:0;}
.support .rgt .zhong .img { position:absolute; left:0; top:0;}

/*关于我们*/
.about { width:100%; padding-top:60px; background:url(../images/wgjx_24.jpg) no-repeat center top;}
.about .lft { float:left; width:495px; color:#fff; padding-top:40px;}
.about .lft h3 { font-size:36px; line-height:45px;}
.about .lft h4 { font-size:18px; font-weight:500; line-height:55px; margin-bottom:30px;}
.about .lft p { font-size:14px; color:#c8e2ff; line-height:30px; text-align:justify; letter-spacing:1px;}
.about .lft p a { color:#fff;}
.about .lft li { float:left; width:33.33333%; text-align:center; margin-top:50px;}
.about .lft li p { font-size:14px; color:#fff; text-align:center; font-weight:bold;}
.about .lft li p b { font-size:32px; margin-right:5px;}
.about .lft li span { display:block; font-size:14px; letter-spacing:1px;}
.about .rgt { float:right; width:580px; height:420px; padding:35px; background:#fff;}
.about .rgt h3 { font-size:26px; color:#1d1d1d; line-height:40px;}
.about .rgt p { font-size:18px; color:#666; line-height:45px; margin-bottom:30px;}
.about .rgt img { display:block; width:580px; height:310px;}
.about .lst { width:100%; margin-top:33px;}
.about .lst li { float:left; width:210px; height:66px; padding:12px 8px 12px 12px; margin-right:10px; border:1px solid #0354b0; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease; cursor:pointer;}
.about .lst li .img { float:left; width:66px; height:66px; border-radius:50%; background:#e9f3ff;}
.about .lst li .img img { display:block; width:48px; height:48px; margin:9px auto;}
.about .lst li .msg { float:right; width:130px; line-height:25px; margin-top:10px;}
.about .lst li .msg p { font-size:20px; color:#333;}
.about .lst li .msg span { display:block; font-size:12px; color:#999; text-transform:Uppercase; letter-spacing:-0.5px;}
.about .lst li:hover { border-color:#ffc001; background:#ffc001;}
.about .lst li:hover .msg p,.about .lst li:hover  .msg span { color:#000;}

/*新闻中心*/
.news { width:100%; padding:50px 0 60px 0;}
.news .title p { font-size:16px; color:#666;}
.news .hd { width:264px; height:37px; margin:30px auto;}
.news .hd li { float:left; width:115px; height:35px; line-height:35px; font-size:16px; color:#333; text-align:center; margin:0 7.5px; border:1px solid #ddd; border-radius:4px; overflow:hidden; cursor:pointer;}
.news .hd .on { color:#fff; border-color:#0354b0; background:#0354b0;}
.news .bd { width:100%; margin-top:50px; overflow:hidden;}
.news .bd .nelst { width:100%; height:370px; overflow:hidden;}
.news .bd .nelst .img { float:left; width:500px; height:330px; margin:20px 0 0 25px; border-radius:25px; background:#0354b0; box-shadow:10px 10px 10px rgba(0,82,175,0.15); position:relative;}
.news .bd .nelst .img img { display:block; width:500px; height:330px; border-radius:25px; overflow:hidden; box-shadow:5px 5px 5px rgba(0,0,0,0.1); position:absolute; left:-25px; top:-20px;}
.news .bd .nelst .rgt { float:right; width:610px;}
.news .bd .nelst .rgt li { height:75px; padding:25px 0; border-bottom:1px solid #eee; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .bd .nelst .rgt li a { display:block; width:100%;}
.news .bd .nelst .rgt li .time { float:left; width:75px; height:75px; font-size:30px; color:#fff; line-height:45px; text-align:center; background:#0354b0;}
.news .bd .nelst .rgt li .time p { font-size:14px; color:#666; line-height:30px; border:1px solid #eee; border-top:none; background:#f9f9f9;}
.news .bd .nelst .rgt li .msg { float:right; width:84%;}
.news .bd .nelst .rgt li .msg h3 { width:100%; font-size:16px; color:#333; margin-bottom:6px;}
.news .bd .nelst .rgt li .msg p { font-size:14px; color:#313131; line-height:24px;}
.news .bd .nelst .rgt li:hover { padding:25px 20px; background:#eee;}

/******内页样式*****/
/*二级公用*/
.center { width:100%; line-height:60px; border-bottom:1px solid #e5e5e5;}
.center .nv { float:left; max-width:60%;}
.center .nv a { display:block; float:left; font-size:16px; padding:0 30px; border-left:1px solid #e5e5e5; position:relative; -webkit-transition:all .2s ease; transition:all .2s ease;}
.center .nv a.on,.center .nv a:hover { color:#fff; background:#0354b0;}
.center .nv a.on::after,.center .nv a:hover::after { display:block; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:8px 8px 0 8px; border-color:#0354b0 transparent transparent transparent; line-height:0px; _border-color:#0354b0 #000 #000 #000; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000'); position:absolute; left:0; right:0; bottom:-8px;} 
.center .posits { float:right; max-width:40%; font-size:12px; color:#999; padding-left:20px; background:url(../images/ban-ico.png) no-repeat left center;}
.center .posits a { color:#0354b0;}
.cent_sj { width:100%; text-align:center;}
.cent_sj a { display:inline-block; height:45px; line-height:45px; font-size:16px; color:#333; padding:0 30px; margin:30px 5px 0 5px; border:1px solid #e5e5e5; background:#f6f6f6; -webkit-transition:all .5s ease; transition:all .5s ease;}
.cent_sj .on,.cent_sj a:hover { color:#fff; border-color:#0354b0; background:#0354b0;}

.tit { width:100%; height:35px; line-height:35px; margin:30px auto; text-align:center; position:relative;}
.tit::after { display:block; content:""; width:130px; height:5px; margin:auto; background:#e49f16; position:absolute; top:20px; right:0; left:0; z-index:1;}
.tit h3 { font-size:26px; color:#333; position:relative; z-index:2;}
.tit p { width:100%; font-size:36px; color:#eee; text-transform:Uppercase; position:absolute; top:0; z-index:0;}

.time_click { font-size:12px; text-align:center; color:#666; line-height:50px;}
.lh { font-size:14px; line-height:30px; color:#666;}
.lh img { max-width:100%;}
.show_h3 { text-align:center; border-bottom:1px solid #eee; margin:20px auto;}
.show_h3 h3 { line-height:40px; font-size:26px; color:#333; font-weight:500;}
.show_h3 p { color:#999; margin:20px auto;}
.show_sxp { width:100%; margin:0 auto; padding-top:40px;}
.show_sxp p { float:left; width:33.333%; text-align:center; font-size:16px; color:#333; line-height:35px; padding-top:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp p i { display:block; width:40px; height:40px; margin:0 auto 15px auto; border:1px solid #ddd; border-radius:4px; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:relative;}
.show_sxp p i::after { display:block; content:""; width:10px; height:10px; margin:auto; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(90deg); transform:rotate(90deg); position:absolute; top:0; right:0; bottom:0; left:0;}
.show_sxp .lt::after { border-bottom:1px solid #666; border-right:1px solid #666;}
.show_sxp .rt::after { border-top:1px solid #666; border-left:1px solid #666;}
.show_sxp .lb::before { display:block; content:""; width:15px; height:5px; margin:auto; border-top:1px solid #666; border-bottom:1px solid #666; position:absolute; top:18px; left:0; right:0; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(135deg); transform:rotate(135deg);}
.show_sxp p a { color:#333;}
.show_sxp p:hover,.show_sxp p:hover a { color:#0354b0; cursor:pointer;}
.show_sxp p:hover i { box-shadow:2px 3px 5px rgba(0,0,0,0.2);}

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

/*产品综合页*/
.prods { width:100%;}
.prods .proScroll { width:100%; height:325px; padding:130px 0 70px 0; /*background:url(../images/pro_ban.jpg) no-repeat center top;*/}
.prods .proScroll .hd { width:100%; text-align:center; margin-top:15px; position:relative; z-index:1;}
.prods .proScroll .hd li { display:inline-block; width:8px; height:8px; font-size:0; margin:0 3px; border-radius:50%; background:#fff;}
.prods .proScroll .hd a { display:block; width:64px; height:64px; background-position:center center; background-repeat:no-repeat; position:absolute; bottom:150px; z-index:1;}
.prods .proScroll .hd .next { background-image:url(../images/wgjx_07.png); left:-70px;}
.prods .proScroll .hd .prev { background-image:url(../images/wgjx_08.png); right:-70px;}
.prods .proScroll .hd .on { background:#e49f16;}
.prods .proScroll .bd { width:100%; margin:0 auto; overflow:hidden; position:relative; z-index:2;}
.prods .proScroll .bd li { float:left; width:285px; margin-right:20px; border-radius:4px; overflow:hidden; background:#fff;}
.prods .proScroll .bd li a,.prods .proScroll .bd li img { display:block; width:100%;}
.prods .proScroll .bd li img { width:285px; height:285x;}
.prods .proScroll .bd li p { padding:0 15px; text-align:center; font-size:14px; color:#333; line-height:50px; border-top:1px solid #eee; background:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prods .topinf { width:100%; padding:40px 0; background:#0354b0;}
.prods .topinf .tenyers { float:left; width:165px; height:66px; margin-top:15px;}
.prods .topinf .tenyers h3 { float:left; font-size:66px; color:#ffde02; line-height:66px;}
.prods .topinf .tenyers p { float:left; font-size:18px; color:#fff; line-height:33px; margin-left:10px;}
.prods .topinf .msg { float:left; width:560px; height:90px; font-size:14px; color:#91c5ff; line-height:30px; margin:0 100px; overflow:hidden;}
.prods .topinf a { display:block; float:right; width:220px; height:50px; line-height:50px; font-size:18px; color:#fff; text-align:center; margin-top:25px; border-radius:6px; background:#579dec; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prods .topinf a:hover { background:#478cd9;}
.prods .plist { width:100%; padding:30px 0;}
.prods .plist li { float:left; width:270px; margin:30px 40px 0 0; border-radius:8px; overflow:hidden; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease; box-shadow: 0 2px 10px 0 rgba(30,37,79,0.4); -webkit-box-shadow: 0 2px 8px 0 rgba(30,37,79,0.4); -moz-box-shadow: 0 2px 8px 0 rgba(30,37,79,0.4);}
.prods .plist li::after { display:block; content:""; width:100%; height:0%; background:rgba(3,81,176,0.9); position:absolute; left:0; right:0; bottom:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prods .plist li a { display:block; width:100%;}
.prods .plist li .img { width:100%; height:270px; overflow:hidden;}
.prods .plist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prods .plist li .msg { width:84.4%; padding:10px 7.5%; margin:0 auto; border:1px solid #eee; border-radius:0 0 8px 8px; background:#fff; position:relative; z-index:3; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prods .plist li .msg h3 { width:100%; font-size:16px; color:#333; line-height:25px; margin-bottom:5px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prods .plist li .msg h3 a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prods .plist li .msg h3 a:hover { color:#0354b0;}
.prods .plist li .msg p { font-size:12px; color:#999; line-height:22px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prods .plist li .more { width:50%; height:50px; line-height:50px; text-align:center; font-size:16px; color:#0354b0; margin:auto; border-radius:25px; overflow:hidden; background:#fff; filter:alpha(opacity=0); opacity:0; position:absolute; bottom:120px; left:0; right:0; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prods .plist .lmimg { float:left; width:270px; height:430px; margin-top:30px;}
.prods .plist .lmimg a,.prods .plist .lmimg img { display:block; width:100%;}
.prods .plist .rgt { float:right; width:930px; margin-top:30px;}
.prods .plist .rgt .sedlm { width:100%; margin-left:25px;}
.prods .plist .rgt .sedlm a { display:inline-block; width:17.3%; height:40px; line-height:40px; font-size:16px; color:#333; margin-left:15px; text-align:center; border:1px solid #eee; background:#f8f8f8; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prods .plist .rgt .sedlm a:hover { color:#fff; background:#0354b0;} 
.prods .plist .rgt li { margin:20px 0 0 40px;}
.prods .plist li:hover::after { height:100%;}
.prods .plist li:hover .img img { transform:scale(1.1, 1.1);}
.prods .plist li:hover .msg { width:74.5%; border-radius:8px 8px 0 0;}
.prods .plist li:hover .msg h3 { color:#333;}
.prods .plist li:hover .more { filter:alpha(opacity=100); opacity:1; bottom:190px;}
.prods .plist li:hover .more:hover { filter:alpha(opacity=85); opacity:0.85;}
.prods .soltion { width:100%; margin:20px auto 0 auto; height:180px; background:url(../images/p-banner.jpg) no-repeat center top;}
.prods .soltion .img { float:left; margin:20px 0;}
.prods .soltion .img img { display:block; float:left; width:120px; height:120px; padding:10px; border:1px solid #2c68c6; background:rgba(255,255,255,0.2);}
.prods .soltion .img p { float:left; line-height:45px; color:#fff; font-size:26px; text-align:center; letter-spacing:1px; padding:25px;}
.prods .soltion .img p i { font-style:normal; color:#fff600;}
.prods .soltion a { display:block; float:right; height:60px; line-height:60px; font-size:18px; color:#333; text-align:center; margin:60px 0; padding:0 20px; border-radius:6px; background:#ff0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prods .soltion a:hover { background:#ffd200;}

/*产品详情*/
.proshowfl { float:left; width:px; height:px;}
.proshowfl #tsShopContainer { width:600px; padding:20px; background:#c6daf1; position:relative; font-size:12px;}
.proshowfl #tsShopContainer li,.proshowfl #tsShopContainer img { vertical-align:top;}
.proshowfl #tsShopContainer #tsPicContainer { width:100%; height:112px; position:relative;}
.proshowfl #tsShopContainer #tsPicContainer #tsImgSCon { position:absolute; left:-10px; width:1px; overflow:hidden;}
.proshowfl #tsShopContainer #tsPicContainer #tsImgSCon ul { width:100%; overflow:hidden;}
.proshowfl #tsShopContainer #tsPicContainer #tsImgSCon li { float:left; width:122px; height:112px; cursor:pointer;}
.proshowfl #tsShopContainer #tsPicContainer #tsImgSCon li img { display:block; width:100px; height:100px; padding:5px; margin:0 10px; border:1px solid  #fff; background:#fff;}
.proshowfl #tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img { border-color:#0354b0; background:#0354b0;}
.proshowfl #tsShopContainer #tsImgS { width:600px; height:600px; text-align:center; margin-top:10px; position:relative;}
.proshowfl #tsShopContainer #tsImgS a { display:block; text-align:center; margin:0px auto;}
.proshowfl #tsShopContainer #tsImgS img { display:block; width:600px; height:600px; border:0px;}
.proshowfl #videos { position:relative;}
.proshowfl #videos::after { display:block; content:""; width:112px; height:112px; background:rgba(0,0,0,0.5); position:absolute; left:10px; top:0;}
.proshowfl #videos i { display:block; width:60px; height:60px; line-height:60px; font-size:34px; color:#fff; text-indent:20px; border:2px solid #fff; border-radius:50%; margin:auto; position:absolute; top:0; bottom:0; left:35px; z-index:2;}
.proshowfl .video { width:600px; height:600px; margin-top:10px; overflow:hidden; position:relative;}
.proshowfl .video #video { width:600px; height:600px; position:relative;}
.proshowfl .video .pausecenterchrvwrlswypz {}

.proshowfl .video .playthumb { width:100%; height:30px; position:absolute; left:0; top:0; z-index:9;}
.proshowfl .video .playthumb .play,.proshowfl .video .playthumb .thumb { position:absolute;}
.proshowfl .video .playthumb .play { left:10px; top:20px;}
.proshowfl .video .playthumb .thumb { right:10px; top:500px;}
.proshowfl .video .playthumb .play i,.proshowfl .video .playthumb .thumb i { float:left; width:30px; height:30px; line-height:30px; font-size:18px; color:#fff; text-align:center; border-radius:50%; background:#dd2118; position:relative; z-index:2;}
.proshowfl .video .playthumb .thumb i { line-height:35px;}
.proshowfl .video .playthumb .play p,.proshowfl .video .playthumb .thumb p { float:left; height:30px; line-height:30px; font-size:14px; color:#fff; padding:0 10px 0 23px; margin-left:-15px; border-radius:4px; background:rgba(255,255,255,0.3);}

.proshowfr { float:right; width:530px;}
.proshowfr .tops { padding:10px; font-size:16px; color:#fff; line-height:60px; background:#0354b0;}
.proshowfr .tops p,.proshowfr .tops a { float:left; color:#fff;}
.proshowfr .tops p { width:135px; text-align:center; font-size:22px; cursor:pointer; position:relative; background:#0354b0;}
.proshowfr .tops p img { display:none; width:100px; height:100px; padding:5px; border:1px solid #0354b0; background:#fff; position:absolute; left:10px; bottom:80px;}
.proshowfr .tops .tel { width:290px; font-size:18px; color:#333; background:#e49f16;}
.proshowfr .tops a { width:85px; text-align:center; font-size:22px; background:#0354b0;}
.proshowfr .tops p:hover,.proshowfr .tops a:hover { background:#187ced;}
.proshowfr .tops p:hover img { display:block;}
.proshowfr .tops p.tel:hover { background:#e49f16;}
.proshowfr .msg { width:100%; margin:35px auto;}
.proshowfr .msg h1 { font-size:34px; line-height:45px; font-weight:normal; color:#333; margin-bottom:20px;}
.proshowfr .msg p { font-size:16px; color:#333;}
.proshowfr .msg p i { font-style:normal; font-size:26px; margin:0 5px; color:#dd2118;}
.proshowfr .msg .spec { width:100%; margin:25px auto 20px auto; padding:20px 0; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd;}
.proshowfr .msg .spec p { width:100%; font-size:14px; color:#3c3c3c; line-height:30px; margin-bottom:5px;}
.proshowfr .msg .spec p b { color:#0354b0; font-weight:normal;}
.proshowfr .btn { float:left; width:265px; height:60px; line-height:60px; font-size:18px; color:#fff; text-indent:105px; margin-bottom:40px; background:#0354b0 url(../images/wgjx_33.png) no-repeat 50px center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.proshowfr .btn:hover { background-color:#333;}
.proshowfr .showtel { float:right; height:55px; font-size:24px; color:#dd2118; font-weight:bold; padding:5px 0 0 50px; background:url(../images/wgjx_34.png) no-repeat left center;}
.proshowfr .showtel span { display:block; font-size:12px; color:#333; line-height:20px; font-weight:500;}
.proshowfr li { float:left; font-size:14px; color:#333; padding-left:22px; background:url(../images/wgjx_35.png) no-repeat left center;}
.proshowfr .marlr { margin:0 25px;}
.pro_nav { width:100%; height:60px; line-height:60px; margin:30px auto; background:#f6f6f6;}
.pro_nav li { float:left; width:16.6667%; text-align:center; font-size:18px; cursor:pointer;}
.pro_nav li a { display:block; width:100%;}
.pro_nav li::after { display:none; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:8px 8px 0 8px; border-color:#0354b0 transparent transparent transparent; line-height:0px; _border-color:#0354b0 #000 #000 #000; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000'); position:absolute; left:0; right:0; bottom:-8px;}
.pro_nav .on,.pro_nav li:hover { background:#0354b0; position:relative;}
.pro_nav .on a,.pro_nav li:hover a { color:#fff;}
.pro_nav .on::after,.pro_nav li:hover::after { display:block;}
.fixed { margin:0 auto;  top:150px; left:0; z-index:99;}/*position:fixed; */
.showpro { width:810px; padding-right:60px; border-right:1px solid #eee;}
.showpro .ykefu { display:block; width:495px; height:103px; margin:40px auto 80px auto;}
.showpro .ykefu img { display:block; width:495px; height:103px;}
.showpro .propar { width:100%;}
.showpro .propar .hd { width:100%;}
.showpro .propar .hd li { float:left; line-height:40px; font-size:16px; color:#0354b0; padding:0 15px; margin:15px 15px 0 0; border:1px solid #6ba9ef; border-radius:8px; cursor:pointer; -webkit-transition:all .5s ease; transition:all .5s ease;}
.showpro .propar .hd .on { color:#fff; font-weight:bold; border-color:#0354b0; background:#0354b0;}
.showpro .propar .bd { width:100%; padding:30px 0;}
.showpro .procase { width:100%;}
.showpro .procase li { float:left; width:250px; margin:30px 30px 0 0; border-radius:8px; overflow:hidden; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease; box-shadow: 0 2px 10px 0 rgba(30,37,79,0.4); -webkit-box-shadow: 0 2px 8px 0 rgba(30,37,79,0.4); -moz-box-shadow: 0 2px 8px 0 rgba(30,37,79,0.4);}
.showpro .procase li::after { display:block; content:""; width:100%; height:0%; background:rgba(3,81,176,0.9); position:absolute; left:0; right:0; bottom:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.showpro .procase li a { display:block; width:100%;}
.showpro .procase li .img { width:100%; height:250px; overflow:hidden;}
.showpro .procase li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.showpro .procase li .msg { width:84.5%; padding:10px 7.5%; margin:0 auto; border:1px solid #eee; border-radius:0 0 8px 8px; background:#fff; position:relative; z-index:3; -webkit-transition:all .5s ease; transition:all .5s ease;}
.showpro .procase li .msg h3 { width:100%; font-size:16px; color:#333; line-height:25px; margin-bottom:5px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.showpro .procase li .msg h3 a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.showpro .procase li .msg h3 a:hover { color:#0354b0;}
.showpro .procase li .msg p { font-size:12px; color:#999; line-height:22px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.showpro .procase .more { width:50%; height:50px; line-height:50px; text-align:center; font-size:16px; color:#0354b0; margin:auto; border-radius:25px; overflow:hidden; background:#fff; filter:alpha(opacity=0); opacity:0; position:absolute; bottom:120px; left:0; right:0; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.showpro .procase li:hover::after { height:100%;}
.showpro .procase li:hover .img img { transform:scale(1.1, 1.1);}
.showpro .procase li:hover .msg { width:74.5%; border-radius:8px 8px 0 0;}
.showpro .procase li:hover .msg h3 { color:#333;}
.showpro .procase li:hover .more { filter:alpha(opacity=100); opacity:1; bottom:190px;}
.showpro .procase li:hover .more:hover { filter:alpha(opacity=85); opacity:0.85;}
.recoms { width:270px;}
.recoms h3 { width:100%; height:50px; line-height:50px; text-align:center; font-size:20px; font-weight:500; color:#fff; margin-top:20px; background:#0354b0; position:relative;}
.recoms .rolling { overflow:hidden; position:relative;}
.recoms .rolling h3 { margin-top:0;}
.recoms .rolling span,.recoms .rolling p,.recoms .rolling i { float:left; font-style:normal;}
.recoms .rolling span { width:20%;}
.recoms .rolling p { width:55%;}
.recoms .rolling i { width:25%;}
.recoms .rolling .hd { width:100%; line-height:30px; font-size:14px; color:#333; padding-top:10px; font-weight:bold;}
.recoms .rolling .bd { padding:5px 0; overflow:hidden;}
.recoms .rolling .bd li { line-height:35px;}
.recoms h3::before,.recoms h3::after { display:block; content:""; width:40px; height:1px; background:#7fb5f2; position:absolute; top:26px;}
.recoms h3::before { left:35px;}
.recoms h3::after { right:35px;}
.recoms .lts li { width:270px; margin-top:20px; border-radius:8px; overflow:hidden; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease; box-shadow: 0 2px 10px 0 rgba(30,37,79,0.4); -webkit-box-shadow: 0 2px 8px 0 rgba(30,37,79,0.4); -moz-box-shadow: 0 2px 8px 0 rgba(30,37,79,0.4);}
.recoms .lts li::after { display:block; content:""; width:100%; height:0%; background:rgba(3,81,176,0.9); position:absolute; left:0; right:0; bottom:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.recoms .lts li a { display:block; width:100%;}
.recoms .lts li .img { width:100%; height:270px; overflow:hidden;}
.recoms .lts li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.recoms .lts li p { width:84.5%; font-size:16px; color:#333; line-height:25px; text-align:center; padding:10px 7.5%; margin:0 auto; border:1px solid #eee; border-radius:0 0 8px 8px; background:#fff; position:absolute; bottom:0; left:0; right:0; z-index:3; -webkit-transition:all .5s ease; transition:all .5s ease;}
.recoms .lts li p a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.recoms .lts li a:hover { color:#0354b0;}
.recoms .lts li .more { width:50%; height:50px; line-height:50px; text-align:center; font-size:16px; color:#0354b0; margin:auto; border-radius:25px; overflow:hidden; background:#fff; filter:alpha(opacity=0); opacity:0; position:absolute; bottom:120px; left:0; right:0; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.recoms .lts li:hover::after { height:100%;}
.recoms .lts li:hover .img img { transform:scale(1.1, 1.1);}
.recoms .lts li:hover p { width:74.5%; border-radius:8px 8px 0 0;}
.recoms .lts li:hover .more { filter:alpha(opacity=100); opacity:1; bottom:130px;}
.recoms .lts li:hover .more:hover { filter:alpha(opacity=85); opacity:0.85;}
.recoms .wz { padding:10px 15px; border:1px solid #eee; background:#fdfdfd;}
.recoms .wz a { display:block; width:90%; font-size:14px; line-height:40px; padding-right:10%; border-bottom:1px solid #eee; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.recoms .wz a::after { display:block; content:""; width:6px; height:6px; margin:auto; border-top:1px solid #999; border-right:1px solid #999; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:0; right:5px; bottom:0;}
.recoms .wz a:last-child { border-bottom:none;}
.recomred { width:100%; margin:0 auto; padding:50px 0 20px 0;}
.recomred li { float:left; width:380px; margin:30px 27px 0 0; padding-bottom:10px; border:1px solid #eee; border-radius:10px; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.recomred li a { display:block; width:100%;}
.recomred li .img { width:100%; height:251px; overflow:hidden;}
.recomred li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.recomred li h3 { width:90%; font-size:16px; line-height:35px; margin:10px auto 5px auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.recomred li p { width:90%; font-size:14px; color:#666; line-height:25px; margin:0 auto;}
.recomred li:hover { box-shadow:2px 3px 5px rgba(0,0,0,0.2);}
.recomred li:hover .img img { transform:scale(1.1, 1.1);}

/*解决方案*/
.solotion { width:100%;}
.solotion li { width:100%;}
.solotion li h3 { font-size:44px; color:#000; line-height:85px; font-weight:500; text-align:center; margin:55px auto 30px auto;}
.solotion li .img { width:550px; height:285px; border-radius:8px; overflow:hidden;}
.solotion li .img img { display:block; width:550px; height:285px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.solotion li .msg { width:620px; font-size:16px; line-height:30px; text-align:center;}
.solotion li .msg p { margin-bottom:30px; text-align:justify;}
.solotion li .msg a { display:inline-block; height:40px; line-height:40px; font-size:16px; color:#fff; padding:0 30px; margin:0 15px; border-radius:4px; background:#0354b0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.solotion li:hover .img img { transform:scale(1.1, 1.1);}
.solotion li .msg a:hover { background:#e49f16;}

/*服务支持*/
.service { width:100%;}
.service .tis { width:100%; font-size:40px; font-weight:500; color:#333; line-height:60px;}
.service .tis i { font-style:normal; font-size:80px; color:#ddd;}
.service .lm1 { width:100%; height:345px; padding:100px 0; color:#fff; text-align:center; background:url(../images/wgjx_45.jpg) no-repeat center top;}
.service .lm1 .tis { color:#fff;}
.service .lm1 i { display:block; width:50px; height:2px; margin:10px auto 30px auto; background:#878787;}
.service .lm1 p { font-size:16px; line-height:30px;}
.service .lm1 a { display:block; width:115px; height:45px; line-height:45px; margin:30px auto 0 auto; font-size:14px; color:#fff; text-align:center; border-radius:2px; background:#0354b0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.service .lm1 a:hover { background:#1b7ace;}
.service .lm2 { width:100%; height:744px; padding:0; color:#fff; text-align:center;}
.service .lm2 p { font-size:18px; color: #161616; line-height:30px; padding:15px 0; margin:40px auto; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.service .lm2 li { float:left; width:380px; height:307px; padding:100px 0; margin-right:30px; background-position:center center; background-repeat:no-repeat; background-size:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.service .lm2 li h3 { text-align:center; padding:30px 0; font-weight:500; line-height:40px; font-size:30px; border-top:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3);}
.service .lm2 li h3 span { display:block; font-size:20px;}
.service .lm2 .l01 { background-image:url(../images/wgjx_46.jpg);}
.service .lm2 .l02 { background-image:url(../images/wgjx_47.jpg);}
.service .lm2 .l03 { background-image:url(../images/wgjx_48.jpg);}
.service .lm2 li:hover { background-size:110%;}
.service .lm3 { width:100%; height:444px; padding:250px 0; color:#fff; text-align:center; background:url(../images/wgjx_49.jpg) no-repeat center top;}
.service .lm3 p { font-size:18px; color: #161616; line-height:30px; padding:15px 0; margin:40px auto; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.service .lm3 li { float:left; width:220px; height:145px; font-size:18px; line-height:25px; text-align:center; margin:30px 25px 100px 0; border-radius:70px; background:#0354b0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.service .lm3 li i { display:block; font-size:34px; line-height:60px; margin-top:20px;}
.service .lm3 li:hover { border-radius:8px;}
.service .lm3 a { display:inline-block; width:130px; height:45px; line-height:45px; margin:0 100px; font-size:14px; color:#666; text-align:center; border:1px solid #ccc; border-radius:2px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.service .lm3 a:hover { color:#fff; background:#0354b0;}
.service .lm4 { width:100%; height:483px; padding:120px 0; color:#fff; background:url(../images/wgjx_50.jpg) no-repeat center top;}
.service .lm4 .tis { color:#fff;}
.service .lm4 li { float:left; padding:20px 30px; margin:60px 14px 65px 0; border:1px solid rgba(255,255,255,0.37);}
.service .lm4 li h3 { font-size:30px; font-weight:500;}
.service .lm4 li p { color:rgba(255,255,255,0.63); font-size:16px;}
.service .lm4 a { display:inline-block; width:130px; height:45px; line-height:45px; margin-left:320px; font-size:14px; color:#fff; text-align:center; border-radius:2px; background:#0354b0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.service .lm4 a:hover { background:#1b7ace;}
.service .lm5 { width:100%; height:748px; padding:100px 0; color:#fff; text-align:center; background:url(../images/wgjx_51.jpg) no-repeat center top;}
.service .lm5 p { font-size:18px; color: #161616; line-height:30px; padding:15px 0; margin:0 auto; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.service .lm5 .msg { width:80%; margin:30px auto;}
.service .lm5 .msg p { border:none;}
.service .lm5 .msg span { display:block; font-size:16px; color:#666; line-height:25px;}
.service .lm5 li { float:left; width:21%; text-align:center; padding:0 2%; margin-top:80px;}
.service .lm5 li img { display:block; width:80px; height:80px; margin:20px auto;}
.service .lm5 li h3 { font-size:22px; line-height:25px; color:#333; font-weight:500; -webkit-transition:all .5s ease; transition:all .5s ease;}
.service .lm5 li p { font-size:12px; color:#666; line-height:22px; border:none;}
.service .lm5 li:hover h3 { color:#0354b0;}
.service .lm6 { width:100%; height:579px; padding:100px 0; color:#fff; text-align:center; background:url(../images/wgjx_56.jpg) no-repeat center top;}
.service .lm6 .tis { color:#fff;}
.service .lm6 p { font-size:18px; color:#fff; line-height:30px; padding:15px 0; margin:40px auto; border-top:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3);}
.service .lm6 li { float:left; width:21%; text-align:center; padding:0 2%; margin-top:80px;}
.service .lm6 li img { display:block; width:80px; height:80px; margin:20px auto;}
.service .lm6 li h3 { font-size:22px; line-height:25px; color:#fff; font-weight:500; -webkit-transition:all .5s ease; transition:all .5s ease;}
.service .lm6 li p { font-size:12px; color:#bbb; line-height:22px; margin-top:0; border:none;}
.service .lm6 li:hover h3 { color:#0354b0;}
.service .lm7 { width:100%; height:548px; padding:120px 0; color:#fff; text-align:center; background:url(../images/wgjx_61.jpg) no-repeat center top;}
.service .lm7 .tis { padding-bottom:35px; border-bottom:1px solid #eee;}
.service .lm7 li { float:left; width:28.334%; text-align:center; padding:0 2%; margin-top:60px;}
.service .lm7 li img { display:block; width:80px; height:80px; margin:20px auto;}
.service .lm7 li h3 { font-size:22px; line-height:25px; color:#333; font-weight:500; -webkit-transition:all .5s ease; transition:all .5s ease;}
.service .lm7 li p { font-size:14px; color:#666; line-height:25px; margin-top:15px; border:none;}
.service .lm7 li:hover h3 { color:#0354b0;}
.service .lm8 { width:100%; height:503px; padding:120px 0; color:#fff; text-align:center; background:url(../images/wgjx_65.jpg) no-repeat center top;}
.service .lm8 .tis { color:#fff;}
.service .lm8 p { font-size:18px; color:#fff; line-height:30px; padding:15px 0; margin:60px auto 20px auto; border-top:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3);}
.service .lm8 .msg { width:100%;}
.service .lm8 .msg p { font-size:16px; margin-top:0; padding-bottom:20px; border-top:none;}
.service .lm8 .msg h4 { font-size:20px; font-weight:500;}
.service .lm8 .msg h3 { font-size:30px; font-weight:500; line-height:80px;}
.service .lm9 { width:100%; padding:110px 0 90px 0; background:url(../images/wgjx_66.jpg) no-repeat center top;}
.service .lm9 .tis { text-align:center; padding-bottom:35px; border-bottom:1px solid #eee;}
.service .lm9 .lft { float:left; width:585px; padding-top:80px;}
.service .lm9 .lft li { float:left; width:185px; height:185px; margin:10px 10px 0 0; overflow:hidden;}
.service .lm9 .lft li img { display:block; width:185px; height:185px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.service .lm9 .lft li:hover img { transform:scale(1.1, 1.1);}
.service .lm9 .lft a { display:block; width:130px; height:45px; line-height:45px; margin:50px auto; font-size:14px; color:#fff; text-align:center; border-radius:2px; background:#0354b0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.service .lm9 .lft a:hover { background:#1b7ace;}
.service .lm9 .msg { float:right; max-width:560px; padding-top:40px;}
.service .lm9 .msg h3 { font-size:20px; font-weight:500; color:#000; line-height:35px; margin:40px auto 20px auto;}
.service .lm9 .msg p { padding-left:45px; font-size:16px; color:#666; line-height:30px; margin-bottom:10px; position:relative;}
.service .lm9 .msg p::after { display:block; content:""; width:6px; height:6px; border-radius:50%; background:#666; position:absolute; left:30px; top:14px;}

/*用户反馈*/
.feedbook { width:100%; height:900px; margin-top:60px; background:url(../images/wgjx_38.jpg) no-repeat center bottom;}
.feedbook .xj { font-size:16px; line-height:30px; text-align:center; margin-top:10px;}
.feedbook .msg { margin:30px auto; background:#f8f8f8;}
.feedbook .msg h4 { float:left; width:400px; line-height:80px; font-size:36px; color:#fff; text-align:center; background:#f00;}
.feedbook .msg p { float:right; width:740px; font-size:14px; line-height:30px; padding:8px 20px 0 0;}
.feedbook .msg p span { display:inline-block; color:#0354b0; font-size:16px; font-weight:bold; padding:0 5px;}
.feedbook .lft { float:left; width:410px; margin-top:38px;}
.feedbook .lft p { padding:0 15px; font-size:16px; font-weight:bold; color:#181818; line-height:45px; margin-bottom:45px;}
.feedbook .lft p span { float:right; width:200px; color:#fff; margin-top:15px;}
.feedbook .rgt { float:right; width:640px;}
.feedbook .rgt h3 { font-size:26px; color:#fff; line-height:70px; font-weight:500; padding:0 20px; background:#181818;}
.feedbook .rgt h3 span { font-size:16px; margin-left:15px;}
.feedbook .rgt ul { display:block; padding-top:25px; border:1px dashed #181818; border-top:none;}
.feedbook .rgt li { line-height:40px; font-size:18px; color:#666; margin-bottom:20px;}
.feedbook .rgt li label { float:left; width:20%; text-align:right; padding-right:10px;}
.feedbook .rgt li input { float:left; width:67%; padding:0 15px; height:40px; line-height:40px; font-size:18px; color:#666; border:1px solid #181818;}
.feedbook .rgt li textarea { float:left; width:67%; height:60px; line-height:30px; font-family:Microsoft YAHEI; font-size:18px; color:#666; padding:10px 15px; border:1px solid #181818;}
.feedbook .rgt .yzm {}
.feedbook .rgt .yzm input { width:44%;}
.feedbook .rgt .yzm img { float:left; height:42px; margin-left:15px;}
.feedbook .rgt .btn { width:72.5%; height:50px; line-height:50px; font-size:22px; color:#fff; letter-spacing:2px; border-color:#d28c01; border-radius:6px; background:#e49f16;}

/*新闻列表*/
.newlist { width:100%;}
.newlist li { float:left; width:380px; margin:0 27px 30px 0; padding-bottom:10px; border:1px solid #eee; border-bottom-width:3px; border-radius:4px; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li a { display:block; width:100%;}
.newlist li .img { width:100%; height:251px; overflow:hidden;}
.newlist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg { padding:10px 20px 5px 20px;}
.newlist li .msg h3 { width:100%; font-size:16px; line-height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newlist li .msg span { display:block; color:#999; line-height:25px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #eee;}
.newlist li .msg p { height:90px; font-size:14px; color:#666; line-height:30px; margin:0 auto; overflow:hidden;}
.newlist li .msg i { display:block; font-size:14px; color:#333; line-height:30px; font-style:normal; margin-top:10px;}
.newlist li:hover .img img { transform:scale(1.1, 1.1);}
.newlist li:hover .msg i { color:#eb2914;}

/*关于我们*/
.abouts { width:100%;}
.abouts .tts { width:100%; text-align:center;}
.abouts .tts h3 { font-size:38px; color:#333; line-height:55px; font-weight:normal;}
.abouts .tts i { display:block; width:80px; height:3px; margin:10px auto; background:#c2c8d0;}
.abouts .tts p { font-size:16px; color:#666; line-height:25px;}
.abouts .ab1 { width:100%; padding:40px 0 70px 0;}
.abouts .ab1 h3 { height:130px; line-height:130px; font-size:126px; color:#e5eef7; text-transform:Uppercase; text-align:center; position:relative;}
.abouts .ab1 h3 span { display:block; width:100%; font-size:40px; line-height:70px; color:#0354b0; font-weight:normal; position:absolute; bottom:0;}
.abouts .ab1 .msg { font-size:16px; line-height:30px; color:#666; padding-top:20px;}
.abouts .ab1 .msg p { text-indent:2em; margin-top:20px;}
.abouts .ab1 .numb { width:100%; margin:40px auto 60px auto;}
.abouts .ab1 .numb li { float:left; width:25%; text-align:center;}
.abouts .ab1 .numb li h3 { font-size:12px; color:#666;}
.abouts .ab1 .numb li h3 i { font-style:normal; height:100px; line-height:100px; font-size:92px; color:#0354b0;}
.abouts .ab1 .numb li p { font-size:16px; color:#333; letter-spacing:1px;}
.abouts .ab1 .list { width:100%;}
.abouts .ab1 .list li { float:left; width:380px; margin-right:30px; border-radius:4px; box-shadow:0 0 5px rgba(0,0,0,0.2); overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.abouts .ab1 .list li .img { width:380px; height:280px; overflow:hidden;}
.abouts .ab1 .list li .img img { display:block; width:100%; -webkit-transition:all 1.5s ease; transition:all 1.5s ease;}
.abouts .ab1 .list li .meg { padding:0 10px 10px 10px; background:#eef4fb; position:relative;}
.abouts .ab1 .list li .meg b { height:50px; line-height:50px; font-size:48px; color:#c0cae3; font-weight:normal; -webkit-transition:all .5s ease; transition:all .5s ease; position:absolute; top:-25px; left:10px; z-index:2;}
.abouts .ab1 .list li .meg h3 { height:auto; line-height:40px; font-size:18px; color:#222; line-height:25px; text-align:left; padding-top:30px;}
.abouts .ab1 .list li .meg p { font-size:14px; line-height:25px; color:#666;}
.abouts .ab1 .list li:hover { box-shadow:0 2px 10px rgba(0,0,0,0.2);}
.abouts .ab1 .list li:hover .img img { transform:scale(1.1, 1.1);}
.abouts .ab1 .list li:hover .meg b { color:#0354b0;}
.abouts .ab2 { width:100%; padding:55px 0; background:url(../images/wgjxs_70.jpg) no-repeat center top;}
.abouts .ab2 .warp { position:relative;}
.abouts .ab2 .hd { width:570px; height:85px; position:absolute; right:40px; bottom:35px; z-index:2;}
.abouts .ab2 .hd::after { display:block; content:""; width:97%; height:2px; background:#c0cae3; position:absolute; left:20px; top:14px; z-index:1;}
.abouts .ab2 .hd li { float:left; width:25%; text-align:center; font-size:14px; line-height:25px; cursor:pointer; position:relative; z-index:2;}
.abouts .ab2 .hd li i { display:block; width:30px; height:30px; margin:0 auto; border-radius:50%; background:#c0cae3; position:relative;}
.abouts .ab2 .hd li i::after { display:block; content:""; width:10px; height:10px; border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:8px; top:10px;}
.abouts .ab2 .hd li p { font-size:16px; color:#666; margin-top:5px;}
.abouts .ab2 .hd .on i { background:#0354b0;}
.abouts .ab2 .bd { padding:15px; background:#fff; overflow:hidden;}
.abouts .ab2 .bd .msg { width:100%;}
.abouts .ab2 .bd .msg .img { float:left; width:570px; height:415px;}
.abouts .ab2 .bd .msg .img img { display:block; width:100%;}
.abouts .ab2 .bd .msg .rgt { float:right; width:550px; margin:0 25px;}
.abouts .ab2 .bd .msg .rgt h3 { font-size:34px; line-height:50px; color:#333; font-weight:normal;}
.abouts .ab2 .bd .msg .rgt h1 { font-size:60px; color:#c0cae3; line-height:70px; font-weight:normal; margin:10px auto; padding-bottom:10px; border-bottom:1px solid #c0cae3;}
.abouts .ab2 .bd .msg .rgt .wz { height:140px; font-size:16px; color:#999; line-height:30px; overflow:hidden;}
.abouts .ab3 { width:100%; padding:40px 0;}
.abouts .ab3 .hd { width:100%; height:55px; line-height:52px; margin-top:30px; background:#f1f5f8; overflow:hidden;}
.abouts .ab3 .hd li { float:left; width:25%; font-size:16px; color:#333; text-align:center; border-bottom:3px solid #f1f5f8; cursor:pointer; position:relative;}
.abouts .ab3 .hd li::after { display:block; content:""; width:2px; height:10px; margin:auto; background:#c8cacc; position:absolute; right:-2px; top:0; bottom:0;}
.abouts .ab3 .hd .on { border-color:#0354b0;}
.abouts .ab3 .bd { width:100%; position:relative;}
.abouts .ab3 .bd img { display:block; width:100%; height:465px;}
.abouts .ab3 .bd .wz { width:280px; max-height:340px; padding:15px 15px 5px 15px; font-size:16px; color:#333; line-height:25px; text-align:justify; border-bottom:5px solid #a4b8e6; background:#fff; overflow:hidden; position:absolute; left:60px; top:60px; z-index:2;}
.abouts .ab3 .bd .wz p { margin-bottom:10px;}
.abouts .ab4 { width:100%; position:relative;}
.abouts .ab4 .hd { width:1200px; height:45px; margin:auto; position:absolute; left:0; right:0; bottom:28%;}
.abouts .ab4 .hd a { display:block; width:25px; height:40px; border:2px solid #bbb; position:absolute; -webkit-transition:all .5s ease; transition:all .5s ease;}
.abouts .ab4 .hd a::after { display:block; content:""; width:10px; height:10px; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:15px;}
.abouts .ab4 .hd .next { left:0px;}
.abouts .ab4 .hd .next::after { border-bottom:1px solid #666; border-left:1px solid #666; left:10px;}
.abouts .ab4 .hd .prev { right:0px;}
.abouts .ab4 .hd .prev::after { border-top:1px solid #666; border-right:1px solid #666; right:10px;}
.abouts .ab4 .hd a:hover { border-color:#0354b0; background:#0354b0;}
.abouts .ab4 .hd a:hover::after { border-color:#fff;}
.abouts .ab4 .bd { width:1115px; margin:20px auto;}
.abouts .ab4 .bd li { float:left; width:260px; height:260px; margin-right:25px; background:#f1f5f8; overflow:hidden;}
.abouts .ab4 .bd li img { display:block; width:260px; height:260px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.abouts .ab4 .bd li:hover img { transform:scale(0.95, 0.95);}

/*联系我们*/
.n_contact { width:100%;}
.n_contact .title p { line-height:30px; color:#666; margin-top:10px;}
.n_contact .help { width:100%; margin-bottom:50px;}
.n_contact .help li { float:left; width:200px; text-align:center; padding:0px 10px 15px 10px; margin:90px 22px 0 0; border:1px solid #ddd;}
.n_contact .help li img { display:block; width:100px; height:100px; margin:-50px auto 15px auto;}
.n_contact .help li h3 { line-height:35px; font-size:20px; color:#333; margin-bottom:10px;}
.n_contact .help li p { font-size:14px; color:#666; line-height:25px;}
.n_contact .contct { height:300px; padding-top:130px; margin-bottom:20px; font-size:16px; color:#666; line-height:30px; background:url(../images/wg_xs.png) no-repeat right center;}
.n_contact .contct h3 { font-size:26px; line-height:45px; margin-bottom:30px; color:#333;}
.n_contact .un_box { margin-top:50px; border-right:1px solid #ccc; overflow:hidden;}

/*搜索页面*/
.searchs { width:495px; margin:0 auto;}
.searchs input,.searchs a { display:block; float:left; height:40px; line-height:40px; border:1px solid #0354b0;}
.searchs input { width:360px; padding:0 15px; font-size:14px; color:#333; border-radius:20px 0 0 20px;}
.searchs a {cursor: pointer; width:100px; font-size:14px; color:#fff; text-align:center; font-weight:bold; border-radius:0 20px 20px 0; background:#0354b0;}
.serp { line-height:60px; text-align:center; font-size:16px; margin-top:40px;}