@charset "utf-8";
/*Author: www.hchuojia.com*/
* {margin: 0;padding: 0;list-style: none;border-style: none;text-decoration: none;}
body {font:14px/1.5 Helvetica,Arial,"Microsoft Yahei","微软雅黑",sans-serif;background: #fff;}
h1 ,h2, h3, h4, h5, h6 {font-weight: normal;}
a {text-decoration: none;}
a:focus{outline:none;}
i,em {font-style: normal;}

.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {*zoom:1;}
.w1200 {width: 1200px;margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
img {vertical-align: middle;}
input, button, textarea {border:none;outline: none;font-family:'Microsoft Yahei';}
input:-webkit-autofill {box-shadow: 0px 0px 0px 1000px white inset;}
table{border-collapse:collapse; border-spacing:0;}

#header{width: 100%;}
#header .navbar {width: 100%;height: 30px;background: #e8e8e8;}
#header .navbar h1 {display: inline;color: #666;font-size: 14px;line-height: 30px;}
#header .navbar .menu .link {color: #666;font-size: 15px;line-height: 30px;margin-right: 20px;}
#header .navbar .menu .link a {color: #666;font-size: 14px;}
#header .navbar .menu .link a:hover {color: #38f;}
#header .navbar .menu .h_share {height: 30px;}
#header .navbar .menu .h_share .bdsharebuttonbox {height: 30px;}
#header .navbar .menu .h_share .bdsharebuttonbox a {display: inline-block;width: 22px;height: 22px;padding: 0px;margin:4px 0px 0px 15px;background:url(../images/icons.png) no-repeat;}
#header .navbar .menu .h_share .bdsharebuttonbox i {display: inline-block;float: left;height: 30px;line-height: 30px;color: #666;font-size: 14px;}
#header .navbar .menu .h_share .bdsharebuttonbox a.bds_weixin {background-position: -278px 0px; }
#header .navbar .menu .h_share .bdsharebuttonbox a.bds_tsina {background-position: -278px -30px; }

.header {background: #fff;padding: 9px 0px;position: relative;box-sizing:border-box;}
.header .logo {float: left;width: 196px;height:67px;}
.header .logo a {display: block;width: 100%;height: 100%}
.header .logo .small {display: none;}
.header .logo a img {height: 100%;}

/*导航*/
.header .nav {margin: 25px 0px 0px 50px;}
.header .nav ul li.nli {float: left;width: 100px;height: 40px;line-height: 40px;text-align: center;position: relative;}
.header .nav ul li.nli:last-child {margin-right:0px;}
.header .nav ul li.nli>a {display: block;color: #333;font-size: 15px;transition:all 0.3s ease;}
.header .nav ul li.nli:hover>a, .header .nav ul li.nli.cur>a {color: #38f;}
.header .nav ul li.nli .sub {display: none;position: absolute;left: -60px;top: 40px;z-index: 39;width: 240%;padding:11px 0px 0px;}
.header .nav ul li.nli .sub ul {padding: 10px 10px;background:rgba(0,0,0,0.8)}
.header .nav ul li.nli .sub ul li {height: 35px;line-height: 35px;}
.header .nav ul li.nli .sub ul li a {display: block;color: #fff;font-size: 14px;}
.header .nav ul li.nli .sub ul li:hover a {color: #38f;}
/*搜索*/
.header .so {margin:32px 0px 0px 40px;}
.header .so .so_btn {display: block;float: left;width: 20px;height: 20px;background: url(../images/icons.png) no-repeat -280px -60px;}
.header .so .language {float: left;margin-left: 25px;}
.header .so .language a {color: #333;font-size: 16px;}
.header .so .language a:hover {color: #38f;}
/*登录*/
.header .login {margin-top:30px;}
.header .login a {display: block;float: left;width: 90px;height: 28px;line-height: 28px;text-align: center;border:1px solid #38f;border-radius:3px;}
.header .login a.log {background:#d50d03;color: #fff;}
.header .login a.reg {color: #38f;margin-left: 15px;}

/*搜索*/
.searchbar {display: none;background:url(../images/tmbg.png);position: absolute;top:85px;left: 0;width: 100%;height:auto;padding: 15px 0;z-index: 1;overflow: hidden;box-sizing:border-box;}
.searchbar .searchbar-box {height: 35px;font-size: 0px;text-align: center;}
.searchbar .searchbar-box input {color:888;font-size:13px;display: inline;width: 560px;height: 35px;line-height: 35px;padding:0 10px;border-radius: 2px 0 0 2px;font-family:"Microsoft Yahei";box-sizing:border-box;}
.searchbar .searchbar-box .search-btn {width:60px; height: 35px; border-radius: 0 2px 2px 0; position: relative; background-color: #fff; outline: none; color: #333;font-size: 13px;font-family:"Microsoft Yahei";cursor: pointer; }
.searchbar .searchbar-box .search-btn:hover {color: #fff;background-color: #38f;}
.searchbar .searchbar-box .search-btn:after {content: ''; position: absolute; width: 0; height: 19px; border-left: #ccc 1px solid; left: 0; top: 8px; z-index:1 }
.searchbar .searchbar-box .search-btn:hover:after {border-color: #38f;}

.header-fix {-webkit-animation: fadeInDown 0.6s ease-in-out;-moz-animation: fadeInDown 0.6s ease-in-out;animation: fadeInDown 0.6s ease-in-out;}
.header.header-fix {position: fixed;left: 0;top: 0;z-index: 100;width: 100%;height: auto;padding: 0px;background-color: rgba(0,0,0,0.8); }
.header.header-fix .logo {width: 132px;height: 45px;margin-top: 5px;}
.header.header-fix .logo .big {display: none;}
.header.header-fix .logo .small {display: block;}
.header.header-fix .nav {margin-top: 0px;}
.header.header-fix .nav ul li {height: 60px;line-height: 60px;}
.header.header-fix .nav ul li a {color: #fff;}
.header.header-fix .so {margin: 18px 0px 0px 40px;}
.header.header-fix .so .language a {color: #fff;}
.header.header-fix .so .so_btn {background-position: -225px 0px;}
.header.header-fix .login {margin-top: 15px;}
.header.header-fix .nav ul li.nli .sub {top: 60px;padding: 0px;}
.header.header-fix .searchbar {top: 60px;}
/*banner*/
#banner {width: 100%;height: 520px;overflow: hidden;position: relative;}
.banner {width: 1920px;height: 520px;position: absolute;left: 50%;margin-left: -960px;}
.banner .bd ul li a img {display: block;height: 520px;}
.banner .hd {width: 100%;text-align: center;position: absolute;bottom: 15px;z-index: 3;}
.banner .hd ul li {display: inline-block;width: 12px;height: 12px;margin:0 3px; background:#a0a0a0;cursor:pointer;border-radius: 50%;transition:all 0.3s ease;}
.banner .hd ul li.on {background: #38f;}
.banner a.arrow {display: block;width: 45px;height: 46px;background:url(../images/icons.png) no-repeat;position: absolute;top: 50%;margin-top: -23px;transition:all 0.3s ease;opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.banner a.arrow.prev {left:15%;background-position: 0px 0px;}
.banner a.arrow.next {right:15%;background-position: -45px 0px;}
.banner:hover a.arrow {opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}

.hot_news {width: 100%;padding: 20px 0px 25px;background: #fff;}
.hot_news .hot_news_con {height: 50px;padding:0 18px;box-shadow: 0px 0px 10px #c4c4c4;background:#fff;border-radius:5px;box-sizing:border-box;}
.hot_news .hot_news_con .h {height: 25px;line-height: 25px;margin-top: 13px;border-right: 1px solid #ccc;color: #acacac;font-size: 14px;padding:0px 20px 0px 35px;background:url(/Public/home/images/icons.png) no-repeat -275px -85px;}
.hot_news .hot_news_con .bd {margin-left: 30px;height: 25px;margin-top: 13px;width: 600px;}
.hot_news .hot_news_con .bd ul li {height: 25px;line-height: 25px;}
.hot_news .hot_news_con .bd ul li a {display: block;height: 25px;font-size: 14px;}
.hot_news .hot_news_con .bd ul li a em {float: left;color: #555;}
.hot_news .hot_news_con .bd ul li a .date {float: right;color: #999;}
.hot_news .hot_news_con .bd ul li a:hover em, .hot_news .hot_news_con ul li a:hover .date {color: #38f;}
.hot_news .hot_news_con a.more {display: block;line-height: 50px;color: #666;}
.hot_news .hot_news_con a.more:hover {color: #38f;}

.mode {padding: 25px 0px;}
.mode ul {margin-right: -25px;*zoom:1;}
.mode ul li {float: left;width: 282px;height: 108px;margin-right: 21px;border:1px solid #eee;background: #fff;text-align: center;}
.mode ul li:hover .ico {margin-top: 21px;}
.mode ul li .ico, .mode ul li .txt {float: left;text-align: left;transition:all 0.4s ease;}
.mode ul li .ico {width: 56px;height: 56px;background: url(/Public/home/images/icons.png) no-repeat;margin: 25px 15px 0px 15px;}
.mode ul li.li1 .ico {background-position: 0px -50px;}
.mode ul li.li2 .ico {background-position: -60px -50px;}
.mode ul li.li3 .ico {background-position: -120px -50px;}
.mode ul li.li4 .ico {background-position: -180px -50px;}
.mode ul li .txt h4 {color: #2b2b2b;font-size: 18px;}
.mode ul li .txt {margin-top: 20px;width: 180px;}
.mode ul li .txt p {color: #7d7d7d;font-size:14px;line-height: 21px;}

.container {padding: 50px 0 60px;background-color: #fff;}
.container.about {background-color: #f2f2f5;}
.container.bg {background-color: #f2f2f5;}
.container .hading {text-align:center;margin-bottom: 40px;}
.container .hading .title {color: #2b2b2b;font-size: 36px;margin-bottom: 5px;} 
.container .hading p {color: #666;font-size: 18px;line-height: 2;} 

/*服务*/
.about_wrap ul {margin-right: -6px;}
.about_wrap>ul>li {float: left;width: 195px;height: 192px;background: #fff;margin-right: 6px;text-align: center;transition:all 0.4s ease-out;box-sizing:border-box;}
.about_wrap>ul>li .pic {width: 70px;height: 70px;margin: 25px auto 15px;background: url(/Public/home/images/pic-icons.png);}
.about_wrap>ul>li.li1 .pic {background-position: 0px 0px;}
.about_wrap>ul>li.li2 .pic {background-position: -70px 0px;}
.about_wrap>ul>li.li3 .pic {background-position: -140px 0px;}
.about_wrap>ul>li.li4 .pic {background-position: -210px 0px;}
.about_wrap>ul>li.li5 .pic {background-position: -280px 0px;}
.about_wrap>ul>li.li6 .pic {background-position: -350px 0px;}
.about_wrap>ul>li:hover {background-color: #38f;box-shadow:0 3px 20px rgba(0,0,0,0.45);}
.about_wrap>ul>li.li1:hover .pic {background-position: 0px -70px;}
.about_wrap>ul>li.li2:hover .pic {background-position: -70px -70px;}
.about_wrap>ul>li.li3:hover .pic {background-position: -140px -70px;}
.about_wrap>ul>li.li4:hover .pic {background-position: -210px -70px;}
.about_wrap>ul>li.li5:hover .pic {background-position: -280px -70px;}
.about_wrap>ul>li.li6:hover .pic {background-position: -350px -70px;}
.about_wrap>ul>li h4 {color: #333;font-size: 18px;}
.about_wrap>ul>li p {color: #666;font-size: 14px;padding: 0px;line-height: 21px;text-indent: 0em;text-align: center;margin: 0px;}
.about_wrap>ul>li:hover h4, .about_wrap>ul>li:hover p {color: #fff;}

/*案例展示*/
.cases_wrap {position: relative;}
.cases_wrap .bd {width: 1200px;height: 340px;overflow: hidden;}
.cases_wrap .bd ul li {width: 238px;height: 340px;float: left;margin-right: 3px;}
.cases_wrap .bd ul li a {display: block;width: 238px;height: 340px;position: relative;}
.cases_wrap .bd ul li a .img {display: block;width: 238px;height: 340px;overflow: hidden;}
.cases_wrap .bd ul li a .img img {display: block;height: 100%;width: auto;}
.cases_wrap .bd ul li a .bg {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background:#000;opacity: 0.6;filter:alpha(opacity=60);-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);}
.cases_wrap .bd ul li a .con {position: absolute;left: 0px;top: 120px;width: 100%;text-align: center;-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);}
.cases_wrap .bd ul li a .con .ico {width: 50px;height: 50px;display: block;margin: 0 auto 10px;}
.cases_wrap .bd ul li a .con .ico img {width: 100%;height: 100%;}
.cases_wrap .bd ul li a .con .name {color: #fff;font-size: 16px;font-weight: bold;}
.cases_wrap .bd ul li a .con .line {width: 20px;height: 1px;background:#fff;margin:5px auto 0;}
.cases_wrap .bd ul li a:hover .bg {background: #38f;opacity: 0.8;filter:alpha(opacity=80);}
.cases_wrap .bd ul li a:hover .con {top: 95px;}
.cases_wrap a.arrow {display: block;width: 45px;height: 46px;background:url(/Public/home/images/icons.png) no-repeat;position: absolute;top: 50%;z-index: 9;margin-top: -23px;transition:all 0.3s ease;}
.cases_wrap a.arrow.prev {left:0px;background-position: 0px 0px;}
.cases_wrap a.arrow.next {right:0px;background-position: -45px 0px;}

/* -- 产品中心-- */
.products_wrap .hd ul li {float: left;width: 140px;height: 90px;margin-right: 11px;background:#fff;border:1px solid #d2d2d2;text-align: center;border-radius: 5px;cursor: pointer;transition: all 0.3s ease;box-sizing:border-box;}
.products_wrap .hd ul li.li8 {margin-right: 0px;}
.products_wrap .hd ul li:hover, .products_wrap .hd ul li.on, .products_wrap .hd ul li.cur {border-color: #38f;box-shadow:0 3px 18px #b2b2b2;}
.products_wrap .hd ul li .ico {width: 50px;height: 50px;margin: 9px auto 0px;background:url(/Public/home/images/pic-icons.png) no-repeat;}

.products_wrap .hd ul li.li1 .ico {background-position: 0px -150px;}
.products_wrap .hd ul li.li2 .ico {background-position: -300px -150px;}
.products_wrap .hd ul li.li3 .ico {background-position: -100px -150px;}
.products_wrap .hd ul li.li4 .ico {background-position: -50px -150px;}
.products_wrap .hd ul li.li5 .ico {background-position: -150px -150px;}
.products_wrap .hd ul li.li6 .ico {background-position: -200px -150px;}
.products_wrap .hd ul li.li7 .ico {background-position: -350px -150px;}
.products_wrap .hd ul li.li8 .ico {background-position: -250px -150px;}

.products_wrap .hd ul li.li1:hover .ico, .products_wrap .hd ul li.li1.on .ico, .products_wrap .hd ul li.li1.cur .ico {background-position: 0px -200px;}
.products_wrap .hd ul li.li2:hover .ico, .products_wrap .hd ul li.li2.on .ico, .products_wrap .hd ul li.li2.cur .ico {background-position: -300px -200px;}
.products_wrap .hd ul li.li3:hover .ico, .products_wrap .hd ul li.li3.on .ico, .products_wrap .hd ul li.li3.cur .ico {background-position: -100px -200px;}
.products_wrap .hd ul li.li4:hover .ico, .products_wrap .hd ul li.li4.on .ico, .products_wrap .hd ul li.li4.cur .ico {background-position: -50px -200px;}
.products_wrap .hd ul li.li5:hover .ico, .products_wrap .hd ul li.li5.on .ico, .products_wrap .hd ul li.li5.cur .ico {background-position: -150px -200px;}
.products_wrap .hd ul li.li6:hover .ico, .products_wrap .hd ul li.li6.on .ico, .products_wrap .hd ul li.li6.cur .ico {background-position: -200px -200px;}
.products_wrap .hd ul li.li7:hover .ico, .products_wrap .hd ul li.li7.on .ico, .products_wrap .hd ul li.li7.cur .ico {background-position: -350px -200px;}
.products_wrap .hd ul li.li8:hover .ico, .products_wrap .hd ul li.li8.on .ico, .products_wrap .hd ul li.li8.cur .ico {background-position: -250px -200px;}


/*.products_wrap .hd ul li.li1 .ico {background-position: 0px -150px;}
.products_wrap .hd ul li.li2 .ico {background-position: -50px -150px;}
.products_wrap .hd ul li.li3 .ico {background-position: -100px -150px;}
.products_wrap .hd ul li.li4 .ico {background-position: -150px -150px;}
.products_wrap .hd ul li.li5 .ico {background-position: -200px -150px;}
.products_wrap .hd ul li.li6 .ico {background-position: -250px -150px;}
.products_wrap .hd ul li.li7 .ico {background-position: -300px -150px;}
.products_wrap .hd ul li.li8 .ico {background-position: -350px -150px;}*/
/*.products_wrap .hd ul li.li1:hover .ico, .products_wrap .hd ul li.li1.on .ico, .products_wrap .hd ul li.li1.cur .ico {background-position: 0px -200px;}
.products_wrap .hd ul li.li2:hover .ico, .products_wrap .hd ul li.li2.on .ico, .products_wrap .hd ul li.li2.cur .ico {background-position: -50px -200px;}
.products_wrap .hd ul li.li3:hover .ico, .products_wrap .hd ul li.li3.on .ico, .products_wrap .hd ul li.li3.cur .ico {background-position: -100px -200px;}
.products_wrap .hd ul li.li4:hover .ico, .products_wrap .hd ul li.li4.on .ico, .products_wrap .hd ul li.li4.cur .ico {background-position: -150px -200px;}
.products_wrap .hd ul li.li5:hover .ico, .products_wrap .hd ul li.li5.on .ico, .products_wrap .hd ul li.li5.cur .ico {background-position: -200px -200px;}
.products_wrap .hd ul li.li6:hover .ico, .products_wrap .hd ul li.li6.on .ico, .products_wrap .hd ul li.li6.cur .ico {background-position: -250px -200px;}
.products_wrap .hd ul li.li7:hover .ico, .products_wrap .hd ul li.li7.on .ico, .products_wrap .hd ul li.li7.cur .ico {background-position: -300px -200px;}
.products_wrap .hd ul li.li8:hover .ico, .products_wrap .hd ul li.li8.on .ico, .products_wrap .hd ul li.li8.cur .ico {background-position: -350px -200px;}*/
.products_wrap .hd ul li p {color: #333;font-size: 14px;transition: all 0.3s ease;}
.products_wrap .hd ul li:hover p, .products_wrap .hd ul li.on p, .products_wrap .hd ul li.cur p {color: #38f;}
.products_wrap .bd {margin-top: 30px;}
.products_wrap .bd ul:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.products_wrap .bd ul {margin-right: -10px;}
.products_wrap .bd ul li {float: left;width: 290px;margin:0px 10px 20px 0px;}
.products_wrap .bd ul li a {display: block;width: 100%;height: 100%;}
.products_wrap .bd ul li a .img {width: 100%;height: 218px;border:1px solid #dcdcdc;border-radius:5px;overflow: hidden;transition:all 0.3s ease;}
.products_wrap .bd ul li a .img img{display: block;width: 100%;height: 100%;}
.products_wrap .bd ul li:hover a .img {box-shadow:2px 3px 15px #b2b2b2;}
.products_wrap .bd ul li a .name {color: #333;font-size: 14px;text-align: center;margin-top: 10px;}
.products_wrap .bd ul li a:hover .name {color: #38f;}
.products_wrap a.more {display: block;width: 123px;height: 38px;line-height: 38px;text-align: center;border:1px solid #ccc;background: #fff;color: #666;margin:20px auto 0;border-radius:2px;transition: all 0.3s ease;}
.products_wrap a.more:hover {background: #38f;border-color: #38f;color: #fff;}
/* -- 产品中心 end-- */

/*新闻*/
.news_wrap .news_list {margin-right: -25px;}
.news_wrap .news_list .row {float: left;width: 385px;margin-right: 23px;border:1px solid #dcdcdc;background: #fff;border-radius: 5px;padding:10px 15px 5px;box-sizing:border-box;transition: all 0.3s ease;}
.news_wrap .news_list .row:hover {box-shadow: 1px 3px 20px #c4c4c4;}
.news_wrap .news_list .row .title {height: 30px;line-height: 30px;}
.news_wrap .news_list .row .title h4 {float: left;color: #333;font-size: 16px;}
.news_wrap .news_list .row .title a {display: block;float: right;color: #888;font-size: 15px;}
.news_wrap .news_list .row .title a:hover {color: #38f;}
.news_wrap .news_list .row .title a font {font-family:"Sunsim";margin-left: 3px;}
.news_wrap .news_list .row ul li {height: 47px;line-height: 47px;border-bottom: 1px dashed #dcdcdc;}
.news_wrap .news_list .row ul li:last-of-type {border-bottom: 0px;}
.news_wrap .news_list .row ul li a {display: block;color: #666;}
.news_wrap .news_list .row ul li a:hover {color: #38f;}
.news_wrap .news_list .row ul li a em {display: block;float: left;width: 258px;font-size: 14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_wrap .news_list .row ul li a span.date {float: right;display: block;width: 80px;font-size: 14px;text-align: right;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.news_wrap .news_pic {margin-right: -25px;margin-top: 30px;}
.news_wrap .news_pic .row {float: left;width: 385px;margin-right: 23px;background: #fff;box-sizing:border-box;transition: all 0.3s ease;}
.news_wrap .news_pic .row:hover {box-shadow: 1px 3px 20px #c4c4c4;}
.news_wrap .news_pic .row .img {width: 385px;height: 289px;overflow: hidden;}
.news_wrap .news_pic .row .img a {display: block;width: 100%;height: 100%;position: relative;}
.news_wrap .news_pic .row .img a img {display: block;width: 100%;height: 100%;transition: all 1s ease;}
.news_wrap .news_pic .row:hover .img a img {transform:scale(1.1);}
.news_wrap .news_pic .row .img a .name {position: absolute;left: 0px;bottom:0px;width: 100%;height: 46px;padding: 0 15px;background: url(../images/tmbg.png);box-sizing:border-box;transition: all 0.3s ease;opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.news_wrap .news_pic .row:hover .img a .name{opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.news_wrap .news_pic .row .img a .name p {color: #fff;font-size: 16px;line-height: 46px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_wrap .news_pic .row .txt {padding:15px;}
.news_wrap .news_pic .row .txt p {color: #333;height: 42px;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news_wrap .news_pic .row .txt .info {height: 21px;margin-top: 10px;}
.news_wrap .news_pic .row .txt .info span {color: #666;display:block;float: left;}
.news_wrap .news_pic .row .txt .info span.date {margin-right: 80px;}
.news_wrap .news_pic .row .txt .info a.more {display: block;float: right;color: #38f;}
.news_wrap .news_pic .row .txt .info a.more font {font-family:"Sunsim";margin-left: 3px;}
.news_wrap .news_row {margin-top: 30px;position: relative;}
.news_wrap .news_row .bd {width: 1200px;overflow: hidden;}
.news_wrap .news_row .bd ul {margin-right: -10px;}
.news_wrap .news_row .bd ul li {width: 232px;height: 167px;float: left;margin-right: 10px;}
.news_wrap .news_row .bd ul li a {display: block;width: 100%;height: 100%;position: relative;border-radius:5px;overflow: hidden;}
.news_wrap .news_row .bd ul li a img {width: 100%;height: 100%;transition: all 1s ease;}
.news_wrap .news_row .bd ul li a:hover img  {transform:scale(1.1);}
.news_wrap .news_row .bd ul li a .text {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;padding: 15px;background: url(../images/tmbg.png);border-radius:5px;overflow: hidden;box-sizing:border-box;}
.news_wrap .news_row .bd ul li a .text h4 {color: #fff;font-size: 16px;text-align: center;margin: 20px 0px 8px 0px;}
.news_wrap .news_row .bd ul li a .text p {color: #fff;font-size: 14px;text-align: justify;}
.news_wrap .news_row a.arrow {display:block;width: 23px;height: 46px;background:url(../images/icons.png) no-repeat;position: absolute;top: 50%;z-index: 9;margin-top: -23px;opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.news_wrap .news_row:hover a.arrow {opacity: 1;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.news_wrap .news_row a.arrow.prev {left:0px;background-position: -10px 0px;}
.news_wrap .news_row a.arrow.next {right:0px;background-position: -57px 0px;}
.news_wrap .news_row a.prev:hover {background-position: -123px 0px;}
.news_wrap .news_row a.next:hover {background-position: -146px 0px;}

/*服务*/
.service_wrap  {overflow: hidden;}
.service_wrap ul {margin-right: -78px;background: url(/Public/home/images/service_right.png) repeat-x left center;}
.service_wrap ul li {float: left;width: 135px;height: 135px;margin-right: 78px;border:1px solid #bfbfbf;border-radius:5px;overflow: hidden;transition: all 0.3s ease;box-sizing:border-box;}
.service_wrap ul li.li7 {margin-right: 0px;}
.service_wrap ul li:hover {border-color: #38f;box-shadow: 1px 3px 15px #ccc;}
.service_wrap ul li .pic {width: 70px;height: 60px;background:url(/Public/home/images/pic-icons.png) no-repeat;margin:20px auto 15px;}
.service_wrap ul li.li1 .pic {background-position: 0px -280px;}
/*.service_wrap ul li.li2 .pic {background-position: -70px -280px;}*/
/*.service_wrap ul li.li2 .pic {background-position: -140px -280px;}
.service_wrap ul li.li3 .pic {background-position: -210px -280px;}
.service_wrap ul li.li4 .pic {background-position: -280px -280px;}
.service_wrap ul li.li5 .pic {background-position: -350px -280px;}
.service_wrap ul li.li6 .pic {background-position: -420px -280px;}*/
.service_wrap ul li.li1 .pic {background-position: 0px -340px;}
/*.service_wrap ul li.li2:hover .pic {background-position: -70px -340px;}*/
.service_wrap ul li.li2 .pic {background-position: -140px -340px;}
.service_wrap ul li.li3 .pic {background-position: -210px -340px;}
.service_wrap ul li.li4 .pic {background-position: -280px -340px;}
.service_wrap ul li.li5 .pic {background-position: -350px -340px;}
.service_wrap ul li.li6 .pic {background-position: -420px -340px;}
.service_wrap ul li h4 {display: block;text-align: center;color: #333;font-size: 14px;}
.service_wrap ul li:hover h4 {color: #38f;}

/*合作伙伴*/
.partner_wrap  {position: relative;}
.partner_wrap .bd {width: 1100px;margin: 0 auto;overflow: hidden;}
.partner_wrap .bd ul li{float: left;width: 197px;height: 96px;margin-right: 26px;border:1px solid #dcdcdc;}
.partner_wrap .bd ul li img {width: 100%;height: 100%;}
.partner_wrap a.arrow {display: block;width: 23px;height: 46px;background:url(/Public/home/images/icons.png) no-repeat;position: absolute;top: 50%;z-index: 9;margin-top: -23px;}
.partner_wrap a.arrow.prev {left:0px;background-position: -100px 0px;}
.partner_wrap a.arrow.next {right:0px;background-position: -169px 0px;}
.partner_wrap a.prev:hover {background-position: -123px 0px;}
.partner_wrap a.next:hover {background-position: -146px 0px;}

.advimg {width: 100%;height: 135px;padding: 0px;background:url(/Public/home/images/adv_img.jpg) no-repeat center;}

/*友情链接*/
.links {padding: 20px 0;}
.links_wrap .hd {height: 40px;border-bottom: 1px solid #ccc;}
.links_wrap .hd ul li {float: left;width: 74px;margin-right: 35px;text-align: center;color: #333;font-size: 18px;height: 40px;line-height: 30px;cursor: pointer;}
.links_wrap .hd ul li.on {border-bottom:2px solid #38f;}
.links_wrap .hd a {display: block;color: #333;font-size: 14px;line-height: 30px;float:right;}
.links_wrap .hd a:hover {color: #38f;}
.links_wrap .bd {padding: 20px 0 0 0;}
.links_wrap .bd ul li {float: left;margin-right: 40px;margin-bottom: 15px;}
.links_wrap .bd ul li a {display: block;color:#666;}
.links_wrap .bd ul li a:hover {color: #38f;}
/*底部*/
#footer {width: 100%;background:#2e3033;padding: 30px 0 20px;overflow: hidden;}
.foot_list {overflow:hidden;padding-bottom: 45px;}
.foot_list .footer_list {float: left;border-right: 1px solid #444;}
.foot_list .footer_list dl {float:left;margin-right: 50px;max-width: 220px;}
.foot_list .footer_list dl:last-of-type {margin-right:50px;}
.foot_list .footer_list dt {color: #fff;font-size:16px;margin-bottom: 10px;}
.foot_list .footer_list dd {color: #999;font-size:14px;margin-bottom: 5px;}
.foot_list .footer_list dd a {color: #999}
.foot_list .footer_list dd a:hover {color:#d50d03;}
.foot_list .footer_right {float: right;}
.foot_list .footer_right .img {;}
.foot_list .footer_right .img ul li{width: 110px;overflow: hidden;float: left;margin-right: 30px;}
.foot_list .footer_right .img ul li img {width: 100%;}
.foot_list .footer_right .img ul li p {color: #fff;font-size: 13px;text-align: center;margin-top: 10px;}
.foot_list .footer_right .tel {color: #fff;width: 160px;}
.foot_list .footer_right .tel p {font-size: 15px;}
.foot_list .footer_right .tel ul li {margin-bottom: 15px;}
.foot_list .footer_right .tel ul li h4 {display: block;font-size: 16px;color: #fff;height: 24px;margin-bottom: 6px;}
.foot_list .footer_right .tel ul li h4 a {color: #fff;display: block;}
.foot_list .footer_right .tel ul li h4 .ico {display: block;width: 24px;height: 24px;float: right;background: url(/Public/home/images/icons.png) no-repeat ;}
.foot_list .footer_right .tel ul li.qq h4 .ico{background-position: right -124px;} 
.foot_list .footer_right .tel ul li.phone h4 .ico{background-position: right -148px;} 

#footer .copy {color: #999;font-size: 14px;text-align: center;}
#footer .copy .center {width: 100%;text-align: center;margin-bottom: 20px;}
#footer .copy .center a{display: inline-block;width: 75px;height:30px;border:1px solid #6f7073;margin: 0px 8px;}
#footer .copy .center a img {width: 100%;height: 100%;}
#footer .copy .copy_con {height: 16px;line-height: 16px;}
#footer .copy .copy_con a {color: #999;}
#footer .copy .copy_con a:hover {color: #fff;}
#footer .copy .copy_con .copy_list {display: inline;}
#footer .copy .copy_con .copy_list a {margin-right:15px;padding-right: 15px;display: inline-block;position: relative;}
#footer .copy .copy_con .copy_list a:after {content: '';display: block;width: 1px;height: 15px;background: #999;position: absolute;top: 0px;right: 0px;}

.cj-service{width: 52px;position: fixed;top:400px;right:30px;_position: absolute;_top: expression(eval(document.documentElement.scrollTop + 365));z-index:900;transition:all 0.8s ease;}
.cj-service:hover{margin-top:5px;}
.cj-service .cj_kf span {display: block;text-align: center;}
.cj-service ul {width: 50px;margin:0 auto;}
.cj-service ul li{float: left;width: 50px;height:50px;font-size:14px; color:#fff;margin:5px 0 0;border:1px solid #38f;cursor:pointer;background: #fff;position:relative;transition:background-color 0.3s ease-in-out;}
.cj-service ul li a{color:#fff;float: left;display: block;overflow: hidden;width: 50px;height: 50px;background:url(/Public/home/images/icons.png) no-repeat;}
.cj-service ul li .cj-show {width: 50px;height: 52px;line-height: 52px;text-align: center;color: #fff;font-size: 18px;font-weight: bold;position: absolute;left: 0px;top: -1px;z-index: -1;overflow: hidden;transition:all 0.6s ease;}
.cj-service ul li.li3:hover .cj-show {width: 140px;left: -140px;opacity: 1;background: #38f;}
.cj-service ul li:hover {background-color: #38f;}
.cj-service ul li.li1 a {background-position: 0px -125px;}
.cj-service ul li.li1:hover a {background-position: 0px -175px;}
.cj-service ul li.li2 a {background-position: -50px -125px;}
.cj-service ul li.li2:hover a {background-position: -50px -175px;}
.cj-service ul li.li3 a {background-position: -100px -125px;}
.cj-service ul li.li3:hover a {background-position: -100px -175px;}
/*.cj-service ul li.qq_czb a {background-position: 0px -35px;}
.cj-service ul li.qq_czb:hover a {background-position: -35px -35px;}
.cj-service ul li.qq_czb:hover .erweima{width: 115px;height: 115px;left: -115px;background: #fff;cursor: default !important;box-sizing:border-box;}*/
.cj-service ul li .erweima img{width:100%;padding: 5px;box-sizing:border-box;}
.cj-service ul li.top a {background-position: -150px -125px;}
.cj-service ul li.top:hover {background: #38f}
.cj-service ul li.top:hover a {background-position: -150px -175px;}

.ci-count {position: absolute; top: -4px; left: 95px; display: inline-block; padding: 1px 2px; font-size: 12px; line-height: 12px; color: #fff; background-color: #f10215; border-radius: 7px 7px 7px 0; min-width: 12px; text-align: center; }


/*会员登录*/

.member_login {width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background: #f5f5f5;display: table;}
.member_login .login_con {width: 100%;display: table-cell;vertical-align:middle;margin:0 auto;}
.member_login .login_con .heading {width: 100%;text-align: center;margin-bottom: 65px;}
.member_login .login_con .heading p {color: #666;font-size: 21px;margin-top: 20px;}
.member_login .login_con .login-box-warp {width: 580px;margin:0 auto;background: #fff;padding: 60px 80px;}
.member_login .login_con .login-box-warp .loginForm {width: 580px;margin: 0 auto;}
.member_login .login_con .login-box-warp .field {margin-bottom: 20px;min-height: 40px;padding-bottom: 15px;border-bottom: 1px solid #ddd;position: relative;}
.member_login .login_con .login-box-warp .field span {display: block;width: 40px;height: 40px;position: absolute;left: 0px;top:0px;padding: 0 10px;background-color: #fff;background-image: url(/Public/home/images/icons.png);background-repeat: no-repeat;}
.member_login .login_con .login-box-warp .field span.ico1 {background-position: -250px -185px;}
.member_login .login_con .login-box-warp .field span.ico2 {background-position: -250px -225px;}
.member_login .login_con .login-box-warp .field input {width: 495px;height: 30px;line-height: 30px;padding:5px 10px 5px 65px;float: left;font-size: 14px;font-family:'Microsoft Yahei';}
.member_login .login_con .login-box-warp #actions {width: 100%;margin-top: 50px;}
.member_login .login_con .login-box-warp #actions button {width: 100%;height: 58px;background: #38f;color: #fff;font-size: 18px;font-family:'Microsoft Yahei';cursor: pointer;}
.member_login .login_con .login-box-warp #actions button:hover {background:#e60012;}
.member_login .login_con .login-box-warp .login_info span {height: 24px;display: block;}
.member_login .login_con .login-box-warp .login_info span input {float: left;width: 15px;height: 15px;margin:5px 5px 0 0;cursor: pointer;}
.member_login .login_con .login-box-warp .login_info span label {display: inline;color: #666;font-size: 14px;line-height: 25px;}
.member_login .login_con .login-box-warp .login_info span label a {display: inline;color: #666;font-size: 14px;line-height: 25px;}
.member_login .login_con .login-box-warp .login_info span label a:hover {color: #38f;}
.member_login .login_con .login-box-warp .login_link {;margin-top: 30px;text-align: left;color: #555;font-size: 14px;}
.member_login .login_con .login-box-warp .login_link a {color: #555;}
.member_login .login_con .login-box-warp .login_link a:hover {color: #38f;}
.member_login .login_con .login-box-warp .outside-login {margin-top: 30px;}
.member_login .login_con .login-box-warp .outside-login .outside-login-tit {display: block;text-align: center;color: #666;font-size: 14px;position: relative;}
.member_login .login_con .login-box-warp .outside-login .outside-login-tit span {display: block;}
.outside-login-tit:after, .outside-login-tit:before {content: ''; display: block; width: 245px; height: 1px; background: #dcdcdc; position: absolute; top: 10px; z-index: 1; }
.outside-login-tit:before {left: 0px;}
.outside-login-tit:after {right: 0px;}
.outside-login-con {width: 100%;text-align: center;margin-top: 20px;}
.outside-login-con a {display: inline-block;width: 60px;color: #555;font-size: 14px;}
.outside-login-con a i {display: block;width: 60px;height: 60px;background: url(/Public/home/images/icons.png) no-repeat 0px -240px;margin-bottom: 5px;}

/*注册*/
.member_login .login_con .login-box-warp .item {width: 450px;padding: 10px;height: 30px;margin:0px auto 20px;border:1px solid #dcdcdc;position: relative;}
.member_login .login_con .login-box-warp .item span {float: left;display: block;width: 120px;padding:0px 10px;height: 30px;line-height: 30px;color: #333;}
.member_login .login_con .login-box-warp .item input {width: 280px;height: 30px;line-height: 30px;padding: 0 10px;font-size: 14px;font-family:'Microsoft Yahei';}
.member_login .login_con .login-box-warp .item input.code {width: 186px;}
.member_login .login_con .login-box-warp .item input.yzm {position: absolute;top: 3px;right: 3px;width: 100px;height: 44px;border-color: #38f;background: #38f;color: #fff;font-family:'Microsoft Yahei';cursor: pointer;}
.member_login .login_con .login-box-warp #actions.reg_actions {width: 472px;margin:50px auto 0;}
.member_login .login_con .login-box-warp .reg_link {width: 470px;margin: 30px auto 0px;}
.member_login .login_con .login-box-warp .reg_link a {color: #38f;}

#_embed_v3_dc {display: none;display: none !important;}
/*信息框*/
#tips{position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0); z-index: 9999; display: none;}
#tips div{position: absolute; top: 30%; left: 50%; padding: 10px; width: 120px; margin-left: -45px; background: rgba(0,0,0,0.6); background: url(/Public/home/images/blank.png)\9; color: #fff; text-align: center; font-size: 14px; border-radius: 4px; word-wrap: break-word;}
#tips .loading{padding-top: 38px; background: url(/Public/home/images/loading.gif) center top no-repeat;}