@charset "utf-8";
/* CSS Document */
img{max-width:100%; height:auto;}
.ind-tt{width:100%; height:auto; text-align:center; padding:60px 0 50px 0;}
.ind-tt h1{width:100%; height:36px; line-height:36px; font-size:36px; color:#313131; font-weight:bold;}
.ind-tt h2{width:100%; height:auto; line-height:30px; padding:10px 0; font-size:16px; color:#666;}

.ind-tt2{width:100%; height:auto; text-align:center; padding:65px 0 50px 0;}
.ind-tt2 h1{width:100%; height:36px; line-height:36px; font-size:36px; color:#fff; font-weight:bold;}
.ind-tt2 h2{width:100%; height:auto; line-height:30px; padding:10px 0; font-size:16px; color:#fff;}
.ind-tt2 h2 span{color:#ff4242;}

/* Services */
.ind-ser-w{width:100%; height:auto; overflow:hidden;}
.ind-ser-n{width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.ind-ser{width:100%; height:auto; background:url(../images/ser_line.png) no-repeat center top; overflow:hidden;}
.ind-ser li{width:25%; height:437px; float:left; text-align:center; padding-top:40px; box-sizing:border-box;}
.ind-ser li i{font-size:100px; line-height:100px; color:#000; transition: all 0.3s;}
.ind-ser li h1{width:90%; height:30px; margin:24px auto; line-height:30px; color:#333; font-size:20px;}
.ind-ser li p{width:86%; height:auto; margin:0 auto 30px; line-height:20px; color:#666; font-size:14px;}
.ind-ser li a{width:96px; height:30px; background:#333; display:block; margin:0 auto; line-height:30px; color:#fff; border-radius:15px;}
.ind-ser li a:hover{background:#ff4242;}
.ind-ser li:hover{background:rgba(204,204,204,.1);}
.ind-ser li:hover i{font-size:80px;}
/* WHY CHOOSE */
.ind-why-w{width:100%; height:690px; background:#f2f2f2; position:relative;}
.ind-why-tt{display:none;}
.ind-why-l{width:50%; height:690px; background:url(../images/why-bj.jpg) no-repeat right top; float:left;}
.ind-why-r{width:50%; height:690px; float:right;}
.ind-why-left{width:580px; height:690px; float:right; margin-right:20px;}
.ind-left-tt{width:100%; height:auto; margin:70px 0 60px; color:#fff; line-height:30px; font-size:24px; font-weight:bold; text-align:right; font-family:"Times New Roman", Times, serif;}
.ind-left-tt span{width:100%; height:70px; line-height:70px; font-size:60px; font-weight:bold; text-align:right; font-family: Arial, Helvetica, sans-serif; display:block;}
.ind-why-left dl{width:100%; height:134px; color:#fff;}
.ind-why-left dt{width:70px; height:70px; background:#ff4242; line-height:70px; text-align:center; float:left; font-size:48px; font-family:"Times New Roman", Times, serif; font-weight:bold;}
.ind-why-left dd{width:310px; margin-left:80px; font-size:14px; line-height:22px; color:#ccc;}
.ind-why-left dd span{font-size:24px; line-height:24px; display:block; padding-bottom:5px; color:#fff;}
.ind-why-right{width:580px; height:690px; float:left; margin-left:20px;}
.ind-right-tt{width:100%; height:auto; margin:70px 0 60px; color:#030303; line-height:30px; font-size:20px;}
.ind-right-tt span{width:100%; height:70px; line-height:70px; font-size:40px; display:block;}
.ind-why-right dl{width:100%; height:134px; color:#313131;}
.ind-why-right dt{width:70px; height:70px; background:#ff4242; color:#fff; line-height:70px; text-align:center; float:right; font-size:48px; font-family:"Times New Roman", Times, serif; font-weight:bold;}
.ind-why-right dd{width:310px; margin-right:10px; font-size:14px; line-height:22px; text-align:right; float:right; color:#666;}
.ind-why-right dd span{font-size:24px; line-height:24px; display:block; padding-bottom:5px; color:#313131;}
.ind-why-center{width:90px; height:90px; background:#ff4242; color:#fff; line-height:90px; text-align:center; border-radius:45px; position:absolute; top:50%; left:50%; margin-left:-45px; font-size:40px; font-family:"Times New Roman", Times, serif;}

.ind-ad{width:100%; height:186px; background:url(../images/adbj.jpg) no-repeat center top; text-align:center; font-size:36px; color:#fff; text-align:center; overflow:hidden; padding-top:57px; font-weight:bold; box-sizing:border-box;}
.ind-ad span{width:100%; line-height:36px; font-size:16px; text-align:center; display:block; font-weight:normal;}
/* News */
.ind-news-w{width:100%; height:590px; overflow:hidden;}
.ind-news{width:1200px; height:362px; border:1px solid #ccc; box-sizing:border-box; overflow:hidden; margin:110px auto 0;}
.ind-news-tt{width:320px; height:362px; float:left;}
.ind-news-tt h1{width:100%; height:50px; line-height:50px; text-align:center; font-size:36px; color:#1b1b1b; letter-spacing:8px; margin-top:139px;}
.ind-news-tt h2{width:100%; height:24px; line-height:24px; text-align:center; font-size:24px; color:#999; font-family:"Times New Roman", Times, serif;}
.ind-news-list{width:876px; height:362px; float:right;}
.ind-news-list li{width:215px; height:auto; overflow:hidden; margin-right:77px; float:left; display:block;}
.ind-news-list .nda{width:100%; height:50px; font-size:24px; margin-top:90px; font-family:Arial, Helvetica, sans-serif; color:#1b1b1b;}
.ind-news-list .nda span{ line-height:50px; font-size:48px; transition: all 0.3s;}
.ind-news-list h1{width:100%; height:auto; line-height:30px; max-height:60px; font-size:16px; color:#1b1b1b;}
.ind-news-list h2{width:100%; height:auto; line-height:24px; max-height:72px; font-size:12px; color:#999; margin-top:5px;}
.ind-news-list a:hover h1{ text-decoration:underline;}

.ind-more{width:180px; height:42px; margin:-21px auto 96px; text-align:center; overflow:hidden; font-family:"Times New Roman", Times, serif;}
.ind-more a{width:180px; height:42px; display:block; color:#fff; font-weight:bold; font-size:14px; line-height:42px; background:#191919; border-radius:21px;}
.ind-more a:hover{background:#ff4242; color:#fff;}
/* Case */
.ind-case-w{width:100%; height:640px; background:url(../images/case-bj.jpg) no-repeat center top;}
.ind-case{width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.ind-case ul{clear:both; margin-left:-1px;}
.ind-case li{width:199px; height:142px; margin-left:1px; margin-bottom:1px; float:left;}
.ind-case-more{width:160px; height:74px; margin:0 auto;}
.ind-case-more a{width:160px; height:74px; background:#ff4242; color:#fff; font-size:16px; line-height:70px; text-align:center; display:block; border-radius:0 0 80px 80px;}
.ind-case-more a:hover{background:#f30505;}

.ind-ad2-w{width:100%; height:160px; background:#ff4242; color:#fff;}
.ind-ad2-n{width:1200px; height:160px; margin:0 auto;}
.ind-ad2{width:560px; height:160px;}
.ind-ad2 i{font-size:100px; line-height:160px; float:left;}
.ind-ad2-tt{width:300px; height:auto; line-height:24px; font-size:18px; float:left; padding-top:50px; box-sizing:border-box; margin-left:20px;}
.ind-ad2-tt span{width:100%; font-size:30px; line-height:36px; font-weight:bold; display:block;}
.ind-ad2-more{ width:126px; height:46px; float:right; margin-top:57px; border:1px solid #fe8e8e; border-radius:23px; overflow:hidden;}
.ind-ad2-more a{width:126px; height:46px; line-height:46px; color:#fff; text-align:center; display:block; font-size:18px; background:#ff7a7a;}
.ind-ad2-more a:hover{background:#f30505;}
/* Ask */
.ind-ask-w{width:100%; height:auto; padding-bottom:60px; overflow:hidden;}
.ind-ask-n{width:1200px; height:auto; margin:0 auto; overflow:hidden; text-align:center;}
.ind-ask-n a{padding:0 20px; color:#666; line-height:46px; font-size:15px; margin:0 11px 30px; height:46px; border:1px solid #ccc; display:inline-block; border-radius:23px;}
.ind-ask-n a:hover{color:#313131; background:#f0f0f0;}

@media screen and (max-width: 768px) {
.ind-tt{width:100%; height:auto; text-align:center; padding:30px 0 20px 0;}
.ind-tt h1{height:30px; line-height:30px; font-size:20px; font-weight:bold;}
.ind-tt h2{width:90%; margin:0 auto; line-height:20px; padding:10px 0; font-size:12px;}
.ind-tt2{width:100%; height:auto; text-align:center; padding:30px 0 20px 0;}
.ind-tt2 h1{height:30px; line-height:30px; font-size:20px; font-weight:bold;}
.ind-tt2 h2{width:90%; margin:0 auto; line-height:20px; padding:10px 0; font-size:12px;}

.ind-news-w{width:100%; height:auto; overflow:hidden;}
.ind-news{width:100%; height:auto; border:none; padding-bottom:70px; margin:0 auto;}
.ind-news-tt{width:100%; height:auto; float:none;}
.ind-news-list{width:100%; height:auto; float:none;}
.ind-news-list li{width:80%; height:auto; margin:0 auto; float:none;}
.ind-news-tt h1{ height:40px; line-height:40px; font-size:30px; margin-top:50px;}
.ind-news-tt h2{ height:20px; line-height:20px; font-size:18px; color:#999;}
.ind-news-list .nda{width:100%; height:30px; font-size:20px; margin-top:40px; font-family:"Times New Roman", Times, serif;}
.ind-news-list .nda span{ line-height:30px; font-size:36px;}
.ind-news-list h1{width:100%; height:auto; line-height:24px; max-height:48px; font-size:16px; color:#1b1b1b; margin-top:5px;}
.ind-more{width:150px; margin:-21px auto 50px;}
.ind-more a{width:150px;}

.ind-ser-n{width:94%;}
.ind-ser{width:100%; height:auto; background:none; overflow:hidden; padding-bottom:30px;}
.ind-ser li{width:25%; height:180px; float:left; text-align:center; padding-top:20px; box-sizing:border-box;}
.ind-ser li i{font-size:60px; line-height:80px; color:#000; transition: all 0.3s;}
.ind-ser li h1{width:90%; height:24px; margin:10px auto; line-height:24px; color:#333; font-size:18px;}
.ind-ser li p{ display:none;}
.ind-ser li a{width:80px; height:30px; background:#333; display:block; margin:0 auto; line-height:30px; color:#fff; border-radius:15px;}
.ind-ser li a:hover{background:#ff4242;}
.ind-ser li:hover{background:rgba(204,204,204,.1);}
.ind-ser li:hover i{font-size:60px;}

.ind-why-w{width:100%; height:auto; background:#f2f2f2; position:relative;}
.ind-why-tt{width:100%; height:auto; margin:40px 0 30px; color:#ccc; line-height:30px; font-size:14px; display:block; text-align:center; font-family:"Times New Roman", Times, serif;}
.ind-why-tt span{width:100%; height:30px; line-height:30px; font-size:20px; font-weight:bold; display:block; color:#fff; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;}

.ind-why-l{width:100%; height:auto; background:url(../images/why-bj.jpg) no-repeat left top; float:none; overflow:hidden; background-size:cover;}
.ind-why-r{width:100%; height:auto; float:none; overflow:hidden;}
.ind-why-left{width:94%; height:auto; float:none; margin:0 auto;}
.ind-left-tt{ display:none;}
.ind-why-left dl{width:100%; height:auto; color:#fff; overflow:hidden; padding-bottom:30px;}
.ind-why-left dt{width:40px; height:40px; background:#ff4242; line-height:40px; text-align:center; float:left; font-size:30px; font-family:"Times New Roman", Times, serif; font-weight:bold; margin-left:20px; margin-top:10px; border-radius:0 10px 0 10px;}
.ind-why-left dd{width:70%; margin-left:80px; font-size:12px; line-height:20px; color:#ccc;}
.ind-why-left dd span{font-size:16px; line-height:24px; padding-bottom:5px; color:#fff;}

.ind-why-right{width:94%; height:auto; float:none; margin:0 auto; padding-top:30px;}
.ind-right-tt{ display:none;}
.ind-why-right dl{width:100%; height:auto; color:#313131; overflow:hidden; padding-bottom:30px;}
.ind-why-right dt{width:40px; height:40px; background:#ff4242; line-height:40px; text-align:center; font-size:30px; font-family:"Times New Roman", Times, serif; font-weight:bold; margin-right:20px; margin-top:10px; border-radius:10px 0 10px 0;}
.ind-why-right dd{width:70%; margin-right:20px; font-size:12px; line-height:20px; color:#666;}
.ind-why-right dd span{font-size:16px; line-height:24px; padding-bottom:5px; color:#313131;}
.ind-why-center{display:none;}

.ind-ad{width:100%; height:120px; font-size:20px; padding-top:30px; background-size:cover;}
.ind-ad span{width:90%; line-height:20px; font-size:12px; font-weight:normal; margin:0 auto; color:#ffcac0;}

.ind-case-w{width:100%; height:auto; background-size:cover; padding-bottom:50px;}
.ind-case{width:90%; height:auto; overflow:hidden; margin:0 auto;}
.ind-case ul{clear:both; margin-left:-1%;}
.ind-case li{width:24%; height:auto; margin-left:1%; margin-bottom:0px; float:left; overflow:hidden;}
.ind-case-more{width:100px; height:54px; margin:0 auto;}
.ind-case-more a{width:100px; height:54px; background:#ff4242; color:#fff; font-size:14px; line-height:50px; text-align:center; display:block; border-radius:0 0 50px 50px;}
.ind-case-more a:hover{background:#f54e2f;}

.ind-ad2-w{height:auto; padding-bottom:20px; overflow:hidden;}
.ind-ad2-n{width:90%; height:auto;}
.ind-ad2{width:100%; height:auto; border-bottom:1px dashed #f15033;}
.ind-ad2 i{font-size:60px; line-height:60px; float:left; padding-top:15px;}
.ind-ad2-tt{width:50%; height:auto; line-height:24px; font-size:15px; float:left; padding-top:15px; margin-left:10px; padding-bottom:15px;}
.ind-ad2-tt span{width:100%; font-size:18px; line-height:30px;}
.ind-ad2-more{ width:25%; height:30px; margin-top:30px; border-radius:23px;}
.ind-ad2-more a{width:100%; height:30px; line-height:30px; font-size:12px;}

.ind-ask-w{padding-bottom:30px;}
.ind-ask-n{width:92%;}
.ind-ask-n a{padding:0 10px; color:#666; line-height:30px; font-size:13px; margin:0 5px 20px; height:30px; border:1px solid #ccc; display:inline-block; border-radius:23px;}

}
@media screen and (max-width: 480px) {
.ind-ser{width:100%; height:auto; background:url(../images/ser_line.png) no-repeat center top; overflow:hidden; padding-bottom:30px;}	
.ind-ser li{width:50%; height:200px; float:left; text-align:center; padding-top:20px; box-sizing:border-box;}
.ind-ser li h1{font-size:16px; margin:0 auto 10px;}
.ind-ask-n{width:92%; text-align:left;}


}