@charset "utf-8";
/*开放页面样式 包括首页和网站页面*/
@charset "utf-8";
/*全局*/
body{margin:0 auto;padding:0;background:#FFF;color:#333;font:12px "Microsoft YaHei";text-align:center;}
body div{margin:0px auto;text-align:left;} 
div,form,ul,ol,li,span,p,dl,dt,dd,img{margin:0;padding:0;border:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;}
ul,ol,li{list-style:none;}
table,td,input,textarea{font-size:12px;}
.clear{height:0;clear:both;font-size:0;line-height:0;overflow:hidden;}
.mt15{margin-top:15px;}
.mt50{margin-top:50px;}
.mt30{margin-top:30px;}
.mt80{margin-top:80px;}
.mb20{margin-bottom:20px;}
.mb80{margin-bottom:80px;}
.mr6{margin-right:6px;}
.bg01{color:#00C0EF !important;}
.bg02{color:#f39c12 !important;}
.bg03{color:#dd4b39 !important;}
.bg04{color:#00a65a !important;}
/* 链接颜色 */
a:link { text-decoration: none; color: #333 }
a:visited{ text-decoration: none; color: #333 }
a:hover{ text-decoration:none; color:#0AA7FF; }
/*区块设置 */
.area{margin:0px auto 0; width:1200px;background-color:#FFFFFF;}
.area .areaL{width:200px;float:left;background-color:#FFFFFF;}
.area .areaLM{width:980px;float:left;background-color:#FFFFFF}
.area .areaM{width:770px;float:left;background-color:#FFFFFF;margin-left:10px;}
.area .areaR{width:210px;float:right;background-color:#FFFFFF;margin-left:10px;}
.area .areaLR{width:990px;float:right;background-color:#FFFFFF; margin-left:10px;} 
div.TWAll{width:100%;_width:expression(this.offsetWidth); min-width:1200px;}
div.TWAllS{width:100%;_width:expression(this.offsetWidth); min-width:1200px; background-color:rgba(0,0,0,0.85);}
div.TArea{margin:0px auto;width:1200px;}

#TopIndex{height:100px; color:#3C3C3C; font-size:16px; float:left; }
#TopIndex #TopIndexArea{height:100px; line-height:100px;}
#TopIndex #TopIndexArea #TopIndexL{width:300px; height:46px; float:left; margin:15px 0;}
#TopIndex #TopIndexArea ul{width:700px; height:100px; float:left; color:#3C3C3C; margin-left:50px;}
#TopIndex #TopIndexArea ul li {float:left; margin:0 10px;}

#TopIndex #TopIndexArea #TopIndexR{float:right; text-align:center;}
#TopIndex #TopIndexArea #TopIndexR a{width:60px; display:block; float:left; letter-spacing:1px; padding:0 5px;}
#TopIndex #TopIndexArea #TopIndexR a.btn{height:30px; line-height:30px; margin-top:35px; background-color:#2f7be8; color:#FFF; font-size:14px; border-radius:2px;}

#Banner{background-color:#2f7be8;}
#Banner #BannerPic{background:url(http://www.bianji.net/statics/images/banner1.png) center no-repeat; height:450px; margin:0px auto;}

@font-face {font-family: "bianjinetagentindexiconfont";
  src: url('bianjinetagentindexiconfont.eot?t=1568010975549'); /* IE9 */
  src: url('bianjinetagentindexiconfont.eot?t=1568010975549#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAkoAAsAAAAAD+gAAAjZAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCEEAqRTI4nATYCJAMoCxYABCAFhG0HgQgbZQ1RlHBSB9mPBNttVCgMitEKW7iQadzLtwiwtZy920fSBfmpkZUoZFkxCgMkFPkKWWPJAQpV1f+fTvv75k3AgseTVHRWiKvJn06qhZnu9xJZollRGcyrkj0nM8viKBRnvsTkm3w1WLE9AcWP+7V81kUj9vB2vWxfbH+Ya7tEJhEyIW2YnljCJBIqhEaolRwxEM96yeZHJSYmAEVeQqHB/NJa4COxRsCcOb12EPAt1cgAV8Av43pcGUk0Ezj4ySSiG8Cp8vPhF6IDHyDBSYE9c2w2TwWZH8TTCjzSOlJfqRZGZdeIBw+kwAAQH/TKs+IEQNCPBxNOJg0G6ly6GHzgx3aPfR6HPk57POZphdXKB+Gwj96MgsCW/bAjkGvYvzwBEgdG4IOQBZaU4dgbKYAPQiglBz5wKQF82JWSBR8+YlQzFJUizDRUysAcDUNycwxKScBXhTj5milKV7SBfpC8AKR3wNIhZXoexkUOmI5RiyKN1E/sUVQaYe/s6SvgC+25XpS/WOy6HUlW/EWr/Iou5R2lXcpOYoD8LMg4JLrTbSEsWPjV6ufpkCTxosgh8SyJAfMdPOyTpj43Ryq9T8ngpnTFx3hQfXQIQRqwdgMgOol0mBjIUJFBiHVIg1OQtVrKakZo+FxDyAvZI6t18rf5wXg980ejAwjpmBBz8/aY13OKA4q2rdvMUR2jHmPM3TjmowYkGhs5d24Y4sFkabbZPByg7d+pX6azEZvabAWjjVzOzBtPorHCUqlU7pUAPCdzbeuH5s0qTjZr8lgO09ZGbbakOWGEbjHz24WR3FAEsHxMjvWGqLW3HoEZhqdgcUSL6fr69ki9iOH4YriyniVLRWuhaH+O18n83oCNFDlAJNdFzWVeyYKFwg6XY/taIQQBVKQQEwAEoBn4GuRy+YM/fTuTGrNjWjaKDJHLt+Asb7OLvVXiZR//H9Cl9t+FCmmWlGOtL6JiOgDXxAfKmbJgBRBx2VMok9VgVyJxWUEP0oVuLe2SBdjZijzVO2c4aDt2ZS9qYt3Hxy4xJcDqi1xOmONExO2YNaV19Du6xP/N13XcJXdGOvP8MKXJ3okPR1lZ7V/Yt1f36P0x/vz/ZRGJ/8Y8HRPcPfrVvrSzcf83xvHlPsEqNk9P061ZR5D6dlLLU8PeaboZ4eg8wBR9V3LZbY3CZ95Oqnm3JGJrEuInJ5eyIm62jZeDpKP40ciD7VH8cxp/PuaInkx3MQ4KFlD7SPgcQ/705U1yY+TBP2xzkNDUV39RTkt83wVHtP3er01cV5f2vt87evaGr+zXWXP69OzTHmO2N7fXavaaCB3M8NYVWhvkC/RxXEZQD0wMGDFigKgR9z8cGhAb1KPCGDbzFBoHaNZHg4gpO3dOIRJV8hk7z604UFnp4VFZtX9/VZVYXFWZHZqeLrFzQ+L0NClyg7NpaRJwq0vT0veDW4D3I0DyvmPBNMbZVDl0/PFLEoHjk+mdIoUlO8jJsHdZ8JzgZfsCbR767vPfHfRpdN+mhq3/Ztu25fuaKgrc89wblJ5ZXjnFoc51ioD83Ej5sblPyNNRbzOjUejPROOP/BFQmI7cuXoKYfLXEeb4KP81BUD87couCev32Cz/iydNdJjjkHBWuNNnqX1zaUHRlXlJ+x+h7My32dMTv85E9ib3h7MEhaPD5HbetrapHql3Tox7intMqq2tt51DQCTymCKtMHgz6kxVpCg60eZgoRYf0f52LYxUcTvE0w6W6o4cejNfYvdP4AobKo4yHncQWpws5L82/5IWx1tC4vjAnAl0tiRbZKuHiwoDOFHkeF4/3nzlwTgBhaJ8guBAajqydmQNn3a8Z9llIDk5stKons6rQkSDRSG95l2QmT+Nm8MZlcej+TkJZytq94vXM+u54+R4wN2JNpmu/wVKM3N21fLaOTRDc9shbtL/zZs20d/cNq5csKz6KD9R6re8bR3d3X+UJotyA1enIpwcsrogSZTuuckJcAlJIwM3ZYVswWSoAKV7bIaU19TcrC181s9fWblbHsMycMnq3Lsj7/78KSXSuo7MDsWiha8XLrLKKvvIqvbftam/qXHRNH6ZaBZkLrily+qoW2m6tXKlVVbVR1ZprZT1qZJZH1JYtnWRX+nbyQ+fySfkTglpwW3kx8/IgghLdDpiJb50BXdhE9O0Eq/4cZpw13kJ8+gWtt3Zamu7VrU5t4sZO4HzZgtLb3jt8gbMFn63Xd3SpWrbU3aKpUs0c5fy1bRaYevCqLPrHjh1A/niBUm0DXcM1ZgscnBagS9cKEJbQTFV6UNB4sq+3QXeASgg32tP/dDJkkL3/H8iXUyofthqmY4y64eaKa18jRwpdLmCy7W9R7QHMoztXta926OkxqPYgudYLddSZsMYfZDOGKgrr1YG08qQ9uGz8wJ8ITPvUQIjHoDlpvfEO/D/Ed/EYUruCBLwkc07+y4egL30MV6Wg+z9eAMO1W+3D5FbWw/grDPaUTB+zGgG2KR+4uOL3J7HpQ53FCW7IXkEtiWA89e6GAxA7HkqpKYYvxuEcF2rDDFRazEI9msj+cXcDnDmam+6nTXtRJZOlNTJgASPJ6T4fC3REQoZIrGQxZcBRSEKri9xwMBQFADoGscAYms9EKT2AWbLgoDguAUczl4Bl23AIKQIDhGK+Ae9MIdRD2LVKmpwB6VX0s0avo4VqnOr1Vpj4yDGrChZCjXTou+josIj7WMF6mY1k8U5La3aaJbVUBqGbqLymeTUjY00ZWDoerWSDdexrCE5IkLjdW64km4CoRwMtUFYqagKZbCOUD0lWjPN7iyh4/urqWkZNRqECdjyJ1RBjdFCv39KlHCRESwFpDnSllVZ3KKVVjSWNGpQwiCD1qTRfNqo1sgN0ygG78PqqSmxwukSDBokiyDhNFFJePG0aWwrl8Zt2AcrBgJhRCIO4iIe4iMBEiIRcObZwaomTqfOqFTzlTq6Wat36SVtgxQkVrbr+UFem7pZZWvgNeqlRfV6tbCDNtbrGitT3p3y3ZuiAAAAAA==') format('woff2'),
  url('bianjinetagentindexiconfont.woff?t=1568010975549') format('woff'),
  url('bianjinetagentindexiconfont.ttf?t=1568010975549') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('bianjinetagentindexiconfont.svg?t=1568010975549#iconfont') format('svg'); /* iOS 4.1- */
}
.bianjinetagentindexiconfont {font-family: "bianjinetagentindexiconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.bianjinetagentindexicon-step1:before { content: "\e683";}
.bianjinetagentindexicon-step2:before { content: "\e682";}
.bianjinetagentindexicon-step3:before { content: "\e63d";}
.bianjinetagentindexicon-step4:before { content: "\e62c";}
.bianjinetagentindexicon-step5:before { content: "\e623";}
.bianjinetagentindexicon-arrow:before { content: "\e602";}

#agentprogress{ margin-bottom:60px; color:#999;}
#agentprogress ul{ width:100%}
#agentprogress ul li{ width:12.5%; float:left; font-size:20px; text-align:center; padding-top:25px;}
#agentprogress ul li.dib{ width:10%;padding-top:0px;}
#agentprogress ul li div{text-align:center; line-height:30px;}
#agentprogress ul li span{font-size:40px; }
#agentprogress ul li.dib span{margin-top:0px;}
#agentprogress ul li.dib span{font-size:60px; line-height:70px;}
#agentprogress ul li.dib:hover{font-size:22px;color:#0AA7FF; }
#agentprogress ul li.dib:hover span{font-size:70px; color:#0AA7FF; }

.col{width:100%; margin:0px auto; float:left;}
.col .col-tit{width:100%;  text-align:center; font-size:35px; font-weight:bold; color:#5c5c5c;}
.col .col-tits{width:100%;  text-align:center; font-size:35px; font-weight:bold; color:#FFF;}
.col span{width:100%; height:50px; float:left; background:url(../image/red-box.png) center center no-repeat;}
#agent{padding:0 150px; float:left;}
#agent #agentinfo{text-align:center; color:#FFF; font-size:20px; float:left;}
#agent a#button{font-size:16px; background-color:#0AA7FF; border:1px solid #0AA7FF; padding:10px 25px; color:#FFF; display:inline-block; text-align:center; margin-left:390px; border-radius:20px;}

.slideTxtBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative; }
.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.slideTxtBox .hd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
.slideTxtBox .bd li{ height:24px; line-height:24px;   }

.WebType{width:1200px; margin-bottom:40px;}
.WebType .hd{width:820px; height:47px; margin:0 auto; position:relative;}
.WebType .hd ul{float:left; position:absolute;}
.WebType .hd ul li{float:left; width:120px; height:45px; line-height:45px; display:inline-block; text-align:center; cursor:pointer; font-size:16px; margin:0 20px;}
.WebType .hd ul li.on{border:1px solid #0AA7FF; border-radius:25px; background-color:#0AA7FF; color:#FFF;}
.WebType .bd ul{margin-top:40px; zoom:1; width:1200px; height:260px; float:left;}
.WebType .bd ul li{width:200px; height:130px; line-height:130px; float:left; text-align:center; cursor:pointer;}
.WebType .bd ul li .WebsiteName{display:none;}

#Footer{height:240px; margin-top:15px; background-color:#EEE; position:relative; float:left;  z-index:0; color:#333;}
#Footer #FooterArea{margin-top:45px;}
#Footer #FooterArea #FooterL{width:220px; float:left;}
#Footer #FooterArea #FooterL p{width:220px;}
#Footer #FooterArea #FooterL p.b{width:220px; font-size:22px; float:left; letter-spacing:1px; line-height:40px; margin-top:13px;}
#Footer #FooterArea #FooterL p.t{width:220px; font-size:18px; float:left;}
#Footer #FooterArea #FooterL p a{width:100px; height:30px; line-height:30px; text-align:center; background-color:#0AA7FF; border-radius:15px; margin-top:25px; display:inline-block; color:#FFF;}
#Footer #FooterArea #FooterR{width:980px; float:left;}
#Footer #FooterArea #FooterR ul{width:100px; margin-left:40px; float:left;}
#Footer #FooterArea #FooterR ul li{width:100px; line-height:30px; font-size:14px; color:#999;}
#Footer #FooterArea #FooterR ul li.tit{font-size:18px; margin-bottom:10px; color:#333;}
#Footer #FooterArea #FooterR ul li a{ color:#999;}
#Footer #FooterArea #FooterR ul li a:hover{color:#0AA7FF; }
#Footer #FooterArea #FooterR ul li.tit a{color:#333;}
#Footer #FooterArea #FooterR ul li.tit a:hover{color:#0AA7FF; }
#Footer #FooterArea p a:hover{color:#3cb4f9;}
#Copyrighter{ background-color:#666666; text-align:center; height:25px; line-height:25px;}
#Copyrighter #CopyrighterArea{ text-align:center;color: #333}

#service{position:fixed;top:25%;right:10px;width:78px;z-index:99999;}
#service .box{width:60px;background-color:#FFF;box-shadow:0px 4px 10px 0px rgba(113, 113, 113, 0.25);border-radius:3px;margin:auto;padding-bottom:20px;}
#service .box .s{padding-top:20px;}
#service .box .s .serviceImg{font-size:20px;text-align:center;display:block;padding-bottom:5px;}
#service .box .s .serviceTit{font-size:14px;text-align:center;display:block;}
#service .box .hover{color:#0AA7FF;cursor:pointer;}
#service .box .hover span{top:25%; display:block;position:fixed; right:90px; width:200px; height:314px;z-index:99999;border-radius:3px;box-shadow:0px 4px 10px 0px rgba(113, 113, 113, 0.25);}
#service .box .s span#qq{background-image:url(http://www.bianji.net/statics/images/index_qq.gif);  }
#service .box .s span#weixin{background-image:url(http://www.bianji.net/statics/images/index_wx.gif);  }
#service .box .s span#gzh{background-image:url(http://www.bianji.net/statics/images/index_gzh.gif);  }
#service .box .s span#xcx{background-image:url(http://www.bianji.net/statics/images/index_xcx.gif);  }
#service .box .s span#android{background-image:url(http://www.bianji.net/statics/images/index_app.gif);  }

/*首页新闻*/
#news_list{margin-top:20px;}
#news_list ul li{ position:relative; padding:10px; height:180px; margin-bottom:10px; border-bottom:1px dashed #EDEDED;}
#news_list ul li a:link,#news_list ul li a:visited,#news_list ul li a:hover,#news_list ul li a:active{text-decoration:none;color:#404040;}
#news_list ul li a:hover{color:#FF9E00;}
#news_list ul li:hover{ background-color:#f9f9f9;}
#news_list ul li div{ position:absolute;}
#news_list ul li div.img{top:20px;left:20px;}
#news_list ul li div.title{top:20px;left:270px; font-size:20px; height:20px; line-height:20px; overflow:hidden;}
#news_list ul li.hover div.title a{color:#FF9E00;}
#news_list ul li div.introduce{top:60px;left:260px; color:#999; line-height:30px; height:90px; overflow:hidden;}
#news_list ul li div.other{top:130px;left:260px;color:#999;}