@charset "utf-8"; /* CSS Document */ /*css reset*/ html, body { width: 100%; height: 100%; min-width: 1200px; } fieldset, img { border: none; } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } ul, ol { list-style: none; } select, input { vertical-align: middle; } html, body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, select, input, textarea, th, td { margin: 0; padding: 0; } input[type="text"], textarea { outline-style: none; -webkit-appearance: none; } textarea { resize: none; } table { border-collapse: collapse; } body { font: 12px/1.42857143 "Microsoft YaHei", "微软雅黑", "Arial", "宋体"; color: #333; } input, textarea, keygen, select, button { font-family: "Microsoft YaHei", "微软雅黑", "Arial", "宋体"; } h1, h2, h3, h4 { font-family: "Microsoft YaHei", "微软雅黑", "Arial"; } a { text-decoration: none; } a:hover { text-decoration: none; } a:focus { outline: none; } .fl { float: left; } .fr { float: right; } .clear { clear: both; } .clearfix { *zoom:1; } .clearfix:after {content:'';display:block;clear:both;overflow:hidden;} .innerwarp{width: 1200px;position:relative;margin:0 auto;} .hidden{display: none;} /*start*/ .bg{ width: 100%; height: 528px; background: url(../images/bg_banner.png) no-repeat; background-size: 100% 100%; } .bg .back{ width: 116px; height: 36px; line-height: 33px; display: block; margin-top: 30px; border: 1px solid #18B2E8; border-radius: 4px; color: #18B2E8; font-size: 15px; text-align: center; } .bg .back i{ display: inline-block; width: 18px; height: 16px; vertical-align: middle; background: url(../images/icon_normal_back.png) no-repeat; margin-right: 5px; } .bg .back span{ vertical-align: middle; } .bg .back:hover{border-color: #44CCFF;} .bg .back:hover i{ background: url(../images/icon_selected_back.png) no-repeat; } .bg .back:hover span{color: #44CCFF;} .container{ margin-top: 230px; } .left_box{ width: 896px; position: relative; } .left_box .tab_head{ margin-left: 20px; } .left_box .tab_head li{ float: left; width: 134px; height: 55px; line-height: 45px; background: url(../images/btn_normal.png) no-repeat; font-size: 14px; color: #666; text-align: center; margin-right: 10px; cursor: pointer; } .left_box .tab_head li.current{ background: url(../images/btn_selected.png) no-repeat; color: #fff; } .left_box .tab_content{ width: 852px; height: 350px; border: 2px solid #D1D3D2; border-radius: 10px; background: #fff; padding: 20px; overflow: auto; position: absolute; margin-top: -14px; } .left_box .tab_content h4{ color: #1ab1ea; font-size: 15px; margin-bottom: 4px; } .left_box .tab_content p{ font-size: 13px; color: #666; letter-spacing: 1px; line-height: 22px; } .right_box{ width: 258px; height: 360px; border: 2px solid #D1D3D2; border-radius: 10px; background: #fff; padding: 15px; margin-top: 41px; } .right_box .contact{ border-bottom: 1px dashed #D7D7D7; } .title{ border-left: 2px solid #1ab1ea; color: #1ab1ea; font-size: 14px; line-height: 15px; padding-left: 10px; } .line_detail{ margin-top: 18px; font-size: 14px; color: #666; } .contact .line_detail:last-of-type{margin-bottom: 18px;} .download .title{ margin-top: 20px; } .line_detail .icons{ width: 22px; height: 22px; display: inline-block; padding-right: 10px; vertical-align: middle; } .perple_icon{ background: url(../images/icon_normal_people.png) no-repeat; } .phone_icon{ background: url(../images/icon_normal_phone.png) no-repeat; } .email_icon{ background: url(../images/icon_normal_email.png) no-repeat; } .time_icon{ background: url(../images/icon_normal_time.png) no-repeat; } .fujian_icon{ background: url(../images/icon_noemal_wendang.png) no-repeat; } .links{color: #1ab1ea;} .links:hover{text-decoration: underline;} .footer{ text-align: center; color: #999; font-size: 13px; margin-top: 50px; } .footer p:last-child{color: red;line-height: 30px;}