@charset "UTF-8";
body{margin:0;padding:0;font-size:14px; font-family:'Hiragino Sans GB','瀹嬩綋',arial,sans-serif; color:#666; font-weight:normal;background: #f3f3f3;}
p,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,select,textarea,blockquote{padding:0;margin:0;}
ul,li,ol{list-style-type:none;}    
img{border:0;}
a{color:#666; text-decoration:none;}
i,b{ font-weight:normal; font-style:normal;}
a:hover{ text-decoration: none;outline: none}
input,select,textarea{outline: none;}
em{ font-style: normal;} 
/*鍏辩敤鏍峰紡*/
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after{content: '';display: block;clear: both;}
.clear{clear: both;}
.hide{display: none;}
.show{display: block;}
.img100{width: 100%;}

.WBox{width: 1000px;margin: 0 auto;}
.Bgimg{background: url(../Images/img.png) no-repeat;}
.yello{background: #fff06f;}
.yello2{background: #ffd34b}
.White{background: #fff;}
.blue{background: #40a1fa;color: #fff;}
.red{color: #ff0c00;}

@font-face {font-family: "iconfont";
  src: url('icon/iconfont.eot?t=1461201068'); /* IE9*/
  src: url('icon/iconfont.eot?t=1461201068#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('icon/iconfont.woff?t=1461201068') format('woff'), /* chrome, firefox */
  url('icon/iconfont.ttf?t=1461201068') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('icon/iconfont.svg?t=1461201068#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-zhuanti:before { content: "\e600"; }
.icon-hezuo:before { content: "\e601"; }
.icon-3:before { content: "\e603"; }
.icon-wangzhan:before { content: "\e602"; }
.icon-top:before { content: "\e604"; }
.icon-37:before { content: "\e605"; }



/*澶撮儴*/
.headerVip{background: #fff;line-height:80px;/* height:80px; */box-shadow: 1px 1px 4px rgba(0,0,0,.2);}
.headerVip .logo{display: block;}
.headerVip .logo img{vertical-align: middle;}
.headerVip .nav li{float: left;line-height:80px;}
.headerVip .nav li a{color: #145fc2;display: inline-block;padding: 0 40px;font-size: 16px;}
.headerVip .nav li a.active,
.headerVip .nav li a:hover{background: #1872e8;color: #fff;}

.main .Box-li .left,.main .Box-li .right{width: 500px;height: 480px;}
.main .Boxli1{background:#115ac3 url(../Images/1.png) no-repeat center;}
.main .Boxli2{background:#398deb url(../Images/2.png) no-repeat center;}
.main .Boxli3{background:#0ec1a1 url(../Images/3.png) no-repeat center;}
.main .Boxli4{background:#00b76f url(../Images/4.png) no-repeat center;}
.main .Boxli5{background:#4f69c7 url(../Images/5.jpg) no-repeat center;}
.main .Box-li img{width:50%;float: left;vertical-align: bottom;}

/*vip*/
.vipBox h3.title{line-height: 100px;color: #666;font-size: 18px;text-align: center;}
.vipBox .table,.vipBox .table2{margin-bottom: 50px; border-top: 1px solid #ddd;border-left: 1px solid #ddd;background: #fff;}
.vipBox .table td,.vipBox .table th,
.vipBox .table2 td,.vipBox .table2 th{text-align: center;line-height:23px;border-right:1px solid #ddd;border-bottom: 1px solid #ddd;}
.vipBox .table td,.vipBox .table2 td{padding: 15px;}
.vipBox .table th,.vipBox .table2 th{background: #1c7bd3;color: #fff;line-height: 60px;}
.vipBox .phoneBox{display: none;}
.vipBox .phoneBox h3{line-height: 60px;background: #fff;border: 1px solid #ddd;border-bottom: none;}
/*鏀跺叆缃戠珯*/
.mt30 {margin-top: 30px;}
.bgdb {background: #186dbf;}
.borderl {border-left: 1px solid #ddd;}
.IncludeBox a {color: #404040;text-decoration: none;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;}
.IncludeBox *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.Include {font-size: 36px;text-align: center;font-weight: bold;line-height: 100px; margin-top: 30px;}
.IncludeTitle {width: 100%;text-align: left;font-size: 20px;line-height: 44px;height: 44px;color: #fff;margin-top: 10px;}
.icon-hezuo:before, .icon-zhuanti:before, .icon-wangzhan:before {margin-right: 10px;font-size: 24px;margin-left: 20px;}
.IncludeContainer {border: 1px solid #ddd;border-top-color: #fff;padding: 10px;background: #fff;}
.IncludeContainer li {width: 20%;text-align: left;float: left;line-height: 30px;height: 30px;padding-left: 20px;border-radius: 2px;-webkit-border-radius: 2px;-ms-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 4px;white-space: nowrap;text-overflow: ellipsis;-moz-text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;overflow: hidden;margin: 2px auto;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.IncludeContainer li:hover {background: #3599df;}
.IncludeContainer li:hover a{color: #fff;}
.IncludeContainer li a,.IndustryContainer li a {font-size: 12px; width: 100%;display: inline-block;color: #666;white-space: nowrap;text-overflow: ellipsis;-moz-text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;overflow: hidden;}

.IndustryContainer li:first-child {border-left: 1px solid #ddd;}
.IndustryContainer li {width: 20%;height: 380px;overflow: hidden;float: left;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.IndustryContainer li .IndustryTitle {display: block;background-color: #f2f2f2;height: 40px;line-height: 40px;padding-left: 40px;font-weight: bold;border-bottom: 1px solid #ddd;}
.fcolordb {color: #186dbf !important;}
.IndustryContainer li a {padding-left: 40px;height: 30px;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;-moz-text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;overflow: hidden;position: relative;float: left;}
.IndustryContainer{background: #fff;}
.IndustryContainer li a:hover {background: #3599df;}
.IndustryContainer li a:hover {color: #fff;}
.IndustryContainer li:hover {
    box-shadow: 0 1px 10px #ddd;
    -moz-box-shadow: 0 0 10px #ddd;
    -o-box-shadow: 0 0 10px #ddd;
    -ms-box-shadow: 0 0 10px #ddd;
    -webkit-box-shadow: 0 0 10px #ddd;
    border-left: 1px solid #ddd;
}
.navRight{position: fixed;right: 0;bottom: 100px;background: #fff;border: 1px solid #ddd;border-top: none;}
.navRight a{display: block;width: 80px; height: 60px;line-height:22px;font-size: 12px;font-weight: normal;text-align: center;border-top: 1px solid #ddd;}
.navRight a:hover{filter:Alpha(opacity=70);opacity:0.7;}
.navRight a:before{display:block;font-size: 22px;width: 100%;text-align: center; line-height:20px;vertical-align: middle;margin-top: 13px;}
.pages{background: #fff;margin-bottom: 50px; width:100%; border:1px solid #e6e6e6; border-top:none; text-align: center; padding:10px;}
.pages a{ display:inline-block; line-height: 20px; font-size:12px; padding:2px 10px; border:1px solid #ddd; border-radius:3px; margin:0 5px;}
.pages a:hover, .pages a.current{ border-color:#0082df; color:#0082cf;}
.footer{text-align: center;line-height:70px;background: #2f3030;color: #fff;}

@media screen and (max-width:1000px){
    .WBox{width: 100%;}
}
@media screen and (max-width:1000px){
    .header .logo{display: block;width: 100%;}
    .header .nav{width: 100%;line-height: 45px;background: #115ac2; border-bottom: 1px solid rgba(255,255,255,.3);}
    .header .nav li{width: 33.33%;}
    .header .nav li a{padding: 0;width: 100%;text-align: center;color: #fff;}
}
@media screen and (max-width:640px){
    .IndustryContainer li,.IncludeContainer li {width: 50%;}
    .vipBox .table{display: none;}
    .vipBox .phoneBox{display: block;}
}
@media screen and (max-width:500px){
    .main .Box-li img{width: 100%;}
}
@media screen and (max-width:380px){
    .IndustryContainer li{width: 100%;}
}