@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
html{overflow-y:auto!important;*overflow-y:scroll; height:100%; min-height:100%; line-height:24px; font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow:auto;} 
body{font-size:14px; font-family:"微软雅黑"; width:100%; height:100%; margin:0; padding:0;  position:relative;}
img{border:none; vertical-align: middle;  max-width: 100%;}
ul,li{list-style:none;}
table{border-collapse:collapse; width:100%;}
.clear{clear:both; height:0; line-height:0;}
.p-r{position:relative;}
.w1200{width:1200px; margin:0 auto;}
a{text-decoration:none;}

/*   top   */
.header{position:fixed; top:0; left:0; z-index:99999999; width:100%; height:62px; background:#fff; border-bottom:1px solid #dedede;}
.logo{display:inline-block; position:absolute; top:5px; left:10px;}.logo img{height:50px; max-width:200px;}
.nav{position:relative; padding-left:200px; padding-top:10px; width:1000px; margin:0 auto;}
.nav ul li, .nav ul li a{display:inline-block;}
.nav ul li a{padding:4px 20px; margin:0 4px; line-height:32px; color:#333; font-size:16px; font-weight:bold;} 
.nav ul li a:hover{background:#0096ec; color:#fff; border-radius:20px;}
.nav-div{position:absolute; top:13px; right:0;}
.nav-div dl dt{border:1px solid #999;  margin-right:6px; padding-right:4px; height:32px; font-size:20px; line-height:32px; color:#999; font-family:Book Antiqua; display:inline-block;}
.nav-div dl dt span{background:#999; padding:0 6px; color:#fff; font-size:20px; display:inline-block}
.nav-div dl dd{background:url(../images/ic-qq.png) left -48px no-repeat; height:32px; line-height:32px; padding-left:26px; display:inline-block; margin-left:4px; position:relative;}
.nav-div dl dd:hover{color:#017be3; background:url(../images/ic-qq1.png) left -48px no-repeat #fff; cursor:pointer;}
.nav-div dl dd a:hover{color:#017be3;}
.nav-a{position:absolute; top:36px; z-index:993; left:-4px; background:#fff; border:1px solid #dedede; border-radius:4px; padding:8px 10px; min-width:140px; display:none;}
.nav-a a{background:url(../images/ic-qq.png) left -150px no-repeat; display:inline-block; height:27px; line-height:27px; padding-left:32px; padding-right:8px; color:#000; margin-top:4px; border-right:1px solid #e4e8ec; border-radius:4px;}
.nav-div dl dd:hover .nav-a {display:block;}
.wx-b {width:0; height: 0; border-style: solid; border-color: transparent transparent #ffffff transparent ; border-width: 8px; left: 30px; top: -14px; position: absolute; z-index: 995;}
.wx-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent #dddddd transparent ; border-width: 9px; left: 30px; top: -18px; position: absolute; z-index:994; }
/*  mean */
 #slides{display:block;width:100%;/* height:660px; */ list-style:none;padding:0;margin:0;}
#slides li{ display:block; width:100%; list-style:none; padding:0; margin:0; position:absolute;}
#slides li a{ display:block; width:100%; text-indent:-9999px;}
#pagination {display:block;list-style:none;position:absolute;left:45%; bottom: 40px; z-index:999;padding:5px 15px 5px 0;margin:0;}
#pagination li { display:block; list-style:none; width:15px; height:15px; float:left; margin-left:15px; border-radius:50%; background:#FFF }
#pagination li a { display:block; width:100%; padding:0; margin:0;  text-indent:-99999px;}
#pagination li.current { background:#0092CE}
.banner{width:100%;padding:60px 0 10px; background:#fff; display: block; position:relative;}
.banner a{width:100%; height: 100%; display: block;}
.banner img{width: 100%; display: block;}
#slides li a img{display: block; width: 100%;}
.h-choose{width:60%; position:absolute; top:560px; left:20%; z-index:99999}
.h-choose dt{padding:10px; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; filter: Alpha(opacity=50); background:#000; position:relative; height:48px; line-height:48px;border-radius:6px;}
.h-choose dt input{width:100%; background:url(../images/ssk-icon1.png) no-repeat #fff; border:none; font-size:20px; height:48px; text-indent:50px; border-radius:4px; position:relative;}
.h-choose dt button{position:absolute; top:10px; right:10px; color:#fff; font-size:20px; display:block; border:none; padding:12px 40px; border-radius:4px; background:#00b0ff;}
.h-choose dd{color:#fff; padding:3px 0; text-shadow:1px 1px 0 rgba(0,0,0,.5)}.h-choose dd a{color:#fff; padding:0 6px;}
.h-choose dd a:hover,.h-choose dd a.a-choose{background:#00b0ff; border-radius:6px; color:#fff;}

.mean{background:#fff; padding:20px 0;}
.mean dl{padding:10px 0 30px;}
.mean dl dt img{display:block; margin:0 auto;}
.mean dl dd{display:inline-block; padding-left:52px; font-size:18px; margin:15px 22px 0; background:url(../images/b2b/a-in-icon.png) no-repeat; line-height:48px;}
.mean dl dd.mean-dd1{background-position:left -100px;}
.mean dl dd.mean-dd2{background-position:left -200px;}
.mean dl dd.mean-dd3{background-position:left -300px;}
.mean dl dd.mean-dd4{background-position:left -400px;}
.content{ padding-top:25px;}
.c-title{text-align:center; padding:130px 0 30px;}
.c-title p{font-size:24px; color:#fff; padding:30px 0;}.c-title p b{font-family:"STXingkai"; font-size:30px; font-weight:normal; padding:0 6px;}
.c-title ul li, .c-title ul li a{display:inline-block; color:#fff; margin:0 8px;} 
.c-title ul li a{padding:2px 20px; border-radius:20px; line-height:32px; font-size:16px;}
.c-title ul li a:hover, .c-title ul li a.c-title-a{background:#fff; color:#0030bb;}
.today{background:#fff; padding:20px; min-height:400px;}
.c-choose dl dd{background:url(../images/ic-qq.png) left -296px no-repeat; padding-left:30px; color:#666; line-height:24px; font-size:16px; padding: 2px 0;}
.c-choose dl dd a{display:inline-block; border-radius:20px; padding:0 12px; color:#000; margin:0 3px; }
.c-choose dl dd a:hover, .c-choose dl dd a.c-choose-a{background:#008ff3; color:#fff;}
.today ul li{float:left; height:567px; margin:10px 10px; background:#fff; width:364px; border:1px solid #dedede; overflow:hidden;}/*130*/
.today ul li:hover{border:1px solid #00b0ff;}
.today ul li a{color:#000;  position:relative; display:block;}
.today ul li .t-img{width:100%; width:364px; height:437px; }/**/
.today ul li:hover .t-img{-webkit-transform: scale(1.1); }
.today ul li a h3{position:absolute; bottom:0px; right:10px; text-align:right; color:#999; font-size:0.75em; padding:5px 0; line-height:18px;}
.today ul li a h3 b{font-size:2.5em;color:#F30; padding-left:40px;}
.today ul li a h3 span{text-decoration:line-through}
.today ul li a .today-con{padding:6px; background:#fff; position:relative;}
.today ul li a .today-con p{line-height:20px; font-size:14px; color:#f0f0f0; position:absolute; top:-30px; left:8px; background:url(../images/b2b/icon.png) 4px -294px no-repeat; padding-left:30px; text-shadow:1px 1px 0 rgba(0,0,0,.5);}
.today ul li a .today-con h2{padding-right:120px; height:48px; overflow:hidden; line-height:24px;}
.today ul li a dl{padding:4px 6px; height:50px; width:100%; position:relative;}
.today ul li a dl dd{display:inline-block; margin:5px; width:82px; height:50px;} .today ul li a dl dd img{width:82px; height:50px;}
.today ul li a dl dt{position:absolute; top:10px; right:24px; background:#ff4200; font-size:14px; font-weight:bold; color:#fff; line-height:18px; display:block; padding:6px 12px 4px; border-radius:6px;  -webkit-transition: all 0.3s ease-in-out;}
.today ul li:hover a dl dt{-webkit-transform: rotate(356deg);}
.today ul li a dl dt b{font-size:20px; display:inline-block; width:30px; overflow:hidden;}
.today ul li a .today-div{position:absolute; display:none; width:354px; height:417px; padding:10px; top:0; left:0; z-index:666;  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important; filter: Alpha(opacity=60); background:#000;}
/*-20*/
.today ul li a .today-div p{position:relative; color:#fff; height:160px; overflow:hidden; line-height:20px;}
.today ul li a:hover .today-div{display:inline-block;}
.today .h2{text-align:center; font-size:32px; line-height:48px; color:#dedede; padding:15px 0;}
.t-p2{text-align:center; padding-top:6px; font-size:14px; color:#999; line-height:28px;}
.t-p2 b{padding-left:20px; background:url(../images/ic-qq.png) left -250px repeat-x; display:inline-block;}

/*footer*/
.footer{color:#fff; padding:50px 0;}
.footer ul{padding:40px;}
.footer ul li{display:inline-block; width:20%; margin:0 2%; font-size:16px; text-align:center;}
.footer ul li h3{padding-left:40px; font-size:28px; font-weight:normal; padding-bottom:15px; display:inline-block; background:url(../images/b2b/icon4.png) left top no-repeat;}
.footer ul li h3.f-h1{background-position:left -100px;}
.footer ul li h3.f-h2{background-position:left -200px;}
.footer ul li h3.f-h3{background-position:left -300px;}
.footer dl{padding:30px 50px;}
.footer dl dt{float:left; padding:0 80px; border-right:1px solid #fff; margin-right:80px;}
.footer dl dt img{display:block; padding:10px; border-radius:10px; margin:0 auto; max-height:60px; background:#fff; padding:4px 20px;}
.footer dl dt p{margin-top:10px;}.footer dl dt p a{color:#fff;} .footer dl dt p a:hover{text-decoration:underline;}
.footer dl dd{float:left; margin:0 8px;}.footer dl dd h1{font-size:38px; font-weight:normal; padding:15px 0} .footer dl dd p{font-size:18px;}
.footer-bg{ position:fixed; bottom:0; left:0; height:460px; width:100%; z-index:-1;}
.footer a{color:#fff; text-decoration:underline;}
/*-- 在线客服 --*/
/*main css*/
.main-im{ position:fixed; right:0px; top:120px; width: 130px; z-index:99996; padding:10px 0 4px;}
.main-im dl {padding:0 6px;}
.main-im dl dt{font-size:16px; text-align:center; font-weight:bold; padding:6px 0; border-bottom:1px solid #dedede;}
.main-im dl dd{padding-top:6px;}
.main-im dl dd a{background:url(../images/ic-qq.png) left -150px no-repeat; display:inline-block; height:27px; line-height:27px; padding-left:32px; width:70px; padding-right:8px; color:#000; border-right:1px solid #e4e8ec; border-radius:4px; margin:4px 0 0 4px; overflow:hidden;}
.main-im dl dd a:hover{color:#017be3;}
.main-im dl dd p{text-align:center; font-weight:bold; color:#F30;}
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 65px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/ic-qq.png) 20px -40px no-repeat;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 130px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -56px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 94px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 92px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:104px;left:7px;width:100px;margin:0 auto; text-align:center;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/ic-qq.png) 10px -190px no-repeat;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -10px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im{ background: url(../images/open_im.png) no-repeat left top; height:133px; width:40px; cursor: pointer; margin-left: 78px;}
.main-open a.go-top{width:40px; height:40px; background: url(../images/ic-qq1.png) 10px -190px no-repeat #fff; cursor: pointer; margin-left: 78px; display:block;}
.about{background:#fff; padding:40px 0;}
.about .div{width:1100px; margin:0 auto;}
/*  1000px */
@media (max-width:1200px){
.w1200{width:950px; margin:0 auto;}
.mean dl dd{font-size:14px; margin:15px 10px 0;}
.c-title{padding:40px 0;}
.c-title p{font-size:20px;}.c-title p b{font-size:24px;}
.footer ul li{font-size:14px;}
.footer ul li h3{font-size:22px;}
.footer dl{padding:30px 10px;}
.footer dl dt{margin-right:30px; padding:0 60px;}
.about .div{width:900px; margin:0 auto;}
}
/* about */