@charset "utf-8";
body {color:#111; font-size:14px; line-height:1.8em; max-width:780px; margin:0 auto; font-family:"Microsoft YaHei", "Times New Roman"; background-color:#FFF;}
*{ margin:0; padding:0;}
a{text-decoration:none; color:#111; cursor:pointer;}
ul,li,dl,dt,dd{ list-style:none; padding:0; margin:0; }
h1,h2,h3,h4,h5,h6,h7{ padding:0; margin:0;}
i,em{ font-style:normal;}
img{ border:none; display:block;}
a:link,a:visited{color:#00132b; text-decoration:none; }
a:hover,a:active{color:#ff5a00; text-decoration:none; }
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0rem; }
/*contact*/
.contact{ width:99%; margin:20px auto; box-sizing:border-box; overflow:hidden;}
.contact h1{ font-size:24px; text-align:center;}
.contact p{ line-height:24px; text-align:center; margin-top:10px;}
.contact ul{ overflow:hidden; margin-top:20px}
.contact ul li{ float:left; width:22%; margin:0 1%; padding:0 0.5%; text-align:center;}
.contact ul li span{ display:block; font-weight:normal; text-align:center;   margin:5px auto;}
.contact ul li span img{ width:70%; padding:4%;background: linear-gradient(#B0B9CF,#8995B1);margin: 0 auto;box-shadow: 0px 0.03rem 0.21rem rgba(5,26,85,0.1); border:#E1ECFD 8px solid;border-radius:50%; }
.contact ul li span img:hover{background: linear-gradient(#8995B1,#B0B9CF);}

.contact ul li p{ color:#444; line-height:22px; margin-top:5px; }
.contact ul li p a{ color:#EB0001; font-size:18px; font-weight:bold;}
.contact ul li p a.cont{ color:#444; font-size:14px; font-weight:normal;}
.contact ul li h3{font-size:18px}
.contact ul li h3 a{color:#EB0001; text-decoration:underline;}

.wrap{ width:100%; margin:0 auto; overflow:hidden;}
input,select{ border-radius:0;outline:none;}
textarea { resize:none; outline:none;}
.right {float: right;
}.left {
    float: left;
}
.bjs{
    font-family: "Heiti SC", HelveticaNeue, Droidsansfallback, "Droid Sans", ΢ÈíÑźÚ;
    font-size: 1.2rem;
    text-align: left;
    line-height: 2.4rem;
    color: rgb(51, 51, 51);
    font-weight: normal;
    margin: 0px auto;
    background: rgb(228, 240, 255);
}
/*public */
.top{ width:100%; max-width:780px; height:auto; overflow:hidden; z-index:1000; margin:0 auto; border-bottom:1px solid #EEE;background:-webkit-linear-gradient(left, #5a6a98,#7f8bad);}
.top ul{ clear:both; overflow:hidden; width:97%; margin:0 auto;}
.top ul li{ float:left; height:46px; line-height:46px;}
.top ul li p {
    display: block;
    height: 40px;
    line-height: 45px;
    color: #fff;font-size:16px;
}
.top ul li a img{ width:157px; margin:5px auto;}
.top ul li.top_ask{ float:left; width:10%; background:url(../images/top_ask.png) no-repeat left center; background-size:35px 35px;}
.top ul li.top_logo{margin:0 1%;font-family: 'Microsoft YaHei';line-height: 1em;color: #fff;
font-size:16px;
text-shadow:0px 0px 0 rgb(240,240,240), 1px 0px 0 rgb(200,200,200);}
.top ul li.top_nav { float:right; width:10%; background:url(../images/top_nav.png) no-repeat left center; background-size:25px 25px;}

.m_nav{ width:100%; max-width:780px; position:fixed; overflow:hidden; z-index:999; border-bottom:1px solid #EEE; background:url(../images/bg_nav.png);}
.m_nav ul{ clear:both; overflow:hidden;}
.m_nav ul li{ float:left; width:22.8%; height:40px; line-height:40px; font-size:15px; text-align: center;}
.m_nav ul li a.select{ color:#E73527; font-weight:bold;}
.m_nav ul .close{ float:right; width:35px; background:url(../images/close1.png) no-repeat right bottom; background-size:25px 25px;}
.blank{ height:6px; background:#F3F3F3; border-top:1px solid #EDEFF2; border-bottom:1px solid #EDEFF2;}
.banner a{ display:block;}
.banner img{ width:100%;}
.space{ height:40px;}
.side{ position:fixed; right:5px; top:150px; width:30px; height:85px; background:url(../images/side_btn.jpg) no-repeat;}
.side a{ position:absolute; top:0; right:0; width:11px; background:url(../images/side_close.gif) no-repeat;}
.cp-service{background: #fff;margin: 0 0.53333rem;overflow: hidden;text-align: center;margin-top: -1px;padding: 0 0.4rem;
    border-radius: 0 0 0.26667rem 0.26667rem;box-shadow: 0 0.13333rem 0.26667rem #f0f0f0;}
.cp-service p{font-size: 1rem;line-height: 0.88rem;display: inline-block;background: url("../images/mcp-fwzs.png") left center no-repeat;
    background-size: 0.8rem;padding-left: 0.4rem;}
.cp-service p:first-child{float: left;}
.cp-service p:last-child{float: right;}


.blank{ height:6px; background:#F3F3F3; border-top:1px solid #EDEFF2; border-bottom:1px solid #EDEFF2;}
.banner a{ display:block;}
.banner img{ width:100%;}

.foot_link{ width:97%; margin:0 auto; padding:20px 1.5%;}
.foot_talk,.foot_tel{width:100%}
.foot_talk a{ display:block; padding:10px; font-size:22px; letter-spacing:1px; color:#FFF; text-align:center; background-color:#EB0001; border-radius:10px;}
.foot_tel{ text-align:center; font-size:22px; margin-top:30px}
.foot_tel a{ color:#EB0001; margin-left:10px; font-size:24px;}
.foot_tel a:hover{ text-decoration:underline;}
.foot{ width:97%; margin:20px auto; padding:0 1.5%; text-align:center;}
.foot ul{ overflow:hidden; display:inline-block;}
.foot ul li{ float:left; padding:0 10px; border-right:1px solid #303030; line-height:18px;}
.foot ul li:last-child{border-right:none 0}
.foot ul li a:hover{color:#EB0001;}
.foot_copy{ margin-top:15px; text-align:center;}
.foot_copy p,.foot_copy p a { color:#444; line-height:26px;}

.space{ height:40px;}
.bottom{ position:fixed; bottom:0; overflow:hidden; max-width:780px; width:100%; border-top:1px solid #D8D8D8; margin:0 auto; z-index:12; background-color:#FFF;}
.bottom ul{ clear:both; overflow:hidden;}
.bottom li{ float:left; width:28%; padding:6px 0 2px; text-align:center;}
.bottom li a{ display:block;}
.bottom li img{ width:20px; text-align:center; margin:0 auto;}
.bottom li span{ font-size:14px; line-height:14px; margin-top:6px; display:block;}
.bottom li.bottom_ask{ width:32%; border-right:none; background-color:#FFD800;}
.bottom li.bottom_tel{ width:40%; border-right:none; background-color:#E91226;}
.bottom li.bottom_tel a span{ color:#FFF;}

#gotoTop{ position:fixed; right:1%; bottom:50px; width:36px; height:36px;  cursor:pointer; text-indent:-999em; z-index:999999; box-sizing:border-box; background:url(../images/totop.png) no-repeat rgba(255,255,255,0.6); background-size:100% 100%; border-radius:50%; border:1px solid #DDD;}
#gotoTop:hover{ background:url(../images/totops.png) no-repeat #EB0001; background-size:100% 100%;}
.m_tel{ position:fixed; right:1%; bottom:100px; width:36px; height:36px; cursor:pointer; text-indent:-999em; background:url(../images/ico_phone.gif) no-repeat center #EB0001; background-size:30px 30px; border-radius:50%;}

#LRdiv0, #LRfloater0{ display:none;}
.side{ position:fixed; right:5px; top:150px; width:30px; height:85px; background:url(../images/side_btn.jpg) no-repeat;}
.side a{ position:absolute; top:0; right:0; width:11px; background:url(../images/side_close.gif) no-repeat;}



.body-box {
	width: 100%;
	margin: 10px auto 0;
	background: #fff;
	overflow: hidden;
}

.timer-shaft-box {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}


.timer-scale {
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
	width:100%;
	overflow-x: auto;
}

.time-circle {
	display: inline-block;vertical-align: middle;text-align: center;font-size: 12px;
	color: #333;
	cursor: pointer;
	position: relative;
}


.timer-shaft-content {
	width: 100%;
	overflow: hidden;
	margin-top:10px;
}

.shaft-detail-cont {
	display: none;
	width: 100%;
	color: #000;
}
.timer-left {
    position: absolute;
    top: 0;
    left: 5px;
    z-index: 99;
    width: 40px;
    height: 30px;
    background: url(../images/xjttt.png) no-repeat;
    background-size: cover;
    cursor: pointer;
}
.time-over{
    width: 100%;
    overflow: hidden;
    padding: 0;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;
}
.timer-right {
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 99;
    width: 40px;
    height: 30px;
    background: url(../images/xjtt.png) no-repeat;
    background-size: cover;
	cursor: pointer;
}
.timer-shaft {
    position: relative;
    width: 100%;
    height: 30px;
    overflow: hidden;
	padding: 0 12px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;
}

.timer-scale-cont {
    position: relative;
    display: inline-block;
    height: 100%;
    line-height: 28px;
    padding: 0 16px;
    border-radius: 30px;
    border: solid 1px #eee;
    margin: 0 16px 0 0;
}
.timer-scale-cont.teshudian{
    /* padding-left: 0; */
    margin-left: 0;

}
/*.timer-scale-cont::before{
    content: "";
    width: 16px;
    height: 16px;
    background-color: rgba(242,201,193,0.4);
    position: absolute; right: -30px;
    top: 50%;
    border-radius: 50%;
    transform: translateY(-50%);
}
.timer-scale-cont.teshudian::after{
    display: none;
}
.timer-scale-cont::after{
    content: "";
    width: 16px;
    height: 16px;
    background-color: rgba(242,201,193,0.4);
    
    position: absolute; left: -30px;
    top: 50%;
    border-radius: 50%;
    transform: translateY(-50%);
}*/

.hov {
    border: solid 1px #f73d2e;
    background: #f73d2e;
}

.timer-scale-cont.hov a:hover {
    color: #fff;
}

.hov a {
    color: #fff;
    font-weight: bold;
}


@media screen and (max-width:680px){
	.m_nav ul li{ width:22.4%;}
	.contact ul li{ width:47%; }
}

@media screen and (max-width:600px){
	.pro_nav li img{ width:90%;}
}

@media screen and (max-width:480px){
	.index_pro h1, .company h1, .contact h1, .news_tit h1, .news_detail h1, .proj_show h1, .case h1{ font-size:22px;}
	.index_proj h2, .index_about h2, .company_zc h2, .company_nl h2, .company_js h2, .company_hz h2, .news_title h2, .proj_yd h2, .proj_yl h2, .proj_al h2, .case_js h2, .case_js h2, .pro_info h2, .pro_info h2, .pro_xg h2, .pro_cs h2{ font-size:20px;}
	.index_proj dl dd h3{ font-size:18px;}
	.index_about ul li h4{ font-size:16px;}
	.contact ul li h3{ font-size:16px;}
	.message p{ width:100%;}
	.news ul li h3, .news_hy ul li h3{ font-size:16px;}
	
	.page a{ margin-right:4px; padding:5px 9px;}
	.page .current{ margin-right:4px; padding:5px 9px;}
	.disabled{ margin-right:4px; padding:5px 9px;}
	
	.m_nav ul li{ width:22.2%;}
	.company_fw ul li{ width:33.3%; background:none;}
	.company_fw ul li img{ margin:0 auto;}
	.company_fw ul li p{ width:100%; margin-bottom:5px;}
	.company_nl ul li{ width:49%;}
	.company_js ul li img{ width:94%;}
	.company_hz ul{ margin-top:5px;}
	.company_hz ul li{ width:99%; margin-top:5px;}
	.contact ul{ margin-top:10px;}
	.news_list h1{ font-size:22px; width:140px; padding:8px;}
	.news_list ul li h3{ font-size:16px;}
	.project_show dl dd b{ font-size:18px;}
	.project_show dl dt{ width:180px;}
	.project_show dl dd{ margin-left:190px;}
	.pro_show ul li{ width:49%;}
	.pro_nav{ margin-bottom:5px;}
	.pro_tit{ font-size:20px;}
	.proj_yd ul li{ width:98%; margin-top:54px;}
	.proj_yd ul li span{ width:80px; height:80px; margin-left:-40px; top:-40px;}
	.pro_info ul li{ width:98%; margin-top:54px;}
	.pro_info ul li span{ width:80px; height:80px; margin-left:-40px; top:-40px;}
	.index_about ul li{ width:44%;}
	.message ul li{ width:99%;}
}

@media screen and (max-width:375px){
	.top ul li{ height:40px; line-height:40px;}
	.top ul li.top_ask, .top ul li.top_nav{ background-size:25px 25px;}
	.top ul li a img{ width:140px; margin:3px auto;}
	.m_nav{ margin-top:0;}
	.m_nav ul .close{ width:30px; background-size:20px 20px;}
	.m_nav ul li{ height:36px; line-height:36px;}
	.banner{ margin-top:0;}
	
	.msg_btn{ width:36%;}
	
	.foot_link{ padding:15px 1.5%;}
	.foot_talk a{ padding:8px; border-radius:8px;}
	.foot_tel{ font-size:18px; margin-top:18px;}
	.foot_tel a{ font-size:22px;}
	.foot{ margin:15px auto;}
	
	.index_pro h1, .company h1, .contact h1, .news_tit h1, .news_detail h1, .proj_show h1, .case h1{ font-size:20px;}
	.index_proj h2, .index_about h2, .company_zc h2, .company_nl h2, .company_js h2, .company_hz h2, .news_title h2, .proj_yd h2, .proj_yl h2, .proj_al h2, .case_js h2, .case_js h2, .pro_info h2, .pro_info h2, .pro_xg h2, .pro_cs h2{ font-size:18px;}
	.index_proj dl dd h3{ font-size:16px;}
	.index_about ul li h4{ font-size:15px;}
	.index_news{ padding:6px 64px 6px 8px; background-size:50px 50px; background-position:98% 11px;}
	.index_news ul li span{ padding:0 4px; margin-right:6px;}
	
	.index_type ul li a img{ width:76%;}
	.index_type ul li p{ font-size:14px; line-height:24px;}
	.index_type, .index_proj, .index_about, .company_nl, .company_js, .company_hz, .contact, .news, .news_hy, .news_sp{ margin:15px auto;}
	.company_hz{ margin:15px auto 20px;}
	.index_pro{ margin-top:15px;}
	.index_pro ul{ margin-top:15px;}
	.index_pro ul li{ margin-bottom:0;}
	.index_pro ul li p{ font-size:14px;}
	.index_proj h2{ margin-bottom:0;}
	.index_proj dl dt{ width:160px;}
	.index_proj dl dd{ margin-left:170px;}
	.index_proj dl dd h3{ line-height:24px; margin-bottom:5px;}
	.index_proj dl dd p{ line-height:22px;}
	.index_about ul{ margin-top:10px;}
	.index_about ul li b{ font-size:32px;}
	.index_about ul li i{ margin-top:15px;}
	.company ul{ margin-top:15px;}
	.company_zc p, .company_nl p, .company_js p, .company_hz p{ margin-top:5px;}
	.company ul li img{ width:88%;}
	.company_zc{ margin-top:15px;}
	.company_zc ul{ margin-top:0;}
	.company_zc ul li{ width:96%; margin-top:10px;}
	.company_zc ul li span{ background-size:100%; padding:5px 0; font-size:16px;}
	.contact ul li span{ width:70px; height:70px;}
	.contact ul li span.contact01{ background-size:40px auto;}
	.contact ul li span.contact02{ background-size:40px auto;}
	.contact ul li span.contact03{ background-size:40px auto;}
	.contact ul li span.contact04{ background-size:40px auto;}
	.news_tit{ line-height:24px;}
	.news_title{ line-height:24px; margin-bottom:5px;}
	.news ul li h3{ font-size:15px; margin:0;}
	.news ul li p, .news_hy ul li p{ height:44px; line-height:22px;}
	.news_hy ul li{ padding:10px 1.6%;}
	.news_sp ul li p{ font-size:15px;}
	.news_hy ul li h3{ font-size:15px;}
	.news_list h1{ font-size:20px; width:120px; padding:6px;}
	.news_detail{ margin-top:20px;}
	.news_read{ margin-bottom:10px;}
	.news_other p i{ width:78%;}
	.news_other p a{ width:78%;}
	.project{ margin-top:20px;}
	.project_tit{ margin-bottom:5px;}
	.project_show dl{ padding:10px 0;}
	.project_show dl dt{ width:100%; margin-right:0; margin-bottom:6px;}
	.project_show dl dd{ width:100%; margin-left:0;}
	.project_show dl dd b{ margin-bottom:5px;}
	.project_show dl dd p{ line-height:22px;}
	.project_show dl dd p.project_info{ height:44px;}
	.proj_info{ padding:2px 1%;}
	.proj_info p{ padding:2px 0;}
	.proj_yd p{ font-size:14px; background-size:20px 20px; padding-left:26px;}
	.proj_al ul li p{ font-size:14px;}
	.proj_pic{ margin-top:1px;}
	.case_show ul li{ margin-top:10px;}
	.case_show{ margin-bottom:10px;}
	.case{ margin-top:12px;}
	.case_pic{ margin-top:10px;}
	.product{ margin-top:1px;}
	.pro_show ul li p{ line-height:30px;}
	.pro_tit{ margin:10px 0 10px 0.5%;}
	.pro_link a{ padding-left:30%;}
	.proj_yd{ margin:10px auto;}
	.proj_yd ul li{ margin-top:45px;}
	.proj_yd ul li span{ width:70px; height:70px; margin-left:-35px; top:-35px;}
	.pro_info{ margin:10px auto;}
	.pro_info ul li{ margin-top:45px;}
	.pro_info ul li span{ width:70px; height:70px; margin-left:-35px; top:-35px;}
	.index_about{ margin-bottom:0;}
}

@media screen and (max-width:320px){
	.m_nav ul .close{ width:24px;}
	.foot_talk a{ font-size:18px; padding:6px; border-radius:6px;}
	.foot_tel{ font-size:16px; margin-top:15px;}
	.foot_tel a{ font-size:20px;}
	
	.page{ margin:10px auto;}
	.page a{ margin-right:2px; padding:4px 7px;}
	.page .current{ margin-right:2px; padding:4px 7px;}
	.disabled{ margin-right:2px; padding:4px 7px;}
	.message p{ line-height:22px;}
	
	.index_proj dl{ border-bottom:none; padding-bottom:0;}
	.index_proj dl dt{ width:100%; margin:0; margin-bottom:5px;}
	.index_proj dl dd{ width:100%; margin:0;}
	.index_proj dl dd p{ margin-top:0;}
	.index_about ul{ margin-top:10px;}
	.index_about ul li{ margin-top:0;}
	.index_about ul li p{ display:none;}
	.index_about ul li img{ width:90%;}
	.index_about ul li h4{ margin-bottom:5px;}
	.company_zc ul li span{ background-size:120%;}
	.company_js ul li{ width:49%;}
	.company_js ul li img{ width:80%;}
	
	.news ul li{ width:98%; margin-right:0; margin-bottom:5px;}
	.news ul li.news_last{ margin-bottom:0;}
	.news_hy ul li time{ margin:0;}
	.news_hy ul li{ margin-bottom:6px;}
	.news_sp ul li{ width:100%; margin-right:0;}
	.news_list ul li time{ margin:0;}
	.news_detail{ margin-top:12px;}
	.news_other{ padding:5px 0 10px;}
	.news_other p{ height:30px; line-height:30px;}
	.news_other p i{ width:76%;}
	.news_other p a{ width:76%;}
	.project{ margin-top:10px;}
	.project_tit li{ height:36px; line-height:36px;}
	.proj_hour{ background-size:26px 26px; padding-left:32px; font-size:14px; height:24px; line-height:24px;}
	.proj_hour a{ font-size:26px;}
	.proj_hour a font{ font-size:18px;}
	.proj_link a{ line-height:36px;}
	.proj_link a img{ width:22px;}
	.case_show ul li span{ width:20px; height:20px;}
	.case_show ul li i{ padding-left:6px;}
	.pro_nav li img{ width:96%;}
	.pro_tit{ font-size:18px;}
	.pro_nav li p{ font-size:13%;}
}