.innbanner{background:url(../images/innbanner.jpg) no-repeat center; height:200px; position:relative;}
.innbanner .homewrapper{width:1200px; margin:0 auto; position:absolute; bottom:0; left:50%; margin-left:-600px; height:50px; line-height:50px; background-color:rgba(0,0,0,0.4);}
.innbanner .homewrapper .innbantit{color:#fff; font-size:18px; text-indent:20px; float:left;}
.innbanner .homewrapper .innula{float:right; width:30%;}
.innbanner .homewrapper .innula ul{width:100%;}
.innbanner .homewrapper .innula ul li{float:left; width:50%; text-align:center;}
.innbanner .homewrapper .innula ul li a{color:#fff; font-size:14px; text-decoration:none; display:block;}
.innbanner .homewrapper .innula ul li a.on{background-color:#FF0B11;}

.innabout{padding:50px; line-height:180%; background-color:#F3F3F3; box-sizing:border-box;}
.innabout .aboutbga{background-color:#f4f4f4;padding:30px; box-sizing:border-box;}
.innabout .homewrapper{background-color:#fff; padding:40px 55px; box-sizing:border-box; border-radius:30px; box-shadow:0px 1px 1px #ccc;}

.innbannera{background:url(../images/innbannera.jpg) no-repeat center; height:200px; position:relative;}
.innbannera .homewrapper{width:1200px; margin:0 auto; position:absolute; bottom:0; left:50%; margin-left:-600px; height:50px; line-height:50px; background-color:rgba(0,0,0,0.4);}
.innbannera .homewrapper .innbantit{color:#fff; font-size:18px; text-indent:20px; float:left;}
.innbannera .homewrapper .innula{float:right; width:45%;}
.innbannera .homewrapper .innula ul{width:100%;}
.innbannera .homewrapper .innula ul li{float:left; width:33.3%; text-align:center;}
.innbannera .homewrapper .innula ul li a{color:#fff; font-size:14px; text-decoration:none; display:block;}
.innbannera .homewrapper .innula ul li a.on{background-color:#FF0B11;}

.innbannerb{background:url(../images/innbannerb.jpg) no-repeat center; height:200px; position:relative;}
.innbannerb .homewrapper{width:1200px; margin:0 auto; position:absolute; bottom:0; left:50%; margin-left:-600px; height:50px; line-height:50px; background-color:rgba(0,0,0,0.4);}
.innbannerb .homewrapper .innbantit{color:#fff; font-size:18px; text-indent:20px; float:left;}
.innbannerb .homewrapper .innula{float:right; width:22%;}
.innbannerb .homewrapper .innula ul{width:100%;}
.innbannerb .homewrapper .innula ul li{float:left; width:33.3%; text-align:center;}
.innbannerb .homewrapper .innula ul li a{color:#fff; font-size:14px; text-decoration:none; display:block;}
.innbannerb .homewrapper .innula ul li a.on{background-color:#FF0B11;}

.innbannerc{background:url(../images/innbannerc.jpg) no-repeat center; height:200px; position:relative;}
.innbannerc .homewrapper{width:1200px; margin:0 auto; position:absolute; bottom:0; left:50%; margin-left:-600px; height:50px; line-height:50px; background-color:rgba(0,0,0,0.4);}
.innbannerc .homewrapper .innbantit{color:#fff; font-size:18px; text-indent:20px; float:left;}
.innbannerc .homewrapper .innula{float:right; width:22%;}
.innbannerc .homewrapper .innula ul{width:100%;}
.innbannerc .homewrapper .innula ul li{float:left; width:33.3%; text-align:center;}
.innbannerc .homewrapper .innula ul li a{color:#fff; font-size:14px; text-decoration:none; display:block;}
.innbannerc .homewrapper .innula ul li a.on{background-color:#FF0B11;}


.innbannerd{background:url(../images/innbannerd.jpg) no-repeat center; height:200px; position:relative;}
.innbannerd .homewrapper{width:1200px; margin:0 auto; position:absolute; bottom:0; left:50%; margin-left:-600px; height:50px; line-height:50px; background-color:rgba(0,0,0,0.4);}
.innbannerd .homewrapper .innbantit{color:#fff; font-size:18px; text-indent:20px; float:left;}
.innbannerd .homewrapper .innula{float:right; width:22%;}
.innbannerd .homewrapper .innula ul{width:100%;}
.innbannerd .homewrapper .innula ul li{float:left; width:33.3%; text-align:center;}
.innbannerd .homewrapper .innula ul li a{color:#fff; font-size:14px; text-decoration:none; display:block;}
.innbannerd .homewrapper .innula ul li a.on{background-color:#FF0B11;}

.innbannere{background:url(../images/innbannere.jpg) no-repeat center; height:200px; position:relative;}
.innbannere .homewrapper{width:1200px; margin:0 auto; position:absolute; bottom:0; left:50%; margin-left:-600px; height:50px; line-height:50px; background-color:rgba(0,0,0,0.4);}
.innbannere .homewrapper .innbantit{color:#fff; font-size:18px; text-indent:20px; float:left;}
.innbannere .homewrapper .innula{float:right; width:22%;}
.innbannere .homewrapper .innula ul{width:100%;}
.innbannere .homewrapper .innula ul li{float:left; width:33.3%; text-align:center;}
.innbannere .homewrapper .innula ul li a{color:#fff; font-size:14px; text-decoration:none; display:block;}
.innbannere .homewrapper .innula ul li a.on{background-color:#FF0B11;}



.innabout .homennews{width:100%;}
.innabout .homennews li{display:block; margin:1.5% 0;}
.innabout .homennews li a{text-decoration:none; display:block; padding:40px 70px; border:1px solid #eee; border-bottom:1px solid #eee; box-sizing:border-box; box-shadow:0px 1px 1px #ddd;}
.innabout .homennews li a:hover{z-index: 0; transform-origin: bottom; transform: scaleY(1); background-color: #30a2e1; border:1px solid #30a2e1; box-shadow:0px 1px 1px #ddd; border-bottom:1px solid #fff;}
.innabout .homennews li a:hover .homenntit{color:#fff;}
.innabout .homennews li a:hover .homenntita{color:#fff;}
.innabout .homennews li a .homenntit{font-size:22px; height:60px; font-weight:bold; line-height:30px; overflow:hidden; margin-bottom:15px;}
.innabout .homennews li a .homenntita{color:#666; font-size:15px; line-height:160%; text-align:left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;}
.innabout .homennews li a .homennbtna{font-size: 13px; background:url(../images/jt.jpg) no-repeat 90% center #30a2e1; color: #FFF; text-indent:5px;  padding: 10px 20px; width: 80px; font-weight: bold; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; display:block; margin-top:28px;}
.innabout .homennews li a:hover .homennbtna{background:url(../images/jta.png)  no-repeat 90% center #f5f5f5; color:#535353;}

.innabout .innewtitaa{font-size:24px; font-weight:bold; padding-bottom:12px; border-bottom:1px solid #ddd; text-align:center; margin-bottom:30px;}
.innabout .innewtitab{font-size:15px; color:#666; text-align:left; line-height:180%;}

.innabout .cen04 .cen04lll{padding-left:80px;}


.innabout .more {
    border-left: 1px solid #dedede;
	margin-top:40px;
}
.innabout .more a {
    width: 50%;
    box-sizing: border-box;
    line-height: 60px;
    height: 60px;
    font-size: 14px;
    color: #666;
    border: 1px solid #dedede;
    border-left: 0;
    text-decoration: none;
    padding: 0 20px;
    display: block;
    float: left;
    -webkit-transition: all .2s;
    overflow: hidden;
}
.innpplist ul{width:1200px; margin:0px auto 20px;}
.innpplist ul li{float:left; width:15.6%; margin:0.5%;}
.innpplist ul li a{font-size:15px; color:#666; text-align:center; display:block; width:100%; text-decoration:none; background-color:#eee; box-sizing:border-box; height:50px; line-height:50px;}
.innpplist ul li a:hover{background-color:#FF0B11; color:#fff;}

.inppula{width:100%; margin:0 auto 40px;}
.inppula li{float:left; width:24%; margin:1% 0.5%;}
.inppula li a{display:block; text-decoration:none; background-color:#f5f5f5; border:1px solid #ddd; box-sizing:border-box;}
.inppula li a:hover{z-index: 0; transform-origin: bottom; transform: scaleY(1); background-color: #30a2e1; border:1px solid #30a2e1;}
.inppula li img{display:block; margin:0 auto; width:90%;}
.inppula li .inppimg{background-color:#fff; padding:5% 0;}
.inppula li .inpptit{font-size: 14px; color: #000; font-weight: bold; text-align:center; height:60px; line-height:60px; overflow:hidden;}
.inppula li a:hover .inpptit{color:#fff;}


.contact .nam {
    font-size: 25px;
	font-weight:bold;
    color: #222; margin-bottom:20px;
}
.contact .con p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 26px;
    color: #333;
}
.contact .con ul {
    background: #fff;
    padding: 30px;
    border: 1px solid #dedede;
}
.contact .con li {
    width: 50%;
    float: left;
    font-size: 16px;
    line-height: 26px;
    padding: 10px 0;
    color: #333;
}
.contact .con li.li2 {
    width: 100%;
}
.messagecon {
    background: #fff;
    padding: 30px;
    border: 1px solid #dedede;
    margin-top: 30px;
    color: #333;
}
.messagetit {
    font-weight: bold;
    line-height: 30px;
    height: 30px;
}
.messagetarea {
    padding: 10px;
    border: 1px solid #dedede;
    font-size: 16px;
    line-height: 26px;
    color: #666;
    resize: none;
    width: 96%;
    height: 90px;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    background: #f8f8f8;
    margin-bottom: 20px;
}
.messageinput {
    width: 27%;
    padding: 10px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    border: 1px solid #dedede;
    margin: 0 5px 0 0;
    color: #666;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    background: #f8f8f8;
    margin-bottom: 20px;
}
.messagebtn.btnon {
    background: #fe474a;
}
.messagebtn.btnon {
    width: 50%;
    color: #fff;
}
.messagebtn {
    width: 30%;
    text-align: center;
    line-height: 50px;
    height: 50px;
    font-size: 16px;
    border: 0;
    background: #b8c5ce;
    color: #2d3e50;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 30px;
}

@media (max-width: 1200px){
	.innbanner .homewrapper .innula{width:45%;}
	.innbannera .homewrapper .innula{width:62%;}
	.innbanner .homewrapper{width:100%; left:0; margin-left:0;}
	.innbannera .homewrapper{width:100%; left:0; margin-left:0;}
	.inppula{width:100%;}
	.innbannerb .homewrapper{width:100%; left:0; margin-left:0;}
	.innbannerc .homewrapper{width:100%; left:0; margin-left:0;}
	.innbannerd .homewrapper{width:100%; left:0; margin-left:0;}
	.innbannere .homewrapper{width:100%; left:0; margin-left:0;}
	.innabout .innewtitab img{max-width:100%;}
.innabout .cen04 .cen04lll{padding-left:0;}	
.cen04 .cen04lll{margin:0 auto;}
	
}

@media (max-width: 720px){
	.innbanner{height:120px; background-size:cover;}
	.innbannera{height:120px; background-size:cover;}
	.innbannerb{height:90px; background-size:cover;}
	.innbannerc{height:120px; background-size:cover;}
	.innbannerd{height:120px; background-size:cover;}
	.innbannere{height:120px; background-size:cover;}
	.innbannerb .homewrapper{height:40px; line-height:40px;}
	.innbannerb .homewrapper .innbantit{font-size:15px;}
	.innbanner .homewrapper .innula{width:60%;}
	.innbannera .homewrapper .innula{width:70%;}
	.innabout{padding:25px 0;}
	.innabout .innewtitaa{font-size:16px; line-height:180%;}
	.innbannera .homewrapper .innula ul li{overflow:hidden;}
	.innbannera .homewrapper{overflow:hidden;}
.innabout .homewrapper{padding:30px;}
.innpplist ul{width:100%;}
.innpplist ul li{width:49%;}
.inppula li{width:100%; margin:1% 0;}
.innabout .homennews li a{padding:25px;}
.innabout .homennews li a .homenntit{display: inline-block; white-space: nowrap;  width: 100%;  overflow: hidden; text-overflow:ellipsis; font-size:20px;}
.contact .con li{width:100%;}
.messagetarea{box-sizing:border-box;}
.messagecon{width:100%; box-sizing:border-box; overflow:hidden;}
.messagetit{height:auto;}
.messageinput{width:100%; box-sizing:border-box; height: 35px; line-height: 35px; margin-bottom:10px;}
}