/*自定义css*/

/*加载*/
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 99999;}
#status {width: 200px;height: 200px;position: absolute;left: 50%;top: 50%;background-image: url(../images/kjy.gif);background-repeat: no-repeat;background-position: center;margin: -100px 0 0 -100px;}

/*1.首页 index.html*/
/*header头部导航固定*/
.fixedNav{position:fixed;top:-20px;left:0px;box-shadow:1px 1px  1px #999;width:100%;z-index:100000;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));}

/*首页头部css*/
.headerbox{background: #fff;height: 158px;}
.header-t{width: 100%;float: left;height: 126px;background: #fff}
.header-tt{height: 35px; width: 100%; background: url(../images/tb.gif);float: left;line-height: 35px;}
.r-nav a{color: #ADADAD;padding: 0 15px;/*border-left: 1px solid #191919;*/margin: 0; font-size:14px;}
.r-nav a:hover{color:#fff;transition : all 0.4s linear ;-moz-transition : all 0.4s linear ;-webkit-transition : all 0.4s linear ;-o-transition : all 0.4s linear ;}
.header-tt span{font-size:14px;color:#fff;}
.r-nav a:last-child{/*border-right: 1px solid #191919;*/}
.logo{height:126px; width:380px;position:relative; z-index:200;}
.phone>i{color:#666;font-size:20px;border-radius:20px; border:1px solid #666/*#DBD334;*/}
/*头部导航条*/
.head-v3{position:relative;z-index:100;min-width:100%;top: -70px;box-shadow:0px 1px 0px #ACA6A6;}
.head-v3 .navigation-inner{margin:0 auto;width: 1100px;}
.navigation-up{height: 66px;}
.navigation-up .navigation-v3{margin-left: 380px;margin-left:10px}
.navigation-up .navigation-v3 li{float:left;font:normal 16px/59px "microsoft yahei";color:#fff;position: relative;}
.navigation-up .navigation-v3 .nav-up-selected a{/*background:#344157*/ color:#162F82;}
.navigation-up .navigation-v3 .nav-up-selected-inpage{color:#E96C40;position: relative;}
.navigation-up .navigation-v3 li h3{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h3 a{padding:0 25px;color: #000;display:inline-block;height:60px;font-family:"microsoft yahei";z-index: 150;}
.navigation-up .navigation-v3 li h3 a.choices{color:#162F82;}
.navigation-down{position:absolute;top:60px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0;background:rgba(0, 0, 0, 0.86);position:absolute;top:7px}
.navigation-down .nav-down-menu .navigation-down-inner{position:relative}
.navigation-down .nav-down-menu dl{float:left;}
.navigation-down .menu-1 dl{margin: 30px 10px; width: 117px;height: 125px;text-align: center;}
.navigation-down .menu-1 dl:first-child{margin-left:14px;}
.navigation-down .menu-1 dt{font:normal 16px "microsoft yahei";color: #A5A4A4;padding-bottom:10px;margin-bottom:10px}
.navigation-down .menu-1 dl:hover dt{color:#fff;/*border-bottom:1px dashed #cc0000;*/-moz-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear; /*-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);*/}
.navigation-down .menu-1 dl:hover dd i{color:#fff;-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-moz-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear;}
.navigation-down .menu-1 dd a i{color: #A5A4A4;font-size:50px;display: inline-block}
.navigation-down .menu-2 dl{margin: 30px 10px; width: 200px;text-align: center;}
.navigation-down .menu-2 dt{font:normal 16px "microsoft yahei";color: #000;padding-bottom:10px;border-bottom: 1px solid #cc0000;margin-bottom:10px}
.navigation-down .menu-2 dd a:hover{color:#fff;transition : all 0.4s linear ;-moz-transition : all 0.4s linear ;-webkit-transition : all 0.4s linear ;-o-transition : all 0.4s linear ;}
.navigation-down .menu-2 dd a{color: #A5A4A4;font:normal 16px "microsoft yahei"}
.navigation-down .menu-1 dd img{color:red;width: 100px;height: 74px;border-radius: 5px;}
.navigation-down .menu-1 dl:hover dd img{
    -moz-transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1);
    -moz-transition:all .3s linear;
    -webkit-transition:all .3s linear;
    transition:all .3s linear;
}


/*导航标题英文*/
.nav_ale {text-align: center;font-size: 12px;z-index: 10;display:none;opacity: 0; color:#162F82;}
.navigation-v3 span {height: 60px;width: 100%;text-align: center;z-index: 10;position: absolute;left: 0px;top: 0px;cursor: pointer;}

/*栏目标题*/
.Columns-t{width: 100%;background: url(../images/d-bg.png) repeat;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;-moz-box-shadow:3px 0px 10px #dfddde; -webkit-box-shadow:3px 0px 10px #dfddde;  box-shadow:3px 0px 10px #dfddde;}
.Columns-t .fgx{width: 100%;height: 1px;background:#d7d7d7;position: absolute;top:50%;}
.Columns-t .txt{width: 235px; height: 60px;margin:40px auto;text-align: center;background: url(../images/d-bg.png) repeat;position: relative;z-index: 9999}
.Columns-t .txt h6{font-size: 32px; color: #ca2c25;font-weight:bold;margin: 0 0 -62px 62px}
.Columns-t .txt p{font-size: 16px; color: #999999}
.Columns-t .serti-b{width: 545px; height: 95px;margin:40px auto 45px auto;text-align: center;background:transparent;position: relative;z-index: 9999}
.Columns-t .serti-b h6{font-size:24px; color: #ca2c25;font-weight:bold;margin-bottom: 30px; text-align: center;width:100%}
.Columns-t .serti-b ul{display:table;width: auto;margin: 0 auto}
.Columns-t .serti-b ul li{width: 107px; height: 38px;cursor: pointer; line-height: 38px;color: #333;font-size: 14px; text-align: center;float: left;border: 1px solid #cfcfcf;background: #fff}
.Columns-t .serti-b ul li a{color: #333}
.Columns-t .serti-b ul li.selected{background: #ca2c25;border-color: #ca2c25;color: #fff}
.Columns-t .serti-b ul li.selected a{color: #fff}
div.Columns-t1 .txt h6{font-size: 32px; color: #ca2c25;font-weight:bold;margin: 0 0 -62px 62px}
div.Columns-t1 .txt p{font-size: 16px; color: #999999;margin-left: -90px}
div.Columns-t2 .txt h6{font-size: 32px; color: #ca2c25;font-weight:bold;margin: 0 0 -62px 55px}
div.Columns-t2 .txt p{font-size: 16px; color: #999999;margin-left: -60px}
.Columns-t .txt p:first-letter{ font-family:"微软雅黑"; font-size:78px; color: #d6d6d6;margin-right:5px}
.rel{position: relative;}
.pro-list{margin-bottom: 40px;display: table;}
.pro-list ul li{ width: 234px; height: 334px; float: left;border: 1px solid #e8e8e8; margin-right:18px;position: relative;}
.pro-list ul li:hover{background: #bf9f61}
.pro-list ul li span{ width: 100px;height: 100px;background-repeat: no-repeat;background-position: center center;display: inline-block;margin: 30px 0 0 67px;transition:all .2s ease;}
.pro-list ul li:hover span{background-size: 70%}
.pro-list ul li h4{width: 100%; text-align: center;color:#333;font-size:20px;margin-bottom: 30px;font-weight: bold;}
.pro-list ul li:hover h4{color: #fff}
.pro-list ul li p{color: #333;font-size: 12px;line-height: 26px;padding: 0 15px;}
.pro-list ul li:hover p{color: #fff}
.pro-list ul li .more{width: 184px; height: 33px; line-height: 33px;font-size: 12px;text-align: center;display: inline-block;background: #ca2c25;border: 1px solid #ca2c25; color: #fff;position: absolute;left: 25px; bottom: 35px}
.pro-list ul li:hover .more{background:transparent;border-color: #fff}
.img_box{ text-align: center;width: 160px;float: left;}
.img_box span{ color: #333;margin-top: 14px; display: inline-block;width: 160px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
span.link{ width: 94px; height: 24px; display: inline-block;margin-left: 444px;margin-top: 48px;}
.ret-top{width: 68px; height: 68px;display: inline-block; background: url(../images/return-t.png);position:fixed;right: 10px;bottom: 150px;cursor: pointer;opacity:0;-moz-opacity:0;-khtml-opacity:0;filter:alpha(Opacity=0); }
.footleft{width: 455px;height: 30px; line-height: 30px; color: #fff;font-size: 14px;margin-top: 35px;margin-bottom: 15px; float: left;background:url(../images/ky_35.png) no-repeat left bottom; }
.f-nav a{padding: 0 15px; border-right: 1px solid #666666}
.f-nav a:last-child{border: 0}
#other_banner{margin-bottom:20px;height: 300px;}
.con-bg{ background: url(../images/con-bg.png);padding-bottom: 40px}
.bread_tit{ width:980px; margin: 0 auto; height: 60px;border-bottom: 1px solid #c8c8c8; margin-bottom: 40px}
.tit-left{ width: 216px; height: 56px; border-bottom: 4px solid #cc9900; background:url(../images/ky_38.png) no-repeat left bottom;float: left;}
.tit-left1{ width: 216px; height: 56px; border-bottom: 4px solid #cc9900; background:url(../images/ky_43.png) no-repeat left bottom;float: left;}
.tit-left2{ width: 216px; height: 56px; border-bottom: 4px solid #cc9900; background:url(../images/ky_48.png) no-repeat left bottom;float: left;}
.tit-left3{ width: 216px; height: 56px; border-bottom: 4px solid #cc9900; background:url(../images/ky_52.png) no-repeat left bottom;float: left;}
.tit-left4{ width: 216px; height: 56px; border-bottom: 4px solid #cc9900; background:url(../images/ky_54.png) no-repeat left bottom;float: left;}
.tit_txt{ width: 70px;height: 26px;border-bottom: 4px solid #cc9900;display: inline-block;float: left;margin-left: 30px; margin-top: 30px;font-size: 16px; color: #333}
.tit_txt1{ width: 70px;height: 26px;border-bottom: 4px solid #cc9900;display: inline-block;float: left;margin-left: 80px; margin-top: 30px;font-size: 16px; color: #333}
.breadright{ float: right;margin-top: 30px; height: 26px; line-height: 26px;}
.breadright a{color: #888}
.last_a{ color: #ff6600}



/*首页标题*/
.title{margin: 40px 0px;text-align: center;}
.title span{display: block;}
.title span.title_cn{color:#333333;/*#cc0000;*/ font-weight: bold;font-size:45px;font-family: 'Raleway', sans-serif; border-bottom: #D0D5DE solid 1px;}
.title span.title_di{width: 150px; height: 2px; background:  #4662D3; margin:-2PX auto;}
.title span.title_en{ margin-top:2px; font-size: 14px;color: #999;line-height: 30px;font-family: "arial";font-weight: normal;border-top:#fff solid 1px;}
.title span.title_des{color:#555555;font-size:16px;}
.title span.title_center{color:#555555;font-size:16px;width: 60%;margin: auto;}
.title span.title_cn2{color:#fff;/*#cc0000;*/ font-weight: bold;font-size:45px;font-family: 'Raleway', sans-serif;}
.title span.title_di{width: 150px; height: 2px; background:  #CC0000; margin:-2PX auto;}
.title span.title_en2{ margin-top:2px; font-size: 14px;color: #999;line-height: 30px;font-family: "arial";font-weight: normal;}
.title span.title_des2{color:#cc0000;font-size:16px;}



/*首页栏目1(核心业务)*/
.Columns1{width: 100%;height: 1100px;float: left;}
.Columns1 .items{padding: 60px 0;overflow: hidden;}
.Columns1 .center{margin: 0 auto;position: relative;width: 990px;}
.Columns1 .main-title{font-size: 30px;text-align: center;margin-bottom: 50px;}
.Columns1 .items-solution .flex-row{justify-content: space-between;display: flex;flex-direction: row;align-items: center;}
.Columns1 .items-solution .item{position: relative;width: 276px;height: 546px;box-shadow: 0 2px 2px rgba(135, 135, 135, 0.48);background: #fff;}
.Columns1 .items-solution .item-title{text-align: center;height: 83px;line-height: 83px;background-color: #162F82;font-size: 24px;color: #fff;margin-bottom: 40px;}
.Columns1 .transition{-moz-transition: all .3s ease;-webkit-transition: all .3s ease;transition: all .3s ease;}
.Columns1 .items-solution .item-p{text-align: center;width: 100%;padding: 0 5px;margin: 0 auto;height: 40px;line-height: 40px;box-sizing: border-box;/*border-bottom: 2px dotted #E6E6E6;*/font-size: 18px;}
.Columns1 .items-solution .item:hover{box-shadow: 0 5px 20px rgba(135, 135, 135, 0.48);}
.Columns1 .items-solution .item-p:last-child{border: none;}
.Columns1 .items-solution .item-btn{position: absolute;width: 140px;height: 40px;line-height: 40px;text-align: center;left: 50%;bottom: 50px;transform: translateX(-50%);}
.Columns1 .items-solution .item-btn-a{background-color: #162F82;color: #fff;display: block;}
.Columns1 .items-solution .item:hover .item-title{background-color: #162F82;}
.Columns1 .items-solution .item:hover .item-btn-a{background-color: #162F82;}
.Columns1 dl{width: 100%;float: left;margin:30px 0px 80px 0px;}
.Columns1 dl dd{width: 275px;height: 350px;cursor: pointer; text-align:center;float: left;border-radius: 5px;}
/*.Columns1 dl dd .icologo{height: 150px; display: block;width:150px; !* vertical-align: middle; *!margin: 0 auto;border-radius: 100px;margin-top: 30px;border: 5px solid #cc0000; }*/
.Columns1 dl dd .icologo i{font-size: 80px; /* margin-bottom: 20px; */margin-top: 22px;color: #E96C40;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear}
.Columns1 dl dd i{margin: 10px auto;display: inline-block;color: #E96C40;margin-top: 3px;}
.Columns1 dl dd span.describe{ /* padding:1px; */ display: block; width: 200px; margin: auto;}
.Columns1 dl dd:hover{ background:#E96C40;transition : all 0.4s linear ;-moz-transition : all 0.4s linear ;-webkit-transition : all 0.4s linear ;-o-transition : all 0.4s linear ;}
.Columns1 dl dd:hover .icologo{border-color:#fff;-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-moz-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear; -moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.Columns1 dl dd:hover i{color: #fff}
.Columns1 dl dd:hover span{color: #fff}
.Columns1 .slogan{display:block; text-align:center;position: relative;top:10px;}
.Columns1 .slogan span{color:rgba(114, 105, 105, 0.78);font-size:12px;display:block;line-height: 24px;}
.Columns1 .slogan span:first-child{font-size:16px;}
.Columns1-1{width: 100%;height:500px;float: left; text-align:center;background:url(../images/indexad.jpg) no-repeat;background-size:cover;}
.Columns1-1>div{ margin-top:70px;}
.Columns1-1 p{color:#fff;  line-height:80px;font-size:20px;}
.Columns1-1 p:nth-child(1){font-size:40px; color:#fff;}
.Columns1-1 a{display: block;width: 360px;height: 100px;margin: 0 auto;border: 1px solid #575151;border-radius: 10px;line-height: 100px;font-size: 24px;color:#575151;}
.Columns1-1 a:hover{color:#fff;border: 1px solid #fff;-moz-transition:all .6s linear;-webkit-transition:all .6s linear;transition:all .6s linear; -moz-transform:scaleX(1.3);-webkit-transform:scaleX(1.3);transform:scaleX(1.3);}





/*首页栏目2(乐通实力)*/
.Columns2{width: 100%; height:550px; float:left; background:#fff url(../images/Columns2.jpg) no-repeat;background-size:cover;}
.Columns2  div.strength{height:200px; margin-top:60px;}
.Columns2  div.strength dl{width:178px; display:block; height:100%;text-align:center; float:left; margin:0 10px; border:1px solid #555555;border-radius: 20px; padding:10px;}
.Columns2  div.strength dl dd{height:100%; border:1px solid #555555;border-radius: 15px;}
.Columns2  div.strength dl:hover{border-color:#cc0000;-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-moz-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear;}
.Columns2  div.strength dl:hover dd{border-color:#cc0000;/*box-shadow: 0px 0px 0px 19px #cc0000;*/}
.Columns2  div.strength dl:hover span.stand1{color:#cc0000;}
.Columns2  div.strength dl dd span.stand1{font-size:80px;color:#E96C40;}
.Columns2  div.strength dl dd span.stand2{color:#cc0000;font-size:24px;}
.Columns2  div.strength dl dd p{font-size:14px; padding:0 10px;}


/*首页栏目3(经典案例)*/
.Columns3{width: 100%; height: 1000px; float:left; background:#fff url(../images/Columns3.jpg) no-repeat;background-size:cover;}
.da-thumbs {list-style: none;width: 100%;height: auto;position: relative;margin: 20px auto;padding: 0;}
.da-thumbs li {float: left;margin:10px;background: #fff;padding: 8px;width: 330px;height: 210px;position: relative;box-shadow: 0 1px 3px rgba(0,0,0,0.1);border-radius: 5px;}
.da-thumbs li a,.da-thumbs li a img {display: block;position: relative;width: 100%;height: 100%;    border-radius: 5px;}
.da-thumbs li a {overflow: hidden;}
.da-thumbs li a div {position: absolute;background: #333;background:rgba(5, 5, 5, 0.8);width: 100%;height: 100%;    border-radius: 5px;}
.da-thumbs li a div span {display: block;padding: 10px 0;text-transform: uppercase;font-weight: normal;color: #fff;font-size: 16px;margin-left: 40px;}
.da-thumbs li a div span:first-child{font-size: 17px;font-weight: bold; margin-top:20px;}
.da-thumbs li a div span em{width: 39px; height: 100%; background:#fff;border-radius: 20px;display: inline-block;margin-right: 10px;}
.da-thumbs li a div span i{font-size: 28px;color: #162F82;}
/*.da-thumbs li:hover{ background:#cc0000;-moz-transition:all .5s linear;-webkit-transition:all .5s linear;transition:all .5s linear;}
*/


/*首页栏目4(项目流程)*/
.Columns4{width: 100%; height:450px;background:#EFF0F2 /* url(../images/) */ repeat center center;float: left;}
.Columns4-b{position: relative;}
.Columns4-b ul{width: 100%; float: left;margin-top: 30px;}
.Columns4-b ul li{width: 120px; height: 98px;height: 100px; cursor:pointer; margin-left: 32px;margin-bottom: 20px;float: left;text-align: center;}
.Columns4-b ul li span{ display:block;font-size: 24px;}
.Columns4-b ul li i{font-size:75px;color: #575757;}
.Columns4-b ul li:hover i{color:#E96C40;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear;}
.Columns4-b ul li:hover span{color:#E96C40;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear;}


/*首页栏目5(合作客户)*/
.Columns5{width: 100%; height: 500px;background: url(../images/jy2_04.png) no-repeat center center;float: left;}
.Columns5-b{position: relative;margin-top: 155px;}
.Columns5-b ul{width: 100%; float: left;}
.Columns5-b ul li{width: 159px;height:75px;margin: 10px 12px;margin-bottom: 20px;float: left;}
.Columns5-b ul li img{width: 100%;height: 100%;-moz-box-shadow:0px 0px 10px #aaa;  -webkit-box-shadow:0px 0px 10px #aaa;  box-shadow:0px 0px 10px #aaa;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear;border-color:#e8e8e8}
.Columns5-b ul li img:hover{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);/*border: 3px solid #ddc061*/}



/*首页栏目6(联系我们)*/
.Columns6{width: 100%; height: 550px;background: rgba(68, 67, 67, 0.36); float: left;}
.Columns6-a{width: 1180px; height: 500px;position: relative;margin-top: 100px; background: url(../images/lx3.png) no-repeat left center; background-position:0px 6px; overflow:hidden;}
.Columns6-b{position: relative;margin-top:20px;}
.Columns6-b ul{width: 100%; float: left;}
.Columns6-b ul li{width: 250px; height: 98px;height: 100px;margin: 10px 12px;margin-bottom: 20px;float: left;}
.Columns6-b .lx-left{margin-top:20px;}
.Columns6-b .lx-right{display:inline-block;/* background:red;*/ width: 460px; height: 360px;float: right;position: relative;top: -345px;}
.Columns6-b .lx-right h1{color:#333333;font-size: 30px;}
.Columns6-b .lx-right span.compancn{color: #666;display: block;margin-top: 3px; font-size:13px;}
.Columns6-b .lx-right span.online{color: #333333;display:inline-block;margin-top: 18px;font-size: 22px;position: relative;top: 4px;}
.Columns6-b .lx-right img{display:block;margin-left: 135px;margin-top: -18px;width: 200px;height: 200px;    border-radius: 5px;}


/*友情链接css*/
.Columnslink{width: 100%;float:left; margin:50px auto;}
.Columnslink .yqlj_box{ height:100px;position: relative; width: 1100px; margin: 0 auto;display:table;background:#f6f6f6}
.Columnslink .yq_tit{ width: 100%;height: 36px; line-height: 36px;background: #fff;}
.Columnslink .yq_ll{ width: 1px; height: 60px; background:#dbdbdb;display: inline-block;position: absolute;top:0px; left: 120px;}
.Columnslink .yqlj_box a{margin-right:5px;margin-top: 10px;display: inline-block;color: #666;font-size: 14px}
.Columnslink .yqlj_box a:hover{color: #162F82}


/*.底部信息*/
.footer-war{width:100%; background:url(../images/tb2.gif);height: 225px;}
.footer-war2{width:100%;background:url(../images/footer_bg.png) no-repeat;height: 225px;background-size: cover;}
.footer-info{width: 1100px;margin: 0 auto}
.footerbox{width: 100%; height: 70px; background: url(../images/tb.gif);float: left;position: relative;}
.footerbox div{color: #999;line-height: 28px; margin-top:28px; font-size: 12px;}
.footer-info dl{margin-left: 20px;float: left;width:130px;height: 155px;}
.footer-info dl dt{font-size: 18px; color: #fff;margin-bottom: 10px}
.footer-info dl dd a{width: 72px; height: 30px; display:block;line-height: 30px;font-size: 14px;color: #eee;text-align: center;}
.footer-info dl dd a:hover{color:#162F82;transition : all 0.4s linear ;-moz-transition : all 0.4s linear ;-webkit-transition : all 0.4s linear ;-o-transition : all 0.4s linear ;}
.footer-info dl.g-z{ width: 270px;}
.footer-info dl.g-z dd a{width: 88px;height: 100px;margin-top: 8px; line-height: 16px; display: inline-block;text-align: center;font-size: 14px;color:#eee;margin-right: 10px;}
.footer-info dl.g-z dd a i{font-size:50px;}
.footer-info dl.g-z dd a:hover{color:#162F82;transition : all 0.4s linear ;-moz-transition : all 0.4s linear ;-webkit-transition : all 0.4s linear ;-o-transition : all 0.4s linear ;}
.footer-info dl.k-f{width: 160px;border: 0}
.footer-info dl.k-f i{font-size:20px; color:#eee;}
.footer-info dl.k-f span{color:#eee;}
.footer-info dl.k-f .dt_2{margin-top:20px;}


/*安全保障 css*/
.Guarantee{width: 100%;padding: 40px 0;float: left;}
.Guarantee-t{width: 100%;height: 54px;line-height: 54px; border-bottom: 1px solid #b29537;text-align: center;color: #b29537;font-size: 30px;margin-bottom: 85px}
.Guarantee-t img{margin-right: 20px;vertical-align: middle;}
.sl-b{width: 1030px;float: left;text-align: center;}
div.sl-b1{width: 1000px;}
.sl-b ul li{width: 443px;padding: 0 20px 45px 20px; text-align: center; border:1px solid #dedede;float: left;margin-right: 30px;min-height: 260px}
.sl-b ul li span{height: 66px;display: inline-block;margin: -32px 0 40px 0;}
.sl-b ul li img{}
.sl-b ul li p{text-align: left;font-size: 14px; line-height: 24px; color: #333}
.sl-b p{ text-align: left;font-size: 12px; line-height:30px;color: #333}
.pb50{padding-bottom: 50px;}
.Guarantee .top-j{width: 100%;height: 99px; background: url(../images/xb-sx.png) center center;position: absolute;top: 0;left: 0}
.Guarantee .bot-j{width: 100%;height: 99px; background: url(../images/sb-sx.png) center center #f5f5f5;position: absolute;bottom: 0;left: 0}
.pt-b99{padding-top: 99px; padding-bottom: 99px;}
.d3f{width: 50%;float: left;text-align: left;height: 30px; line-height: 30px;font-size: 12px; color: #333;text-indent:25px;}

/*弹出框css*/
.pop-box{width: 600px; height: 450px;-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;background: #b29537;margin: 0 auto;filter:alpha(opacity=0);  -moz-opacity:0; opacity:0; display:none;position: fixed;
top: 150px;
z-index: 100;}
.pop-t{width: 100%; height: 70px; line-height: 70px; color: #fff;font-size: 24px; text-align: center;}
.pop-close{width: 30px; height: 30px; color: #fff;display: inline-block;position: absolute;right: 15px; top: 25px;}
.pop-c{width: 99%;margin: 0 auto;background: #fff;display: table;-moz-border-radius:0 0 20px 20px; -webkit-border-radius:0 0 20px 20px; border-radius:0 0 20px 20px;}
/*自定义下拉框css*/
.drop-xz{width:216px;float: left;cursor: pointer;  height: 56px;line-height: 56px;font-size: 16px; text-indent: 25px;border: 2px solid #ddc061;position: relative;}
.drop-xz i{font-size: 16px; color: #999;font-style: normal;}
.drop-xz:hover{}
.drop-xz:active{border-color:#ababab}
.drop-xz em{position: absolute;right: 0;top: 0;width:58px;height: 100%;background: url(../images/icon/xl01.png) 50% center no-repeat #ddc061;}
.xx_yyicn{position: absolute;left:13px;top: 5px;}
.drop-box{width:217px;cursor: pointer; border: 1px solid #ababab;border-top: none; position:absolute;top: 58px;left: -1px;background: #fff;display: none; -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;}
.drop-box ul{padding-bottom: 10px;}
.drop-box ul li{height: 35px; line-height: 35px;font-size: 14px;cursor:pointer;}
.drop-box ul li:hover{background: #eee}
.drop-box ul li.selected{background: #fffaec;color:#cc0000}
.drop-box ul li img{float: left;margin: 5px 12px 0 13px;}

/*自定义选择框css*/
.radio-b li{float: left;font-size: 18px;color: #666;margin-right: 30px;vertical-align: middle;}
.radio-b li label {
  cursor: pointer;
  vertical-align: middle;
  background: url(../images/icon/dx-b.png) no-repeat left top;height: 20px;width: 20px;display: inline-block;float: left;margin-right: 5px}
.radio-b li.selected label {
  background-position: left bottom;
}
/*自定义选择框css*/
.Checkbox-b li{float: left;font-size: 16px;color: #666;margin-right: 30px;vertical-align: middle;}
.Checkbox-b li label {
  cursor: pointer;
  vertical-align: middle;
  background: url(../images/icon/xz-b.png) no-repeat left top;height: 22px;width: 22px;display: inline-block;float: left;margin-right: 5px}
.Checkbox-b li.selected label {
  background-position: left bottom;
}
/*.......................................公共样式部分..................................*/
/*nav导航 css*/
.nav{height:40px; position:absolute; right:0px;top:72px;}
.nav ul{float: left;}
.nav ul li{ float: left;position: relative; text-align: center;height:40px; line-height:40px;}
.nav ul li a{padding: 0 15px; text-align: center;color: #000; vertical-align: middle;float: left;font-size: 16px;height:40px;line-height:40px;}
.nav ul li a:hover,.nav ul li.selected a{color: #cc0000;}
.nav .pz-c{width:106px;float: left; display: inline-block;font-size: 16px; text-align: center; height: 38px; line-height: 38px; border: 1px solid #ddc061;color:#a87729}
.header-t .phone{min-width: 288px; height: 30px; line-height: 30px;float: right;margin: 25px 0 15px 0}
/*搜索框 css*/
.search{width:467px;height:45px; line-height:45px;background:#ca2c25;}
.search input{width:380px;padding: 0 10px; height:40px;line-height:40px; background: #fff;border: none;margin: 2px 0 0 2px}
.search button{ background: none;border: none;position: absolute;right:0px; top:0px;width:64px; height:45px;cursor: pointer;}
/* 面包屑导航 */
.breadcrumbs{width: 100%;height:34px;line-height:34px;border-bottom: 1px solid #dedede; background: #f4f4f4;}
.breadcrumbs a{margin: 0px;color: #666;font-size: 12px;}
.breadcrumbs a:hover{text-decoration: underline;color:#162F82;}
.breadcrumbs span{margin: 0 5px;font-size: 12px}
.breadcrumbs i{float: left;}
/*首页banner css*/
.fullSlide{ min-width:1000px; position:relative;  height:600px; overflow:hidden;  }
.fullSlide .bd{ position:relative; z-index:0;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:800px; }
.fullSlide .hd{ width:130px; left:51%; margin-left:-65px;  position:absolute; z-index:1; bottom:30px;height: 10px;}
.fullSlide .hd ul{ float:left;}
.fullSlide .hd ul li{ float:left;margin-right:10px; display:inline; cursor:pointer;position: relative;width:16px;height:16px; background: #fff;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.fullSlide .hd ul li.on{display: inline-block;background: #162F82}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.fullSlide a.prev,.fullSlide a.next{display:block;width:44px;height:78px;overflow:hidden;cursor:pointer;position:absolute;}
.fullSlide a.prev{left:20px;}
.fullSlide a.next{right:30px;}
div.fullSlide1{height: 400px;}
div.fullSlide1 .bd li{height: 400px;}
div.fullSlide1 .bd li a{height: 400px;}
div.fullSlide1 .hd{ width: 1000px;position: relative;margin:0 auto;left: 0;bottom: 20px;}
div.fullSlide1 .hd ul{ float:right;}
div.fullSlide1 .hd ul li{ float:left;margin-right:10px; display:inline; cursor:pointer;position: relative;width:6px;height:6px;border: 2px solid #fff; background: #fff;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;background: #fff}
div.fullSlide1 .hd ul li.on{display: inline-block;background:#162F82}
/*产品列表css*/
.p-b{width: 1020px;}
dl.product_list{ width:234px; height:193px;float: left;margin-right:20px; margin-bottom: 20px; text-align: center;background: #fff;}
dl.product_list dt{float: left;border: 1px solid #f1f1f1;background: #fff;height: 165px;width: 234px;position: relative;}
dl.product_list dt span{width: 60px; height: 60px; display: inline-block;background: url(../images/f-d.png);position: absolute;left:90px;top:55px;display: none}
dl.product_list:hover dt span{display: inline-block;}
dl.product_list:hover dt{background: #96A6E6;border-color: #96A6E6}
dl.product_list dt img{width: 99%; height:159px; margin: 3px 0 0 2px}
dl.product_list:hover dt img{opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(Opacity=90);}
dl.product_list dt a{margin: 0;padding: 0;float: left;display: inline-block;width: 100%; height: 100%;}
dl.product_list dd{text-align:left;background: #fff;float: left;margin: 0;padding: 0;width: 100%}
dl.product_list dd a{color: #666;font-size: 12px;background: #fff;display:inline-block;}
dl.product_list dd p a{color: #666;font-size: 12px;line-height:24px;float: left;}
.p-b dl.video{height: 220px;}
/*文章列表css*/
.art-list{width: 100%;}
.art-list ul{padding: 0 40px;margin-bottom: 40px;}
.art-list ul li{width: 100%;height: 59px; line-height: 59px;border-bottom: 1px dotted #cccccc}
.art-list ul li a{font-size: 14px; color: #333}
.art-list ul li span{float: right;font-size: 14px;color: #666}

/*翻页样式css*/
.page{margin: 38px 0 0 0;float: left;}
.page a{padding: 4px 10px; color: #999;border: 1px solid #e7e7e7;font-size: 14px}
.page a:hover,.page a.selected{color: #fff; background: #162F82;border: 1px solid #162F82}

/*文章详情页css*/
.art-tit{ font-size:24px; color: #333; text-align: center;;width: 100%;margin:20px 0 10px 0;float: left;height: 50px; line-height: 50px; }
.art-tit span{font-size: 13px; color: #666;display: inline-block;margin-top: 10px;}
.art-con{margin-bottom:0px;width: 890px;background: #fff}
.art-con p{line-height: 24px;font-size: 16px; color: #333;text-indent: 30px}
.art-con1{margin-bottom: 10px;width:1000px;}
.art-con1 p{line-height: 24px;font-size: 14px; color: #666}
.art-sort-b{width: 100%;/*height: 70px;line-height: 70px;*/padding: 30px 0; float: left;background: #bc9957}
.arrow{width: 36px; height: 30px;line-height: 30px; text-align: center;display: inline-block; background: #ca2c25;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.sort-b{width:100px; height: 30px;line-height: 30px; text-align: center;display: inline-block;background: #ca2c25;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.gsll p{line-height: 30px;}
.map{width: 998px; border: 1px solid #cccccc;}
.map img{width: 100%;}

/*问答模块css*/
dl.Questions{margin-top:25px;width: 100%;}
dl.Questions dt{width: 100%; height: 40px;line-height: 40px;border-bottom: 1px #ccc dashed;text-indent: 30px; background: url(../images/help_13.jpg) no-repeat left 10px;}
dl.Questions dt img.icon{margin-right: 5px;}
dl.Questions dd{padding: 10px 15px 20px 30px;background: url(../images/help_17.jpg) no-repeat left 10px #f6f6f6;}
dl.Questions dd p{font-size: 14px; color: #666;line-height: 20px;text-indent: 0}
dl.mt0{margin-top: 0}
dl.Questions dt.t-z{background:#fafafa;text-indent: 0;border-bottom: 1px solid #f2f2f2}
dl.Questions dt.t-z a:hover {color: #cc0000}
dl.Questions dt.t-z :hover i.zz{color: #cc0000}
dl.Questions dt.t-z i{color: #999}
dl.Questions dd.t-zc{background: none}
/*上一篇下一篇css*/
.prev-next{border-top: 1px solid #e3e3e3;width:100%;padding: 30px 0px;background: #fff;float: left;}
.prev-next a{width: 50%;display: inline-block;text-align: left;float: left;color: #666;font-size: 14px;}
.prev-next a:hover{color: #162F82}
.prev-next a:last-child{text-align: right;}
/*左侧 css*/
.c-left{width: 180px; float: left;}
.c-left i{
    display: block;
    font-size: 40px;
    color: rgba(26, 24, 24, 0.72);
    width: 55px;
    height: 56px;  vertical-align: middle;  float: left;  position: relative;
    top: 17px;
}
.c-left h2{font-size: 24px; color: #000;width: 180px;position: relative;}
.c-left h2 b{position: absolute;left:25px;bottom:20px;color: #fff;font-size: 16px;}
.c-left h2 span{font-size: 12px;color: #a6daff;display: inline-block;position: absolute;left:25px;bottom:45px;}
.c-left h2 i{position: absolute;right: 15px; top: 10px;}
.c-left h3{font-size: 26px; color: #1063e5;margin:125px 0 0 0;width: 180px; height: 86px; background: #0a8dec;position: relative;}
.c-left h3 b{position: absolute;left:25px;bottom:20px;color: #fff;font-size: 16px;}
.c-left h3 span{font-size: 12px;color: #a6daff;display: inline-block;position: absolute;left:25px;bottom:45px;}
.c-left h3 i{position: absolute;right: 15px; top: 10px;}
.c-left ul{margin-top: 25px;}
.c-left ul li{list-style: none}
.c-left ul li a{width: 180px; height: 50px;text-align: left; display: inline-block;line-height: 50px;border-top: 1px #ccc dotted; font-size: 14px; color: #333;text-indent: 25px;}
.c-left ul li a i{float: right;margin-right: 15px;color: #cccccc;margin-top: 18px;}
.c-left ul li:last-child a{border-bottom:1px #ccc dotted}
.c-left ul li a:hover,.c-left ul li.selected a{background: #162F82;color: #fff;border-color:#162F82 }
.c-left ul li a:hover i,.c-left ul li.selected a i{color: #fff}

.c-left ul.c-z li a{width: 180px; height: 50px;display: inline-block;line-height: 50px;border-top: 1px #ccc dotted;float: left;  font-size: 14px; color: #333;text-indent:10px;}
.c-left ul.c-z li a:hover{background: #fffaec;color: #cc0000;border-color:#ccc }
.c-left ul.c-z li a:hover i{color: #cc0000}
.c-left ul.c-z li span{width: 24px;height: 25px; display: inline-block;margin-top:12px;float: left;margin-left: 25px;background: url(../images/icon/li-bg.png) no-repeat}
.c-left ul.c-z li.li1 span{background-position: 0 0}
.c-left ul.c-z li.li1:hover span{background-position: 0 -25px}
.c-left ul.c-z li.li2 span{background-position: -32px 1px;height: 22px}
.c-left ul.c-z li.li2:hover span{background-position: -32px -21px}
.c-left ul.c-z li.li3 span{background-position: -66px 1px;height: 21px}
.c-left ul.c-z li.li3:hover span{background-position: -66px -19px}
.c-left ul.c-z li dl{width: 100%;display: none}
.c-left ul.c-z li:hover dl{display: block;}
.c-left ul.c-z li dl dd{width: 100%; height: 40px; line-height: 40px; float: left;font-size: 14px;color: #333;text-align: center;}
.c-left ul.c-z li dl dd a{width: 180px;height: 40px;display: inline-block;line-height: 40px;border: 0px;text-align: center;}
.c-left1{border-right: 1px solid #e5e5e5;min-height: 900px;width: 179px;}
.c-left2{border-right: 0px;min-height: 600px;width: 179px;background: #fff}
/*右侧 css*/
.c-right{float:left;width: 890px;margin-left: 30px;}
.c-right1{border-left: 1px solid #e5e5e5;margin-left: 0;padding-left: 30px;background: #fff}
.c-right2{width: 889px;margin-left: 0;padding-left: 30px;background: #fff}
.c-right h2{height: 50px;font-size: 24px; color: #162F82;line-height: 50px;border-bottom: 1px solid #ebebeb}
.c-right h2 span{float: right;width: 130px; height: 36px; line-height: 36px; display: inline-block;background: url(../images/help_05.png);text-indent: 25px; font-size: 16px; color: #fff}
.c-right h2 span a{font-size: 14px;color: #fff}
.c-right h2 span a:hover{text-decoration: underline;}
.c-right h2 i{font-size: 13px;margin: 0 5px;}
.c-right-con{padding: 0 30px;width: 650px; float: left;background: url(../images/yy.png) no-repeat top center;margin-left: 60px}
.c-right p{text-indent: 20px; line-height: 22px; color: #666;font-size: 12px}
.c-right2 p{font-size: 16px;text-indent: 0;line-height: 26px;}

.c-right-t{width:760px; height: 44px; border-bottom: 2px solid #dcdcdc;float: left;}
.c-right-t ul li{width: 145px; height: 44px;float: left;cursor: pointer;}
.c-right-t ul li a{display: inline-block;width: 145px; height: 20px;line-height: 20px; border-right: 1px solid #cccccc;font-size: 18px; color: #666666;text-align: center;margin-top: 12px;}
.c-right-t ul li:hover a{color:#b29537 }
.c-right-t ul li.selected a{color: #b29537}
.hover-b{width:145px; height: 7px; background: url(../images/x-lit.png) no-repeat center bottom;position: absolute;bottom:-2px;left:435px}
.cz-table{width:760px;margin-top: 25px;float: left;}
.cz-table thead{background: #333333;height: 60px;}
.cz-table thead tr th{color: #fff;font-size: 16px}
.cz-table thead tr th{border-right: 1px solid #5c5c5c}
.cz-table tbody{height: 50px;}
.cz-table tbody tr td{color: #666;font-size: 14px;text-align: center;}
.cz-table tbody tr td.f12{font-size: 12px;}
.cz-table tbody tr{border-bottom: 1px solid #f0f0f0;background: #fafafa}
.cz-table tbody tr:hover{background: #fffaec}
/* 图片列表 css */
.pic-lt{float: left;position: relative;}
.pic-lt a{display:block;width:100% ;height:100%;}
.pic-lt a dt{text-align: center;}
.pic-lt a dt h4{width:201px;padding: 0 24px; text-align: center;position: absolute;left: 0;top:134px;}
.pic-lt a:hover dt h4 span{color:#b28b37}
.pic-lt a dt img{-moz-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear}
.pic-lt a:hover dt img{-moz-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3);}
.pic-lt a dd{ width: 208px; text-align: center;position: absolute;bottom: 0;left: 0;height: 26px; line-height: 26px;opacity:0;-moz-opacity:0;-khtml-opacity:0;filter:alpha(Opacity=0);background: #333;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear}
.pic-lt a:hover dd{opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;filter:alpha(Opacity=80);color: #fff}
.pic-size{width: 201px;padding: 0 24px; height: 177px; border-right: 1px dashed #dcdcdc;margin-top: 20px}
.pic-size:last-child{border-right: 0}
/*图左文右布局 css*/
.img-txt{float: left;border-bottom:1px dashed #ccc}
.img-txt:hover{background:#fafafa}
.img-txt dt{}
.img-txt:first-child{padding-top: 0}
.img-txt dt b{font-size: 18px; color: #333;font-weight:inherit;}
.img-txt dt p{font-size: 14px; color: #666;line-height: 26px;}
.img-txt dt.w370{width: 370px;}
.img-txt dd{}
.img-txt dd img{}
.img-txt dd img.mt-30{margin-top: -30px}
.img-txt dd b.w615{width: 615px;}
.img-txt dd p.w615{width: 615px;font-size: 14px; line-height: 24px; color: #666}
.img-txt dd b a{display: inline-block;}
.img-txt dd b a:hover{color: #bc9957}
.img-txt dd b span{font-weight: normal;}
.img-txt:hover dd b a{color: #162F82;transition : all 0.4s linear ;-moz-transition : all 0.4s linear ;-webkit-transition : all 0.4s linear ;-o-transition : all 0.4s linear ;}
/*.img-txt:hover dd p a{color: #cc0000;transition : all 0.4s linear ;-moz-transition : all 0.4s linear ;-webkit-transition : all 0.4s linear ;-o-transition : all 0.4s linear ;}*/
dl.p-20{padding: 20px;border: 0;background: #fff;margin-bottom: 10px;}
dl.p-20:hover{-moz-box-shadow:0px 0px 10px #dfddde;
    -webkit-box-shadow:0px 0px 10px #dfddde;
    box-shadow:0px 0px 10px #dfddde;}
/* 表单样式 css*/
.c-form{padding: 0 40px;}
.c-form form{width: 100%;float: left;padding-bottom: 40px}
.c-form form h3{ float: left;margin: 0 0 20px -20px}
.c-form dl{ margin-top: 20px; float: left;margin-right: 15px}
.c-form dl dt{width: 75px; height: 35px;font-size: 16px; float: left; text-align:right; line-height: 35px;margin-right: 20px;color: #666}
.c-form dl dt i{ margin-right: 5px;color: #ff0505}
.c-form dl dd{float: left;font-size: 16px;}
.c-form dl dd.yzm{ width: 148px; float: left;}
.c-form dl dd input{ height: 38px;line-height: 38px; text-indent: 15px;border: 1px solid #cccccc;color: #999999; width: 398px;background: #f9f9f9}
.c-form dl dd select{height: 38px;width: 300px;background: #fff}
.c-form dl dd textarea{width: 398px; height: 108px; overflow: hidden;border: 1px solid #cccccc;}
.c-form dl dd button{width: 186px; height: 50px; line-height: 50px; text-align: center;font-size: 18px; color: #fff;background: #cc0000;border: 0;-moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px;cursor: pointer;display: inline-block;font-family: "微软雅黑"}
.c-form dl dd button.w220{ width: 220px;}
.c-form dl dd input.w258{width: 258px;height: 48px; line-height: 48px;}
/*提交按钮 css*/
p.s-a-btn{ text-indent: 0; }
.s-a-btn a{height:36px;line-height: 36px;text-align: center;color:#fff;font-size: 14px;border: 2px solid #ca2c25}
.s-btn-continus,.s-btn-back{background: #ca2c25;}
.s-btn-check,.s-btn-edit{background: #ffedec;}
a.s-btn-back,a.s-btn-edit{padding:0 55px;}
a.s-btn-edit{color: #333}

.c-button{text-align: center;color: #fff;background: #cc0000;border: 0;-moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px;cursor: pointer;display: inline-block;font-family: "微软雅黑";padding: 0 40px;}
a.gb29536{background: #b29537}
a.gddc06{background: #ddc061;padding: 0 20px}
/*table css*/
.table{padding: 0 40px;}
.table table{width: 100%;margin-top: 40px;float: left;}
.table table thead tr th{ text-align: center;padding: 20px 0;background: #f0f4f7}
.table table tbody tr td{ text-align: center;padding: 20px 0}
.table table tbody tr:nth-child(2n){background: #f8fcff}

/* 右侧漂浮 css*/
.rig-fbox{width: 66px;height: 270px;position:absolute;top: 120px;right:40px;background: #fff}
.rig-fbox ul li{width: 66px; height: 66px; text-align: center;line-height: 66px; color: #fff;background: #dcdcdc;margin-bottom: 2px;cursor: pointer;position: relative;}
.rig-fbox ul li span.nr-box{width: 180px; height: 188px;position: absolute;display:none;right: 78px; top: -55px;}
.rig-fbox ul li:hover span.nr-box{display: block;}
.rig-fbox ul li i{margin-top: 15px;}
.rig-fbox ul li:hover{background:#679ede}
/*登陆框*/
.login{width: 100%; height: 639px; background: url(../images/loginbg.png) center top;float: left;}
.r-login{width: 354px; height: 414px; background: #fff;float: right;border:3px solid #ddc061}
.r-login ul li{width: 50%;float: left;height: 55px; line-height: 55px;font-size: 18px; color: #fff;text-align: center;}
.r-login ul li a{color: #fff;width: 100%; height: 55px;line-height: 55px;background:#ddc061;display: inline-block;}
.r-login ul li.selected a{color: #333;background: #fff}
/*注册框*/
.register{width: 100%; height: 630px; background: url(../images/zc.png) center top;float: left;}

.replace-phone{padding: 0 30px;}
.rp-phone-t{width: 100%;height: 44px; line-height: 44px;font-size: 24px; color: #b29537;border-bottom: 1px solid #e5e5e5}
.rp-phone-t ul{float: left;}
.rp-phone-t ul li{width: 130px;height: 46px;float: left;text-align: center;font-size: 24px; color: #999;margin:0 5px;cursor: pointer;}
.rp-phone-t ul li a{font-size: 24px; color: #999;}
.rp-phone-t ul li.selected{background: url(../images/x-lit.png) no-repeat center bottom ;}
.h55{height:55px; line-height: 55px;}
.m-h900{ min-height: 900px;}

.join1{width: 100%; height: 575px; background: url(../images/dl_02.jpg) no-repeat center top;float: left;}
.join2{width: 100%; height: 825px; background: url(../images/dl_03.jpg) no-repeat center top;float: left;}
.join3{width: 100%; height: 948px; background: url(../images/dl_04.png) no-repeat center top;float: left;}
.join3 div{height: 948px;}
.sq-dl{padding: 5px 40px;bottom:130px; left: 390px;border-radius: 30px;}
.lx-table{width: 90%; margin-left: 20px}
.lx-table tr td{ text-indent: 20px;}

.pz-bz{width: 725px; height: 141px; background:url(../images/pz_03.jpg);margin: 35px auto 0}
.ay-pz{padding-left: 50px; background: #f4f4f4;margin-top:25px;width: 950px;}
.ay-pz dl dt{width: 200px}
.ay-pz .dashed{width:940px;border-bottom: 1px solid #ccc;margin-left: -35px;}
.ay-pz .dashed1{width:830px;border-bottom: 1px solid #ccc;margin-left: 35px;}
div.pl0{padding-left: 0;width: 1000px;height: auto;float: left;}
.brdius20{border-radius:30px;}
.b-hao{width: 25px; height: 25px; border: 2px solid #444;font-size: 25px;text-align: center;line-height: 25px;float: left;display: inline-block;-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;color: #444}
.spzj-box{margin-left: 15px;width: 1020px;}
.spzj-box div{width: 140px;height:95px;padding-top: 25px; padding-left: 65px; float: left;margin:0 30px 30px 0;background: url(../images/pzk_03.png) no-repeat;font-size: 16px; color: #666;cursor: pointer;}
.spzj-box div.selected{background:url(../images/pzk_05.png);}
div.o-1{width: 750px;margin: 0}
div.o-1 div{width:220px;height:70px;line-height: 70px; float: left;margin:0 30px 30px 0;background: url(../images/02.png) no-repeat;font-size: 16px; color: #666;cursor: pointer;padding: 0;text-align: center;}
.Columns2-b dl div.o-1 div.selected{width:220px;height:70px;line-height: 70px; float: left;margin:0 30px 30px 0;background: url(../images/01.png) no-repeat;font-size: 16px; color: #666;cursor: pointer;padding: 0;text-align: center;border: 0}
.rp-phone-t .c-button{padding: 0 20px;}
.overf{overflow: hidden;width: 940px; margin: 0 auto}
.ml400{margin-left: 400px;}.ml350{margin-left: 350px;}
.ml-20{margin-left: -20px;}

.cp-gz{background: #fff;width: 100%;float: left;}
.cp-gz ul li{width: 100%;height: 40px; line-height: 40px; border-bottom: 1px solid #f4f4f4;font-size: 16px; color: #666}
.cp-gz ul li span{width: 210px; text-indent: 100px;height: 40px; display: inline-block;border-right: 1px solid #f4f4f4}
.cp-gz ul li b{width: 20px; height: 20px; background: url(../images/w-h.png);float: left;margin-top: 10px;margin-left: 10px;cursor: pointer;position: relative;}
.cp-gz ul li b span{width: 290px;height: 70px; text-indent:0px;display: inline-block;border-right: 0px;background: url(../images/ts-b.png);position: absolute;top:-23px; left: 22px;display: none}
.cp-gz ul li b:hover span{display: block;}
.cp-gz ul li b span p{line-height: 20px;margin: 10px 0 0 25px;}

.mfs-b{width: 760px; height: 60px; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;background: #ffffff;margin: 40px auto 0;-moz-box-shadow:0px 1px 1px #aaa;
    -webkit-box-shadow:0px 1px 1px #aaa;
    box-shadow:0px 1px 1px #aaa;}
.mfs-b .icon{width: 79px; height: 60px; background: url(../images/icon/ttb.png) no-repeat;display: table-cell;vertical-align: middle;text-align: center;}
.mfs-b .icon img{vertical-align: middle;}
.mfs-li{width: 680px; height: 60px;line-height: 60px; float:right; text-align: center;font-size: 18px; color: #333}
.mfs-li em{width: 30px; height: 15px; display: inline-block;position: absolute;bottom:-15px;left:300px;background: url(../images/icon/xsj.png) no-repeat;}
.pzcen{margin: 70px 0 0 0;width: 1020px}
.pzcen dl{width: 485px; height: 300px;float: left;background: #f4f4f4;margin: 0 25px 25px 0;-moz-box-shadow:0px 1px 3px #aaa;
    -webkit-box-shadow:0px 1px 3px #aaa;
    box-shadow:0px 1px 3px #aaa;}
.pzcen dl dt{width: 175px; height: 300px;float: left; text-align: center;position: relative;}
.pzcen dl dt img{position: absolute;bottom: 20px; left: 40px;}
.pzcen dl dt.l1{background: #cc3333}
.pzcen dl dt.l2{background: #e36b2e}
.pzcen dl dt.l3{background: #3db5dc}
.pzcen dl dt.l4{background: #8c86dd}
.pzcen dl dt.l5{background: #efa71b}
.pzcen dl dt.l6{background: #44bc47}
.pzcen dl dd{width: 310px; height: 300px;position: relative;float:left;}
.pzcen dl dd em{width: 110px; height: 112px; display: inline-block;background: url(../images/icon/psc_03.png);position: absolute;top: -5px;right: -5px;}
.pzcen dl dd p{line-height: 50px; border-bottom: 1px dashed #c0c0c0;margin-left: 21px;margin-right: 21px; font-size: 16px; color: #666}
/*软件下载*/
.download{width: 1030px;float: left;margin-top: 40px;margin-bottom: 250px;}
.download div{width: 485px; float: left;margin-right: 30px;background: #fafafa;text-align:center;padding-bottom: 70px;float: left;}
.download div p{height: 170px; overflow: hidden;}
.install-b{width: 960px; height: 750px; overflow: auto;position: relative;}
.install{width: 960px; height: 1500px;}
.install-t{width: 910px; height: 150px; border-bottom: 3px solid #e5e5e5;margin: 0 auto;}
.pop-install .close{width: 30px; height:30px; display: inline-block;position: absolute;right:-40px; top:-1px; background:transparent;cursor: pointer;}
.install-c{width: 910px; margin: 0 auto}
.pop-install{width: 960px; height: 750px;background: #fff;margin: 0 auto;display:none;position: fixed;top: 50px;z-index: 100;}

.rz-form{float: none;margin-left: 150px;float: left;}
.rz-form dt{width: 75px;height: 42px;line-height: 42px;text-align: right;float: left;font-size: 14px; color: #666}
.rz-form dd{float: left;}
.rz-form dd input{width: 218px; height: 40px;line-height: 40px; border:1px solid #e5e5e5;background: #f9f9f9;font-size: 14px; text-indent: 20px; color: #333}
.why-rz{width: 760px;height: 125px; background: #fafafa;border-top: 1px solid #dcdcdc;margin-top: 5px}
.why-rz p{font-size: 12px; color: #666;line-height: 30px; padding-left: 30px;margin-top: 20px;float: left;text-indent: 0}

dl.help-s{margin-top:0px;width: 100%;}
dl.help-s dt{width: 100%; height: 50px;line-height: 50px;border-bottom: 1px #f2f2f2 solid;text-indent: 0px; background:#fafafa;cursor: pointer;}
dl.help-s dt.selected{color: #333;background: none;border: 0}
dl.help-s dt:hover{color: #cc0000}
dl.help-s dt img.icon{margin-right: 5px;}
dl.help-s dd{padding: 10px 15px 20px 30px;background:none;display: none}
dl.help-s dd.selected{display: block}
dl.help-s dt .icon{width: 20px; height: 20px; display: inline-block;margin:15px 10px 0 8px;background: url(../images/r-d.png) no-repeat 0 -20px;float: left;}
dl.help-s dt:hover .icon{background: url(../images/r-d.png) no-repeat 0 0px;float: left;}
dl.help-s dt.selected .icon{background: url(../images/r-d.png) no-repeat 0 -40px;float: left;}
dl.help-s dt.selected:hover{color: #333}
dl.help-s dd p{font-size: 16px; color: #333;line-height: 30px;text-indent: 0}
/*我的账户*/
.my-a{border:0;float: left;}
.my-accouts{width: 760px; height: 130px; background: #fafafa;margin: 5px 0 0 0;float: left;}
.my-accouts ul li{width: 189px; height: 70px;padding-top: 20px; margin-top: 20px;float: left;border-right: 1px #ccc dotted;text-align:center;}
.my-accouts ul li:last-child{border: 0}
.my-xx{width: 760px;background: #fafafa;float: left;border-top: 1px solid #e5e5e5;margin-top: 5px}
.my-xx ul li{width: 100%;height: 59px; text-indent: 40px; line-height: 59px;font-size: 14px; color: #999;border-bottom: 1px #ccc dotted}
.dx-kg{width: 58px; height: 29px; display: inline-block;background:url(../images/k-g.png) no-repeat 0 0;cursor: pointer;}
.my-xx ul li .checked{background:url(../images/k-g.png) no-repeat 0 -29px}

.my-pzcen{margin: 15px 0 0 0;width:760px;float: left;}
.my-pzcen dl{width:760px;height: 130px;float: left;background: #f4f4f4;margin: 0 25px 25px 0;-moz-box-shadow:0px 1px 3px #aaa;
    -webkit-box-shadow:0px 1px 3px #aaa;
    box-shadow:0px 1px 3px #aaa;}
.my-pzcen dl dt{width: 175px; height:130px;float: left; text-align: center;position: relative;}
.my-pzcen dl dt img{position: absolute;bottom: 10px; left: 40px;width: 100px;}
.my-pzcen dl dd{width: 585px; height: 130px;position: relative;float:left;}
.my-pzcen dl dd em{width: 110px; height: 112px; display: inline-block;background: url(../images/icon/psc_03.png);position: absolute;top: -5px;right: -5px;}
.my-pzcen dl dd p{line-height: 50px; border-bottom: 1px dashed #c0c0c0;margin-left: 21px;margin-right: 21px; font-size: 16px; color: #666}
a.p-z1{width: 85px; height: 25px; line-height: 25px;padding: 0}

.xg-password dt{width: 100px;}
.pass-qd{width: 212px; height: 28px;background: url(../images/pass.png) 0 0 no-repeat;}
.l-t{padding: 0 30px;}
/* 论坛css */
.tz-man-t{height: 50px;font-size: 24px;color: #cc0000;line-height: 50px;border-bottom: 1px solid #ebebeb;width: 100%}
.tz-man{margin-bottom: 150px;float: left;}
.tz-man thead tr{background: #fafafa;}
.tz-man thead tr th{ text-align: center;color: #b29537;font-size: 16px;}
.tz-man thead tr th{ text-align: center;color: #b29537;font-size: 16px;}
.tz-man tbody tr{background: #fff;border-bottom: 1px dotted #e5e5e5;}
.tz-man tbody tr td{ text-align: center;color: #999;font-size: 14px;}
.r-yy{width: 38px; height: 38px;-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;background: #fff;display: inline-block;margin-right: 1px;cursor: pointer;}
.r-yy:hover{background: #cc0000}
.r-yy:hover i{color: #fff}

.check-box{width: 600px; height: 340px;-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;background: #b29537;margin: 0 auto;position: fixed;filter:alpha(opacity=0);  -moz-opacity:0; opacity:0; display:none;
top: 150px;
z-index: 100;}
.check-x{width: 594px;height: 225px;background: #fff;-moz-border-bottom-right-radius: 20px;-webkit-border-bottom-right-radius: 20px;border-bottom-right-radius: 20px;-moz-border-bottom-left-radius: 20px;-webkit-border-bottom-left-radius: 20px;border-bottom-left-radius: 20px;margin: 0 auto;padding-top: 40px}
.check-x .txt{width: 505px;padding: 0 5px;font-size: 18px; color: #666; height: 100px; border-bottom: 1px solid #cccccc;margin: 0 auto;line-height: 30px;}
a.qx-d{background: #999999}
.x-bt{background: #fafafa;border-bottom: 1px solid #f2f2f2}
.pl-t{width: 100%;height: 40px;line-height: 40px; border-bottom: 1px solid #cccccc;float:left;font-size: 18px; color: #cc0000}
.pinl{width:950px;margin: 0 auto}
.pinl dt{width: 98%;padding: 0 1%; height: 40px;float: left; background: #eeeeee; line-height: 40px;font-size: 14px;color: #999;border-bottom: 1px #e5e5e5 dotted}
.pinl dd{font-size: 14px; color: #333;line-height: 24px;float: left;width: 96%;padding: 10px 2% 15px 2%;}
.hf-tt{width: 960px; height: 150px; margin: 10px 0 0 20px;border: 1px solid #ccc;overflow: hidden;}
.zj-xt{width: 2px ;height: 21px; background: #c6c6c6;display: inline-block;float: left;margin-top: 15px}

/* 新手指引 */
.bgf5f5f5{ background:#f5f5f5;}
.new_banner{ height:300px; overflow:hidden;}
.new_banner a{ display:block; height:300px; width:100%;}
.new_ul li{ color:#666; line-height:30px;}
.new_list{ width:998px; border:1px solid #eee; background:#fff;}
.new_l_1 h2{ width:499px; border-right:1px solid #eee; background:#ddc061;}
.new_lis_d h2{ border-bottom:1px solid #eee; font-weight:normal; color:#fff; font-size:24px; height:58px; line-height:58px; text-align:center;}
.new_l_2 h2{width:498px; background:#c9c6bc;}
.new_lis_d ul{ padding:0 15px;}.new_l_1 ul{ border-right:1px solid #e5e5e5;}
.new_lis_d ul li{ font-size:18px; color:#666; border-bottom:1px dotted #dcdcdc; height:49px; line-height:49px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-left:55px; position:relative;}
.new_lis_d ul li.on{ border-bottom:0;}
.new_lis_d ul li span.new_s_abs{ position:absolute; left:9px; top:7px; display:block; width:40px; height:35px; background:url(../images/icon_1.png) no-repeat 0 0; color:#fff; font-size:24px; line-height:35px; text-align:center;}
.new_lis_d.new_l_2 ul li span.new_s_abs{ background:url(../images/icon_2.png) no-repeat 0 0;}

.pzys-t{width:975px;margin: 0 auto; height:210px;position:relative;}
.pzys-t .img1{position: absolute;left: 0;top: 0}
.pzys-t .img2{position: absolute;right: 0;top: 0}

/*3d效果切换css*/
#d_tab29 ul, #d_tab29 li { margin: 0; padding: 0; list-style: none }
#d_tab29 img { border: 0; vertical-align: top }
#d_tab29 { position: relative; height: 700px; background: none; text-align: left }
#d_tab29 .d_img { position: relative; margin: 0 auto; width: 1000px; height: 100% }
#d_tab29 .d_img li { position: absolute; display: none; z-index: 0 }
#d_tab29 .d_img .cont{ width:100%; height:87px; background:rgba(0,0,0,0.5); position:absolute; bottom:0px; left:0px; z-index:99999;}
#d_tab29 .d_img li img { width: 100% }
#d_tab29 .d_img li.d_pos1 { display: block; width: 800px; left: 0%; top: 60px; z-index: 1 }
#d_tab29 .d_img li.d_pos2 { display: block; width: 850px; left: 2%; top: 40px; z-index: 2 }
#d_tab29 .d_img li.d_pos3 { display: block; width: 900px; left: 5%; top: 20px; z-index: 3 }
#d_tab29 .d_img li.d_pos4 { display: block; width: 850px; right: 2%; top: 40px; z-index: 2 }
#d_tab29 .d_img li.d_pos5 { display: block; width: 800px; right: 0%; top: 60px; z-index: 1 }
#d_tab29 .d_menu { position: absolute; bottom: 20px; width: 100%; text-align: center }
#d_tab29 .d_menu li { display: inline-block; zoom: 1; *display:inline;
width: 30px; height: 30px; cursor: pointer; margin-right:10px;background: #cccccc;-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
#d_tab29 .d_menu li.d_select { background:#cc0000 }
#d_tab29 .d_next { position: absolute; left: 50%; margin-left: 550px; top: 300px; z-index: 10; cursor: pointer }
#d_tab29 .d_prev { position: absolute; left: 50%; margin-left: -600px; top: 300px; z-index: 10; cursor: pointer }

.zy-l dl{width:900px;margin: 40px 0 0 100px;float: left;}
.zy-l dl dd{width: 125px;height:165px;cursor: pointer; text-align:center;float: left;margin-right: 100px;}
.zy-l dl dd img{margin-bottom: 5px}
.zy-l dl dd i{margin-bottom: 5px;display: inline-block;}
.zy-l dl dd:hover i{color: #b29537}
.zy-l dl dd .xssj{width: 37px; height: 16px; background: url(../images/ts-vsx.png);position: relative;z-index: 99;display: none}
.ts-v{width: 1000px; height: 190px;position: absolute;left: 0;bottom:-6px;background: url(../images/ts-v.png) no-repeat;display: none}
.zy-l dl dd:hover .xssj{display: inline-block;}
.zy-l dl dd:hover .ts-v{display: block;}
.zy-l dl dd:hover .ts-v p i{color: #cc0000}
/*注册css*/
.r-ter{margin-left: 260px;}
.r-ter dt{width: 100px;}
.rz-form dd input.yzm{width: 100px;}
.rz-form dd input.i-txt{color: #999}
.rz-form dd input.dxhm{color: #333;font-size: 18px;}
.dxyz-ts{width: 130px; height: 42px; line-height: 42px; background: #ccc;font-size: 14px; color: #fff;display: inline-block;}
/*补充 css*/
.bt-l{border-bottom: 1px solid #fff;}
dl.index-gsjj{width: 1000px;margin: 0 auto;background: #fff;display: table;padding: 30px 0 65px 0;-moz-box-shadow:3px 0px 10px #dfddde;
    -webkit-box-shadow:3px 0px 10px #dfddde;
    box-shadow:3px 0px 10px #dfddde;}
.i-gsjj-b{width: 100%; background: #f7f5f6;float: left;padding:90px 0}
dl.index-gsjj dt{width: 480px;float: left;margin-left: 30px}
dl.index-gsjj dt h5{width: 100%;border-bottom: 3px solid #cfcfcf;}
dl.index-gsjj dt p{font-size: 13px; color: #666;line-height: 28px; text-indent: 25px}
dl.index-gsjj dd{width:420px;float: left; text-align:left;height: 260px;margin-left: 40px}
dl.index-gsjj dd img{}
.video-box{ width: 710px; height: 450px;margin: 0 auto;filter:alpha(opacity=0);  -moz-opacity:0; opacity:0; display:none;position: fixed;
top: 150px;z-index: 100;}
.dw-y{position: absolute;right: 220px;top: 14px;}
.gf8{background:#f8f8f8;display: table;}
.f28{font-size: 28px;}
.bgf{background: #fff;display: table;padding: 40px 0}
.dis-table{display: table;}
.bgf4{background:#F2F4FC}
.h35{height: 35px; line-height: 35px;}

/*关于我们*/
.c-right p.sgll{display: block;margin-top: 22px;font-size: 27px;font-family: sans-serif;}
/*人才招聘*/
.list-careers{ float: left; width: 100%;overflow: hidden;}
.list-careers dl{ float: left; width: 100%; margin: 10px 0; overflow: hidden;}
.list-careers dl dt,.list-careers dl dt.link{ overflow: hidden; width: 100%; height: 36px; background: url(../images/Careers-bgList01.jpg) no-repeat right center #999; line-height: 36px; box-sizing:border-box; cursor: pointer; }
.list-careers dl dt.selected{background: url(../images/Careers-bgList02.jpg) no-repeat right center #999;  }
.list-careers dl dt h6{float: left; min-width: 130px; font-size: 14px; color:#fff; text-indent: 20px;width: 166px;overflow: hidden;}
.list-careers dl dt p{float: left; width: auto; line-height: 36px;overflow: hidden;width: 280px; font-size: 13px; color: #fff;}
.list-careers dl dt em{float: left; margin: 0 22px 0 0; color: #fff;}
.list-careers dl dd{position: relative; float: left;  width: 100%; overflow: hidden; z-index: 2;}
.list-careers dl dd ul{ float: left; width: 100%; margin:20px 0 38px 0; overflow: hidden;line-height: 28px;}
.list-careers dl dd ul li{ float: left; width: 100%; line-height: 24px; font-size: 13px; color: #666;}
.list-careers dl dd ul li p{ float: left; width: 336px; font-family: "微软雅黑"; color: #666; text-align: left; overflow: hidden;}
.list-careers dl dd ul li p span{ color: #666;}
.list-careers dl dd ul li.apply-careers{ position: absolute; top:40px; right: 10px; width: 90px; height: 30px; background: #999; text-align: center; line-height: 30px; font-size: 14px; color: #fff; font-family: 微软雅黑; z-index:3;}
.list-careers dl dd ul li.apply-careers a{ color: #fff;}
.list-careers dl dd ul li.apply-careers:hover{ opacity: 0.8; filter:alpha(opacity=80); background:#162F82;}
.otw {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;}


/*核心服务*/
.coreservice-content{overflow:hidden;margin:50px auto 0 auto;width:100%;}
.coreservice-item{height:350px;}
.bgcolor-01{background:#fff;}
.bgcolor-02{background:#f2f2f2;}
.coreservice-left{float:left;}
.coreservice-right{float:right;}
.servicesBox{width:100%; height:100%;overflow: hidden;}
.servicesBox .serBox,.servicesBox .hxserBox{display: flex;width:550px;height:270px;/* float:left; */    margin-top: 65px;/* background: #eee; */align-items: center;text-align: center;}
.servicesBox .serBox .pic1{text-align:center;position:absolute;top:22px;right:255px;z-index:99;}
.servicesBox .serBox .pic2{text-align:center;position:absolute;top:22px;left:-210px;z-index:99;}
.servicesBox .serBox img{display: block;width: 60%;margin: auto;border-radius: 15px;opacity: 0.8}
.servicesBox .serBox img:hover{opacity: 1}
.servicesBox .hxserBox img{display: block;margin: auto;height: 500px;}
/*.servicesBox .serBox .pic1 i{font-size:150px;}
.servicesBox .serBox .pic2 i{font-size:150px;color:#cc0000;}*/
.servicesBox .serBoxtext{width:550px;height:350px;display:block;}
.servicesBox .serBoxtext div{display:block;margin:auto;margin-top:50px;text-align:center;}
.servicesBox .serBoxtext div h1{font-size:24px; margin-bottom:20px;}
.servicesBox .serBoxtext div p{font-size:16px; text-align:left;line-height: 30px;}






/*技术团队*/
.case-content{overflow:hidden;margin:50px auto 0 auto;width:100%;}
.case-item{float:left;margin:30px;margin-bottom:20px}
.ih-item{position:relative;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item,.ih-item *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ih-item a{color:#333}
.ih-item a:hover{text-decoration:none}
.ih-item img{width:100%;height:100%}
.ih-item.circle,.ih-item.circle .img{position:relative;width:210px;height:210px;border-radius:50%}
.ih-item.circle .img:before{position:absolute;display:block;content:'';width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 16px rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.3);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item.circle .img img{border-radius:50%}
.ih-item.circle .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.square{position:relative;width:316px;height:216px;border:8px solid #fff;box-shadow:1px 1px 3px rgba(0,0,0,.3)}
.ih-item.square .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.circle.effect1 .spinner{width:220px;height:220px;border:10px solid #ecab18;border-right-color:#1ad280;border-bottom-color:#1ad280;border-radius:50%;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out;box-shadow: 0 0 20px #2F2F2E;}
.ih-item.circle.effect1 .img{position:absolute;top:10px;bottom:0;left:10px;right:0;width:auto;height:auto}
.ih-item.circle.effect1 .img:before{display:none}
.ih-item.circle.effect1.colored .info{background:#1a4a72;background:rgba(26,74,114,.6)}
.ih-item.circle.effect1 .info{top:10px;bottom:0;left:10px;right:0;background:#333;background:rgba(0,0,0,.6);opacity:0;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle.effect1 .info h3{color:#fff;text-transform:uppercase;position:relative;letter-spacing:2px;font-size:24px;margin:0 30px;padding:55px 0 0;height:110px;text-shadow:0 0 1px white,0 1px 2px rgba(0,0,0,.3)}
.ih-item.circle.effect1 .info p{color:#D4D4D4;padding:10px 5px;font-style:italic;margin:0 30px;font-size:20px;border-top:1px solid rgba(255,255,255,.5)}
.ih-item.circle.effect1 a:hover .spinner{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.ih-item.circle.effect1 a:hover .info{opacity:1}

/*案例详情*/
.case-details i{font-size:24px;}
.case-details span{font-size:20px;}
.case-details .case-details-suggest{margin-top:20px;}
.case-details .case-details-suggest p{padding-left: 103px;margin-top: 15px;letter-spacing: 1px;}
.case-details .case-details-tag{margin:20px 0px;}
.case-details .case-details-tag p{display:inline-block;cursor:pointer;font-size: 10px;border: 1px solid red;padding: 3px;color:#cc0000}
/*案例项目展示效果*/
.fs-container {
	margin: 70px auto 50px auto;
	position: relative;
	width: 60%;
	padding: 0 15%;
	max-width: 700px;
	min-width: 220px;
	height: 300px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.fs-container:before {
	content: '';
	position: absolute;
	bottom: -40px;
	background: transparent url(../images/shadow.png) no-repeat center center;
	height: 90px;
	width: 90%;
	left: 5%;
	opacity: 0.8;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}

.fs-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}

.fs-slider{
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	pointer-events: none;
}

.fs-block {
	margin: 0;
	position: absolute;
	width: 70%;
	height: 100%;
	left: 15%;
	pointer-events: auto;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.fs-block:nth-child(1) {
	-webkit-transform-origin: top right;
	-webkit-transform: translateX(-100%) rotateY(-35deg);
	-moz-transform-origin: top right;
	-moz-transform: translateX(-100%) rotateY(-35deg);
	-o-transform-origin: top right;
	-o-transform: translateX(-100%) rotateY(-35deg);
	-ms-transform-origin: top right;
	-ms-transform: translate(-100%);
	transform-origin: top right;
	transform: translateX(-100%) rotateY(-35deg);
}
.no-touch .fs-block:nth-child(1):hover {
	-webkit-transform: translateX(-100%) rotateY(-30deg);
	-o-transform: translateX(-100%) rotateY(-30deg);
	transform: translateX(-100%) rotateY(-30deg);
}

.fs-block:nth-child(2) {
	z-index: 100;
}

.fs-block:nth-child(3) {
	-webkit-transform-origin: top left;
	-webkit-transform: translateX(100%) rotateY(35deg);
	-moz-transform-origin: top left;
	-moz-transform: translateX(100%) rotateY(35deg);
	-o-transform-origin: top left;
	-o-transform: translateX(100%) rotateY(35deg);
	-ms-transform-origin: top left;
	-ms-transform: translate(100%);
	transform-origin: top left;
	transform: translateX(100%) rotateY(35deg);
}

.no-touch .fs-block:nth-child(3):hover {
	-webkit-transform: translateX(100%) rotateY(30deg);
	-o-transform: translateX(100%) rotateY(30deg);
	transform: translateX(100%) rotateY(30deg);
}

.fs-block:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1000;
	pointer-events: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border-left: 1px solid rgba(119,119,119,1);
	border-right: 1px solid rgba(119,119,119,1);
	left: -1px;
}

/* Borders are only needed if we have the 3d look */
.no-csstransforms3d .fs-block:after {
	border: none;
}

.fs-block:nth-child(1):after {
	background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.2) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.2)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%);
}

.fs-block:nth-child(2):after {
	opacity: 0.8;
	background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.12) 21%, rgba(0,0,0,0.03) 31%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.03) 70%, rgba(0,0,0,0.12) 81%, rgba(0,0,0,0.5) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.5)), color-stop(21%,rgba(0,0,0,0.12)), color-stop(31%,rgba(0,0,0,0.03)), color-stop(50%,rgba(0,0,0,0)), color-stop(70%,rgba(0,0,0,0.03)), color-stop(81%,rgba(0,0,0,0.12)), color-stop(100%,rgba(0,0,0,0.5)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.12) 21%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.03) 70%,rgba(0,0,0,0.12) 81%,rgba(0,0,0,0.5) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.12) 21%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.03) 70%,rgba(0,0,0,0.12) 81%,rgba(0,0,0,0.5) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.12) 21%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.03) 70%,rgba(0,0,0,0.12) 81%,rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.12) 21%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.03) 70%,rgba(0,0,0,0.12) 81%,rgba(0,0,0,0.5) 100%);
}

.fs-block:nth-child(3):after {
	background: -moz-linear-gradient(left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.65) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.65)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.65) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.65) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.65) 100%);
}

.fs-block figure {
	width: 100%;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 1;
}

.fs-block figure:first-child{
	z-index: 10;
}

.fs-block figure img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width:320px;
}

.fs-block figcaption {
	padding: 0 20px;
	margin: 0;
	position: absolute;
	width: 100%;
	top: 25%;
	background: rgba(0,0,0,0.4);
	overflow: hidden;
	height: 0%;
	opacity: 0;
	text-align: center;
	-webkit-transition: all 700ms cubic-bezier(0, 0, .15, 1);
	-moz-transition: all 700ms cubic-bezier(0, 0, .15, 1);
	-o-transition: all 700ms cubic-bezier(0, 0, .15, 1);
	-ms-transition: all 700ms cubic-bezier(0, 0, .15, 1);
	transition: all 700ms cubic-bezier(0, 0, .15, 1);
}

.fs-block figcaption.fs-transition {
	height: 35%;
	opacity: 1;
}

.fs-block figcaption h3 {
	font-size: 40px;
	line-height: 40px;
	margin: 0;
	padding: 30px 0;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	font-family: 'Prata', serif;
	font-weight: normal;
}

.fs-block figcaption p {
	color: #fff;
	padding: 20px 0;
	margin: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-top: 1px solid rgba(255,255,255,0.2);
	box-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

.fs-navigation {
	position: absolute;
	z-index: 2000;
    top: -96px;
    left: -116px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.fs-navigation span {
	float: left;
    width: 45px;
    height: 29px;
	border-radius: 4px;
	text-indent: -90000px;
	cursor: pointer;
	opacity: 0.6;
	margin-right: 10px;
	background: rgba(0,0,0,0.4) url(../images/arrow.png) no-repeat 50% 50%;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	pointer-events: auto;
}

.fs-navigation span:nth-child(2) {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.fs-navigation span:hover{
	opacity: 1;
}

/* Transitions */
.fs-block:nth-child(1) figure {
	-webkit-transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;
	-moz-transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;
	-o-transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;
	-ms-transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;
	transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;
}
.fs-block:nth-child(2) figure {
	-webkit-transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;
	-moz-transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;
	-o-transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;
	-ms-transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;
	transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;
}
.fs-block:nth-child(3) figure {
	-webkit-transition: width 900ms cubic-bezier(0, 0, .15, 1);
	-moz-transition: width 900ms cubic-bezier(0, 0, .15, 1);
	-o-transition: width 900ms cubic-bezier(0, 0, .15, 1);
	-ms-transition: width 900ms cubic-bezier(0, 0, .15, 1);
	transition: width 900ms cubic-bezier(0, 0, .15, 1);
}


/*更多优秀案例*/
.more-case{width: 100%;height: 50px;clear: both;text-align: center;padding-top: 25px;}
.more-case a{color:#d2d1d1;font-size: 16px;}
.more-case a:hover{color:#fff;}
.details{display:none}

.hxBox{width:1200px;height: 570px;margin: auto;}