﻿@charset "utf-8";
/*基本*/
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin:0px;}
input,button,ul,ol{margin:0px;padding:0px;}
body,input,button,form,textarea{font-size:14px;line-height:28px;font-family:"microsoft yahei","Arial Black";color:#333;}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:normal;}
ul,ol{list-style:none;}
img{border:0px;display:block;margin:0;padding:0;}
em,i,strong{font-style:normal;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
body{background:#fff;overflow-x:hidden;overflow-y:auto;}
*{padding:0px;margin:0px}
div{margin:0;padding:0;border:0;}
p{margin:0;}
b,strong{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;/* Remove most spacing between table cells.*/
}
li{list-style:none outside none;}
/*链接*/
a{text-decoration:none;color:#333;background:transparent;outline:none}
a:focus{outline:none;}
a:hover,a:active{color:#1048a0;text-decoration:none;}
a:visited{text-decoration:none;}
/*表单*/
form{margin:0;}
button,input,select,textarea{font-size:100%;/* Correct font size not being inherited in all browsers. */
margin:0;/* Address margins set differently in IE 6/7,Firefox 3+,Safari 5,and Chrome */
vertical-align:baseline;/* Improve appearance and consistency in all browsers */
*vertical-align:middle;/* Improve appearance and consistency in all browsers */
}
button,select{text-transform:none;}
input{line-height:normal;border:none;}
/*其它*/
blockquote{margin:1em 40px;}
dfn{font-style:italic;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
code,kbd,pre,samp{font-size:1em;}
pre{margin:1em 0;white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;/* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/
}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
dd{margin:0;}
audio:not([controls]){display:none;height:0;}
/*==========@@HTML默认 结束@@==========*/
/*==========@@通用 开始@@==========*/
/*常用颜色*/
.red{color:#F00 !important;}
/*清除浮动*/
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;line-height:0;}
.clearfix{*zoom:1;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
/*其它*/
.hidden{display:none;}
.pfont{font-family:'PingFangSC-Light','microsoft yahei',Arial,Helvetica,sans-serif,"Hiragino Sans GB";}
/*必须输入，主要*/
.required{color:red;font-weight:bold;}
.form_text_verifycode{width:80px;}
.form_radio{width:auto;border:0;}
.form_checkbox{width:auto;border:0}
/*网站公用样式表*/
.w1200{width:1200px;margin:0 auto;}
.por{position:relative;}
.poa{position:absolute;}
.icon{background:url(../images/icon.png) no-repeat;display:inline-block;vertical-align:middle;}
#header_main,#top_main,#banner_main,#floor_1_main,#links_main,#footer_main{width:100%;margin:0;}
.trans{-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;}
/*top*/
#header_main{background:#fff;height:100px;position:relative;}
#top #logo{width:140px;margin-right:116px;}
#top #logo a{padding-top:0;display:block;}
#top #logo img{height:100px;display:block;}
/*导航*/
#header_main #nav{width:100%;position:relative;height:50px;}
#nav ul{margin:0 auto;width:102%;}
#nav li:first-child{width:200px;}
#nav li{float:left;width:200px;display:block;list-style:none;font-size:15px;text-align:center;line-height:50px;position:relative;margin:0;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;font-weight:bold;}
#nav li a{display:block;text-align:center;position:relative;color:#333;height:50px;}
#nav li:hover a,#nav li.hover a{color:#458dcc;}
#nav li:hover,#nav li.hover{}
/*导航栏下拉*/
#nav .subnav{position:absolute;left:0px;filter:progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);z-index:199;opacity:0;visibility:hidden;height:auto;overflow:hidden;width:100%;transition:all .6s ease 0s;transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);}
#nav li:hover .subnav{opacity:1;visibility:visible;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
#nav .subnav{position:absolute;left:-5px;top:50px;width:100%;z-index:10;border-left:5px solid rgba(255,255,255,0.1);border-right:5px solid rgba(255,255,255,0.1);border-bottom:5px solid rgba(255,255,255,0.1);}
#nav .subnavbg{position:static;background:#32363e;background:rgba(255,255,255,0.6)!important;filter:Alpha(opacity=60);*zoom:1;}
#nav .subnav a{display:block;height:40px;line-height:40px;text-align:center;color:#333 !important;font-size:12px;overflow:hidden;position:relative;}
#nav .subnav a:hover{display:block;color:#fff !important;background:#0185d0!important;}
#header_main .topsearch{width:60px;transition:all 300ms ease 0s;position:relative;height:82px;}
#header_main .search_btn{width:16px;background-position:0 0;cursor:pointer;height:16px;}
#header_main .search_box{background:#ededed;height:82px;overflow:hidden;position:absolute;right:60px;top:0;transition:all 300ms ease 0s;width:0;z-index:10;}
#header_main .search_box input{border:0 none;}
#header_main .search_box .stxt{display:block;height:82px;line-height:82px;text-indent:10px;width:150px;background:none;}
#header_main .search_box .sbtn{background-position:-100px 0;cursor:pointer;display:block;height:82px;width:60px;}
#header_main .topsearch.addy .search_box{width:210px;}
#header_main .topsearch.addy .search_btn{background-position:-46px 0;}
.top_rig{width:150px;padding-top:16px;position:relative;}
.top_rig .bshare{width:70px;}
.top_rig .bshare a{display:inline-block;width:20px;height:16px;margin-left:6px;padding:0;}
.top_rig .bshare .bdsharebuttonbox a{width:20px;height:16px;margin-left:6px;display:inline-block;background:url(../images/icon.png) no-repeat 0 0;padding:0;-webkit-transition:all .0s ease-in-out 0s;-moz-transition:all .0s ease-in-out 0s;transition:all .0s ease-in-out 0s;}
.top_rig .bshare .bdsharebuttonbox a.bds_weixin{background-position:-45px 0 !important;}
.top_rig .bshare .bdsharebuttonbox a.bds_weixin:hover{background-position:-69px 0 !important;}
.top_rig .bshare .bdsharebuttonbox a.bds_sqq{background-position:-96px 0 !important;}
.top_rig .bshare .bdsharebuttonbox a.bds_sqq:hover{background-position:-118px 0 !important;}
#top .searchbox{width:34px;height:38px;text-align:center;cursor:pointer;padding-top:6px;padding-right:30px;}
#top .searchbox s{background-position:0 0;width:18px;height:16px;margin:0 auto;transition:all 0.3s ease-in-out 0s;display:block;}
#top .infoSer{position:absolute;right:74px;top:56px;padding:20px 0 0 20px;background:url(../images/top_down.png) no-repeat center center;text-align:center;width:272px;z-index:999;height:45px;display:none;}
#top .infoSer .ser{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:-moz-use-text-color -moz-use-text-color #d4d4d4;border-image:none;border-style:none none solid;border-width:medium medium 1px;display:block;float:left;height:30px;line-height:30px;margin:0;padding:0;width:220px;outline:none;}
#top .infoSer .btn{background-position:10px 0;border:medium none;cursor:pointer;display:block;float:left;height:16px;margin:0;padding:0;width:30px;z-index:999;margin-top:15px;outline:none;}
/*侧边导航*/
/* banner */
#banner_main{overflow:hidden;position:relative;z-index:2;}
#banner_main .banner{height:650px;}
#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0;}
#banner,.banner ul{max-height:650px;overflow:hidden;}
.banner li{width:100%;position:absolute;z-index:1;overflow:hidden;}
.banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0;}
#banner .tip{width:1000px;height:20px;line-height:0;font-size:0;text-align:center;position:absolute;left:50%;margin-left:-500px;bottom:50px;z-index:3;}
#banner .tip span{height:10px;margin:0 2px;width:10px;display:inline-block;font-size:0;cursor:pointer;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;border:2px solid #1048a0;}
#banner .tip span.cur{background-color:#1048a0;}
#banner #btn_prev,#banner #btn_next{width:28px;height:56px;position:absolute;top:40%;z-index:5;}
#banner #btn_prev{background-position:0 -138px;left:5%;}
#banner #btn_next{background-position:-34px -138px;right:5%;}
/*banner end*/
.index{position:relative;z-index:3;}
.index .title{text-align:center;width:100%;background:url(../images/title_line.png) no-repeat center bottom;padding-bottom:30px;}
.index .title h3{font-size:24px;font-weight:normal;display:block;line-height:30px;color:#000;text-align:center;}
.index .title h4{color:#999;font-size:18px;text-transform:uppercase;font-family:'PingFangSC-Light',Arial,Helvetica,sans-serif,"Hiragino Sans GB";font-weight:normal;line-height:40px;}
.index .floor_1_main{background:#f5f5f5;}
.index .floor_1{padding-top:74px;padding-bottom:74px;position:relative;}
.index .part1{position:absolute;left:0;top:-100px;width:1200px;height:250px;overflow:hidden;}
.index .part1 .item{width:400px;float:left;height:250px;background:#1048a0;}
.index .part1 .item a{display:block;position:relative;padding:40px;color:#fff;}
.index .part1 .item h3{font-size:18px;line-height:24px;}
.index .part1 .item h4{color:#fff;display:block;border-bottom:1px solid #fff;padding-bottom:16px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.index .part1 .item .shuzi{line-height:20px;color:#fff;float:left;width:122px;}
.index .part1 .item .shuzi b{text-transform:uppercase;font-size:86px;font-weight:bold;display:inline-block;line-height:86px;}
.index .part1 .item span{width:60px;height:54px;display:block;margin-top:32px;}
.index .part1 .it1 span{background-position:0 -30px;}
.index .part1 .it2 span{background-position:-76px -30px;width:46px;}
.index .part1 .it3 span{background-position:-140px -30px;width:52px;}
.index .part1 .item .txt{width:180px;}
.index .part1 .item.hover{background:#ff5454;}
.index .part2{/*padding-top:150px;*/
}
.index .part2 .hd{padding:30px 0;}
.index .part2 .hd ul{margin:0 auto;text-align:center;}
.index .part2 .hd li{margin-right:30px;height:28px;line-height:28px;text-align:center;display:inline-block;+display:inline;+float:left;white-space:nowrap;word-break:break-all;}
.index .part2 .hd li a{display:block;border:1px solid #ccc;padding:0 12px;}
.index .part2 .hd li.on a{border:1px solid #1048a0;background:#1048a0;color:#fff;}
.index .part2 .bd{overflow:hidden;}
.index .part2 .bd ul{padding-top:64px;width:108%;}
.index .part2 .bd li{width:380px;height:430px;display:block;float:left;margin-right:30px;margin-bottom:30px;background:#fff;transition:all 0.3s ease-out 0s;}
.index .part2 .bd li a{display:block;}
.index .part2 .bd li img{width:320px;height:320px;display:block;margin:auto;}
.index .part2 .bd li h3{font-size:18px;text-align:center;margin-top:50px;}
.index .part2 .bd li p{color:#999;padding:0 46px;line-height:24px;}
.index .part2 .bd li:hover{transform:translate3d(0px,-16px,0px);box-shadow:0 3px 10px rgb(222,222,222);}
.index .part2 .bd .case{width:380px;height:285px;}
.index .floor_1_main,.index .floor_2_main,.index .floor_3_main,.index .floor_4_main{width:100%;}
.index .floor_2_main{background:#fff;overflow:hidden;}
.index .more{width:150px;height:38px;line-height:38px;text-align:center;color:#aba8a8;display:block;margin:40px auto 0;background:#fff;text-transform:uppercase;transition:all 0.3s ease-out 0s;box-shadow:0 3px 10px rgb(222,222,222);}
.index .more span{display:inline-block;width:40px;height:38px;line-height:38px;background:url(../images/icon.png) no-repeat 12px -92px #1048a0;}
.index .more:hover{background:#1048a0;color:#fff;text-indent:10px;}
.index .more:hover span{color:#fff;}
.index .floor_2{padding:60px 0;position:relative;height:720px;}
.index .floor_2 .hdtit{padding:30px 0;}
.index .floor_2 .hdtit ul{margin:0 auto;text-align:center;+width:280px;}
.index .floor_2 .hdtit li{margin-right:30px;height:28px;line-height:28px;text-align:center;display:inline-block;+display:inline;+float:left;}
.index .floor_2 .hdtit li a{display:block;border:1px solid #ccc;padding:0 12px;}
.index .floor_2 .hdtit li a:hover,.index .floor_2 .hdtit li.hover a{border:1px solid #1048a0;background:#1048a0;color:#fff;}
.index .floor_2 .vistbox{width:100%;position:relative;overflow:hidden;height:660px;}
.index .floor_2 .slideBox{position:relative;overflow:hidden;height:502px;}
.index .floor_2 .txtbox{padding-top:25px;position:relative;z-index:3;}
.index .floor_2 .btn{width:160px;position:absolute;right:0;bottom:150px;z-index:99;background:#fff;height:350px;}
.index .floor_2 .btn img{display:block;width:110px;height:230px;margin-left:50px;margin-bottom:90px;}
.index .floor_2 .btn span{display:inline-block;width:66px;height:30px;margin-left:14px;cursor:pointer;}
.index .floor_2 .btn .sPrev{background-position:-204px 0;}
.index .floor_2 .btn .sNext{background-position:-284px 0;}
.index .floor_2 .btn .cur.sPrev{background-position:-204px -40px;}
.index .floor_2 .btn .cur.sNext{background-position:-284px -40px;}
.transs{-webkit-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-moz-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-o-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);}
.slidebanner{width:100%;margin:0 auto;height:500px;overflow:hidden;position:relative;}
.slidebanner .game163{position:relative;z-index:0;overflow:hidden;}
.slidebanner .bigImg{overflow:hidden;position:relative;width:992px;height:500px;}
.slidebanner .bigImg a{display:block;}
.slidebanner .bigImg li{position:relative;}
.slidebanner .bigImg li .img{padding-left:290px;width:700px;height:100%;}
.game163 .bigImg li img{width:700px;height:350px;}
.slidebanner .bigImg .txt{position:absolute;top:65px;left:0;width:380px;height:438px;background:url(../images/redbg.png) repeat left top;}
.slidebanner .bigImg .txt a{padding:30px;color:#fff;}
.slidebanner .bigImg .txt h5{font-size:30px;display:block;}
.slidebanner .bigImg .txt s{display:block;width:68px;height:1px;background:#fff;margin:34px 0;}
.slidebanner .bigImg .txt p{line-height:24px;padding:12px 0 0;height:222px;overflow:hidden;}
.slidebanner .bigImg .txt span{display:block;margin-top:10px;}
.slidebanner .smallScroll{position:absolute;right:0;bottom:0;width:800px;height:126px;background:#fff;z-index:10;}
.slidebanner .smallImg{width:800px;position:relative;overflow:hidden;height:126px;}
.slidebanner .smallImg ul li{float:left;width:250px;height:126px;display:block;margin-right:23px;cursor:pointer;position:relative;}
.slidebanner .smallImg ul li img{height:124px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;width:248px;border:1px solid #fff;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.slidebanner .smallImg ul li.on img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;border:1px solid #084ab2;}
.index .floor_3_main{background:url(../images/flo3.jpg) no-repeat center top #f5f5f5;}
.index .floor_3{padding:80px 0 0;overflow:hidden;}
.index .part3{width:1200px;height:368px;background:#0185d0;position:relative;}
.index .part3 .img{width:550px;height:368px;overflow:hidden;position:relative;/*top:-30px;*//*margin-left:25px;*/}
.index .part3 .img img{width:100%;height:100%;display:block;transition:all 0.3s ease-out 0s;}
.index .part3 .img:hover img{transform:scale(1.05,1.05);}
.index .part3 .txt{padding-right:90px;width:480px;padding-top:70px;}
.index .part3 .txt a{display:block;color:#fff;}
.index .part3 .txt h3{font-size:24px;}
.index .part3 .txt h4{font-size:16px;display:block;text-transform:uppercase;}
.index .part3 .txt p{padding-top:45px;color:#ffffff;padding-bottom:20px;}
.index .part3 .txt span{/*width:68px;*/width:120px;height:36px;border:1px solid #fff;display:block;line-height:36px;text-align:center;}
.index .part3 .txt span em{width:22px;margin:14px auto 0;height:8px;background-position:-60px -100px;display:block;vertical-align:middle;}
.index .part3 .txt a:hover span{border:1px solid #1048a0;}
.index .part3 .txt a:hover span em{background-position:-60px -120px;}
.index .part4{padding:80px 0 0;}
.index .part4 .steps{overflow:hidden;}
.index .steps .bd{position:relative;padding:60px 0;}
.index .steps .bd li{float:left;width:180px;height:235px;margin-right:24px;}
.index .steps .bd li a{display:block;overflow:hidden;}
.index .steps .bd li img{width:180px;height:235px;display:block;transition:all 0.3s ease-out 0s;}
.index .steps .bd li a:hover img{transform:scale(1.08,1.08);}
.index .steps .hd{position:relative;}
.index .steps .hd ul{text-align:center;}
.index .steps .hd li{display:inline-block;width:10px;height:10px;margin-right:14px;cursor:pointer;background:#999;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;font-size:0;}
.index .steps .hd li.on{background:#1048a0;}
.index .floor_4{padding:60px 0;}
.index .floor_4 .textlist .list{width:108%;}
.index .floor_4 .textlist{position:relative;overflow:hidden;padding-top:40px;}
.index .textlist li{float:left;width:590px;height:160px;margin-right:20px;transition:all 0.2s linear 0s;margin-bottom:20px;background:#f7f7f7;}
.index .textlist li a{display:block;padding:35px 20px;}
.index .textlist li .img{width:120px;height:90px;overflow:hidden;cursor:pointer;position:relative;}
.index .textlist li .img img{width:100%;height:100%;transition:all 0.3s ease-out 0s;}
.index .textlist li a:hover img{transform:scale(1.2,1.2);}
.index .textlist li .txt{width:390px;}
.index .textlist li h3{font-size:18px;color:#000;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.index .textlist li a:hover h3{color:#1048a0;}
.index .textlist .desc{line-height:24px;height:52px;overflow:hidden;margin-bottom:5px;color:#999;cursor:pointer;font-size:12px;padding-top:10px;}
.index .textlist span{display:block;color:#333;font-size:16px;font-family:arial;font-weight:bold;}
.nybanner{width:100%;height:200px;position:relative;overflow:hidden;background-position:center top;background-repeat:no-repeat;background-image:url(../images/nybanner.jpg);}
.wrapper{position:relative;}
.subleft{width:240px;position:relative;padding-top:41px;}
.subleft .toptitle{width:188px;height:45px;background:#0459c7;color:#fff;padding:40px 26px;position:absolute;top:-84px;}
.subleft .toptitle h3{border-bottom:1px solid #d64e4e;color:#f9f9f9;font-weight:bold;font-size:26px;display:block;line-height:44px;}
.subleft .toptitle h4{font-size:16px;font-family:arial;text-transform:uppercase;}
.subleft .cont{padding:14px;background:#1048a0;}
.subleft .cont li{border-bottom:1px solid #0185d0;line-height:44px;}
.subleft .cont li a.sub1{display:block;padding-left:14px;color:#fff;transition:all 0.3s ease-out 0s;}
.subleft .cont li a.sub1:hover,.subleft .cont li.hover a.sub1{background:#0185d0;padding-left:26px;}
.subleft .cont li .box{padding:5px 0 0 15px;display:none;}
.subleft .cont li .box a{color:#fff;font-size:15px;display:block;line-height:30px;padding:0;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms;opacity:0.75;filter:alpha(opacity=75);}
.subleft .cont li .box a.hover,.subleft .cont li .box a:hover{opacity:1;filter:alpha(opacity=100);}
.subleft .cont li:hover .box,.subleft .cont li.hover .box{display:block;}
.leftRecomm{padding:25px 0 0;}
.leftRecomm .title{padding-bottom:15px;border-bottom:1px solid #f5f5f5;color:#1048a0;font-size:18px;font-weight:bold;margin-bottom:16px;}
.leftRecomm .title a{color:#1048a0;}
.leftRecomm .item{width:110px;float:left;overflow:hidden;text-align:center;margin-right:20px;}
.leftRecomm .item a{width:100%;display:block;}
.leftRecomm .item img{width:110px;height:82px;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms;border-radius:3px;display:block;}
.leftRecomm .item h3{width:100%;text-align:center;font-size:12px;line-height:40px;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms;}
.leftRecomm .item:hover img{-webkit-filter:brightness(110%);filters:brightness(110%);}
.leftRecomm .newslist li{line-height:34px;height:34px;overflow:hidden;}
.leftRecomm .newslist li a{display:block;width:100%;text-align:left;}
.subright{width:930px;}
.subright .t{padding:0 0 25px;color:#1048a0;font-size:20px;}
.subright .t2{color:#1048a0;font-size:30px;display:block;padding:30px 0;}
.sitepath{line-height:49px;color:#88848b;border-bottom:1px solid #f1f1f1;margin-bottom:28px;}
.sitepath .home{width:12px;height:12px;display:inline-block;background-position:-100px -100px;margin-right:20px;}
.sitepath a{color:#88848b;display:inline-block;white-space:nowrap;}
.sitepath a:hover{color:#ff0505;}
.productlist{position:relative;}
.productlist .list{padding-top:10px;width:100%;}
.productlist .item{width:290px;height:350px;display:block;float:left;/*margin-right:30px;*/margin-right:20px;margin-bottom:30px;background:#fff;transition:all 0.3s ease-out 0s;border-bottom:1px solid #e5e5e5;}
.productlist .item a{display:block;}
.productlist .item img{width:290px;/*height:217px;*/height:290px;display:block;}
.productlist .item h3{font-size:18px;padding:20px 20px 0;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;text-align:center;}
.productlist .item p{color:#999;padding:0 20px;line-height:24px;}
.productlist .item:hover{transform:translate3d(0px,-16px,0px);box-shadow:0 3px 10px rgb(222,222,222);}
.caselist{position:relative;}
.caselist .list{padding-top:10px;width:100%;}
.caselist .item{width:290px;height:280px;display:block;float:left;margin-right:30px;margin-bottom:30px;background:#fff;transition:all 0.3s ease-out 0s;border-bottom:1px solid #e5e5e5;}
.caselist .item a{display:block;}
.caselist .item img{width:290px;height:145px;display:block;}
.caselist .item h3{font-size:18px;padding:16px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.caselist .item p{color:#999;padding:0 16px;line-height:24px;}
.caselist .item:hover{transform:translate3d(0px,-16px,0px);box-shadow:0 3px 10px rgb(222,222,222);}
.honorlist{position:relative;}
.honorlist .list{padding-top:10px;width:100%;}
.honorlist .item{width:290px;height:265px;display:block;float:left;margin-right:30px;margin-bottom:30px;background:#fff;transition:all 0.3s ease-out 0s;border-bottom:1px solid #e5e5e5;}
.honorlist .item a{display:block;}
.honorlist .item img{width:290px;height:217px;display:block;}
.honorlist .item h3{font-size:16px;padding:10px;text-align:center;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.honorlist .item:hover{transform:translate3d(0px,-16px,0px);box-shadow:0 3px 10px rgb(222,222,222);}
.newslist{padding:0;}
.newslist .item{width:100%;display:block;margin-bottom:28px;background:#f7f7f7;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.newslist .item a{display:block;padding:20px;}
.newslist .item .img{width:150px;height:112px;overflow:hidden;}
.newslist .item .img img{width:100%;height:100%;display:block;transition:all 0.3s ease-out 0s;}
.newslist .item a:hover .img img{transform:scale(1.1,1.1);}
.newslist .item .txt{width:715px;}
.newslist .item .txt h3{color:#000;font-size:18px;display:block;padding-bottom:10px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.newslist .item .txt p{font-size:14px;color:#999;line-height:24px;}
.newslist .item a:hover .txt h3{color:#1048a0;}
.newslist .item:hover{box-shadow:0 0 15px rgba(0,0,0,0.2);}
.singlepage{position:relative;overflow:hidden;color:#666;}
.singlepage .cont img{max-width:100%;display:block;margin:0 auto;}
.singlepage .cont .desc{padding-top:40px;}
.formData{padding-bottom:20px;}
.formData .item{float:left;color:#999;font-weight:normal;width:425px;height:56px;line-height:56px;border:1px solid #e5e5e5;margin-right:76px;margin-bottom:45px;position:relative;}
.formData .item label{padding-left:15px;position:absolute;left:0;top:0;z-index:11;text-align:center;display:block;margin:0;height:56px;line-height:56px;font-size:18px;color:#cccccc;}
.formData .item input{outline:none;line-height:38px;height:38px;font-size:18px;}
.formData .item .txt{width:355px;height:56px;line-height:56px;display:block;background:none;padding-left:70px;border:0 none;color:#999;}
.formData .item .red{position:absolute;right:15px;top:0;color:#ff0000;z-index:11;}
.formData .item.mr0{margin-right:0;}
.formData .msg-box{position:absolute;left:0;top:0px;}
.formData .liuyan{width:928px;height:260px;border:1px solid #e5e5e5;float:left;}
.formData .liuyan label{text-align:right;display:block;}
.formData .liuyan textarea{width:908px;height:234px;line-height:35px;padding:12px 10px;text-indent:100px;font-size:18px;font-family:"microsoft yahei";color:#333;border:0 none;overflow:hidden;background:none;resize:none;display:block;outline:none;}
.formData .bot{width:100%;}
.formData .sub{width:232px;line-height:58px;margin-right:2px;text-align:center;background:#1048a0;color:#FFF;cursor:pointer;font-size:18px;display:block;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms;}
.formData .sub:hover{background:#1958c7;transform:translate3d(0px,-6px,0px);}
.formData .yzm{width:432px;}
.formData .yzm .txt{padding-left:80px;}
.formData .yzm img{position:absolute;right:0;top:0;height:56px;border:0px;display:block;}
.arecttitle{border-bottom:1px dotted #ddd;text-align:center;}
.arecttitle h1{font-size:28px;line-height:30px;color:#000;margin-bottom:5px;}
.arecttitle .mark{width:100%;padding:5px 0 10px;}
.arecttitle .mark span{display:inline-block;padding-left:5px;font-size:12px;color:#666;}
.arecttitle .mark span:first-child{padding-left:0;}
.showContxt{padding:20px 0;text-align:justify;}
.showContxt img{max-width:100% !important;display:block;margin:0 auto;}
/* reLink*/
.reLink{width:100%;margin:20px 0 10px;line-height:60px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;}
.reLink .nextLink,.reLink .prevLink{width:50%;line-height:60px;color:#333333;}
.reLink .nextLink{text-align:right;}
.reLink a{font-size:16px;}
.reLink a:hover{color:#1048a0;}
/*底部信息*/
.bottom_main{width:100%;padding-bottom:20px;background-color:#f5f5f5;}
.bottom_main .links{padding:20px 0;font-size:16px;border-bottom:1px solid #d2d2d2;}
.bottom_main .links span{color:#1048a0;font-weight:bold;display:inline-block;}
.bottom_main .links a{display:inline-block;font-size:14px;color:#999;padding-right:10px;}
.bottom_main .links a:hover{color:#1048a0;}
.bottom_main .bottom_nav{width:760px;display:inline-block;margin-top:32px;}
.bottom_main .bottom_nav ul{width:190px;text-align:left;float:left;}
.bottom_main .bottom_nav ul li h3{padding-bottom:8px;}
.bottom_main .bottom_nav ul li h3 a{display:block;font-size:16px;color:#1048a0;padding-bottom:8px;}
.bottom_main .bottom_nav ul li h3 i{display:block;width:30px;height:1px;background-color:#cccccc;}
.bottom_main .bottom_nav ul li a{display:block;font-size:12px;color:#999;}
.bottom_main .bottom_nav ul li a:hover{color:#1048a0;}
.bottom_main .bottom_tit{padding-top:40px;text-align:right;}
.bottom_main .bottom_tit .r1{float:left;width:100px;}
.bottom_main .bottom_tit .r2{float:left;padding-left:60px;text-align:left;}
.bottom_main .bottom_tit .r1 p{width:100px;text-align:center;float:left;}
.bottom_main .bottom_tit .r1 p img{width:100px;height:100px;border:#d2d2d2 solid 1px;}
.bottom_main .bottom_tit .r1 p span{font-size:12px;color:#999;display:block;padding-top:10px;line-height:20px;}
.bottom_main .bottom_tit .r2 li{display:block;clear:left;height:65px;}
.bottom_main .bottom_tit .r2 li img{width:50px;height:50px;float:left;}
.bottom_main .bottom_tit .r2 li p{float:left;font-size:12px;line-height:22px;color:#999;padding-left:12px;text-align:left;padding-top:0px;}
.bottom_main .bottom_tit .r2 li p span{margin-top:2px;font-size:26px;font-family:"Arial";color:#333;display:block;font-weight:bold;}
.bottom_copy{height:48px;background-color:#f5f5f5;border-top:1px solid #d2d2d2;line-height:48px;font-size:12px;color:#999;}
.bottom_copy span{padding-left:10px;}
.bottom_copy a{display:inline-block;font-size:12px;color:#999;}
.bottom_copy a:hover{color:#1048a0;}
/* mapPage */
.map_ul{list-style:outside none none;display:block;width:100%;}
.map_ul li{display:block;width:100%;padding:0;margin-bottom:15px;+margin-bottom:10px;}
.map_ul li a{width:100%;height:35px;line-height:35px;font-weight:bold;display:block;background:#e7e7e7;text-indent:15px;}
.map_ul .list-inline{display:block;width:86%;}
.map_ul .list-inline li{height:32px;display:inline-block;*display:inline;margin:0 5px 15px 0;zoom:1;line-height:32px;border-bottom:0;text-align:center;width:auto;padding:0px;+margin:15px 5px 15px 0;}
.map_ul .list-inline li a{font-weight:normal;display:block;text-indent:0;line-height:32px;height:32px;display:inline-block;width:auto;padding:0px 10px;width:auto;border:1px solid #ccc;}
.map_ul .list-inline li a:hover{background:#ff0505;color:#fff;border:1px solid #ff0505;}
.zhizao .goback{width:60px;height:60px;display:block;position:absolute;right:2%;top:2%;background:url(../images/guan.jpg) no-repeat center;}
#footer_main .yyzz{padding-left:10px;}
/*#gotop{position:fixed;bottom:5%;right:2%;width:50px;height:50px;background:url(../images/gotop.png) no-repeat;z-index:99;display:block;}
*/
.float-right-box{width:250px;position:fixed;right:0;top:50%;margin-top:-127px;background-color:#191919;z-index:1000;transition:width 0.3s ease 0s;}
.float-right-box.on{width:50px;}
.float-right-box .top-list{width:100%;}
.float-right-box .top-list ul{width:100%;}
.float-right-box .top-list li{width:100%;position:relative;border-bottom:1px solid #3b3b3b;transition:background 0.3s ease 0s;height:50px;}
.float-right-box .top-list a{display:block;width:100%;}
.float-right-box .top-list .ico{display:inline-block;width:50px;height:50px;position:absolute;right:0;top:0;transition:background 0.3s ease 0s;z-index:2;}
.float-right-box .top-list .ico1{background:url(../images/ico_58.png) no-repeat center #191919;}
.float-right-box .top-list .ico2{background:url(../images/ico_59.png) no-repeat center #191919;}
.float-right-box .top-list .ico3{background:url(../images/ico_60.png) no-repeat center #191919;}
.float-right-box .top-list .ico4{background:url(../images/ico_61.png) no-repeat center #191919;}
.float-right-box .top-list .ico5{background:url(../images/ico_62.png) no-repeat center #191919;}
.float-right-box .top-list .ico6{background:url(../images/ico_68.png) no-repeat center #191919;}
.float-right-box .top-list .ico7{background:url(../images/ico_69.png) no-repeat center #191919;}
.float-right-box .top-list .ico8{background:url(../images/ico_70.png) no-repeat center #191919;}
.float-right-box .top-list .stt{display:inline-block;font-size:14px;line-height:50px;color:#fff;transition:color 0.3s ease 0s;position:absolute;left:28px;top:0;z-index:1;width:222px;cursor:pointer;}
.float-right-box .top-list li:hover .stt{color:#15191e;}
.float-right-box .top-list li:hover .ico1{background:url(../images/ico_58_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico2{background:url(../images/ico_59_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico3{background:url(../images/ico_60_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico4{background:url(../images/ico_61_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico5{background:url(../images/ico_62_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico6{background:url(../images/ico_68_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico7{background:url(../images/ico_69_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico8{background:url(../images/ico_70_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover{background-color:#fff;}
.float-right-box .top-list .return-webtop .stt{font-family:"Arial";font-weight:bold;}
.float-right-box .bot-share{position:relative;height:50px;}
.float-right-box .bot-share a{display:inline-block;width:50px;height:50px;float:left;transition:background 0.3s ease 0s;margin:0;padding:0;}
.float-right-box .bot-share .share{width:200px;position:absolute;left:0;top:0;z-index:1;}
.float-right-box .bot-share .sina{background:url(../images/ico_63.png) no-repeat center;}
.float-right-box .bot-share .wx{background:url(../images/ico_64.png) no-repeat center;}
.float-right-box .bot-share .more{background:url(../images/ico_66.png) no-repeat center;}
.float-right-box .bot-share a:hover{background-color:#525354;}
.float-right-box .bot-share .share-ico{background:url(../images/ico_67.png) no-repeat center #191919;width:50px;height:50px;display:inline-block;cursor:pointer;z-index:2;position:relative;}
.float-right-box .top-list li .weix{position:relative;}
.float-right-box .sidebox{position:absolute;right:250px;top:0;transition:all 0.1s ease 0s;width:120px;z-index:10;display:none;background:#191919;}
.float-right-box .sidebox img{width:110px;height:110px;display:block;margin:5px auto;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@font-face{font-family:ADELE;src:url("../font/ADELE.eot");src:url("../fonts/adele.eot") format("eot"),url("../fonts/adele.ttf") format("truetype");}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}
}
.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
/*↓组图样式↓*/
.HS10,.HS15{overflow:hidden;clear:both;}
.HS10{height:10px;}
.HS15{height:15px;}
.Hidden{display:none;}
.Clearer{display:block;clear:both;font-size:1px;line-height:1px;margin:0;padding:0;}
.FlLeft{float:left;}
.FlRight{float:right;}
/*幻灯片区域背景*/
.MainBg{width:920px;margin:0 auto;}
/*大图展示区域*/
.OriginalPicBorder{padding:0;}
#OriginalPic{width:920px;overflow:hidden;position:relative;font-size:12px;}
#OriginalPic img{display:block;max-width:100%;margin:0 auto;}
/*鼠标手势*/
.CursorL{position:absolute;z-index:999;width:50%;height:600px;color:#FFF;left:0;cursor:url(../images/CurL.cur),auto;background:url(../images/space.png) repeat scroll 0 0 transparent;}
.CursorR{position:absolute;z-index:999;width:50%;height:600px;color:#FFF;right:0;cursor:url(../images/CurR.cur),auto;background:url(../images/space.png) repeat scroll 0 0 transparent;}
/*小图预览和滑动*/
.SliderPicBorder{width:100%;overflow:hidden;}
.ThumbPicBorder{width:920px;margin:0 auto;background:#eeeeee;overflow:hidden;position:relative;}
.ThumbPicBorder #btnPrev{width:45px;height:113px;cursor:pointer;position:absolute;left:20px;top:20px;}
.ThumbPicBorder #btnNext{width:45px;height:113px;cursor:pointer;position:absolute;right:20px;top:20px;}
.ThumbPicBorder .pic{width:755px;overflow:hidden;position:relative;margin:20px auto;}
#ThumbPic img{border:3px solid #ddd;cursor:pointer;background-color:#ddd;margin:0 5px;width:135px;height:108px;display:block;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
#ThumbPic img.active{border:3px solid #1048a0;}
/*↑组图样式↑*/
/*头部中英双语*/
.top_menu{font-size:12px;width:100%;height:34px;background-color:#fdfdfd;color:#666666;border-bottom:1px solid #f1f1f1;}
.top_name{display:inline-block;padding-top:3px;}
.top_lang{float:right;height:34px;padding:3px 0 0 10px;}
.container{/*padding-right:15px;padding-left:15px;*/
margin-right:auto;margin-left:auto;}
@media (min-width:769px){.container{width:750px;}
}
@media (min-width:992px){.container{width:970px;}
}
@media (min-width:1200px){.container{width:1170px;}
}
.top_lang img{vertical-align:middle;display:-webkit-inline-box;}
.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center;overflow:hidden}
.ab_pages ul{display:inline-block;margin:0 auto;padding:0}
.ab_pages ul a{color:#555;display:block;padding:3px 11px;border:1px solid #e2e2e2;float:left;font-size:12px}
.ab_pages ul a:first-child{border-right:0}
.ab_pages ul a:first-child:hover{border-right:0}
.ab_pages ul a:last-child{border-left:0}
.ab_pages ul a:last-child:hover{border-left:0}
.ab_pages ul a.page-num-current{background:#333;color:#fff;border:1px solid #333}
.ab_pages ul a:hover{background:#333;color:#fff;border:1px solid #333}
.ab_pages ul span{display:inline-block;float:left;line-height:28px;}
.productlist1{position:relative;}
.productlist1 .list{padding-top:10px;width:100%;}
.productlist1 .item{width:290px;height:400px;display:block;float:left;margin-right:30px;margin-bottom:0px;background:#fff;transition:all 0.3s ease-out 0s;border-bottom:1px solid #e5e5e5;}
.productlist1 .item a{display:block;}
.productlist1 .item img{width:290px;height:350px;display:block;}
.productlist1 .item h3{font-size:18px;padding:20px 20px 0;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.productlist1 .item p{color:#999;padding:0 20px;line-height:24px;}
.productlist1 .item:hover{transform:translate3d(0px,-16px,0px);box-shadow:0 3px 10px rgb(222,222,222);}
/*底部悬浮*/
.footertel{position:fixed;bottom:0px;width:100%;height:100px;background-color:#f5f5f5;/*#353537*/;z-index:9999;}
.d_dh{margin: 20px auto auto auto;width: 1010px;font-family: "Times New Roman", Times, serif;}
.d_dh .tel{font-size: 28px;font-weight: bold;color: #FFFFFF;float: left;width: 250px;background-image: url(../images/tell.png);background-repeat: no-repeat;background-position: left center;padding-left: 70px;height: 60px;line-height: 1;padding-top: 8px;color:#458dcc;/*#ffff00;*/}
.d_dh .qq{margin-right: 350px;margin-left: 350px;background-image: url(../images/erweima.png);background-repeat: no-repeat;background-position: left center;padding-left:70px;font-size: 28px;font-weight: bold;color: #FFFFFF;height: 60px;line-height: 1;padding-top: 8px;color:#458dcc;/*#ffff00;*/}
.d_dh .wx{float: right;width: 250px;font-size: 28px;font-weight: bold;color: #FFFFFF;background-image: url(../images/qq.png);background-repeat: no-repeat;background-position: left center;padding-left: 70px;height: 60px;line-height: 1;padding-top: 8px;color:#458dcc;/*#ffff00;*/}
