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

*{ margin:0; padding:0;list-style-type:none;}
html{ margin:0; padding:0; overflow-x:hidden;}
body{margin:0; padding:0; font-size:14px;font-family:"微软雅黑", "思源黑体 CN Normal", "思源黑体 CN Regular";width:100%;}


header{ width:100%; min-width:1200px; height:60px; background:#333;}
.head-in{ width:1200px; margin:0 auto;}
.head-in img{ padding-top:6px;}
.head-in p{ display:inline-block; float:right; line-height:60px; font-size:20px; color:#fff;}

.banner-bg{ width:100%; min-width:1200px; height:670px; background:url(../images/banner.png?01) center no-repeat; }
.banner{ width:1200px; margin:0 auto; padding-top:520px;}
button{ width:230px; height:55px; border:none; outline:none; background:#fff; display:block; margin:0 auto; font-size:26px; color:#ce1a15; border-radius:10px; cursor:pointer;}


.main1{ width:1200px; margin:80px auto;}
h1{ text-align:center; font-size:36px;}
.title{ padding:20px; line-height:30px;}
.main1 .ma-container{ width:255px; height:250px; border:1px solid #ce1a15; margin:50px auto 20px;}
.main1 .ma-container img{ display:block; margin:0 auto;}
.main1 .ma-zi{ text-align:center; font-size:20px; font-weight:600;}
.main1 .pc{height:250px; padding:50px 0  10px; display:block;}
.main1 .pc li,.main2 ul li,.main3 ul li{ width:138px; height:250px; float:left; border:1px solid #b5b5b5; margin-right:11px;background: -webkit-linear-gradient(-90deg, #fe801a, #fd5150);
    background: -o-linear-gradient(-90deg, #fe801a, #fd5150);
    background: -moz-linear-gradient(-90deg, #fe801a, #fd5150);
    background: linear-gradient(0deg, #c00000, #fff)}
.main1 .pc li:last-child{ margin-right:0;}
.main1 .pc li p,.main2 ul li p{ color:#fff; font-size:12px; padding:10px 5px; line-height:20px;}
.lc{ display:none;}

.main2{ width:100%; min-width:1200px; height:760px; background:url(../images/bg01.png) center no-repeat;}
.main2 h1{ padding-top:50px; color:#fff;}
.main2 .pc{ display:block; width:1200px;height:420px; padding:50px 0 80px; margin:0 auto;}
.main2 .pc li,.main3 ul li{ width:298px; height:420px; margin:0;}
.main2 .pc li:first-child{ background: url(../images/tu1.png) no-repeat;}
.main2 .pc li:nth-child(2){ background: url(../images/tu2.png) no-repeat;}
.main2 .pc li:nth-child(3){ background: url(../images/tu3.png) no-repeat;}
.main2 .pc li:last-child{ background: url(../images/tu4.png) no-repeat;}
.main2 .pc li p{ background:#c51414; height:60px; font-size:14px; padding:10px 20px; font-weight: bold;line-height:25px; margin-top:340px;}
.main2 .pc li:hover{ background-size:105%;}
.main2 button{ background:#e10505; color:#fff;}
.main2 a{ text-decoration:none;}


.main3{ width:100%; height:430px; min-width:1200px; padding:50px 0;}
.main3 .title{ text-align:center;}
.main3 ul{ width:1200px; margin:30px auto;}
.main3 ul li{ height:260px; background:none;}
.main3 ul li img{ display:block; margin:20px auto;}
.main3 ul li p{ color:#373737; padding:30px 20px; line-height:25px;}


.main4{ width:100%; min-width:1200px; height:300px; background:#e10505;}
.main4 h1{ line-height:180px; font-size:48px; color:#fff;}

footer{ display:block; width:100%; min-width:1200px; height:90px; background:#000000; color:#fff; text-align:center; padding-top:30px; line-height:30px;}
footer a{ color:#fff; text-decoration:none;}
.footmb{ display:none}

@media screen and (max-width:450px){
	header{ width:100%; min-width:360px; height:50px; background:#333;}
    .head-in{ width:90%; margin:0 auto;}
	.head-in img{ width:45%; padding-top:8px;}
	.head-in p{ display:none;}
	
	.banner-bg{ width:100%; min-width:360px; height:400px; background:url(../images/banner-mb.png?02) center no-repeat; }
	.banner{ width:360px; margin:0 auto; padding-top:320px;}
	button{ width:130px; height:35px; font-size:16px; font-weight:bold;}
	
	h1{ text-align:center; font-size:18px; line-height:40px;}
	.main1,.main2,.main3,.main4{ width:100%; min-width:360px; margin:40px auto;}
	.main1 .ma-container{ width:180px; height:185px; border:1px solid #ce1a15; margin:20px auto 10px;}
	
	
	
	.main1 .ma-container img{ width:100%; display:block; margin:0 auto;}
	.main1 .ma-zi{ text-align:center; font-size:14px; font-weight:600;}
    .main1 .pc,.main2 .pc{ display: none;}
	.main1 p{ padding:0 15px;}
	.lc { display:block;
    width: 360px;
    margin: 20px auto;
    overflow: hidden;
}

.lc .items p {
    color: #fff;
	
}
.lc .items p.p1 {
    opacity: .8;
    color: #fff;
    text-align: center;
}

.lc .items p.p4 {
    line-height: 25px;
	font-size:12px;
}
.lc .items .btn {
    color: #ff6200;
    background-color: #ffe7d8;
    height: 35px;
    width: 122px;
    transition: color .4s, opacity .4s;
    font-size: 16px;
    line-height: 22px;
    white-space: nowrap;
    vertical-align: middle;
    padding: 6px 12px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}
.lc .items .btn:hover {
    opacity: 0.8;
}
.lc .items a {
    transition: color .4s, opacity .4s;
    color: #fff;
}
.lc .items .right {
    width: 420px;
	margin:0 auto;
    position: relative;
    overflow: hidden;
}
.lc .items .right ul li {
    background-color: #fff;
    margin-right: 13px;
    text-align: center;
    float: left;
    width: 170px;
    height: 240px;
	border:1px solid #D7D7D7;
    -webkit-transition: box-shadow .2s ease-out;
    transition: box-shadow .2s ease-out;
}
.lc .items .right ul li h3 a {
    color: #323232;
}
.lc .items .right ul li p.p1 {
    color: #B0B0B0;
}
.lc .items .right ul li p.p2 {
    color: #ff6825;
}
.lc .items .right ul li p.p3 {
    color: #B0B0B0;
}
.lc .items .right ul li p.p4 {
    color: #666;
}
.lc .items .right ul li .btn {
    background-color: #ff6200;
    color: #fff;
}
.lc .items .right ul li .btn.sq {
    background-color: #e6e6e6;
}
.lc .items .right .next, .lc .items .right .prev {
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    cursor: pointer;
    z-index: 1;
    width: 28px;
    height: 62px;
    line-height: 62px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    background: rgba(0, 0, 0, .2);
    font-family: simsun;
    transition: all ease-in .4s;
}
.lc .items .right .next {
    left: 0px;
}
.lc .items .right .prev {
    right: 60px;
}
.lc .items .right:hover .next {
    opacity: 1;
}
.lc .items .right:hover .prev {
    opacity: 1;
}

.main2{ height:500px; background:url(../images/bg01.png) center no-repeat;}	
.main2 .lc li .p1{ padding:0}
.main2 .lc .items .right ul li p.p4 {
    color: #fff}
.main2 .lc .items .right ul{ height:280px;}
.main2 .lc .items .right ul li { height:260px;}
	
.main3{ padding-top:0 ; height:900px;}	
	
	.main3 ul{ width:360px; margin:10px auto;}
.main3 ul li{ width:360px;height:180px; float:none; margin-bottom:10px;box-shadow: 5px 5px 5px #D6D6D6 ;}

.main3 ul li p{ color:#373737; padding:0px 20px; line-height:25px;}
.main4{ height:180px; margin-bottom:0}
.main4 h1{ line-height:100px; font-size:20px; color:#fff;}

footer{ display:none;width:100%; min-width:360px;}
	
	.footmb{ display:block; width:100%; min-width:360px; height:320px; padding:20px 0px;}
	
	.footmb p{line-height:25px; color:#fff; text-align:left; }
	.footmb p span{ font-size:20px;}
	.footmb .hotline{height:80px; padding:0 12px;}
	.footmb .hotline img{ float:left;}
	.footmb .hotph{ float:left; width:50%}
	.footmb button{ float:left; width:30%; height:35px;border-radius:20px; outline:none; background:none; color:#fff; margin:5px 0; border:2px solid #fff;}
	
	.footmb .weixin{ width:30%; margin:0 auto 20px; }
	.footmb .weixin p{text-align:center;}
	.footmb .weixin img{ width:100%;}
	.footmb .adr{clear:both; padding:0 12px;}
	
	}


.upproduct_tabs{ margin:0; padding:0;}
.upproduct_tabbg{ position:fixed; top:0; left:0; background:url(//www.idcs.cn/hot/images/upprodict_imgbg.png) repeat; z-index:999; width:100%; height:100%;}
.upproduct_content{ position:fixed; z-index:1000; width:550px; margin:160px auto 0 auto; top:0px; left:50%; margin-left:-250px;}
.upproduct_contenttop{background:url(//www.idcs.cn/hot/images/upprodict_img.png) no-repeat center 0; text-align:center; height:454px;}
.upproduct_contenttop p{ font-size:30px; color:#393939; padding-top:300px;}
.upproduct_contenttop .upproduct_btn{ margin-top:15px;}
.upproduct_contenttop .upproduct_btn a{ display:block; width:180px; height:40px; line-height:40px; text-align:center; color:#fff; background:#2699d0; font-size:16px; margin:0 auto; border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.upproduct_contentlist{ margin-top:15px; padding-left:10px;}
.upproduct_contentlist li{ float:left; width:158px; height:150px; margin:0 10px; padding:15px 0; text-align:center; background:#fff; border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.upproduct_contentname{ font-size:18px; color:#595959; padding-top:10px;}
.upproduct_contentlist li .upproduct_contentbtn{ margin-top:20px;}
.upproduct_contentlist li .upproduct_contentbtn a{display:block; width:108px; height:30px; line-height:30px; text-align:center; color:#fff; background:#2699d0; font-size:14px; margin:0 auto; border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}