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


/* banner */
.ibanner{ width:100%; height:460px; overflow:hidden; position:relative;}
.ibanner .tempWrap{ height:100%;}
.ibanner .bd{ position:relative; z-index:0; height:100%;}
.ibanner .bd ul{ display:block; transition:all;}
.ibanner .bd ul li{ display:block; width:100%; height:460px; position:relative;}
.ibanner .bd ul li a{ display:block; width:100%; height:100%; position:relative; background-size:cover !important;}
.ibanner .hd{ width:50%; overflow:hidden; text-align:center; position:absolute; left:25%; bottom:3.6%; z-index:1;}
.ibanner .hd ul{ display:block; height:12px;}
.ibanner .hd ul li{ display:inline-block; width:12px; height:12px; background:#fff; border-radius:50%; margin:0 6px; vertical-align:top;}
.ibanner .hd ul li.on{ background:#bb0003;}

.main{ width:100%;}

.ibox1{ background:#f6f6f6 url(../images/icons/box_bg1.png) center no-repeat; background-size:cover; overflow:hidden;}
.ibox1 ul{ display:block; width:1240px; overflow:hidden; padding:34px 0; margin:0 auto;}
.ibox1 ul li{ display:block; width:25%; float:left;}
.ibox1 ul li a.title{ display:block; background:#5b5b5b; padding:4px 4px 0; border-top:6px solid #f6ad00; margin:0 25px;}
.ibox1 ul li a.title img{ display:block; width:100%;}
.ibox1 ul li a.title span{ display:block; line-height:2.66; color:#fff; font-size:15px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ibox1 ul li a.title:hover span{ color:#f6ad00;}
.ibox1 ul li p{ display:block; height:10.3em; font-size:14px; background:#e6e6e6; padding:7.7%; border-bottom:6px solid #f6ad00; overflow:hidden; position:relative; margin:0 25px;}
.ibox1 ul li p::before{ content:''; display:block; width:100%; height:4px; background:#5b5b5b; position:absolute; left:0; bottom:0;}
.ibox1 ul li p a{ display:block; max-width:100%; line-height:2.15em; color:#333; text-indent:1.2em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; clear:both; float:left; position:relative;}
.ibox1 ul li p a:last-child{ width:50%; text-indent:0; text-align:center; margin:0 auto; transform:translateY(6px); float:none;}
.ibox1 ul li p a::before,
.ibox1 ul li p a::after{ content:''; display:block; width:3px; height:8px; background:#9f9f9f; border-radius:2px; position:absolute; left:0; top:0;}
.ibox1 ul li p a::before{ transform:rotate(45deg); margin:13px 0 0 2px;}
.ibox1 ul li p a::after{ transform:rotate(-45deg); margin:9px 0 0 2px;}
.ibox1 ul li p a:last-child::before,
.ibox1 ul li p a:last-child::after{ display:none;}
.ibox1 ul li p a:hover{ color:#bb0003;}

.ibox2{ width:1190px; margin:0 auto; padding:44px 0; overflow:hidden;}
.ibox2 a.pic{ display:block; width:48.23%; float:right;}
.ibox2 a.pic img{ display:block; width:100%;}
.ibox2 h3{ display:block; width:48.23%; height:2em; line-height:1; color:#bb0003; font-size:20px; overflow:hidden; float:left;}
.ibox2 h3 a{ display:block; line-height:1.72em; color:#767676; font-size:14px; font-weight:normal; float:right; transition:none;}
.ibox2 h3 a:hover{ color:#bb0003;}
.ibox2 .txt{ width:48.23%; line-height:28px; color:#333; font-size:14px; overflow:hidden;}
.ibox2 .txt a{ color:#bb0003;}

.ibox3{ background:#f9f9f9; padding:26px 0 20px;}
.ibox3 h3{ display:block; width:10em; height:2em; line-height:2em; color:#bb0003; font-size:20px; overflow:hidden; position:relative; margin:0 auto;}
.ibox3 h3 a{ display:block; width:16px; height:16px; border:2px solid #848484; border-radius:50%; position:absolute; right:0.6em; top:50%; margin-top:-9px;}
.ibox3 h3 a::before,
.ibox3 h3 a::after{ content:''; display:block; width:2px; height:12px; background:#848484; position:absolute; left:50%; top:50%; margin:-6px 0 0 -1px;}
.ibox3 h3 a::before{ transform:rotate(90deg);}
.ibox3 p.intro{ display:block; width:1190px; line-height:2em; color:#848484; font-size:14px; text-align:center; margin:0 auto;}
.ibox3 .list{ width:1210px; margin:0 auto; overflow:hidden}
.ibox3 .list .bd{ width:1240px; overflow:hidden; margin:0 -15px;}
.ibox3 .list .bd .tempWrap{}
.ibox3 .list .bd ul{ display:block; overflow:hidden; transition:none;}
.ibox3 .list .bd ul li{ display:block; width:25%; overflow:hidden;}
.ibox3 .list .bd ul li a{ display:block; background:#e6e6e6; padding:6px 6px 0; box-shadow:rgba(0,0,0,0.4) 0 4px 10px; margin:25px;}
.ibox3 .list .bd ul li a img{ display:block; width:100%;}
.ibox3 .list .bd ul li span{ display:block; height:3.37em; line-height:3.37em; color:#333; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ibox3 .list .bd ul li a:hover{ background:#cc9932;}
.ibox3 .list .bd ul li a:hover span{ color:#fff;}

.ibox4{ width:1190px; margin:0 auto; padding:44px 0; overflow:hidden;}
.ibox4 form.msg{ display:block; width:48.23%; float:right;}
.ibox4 form.msg h3{ display:block; background:#bb0003;}
.ibox4 form.msg h3 span{ display:block; width:7.5em; height:2em; line-height:2em; color:#fff; font-size:20px; text-align:center; background:url(../images/icons/msg.png) left center no-repeat; padding-left:1em; background-size:0.95em auto; margin:0 auto;}
.ibox4 form.msg .con{ background:#efefef; padding:16px 2% 32px 1%; border:2px solid #dcdcdc; border-top:0; overflow:hidden;}
.ibox4 form.msg p{ display:block; width:48%; font-size:16px; margin:0 1%; float:left; box-sizing:border-box; padding:12px 0; padding-left:5.8em; position:relative;}
.ibox4 form.msg p label{ display:block; width:5.5em; height:34px; line-height:34px; color:#666; padding-right:0.3em; text-align:right; position:absolute; left:0; top:12px;}
.ibox4 form.msg p input.text{ display:block; width:100%; height:34px; color:#666; font-size:15px; background:#fff; padding:2px 8px; box-sizing:border-box; border:1px solid #cdcdcd;}
.ibox4 form.msg p.long{ width:98%;}
.ibox4 form.msg p textarea{ display:block; width:100%; height:68px; color:#666; font-size:15px; background:#fff; padding:6px 8px; box-sizing:border-box; border:1px solid #cdcdcd; resize:none;}
.ibox4 form.msg p.btn{ width:100%; padding:12px 0; padding-right:1%;}
.ibox4 form.msg p input.btn{ display:block; width:10.5em; height:2.5em; color:#fff; font-size:16px; background:#bb0003; border:0; margin:12px auto 0; cursor:pointer;}
.ibox4 .lcon{ width:48.23%; float:left;}
.ibox4 h3.title{ display:block; overflow:hidden; border-bottom:1px solid #efefef; padding:0; margin:0;}
.ibox4 h3.title span{ display:block; height:2em; line-height:2em; color:#bb0003; font-size:20px; box-sizing:border-box; border-bottom:2px solid #bb0003; float:left;}
.ibox4 h3.title a{ display:block; line-height:2.86em; color:#767676; font-size:14px; font-weight:normal; float:right; transition:none;}
.ibox4 h3.title a:hover{ color:#bb0003;}
.ibox4 ul{ display:block; overflow:hidden; padding:10px 0;}
.ibox4 ul li{ display:block; padding:7px 0; overflow:hidden;}
.ibox4 ul li span{ display:block; width:6.2em; line-height:1.7em; color:#fff; font-size:13px; text-align:center; background:#d4d4d4; float:left; margin-right:1.38em;}
.ibox4 ul li span em{ display:block; line-height:1.36em; color:#858585; font-size:26px; background:#eee;}
.ibox4 ul li a{ display:block; height:1.8em; line-height:1.8em; color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ibox4 ul li a:hover{ color:#bb0003;}
.ibox4 ul li .txt{ height:2em; line-height:2em; color:#848484; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/*
.ibox4 ul li:first-child span{ line-height:2.3em; color:#848484; font-size:14px; background:none; float:right; margin:0 0 0 2em;}
.ibox4 ul li:first-child span::after{ content:'-';}
.ibox4 ul li:first-child span em{ line-height:inherit; font-size:inherit; background:none; float:right; margin-left:-0.7em;}
.ibox4 ul li:first-child a{ font-size:18px;}
.ibox4 ul li:first-child .txt{ height:3.2em; line-height:1.6em; white-space:normal; padding:0.3em 0 0;
	display:-webkit-box;
	display:-moz-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
*/



/*PC适配*/
@media only screen and (min-width:1441px){
}
@media only screen and (min-width:1025px) and (max-width:1220px){
.ibanner,
.ibanner .bd ul li{ height:384px;}
.main{ width:auto; margin:0;}

.ibox1 ul{ width:auto; margin:0 10px;}
.ibox1 ul li a.title,
.ibox1 ul li p{ margin:0 10px;}

.ibox2{ width:auto; margin:0 16px;}

.ibox3 p.intro{ width:auto; margin:0 16px;}
.ibox3 .list{ width:auto; margin:0 16px;}
.ibox3 .list .bd{ width:auto; margin:0;}
.ibox3 .list .bd ul li a{ margin:25px 16px;}

.ibox4{ width:auto; margin:0 16px;}
}


/*手机适配*/
@media only screen and (max-width:767px){
.ibanner,
.ibanner .bd ul li{ height:140px;}
.ibanner .hd ul{ height:9px;}
.ibanner .hd ul li{ width:9px; height:9px; margin:0 4px;}
.main{ width:auto; margin:0;}

.ibox1 ul{ width:auto; margin:0 6px; padding:2% 0;}
.ibox1 ul li{ width:50%; margin:2% 0;}
.ibox1 ul li a.title,
.ibox1 ul li p{ margin:0 8px;}
.ibox1 ul li p{ height:10.5em; font-size:1.35rem; padding:5%;}
.ibox1 ul li p a{ line-height:2em;}
.ibox1 ul li p a:last-child{ transform:translateY(2px);}
.ibox1 ul li p a::before, .ibox1 ul li p a::after{ top:-3px;}

.ibox2{ width:auto; margin:0 14px; padding:3% 0 5%;}
.ibox2 a.pic{ width:100%; float:none; margin:1% 0; overflow:hidden;}
.ibox2 a.pic img{ margin:-4% 0;}
.ibox2 h3{ width:auto; line-height:1.8em; float:none;}
.ibox2 h3 a{ line-height:2.8em;}
.ibox2 .txt{ width:auto; font-size:1.35rem;}

.ibox3{ padding:3% 0 5%;}
.ibox3 p.intro{ width:auto; line-height:1.6em; font-size:1.3rem; padding:0.4em 0; margin:0 10px;}
.ibox3 .list{ width:auto; margin:0 6px;}
.ibox3 .list .bd{ width:auto; margin:0;}
.ibox3 .list .bd ul li{ width:50%;}
.ibox3 .list .bd ul li a{ margin:5% 8px; transition:none;}
.ibox3 .list .bd ul li span{ height:2.8em; line-height:2.8em; padding:2px 0 0; font-size:1.4rem; transition:none;}

.ibox4{ width:auto; margin:0 16px; padding:3% 0 6%;}
.ibox4 .lcon,
.ibox4 form.msg{ width:auto; float:none;}
.ibox4 form.msg{ margin:2% 0 0;}
.ibox4 form.msg .con{ padding:3% 2%;}
.ibox4 form.msg h3 span{ height:2.2em; line-height:2.2em; padding:2px 0 0;}
.ibox4 form.msg p{ width:98%; font-size:1.42rem; padding:6px 0; padding-left:5.8em; margin:0 2% 0 0;}
.ibox4 form.msg p label{ top:6px;}
.ibox4 form.msg p input.text{ font-size:1.42rem; padding:2px 8px 2px;}
.ibox4 form.msg p input.btn{ font-size:1.5rem; margin:4px auto 0;}
.ibox4 ul{ padding:1% 0 2%;}
.ibox4 ul li a{ transition:none; padding:2px 0 0;}
.ibox4 ul li span{ margin-right:1em;}

}

/*手机横屏适配*/
@media only screen and (min-width:480px) and (max-width:767px){

}

/*pad适配*/
@media only screen and (min-width:768px) and (max-width:1024px){
.ibanner,
.ibanner .bd ul li{ height:290px;}
.main{ width:auto; margin:0;}

.ibox1 ul{ width:auto; margin:0 6px; padding:3% 0;}
.ibox1 ul li a.title,
.ibox1 ul li p{ margin:0 8px;}
.ibox1 ul li p{ padding:5%;}

.ibox2{ width:auto; margin:0 14px; padding:2% 0 3%;}
.ibox2 a.pic{ width:100%; float:none; margin:1% 0; overflow:hidden;}
.ibox2 a.pic img{ margin:-10% 0;}
.ibox2 h3{ width:auto; line-height:1.8em; float:none;}
.ibox2 h3 a{ line-height:2.8em;}
.ibox2 .txt{ width:auto; font-size:1.5rem;}

.ibox3 p.intro{ width:auto; margin:0 14px;}
.ibox3 .list{ width:auto; margin:0 14px;}
.ibox3 .list .bd{ width:auto; margin:0;}
.ibox3 .list .bd ul li{ width:33.33%;}
.ibox3 .list .bd ul li a{ margin:25px 14px; transition:none;}
.ibox3 .list .bd ul li a span{ transition:none;}

.ibox4{ width:auto; margin:0 16px; padding:3% 0 4%;}
.ibox4 .lcon,
.ibox4 form.msg{ width:auto; float:none;}
.ibox4 form.msg{ margin:2% 0 0;}
.ibox4 form.msg .con{ padding:2% 2% 1%;}
.ibox4 form.msg h3 span{ height:2.4em; line-height:2.4em; padding:2px 0 0;}
.ibox4 form.msg p input.btn{ font-size:1.8rem;}

}

















/**/