@charset "utf-8";
html{font-family:"Microsoft YaHei UI","Microsoft YaHei",sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,body,div,object,iframe,applet,object,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,address,dl,dt,dd,ol,ul,li,table,caption,tbody,
tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,
footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video,progress{margin:0;padding:0;border:0;vertical-align:baseline}
li{list-style:none}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent;text-decoration:none}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;outline:none;line-height:normal}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
html{font-size: 12px;font-family: "microsoft yahei",arial,sans-serif;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; } 
.clearfix{zoom: 1;}
.wrap{width:1000px;margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
.tc{text-align: center;}
/*专题顶部导航*/
.top-bar{border-bottom: 2px #E20000 solid;background: #fff;z-index: 1000;}
.top-bar-login,.top-bar-login-after{line-height: 30px;font: 12px/30px simsun;}
.top-bar-login-after{display: none;}
.top-bar .ofw-logo{margin-top: 2px;}
.top-bar-login>.signin{display: inline-block;background: #e20000;height:24px;width:50px;border-radius: 2px;text-align: center;margin-top: 3px;line-height: 24px;}
.top-bar-login>.signin>a{color: #fff;}
.top-bar-login a,.top-bar-login-after a{color: #333;}
.top-bar-login a:hover,.top-bar-login-after a:hover{text-decoration: underline;}
.top-bar-login i{font-style: normal;color: #666;}
.top-bar-login>.email{padding-left: 24px;display: inline-block;background: url(http://images.ofweek.com/images/global-steven/email/ico_email.png) no-repeat left;}

/*右侧导航*/
.right-bar{position: fixed;margin-left: 1000px;top: 25%;z-index: 10;}
.right-bar li{margin-bottom: 10px;}
.right-bar li a{width: 182px;height: 44px;line-height: 44px;border:1px solid #84c200;border-radius: 7px;font-size: 16px;color: #78aa0d;background: #fff;display: block;text-align: center;}
.right-bar li a:hover{background: #84c200;color: #fff;}
.right-bar li .active{background: #84c200;color: #fff;}
/*焦点图*/
.banner{min-height: 500px;background: url(../images/banner.png) no-repeat center;}
.banner-cont{width: 1000px;margin: 0 auto;padding-top: 180px;}

/*main*/
.main-cont{width: 1000px;margin: 0 auto;padding-top: 45px;position: relative;}
.main-title{font-size: 24px;margin: 30px 0 60px 0;text-align: center;color: #575757;}
.main-tab{margin: 0 98px;border-bottom: 2px solid #84c200;height: 36px;}
.main-tabs{width: 142px;height: 36px;line-height: 36px;border: 2px solid #84c200;border-bottom: 0;border-radius: 7px 7px 0 0;color: #696969;font-size: 16px;float: left;text-align: center;cursor: pointer;}
.main-tab .active{background: #84c200;color: #fff;}
.tab-cont{color: #898989;font-size: 14px;padding: 60px 40px;margin: 0 98px;text-indent: 30px;text-align: center;display: none;}
.tab-cont p{text-align: left;}
.tab-cont img{margin-top: 70px;}

/*progress*/
.wid1000{width: 1000px;margin: 0 auto;}
.progress-bg{background: #fafafa;width: 100%;padding-bottom: 55px;}
.progress{text-align: center;}
/*advertisement*/
.advertisement{height: 134px;line-height: 134px;background: url('../images/advertise.png') no-repeat center top;}
.advertisement-cont{width: 1000px;margin: 0 auto;font-size: 24px;color: #84c200;text-align: center;}
.advertisement-cont span{color: #fff;}
/*download*/
.download{height: 640px;}
.download-cont{width: 310px;margin: 0 11px;float: left;font-size: 14px;color: #727272;margin-top: 40px;position: relative;}
.download-cont p{margin: 12px 0;}
.download-cont img{width: 310px;height: 190px;}
.download-cont .download-btn{display: block;width: 106px;height: 27px;line-height: 27px;background: #84c200;color: #fff;font-size: 16px;text-align: center;border-radius: 27px;cursor: pointer;}
.download-cont .download-btn:hover{color: #fff;}
.download-cont .download-tips{position: absolute;top: 14px;right: 18px;color: #84c200;font-size: 14px;background: rgba(0,0,0,0.7);padding: 3px 8px;border-radius: 5px;}
.download-cont a{color: #727272;position: relative;top: 12px;}
.download-cont a:hover{color: #77af00;}
/*case*/
.more-cases{width: 112px;height: 30px;line-height: 30px;border-radius: 30px;background: #84c200;color: #fff;text-align: center;font-size: 14px;}
.case-top{color: #727272;font-size: 12px;position: relative;padding-left: 148px;margin-right: 10px;}
.case-top h3{font-size: 16px;color: #333;margin-bottom: 13px;}
.case-top img{position: absolute;top: 0;left: 13px;}
.case-bottom{width: 764px;height: 280px;background: #f3f3f4;margin: 75px 0 70px 148px;padding: 40px; }
.case-bottom img{margin-right: 17px;}
.case-code{width: 105px;float: right;font-size: 14px;color: #333;text-align: center;}
/*customer*/
.customer img{margin-top: 15px;}
.customer-cont{width: 154px;height: 60px;float: left;text-align: center;background: #fff; margin-right: 10px;margin-bottom: 10px;}

/*main-video*/
.pic_list{position: relative;overflow: hidden;width: 1000px;height: 440px;}
.video-list{margin-bottom: 50px;width: 1000px;height: 440px;position: absolute;left: 0;top: 0}
.video-list li{width: 322px;height: 210px;position: relative;cursor: pointer;border: 1px solid #fff;float: left;margin: 8px 8px 0 0;}
.video-list li:hover{border-color: #84c200;}
.video-list li img{width: 322px;height: 210px;}
.video-list li .video-name{width: 282px;padding: 0 20px;height: 50px;line-height: 50px;text-align: center;background: rgba(0,0,0,.5);color: #fff;font-size: 14px;position: absolute;bottom: 0;left: 0;}
.dot_list{width: 100px;height: 20px;position: absolute;bottom: 10px;left: 480px;}
.dot_list li{width: 10px;height: 10px;background: #ccc; margin: 12px 0 0 5px;cursor: pointer;display: inline-block;_display: inline;border-radius: 10px;}
.dot_list .active{background: #84c200;}
/*视频弹框*/
.video-popup{position:fixed;left:50%;top:50%;width:510px;height: 330px;background: #d8d8d8;z-index:99999;margin:-183px 0 0 -264.5px;display: none;}

.video-popup h3{font:bold 16px/16px microsoft Yahei;color:#434343;padding:18px 0 12px 12px;}
.video-popup .close{
    position:absolute; 
    cursor:pointer;
    top:0;
    right:0;
}
/*survey*/
.survey{text-align: center;padding-top: 50px;clear: both;background: #fafafa;}
.survey-cont{width: 800px;margin: 0 auto;}
/*advantage*/
.advantage{text-align: center;padding: 0 200px;}
.advantage-cont{float: left;margin: 20px 13px 20px 0;}
.advantage-cont img{margin-bottom: 17px;}
.advantage-bottom{font-size: 14px;color: #999;width: 283px;height: 64px;border:1px dashed #84c200;border-radius: 7px;}
.advantage-bottom h3{width: 105px;margin: 0 auto;position: relative;top: -10px;background: #fff;color: #84c200;font-size: 16px;}
.advantage-bottom p{margin: 0 14px;}
/*about-us*/
.about-us{clear: both;font-size: 14px;color: #878787;padding: 30px 160px;}
.about-us p{margin-bottom: 15px;}
/*main-bottom*/
.main-bottom{width: 100%;height: 210px;background: #84c200;margin-top: 30px;}
.main-bottom-cont{width: 550px;margin: 0 auto;font-size: 14px;color: #fff;}
.bottom-left{float: left;text-align: center;margin-top: 47px;}
.bottom-right{margin: 53px 0 0 50px;float: left;}
.bottom-right h3{font-size: 24px;}
.bottom-right p{font-size: 16px;}

/*表单*/

#info-form{width:431px;height: 320px;position:fixed;background: #f6f6f6;
    border:8px solid #d8d8d8;border-radius: 4px;left:50%;top:50%;margin:-160px 0 0 -223.5px;z-index: 999999;display: none;}
#info-form .close{position: absolute;right:0;top:0;cursor:pointer;}
.form-group {margin-bottom: 8px; line-height: 28px;vertical-align: top;}
.form-group.mb10 {margin-bottom: 10px;}
.control-label,
.form-control {float: left;display: inline;}
.form-control{ position: relative;}
.xin {
    color: #ca0000;
    font-size: 14px;
    margin-right: 6px;
    font-weight: normal;
    font-style:normal;
}

.control-label {
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    color: #5c5a5a;
    width: 112px;
    text-align: right;
    margin-right: 10px;
}

.txt {
    width: 270px;
    height: 30px;
    line-height: 30px\9;
    font-size: 12px;
    padding:0 8px;
    float: left;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    background: #fff;
    color: #333;
    outline: none;
}
.red-btn{
	    width: 100px;
    height: 30px;
    background: #e80028;
    color: #fff;
    font-size: 14px;
    border: none;
    border-radius: 3px;
    text-align: center;
    outline: none;
    display: inline-block;
    line-height: 30px;
    text-decoration: none;
}

.form-wrap{margin-top: 32px;}
.btn-box{text-align: center;}

.errorContainer{line-height:20px;color:#c00;font-size:12px;position: absolute;width:100%;bottom:37px;left:0;text-align: center;}