@charset "utf-8";
/****reset***/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td,label { margin:0px;padding:0px;}
table{border-collapse:collapse;}
a img{border:0px; outline:none;}
img{ padding:0; margin:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%;font-weight:normal;}
input, button, textarea, select { font-family:inherit;font-size:12px; vertical-align:middle; outline:none;}
a{text-decoration:none; outline:none;color:#444;}
a:hover{ text-decoration:none; }
.clear{	font-size: 0px;	line-height: 0px;margin: 0px;padding: 0px;height: 0px; width:0px; clear:both; visibility:hidden;}
.clearfix:after {content: ".";display: block;height: 0;clear:both;visibility: hidden;}
body{ font-size:12px; font-family: Arial,"Microsoft YaHei"; color:#444;}

@media screen and (max-width: 800px) {
.pc{ display:none !important;}

.wrapper{ width:100%; margin:0 auto; overflow:hidden; max-width:1200px; padding:0 5px;}

.header{ width:100%; position:fixed; top:0; left:0; right:0; background:#FFF; height:64px;z-index: 9999999999; }
.header .ydd_btn{width:40px;cursor:pointer;position:absolute;z-index:2000;top:20px;right:15px;}
.header .ydd_btn span{display:block;width:100%;height:4px;background:#da251c;}
.header .ydd_btn span.span02{margin:5px 0;}
.header .ydd_btn.click span{background:#da251c;}
.header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;	} 
.header .ydd_btn.click span.span02{margin:0.5px 0;}
.header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-2px;margin-top:0px;}
.header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.tr{transition:all 0.5s; -moz-transition:all 0.5s;-ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s}
.tr2{transition:all 0.3s; -moz-transition:all 0.3s;-ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}

.header .sjdnav{display:none;width:150px;height:auto;position:absolute;right:0;top:64px;z-index:2000;}
.header .sjdnav ul{padding:0;margin:0;}
.header .sjdnav li{display:block;padding:0;text-align:center;margin-bottom:1px;background:#da251c;}
.header .sjdnav li a{display:block;color:#fff;line-height:30px;font-size:14px;}
.header .sjdnav li a:hover{background:rgba(0,0,0,0.6);color:#fff;}


.head{ display:block; padding:10px; overflow: hidden; }
.logo{ float:left; width:60%;}
.tel{ float:right;}
.nav{ width:100%; overflow:hidden; background:#f4f4f4;}
.nav li{ float:left; height:52px; line-height:52px;width:150px; text-align:center;}
.nav li a{ color:#444; font-size:16px; display:block;}
.nav li.on a{ background:url(../images/nav_hover.png) no-repeat; color:#fff; }
.nav li:hover a{ background:url(../images/nav_hover.png) no-repeat; color:#fff;}
.index_gsjj{ overflow:hidden; width:100%; margin:10px 0;}

.title1{ width:100%;position:relative; float:left; display:block;}
.title1 h1{ color:#da251c; font-weight:bold; font-size:22px; z-index:999; width:100%;position: absolute; text-align:center;}
.title1 h2{ font-size:38px; color:#eee; font-family:Impact; text-transform:uppercase;position:absolute; top:-7px;  z-index:0; width:100%; text-align:center;}
.title1 i{ border-bottom:3px solid #da251c; display:block; width:130px;position: absolute;z-index:999;top: 40px; left:50%; margin-left:-65px;}

.index_gsjj_con{ overflow:hidden;}
.index_gsjj img{ display:block; margin:0 auto;padding-right:30px;}
.index_gsjj_con txt{ font-size:16px; line-height:1.8em; color:#666;margin-top: 50px;display: block; padding:0 10px;}
.index_gsjj_con a{ display:block; margin-top:20px;}

.index_hzxm{ overflow:hidden; width:100%; background:#f5f5f5;padding:50px 0;}
.title2{width:100%;position:relative;display:block; text-align:center; height:55px;}
.title2 h1{ color:#da251c; font-weight:bold; font-size:22px; z-index:999; width:100%;position: absolute; text-align:center;}
.title2 h2{ font-size:30px; color:#eee; font-family:Impact; text-transform:uppercase;position:absolute; top:6px;  z-index:0; width:100%; text-align:center;}
.title2 i{ border-bottom:3px solid #da251c; display:block; width:130px;position: absolute;z-index:999;top: 40px; left:50%; margin-left:-65px;}
.index_hzxm_con{ overflow:hidden; margin-top:10px;}
.index_hzxm_con ul{ overflow:hidden; float:left; width:83%;}
.index_hzxm_con ul li{ float:left; padding:0 7px; width:45%;}
.index_hzxm_con ul li img{ width:100%;}

.index_cptj{ overflow:hidden; width:100%; margin:20px 0;}
.index_cptj_con{ margin-top:30px;}
.index_cptj_con li{ float: left; position:relative; width:47.5%; margin:2px;}
.index_cptj_con li img{ width:100%;}
.index_cptj_con li p{ background:rgba(0,0,0,0.5); font-size:16px; color:#fff; position:absolute; width:100%; z-index:999; bottom:2px; height:42px; line-height:42px; text-align:center;}

.middle_img{ background:url(../images/middle_tel.jpg) no-repeat center center; height:110px; background-size:cover;}

.index_news{ overflow:hidden; margin:50px 0;}
.index_news_con{ overflow:hidden; margin-top:30px;}
.index_news_con li{ float:left; width:98%; padding:1%;}
.index_news_con li img{ float:left; display:block; padding-right:20px; width:40%; height:auto !important;}
.index_news_con li h1{ color:#333; font-size:14px; display:block; padding-top:0px;}
.index_news_con li h2{ font-weight:bold; color:#999; display:block; padding:10px 0;}
.index_news_con li h3{ font-size:14px; color:#999;}
.index_news_con li h4{ color:#da251c; display:block; padding-top:10px;}

.footer{ background:#323232; width:100%; overflow:hidden; padding:50px 0 20px 0;}
.foot1{ overflow: hidden; margin-bottom:50px;}
.foot1_l{ float:left; width:570px;}
.foot1_l ul{ float:left; width:25%; text-align:center;}
.foot1_l ul li strong{ font-size:14px; color:#fff; display:block; padding-bottom:20px;}
.foot1_l ul li a{ font-size:12px; color:#d8d8d8; line-height:1.8em;}
.foot1_r{ float:right; width:630px;}
.foot1_r h2 img{ float:left; display:block; padding-right:20px; padding-top:45px;}
.foot1_r h1{ font-weight:bold; font-size:24px; color:#da251c; margin-bottom:20px;}
.foot1_r h1 img{ float:left; padding-right:15px;}
.foot1_r p{ font-size:14px; color:#fff; font-weight:bold; line-height:1.8em;}
.foot2{ border-top:1px solid #545454; color:#fff; padding-top:20px;}
.foot2 h1{ float:left;}
.foot2 h2{ float:right;}

.main{ overflow:hidden; margin:10px 0;}
.main_left{ width:100%; margin:0; padding:0;}
.dh1{ overflow:hidden; margin-bottom:20px;}
.title3{ font-weight:bold; font-size:18px; text-align:center; height:40px; line-height:40px; background:#da251c; color:#fff;}
.main_left_con1{ overflow:hidden; border:1px solid #eee;padding:0px 0; display:none;}
.main_left_con1 li{ width:80%; margin:0 auto; padding:10px 0; height:36px; line-height:36px; font-size:14px; text-align:center;}
.main_left_con1 li a{ display:block; color:#666; background:#dfdfdf;}
.main_left_con1 li a:hover{ color:#da251c;}
.main_left_con1 li.on a{ color:#da251c;}
.dh2{ overflow:hidden;}
.main_left_con2{overflow:hidden; border:1px solid #eee; padding:20px;}
.main_left_con2 li{ overflow:hidden; display:block; padding:5px 0;}
.main_left_con2 li strong{ font-size:16px; font-weight:bold; color:#da251c; text-align:center;}
.main_left_con2 img{ float:left; padding-right:10px;}

.main_right{ overflow:hidden; padding:10px;}
.title4{ border-bottom:1px solid #e9e9e9; padding-bottom:20px; margin-bottom:50px;}
.title4 h1{ color:#999;}
.about_con{ overflow:hidden;}
.about_con img{}
.about_con txt{ font-size:16px; line-height:1.8em; color:#666;}

.pro_con{ overflow:hidden; width:100%;}
.pro_con li{ float:left; width:45%; text-align:center; padding:0 1%;position:relative;}
.pro_con li img{ width:100%; height:150px;}
.pro_con li p{background:rgba(0,0,0,0.5); font-size:16px; color:#fff; position:absolute; width:94%; z-index:999; bottom:3px; height:42px; line-height:42px; text-align:center;}

.pro_d_con{ overflow:hidden;}
.pro_d_con h1{ font-size:18px; color:#333; text-align:center; font-weight:bold;}
.pro_d_con h2{ display:block; padding:50px 0; text-align:center;}
.pro_d_con h3{ font-size:16px; line-height:1.8em; color:#666;}

.news_con{ overflow:hidden;}
.news_con li{ float:left; display:block; overflow:hidden; margin-bottom:38px;}
.news_con li div{display:block; float:left; width:70%;}

.news_con li i{ color:#fff; font-size:38px; text-align:center; font-weight:bold; width:73px; height:77px; line-height:77px; background:#b4b4b4; display:block; float:left; margin-right:30px;}
.news_con li h1{ color:#444; font-size:18px;}
.news_con li h2{ color:#999; display:block; padding-top:15px;}

.news_d_con{ overflow:hidden;}
.news_d_con h1{ font-size:18px; color:#333; text-align:center; font-weight:bold;}
.news_d_con h2{ display:block; padding:30px 0; text-align:center; font-weight:bold; color:#999;}
.news_d_con h3{ font-size:16px; line-height:1.8em; color:#666;}

.contact_con{ overflow:hidden;}
.contact_con txt{ font-size:16px; line-height:1.8em; color:#666;}

}



@media screen and (min-width: 801px) {
.phone{ display:none !important;}
.wrapper{ width:1200px; margin:0 auto; overflow:hidden;}

.header{ overflow:hidden; width:100%; background:#FFF}
.head{ display:block; padding:20px 0; overflow: hidden;}
.logo{ float:left;}
.tel{ float:right;}
.nav{ width:100%; overflow:hidden; background:#f4f4f4;}
.nav li{ float:left; height:52px; line-height:52px;width:150px; text-align:center;}
.nav li a{ color:#444; font-size:16px; display:block;}
.nav li.on a{ background:url(../images/nav_hover.png) no-repeat; color:#fff; }
.nav li:hover a{ background:url(../images/nav_hover.png) no-repeat; color:#fff;}
.index_gsjj{ overflow:hidden; width:100%; margin:50px 0;}

.title1{ width:100%;position:relative; float:left; display:block;}
.title1 h1{ color:#da251c; font-weight:bold; font-size:32px; z-index:999; width:100%;position: absolute;}
.title1 h2{ font-size:68px; color:#eee; font-family:Impact; text-transform:uppercase;position:absolute; top:-7px;  z-index:0; width:100%;}
.title1 i{ border-bottom:3px solid #da251c; display:block; width:130px;position: absolute;z-index:999;top: 58px;}

.index_gsjj_con{ overflow:hidden;}
.index_gsjj img{ display:block; float:left; padding-right:30px;}
.index_gsjj_con txt{ font-size:16px; line-height:1.8em; color:#666;margin-top: 80px;display: block;}
.index_gsjj_con a{ display:block; margin-top:20px;}

.index_hzxm{ overflow:hidden; width:100%; background:#f5f5f5;padding:50px 0;}
.title2{width:100%;position:relative;display:block; text-align:center;}
.title2 h1{color:#da251c; font-weight:bold; font-size:32px; z-index:999; width:100%;position: absolute;}
.title2 h2{font-size:68px; color:#eee; font-family:Impact; text-transform:uppercase;position:absolute; top:-7px;  z-index:0; width:100%;}
.title2 i{border-bottom:3px solid #da251c; display:block; width:130px;position: absolute;z-index:999;top: 58px; margin:0 auto;left: 44.8%;} 
.index_hzxm_con{ overflow:hidden; margin-top:130px;}
.index_hzxm_con ul{ overflow:hidden; float:left;}
.index_hzxm_con ul li{ float:left; padding:0 21px;}

.index_cptj{ overflow:hidden; width:100%; margin:50px 0;}
.index_cptj_con{ margin-top:130px;}
.index_cptj_con li{ float: left; position:relative; width:295px; margin:2px;}
.index_cptj_con li p{ background:rgba(0,0,0,0.5); font-size:16px; color:#fff; position:absolute; width:100%; z-index:999; bottom:2px; height:42px; line-height:42px; text-align:center;}

.middle_img{ background:url(../images/middle_tel.jpg) no-repeat center center; height:110px;}

.index_news{ overflow:hidden; margin:50px 0;}
.index_news_con{ overflow:hidden; margin-top:130px;}
.index_news_con li{ float:left; width:48%; padding:1%;}
.index_news_con li img{ float:left; display:block; padding-right:20px;}
.index_news_con li h1{ color:#333; font-size:18px; display:block; padding-top:15px;}
.index_news_con li h2{ font-weight:bold; color:#999; display:block; padding:10px 0;}
.index_news_con li h3{ font-size:14px; color:#999;}
.index_news_con li h4{ color:#da251c; display:block; padding-top:10px;}

.footer{ background:#323232; width:100%; overflow:hidden; padding:50px 0 20px 0;}
.foot1{ overflow: hidden; margin-bottom:50px;}
.foot1_l{ float:left; width:570px;}
.foot1_l ul{ float:left; width:25%; text-align:center;}
.foot1_l ul li strong{ font-size:14px; color:#fff; display:block; padding-bottom:20px;}
.foot1_l ul li a{ font-size:12px; color:#d8d8d8; line-height:1.8em;}
.foot1_r{ float:right; width:630px;}
.foot1_r h2 img{ float:left; display:block; padding-right:20px; padding-top:45px;}
.foot1_r h1{ font-weight:bold; font-size:24px; color:#da251c; margin-bottom:20px;}
.foot1_r h1 img{ float:left; padding-right:15px;}
.foot1_r p{ font-size:14px; color:#fff; font-weight:bold; line-height:1.8em;}
.foot2{ border-top:1px solid #545454; color:#fff; padding-top:20px;}
.foot2 h1{ float:left;}
.foot2 h2{ float:right;}

.main{ overflow:hidden; margin:50px 0;}
.main_left{ float:left; width:268px; margin-right:50px;}
.dh1{ overflow:hidden; margin-bottom:20px;}
.title3{ font-weight:bold; font-size:24px; text-align:center; height:89px; line-height:89px; background:#da251c; color:#fff;}
.main_left_con1{ overflow:hidden; border:1px solid #eee;padding:20px 0;}
.main_left_con1 li{ width:80%; margin:0 auto; padding:10px 0; height:36px; line-height:36px; font-size:14px; text-align:center;}
.main_left_con1 li a{ display:block; color:#666; background:#dfdfdf;}
.main_left_con1 li a:hover{ color:#da251c;}
.main_left_con1 li.on a{ color:#da251c;}
.dh2{ overflow:hidden;}
.main_left_con2{overflow:hidden; border:1px solid #eee; padding:20px;}
.main_left_con2 li{ overflow:hidden; display:block; padding:5px 0;}
.main_left_con2 li strong{ font-size:16px; font-weight:bold; color:#da251c; text-align:center;}
.main_left_con2 img{ float:left; padding-right:10px;}

.main_right{ overflow:hidden;}
.title4{ border-bottom:1px solid #e9e9e9; padding-bottom:20px; margin-bottom:50px;}
.title4 h1{ color:#999;}
.about_con{ overflow:hidden;}
.about_con img{}
.about_con txt{ font-size:16px; line-height:1.8em; color:#666;}

.pro_con{ overflow:hidden; width:100%;}
.pro_con li{ float:left; width:31.33%; text-align:center; padding:0 1%;position:relative;}
.pro_con li img{ width:100%;}
.pro_con li p{background:rgba(0,0,0,0.5); font-size:16px; color:#fff; position:absolute; width:94%; z-index:999; bottom:3px; height:42px; line-height:42px; text-align:center;}

.pro_d_con{ overflow:hidden;}
.pro_d_con h1{ font-size:18px; color:#333; text-align:center; font-weight:bold;}
.pro_d_con h2{ display:block; padding:50px 0; text-align:center;}
.pro_d_con h3{ font-size:16px; line-height:1.8em; color:#666;}

.news_con{ overflow:hidden;}
.news_con li{ float:left; display:block; overflow:hidden; margin-bottom:38px; width:100%}
.news_con li div{display:block; float:left; width:88%;}
.news_con li i{ color:#fff; font-size:38px; text-align:center; font-weight:bold; width:73px; height:77px; line-height:77px; background:#b4b4b4; display:block; float:left; margin-right:30px;}
.news_con li h1{ color:#444; font-size:18px;}
.news_con li h2{ color:#999; display:block; padding-top:15px;}

.news_d_con{ overflow:hidden;}
.news_d_con h1{ font-size:18px; color:#333; text-align:center; font-weight:bold;}
.news_d_con h2{ display:block; padding:30px 0; text-align:center; font-weight:bold; color:#999;}
.news_d_con h3{ font-size:16px; line-height:1.8em; color:#666;}

.contact_con{ overflow:hidden;}
.contact_con txt{ font-size:16px; line-height:1.8em; color:#666;}

}