@charset "utf-8";
/***********************************
*   macyoyo website style v1.0
************************************/
/* ----Reset--------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, 
video{margin:0;padding:0;border:0;font-style:normal;font-weight:normal;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
html{overflow-y:scroll;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
input, textarea{margin:0;padding:0;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption, th{text-align:left;}
a:focus{outline:none;}
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix{min-height:1px;}
* html .clearfix{height:1px;}
.both{clear:both;}
.inline_block{display:inline-block;*display:inline;*zoom:1;}
/* ----Base--------------------------------------- */
html{width:100%;height:100%;margin:0;padding:0;}
body{width:100%;height:100%;background-color:#015D74;font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";color:#FFF;font-size:14px;}
a{color:#FFF;text-decoration:none;}
a, span{-webkit-transition:color .2s linear,background .2s linear;-moz-transition:color .2s linear,background .2s linear;-o-transition:color .2s linear,background .2s linear;transition:color .2s linear,background .2s linear;}
a:hover,a:active{color:#FA0;}
a:hover .hoverimg80, button:hover .hoverimg80{/*链接图像鼠标悬停80% */ opacity:0.8; /* filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )";*/}
.row{display:block;vertical-align:middle;padding:0 20px;}
.bg{background:#015D74 url(../img/bg.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
/* ----Headers------------------------------------- */
#headers{overflow:hidden;position:fixed;left:0;top:0;z-index:999;height:50px;width:100%;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);background-color:rgba(0,0,0,.6);}
#headers .head_l, #headers .head_r{height:30px;margin:10px 0;font-size:0;}
#headers .head_l{float:left;}
#headers .head_r{float:right;}
#headers a.logo_top{float:left;width:80px;height:15px;background:url(../img/logo_top.png) no-repeat;margin:6px 20px 0 0!important;}
#headers a{display:inline-block;font-size:14px;line-height:25px;margin:0 10px 0 0;color:rgba(255,255,255,.8);}
#headers a:hover{color:#FFF;text-decoration:none;}
#headers .head_l a{margin:0 20px 0 0;}
#headers .head_r a{margin:0 0 0 20px;}
#headers .act{border-top:1px solid #FFF;color:#FFF;}
#headers .act:hover{border-top:1px solid #FA0;}
/* ----Contents----------------------------------- */
#contents .center_logo{min-width:500px;width:80%;height:200px;position:absolute;top:45%;left:50%;margin:-100px 0 0 -40%;text-align:center;}
#contents .center_logo .logo{width:270px;height:52px;background:url(../img/logo.png) no-repeat;position:relative;left:50%;top:0;margin-left:-135px;}
#contents .center_logo p{font-size:24px;margin:55px 0 30px 0;cursor:default;}
#contents .center_logo ul{font-size:0;}
#contents .center_logo li{display:inline-block;*display:inline;*zoom:1;margin:0 0 5px 20px;padding-left:20px;border-left:1px solid rgba(255,255,255,.3);height:16px;}
#contents .center_logo li a{font-size:14px;line-height:16px;}
#contents .center_logo li:first-child{margin-left:0;padding-left:10px;border-left:none;}
/* --------Footers-------------------------------- */
#footers{position:fixed;left:0;bottom:0;z-index:999;width:100%;padding:10px 0;background:url(../img/alpha_bg.png);}
#footers .sns{width:30%;display:block;float:left;text-align:left;}
#footers .sns span, #footers .sns a{display:inline-block;color:rgba(255,255,255,.5);font-size:12px;line-height:20px;margin:0 20px 0 0;}
#footers .sns a{cursor:pointer;}
#footers .sns span{cursor:default;}
#footers .sns span:hover, #footers .sns a:hover{color:rgba(255,255,255,1);}
#footers .sns ul{font-size:0;}
#footers .sns li{display:inline-block;*display: inline;*zoom:1;margin-right:5px;}
#footers .copy{width:40%;display:block;float:left;font-size:12px;line-height:20px;text-align:center;font-family:Arial;}
#footers .ftrr{width:30%;display:block;float:right;text-align:right;line-height:20px;}
#footers .ftrr a{color:rgba(255,255,255,.6);font-size:12px;}
#footers .ftrr a:hover{color:rgba(255,255,255,1);}

/* ----page content----------------------------------- */
.content {display:block;width:1200px;height:auto;margin:60px auto 0 auto;color:#333;line-height:25px;font-size:14px;}
.content .main_l{float:left;width:200px;background-color:rgba(255,255,255,.85);box-shadow:0 0 5px rgba(0,0,0,.5);border-radius:5px;clear:both;}
.content .main_r{float:left;width:980px;height:100%;margin-left:18px;background-color:rgba(255,255,255,.85);box-shadow:0 0 5px rgba(0,0,0,.5);border-radius:5px;}
.content .row{display:block;padding:20px;}
.content a{color:#333;text-decoration:none;font-size:14px;}
.content a:hover{text-decoration:underline;}
/* --------main_l-------------------------------- */
.content .main_l .menu_l_list li{-webkit-transition:color .2s linear,background .2s linear;-moz-transition:color .2s linear,background .2s linear;-o-transition:color .2s linear,background .2s linear;transition:color .2s linear,background .2s linear}
.content .main_l .menu_l_list li:before{content:"•";float:left;width:5px;font-size:12px;color:#008BAD;margin:2px 0 0 2px;}
.content .main_l .menu_l_list li a{display:block;font-size:16px;line-height:30px;border-radius:3px;padding:0 0 0 10px;}
.content .main_l .menu_l_list li a:hover{color:#F60;text-decoration:none;background-color:#FFF;}

/* --------main_r-------------------------------- */
.main_r h4{font-size:25px;color:#000;line-height:30px;font-weight:500;}
.main_r h4 span{width:5px;height:30px;float:left;background-color:#008BAD;border-radius:10px;margin-right:10px;box-shadow:1px 1px 0 #FFF;}
.main_r h4 em{display:inline-block;font-size:14px;color:#000;margin:0 5px;}
.main_r .djstime {display:block;font-size:14px;color:#333;height:30px;float:right;margin:0 10px -25px 0;}
.main_r .djstime em{display:inline-block;font-size:14px;color:#F00;margin:0 5px;}

.main_r .main_r_con{margin:20px 0 0 0;padding:20px 0 0 0;border-top:1px dotted #fff;font-size:14px;}
.main_r .main_r_con *{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}

.main_r .main_r_con .link{font-size:0;outline:0;}
.main_r .main_r_con .link a{display:inline-block;background:#FFF url(../img/icon.png) no-repeat 3px 50%;color:#000;width:156px;margin:4px 8px 0 0;padding:0 0 0 24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.main_r .main_r_con .link a:hover{color:#F00;text-decoration:none;background:#FFF url(../img/icon2.png) no-repeat 3px 50%;}

.main_r .main_r_con .know{font-size:0;width:420px;height:330px;float:left;margin:0 10px 10px 0;background-color:#FFF;padding:20px;}
.main_r .main_r_con .know .baidu a{display:inline-block;color:#000;float:left;}
.main_r .main_r_con .know .baidu a:hover{color:#F00;text-decoration:none;}
.main_r .main_r_con .know .baidu a:before{content:"•";float:left;width:8px;font-size:12px;color:#008BAD;margin:0 0 0 2px;}
.main_r .main_r_con .know .blk{color:#000;font-size:14px;font-weight:bold;margin-left:10px;cursor:default;}
.main_r .main_r_con .know .blk:hover {text-decoration:none;}
.main_r .main_r_con .know .baidu span{color:#555;float:right;font-size:12px;}
.main_r .main_r_con .know a img{display:none;}
.main_r .main_r_con .know .baidu .more{display:none;}

.main_r .main_r_con .jquery{font-size:0;outline:0;}
.main_r .main_r_con .jquery span{display:inline-block;width:100px;line-height:30px;float:left;font-size:14px;margin-right:10px;text-align:right;}
.main_r .main_r_con .jquery span:nth-child(2n){color:#090;}
.main_r .main_r_con .jquery textarea{display:block;background:#FFF;color:#000;margin:10px;padding-left:10px;width:800px;height:30px;line-height:30px;resize:none;border:1px solid #999;font-size:14px;font-family:Arial;}
.main_r .main_r_con .jquery textarea:focus,.main_r .main_r_con .jquery textarea:hover{outline:none;background-color:#666;color:#FFF;border:1px solid transparent;}
.main_r .main_r_con .jquery a:hover{color:#F00;text-decoration:none;}

.main_r .main_r_con .price{display:block;margin:0 0 10px 0;padding:10px 20px;background-color:#FFF;}
.main_r .main_r_con .price .title{display:block;width:100%;font-size:16px;line-height:30px;font-weight:bold;color:#000;clear:both;}
.main_r .main_r_con .price .title em{display:inline-block;font-size:12px;color:#F00;margin:0 10px;}
.main_r .main_r_con .price .l_pic{display:inline-block;width:350px;height:250px;overflow:hidden;margin:5px 20px 10px 0;background-color:#eee;}
.main_r .main_r_con .price .l_pic img{display:block;width:100%;height:100%;max-width:350px;max-height:250px;vertical-align:top;}
.main_r .main_r_con .price .l_txt{display:inline-block;width:800px;height:300px;max-width:350px;max-height:250px;vertical-align:top;}



/* --------Footer-------------------------------- */
#footer{display:block;height:20px;margin:10px auto 0 auto;width:100%;padding:10px 0;background:url(../img/alpha_bg.png);}
#footer .sns{width:30%;display:block;float:left;text-align:left;}
#footer .sns span, #footer .sns a{display:inline-block;color:rgba(255,255,255,.5);font-size:12px;line-height:20px;margin:0 20px 0 0;}
#footer .sns a{cursor:pointer;}
#footer .sns span{cursor:default;}
#footer .sns span:hover, #footer .sns a:hover{color:#FFF;}
#footer .sns ul{font-size:0;}
#footer .sns li{display:inline-block;*display: inline;*zoom:1;margin-right:5px;}
#footer .copy{width:40%;display:block;float:left;font-size:12px;line-height:20px;text-align:center;font-family:Arial;}
#footer .ftrr{width:30%;display:block;float:right;text-align:right;line-height:20px;}
#footer .ftrr a{color:rgba(255,255,255,.6);font-size:12px;}
#footer .ftrr a:hover{color:rgba(255,255,255,1);}