@charset "utf-8";
/* CSS Document */

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;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:#fff; text-decoration:none;-webkit-tap-highlight-color:transparent}
a:link,a:visited{ text-decoration:none;}
a:hover{ text-decoration: none;}
.clear { clear: both;}
@media screen and (min-width:320px) {html {font-size:90%;}}
@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:100%}}
.header_top{ max-width:1200px; margin:1.7rem auto 0 auto;}
.header_logo{ float:left; height:3.0rem;}
.header_logo img{ height:100%;}
.header_phone{ float:right;}
.header_phone .header_phone_ico{ float:left; width:3.0rem; margin-right:1.0rem;}
.header_phone .header_phone_ico img{ width:100%;}
.header_phone .header_phone_text{ float:left;}
.header_phone .header_phone_text h1{ font-size:1.8rem; font-weight:bold; color:#ff5b05; line-height:1.8rem;}
.header_phone .header_phone_text h3{ font-size:1.0rem; margin-top:0.1rem; font-weight:bold; color:#ccc;}
.nav{ width:100%; height:2.5rem; background:#fafafa; margin-top:1.4rem; display:block;}
.header_nav{ width:100%; max-width:1200px; margin:0 auto;}
.header_nav ul li{ width:14.28%; float:left; text-align:center; line-height:2.5rem;}
.header_nav ul li a{ display:block; color:#333;}
.header_nav ul li a:hover{ background:#ff5b05; color:#fff;}
.header_nav_ico{ display:none;}

.banner{ width:100%; overflow:hidden; height:600px; background:#e5e5e5; position:relative; display: block;}
.banner img{ position:absolute; top:0; left:50%; margin-left:-960px;}
.banner_mo{ width:100%; display:none;}
.banner_mo  img{ width:100%;}
.security{ width:97%; max-width:1200px; margin:3.0rem auto;}
.title{ text-align:center;}
.title h3{ font-size:1.6rem; color:#444; font-weight:bold;}
.title h4{ font-size:0.9rem; color:#999; margin-top:0.3rem;}
.title h5{ width:3.0rem; height:.2rem; background:#ff5b05; margin:.7rem auto 0 auto;}
.security_content{ margin-top:1.6rem;}
.security_content ul li{ width:20%; margin:1.0rem 2.5%; float:left; padding:1.5rem 0; transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s; border-radius:0.4rem;}
.security_content ul li .security_ico{ width:6.0rem; height:6.0rem; border-radius:50%; background:#f0ece6; margin:0 auto;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s; color:#352306;}
.security_content ul li .security_ico i{ display:block; width:6.0rem; height:6.0rem; text-align:center; line-height:6.0rem; border-radius:50%; font-size:2.3rem;}
.security_content ul li .security_text{ text-align:center; margin-top:1.3rem;}
.security_content ul li .security_text h2{ font-size:1.2rem; color:#352306; margin-bottom:0.8rem;}
.security_content ul li .security_text p{ font-size:0.95rem; color:#666; line-height:1.5rem;}
.security_content ul li:hover{ box-shadow:2px 2px 10px rgba(0,0,0,.2);}
.security_content ul li:hover .security_ico{ color:#fff; background:#ff5b05}

.project{ padding:3.0rem 0; background:#fafafa;}
.title_b{ position:relative; max-width:1200px; width:97%; margin:0 auto;}
.title_b_text{ position:absolute; top:.5rem; left:0; width:100%; text-align:center; background:#fafafa}
.title_b h3{ font-size:1.6rem; color:#333; font-weight:bold;}
.title_b h4{ font-size:0.9rem; color:#999; margin-top:0.3rem;}
.title_b h5{ width:3.0rem; height:5.0rem; border:1px solid #ff5b05; margin:0 auto;}
.title_b h5 span{ width:2.4rem; height:1px; background:#ff5b05; margin:4.7rem auto 0 auto; display:block;}
.title_b p{ text-align:center; font-size:1.2rem; margin-top:1.0rem; color:#666;}
.title_b p span{ font-size:1.5rem; color:#ff5b05;}
.project_content{ width:97%; max-width:1200px; margin:2.0rem auto 0 auto;}
.project_content ul li{ width:31.33%; margin:1.0rem 1%; float:left;}
.project_content ul li .project_li{ border:1px solid #ccc; background:#fff; padding:.5rem .5rem 1.0rem .5rem;}
.project_content ul li .project_li .project_img{ width:100%; height:0; padding-top:62%; background:#f2f2f2; position:relative; overflow:hidden;}
.project_content ul li .project_li .project_img img{ position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.project_content ul li .project_li .project_text{ margin-top:0.7rem;}
.project_content ul li .project_text h2{ font-size:1.2rem; font-weight:bold; color:#444;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.project_content ul li .project_text p{ font-size:0.95rem; color:#666; line-height:1.6rem; margin-top:.5rem;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.project_content ul li .project_text a{ font-size:1.0rem; color:#fff; background:#ff5b05; border-radius:.3rem; height:2.0rem; line-height:2.0rem; text-align:center; display:block; width:8.0rem; margin-top:0.8rem;}
.project_content ul li .project_text a i{ font-size:1.3rem; line-height:2.0rem; margin-right:0.3rem;}
.project_content ul li .project_text a span{ line-height:1.8rem; display:inline-block; margin-top:-.4rem;}
.project_more{ margin:2.0rem auto 0 auto; height:3.0rem; line-height:3.0rem; width:14rem; color:#fff; border-radius:1.5rem; background:#ff5b05; font-size:1.2rem; transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.project_more a{ display:block; color:#fff; font-weight:bold;}
.project_more a i{ display: inline-block; margin-right:.6rem; font-size:1.8rem; line-height:3.0rem; float:left; margin-left:3.5rem;}
.project_more:hover{ box-shadow:2px 2px 10px rgba(255,91,5,.8)}
.about{ width:97%; max-width:1200px; margin:0 auto; padding:3.0rem 0;}
.about_left{ float:left; width:30%;}
.about_left img{ width:100%;}
.about_right{ float:right; width:67%;}
.about_right .about_title{}
.about_right .about_title h3{ font-size:1.6rem; font-weight:bold; color:#666;}
.about_right .about_title h3 span{ color:#ff5b05; padding-right:.4rem;}
.about_right .about_title h3 i{ padding-left:0.3rem; color:#666; font-weight: normal; font-size:.9rem;}
.about_right .about_title h4{ width:4.0rem; height:.2rem; background:#ff5b05; margin-top:.5rem;}
.about_right .about_text{ font-size:.95rem; color:#666; margin-top:1.0rem;}
.about_right .about_text p{ text-indent:1.9rem; line-height:1.8rem; margin:.8rem 0;}
.about_advantage{ margin-top:1.5rem; display:none;}
.about_advantage ul li{ width:23%; margin:0 1%; float:left;}
.about_advantage ul li .about_advantage_ico{ width:4.0rem; height:4.0rem; text-align:center; line-height:4.0rem; border-radius:50%; background:#ff5b05; margin:0 auto;}
.about_advantage ul li .about_advantage_ico i{ width:4.0rem; height:4.0rem; line-height:4.0rem; display:block; font-size:2.0rem; color:#fff;}
.about_advantage ul li p{ text-align:center; margin-top:.6rem; color:#444}
.about_dh{ margin-top:1.6rem;}
.about_dh h4{ font-size:1.5rem; color:#999; font-weight:bold;}
.about_dh i{ display:inline-block; margin-right:.6rem;}
.about_dh h3{ font-size:2.5rem; color:#ff5b05; font-weight:bold; margin-top:.4rem;}
.process{ margin-top:3.0rem; border-top:1px solid #e5e5e5; padding:3.0rem 0; background:#fafafa}
.title_c .title_b_text{ background:#fff !important;}
.process_content{ max-width:1200px; margin:2.0rem auto 0 auto; width:97%;}
.process_content ul li{ width:18%; float:left; margin:0 3.5%;}
.process_content ul li .process_ico{ width:7.0rem; height:7.0rem; border-radius:50%; margin:1.0rem auto; border:1px solid #ff5b05; text-align:center; line-height:7.0rem;}
.process_content ul li .process_ico i{ display:block; line-height:7.0rem; font-size:3.0rem; color:#ff5b05;}
.process_content ul li .process_text{ text-align:center; color:#444; font-size:1.0rem; line-height:1.7rem;}
.news{ padding:3.0rem 0;  background:#fafafa;}
.news_a{ width:97%; margin:0rem auto; max-width:1200px;}
.news_content{ margin-top:3.0rem;}
.news_content ul li{ border-bottom:1px dashed #e5e5e5; transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s; background:#fff; margin-top:1.0rem;}
.news_content ul li:hover{box-shadow:2px 2px 10px rgba(0,0,0,.2); }
.news_content ul li:hover .news_right h2{ margin-left:1.0rem; color:#ff5b05;}
.news_content ul li a{ display:block; padding:1.0rem;}
.news_content ul li .news_left{ float:left; width:30%;}
.news_content ul li .news_left .news_img{ width:100%; height:0; padding-top:60%; position:relative; overflow:hidden;}
.news_content ul li .news_left .news_img img{ width:100%; position: absolute; top:0; left:0;}
.news_content ul li .news_right{ float:right; width:68%;}
.news_content ul li .news_right h2{ font-size:1.4rem; font-weight:bold; color:#444;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_content ul li .news_right p{ font-size:1.0rem; color:#666; margin-top:0.7rem; text-indent:2.0rem; line-height:1.8rem;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden;}
.news_content ul li .news_right h5{ font-size:.9rem; color:#999; margin-top:.6rem; float:right; margin-top:1.2rem;}
.news_content ul li .news_right h5 i{ display: inline-block; margin-right:.5rem;}
.news_more{ margin:2.0rem auto 0 auto; width:14rem; text-align:center; background:#ff5b05; height:2.8rem; border-radius:1.4rem;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.news_more a{ display:block; color:#fff; line-height:2.8rem; color:#fff; font-size:1.1rem; font-weight:bold;}
.news_more a i{ display:inline-block; margin-left:.6rem;}
.news_more:hover{ box-shadow:2px 2px 10px rgba(255,91,5,.8)}
.contact{ padding:3.0rem 0;}
.contact_content{ width:97%; margin:2.0rem auto 0 auto; max-width:1200px;}
.contact_ico{ width:8rem; height:8rem; text-align:center; border:1px solid #ff5b05; margin:0rem auto 0 auto; border-radius:50%}
.contact_ico i{ line-height:8rem; height:8rem; color:#ff5b05; font-size:5.0rem; display:block;}
.contact_content h3{ color:#ff5b05; text-align:center; font-weight:bold; margin-top:1.0rem; font-size:3.0rem;}

.footer{ background:#333;}
.footer_content{ max-width:1200px; margin:0 auto; width:97%; padding:3.0rem 0;}
.footer_nav{ width:27%; float:left; border-right:1px solid #999;}
.footer_nav ul li{ width:50%; float:left; margin:0.6rem 0;}
.footer_nav ul li a{ color:#ccc;}
.footer_nav ul li a:hover{ color:#fff; text-decoration:underline;}
.footer_title{ font-size:1.4rem; color:#ff5b05; font-weight:bold;}
.footer_title span{ margin-right:0.3rem; display:inline-block;}
.footer_title i{ color:#ccc; font-size:1.0rem; font-weight:normal; margin-left:0.3rem;}
.footer_nav nav{ margin-top:1.0rem;}
.footer_dh{ float:left; width:66%; margin-left:4%;}
.footer_dh_text{ font-size:2.4rem; color:#fff; font-weight:bold; margin-top:1.4rem;}
.footer_dh_text i{ display:inline-block; margin-right:0.9rem; display:inline-block; width:3.0rem; height:3.0rem; text-align:center; line-height:3.0rem; color:#333; font-size:1.6rem; background:#fff; border-radius:50%; float:left; margin-top:0.2rem;}
.footer_bq{ border-top:1px solid #666; padding:.5rem 0; color:#999; text-align:center; font-size:.9rem; line-height:1.5rem;}
.news_lise_title{ border-bottom:1px solid #e5e5e5; padding-bottom:0.7rem; margin-bottom:1.8rem;}
.news_lise_title h2{ float:left; font-size:1.6rem; font-weight:bold; color:#444;}
.news_lise_title h2 span{ padding-right:0.5rem;}
.news_lise_title h2 i{ padding-left:0.5rem; font-weight:normal; font-size:1.0rem; color:#999;}
.news_lise_title h3{ float:right; color:#666; margin-top:0.7rem;}
.news_lise_title h3 i{ padding-right:0.5rem;}
.news_lise_title h3 a{ display:inline-block; padding:0 .2rem; color:#666;}
.news_lise_title h3 a:hover{ color:#ff5b05; text-decoration:underline;}
.news_lise{ width:97%; margin:0 auto; max-width:1200px; padding:3.0rem 0;}
.news_lise_content ul li{ border-bottom:1px dashed #e5e5e5; transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s; background:#fff; margin-top:1.0rem;}
.news_lise_content ul li:hover{box-shadow:2px 2px 10px rgba(0,0,0,.2); }
.news_lise_content ul li:hover .news_lise_right h2{ margin-left:1.0rem; color:#ff5b05;}
.news_lise_content ul li a{ display:block; padding:1.0rem;}
.news_lise_content ul li .news_lise_left{ float:left; width:30%;}
.news_lise_content ul li .news_lise_left .news_lise_left_img{ width:100%; height:0; padding-top:60%; position:relative; overflow:hidden;}
.news_lise_content ul li .news_lise_left .news_lise_left_img img{ width:100%; position: absolute; top:0; left:0;}
.news_lise_content ul li .news_lise_right{ float:right; width:68%;}
.news_lise_content ul li .news_lise_right h2{ font-size:1.4rem; font-weight:bold; color:#444;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_lise_content ul li .news_lise_right p{ font-size:1.0rem; color:#666; margin-top:0.7rem; text-indent:2.0rem; line-height:1.8rem;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden;}
.news_lise_content ul li .news_lise_right h5{ font-size:.9rem; color:#999; margin-top:.6rem; float:right; margin-top:1.2rem;}
.news_lise_content ul li .news_lise_right h5 i{ display: inline-block; margin-right:.5rem;}
.page{ float:right; margin-top:1.8rem;}
.page dl dd{ float:left; line-height:1.8rem; height:1.8rem; margin:0 .4rem; color:#999;}
.page dl dd a{ display:inline-block; border:1px solid #ccc; padding:0 .6rem; border-radius:.2rem; margin-top:-1px; color:#444;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.page dl dd a:hover{ background:#ff5b05; color:#fff; box-shadow:2px 2px 8px rgba(255,91,5,.5); border-color:#ff5b05;}
.article{ width:97%; margin:0 auto; padding:3.0rem 0; max-width:1200px; margin:0 auto;}
.article_title{ font-size:1.7rem; color:#444; font-weight:bold;}
.article_title h1{ font-weight:bold;}
.article_title h3{ font-size:1.0rem; color:#999; margin-top:0.6rem;}
.article_title h3 i{ padding-right:0.5rem;}
.article_text{ margin-top:1.8rem;}
.article_text p{ color:#444; font-size:1.0rem; line-height:2.0rem; text-indent:1.6rem; margin:.5rem 0;}
.article_text img{ max-width:80%; display: block; margin:.5rem auto;}
.article_fy{ border-top:1px solid #ccc; margin-top:1.6rem; padding-top:0.8rem;}
.article_fy h3{ font-size:1.0rem; color:#666; margin:.6rem 0;}
.article_fy h3 a{ color:#444;}
.article_fy h3 a:hover{ color:#ff5b05; text-decoration:underline;}
.fixed_bottom{ position:fixed; bottom:0; left:0; background:rgba(0,0,0,.5); padding:1.0rem 0; width:100%; display:none;}
.fixed_bottom .fixed_bottom_content{ width:calc(100% - 2.0rem);width:-webkit-calc(100% - 2.0rem);width:-moz-calc(100% - 2.0rem);width:-o-calc(100% - 2.0rem); margin:0 auto; background:#ff5b05; padding:1.0rem 0; text-align:center; font-size:1.6rem; border-radius:.3rem; color:#fff; font-weight:bold;}
.fixed_bottom .fixed_bottom_content i{ display:inline-block; margin-right:0.8rem; }
.bottom{ height:6.0rem;display:none;}
@media screen and (max-width:640px) {
.security_content ul li{ width:47%; margin:1.5%}
.project_content ul li{ width:31.333%; margin:1rem 1%;}
.news{ padding:2.0rem 0;}
.about_right .about_text{ margin-top:1.9rem;}
.about_left{ display:none;}
.about_right{ width:100%}
.about_right .about_title{ text-align:center;}
.about_right .about_title h4{ margin:.5rem auto 0 auto;}
.news_content{ overflow:hidden;}
.process_content ul li{ margin:1.0rem 2.0%; width:46%;}
.news_content ul li{ width:100%; margin:1.0rem 0; float:left;}
.news_content ul li .news_left{ width:100%;}
.news_content ul li .news_right{ width:100%; margin-top:0.7rem;}
.footer_nav{ display:none;}
.footer_dh{ width:100%; margin-left:0;}
.news_content{ margin-top:1.0rem;}
.header_phone{ display:none;}
.header_top{ position:relative;}
.nav{ position:absolute; top:5.0rem; padding-bottom:2.0rem; z-index:9999; height:auto; background:#fff; display:none;}
.nav nav{ width:90%; margin:0 auto;}
.header_top{ margin:2.0rem 0;}
.header_nav ul li{ background:#fff; width:100%; border-bottom:1px solid #e5e5e5; font-size:1.1rem;}
.header_nav ul li a{ line-height:3.0rem;}
.header_logo{ margin-left:1.0rem;}
.header_nav_ico{ float:right; height:3.0rem; margin-right:1.0rem; width:3.0rem; text-align:center; border-radius:.3rem; display:block;}
.header_nav_ico i{ line-height:3.0rem; display:block; font-size:2.0rem;}
.header_nav_ico_back{ background:#e5e5e5}
.news_lise_title h3{ float:left;}
.news_lise_content ul li .news_lise_left{ width:100%}
.news_lise_content ul li .news_lise_right{ width:100%; margin-top:1.0rem;}
.fixed_bottom{ display:block;}
.bottom{ display:block;}
.banner{ display:none;}
.banner_mo{ display:block;}
	}