@font-face {
    font-family: 'MyriadProRegular';
    src: url('../font/myriadpro-regular.eot');
    src: url('../font/myriadpro-regular.eot') format('embedded-opentype'),
         url('../font/myriadpro-regular.woff') format('woff'),
         url('../font/myriadpro-regular.ttf') format('truetype'),
         url('../font/myriadpro-regular.svg#MyriadProRegular') format('svg');
}

@font-face {
    font-family: 'BlissMediumRegular';
    src: url('../font/blm.eot');
    src: url('../font/blm.eot') format('embedded-opentype'),
         url('../font/blm.woff') format('woff'),
         url('../font/blm.ttf') format('truetype'),
         url('../font/blm.svg#BlissMediumRegular') format('svg');
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../font/opensans-regular.eot');
    src: url('../font/opensans-regular.eot') format('embedded-opentype'),
         url('../font/opensans-regular.woff') format('woff'),
         url('../font/opensans-regular.ttf') format('truetype'),
         url('../font/opensans-regular.svg#OpenSansRegular') format('svg');
}

@font-face {
    font-family: 'ComfortaaLight';
    src: url('../font/comfortaa-light.eot');
    src: url('../font/comfortaa-light.eot') format('embedded-opentype'),
         url('../font/comfortaa-light.woff') format('woff'),
         url('../font/comfortaa-light.ttf') format('truetype'),
         url('../font/comfortaa-light.svg#ComfortaaLight') format('svg');
}

body { margin:0; padding:0; font-family: 'MyriadProRegular', arial ; color:#000; font-size:15px;}
p { width:100%; float:left; margin:0; padding:0 0 20px 0 !important;}
.top {background:#000 url(../img/top_bg.png) repeat-x left top; border-bottom:1px solid #4d4d4d;}
.top_bg { width:95%; float:left; padding:1.5% 2% 1.5% 3%; border-bottom:2px solid #fff;}

.logo { width:30%; float:left;}
.top_right { width:70%; float:right;}
.call { width:70%; float:right; font-size:34px; color:#fff200; text-transform:uppercase; padding:0 20px 0 0; margin-top:2%; text-align:right;}
.comm { width:100%; float:left;}

.qua {background:url(../img/qua.jpg) repeat-x top left; margin-left:-2px; padding-right:2px !important;}
.quahome {background:url(../img/three_box_bg.png) no-repeat center center; background-size:cover; margin-left:-2px; padding-right:2px !important;}
.qua_bg1 { width:20%; float:left; margin-right:3%; padding:50px 0;}
.qua_bg2 { width:27%; float:left; margin-right:3%; padding:50px 0;}
.qua_bg3 { width:44%; float:left; margin-right:3%; padding:50px 0;}
.qua_head { width:100%; float:left; margin-bottom:15px;}
.qua_num { width:auto; float:left; margin-right:5px; padding:2% 0%; font-size:32px; color:#141414; font-weight:bold; background:#ffe600 url(../img/one_bg.png) repeat-x left top; border-radius:3px;}
.qua_num_tex { width:auto; float:left; padding:10% 0 0; font-size:26px; color:#fff; font-family: 'OpenSansRegular'; word-wrap:break-word; text-shadow: 2px 2px #000; font-weight:700;}
.qua_num_home { width:auto; float:left; padding:2% 0%; font-size:26px; color:#fff; font-family: 'OpenSansRegular'; word-wrap:break-word; text-shadow: 2px 2px #000; font-weight:700;}
.qua_text { width:100%; float:left; color:#bebebe; line-height:24px; margin-bottom:15px; text-align:justify; min-height:80px;}
.qua_read { width:auto; float:left;}
.qua_read a { color:#fff; font-size:16px; padding:8px 50px 8px 15px; text-decoration:none; background:url(../img/readmore.png) no-repeat right top; float:left; border-radius:3px;}
.qua_read a:hover { background:url(../img/readmore_hover.png) no-repeat right top; color:#5B5B5B;}

.wha { margin-top:30px; margin-bottom:10px; min-height: 500px;}
.what { width:100%; float:left;}
.what_head { width:100%; float:left; font-size:30px; color:#000; padding-bottom:20px; font-family: 'OpenSansRegular';}
.what_text { width:100%; float:left; font-size:16px; color:#000; line-height:24px;}
.what_text ul { width:90%; float:left; font-size:16px; color:#000; line-height:24px; margin:0 0 20px 30px;}
.what_text ol { width:90%; float:left; font-size:16px; color:#000; line-height:24px; margin:0 0 20px 30px;}

.mai_bg { width:100%; float:left;}
.mai_left { width:47.5%; float:left; margin-right:2.5%;}
.mai_right { width:47.5%; float:left; margin-left:2.5%;}
.mai_head { width:100%; float:left; margin-bottom:20px; font-size:24px; color:#000; font-family: 'OpenSansRegular';}
.mai_text { width:100%; float:left; margin-bottom:20px; line-height:24px; text-align:justify; min-height:100px;}
.main_read { width:100%; float:left;}
.main_read a { color:#5b5b5b; font-size:16px; padding:11px 50px 11px 15px; text-decoration:none; background:url(../img/main_read.png) no-repeat right top; float:left; border-radius:3px; border:1px solid #e1e1e1;}
.main_read a:hover { background:url(../img/main_read_hover.png) no-repeat right top; color:#fff; border:1px solid #161616;}

.oh { background:#f3f3f3; padding:80px 0 !important;}
.oh_bg { width:31%; float:left; margin-right:2%; background:#fff; box-shadow:0px 0px 3px #bbb; padding:0.5%;}
.oh_img { width:100%; float:left; text-align:center; margin-bottom:15px;}
.oh_text { width:90%; float:left; padding:0 5% 10px 5%; margin-bottom:10px; font-size:16px; color:#000; text-align:center; line-height:24px;}
.oh_text a { color:#000; padding:8px 15px; background:url(../img/ar_read.png) repeat-x left top; width:auto; text-decoration:none; border:1px solid #e1e1e1;}

.bott { background:#1b1b1b; padding:30px 0 !important;}
.bottom-left { width:auto; float:left;}
.bl { width:auto; float:left; font-size:16px; color:#fff; font-weight:bold; margin-bottom:20px;}
.bott_menu { width:100%; float:left;}
.bott_menu a { text-decoration:none; color:#919191; float:left; padding:0 25px 0 0;}
.bott_menu a:hover {color:#fff;}

.bottom-right { width:auto; float:right; text-align:right; color:#919191;}

.cont_left { width:50%; float:left;}
a { color:#777; text-decoration:none;}
a:hover { color:#0053A5; text-decoration:underline;}
.cont_form { width:100%; float:left;}
.input-text {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; border-radius: 0 0 0 0; color: #000; float: left; font-size: 14px; line-height: 18px; margin-bottom: 20px; padding: 10px 2%; width: 96%;}
.input-textarea {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; border-radius: 0 0 0 0; color: #000; float: left; font-size: 14px; height: 50px; line-height: 18px; margin-bottom: 20px; padding: 10px 2%; resize: vertical; width: 96%; font-family:arial;}

.cont_button { width:auto; float:left; padding:6px 15px; border:none; background:url(../img/readmore.png) no-repeat left top; font-size:15px; color:#fff; border-radius:3px; border:1px solid #CCCCCC; cursor:pointer; font-weight:bold;}
.cont_button:hover { background:url(../img/one_bg.png) repeat-x left top; color:#000;}

.cont_right { width:45%; float:left; margin-left:5%;}
.cont_right iframe { border:5px dotted #eee;}

.lb { color:#fff !important;}

.testim { width:100%; float:left; margin-bottom:20px;}
.testim_img { width:20%; float:left;}
.testim_img img {box-shadow:0 0 3px #BBBBBB; padding:5px; display:block; border:6px solid #FFFFFF; width:87%; background:#f2f2f2; border-radius:5px;}
.testim_text { width:77%; float:left; margin-left:3%; font-size:16px;}
.testim_text p span { color:#0053A5;}

.contentPic { margin-right:50px;}