@charset "utf-8";
body{
    line-height:1.5em!important;
    color:#333;
    font-family:tahoma,arial,microsoft yahei;
    font-size: 12px!important;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:center}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
legend{color:#000}
header,footer,section,article,aside,nav,address,figure,figcaption,menu,details{display:block}
img{vertical-align:middle;}
a{color:#333;text-decoration:none;}
a:hover{color:#3650a1;text-decoration:none;}

.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:'.'}
.clearfix{zoom:1}
.clear{clear:both;height:0;font-size:0;}
.hide{display:none;}
.f14{font-size: 14px;}
.dark{color:#666;}
.grey{color:#999;}
.fl{float:left;}
.mb30{margin-bottom:30px;}
.mb20{margin-bottom:20px;}
.mt20{margin-top:20px;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#999;}
input:-moz-placeholder, textarea:-moz-placeholder{color:#999;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#999;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#999;}

.home-bg{background: #f1f1f1;}
/*字体图标*/
@font-face {font-family: "iconfont_home";
    src: url('../images/fonts/iconfont_home.eot'); /* IE9*/
    src: url('../images/fonts/iconfont_home.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../images/fonts/iconfont_home.woff') format('woff'), /* chrome, firefox */
    url('../images/fonts/iconfont_home.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../images/fonts/iconfont_home.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont_home {
    font-family:"iconfont_home" !important;
    font-size:18px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-icon-test:before { content: "\e617"; color:#5fd9aa;}
.icon-api:before { content: "\e618"; color:#859ff5;}
.icon-eid:before { content: "\e619"; color:#697dff;}
.icon-mianfei:before { content: "\e61a"; color:#ff8001;}
.icon-qiye:before { content: "\e61c"; color:#3eb3ff;}
.icon-shujubao:before { content: "\e61d"; color:#f3bc37;}
.icon-suyuan:before { content: "\e61e"; color:#ff6f84;}
.icon-shujubaogao:before { content: "\e61f"; color:#ada1e1;}

.icon-liulanliang:before { content: "\e657"; font-size: 14px; color: #bbb; }
.icon-shiyongrenshu:before { content: "\e658"; font-size: 14px; color: #bbb;}
.icon-shoucang:before { content: "\e659"; font-size: 14px; color: #bbb;}
.icon-qq:before { content: "\e65a"; font-size:16px; color:#fff; margin-right: 8px;}
.icon-dianhua:before { content: "\e65b"; font-size:16px; color:#fff; margin-right: 8px; }
.icon-dongdong:before { content: "\e65c"; font-size:16px; color:#fff; margin-right: 8px;}
.icon-youjian:before { content: "\e65d"; font-size:16px; color:#fff; margin-right: 8px;}
.icon-anquankekong:before { content: "\e65e"; font-size: 20px; color: #2277ee; margin-right: 10px; vertical-align: -3px;}
.icon-gexingdingzhi:before { content: "\e65f"; font-size: 20px; color:#eeaa00; margin-right: 10px; vertical-align: -2px;}
.icon-quanetuikuan:before { content: "\e660"; font-size: 20px; color: #2277ee; margin-right: 10px; vertical-align: -3px;}
.icon-youzhishuju:before { content: "\e661"; font-size: 20px; color:#eeaa00; margin-right: 10px; vertical-align: -3px;}
.icon-kefu:before { content: "\e662"; font-size:22px; color: #eeaa00;}
.icon-gengduojiantou:before { content: "\e698"; font-size: 12px;}
.icon-fanhui:before { content: "\e699"; font-size:12px;}
.icon-xiala:before { content: "\e69c"; color:#4a69c8; font-size: 12px;}
.icon-xuanzhong:before { content: "\e69b"; color:#4a69c8; font-size: 12px;}
.icon-yonghu:before { content: "\e66f"; font-size: 16px;}
.icon-tuichu:before { content: "\e670"; font-size: 16px;}
.icon-shouye:before { content: "\e671"; color:#c1c1c1; margin-right: 4px;}
.icon-pingfen:before { content: "\e69f"; color: #bbb;}
.icon-zixun:before { content: "\e6a0"; }
.icon-jingdongshuju:before { content: "\e6a3"; }
.icon-rengongzhineng:before { content: "\e6a4"; }
.icon-APIshangdian:before { content: "\e6a5"; }
.icon-kuaishuju:before { content: "\e6a6"; }
.icon-shujubaogao1:before { content: "\e6a7"; }
.icon-SaaSyingyong:before { content: "\e6a8"; }

.h-wrap{width:1200px; margin-left: auto; margin-right: auto;}

.h-title{position:relative; height:20px;padding-left:120px;padding-right:120px; text-align: center;}
.h-title h2{display:inline-block;background: #f1f1f1; font-size: 20px; line-height: 20px;}
.h-title h2:before,.h-title h2:after{display:inline-block; content:'';width:150px; height: 11px; background: url("../images/home-title-bg.png") no-repeat;}
.h-title h2:after{background-position: right -15px;}
.h-title .h-more{position:absolute;right:0; top:0; line-height: 20px; color: #666;}
.h-title .h-more i{display:inline-block; width:11px; height: 11px; background: url("../images/wan-icon.png") no-repeat -50px 0; vertical-align: -1px;}
.h-title .h-more:hover{color:#3650a1;}
.h-title .h-more:hover i{background-position:-75px 0;}

.h-pic-show li{position:relative; float: left;width:400px; height: 250px; margin-right: 8px;}
.h-pic-show li:last-child{margin-right:0;}
.h-pic-show li .pic-mask{position: absolute; left: 0; bottom:0; width: 150px; height: 250px; background: rgba(34,34,34,.7);}
.h-pic-show li:hover .pic-mask{background: rgba(34,34,34,.8);}
.h-pic-show li h3{width:100px; margin-top: 104px; margin-left: auto; margin-right: auto; border-top:1px solid rgba(255,255,255,.5); border-bottom:1px solid rgba(255,255,255,.5); padding:10px 0; line-height: 20px;font-size: 14px; font-weight: 600; color: #fff; text-align: center;}
.h-pic-show li.pic-show-special{width:188px;}
.h-pic-show li.pic-show-special .pic-mask {width:188px; height: 100px;}
.h-pic-show li.pic-show-special h3{margin-top:29px;}

.h-pic-show2 li{position: relative; float: left; width: 394px; height: 250px; background: #222; margin-right: 9px;}
.h-pic-show2 li:last-child{margin-right: 0;}
.h-pic-show2 li .pic-mask{position: absolute; left: 0; top:80px; width: 300px; height: 90px; background: rgba(34,34,34,.7); border-radius: 0 45px 45px 0;}
.h-pic-show2 li img{opacity: 0.8; filter:alpha(opacity=80);}
.h-pic-show2 li:hover img{opacity: 0.9; filter:alpha(opacity=90);}
.h-pic-show2 li h3{padding-top:12px;font-size:20px; font-weight:600;text-indent: 20px; color: #fff; line-height: 30px;}
.h-pic-show2 li p{position:relative;padding-top:5px; padding-bottom:10px; color:#fff; text-indent: 20px;}
.h-pic-show2 li p:after{position:absolute; left:20px; bottom:0; content:'';width:20px; height: 2px; background: #fff;}
.h-pic-show2 li p.org-line:after{background:#fff;}
.h-pic-show2 li p.green-line:after{background:#fff;}

.h-pic-show3{margin-bottom:34px;}
.h-pic-show3 li{position: relative; float: left; width: 396px; height: 160px; margin-right: 6px; margin-bottom: 6px;}
.h-pic-show3 li:nth-child(3n){margin-right: 0;}
.h-pic-show3 li .pic-mask{position: absolute; left: 0; top:0; bottom:0; width: 100%; background: rgba(34,34,34,.5);}
.h-pic-show3 li:hover .pic-mask{background: rgba(34,34,34,.4);}
.h-pic-show3 li .text{position:absolute; left:33px; bottom:30px; width:310px;padding-left:8px;}
.h-pic-show3 li .text.org-line{ border-left:2px solid #fff;}
.h-pic-show3 li .text.blue-line{ border-left:2px solid #fff;}
.h-pic-show3 li .text.green-line{ border-left:2px solid #fff;}
.h-pic-show3 li h3{font-size:16px; font-weight:600; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.h-pic-show3 li p{padding-bottom:8px; color:#fff; line-height: 16px;}

.h-box-list1{margin:-2px -2px -4px;}
.h-box-list1 li{float:left; width:195px; height: 205px; margin: 0 2px 2px 0; background: #fff; border: 2px solid #f1f1f1;}
.h-box-list1 li:nth-child(6n){margin-right: 0;}
.h-box-list1 li:hover{border-color:#ddd;}
.h-box-list1 li dl{padding:20px; height: 124px; border-bottom: 1px solid #f1f1f1; text-align: center;}
.h-box-list1 li dt{width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px;}
.h-box-list1 li dd.pic{padding:12px 0;}
.h-box-list1 li dd.org-price{font-size: 18px; color: #995cb6; font-family: Arial;}
.h-box-list1 li .num-item{position:relative; float:left; width:97px; border-right: 1px solid #f1f1f1; text-align: center; line-height: 40px; color: #999; font-family: Arial;}
.h-box-list1 li .num-item.no-border{border-right:0;}
.h-box-list1 li .num-item .h-tips{position:absolute; top:30px;left:30px;display:none; background:#fff; padding: 0 7px; border:1px solid #ddd; line-height: 22px; box-shadow: 0 5px 5px #ced4da;z-index: 1000}
.h-box-list1 li .num-item:hover .h-tips{display:inline-block;}
.h-box-list1 li .num-item:hover .icon-liulanliang:before{color:#eeaa00;}
.h-box-list1 li .num-item:hover .icon-shiyongrenshu:before{color:#33aa00;}
.h-box-list2{margin:-2px -2px -3px;}
.h-box-list2 li{width:236px; height: 248px; margin: 0 1px 1px 0;}
.h-box-list2 li:nth-child(5n){margin-right:0;}
.h-box-list2 li dl{padding:25px 28px 20px; height:162px;}
.h-box-list2 li dd.pic{padding:20px 0;}
.h-box-list2 li .num-item{width:117px;}
.h-box-list1 a:hover{color:#3650a1;}

.h-box-list3 li{position: relative; float:left; width:236px; height: 300px; margin-right: 5px; background: #fff; }
.h-box-list3 li:last-child{margin-right:0;}
.h-box-list3 li .pic-mask{display:none;position: absolute; left: 0; top:0; bottom:0; width: 100%; background: rgba(34,34,34,.9);}
.h-box-list3 li:hover .pic-mask{display: block;}
.h-box-list3 li dl{padding:40px 30px 25px; height:194px; border-bottom: 1px solid #f1f1f1; text-align:center;}
.h-box-list3 li dt{width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px;}
.h-box-list3 li dd.pic{padding-bottom:30px;}
.h-box-list3 li dd.org-price{padding-top:5px; font-size: 18px; color: #995cb6; font-family: Arial;}
.h-box-list3 li .num-item{position:relative; float:left; width:78px; border-right: 1px solid #f1f1f1; text-align: center; line-height: 40px; color: #999; font-family: Arial;}
.h-box-list3 li .num-item.no-border{border-right:0;}
.h-box-list3 li dl.h-hover{color:#fff; border: 0; height:165px; }
.h-box-list3 li dl.h-hover dd{ padding-top:20px; text-align: left; color: #ccc; }
.h-box-list3 li .view-btn{display: block; width: 68px; height: 24px; margin: 0 auto; border: 1px solid rgba(255,255,255,.5); color: #fff; line-height: 24px; text-align: center;}

/*标题行*/
.box-title-blue{height:48px;padding-right:3px; background: #fff; border-bottom: 2px solid #3650a1 }
.box-title-blue h3{float:left; line-height: 48px; text-indent: 20px; font-size: 18px;}
.box-title-blue .title-tag{float:right;padding:0 10px; margin-right: 10px; margin-top: 13px; border: 1px solid #8fb2d5; line-height: 22px;color:#999;}
.box-title-blue .title-tag:hover{border-color:#3650a1; color: #333;}
.box-title-green{border-color:#3650a1;}
.box-title-green .title-tag{border-color:#8fb2d5;}
.box-title-green .title-tag:hover{border-color:#3650a1;}
.box-title-org{border-color:#3650a1;}
.box-title-org .title-tag{border-color:#8fb2d5;}
.box-title-org .title-tag:hover{border-color:#3650a1;}

/*一行三列*/
.line-three-box li{float: left; width:394px; margin-right: 9px; }
.line-three-box li:last-child{margin-right:0;}
.line-three-box .box-content{height:323px; margin-top: 5px; border-bottom: 1px solid #f1f1f1; background: #fff;}
.line-three-box .box-item1{position:relative; float:left;width:155px; height:283px;padding:20px 25px 20px 20px; border-right: 1px solid #f1f1f1;}
.line-three-box h4{width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 22px; line-height: 24px;}
.line-three-box p{color:#999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 4px;}
.line-three-box .box-item1 .pic{padding-top:65px; text-align:right;}
.line-three-box .box-item2{position:relative;float:right; width:158px;height: 67px; padding:20px 20px 20px 15px; border-bottom: 1px solid #f1f1f1;}
.line-three-box .box-item2 .text{position: absolute; left:15px; top:20px;}
.line-three-box .box-item2 h4{font-size: 14px; line-height: 18px; width: 110px;}
.line-three-box .box-item2 p{width:100px;}
.line-three-box .box-item2 .pic{ float: right; width: 52px; padding-top:26px; text-align: right;}
.line-three-box .pic img{ -webkit-transition:-webkit-transform .3s ease-in;
    transition:-webkit-transform .3s ease-in;
    -moz-transition:transform .3s ease-in;
    transition:transform .3s ease-in;
}
.line-three-box a:hover img{-webkit-transform: translateX(-6px);
    -moz-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px);
}
.line-three-box a:hover{color:#3650a1}
.line-three-box .box-item3{position:relative; float:right;width:153px; height: 121px; padding:20px 25px 20px 15px; border-bottom: 1px solid #f1f1f1;}
.line-three-box .box-item3 .text{position:absolute; left:15px; top:20px;}
.line-three-box .box-item3 h4{width:125px; font-size: 14px; line-height: 18px;}
.line-three-box .box-item3 p{width:135px;}
.line-three-box .box-item3 .pic{padding-top:56px; text-align:right;}
.line-three-box .brand-show{padding:15px 10px; background: #fff; height: 35px;}
.line-three-box .brand-show img{margin:0 15px; float: left;}
.gray-img{
    -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;
}

/*一行两列*/
.line-two-box li{width:596px; margin-right: 8px;}
.line-two-box .box-item3{float:left; width:157px; height:121px; border-right: 1px solid #f1f1f1;}
.line-two-box .box-item3.no-border{border-right:0;}
.line-two-box .box-item3 .pic{}
.line-two-box .box-item2{float:left;width: 355px; height:125px; padding-top:18px; padding-right:25px; border-bottom:0;}
.line-two-box .box-item2 h4{width:225px;}
.line-two-box .box-item2 p{width:190px;}
.line-two-box .box-item2 .pic{padding-top:24px; width: 100px;}
.line-two-box .box-item4{position:relative;float:left; width:93px; height: 121px; padding:20px 20px 20px 18px; border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;}
.line-two-box .box-item4.no-border{border-right:0;}
.line-two-box .box-item4 .text{position: absolute; left:18px; top:20px; width: 93px;}
.line-two-box .box-item4 h4{font-size: 14px; line-height: 18px;}
.line-two-box .box-item4 .pic{padding-top:70px; text-align:right;}
.line-two-box .brand-show{padding:15px 3px;}
.line-two-box .brand-show img{margin:0 12px;}

.h-ad-list li{float:left;  margin-right: 10px; background: #fff; text-align: center;}
.h-ad-list li a{display:block; width:182px; height: 120px; padding: 0 25px;}
.h-ad-list li:last-child{margin-right: 0;}
.h-ad-list li .pic{padding:15px 0 5px;width:46px; height:46px; margin:0 auto; overflow: hidden;}
.h-ad-list li a img{
    width:40px;
    height:40px;
    -webkit-transition:-webkit-transform .3s ease-in;
    transition:-webkit-transform .3s ease-in;
    -moz-transition:transform .3s ease-in;
    transition:transform .3s ease-in;}
.h-ad-list li a:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.h-ad-list li h4,.h-ad-list li p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.h-ad-list li h4{font-size: 16px; line-height: 20px;}
.h-ad-list li p{color:#999;}
.h-ad-list a:hover{color:#3650a1;}

/*页脚*/
.n-footer{width:100%;min-width:1200px;background:#222;padding:30px 0;height:200px;}
.n-footer dl{float:left;width:100px;margin-left:100px;vertical-align:top;}
.n-footer dt{font-size:20px;color:#fff;line-height:48px;}
.n-footer dd{line-height:30px;}
.n-footer dd a{color:rgba(255,255,255,.8);}
.n-erweima{margin-right:40px;float:right;text-align:center;}
.n-erweima p{font-size:16px;margin-bottom:20px;color:#fff;}
.n-footNav{width:100%;min-width:1200px;background:#333;text-align:center;line-height:48px;color:#484848;}
.n-footNav a{color:rgba(255,255,255,.6);display:inline-block;margin:0 30px;}

.f-icon1,.f-icon2,.f-icon3{width:48px;height:48px;display:block;position:absolute;margin-left:-65px; background: url("../images/footer-icons.png") no-repeat;}
.f-icon1{background-position:0 0;}
.f-icon2{background-position:-50px 0;}
.f-icon3{background-position:-100px 0;}

/*顶部*/
.top-bar-right{float:right; margin-top:30px;}
.top-bar-right a{color:#666;}
.top-bar-right a:hover{color:#3650a1;}
.top-bar-right li{float: right; width: 75px; line-height: 30px; color:#666; font-size: 12px}
.top-bar-right li.first{width:auto; margin-left:12px;text-align: right;}
.top-bar-right li.tcenter{text-align: center;}
.top-bar-right li.has-sub-layer{width:72px; padding:0 13px; position: relative; z-index: 999;}
.top-bar-right li.has-sub-layer i{display:inline-block; width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:#999 transparent transparent transparent; vertical-align:middle;}
.top-bar-right li.has-sub-layer:hover{background:#fff;box-shadow: 2px 0 5px rgba(0,0,0,.2);color:#3650a1;}
.top-bar-right li .dropdown-layer{display:none;position:absolute; left:0; top:26px; background: #fff; width: 98px; box-shadow: 2px 6px 5px rgba(0,0,0,.2)}
.top-bar-right li .dropdown-layer li{float:none; width: 100%; text-indent: 14px;}
.top-bar-right li.has-sub-layer:hover .dropdown-layer{display: block;}
.top-bar-right li .dropdown-layer .red{ margin-left:5px;color:#ee1133; font-size: 14px; font-family: Arial;}
.top-bar-right li.shorter-one{width:60px;}
.top-bar-right li.shorter-one .dropdown-layer{width:86px;}

.header-white{background: #fff; width: 100%; min-width: 1200px;}
.top-logo-new{float:left; margin: 26px 125px 25px 35px}
.top-logo-new .img{display: block; width:130px; height: 45px; overflow: hidden; text-indent: -9999px; background: url(../images/home-logo.png) no-repeat; background-size: 130px;}
.header-search{float: left; padding:25px 0 19px 0;}
.header-search-box{height:38px; border:1px solid #5f77ff; border-radius: 19px;}
.header-search-input{border:none; width: 478px; height: 38px; padding: 0 10px;vertical-align: middle; outline: none; border-radius:19px; background: transparent;}
.header-search-btn{display:inline-block;width:100px; height: 40px; border:none;background:#4762fe;border-radius:31px; margin-right:-1px; margin-top:-1px; text-align: center; font-size: 16px; color: #fff; vertical-align: middle; outline: none;cursor: pointer;}
.header-search-btn:hover{background:#5F77FF;}
.header-search-text{padding-top:5px; color:#ddd;}
.header-search-text a{display:inline-block; margin:0 10px; color:#999;}
.header-search-text a:hover{color:#3650a1;}
.position-relative{position:relative;z-index: 5;}
.top-erweima{ position: absolute; right:2%; top:0; box-shadow: 0 3px 5px rgba(0,0,0,.2); border: 1px solid #eee;}
.top-erweima .img{width:130px; height: 130px; overflow: hidden; text-indent: -9999px;}
@media screen and (max-width : 1366px) {
    .top-erweima .img { background: url(../images/erweima-width-130.png) no-repeat; }
}
@media screen and (max-width : 5120px) {
    .top-erweima .img { background: url(../images/erweima-width-260.png) no-repeat;background-size: 130px;}
}


.top-nav-left{float:left; position:relative;z-index: 101; width:200px;}
.top-nav-left h2{height: 36px; line-height: 36px; background: #3650a1; font-size: 16px; text-indent: 45px; color: #fff; font-weight: 600;}
.top-nav-left h2 i{display: inline-block; width:16px; height: 12px; background: url("../images/wan-icon.png") no-repeat; margin-right: 15px; vertical-align: 0;}
.top-hot-list{position:absolute; left:0; top:36px; width: 200px; height:500px; background:rgba(34,34,34,.9);}
.top-nav-left:hover .top-hot-list{display: block}
.nav-icon{display:inline-block; width:16px; height:16px; margin-right:5px;vertical-align: middle}
.top-hot-list dl{padding:7px 14px 4px;}
.top-hot-list dl:hover{background:#111;}
.top-hot-list dl:hover .nav-icon{background-position:0 -20px;}
.top-hot-list dt{font-size:14px; color: #fff;}
.top-hot-list dt .nav-icon{margin-top:-2px;}
.top-hot-list dt .nav-icon.mr-4{margin-top:-4px;}
.top-hot-list dd{padding-left:25px;}
.top-hot-list dd a{color:#999; line-height:26px;}
.top-hot-list dd.sublayer{position:absolute; left:200px; top:0; width:330px; height:440px;  padding:30px 30px 30px 40px; background:rgba(255,255,255,.95); display:none;}
.top-hot-list dd.sublayer a{color:#333; line-height:36px;}
.top-hot-list a{display:inline-block; color: #fff; margin-right:15px;}
.top-hot-list a:hover{color:#fff;}
.top-hot-list dd.sublayer a:hover{color:#3650a1;}
.top-hot-list dl:hover dd.sublayer{display:block;}
.top-hot-list li a:hover .nav-icon{background-position:0 -20px;}
.top-nav-right a{float:left; margin-left:40px; font-size: 16px; font-weight: 600; line-height: 36px; height:36px;}
.top-nav-right a:hover{color:#3650a1;}
.top-nav-right .arial-font{font-family: Arial;}
.top-nav-right a.has-new{position:relative;margin-left:15px;padding-left:25px;}
.top-nav-right a.has-new:before{position:absolute; left:0; top:0; content:''; width: 30px; height:30px; background: url("../images/nav-new.png") no-repeat; background-size: 30px;}

.home-banner{width:100%; min-width: 1200px; margin-bottom: 10px; position: relative;}
.home-banner-list li{z-index: 1; zoom:1}
.home-banner-list li a{ display: block; height:500px}
.home-banner-change{ z-index: 100; position: absolute; left: 50%; margin-left: -70px; bottom:30px;}
.home-banner-change li{display: inline-block; width: 12px; height: 12px; float: left; border-radius: 50%; background: #777; margin:0 5px; overflow: hidden; text-indent: -1000px;}
.home-banner-change .on{background:#fff;}

.h-side-bar{position:absolute; left: 50%; top:0; z-index: 110; margin-left: 363px; width: 237px; padding-top:12px;}
.h-side-bar .user-welcome{height:90px; background: rgba(255,255,255,.9); padding-left:40px;}
.h-side-bar .user-welcome:hover{background: rgba(255,255,255,1);}
.h-side-bar .user-welcome .status1{padding-top:25px;}
.h-side-bar .user-welcome .status2{padding-top:10px;}
.h-side-bar .user-welcome .pic{float:left; width:38px; height: 38px; margin-right: 10px; overflow: hidden; border-radius: 50%;}
.h-side-bar .special-title{background:rgba(34,34,34,.8);text-align: center; line-height: 30px; color: #fff;}
.h-side-bar .special-list{margin-bottom:9px;}
.h-side-bar .special-list li{float: left; width:98px; height: 56px; padding-left:20px; margin: 0 1px 1px 0; background:rgba(255,255,255,.9); line-height: 56px; color: #666;}
.h-side-bar .special-list li:nth-child(2n){margin-right:0;}
.h-side-bar .special-list li:hover{background:rgba(255,255,255,1);}
.h-side-bar .right-ad{height:235px; background: rgba(255,255,255,.9); text-align: center;}
.h-side-bar .right-ad:hover{background:rgba(255,255,255,1);}
.h-side-bar .right-ad .ad-title{padding-top:15px;font-size:20px; line-height: 24px;}
.h-side-bar .right-ad .ad-intro{padding-top:5px; font-size:14px; color: #666;}
.h-side-bar .right-ad .ad-pic{padding-top:15px;}
.entrance-btn{display:block; width:98px; height: 26px; margin:5px 0 0 30px; background: #3650a1; line-height: 26px; text-align: center; color: #fff; border-radius: 3px;}
.entrance-btn:hover{background:#435daf; color: #fff;}
.h-side-bar .new-icon{position:absolute; display: inline-block; width:35px; height: 23px; background: url("../images/new.png") no-repeat; margin-left:6px; margin-top:-9px;}

/*飘浮导航*/
.wan-side-bar{position:fixed; left: 50%; bottom:50px; margin-left: 610px; width: 44px; z-index: 9999;}
.wan-side-bar li {margin-bottom: 1px; font-size: 12px;}
.wan-side-bar li a{display:block; height:28px; padding:8px; background: rgba(34,34,34,.8); line-height: 14px; text-align: center; color: #fff;}
/*
.wan-side-bar li:nth-child(3n+1).cur a,.wan-side-bar li:nth-child(3n+1) a:hover{background:rgba(238,170,0,.8);}
.wan-side-bar li:nth-child(3n+2).cur a,.wan-side-bar li:nth-child(3n+2) a:hover{background:rgba(51,170,0,.8);}
.wan-side-bar li:nth-child(3n+3).cur a,.wan-side-bar li:nth-child(3n+3) a:hover{background:rgba(34,119,238,.8);}
*/
.wan-side-bar li.cur a,.wan-side-bar li a:hover{background:url("../images/gradient-bg.png") repeat-y; background-size: 44px;}
.wan-side-bar li a.side-gotop i{display:inline-block; width: 24px; height: 12px; background: url("../images/wan-icon.png") no-repeat -25px 0; margin-top:8px;}
.wan-side-bar li a.side-gotop:hover i{display:none;}
.wan-side-bar li a.side-gotop:hover span{display:block;}
.wan-side-bar li .side-dropdown{position:absolute; right:44px; top:-65px; display: none;}
.wan-side-bar li .side-dropdown .inner{width:200px; padding:10px 20px; margin-right: 9px; background: rgba(34,34,34,.8); color: #bbb;}
.wan-side-bar li .side-dropdown li{margin-bottom:0;padding:4px 0; line-height: 20px;}
.wan-side-bar li .side-dropdown .space{display:inline-block; padding-left:92px;}
.wan-side-bar li .side-dropdown .side-corner{position:absolute; right:0; top:80px; display:block; width:0;height:0;border-style:solid;border-width: 9px 0 9px 9px;border-color:transparent transparent transparent rgba(34,34,34,.8); vertical-align:middle;}
.wan-side-bar li.side-contact{position:relative;}
.wan-side-bar li.side-contact a{padding-top:16px; height: 20px;}
.wan-side-bar li.side-contact a:hover{padding-top:8px; height:28px;}
.wan-side-bar li.side-contact a:hover i{display:none;}
.wan-side-bar li.side-contact a:hover span{display:block;}
.wan-side-bar li.side-contact:hover .side-dropdown{display:block;}
.wan-side-bar li .side-dropdown a{display:inline-block; height: auto; padding:0; background: none; line-height: 20px; text-align: left;}
.wan-side-bar li .side-dropdown a:hover{padding-top:0; height:20px;background:none;}


/*飘浮搜索*/
.float-search{position:fixed; left:0; top:0; display: none; width:100%; min-width: 1200px; height: 60px; background: #fff; border-bottom: 2px solid #3650a1; z-index: 1002; transition: all 0.4s;}
.float-search .float-logo{float:left;padding-top:10px; padding-right: 190px; padding-left:40px;}
.float-search .float-logo .img{display:block;width:110px; height:38px; background: url(../images/home-scroll-logo.png) no-repeat; background-size: 110px;}
.float-search .header-search{padding:10px 0 0 0;}
.float-search .order-data-btn{float:right; width:98px; height: 38px; margin-top: 10px; border: 1px solid #2281c2; border-radius: 19px; text-align: center; line-height: 38px; color: #666; font-size: 14px;}
.float-search .order-data-btn:hover{border:0; height:40px; line-height: 40px; background:url("../images/gradient-bg.png") repeat-y; background-size: 100px; color: #fff;}

.anchor{display:block; position: relative; height: 0; top: -60px;}

/*后台新加*/
.home-btn-div{margin-top:20px;text-align: right;}
.h-ad-list li,.line-two-box li,.line-three-box li,.h-box-list1 li,.h-box-list2 li{position:relative;}
.add-mask{position:absolute; top:0; left:0; width:100%; height: 100%; background: rgba(34,119,238,.7); text-align: center; z-index: 10000;}
.add-mask i{display:inline-block;width:60px; height: 60px; margin-top: 30px; background: url("../images/wan-add-icon.png") no-repeat; }
.h-pic-show .add-mask i{margin-top:90px;}
.line-three-box .add-mask i{margin-top:190px;}
.h-pic-show2 .add-mask i{margin-top:90px;}
.h-box-list1 .add-mask i{margin-top:70px;}
.h-box-list3 .add-mask i{margin-top:100px;}
.h-pic-show3 .add-mask i{margin-top:50px;}

.choose-con{height:200px;}
.choose-left{padding-right:15px; float: left;}
.choose-right{float: left;}

.home-banner-div{ position: relative; margin-top: 20px; height: 90px; overflow: hidden;}
.home-banner-div img{ width: 1200px; }
.home-banner-div .add-mask i{ margin-top: 15px; }
.h-title .add-mask i { margin-top: 0;}

.top-bar-right li.has-sub-layer i.red-point{display:inline-block; width:5px; height: 5px; margin-left: 5px; border:0; background: #f00; border-radius: 50%; vertical-align: 5px;}

/* e卡 */
.left-bubble{width:247px; height: 236px; position: fixed; left:0; bottom:10px; background: url("../images/float-pic.png") no-repeat;z-index: 1000;}
.left-bubble a,.pop-banner a{display: block;width:235px; height: 190px;margin-top:46px;}

.pop-mask{position: fixed; left: 0; top:0; bottom:0; width: 100%; height: 100%; background: rgba(0,0,0,.8); z-index: 10001;}
.pop-banner{width:733px; height: 386px; background: url("../images/pop-e.png") no-repeat; position: absolute; left: 50%; top:50%; margin-left: -360px; margin-top: -190px;}
.pop-close{width:24px; height: 24px; position: absolute; right:0; top:0; cursor: pointer;}
.celebrate-icon2{position:absolute; right:0; top:0; width:24px; height:56px; padding-top:4px; background:#e50778; color:#fff; font-size:14px; line-height:14px; text-align: center;}
.celebrate-icon2:after{position:absolute; left:0; bottom:0; content:'';width:0; height:0; border-width:12px; border-style: dashed dashed solid dashed; border-color:transparent transparent #fff transparent;}

/* 焦点图加按钮 */
.h-pre-btn,.h-next-btn{position:absolute; top:220px; left: 50%; z-index: 100; width:30px; height:60px; background: rgba(34,34,34,0.3); text-align: center; color: #fff; font-size: 20px; font-family: "宋体"; cursor: pointer; display: none;}
.h-pre-btn:hover,.h-next-btn:hover{background: rgba(34,34,34,.6);}
.h-pre-btn{margin-left:-390px;}
.h-pre-btn:before{content:'<'; position: absolute; top:23px; left:0; width: 30px;}
.h-next-btn{margin-left:323px;}
.h-next-btn:before{content:'>'; position: absolute; top:23px; left:0; width: 30px;}
.home-banner:hover .h-pre-btn,.home-banner:hover .h-next-btn{display: block;}
.home-banner-change{height:12px; padding:4px 3px; background: rgba(255,255,255,.2); border-radius: 10px;}

/* 行业解决方案 */
.solution{
    position: relative;
    width:1200px;
    height:400px;
    overflow: hidden;
}
.solution .bd{width:1200px;}
.solution li{
    float: left;
    width: 294px;
    margin-right: 8px;
}
.solution li:last-child{
    margin-right: 0;
}
.solution li:hover{
    opacity: 0.9;
    filter:alpha(opacity=90);
}
.sl-pre-btn,.sl-next-btn{
    position: absolute;
    top:153px;
    z-index: 100;
    width:40px;
    height:96px;
    background: rgba(34,34,34,0.3);
    text-align: center;
    color: #fff;
    font-size: 28px;
    font-family: "宋体";
    line-height: 28px;
    cursor: pointer;
}
.sl-pre-btn{
    left:0;
}
.sl-next-btn{
    right:0;
}
.sl-pre-btn:hover,.sl-next-btn:hover{background: rgba(34,34,34,.6);}
.sl-pre-btn:before{content:'<'; position: absolute; top:37px; left:0; width: 40px; height: 28px;}
.sl-next-btn:before{content:'>'; position: absolute; top:37px; left:0; width: 40px;height: 28px;}

/*右侧广告*/
.h-side-bar .right-ad{position:relative;}
.h-side-bar .right-ad2{height:185px; margin-top: 9px; position: relative;}

.self-icon{position:absolute; right:0; top:0; width:24px; height:45px; padding-top:4px; background:#e50778; color:#fff; font-size:14px; line-height:14px; text-align: center;}
.self-icon:after{position:absolute; left:0; bottom:0; content:'';width:0; height:0; border-width:12px; border-style: dashed dashed solid dashed; border-color:transparent transparent #fff transparent;}
.h-side-bar .self-icon{
    padding-top:6px;
    background:url("../images/you-bg.png") no-repeat;
}
.h-side-bar .self-icon:after{display:none;}