<style mip-custom>
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,font{padding:0; margin: 0; font-family: "微软雅黑", Arial, Helvetica, sans-serif;}
i{font-style:normal}
html {font-size: 16px;-webkit-text-size-adjust: none; max-width:640px;min-width:320px; margin:0 auto;}
table{ border-collapse:collapse; border-spacing:0; width:100%;}
fieldset,img{ border:0; vertical-align:top;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%;}
ol,ul,li,dl,dt,dd{ list-style:none;}
input,button,textarea,checkbox,select,radio,form{ vertical-align: top;}
a{ color:#000; text-decoration:none;-webkit-tap-highlight-color:transparent}
a:link,a:visited{ text-decoration:none;}
a:hover{ text-decoration: none;}
.clear { clear: both;}
@font-face{
    font-family: 'impact';
    src : url('static/fonts/impact.TTF');
	src : url('static/fonts/impact.eot');
}
@media screen and (min-width:320px) {html {font-size:86%;}}
@media screen and (min-width:400px) {html {font-size:90%}}
@media screen and (min-width:480px) {html {font-size:97.5%}}
@media screen and (min-width:560px) {html {font-size:100%}}
@media screen and (min-width:600px) {html {font-size:112.5%}}
@media screen and (min-width:640px) {html {font-size:125%}}
.mip-nav-wrapper{ position: relative; width:100%; height:2.5rem; background:#fff;}
.nav_img{ position:absolute; width:1.2rem; left:1.0rem; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:99;}
.nav_text{ position:absolute; left:0; top:0; width:100%; line-height:2.5rem; font-size:0.9rem; color:#502934; text-align:center; z-index:9;}
#bs-navbar{ position:absolute; top:2.5rem; right:0%; width:50%; background:#fff; z-index:999; text-align:center;}
.banner_bottom{ width:100%; padding:1.0rem 0; background:#efefef;}
.banner_bottom_left{ float:left; margin-left:4%; width:72%;}
.banner_bottom_left h3{color:#ffb71c; font-size:1.2rem; font-weight:bold;}
.banner_bottom_left p{ font-size:0.9rem; color:#333; margin-top:0.3rem;}
.banner_bottom_right{ float:right; margin-right:4%; width:18%;}
.banner_bottom_right a{ display:block; padding:0.4rem 0.4rem; border:1px solid #c8c8c8; border-radius:6px; text-align:center; font-size:0.9rem; color:#333; margin-top:1.0rem;}
.safety{ padding:1.4rem 0; background:#fff;}
.tite{}
.tite p{ font-size:0.7rem; color:#999999; width:100%; text-align:center;}
.tite h3{ font-size:2.0rem; color:#5a5a5a; background:url(http://qd.gsjmgc.com/static/images/img_21.png) no-repeat 50% 50%; line-height:2.0rem; width:100%; text-align:center; margin-top:0.3rem;}
.tite h4{ font-size:0.9rem; color:#666666; margin-top:0.4rem; width:100%; text-align:center;}

.tite_a{}
.tite_a p{ font-size:0.7rem; color:#8f8f8f; width:100%; text-align:center;}
.tite_a h3{ font-size:2.0rem; color:#fff; background:url(http://qd.gsjmgc.com/static/images/img_21.png) no-repeat 50% 50%; line-height:2.0rem; width:100%; text-align:center; margin-top:0.3rem;}
.tite_a h4{ font-size:0.9rem; color:#8f8f8f; margin-top:0.4rem; width:100%; text-align:center;}

.safety ul{ margin-top:1.0rem;}
.safety ul li{ width:20%; border:1px solid #c7c7c7; border-radius:0.7rem; margin-left:4%; height:5.6rem; float:left; text-align:center; padding:0.4rem 0;}
.safety_img{ height:1.75rem; display:block; margin:1.75rem auto 0 auto; width:50%; position: relative;}
.safety ul li .safety_img img{ position:absolute; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); display:block; height:auto !important; max-width:none !important; min-width:inherit !important;}
.safety ul li p{ margin-top:0.5rem; font-size:0.9rem; color:#ffb310;}
.safety_icon_li{ margin-left:0 !important;}
@media screen and (max-width:360px) {
.safety_img{ height:1.4rem; margin-top:1.4rem;}
.safety ul li{ height:4.6rem;}
.phone_top_left span{ display:none;}
.phone_top_left p{ margin-top:0rem !important;}
.project_text_right p{ font-size:0.8rem; color:#333333; line-height:1.0rem;}
}
.phone{}
.phone_top{ position:relative;}
.phone_top_left{ position:absolute; left:4%; top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%); width:70%; z-index:9; text-align:right;}
.phone_top_left h3{ font-size:1.6rem; color:#fff; font-weight:bold;}
.phone_top_left p{ font-size:0.9rem; color:#fff; margin-top:0.6rem;}
.phone_top_right{ position:absolute; right:4%; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); z-index:9; width:18%;}
.phone_top_rihgt img{ width:100%;}
.phone_bottom{ position:relative;}
.phone_bottom_left{ position:absolute; left:4%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:18%; z-index:9}
.phone_bottom_right{ position:absolute; right:4%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:70%; z-index:9}
.phone_bottom_right p{ font-size:1.6rem; color:#fff;}
.phone_bottom_right h3{ font-size:2.5rem; font-family:"impact"; color:#fff;}
.project{ padding:1.7rem 0; background:#efefef;}
.project ul{ margin-top:0.8rem;}
.project ul li{ width:48%; float:left; margin-left:4%; background:#fff; margin-top:1.0rem;}
.project ul .project_li{ margin-left:0;}
.project_text{}
.project_text_1{ position:relative; height:4.0rem;}
.project_text h3{ font-size:1.2rem; color:#333333; font-weight:bold; width:100%; text-align:center; margin-top:0.6rem;}
.project_text_left{ width:2.2rem; height:2.2rem; position:absolute; left:0.6rem; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.project_text_left img{}
.project_text_right{ position:absolute; right:0.6rem; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); margin-left:3.4rem;}
.project_text_right p{ font-size:0.8rem; color:#333333;}
.about{ padding:1.5rem 0 0.8rem 0;}
.about_content{ width:96%; margin:1.4rem auto 0 auto;}
.about_content_img{ width:36%; float:left; margin-right:1.0rem;}
.about_content_text{ font-size:0.9rem; color:#333333; line-height:1.4rem;}
.about_content_text p{ text-indent:1.8rem;}
.about_content_text h3{ font-size:0.9rem; color:#333; margin-top:1.0rem;}
.about_content_text h3 span{ font-family:"impact"; font-size:1.6rem; color:#ffb310;}
.about_content ul{ margin-top:1.2rem;}
.about_content ul li{ width:30%; margin-left:5%; float:left;}
.about_content ul .about_ul_left{ margin-left:0;}
.process{ background:url(http://qd.gsjmgc.com/static/images/img_back_3.jpg) no-repeat; background-size:100% 100%; padding:1.6rem 0;}
.process ul li{ width:15%; margin:2.0rem 5% 0 5%; float:left;}
.process ul li p{ width:100%; text-align:center; font-size:0.9rem; color:#fff; margin-top:0.6rem;}
.process_text{}
.process_text h3{ font-size:0.9rem; width:96%; margin:1.6rem auto 0 auto; color:#fff; line-height:1.5rem; text-indent:
1.8rem;}
.process_text h4{ width:60%; padding:0.2rem 0; border:1px solid #fff; font-family:"impact"; font-size:2.25rem; color:#fff; margin:1.6rem auto 0 auto; text-align:center;}
.contact{ padding:1.5rem 0 3.0rem 0;}
.contactpc{ padding:1.5rem 0 3.0rem 0;}
.contact_context{ height:6.4rem; background:#ffbf2f; width:96%; margin:3.0rem auto 0 auto; border-radius:0.6rem; position:relative;}
.contact_context_img{ width:3.6rem; position:absolute; top:50%; left:1.8rem; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.contact_context_text{ position:absolute; transform:translateY(-50%); -webkit-transform:translateY(-50%); top:50%; left:7.4rem;}
.contact_context_text h3{ font-size:1.7rem; color:#fff;}
.contact_context_text p{ font-size:2.25rem; color:#fff;}

.bottom{ background:#333; height:10rem; position:relative; height:}
.bottom_left{ position:absolute; left:1.6rem; top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.bottom_left_img{ position:absolute; top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%); width:2.6rem;}
.bottom_left_text{ float:left; color:#b3b3b3; margin-left:3.6rem;}
.bottom_left_text p{ font-size:0.9rem;}
.bottom_left_text h3{ font-size:1.7rem;}
.bottom_right{ position:absolute; right:1.6rem; top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%); width:10rem;}
.bottom_right img{ width:6rem !important; display:block; margin:0 auto;max-width:none !important; min-width:inherit !important;}
.bottom_right p{ color:#b3b3b3; font-size:0.8rem; margin-top:0.8rem; text-align:center;}
.copyright{ font-size:0.7rem; color:#808080; background:#222222; padding:0.8rem 0 0.4rem 0; text-align:center;}
.right_fixed{ position:fixed; width:6.0rem; top:50%; right:0%; z-index:999;}
.right_fixedpc{ position:fixed; width:6.0rem; top:50%; right:0%; z-index:999;}
.news{ background:#efefef; padding:1.7rem 0 1.5rem 0;}
.news ul{ width:96%; margin:0 auto;}
.news ul li{ width:49%; margin-top:1.0rem; float:left; margin-left:1%; position:relative;}
.news ul .news_ul{ margin-left:0;}
.news_text{ width:100%; background:rgba(0,0,0,0.5); height:2.0rem; position:absolute; left:0; bottom:0; color:#fff;}
.news_text p{ font-size:0.8rem; text-align:center; line-height:2.0rem; width:86%; margin:0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_a{ width:6.0rem;border-radius:1.0rem; border:1px solid #666; line-height:2.0rem; position: relative; margin-top:1.0rem; float:right; margin-right:2%;}
.news_a span{ float:left; display:block; margin-left:1.4rem; font-size:1.0rem;}
.news_a a{ color:#666;}
.news_a img{}
.news_a img{ float:left; width:0.7rem; height:auto !important; max-width:none !important; min-width:inherit !important; margin-top:0.5rem; margin-left:0.8rem;}
.news p a{ margin-left:5px;color:#235;}
@media screen and (min-width:640px) {
.right_fixed{display:none}
.contact{display:none}
}
@media screen and (max-width:640px) {
.right_fixedpc{display:none}
.contactpc{display:none}
}
</style>
