/*banner*/
.banner { width: 100%; height: 568px; position: relative; }
.index_focus { position: absolute; width: 100%; height: 568px;top: 0; z-index: 14;}
.index_focus .bd ul{width: 100% !important;}
.index_focus .bd li {display: none; position: absolute;width: 100% !important; height: 568px; left: 0;top: 0; cursor: pointer;}
.index_focus .bd li img{width: 100%; }
.index_focus_post {z-index: 10;}
.index_focus .pic { height: auto;display: block;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav { position: absolute; left: 50%;bottom:20px; margin-left:-90px; width: 180px;}
.index_focus .slide_nav a {cursor:pointer;float:left;  margin-top: 10px; width: 50px; height: 3px; background-color: #767575; margin-right: 10px;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;background-color: #e60012;}
.index_focus_pre,.index_focus_next {display: block; position: absolute;top: 50%; margin-top: -36px;width: 60px;height: 70px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 10;}
.index_focus_pre {left: 47px; background: url(../images/arrow-left-light.png) no-repeat 0 0;}
.index_focus_next {right:47px;background:url(../images/arrow-right-light.png) no-repeat 0 0;}
.index_focus_info {position: absolute;left: 10%; bottom: 12%; width: 800px;height: 200px; padding-bottom: 10px;color: #fff;text-decoration: none;cursor: pointer; font-family: "\5fae\8f6f\96c5\9ed1";-moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);-webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); background: url("../ban/index_focus_bg.png") no-repeat;_background: none;}
.index_focus_info h3 {font-size: 36px;line-height: 70px;font-family: \5fae\8f6f\96c5\9ed1, \u9ed1\u4f53, "Lucida Grande";display:none;}
.index_focus_info .text { width: 500px;    line-height: 24px;    font-size: 14px;    word-wrap: break-word;overflow: hidden;display:none;}

/*首页公告title*/
.title{ text-align: center; margin-top: 300px;}
.title h4{ font-size: 1.5rem; color: #333333; font-weight: normal;}
.title h5{ font-size: 1.5rem; color: #e60012; font-weight: normal;}
.title span{ display: block; width: 18.75em; height: 1px; background-color: #e6e6e6; margin: 1.25em auto 0; position: relative;}
.title span i{ width: 2em; height: 0.3125em; background-color: #e60012; margin:auto; position: absolute; top: -0.15625em; left: 50%; margin-left: -1em;}
/*section1*/
.section1{ width: 100%;  margin-top:4.6875em;}
.section1-nav{ width: 61.8125em; margin:2em auto 0; overflow: hidden; margin-bottom: 400px;}
.section1-nav li{ border: 1px solid #e6e6e6; width: 9.875em; height: 2.25em; float: left; margin-right: 0.3125em;line-height: 2.25em; }
.section1-nav li:last-child{ margin-right: 0;}
.section1-nav li a{ text-align: center; color: #808080; display: block; font-size: 0.875rem; }
.section1-nav li:hover a{ background: #E60012; color: #fff;}
.section1-nav li.lion{ background: #E60012; color: #fff;}
.section1-nav li.lion a{ color: #fff;}
.section1-con{ margin-top: 5.125em; }
.section1-con ul{ display: none; margin-top: 500px;}
.section1-con ul:first-child{ display: block;}
.section1-con li{width: 17.8125em; height: 16.75em; float: left; margin-right: 1.25em; position:relative; overflow:hidden}
.section1-con .big_img{ display: block; width: 17.8125em;height: 16.75em; float: left;overflow: hidden;}
.section1-con .big_img img{width: 100%; height: 16.75em;transform: scale(1); transition: all 0.5s ease 0s;}
.section1-con .big_img:hover img{transform:scale(1.1); transition: all 0.5s ease 0s;}
.section1-con span a{ width: 11.875em; height: 3em; background: #E60012; display: block; font-size: 0.875rem; color: #fff; line-height: 3em; text-align: center; float: right;}
.section1-con span a:hover{ background: #333;}
.section1-con-arc{  color: #fff;position:absolute; top:16.75em;     background-color: #E60012;
    width: 100%;
    height: 100%;
	transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
	}
.section1-con-arc h5{ font-size: 1rem; line-height: 3.75em;  font-weight: normal; text-align: center; margin-top:30px;}
.section1-con-arc i{ width: 1.875em; height: 1px; background-color: #f599a0; margin: auto;}
.section1-con-arc p{ color: #f599a0; font-size: 0.875rem; line-height: 1.5em; text-align: center; margin-top: 1.25em;

overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;padding: 0 20px;
}
.section1-con-arc span{ display: block; width: 7.375em; height: 1.75em; line-height: 1.75em; margin: 2.25em auto 0; border: 1px solid #fff; border-radius: 0.9375em; text-align: center;}
.section1-con-arc:hover span{ background-color: #fff; color: #E60012;}

.section1.current .title{ margin-top:0px;}
.section1.current .section1-nav{ margin-bottom: 0;}
.section1.current .section1-con ul{ margin-top: 0;}
.section1-con li a:hover .section1-con-arc{top:0}

/*section2*/
.section2{margin-top: 8.125em;}
.section2-top{ width: 100%; height: 16.25em; background-color: #f5f5f5; overflow: hidden;}
.section2-top1{ margin-top: 6.25em;}
.section2-top1-right{ width: 43.75em;}
.section2-top1-right h1{ font-size: 1.125rem; color: #666666; font-weight: normal; float: left; }
.section2-top1-right h1 i{ display: inline-block; font-size: 1.875rem; color: #e60012;margin-right: 0.75em;}
.section2-top1-right p{ width: 85.7%; font-size: 0.875rem; line-height: 1.5em; color: #666;    display: inline-block; margin-top: 1.875em;}
.section2-link{ display: inline-block; float: right; height: 1.75em; width: 1.75em; background: url(../images/sec2-icon.png) 0 -2.375em no-repeat;}
.section2-about{ position: relative; height: 18.75em; /*background-color: #fcfcfc;*/}
.section2-about-left{ width: 24.375em; height: 25.875em; background: url(../images/sec2-left-bg.jpg) no-repeat; margin-right: 6.875em; position: absolute; top: -11.25em;}
.section2-about-left img{ width: 20.375em; height: 4.5em; margin:9.0625em auto 0;  display: block;}
.section2-about-left span{ width: 100%; height: 3.75em;background-color: #333333; display: block;position: absolute; bottom: 0; }
.section2-about-left span i{ display: inline-block;  color: #fff; font-size: 0.875rem; padding-left: 2em; margin-top: 1em;}
.section2-about-left span em{ width: 3.75em; height: 3.75em; background: url(../images/sec2-icon1.png) center no-repeat #E60012; margin: auto; float: right; display: inline-block;}
.section2-about-right{width: 43.75em; margin-top: 3.75em;}
.section2-about-right dd{ width: 5.625em; float: left; margin-right: 6.875em;}
.section2-about-right dd i{ width: 5.625em; height: 5.625em; border-radius: 50%;}
.section2-about-right dd p{ text-align: center; color: #555555; font-size: 1rem; line-height: 3.75em;}
.section2-about-right dd i.section2-about-right1{ background: url(../images/section2-about-right1.png) center no-repeat #d4d4d4; }
.section2-about-right dd i.section2-about-right2{ background: url(../images/section2-about-right2.png) center no-repeat #d4d4d4; }
.section2-about-right dd i.section2-about-right3{ background: url(../images/section2-about-right3.png) center no-repeat #d4d4d4; }
.section2-about-right dd i.section2-about-right4{ background: url(../images/section2-about-right4.png) center no-repeat #d4d4d4; }
.section2-about-right dd:hover p{ color: #E60012;}
.section2-about-right dd:hover i.section2-about-right1{background: url(../images/section2-about-right1.png) center no-repeat #E60012;}
.section2-about-right dd:hover i.section2-about-right2{background: url(../images/section2-about-right2.png) center no-repeat #E60012;}
.section2-about-right dd:hover i.section2-about-right3{background: url(../images/section2-about-right3.png) center no-repeat #E60012;}
.section2-about-right dd:hover i.section2-about-right4{background: url(../images/section2-about-right4.png) center no-repeat #E60012;}
.section2-about-right dd:hover i{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.section2-about-right dd:hover i{
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
}
.section2-project{ margin-top: 6.25em; margin-bottom: 7.5em; overflow: hidden; margin-left: -1000px;}
.section2-project ul{ height: 18.5em; }
.section2-project li{width: 29.6875em; max-height: 18.5em; float: left; margin-right: 0.625em; margin-bottom: 0.625em; position: relative;overflow: hidden;}
.section2-project li img{ width: 100%; height: auto;}
.section2-project .section2-project-li1{ width: 14.375em; height: 18.5em; background-color: #333333; }
.section2-project .section2-project-li1 h1{font-size: 1.5rem; color: #fff; font-weight: normal;  margin-left: 1.67em; margin-top: 4.6875em;}
.section2-project .section2-project-li1 i{ font-size: 1.875rem; color: #fff; }
.section2-project li .opposite{opacity: 0; filter:alpha(opacity=0);}
.section2-project li .opposite{background: url(../images/pix.png) repeat;height: 100%;width:100%; top: 0; left:0;display:block; position: absolute;}
.section2-project li .opposite em{font-size: 1.125em;line-height:1.875em;color: #e60012;display: block;top: 0;left: 0;right: 0; bottom: 0; margin: auto;}
.section2-project li .opposite em,.section2-project li .opposite span{display: block;text-align: center;position: absolute;}
.section2-project li .opposite .f_line{width:1px; background: #fff;height:0px;left: 0;top: 0; right:0; bottom:0; margin: 5.625em auto 0;}
.section2-project li .opposite .sec-more{ bottom: 3.125em; left: 50%; margin-left: -1.28125em; width: 2.5625em;height:  2.5625em; background: url(../images/sec2-more-icon.png) no-repeat; display: block;}
.section2-project li:hover .opposite{display: block;}
.section2-project .project2{ background: #e60012;}
.section2-project .section2-project-li1 p a{ margin: 100px 2.25em; text-align: center; color: #fff; display: block; line-height: 1.875em; font-size: 0.875rem;}
.section2-project-li1 span{display: block;margin-left: 2.5em;  margin-top: 6.25em;}
.section2-project-li1 span a{ display: block; font-size: 1.125rem; color: #fff; }
.section2-project-li1 span i{ width: 41px; height: 41px; background: url(../images/more.png) no-repeat; margin-top: 25px;}
.section2-project-li1 span:hover i{  background: url(../images/more-hover.png) no-repeat;}
.section2-project-li1 span:hover a{ color: #E60012;}



.section2.current .section2-project{margin-left: 0;}

.section2-about-left{ margin-left: -500px;}
.section2.current .section2-about-left{ margin-left: 0;}
.section2-top1-right{ margin-right: -1000px;}
.section2.current .section2-top1-right{ margin-right: 0;}
.section2-about-right{ margin-right: -1000px;}
.section2.current .section2-about-right{ margin-right: 0;}
/*section3*/
.section3{ width: 100%; height: 51.625em; background: url(../images/news-bg.jpg) no-repeat center; overflow: hidden;}
.section3 .title{ margin-top: 15.625em;}
.section3 .title h5{ margin-top: 5px;}
.section3 ul{ margin-top: 24.375em; overflow: hidden; }
.section3 li{ width: 23.75em; float: left; margin-right: 1.875em; }
.section3 li a{ display: block; position: relative;    overflow: hidden;}
.section3-li-border{ position: relative; overflow: hidden; width: 100%; height:230px;margin-top: 2.8125em;}
.service_border{position: absolute;margin: 10px;top:0;left:0; width: 360px; height: 210px;}
.service_border div{background: #e50012;position: absolute;}
.service_border .border_left{left:0;top:0;height: 0;width:1px;}
.service_border .border_right{right:0;bottom:0;height:0;width:1px;}
.service_border .border_top{top:0;right:0;height: 1px;width:0;}
.service_border .border_bot{left:0;width: 0;height:1px;bottom:0;}
.section3 li a:hover .border_left{height: 100%;}
.section3 li a:hover .border_right{height: 100%;}
.section3 li a:hover .border_top{width: 100%;}
.section3 a:hover .border_bot{width: 100%;}    


.service_border div{
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    -moz-transition: all .5s linear;
}
 .toUp {
    -webkit-animation-name: toUp;
    animation-name: toUp;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}   
    
.section3-li h5{ font-size: 1rem; font-weight: normal; color: #555; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.section3-li span{ display: block; font-size: 0.875rem; color: #999; margin-top: 10px;}
.section3-li p{ font-size: 0.875rem; color: #666; line-height: 1.5em; margin-top: 1.5625em;min-height: 3em;}
.section3-li img{ width: 100%; height: 100%;  display: block;}

.section3 li:hover .section3-li h5{ color: #E60012;}
.section3 span a{ width: 11.875em; height: 3em; background: #E60012; display: block; font-size: 0.875rem; color: #fff; line-height: 3em; text-align: center; float: right;}
.section3 span a:hover{ background: #333;}

.section3.current ul{ margin-top: 4.375em;}
.section3.current .title{ margin-top: 5.625em;}


.mobile-ban{ display: none;width:100%; max-height: 360px;}
.slideBoxindex{ position:relative; width:100%; overflow:hidden; margin:0 auto;}
.slideBoxindex .bd{ position:relative; z-index:0; width:100%;}
.slideBoxindex .bd li{ position:relative;}
.slideBoxindex .bd li a.pic{display: block;text-align: center;width:100%;}
.slideBoxindex .bd li a img{width:100%; height: auto;}
.slideBoxindex .hd{ position:absolute; height:23px; line-height:23px; bottom:10px; left: 50%; margin-left: -30px; text-align:center;z-index:1; }
.slideBoxindex .hd a{ display:inline-block; width:8px; height:8px; border-radius: 50%;  background:#fff; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBoxindex .hd a.on{ background:#E60012;opacity:1; }
.slideBoxindex .prev{position:absolute;width:30px;height:30px;left:10px;top:50%;margin-top:-15px;}
.slideBoxindex .prev i,.slideBoxindex .next i{font-size:26px;color:#fff;}
.slideBoxindex .next{position:absolute;width:30px;height:30px;right:10px;top:50%;margin-top:-15px;}
.slideBoxindex .bd-con{width: 100%;}
.slideBoxindex .bd-con h5{font-size:0.9rem; margin-top: 0;}
.slideBoxindex .bd-con h3{font-size: 1rem;}



@media only screen and (min-width: 240px) and (max-width: 1200px) {
	.section1-con-arc p {color: #f599a0;font-size: 0.875rem;line-height: 1.5em;text-align: center;margin-top: 1.25em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
	.banner{ display: none;}
	.mobile-ban{ display: block; margin-top: 60px;}
	.main{ overflow: hidden; background: #fff;}
	.section1{ margin-top: 20px;}
	.section1-nav{ width: 100%; margin: 20px auto 0}
	.section1-nav li{ width: 48%; margin-right: 2%; margin-bottom: 10px;}
	.section1-nav li:nth-child(2n){ margin-right: 0;}
	.section1-con{ margin-top: 10px;}
	.section1-con li{ width: 49%; height: 181.5px; margin-right: 2%; background: none; overflow: hidden; margin-bottom: 10px;}
	.section1-con li:nth-child(2n){margin-right:0;}
	.section1-con li .section1-con-arc{ background: #E60012;}
	.section1-con-arc h5{ line-height: inherit; margin: 20px 0;}
	.section1-con-arc{ margin: 0 0;  margin-top: 0;padding-bottom: 20px;overflow: hidden;}
	.section1-con-arc span{ margin-top: 10px;}
	.section1-con .big_img{ width: 100%; height: 100%;}
	.section1-con .big_img img{ width: 100%; height: 100%;}
	.section1-con span a{ margin-top: -10px;}
	.section2{ margin-top: 20px;}
	.section2-top1{ margin-top: 20px;}
	.section2-top1-right{ width: 100%; float: inherit !important;}
	.section2-top1-right h1{ font-size: 1rem;}
	.section2-top1-right h1 i{ margin-right: 10px;}
	.section2-link{ display: none;}
	.section2-top{ height: auto; overflow: hidden; padding-bottom: 20px;}
	.section2-about{ height: auto;}
	.section2-about-left{ display: none;}
	.section2-about-right{ width: 100%; margin-top: 20px;}
	.section2-about-right dd{ width: 50%; margin-right: 0;}
	.section2-about-right dd i{ margin: auto;}
	.section2-project{ margin-top: 20px;}
	.section2-project .section2-project-li1{ width: 100%; height: auto;margin-right: 0;}
	.section2-project .section2-project-li1 h1{    margin-left: 20px; padding: 10px 0;   margin-top: 0; font-size: 18px; }
	.section2-project .section2-project-li1 i{ font-size: 16px;}
	.section2-project .container{ padding: 0 0!important;}
	.section2-project-li1 span{ margin-left:0;  margin-top: 0;  line-height: 46px; text-align: center; }
	.section2-project .section2-project-li1 i{ display: none;}
	.section3{ height: auto; background: #f5f5f5; margin-top: -100px; padding-bottom: 20px; margin-bottom: 20px;}
	.section3 .title{ margin-top: 20px;}
	.section3 ul{ margin-top: 20px;}
	.section3 li{ width: 100%; margin-right: 0; margin-bottom: 10px;}
	.section3 li:nth-child(3n){ margin-bottom: 0;}
	.section2-project li { width: 100%; max-height: 18.5em; float: left; margin-right: 0.625em;margin-bottom: 0.625em; position: relative; overflow: hidden;}
.section3-li p{min-height: initial;}
.section1 .title{ margin-top: 0;}
.section1-con span a { width: 49%;}
.section2-project-li1 span a {font-size: 1rem;}
.section3.current .title { margin-top: 2em;}
.title h5 { font-size: 1.125rem;}
.section3.current ul {margin-top: 1em;}
.section3-li p {margin-top: 0.8em;}
.section3-li-border {height: auto; margin-top: 1em;}















}