/*===============首页头部背景图和导航===============*/ @media (min-width:320px) and (max-width:768px){ #dy_header .container .dy-header-nav { float:right; margin-top:0px; background-color:rgba(0,0,0,0.5);} #dy_header .container .dy-header-nav .nav li a { text-decoration:none; color:#FFFFFF; padding-left:50px; font-size:16px; float:right;} #dy_header .container .header-text { font-family:DYHelveticaNeue; font-size:18px; margin-top:100px;} #dy_header .container .header-button { width:111px; height:30px; background-color:#0283cb; border-radius:3px; color:#FFFFFF; font-family:DYHelveticaNeue; font-size:12px; text-align:center; line-height:30px; margin-top:40px; cursor:pointer;} #dy_header .container .header-button-margin-left-1 { margin-left:18px;} #dy_header .container .header-button-margin-left-2 { margin-left:20px;} } @media (min-width:768px) and (max-width:992px){ #dy_header .container .dy-header-nav { float:right; margin-top:65px; background-color:rgba(0,0,0,0);} #dy_header .container .dy-header-nav .nav li a { text-decoration:none; color:#FFFFFF; padding-left:15px; font-size:14px; float:none;} #dy_header .container .header-text { font-family:DYHelveticaNeue; font-size:18px; margin-top:300px;} #dy_header .container .header-button { width:111px; height:30px; background-color:#0283cb; border-radius:3px; color:#FFFFFF; font-family:DYHelveticaNeue; font-size:12px; text-align:center; line-height:30px; margin-top:40px; cursor:pointer;} #dy_header .container .header-button-margin-left-1 { margin-left:20px;} #dy_header .container .header-button-margin-left-2 { margin-left:20px;} } @media (min-width:992px) and (max-width:1200px){ #dy_header .container .dy-header-nav { float:right; margin-top:65px; background-color:rgba(0,0,0,0);} #dy_header .container .dy-header-nav .nav li a { text-decoration:none; color:#FFFFFF; padding-left:15px; font-size:14px; float:none;} #dy_header .container .header-text { font-family:DYHelveticaNeue; font-size:18px; margin-top:200px;} #dy_header .container .header-button { width:111px; height:30px; background-color:#0283cb; border-radius:3px; color:#FFFFFF; font-family:DYHelveticaNeue; font-size:12px; text-align:center; line-height:30px; margin-top:40px; cursor:pointer;} #dy_header .container .header-button-margin-left-1 { margin-left:490px;} #dy_header .container .header-button-margin-left-2 { margin-left:20px;} } /*===============服务栏目===============*/ @media (min-width:320px) and (max-width:768px){ #dy_column { background-color:#f2f2f2; overflow:hidden;} #dy_column .container { margin-bottom:40px;} #dy_column .container .row .title h1 { text-align:center; font-family:DYHelveticaNeue; color:#000000; margin-top:60px;} #dy_column .container .row .title h4 { text-align:center; font-family:DYHelveticaNeue; color:#777777; margin-bottom:30px;} #dy_column .container .row .box { height:150px;} #dy_column .container .row .box .textbox { width:120px; height:120px;border-radius:0px;background-color:#f2f2f2;border:#FFFFFF 0px solid; position:relative; top:36px; left:-14px; z-index:0;} #dy_column .container .row .box .box-img { position:relative; left:0px; z-index:1px; top:-73px; width:73px; left:13px;} #dy_column .container .row .box h4 { font-size:14px; font-family:DYHelveticaNeue; text-align:center; width:100px; color:#000000;padding-bottom:15px; position:relative; top:-73px; left:0px;} #dy_column .container .row .box h4 a { color:#333333} #dy_column .container .row .box h4 a:hover { color:#0283cb;} #dy_column .container .row .box h5 { display:none} #dy_column .container .row .box .column-button{ display:none;} } @media (min-width:768px) and (max-width:1200px){ #dy_column { background-color:#f2f2f2; overflow:hidden;} #dy_column .container { margin-bottom:40px;} #dy_column .container .row .title h1 { text-align:center; font-family:DYHelveticaNeue; color:#000000; margin-top:120px;} #dy_column .container .row .title h4 { text-align:center; font-family:DYHelveticaNeue; color:#777777; margin-bottom:78px;} #dy_column .container .row .box { height:340px;} #dy_column .container .row .box .textbox { width:296px; height:215px; border-radius:2px; background-color:#f7f7f7; border:#FFFFFF 2px solid; position:relative; top:36px; left:30px; z-index:0;} #dy_column .container .row .box .box-img { position:relative; left:145px; z-index:1px; top:-215px; width:73px;} #dy_column .container .row .box h4 { font-family:DYHelveticaNeue; text-align:center; width:300px; color:#000000; padding-bottom:15px; position:relative; top:-200px; left:30px;} #dy_column .container .row .box h5 { text-align:left; width:290px; color:#999; line-height:20px; position:relative; top:-200px; left:38px; display:block;} #dy_column .container .row .box .column-button{ font-family:DYHelveticaNeue; width:133px; height:29px; background-color:#0283cb; border-radius:15px; color:#FFFFFF; position:relative; top:-185px; left:114px; display:block;} } /*===============合作企业LOGO栏目===============*/ @media (min-width:320px) and (max-width:768px){ #dy_friend { background-color:#FFFFFF; overflow:hidden;} #dy_friend .container { margin-bottom:15px;} #dy_friend .container img { margin:auto; margin-top:15px; width:90%;} } @media (min-width:768px) and (max-width:1200px){ #dy_friend { background-color:#FFFFFF; overflow:hidden;} #dy_friend .container { margin-bottom:15px;} #dy_friend .container img { margin:auto; margin-top:15px; width:70%;} } /*===============关于我们内容栏目===============*/ @media (min-width:320px) and (max-width:768px){ #dy_about { background-color:#f2f2f2; overflow:hidden;} #dy_about .container { margin-bottom:40px;} #dy_about .container .row .about-img { float:left; margin-top:80px;} #dy_about .container .row .about-title-1 { float:left; margin-left:0px; margin-top:20px; color:#000000; line-height:35px; font-size:16px;} #dy_about .container .row .about-h4 { line-height:33px; font-size:14px;} #dy_about .container .row .about-box { width:365px; margin-left:0px; float:left; line-height:33px; font-size:14px;} #dy_about .container .row .about-h4-margin { margin-left:40px; line-height:33px; font-size:12px;} #dy_about .container .row .about-title-2 { margin-top:40px; color:#000000; line-height:35px; font-size:16px;} } @media (min-width:768px) and (max-width:992px){ #dy_about { background-color:#f2f2f2; overflow:hidden;} #dy_about .container { margin-bottom:40px;} #dy_about .container .row .about-img { float:left; margin-top:80px; width:45%} #dy_about .container .row .about-title-1 { float:left; margin-left:20px; margin-top:80px; color:#000000; line-height:35px; font-size:16px;} #dy_about .container .row .about-h4 { line-height:33px; font-size:14px;} #dy_about .container .row .about-box { width:390px; margin-left:20px; float:left; line-height:33px; font-size:14px;} #dy_about .container .row .about-h4-margin { margin-left:40px; line-height:33px; font-size:14px;} #dy_about .container .row .about-title-2 { margin-top:40px; color:#000000; line-height:35px; font-size:16px;} } @media (min-width:992px) and (max-width:1200px){ #dy_about { background-color:#f2f2f2; overflow:hidden;} #dy_about .container { margin-bottom:40px;} #dy_about .container .row .about-img { float:left; margin-top:80px; width:45%} #dy_about .container .row .about-title-1 { float:left; margin-left:20px; margin-top:80px; color:#000000; line-height:35px; font-size:16px;} #dy_about .container .row .about-h4 { line-height:33px; font-size:14px;} #dy_about .container .row .about-box { width:500px; margin-left:20px; float:left; line-height:33px; font-size:14px;} #dy_about .container .row .about-h4-margin { margin-left:40px; line-height:33px; font-size:14px;} #dy_about .container .row .about-title-2 { margin-top:40px; color:#000000; line-height:35px; font-size:16px;} } /*===============联系我们内容栏目===============*/ @media (min-width:320px) and (max-width:768px){ #dy_contact { background-color:#f2f2f2; overflow:hidden;} #dy_contact .container { margin-bottom:40px;} #dy_contact .container .row .title h1 { text-align:left; font-family:DYHelveticaNeue; color:#000000; margin-top:15px; margin-bottom:15px; font-size:24px;} #dy_contact .container .row .form-box { margin-left:0px; margin-top:40px;} #dy_contact .container .row .form-box .form-group .form-input { height:200px !important;} #dy_contact .container .row .form-button { width:167px !important; height:45px !important; margin-left:135px; margin-top:40px;} #dy_contact .container .row .information .information-box .contact-information { line-height:22px; margin-left:10px; font-size:12px;} #dy_contact .container .row .form-button { width:111px !important; height:30px !important; margin-left:0px; margin-top:20px; font-size:12px;} #dy_contact .container .row .dy-contact-map { height:200px;} } @media (min-width:768px) and (max-width:1200px){ #dy_contact { background-color:#f2f2f2; overflow:hidden;} #dy_contact .container { margin-bottom:40px;} #dy_contact .container .row .title h1 { text-align:left; font-family:DYHelveticaNeue; color:#000000; margin-top:30px; margin-bottom:30px;} #dy_contact .container .row .form-box { margin-left:0px; margin-top:40px;} #dy_contact .container .row .form-box .form-group .form-input { height:200px !important;} #dy_contact .container .row .form-button { width:167px !important; height:45px !important; margin-left:0px; margin-top:40px;} #dy_contact .container .row .dy-contact-map { height:300px;} } /*===============服务项目栏目===============*/ @media (min-width:320px) and (max-width:768px){ #dy_service { background-color:#f2f2f2; overflow:hidden;} #dy_service .container { margin-bottom:40px;} #dy_service .container .dy-sub-menu { margin-top:20px;} #dy_service .container .dy-sub-menu:hover a { margin-top:10px; color:#0283cb; cursor:pointer;} #dy_service .container .dy-sub-menu p { margin-top:10px;} #dy_service .container .dy-sub-menu img { cursor:pointer;} #dy_service .container .dy-service-border { height:3px; background-color:#0283cb;} #dy_service .container .paragrap-height { margin-top:25px;} #dy_service .container .paragrap-height h3 { line-height:35px; font-size:16px; font-weight:600;} #dy_service .container .paragrap-height h4 { line-height:40px; font-size:14px;} #dy_service .container .paragrap-height h4 .underline { text-decoration:underline; color:#0283cb; cursor:pointer;} #dy_service .container .paragrap-height .text-indent { margin-left:2em;} #dy_service .container .paragrap-height .img-margin { margin-bottom:20px; display:block; margin-left:auto; margin-right:auto;} } @media (min-width:768px) and (max-width:1200px){ #dy_service { background-color:#f2f2f2; overflow:hidden;} #dy_service .container { margin-bottom:40px;} #dy_service .container .dy-sub-menu { margin-top:20px;} #dy_service .container .dy-sub-menu:hover a { margin-top:10px; color:#0283cb; cursor:pointer;} #dy_service .container .dy-sub-menu p { margin-top:10px;} #dy_service .container .dy-sub-menu img { cursor:pointer;} #dy_service .container .dy-service-border { height:3px; background-color:#0283cb;} #dy_service .container .paragrap-height { margin-top:25px;} #dy_service .container .paragrap-height h3 { line-height:35px; font-size:16px; font-weight:600;} #dy_service .container .paragrap-height h4 { line-height:40px; font-size:14px;} #dy_service .container .paragrap-height h4 .underline { text-decoration:underline; color:#0283cb; cursor:pointer;} #dy_service .container .paragrap-height .text-indent { margin-left:2em;} #dy_service .container .paragrap-height .img-margin { margin-bottom:20px; display:block; margin-left:auto; margin-right:auto;} } /*===============底部栏===============*/ @media (min-width:320px) and (max-width:992px){ #dy_footer { background-color:#0283cb; overflow:hidden;} #dy_footer .container { margin-bottom:15px;} #dy_footer .container .footer-text { text-align:center; font-family:arial; font-size:12px; color:#FFFFFF; margin-top:15px;} } @media (min-width:320px) and (max-width:1200px){ #dy_footer { background-color:#0283cb; overflow:hidden;} #dy_footer .container { margin-bottom:15px;} #dy_footer .container .footer-text { text-align:center; font-family:arial; font-size:12px; color:#FFFFFF; margin-top:15px;} }