@charset "utf-8";
/*清零*/
html,body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, figure, form, fieldset, legend, button, input, textarea, select th, td{
    padding: 0;
    margin: 0;
}
body {
    font: 14px/30px '微软雅黑',Arial,"Microsoft YaHei","宋体",sans-serif;color: #333;
}
img,input{/*去除图片和input的默认边框*/
    border:none;
    border:1px solid none;
}
ul, ol {
    list-style-type: none;
}
a {
    text-decoration: none;
    color: #666;
}
a:hover {
    color: #0076ca;
}

/*头部*/
#header{height: 87px;}
#header .logo{float: left;margin-top: 17px;}
/*导航*/
#nav{ height:87px; padding-left: 154px;float: left;}
#nav ul li{float: left; position: relative;margin:0px 12px;z-index: 2;}
#nav ul li a{position: relative; display: inline-block;padding: 0px 22px;height: 85px;line-height: 85px;}
#nav ul li a:hover,#nav ul li .active{border-bottom:2px solid #0076ca; }

#nav ul li a.hover1{border-bottom:2px solid #0076ca; color: #0076ca; }
#nav ul li a.hover1:before{position: absolute; left: 50%; bottom: 0px; margin-left: -6px; content: ''; display: block; width: 0; height: 0; border-bottom: 6px solid #0076ca; border-right: 6px solid transparent; border-left: 6px solid transparent; }

#nav ul li a:hover:before{position: absolute; left: 50%; bottom: 0px; margin-left: -6px; content: ''; display: block; width: 0; height: 0; border-bottom: 6px solid #0076ca; border-right: 6px solid transparent; border-left: 6px solid transparent; }
#nav ul li a:after{position: absolute;right: -12px; top:38px; height:15px;border-left: 1px solid #999;content: '';}
#nav ul .no-border-r a:after{display: none;}
/*隐藏部分*/
#nav ul li .hidden{position:absolute;z-index: 2;left: 0px;top:87px;background: #fff;border:1px solid #eee;display: none;}
#nav ul li .hidden a{height: 30px;line-height: 30px;}
#nav ul li .hidden a:hover{border:none;}
#nav ul li .hidden a:after{display: none;}
#nav ul li .hidden a:hover:before{display: none;}
/*隐藏部分end*/
/*导航end*/
#header .tel{width:183px;height:24px;float: right;overflow: hidden;margin-top: 31px;}
#header .tel span{display: block;height: 24px;line-height: 24px;width:150px;text-align: center;color:#fff;background: #0076ca;border-radius: 50px;float: left;}
#header .tel .icon-tel{width:24px;height: 24px;background: url(../images/icon.png) 0px 0px no-repeat;display: block;float: right;}
/*头部 end*/

/*banner*/
.slideBox{ width:100%; overflow:hidden; position:relative; font-size: 0;height: 480px;} 
.slideBox .bd{ position:relative; z-index:0;   }
.slideBox .bd li{ zoom:1; height: 480px;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute;left:50%; bottom:15px;margin-left: -31.5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:9px;  width:15px; height:15px; line-height:15px; text-align:center; background:#bebebe; cursor:pointer; border-radius: 10px; }
.slideBox .hd ul li.on{ background:#fff; color:#fff; width:27px;}
/*banner结束*/

/*首页*/
/*短信验证码接口*/
.index-msg{height: 720px;width:100%;}
.msg-title{text-align: center;padding-top: 50px;}
.msg-title h2{font-size: 36px;font-weight: 400;line-height: 36px;}
.msg-title p{font-size: 16px;line-height: 16px; margin-top: 20px;color:#999;}

.index-msg ul{padding-top: 35px;margin:0 auto;overflow: hidden;}
.index-msg ul li{float: left;width:360px;}
.index-msg ul li dt{font-size: 20px;margin:40px auto 20px;}
.index-msg ul li dd{font-size: 16px;height: 40px;margin:15px 0;}
.index-msg ul li dd span{margin: 0 15px; font-size: 16px; color: #333; vertical-align: middle;}
.index-msg ul li dd i{width: 40px; height: 40px; vertical-align: middle; background: url(../images/banner-icons.png) 0px 0px no-repeat;display: inline-block;}

.index-msg ul .msg-left{text-align: right;}
.index-msg ul .msg-phone{width:460px;height: 500px;position:relative;}
.index-msg ul .msg-phone .bd{ padding:0px 10px; width:188px; overflow:hidden; position:absolute;left: 125px;top:150px;}
.index-msg ul .msg-phone .bd ul{ overflow:hidden; zoom:1; }
.index-msg ul .msg-phone .bd ul li{ float:left; height:185px;   text-align:left; _display:inline;width:188px;}
.index-msg ul .msg-right{text-align: left;}
.index-msg ul li dd .icon-msg1{background-position: 0px 0px;}
.index-msg ul li dd .icon-msg2{background-position: -40px 0px;}
.index-msg ul li dd .icon-msg3{background-position: -80px 0px;}
.index-msg ul li dd .icon-msg4{background-position: -120px 0px;}
.index-msg ul li dd .icon-msg5{background-position: -160px 0px;}
.index-msg ul li dd .icon-msg6{background-position: -200px 0px;}
.index-msg ul li dd .icon-msg7{background-position: -240px 0px;}
.index-msg ul li dd .icon-msg8{background-position: -280px 0px;}
.index-msg ul li dd .icon-msg9{background-position: -320px 0px;}
.index-msg ul li dd .icon-msg10{background-position: -360px 0px;}
.index-msg ul li dd .icon-msg11{background-position: -400px 0px;}
/*短信验证码接口end*/
/*蓝色灰色交替背景*/
.index-gray{background: #f6f6f6;width:100%;position:relative;color:#434343;}
.index-gray:after{content:"";display: inline-block; width: 0; height: 0; vertical-align: middle; border-top: 20px solid #f6f6f6; border-right: 50px solid transparent; border-left: 50px solid transparent;position:absolute;left: 50%;bottom:-20px; margin-left: -50px;z-index: 1;}
.index-blue{background: #0076ca;color:#fff;position:relative;}
.index-blue:after{content:"";display: inline-block; width: 0; height: 0; vertical-align: middle; border-top: 20px solid #0076ca; border-right: 50px solid transparent; border-left: 50px solid transparent;position:absolute;left: 50%;bottom:-20px; margin-left: -50px;z-index: 1;}
.index-fff{background: #fff;width:100%;position:relative;color:#3b3b3b;}
.index-fff:after{content:"";display: inline-block; width: 0; height: 0; vertical-align: middle; border-top: 20px solid #fff; border-right: 50px solid transparent; border-left: 50px solid transparent;position:absolute;left: 50%;bottom:-20px; margin-left: -50px;z-index: 1;}

.index-table{width:1200px;height: 500px;border-collapse: collapse;text-align: center;}
.index-table td{width:600px;}
.index-table td img{max-width: 600px;max-height: 500px;}
.index-table td h3{font-size: 50px;line-height: 50px;}
.index-table td p{font-size: 16px;margin-top: 20px;}
.index-table td h3,.index-table td p,.index-table td span{text-align: left;padding:0px 50px;}
.table450{height: 450px;}
.no-after:after{display: none;}
/*蓝色灰色交替背景end*/
/*合作伙伴*/
.parner-ul{margin-top: 80px;width:1230px;overflow: hidden;}
.parner-ul li{float: left;border:1px solid #eee;width:214px;height: 72px;margin-right: 30px;margin-bottom: 30px;text-align: center;vertical-align: middle;overflow: hidden;}
.parner-ul li a{display: block;}
/*合作伙伴end*/
/*首页end*/

/*服务页面*/
/*短信*/
.pro-ul{overflow: hidden;padding-bottom: 30px;width:1200px;}
.pro-ul li{float: left;width:120px;padding:0px 39px;text-align: center;margin-top: 36px;}
.pro-ul li i{width:103px;height: 103px;display: block;background: url(../images/pro.png) no-repeat;margin:0 auto;}
.pro-ul li p{margin-top: 20px;}
.pro-ul li .icon-pro1{background-position:0px 0px; }
.pro-ul li .icon-pro2{background-position:-120px 0px; }
.pro-ul li .icon-pro3{background-position:-240px 0px; }
.pro-ul li .icon-pro4{background-position:-360px 0px; }
.pro-ul li .icon-pro5{background-position:-480px 0px; }
.pro-ul li .icon-pro6{background-position:-600px 0px; }
/*短信end*/
/*流量*/
.flow-ul{overflow: hidden;margin:50px auto;width:1272px;}
.flow-ul li{float: left;border:1px solid #ddd;width:270px;height: 355px;overflow: hidden;margin:0px 36px;padding:50px 40px 30px;_margin:0px 28px;}
.flow-ul li i{display: block;width:132px;height: 132px;background: url(../images/pro.png) no-repeat ;margin:0px auto;}
.flow-ul li h3{font-size: 26px;line-height: 90px;font-weight: 400;text-align: center;}
.flow-ul li p{color:#999;}
.flow-ul li .line35{font-size: 0px;width:35px;border-top: 1px solid #ddd;margin:0 auto;margin-bottom: 15px;}
.flow-ul li .icon-flow1{background-position: 0px -120px; }
.flow-ul li .icon-flow2{background-position: -160px -120px; }
.flow-ul li .icon-flow3{background-position: -320px -120px; }
/*流量end*/
/*服务页面 end*/

/*解决方案*/
/*左侧导航*/
.solve-left{width:200px;float: left;margin-top: 20px;}
.solve-left .solve-left-title{font-size: 20px;height: 60px;line-height: 60px;}
.solve-left h3{line-height: 50px;height: 50px;}
.solve-left a{display: block;width:170px;height: 40px;line-height: 40px;text-indent: 22px;margin:2px 0px;}
.solve-left .solve-inside a{text-indent: 40px;}
.solve-left .active,.solve-left .active:hover{background: #6fa3ef;color:#fff;}
.solve-left a:hover{color:#666;}
/*左侧导航end*/
/*右侧内容*/
.solve-right{float: left;width:850px;margin-left: 50px;margin-top: 20px;word-break:break-all ;}
.solve-right .solve-right-title{height: 110px;line-height: 110px;font-size: 30px;color:#666;}
.solve-right table{border-collapse: collapse;text-align: center;margin-bottom: 20px;}
.solve-right table td{border:1px solid #ddd;height: 40px;}
.solve-right table tr:nth-child(odd) {background: #f5f5f5;}
.solve-right table tr:nth-child(even){background: #f2f5fa;}
.solve-right .solve-gray{background: #EBEFF2;padding:10px;color:#1C619C;line-height: 24px;}
/*右侧内容end*/
/*解决方案end*/

/*新闻中心*/
/*二级导航*/
.subnav{line-height: 100px; height:100px;text-align: center;}
.subnav ul{overflow: hidden;display: inline-block;margin:0 auto;}
.subnav ul li{float: left; position: relative;margin:0px 30px;}
.subnav ul li a{position: relative; padding: 10px 22px; background: #e5e5e5;border-radius: 5px;color:#333;}
.subnav ul li a:hover,.subnav ul li .active{background: #0076ca;color:#fff;}
.subnav ul li a:hover:before,.subnav ul li .active:before{position: absolute; left: 50%; top: 40px; margin-left: -6px; content: ''; display: block; width: 0; height: 0; border-top: 6px solid #0076ca; border-right: 6px solid transparent; border-left: 6px solid transparent; }
/*二级导航结束*/
/*产品列表*/
.list1{margin-top: 41px;}
.list1 li{position: relative; border-bottom: 1px solid #ccc;overflow: hidden;width:1200px;padding:20px 0px;}
.list1 li .list1-pic{float: left;width:191px;height:121px;margin-left: 16px;overflow: hidden;}
.list1 li .list1-text{margin-left: 22px;float: left;width:815px;height:121px;overflow: hidden;}
.list1 li .list1-text h2{font-size: 16px;line-height: 16px;margin-top: 11px;}
.list1 li .list1-text span{color:#999;display: block;}
.list1 li .list1-text p{color:#666;width:815px;}
.list1 li .more-btn{width:31px;height: 31px;display: block; background: url(../images/icon.png) -65px 0px no-repeat; position: absolute;top:50%;right:60px;margin-top: -15.5px;}
.list1 li .more-btn:hover{background: url(../images/icon.png) -30px 0px no-repeat;}
/*分页*/
.page-turn{width:100%; text-align: center; margin-top: 50px; }
.page-turn a{border:1px solid #ccc; padding: 0px 10px; display: inline-block; color:#666;
margin:0px 3px;}
.page-turn a:hover,.page-turn .active{background: #0076ca; color:#fff; border:1px solid #0076ca; }
/*分页结束*/
/*产品列表 end*/
/*新闻中心 end*/

/*详情页*/
.title{text-align: center;}
.title h1{font-size: 20px;color:#2c2c2c;}
.title span{color:#999;}
.line100{width:100%;font-size: 0px;border-top: 1px solid #eee;margin:10px 0px;}
.article{padding:20px;}
.article img{margin:10px auto;display: block;}
/*详情页 end*/

/*关于我们*/
.about-table{border-collapse: collapse;}
.about-table td{overflow: hidden;}
.about-table td img{display: block;}
.about-table td p{padding:0px 90px;}
/*关于我们end*/

/*公司银行账号*/
.bank-table{border-collapse: collapse;width:1030px;margin:20px auto 0px;}
.bank-table tr td,.bank-table tr th{border:1px solid #ddd;text-align: center;}
.bank-table tr td p{padding:0px 55px;color:#666;text-align: left;}
/*公司银行账号end*/

/*联系我们*/
.contact{margin-top: 36px; overflow: hidden; }
.contact .left{width:525px; border-left: 6px solid #0076ca; float: left; background: #f7f7f7; height: 324px; }
.contact .left h2{padding-left:25px; margin-top: 50px; margin-bottom: 18px; }
.contact .left p{padding-left:25px; line-height: 45px; }
.contact .right{width:669px; height: 324px; float: left; overflow: hidden; }
.contact .left i{display: block;width:25px;height:25px;float: left;margin-top: 12px;margin-right: 10px;}
.contact .icon-tel{background: url(../images/icon1.png) 0px 0px no-repeat;}
.contact .icon-fax{background: url(../images/icon1.png) 0px -25px no-repeat;}
.contact .icon-web{background: url(../images/icon1.png) 0px -50px no-repeat;}
.contact .icon-email{background: url(../images/icon1.png) 0px -75px no-repeat;}
.contact .icon-address{background: url(../images/icon1.png) 0px -100px no-repeat;}
/*联系我们结束*/

/*公司荣誉*/
.table-honor{background: url(../images/bg1.jpg) repeat;width:1170px;padding:15px;}
.table-honor td{padding:15px;text-align: center;color:#fff;}
/*公司荣誉 end*/

/*底部*/
#footer{padding:35px 0px;background: #2c2d2c;width:100%;overflow: hidden;color:#888;margin-top: 50px;}
#footer .footer-title{color:#fff;font-size: 20px;height: 40px;line-height: 40px;}
#footer ul{overflow: hidden;float: left;}
#footer ul li{padding:0px 60px;float: left;_width:190px;}
#footer ul li a{color:#888; display: block;}
#footer ul li a:hover{color:#0076ca;}
#footer ul li .btn-black{display: inline-block;width:90px;height: 24px;line-height: 24px;background: #222;text-align: center;margin-right: 10px;float: left;margin-top: 10px;}
#footer .qrcode{width:220px;height: 160px;float: right;position:relative;}
#footer .qrcode .qrcode-pic{margin-top: 20px;}
#footer .qrcode p{position:absolute;left: 95px;top: 65px;}
#footer .qrcode span{display: inline-block;background: #e12f3b;color:#fff;border-radius: 3px;padding:0px 10px;position:absolute;left: 95px;top:95px;}
/*底部end*/
/*版权区*/
.copyright{width:100%; background: #0d0d0d; color: #888; height: 50px; line-height: 50px; text-align: center; }
/*版权区end*/

/*公共样式*/
.clear{
    clear:both;
}
.w1200{
    width:1200px;
    margin:0 auto;
}
table{word-wrap:break-word;}
/*公共样式结束*/