@charset "gb2312";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;border:0 none;outline:0;}
body{background:#FFF;font-size:14px}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0 none}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
strong{font-weight:800}
ol,ul,li{list-style:none outside none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
a{color: #188bd8;text-decoration:none;font-size: 16px;}
a:hover{text-decoration:underline;color: #f14848;}
.clearfix{*zoom:1;}/*IE6 7*/
.ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*logo*/
.header{width: 100%;float: left;margin: 16px 0;position: relative;}
.logo_box{width: 100%;float: left;margin: 15px 0;position: relative;}
.logo{float: left;background: url(//static.oh100.com/img/pc_ico.png) no-repeat 0 0;width: 200px;height: 63px;}
.logo img{float: left;width: 200px;}
.logo p{float: left;margin-top: 5px;}
.logo p img{width: 226px;}
.logo_bg{background: url(//static.oh100.com/img/pc_ico.png) no-repeat 0 -735px;float: left;width: 140px;height: 40px;margin-top: 10px;margin-left: 10px;}

/*???¡Â*/
.search {float: right;width: 273px;margin-top: 12px;margin-right: 7px;border-radius: 4px;display: none;}
.search input {line-height: 32px;float: left;color: #B9B9B9;}
.search input.searchbar {height: 39px;width: 81%;text-indent: 5px;font-size: 14px;border-radius: 4px 0 0 4px;border: 1px solid #188bd8;}
.search input.search_results {float: left;width: 18%;height: 41px;font-size: 14px;font-weight: 700;border: 0;background: url(//static.oh100.com/img/pc_ico.png) no-repeat 8px -83px;background-color: #188bd8;border-radius: 0  4px 4px 0;}
/*¨ª???*/
.rougao {float: right;margin-top: 13px;width: 293px;}
.rougao a:before{content: "";background: url(//static.oh100.com/img/pc_ico.png) no-repeat;background-position: -44px -471px;float: left;height: 30px;width: 26px;margin-top: 6px;margin-left: 12px;margin-right: 6px;}
.rougao a {height: 38px;line-height: 38px;float: left;display: inline-block;color: #ffffff;font-size: 16px;width: 126px;background: #379adc;margin: 0 2%;border-radius: 4px;text-align: left;}
.rougao .on {background-color: #f96969;}
.rougao .on:before{background: url(//static.oh100.com/img/pc_ico.png) no-repeat;background-position: -20px -471px;}
.rougao a:hover{color:#fff!important;}
.phone{background: url(//static.oh100.com/img/pc_ico.png) no-repeat;background-position: 0px -474px;float: right;color: #777777;height: 24px;line-height: 24px;padding-left: 20px;margin-top: 20px;font-size:14px;}
.phone:hover{color:#f96969!important;}
contact-i{background: url(//static.oh100.com/img/pc_ico.png) no-repeat;background-position: -125px -448px;float: right;color: #777777;height: 24px;line-height: 24px;padding-left: 20px;margin-top: 20px;font-size:14px;margin-left: 10px;}
/*header*/
.index_mid ,.main{width: 1100px;margin: auto;}
.subnav{float: left;height: 52px;background: #188bd8;width: 100%;overflow: hidden;line-height: 52px;margin-bottom: 0px;}
.subnav p{float: left;line-height: 29px;height: 29px;color: #666;}
.subnav ul {float: left;text-align: center;width: 100%;}
.subnav ul li{float: left;text-align: center;padding: 0 28px;}
.subnav ul li:hover, .subnav ul li.on{background: #287cc1;}
.subnav ul li:hover a,.subnav ul li.on a{color: #fff}
.subnav ul a {color: #ffffff;font-size: 18px;vertical-align: middle;display: block;}
.subnav ul a.now,.header a:hover{text-decoration: none;color: #929292;}
.subnav .peixun li{float: left;padding: 0 19px;text-align: center;}
.index_lanmu{float: left;background: #379adc;font-size: 22px;padding: 0 15px;color: #fff;border-radius: 4px;margin-top: 15px;height: 36px;line-height: 36px;margin-left: 9px;}
.header a:hover{color:#fff;}

/*?¨²¨¨Y*/
.main{float: left;width: 100%;margin-top: 19px;}

/*¨°3??*/
.footer{float: left;width: 100%;background: #363d4d;text-align: center;padding: 10px 0;font-size: 12px;}
.footer p{text-align: center;color: #c7c7c7;float: left;width: 100%;font-size: 12px;line-height: 24px;}
.footer p a{font-size: 12px;color: #c7c7c7;padding: 0 3px;}

#change2016 input {height: 24px;line-height: 24px;width: 550px;}
#change2016 textarea{height: 100px;line-height: 20px;margin-top: 3px;width:550px;}
#change2016 li{clear: both;display: block;padding: 10px 0;}
#change2016 li b{display: block;float: left;font-size: 14px;font-weight: normal;text-align: right;width: 75px;}

.send_btn {}
.img-lianxiwomen{width: 25%;border: 1px solid #e3e3e3;margin-left: 73px;margin-top: 5px;}
.img-lianxiwomen img{width:100%}

/* */
.mask1, .verify-mask, .mask2 {width: 100%;height: 100%;position: fixed;margin: auto;background: rgba(0, 0, 0, 0.6);top: 0;left: 0;z-index: 100;display: none;}
.alert-success, .alert-suggest {width: 380px;height: 222px;background-color: #fff;position: relative;border-radius: 5px;box-shadow: 1px 1px 1px #eee;margin:200px auto 0;}
.alert-success img, .alert-suggest img {width: 80px;margin-top: 33px;}
.success-header, .suggest-header {text-align: center;}

.success-title, .suggest-title {font-size: 20px;text-align: center;margin: 10px;font-weight: 800;}
.success-content, .suggest-content {text-align: center;}
.mask-close{font-size:30px;position: absolute;right:10px;top:4px;cursor:pointer;}
.verify-code {position: relative;background-color: #fff;width: 380px;height: 220px;margin: 200px auto;border-radius: 5px;box-shadow: 1px 1px 1px #eee;}
.code-body {display: inline-block;height: 20%;width: 100%;margin-top: 65px;text-align: center;}
.code-body input {width: 160px;border: 1px solid #eee;height: 30px;margin: 0 0 0 20px;border-radius: 2px;float: left;padding:0 5px;}
.code-change{font-size: 14px;color: #003399;float: left;cursor: pointer;line-height: 30px;margin-left: 10px;}
.code-body img {height: 30px;float: left;}
.code-tip {color: red;margin: 0 0 0 20px;display: none;}
.verify-code .footer {margin-top: 10%;text-align: center;}
#true-submit {background: none repeat scroll 0 0 #5BB35C;box-shadow: 0 0 0 #FFFFFF inset;color: #FFFFFF;cursor: pointer;font-size: 16px;font-weight: bold;height: 34px;padding: 0;width: 120px;border: none;margin: 10% auto;display: block;}
ul#change2016 {background: none;margin: 28px 100px 20px 0;width: 692px;background: #FFF;border: 1px solid #EBEBEB;border-radius: 6px;padding: 30px 80px 20px;position: relative;margin: 0 auto;}
#change2016 li{line-height: 30px;}
#change2016 li b{line-height: 30px;}
#change2016 input,#change2016 textarea{border:1px solid #ddd;box-shadow: none;border-radius: 0;background:none;font-size:13px;min-height:30px;padding-left:6px;}
#change2016 textarea{padding:6px 0 6px 6px;font-family: yahei;}
::-webkit-input-placeholder{color:#999;}/* ¡§o1¡§??webkit?¡§2o?|¨¬???£¤¡§¡è¡§¡è??? */
:-moz-placeholder{color:#999; } /* Firefox????¨¤?4-18 */
::-moz-placeholder{color:#999; } /* Firefox????¨¤?19+ */
:-ms-input-placeholder{color:#999;}   /* IE??£¤¡§¡è¡§¡è??? */

.img-upload {position: relative;color:#888;font-size: 12px;}
.img-upload i {font-style: normal;font-size: 14px;color: rgb(10, 59, 157);text-decoration: underline;}
.img-upload input {position: absolute;left: 75px;height: 100%;width: 100px!important;opacity: 0;filter: alpha(opacity=0);cursor: pointer;font-size: 0!important;overflow: hidden;}
.image-li span{font-size:12px;color:#666;margin-left:75px;}
.send_btn{background: #188bd8;color:#fff;text-align: center;width:100px;height:36px;padding:0;line-height: 36px;border-radius: 2px;margin:20px 0 0 534px;cursor: pointer;}
.img-list{height:90px;margin-left:16px;}
.img-item{position: relative;width:90px;height:90px;float: left;margin:0 7px;}
.img-list img{width:90px;height:90px;}
.img-close {position: absolute;right: -10px;background: url(https://www.yjbys.com/static/img/company/pay/zhifu_icon.2.png) no-repeat -149px -31px;width: 30px;height: 30px;text-indent: -99999px;top: -10px;cursor: pointer;}