/*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{ width: 100%; position: relative;}

.title:before{ content: ""; position: absolute; width: 100%; height: 1px; background: #e6e6e6; top: 18px;}
.title h1{width: 420px; font-size: 42px; height: 40px; background: #fff; font-family: arial; font-weight: normal; color: #333; line-height:40px; float: left; position: relative;}
.title span{ display: block; float: right; width: 80px; height: 18px; background: #fff; position: relative; margin-top: 5px;}
.title span a{ color: #e0081a; font-size: 18px; text-align: right;display: block;}
.footer-code-con p{color:#b9b9b9;display:block;}
/*section1*/
.section1{ width: 100%;  margin-top:4.6875em;overflow: hidden; position: relative; z-index: 2;}
.section1-nav{ width: auto; margin-top:2em; overflow: hidden;}
.section1-nav li{   height: 2.25em; float: left; margin-right: 38px;line-height: 2.25em;  padding-bottom: 1em; }
.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{ color: #df0719; border-bottom: 2px solid #df0719;}
.section1-nav li.lion{ color: #df0719; border-bottom: 2px solid #df0719;}
.section1-nav li.lion a{ color: #df0719;}
.section1-con{ margin-top: 3em; }
.section1-con ul{ display: none; }
.section1-con ul:first-child{ display: block;}
.section1-con li{width: 23.75em; height: 23.75em; float: left; margin-right: 1.875em; position:relative; overflow:hidden}
.section1-con ul i{ display: block; width: 190px; height: 45px; line-height: 45px; background: #e60012;    text-align: center; float: right;}
.section1-con ul i a{color: #fff;}
.section1-con ul i:hover{ background: #1a1a1a;}


.section1-con .big_img{ display: block; width: 23.75em;height: 23.75em; float: left;overflow: hidden;}
.section1-con .big_img img{width: 100%; height: 23.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-arc{  color: #fff;position:absolute; top:23.75em; font-family: arial;    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: 1.5rem; line-height: 3.75em;  font-weight: normal; text-align: left; margin-top:30px; padding: 0 40px;}
.section1-con-arc p{ color: #fff; font-size: 0.875rem; line-height: 1.5em; margin-top: 1.5625em;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;padding: 0 40px;}
.section1-con-arc span{ display: block;  font-size: 16px; font-family: arial; padding: 0 40px; margin-top: 1.875em;}
.section1-con-arc:hover span{ color: #fff;}
.section1-con li:hover .section1-con-arc{ top: 0;}
.service_border{margin: 0.625em;width: 22.5em; height: 22.5em !important; position: absolute;}
.service_border div{background: #fff !important;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;}
.section1-con li a:hover .border_left{height: 100%;}
.section1-con li a:hover .border_right{height: 100%;}
.section1-con li a:hover .border_top{width: 100%;}
.section1-con 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;
}


/*section2*/
.section2{ width: 100%; height: 38.6875em; background: url(../images/en-about-bg.jpg) center no-repeat; position: relative; z-index: 1; overflow: hidden; margin-top: 6.25em;}
.section2 .container{ position: relative; z-index: 2;}
.section2-left{ width: 34.625em; color: #fff; margin-top:9.6875em;}
.section2-left h2{ font-size: 2.625rem; font-weight: normal;}
.section2-left p{ font-size:1.125rem ; color: #cccccc; line-height: 2.25em; margin-top: 2.25em;}
.section2-left span a{ display: block; color: #e60012; font-size: 1.125em; margin-top: 2.25em;}
.section2-left span a:hover{ text-decoration: underline !important;}
.section2-right{ width: 36.8125em; height: 25em; background: url(../images/about-right-bg.png) no-repeat; position: relative; margin-top: 7.5em;}
.section2-right .big_img{width: 530px; height: 21.25em; position: absolute; top: 30px; left: 30px; display: block; overflow: hidden;}
.section2-right .big_img img{width: 100%; height: 21.1875em;transform: scale(1); transition: all 0.5s ease 0s;}
.section2-right .big_img:hover img{transform:scale(1.1); transition: all 0.5s ease 0s;}
.section2-right-logo{ /* width: 16.9375em;  */height: 3.6875em;width: 13.5em; position: absolute; bottom: 0; right: 0;}


/*section3*/
.section3{margin-top: 6.25em;}
.section3 .title h1{ width: 438px !important;}
.section3-con{ margin-top: 60px;}
.section3-con li{ width: 380px; height: 236px; margin-right: 30px; margin-bottom: 30px; float: left; overflow: hidden; position: relative;}
.section3-con li span{ display: block; width: 340px; height: 60px; color: #fff; font-size: 24px; line-height: 60px; padding-left: 20px; background: url(../images/en-section3-li-bg.png) no-repeat; position: absolute; left: 0; top: 236px;transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;}
.section3-con li:hover span{ top: 176px;}
.section3-con li.section3-con-li2{ margin-top: 30px;}
.section3-con li.section3-con-li4{ margin-top: -30px;}
.section3-con li.section3-con-li6{ margin-top: -30px;}
.section3-con li i{ width: 5px; height: 60px; background: #e60012; position: absolute; bottom: 0; left: 0;}
.section3-con li:hover i{ display: none;}
.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;
}   
    
/*footer*/
footer{ width: 100%; height: auto; background-color: #1a1a1a; overflow: hidden;}
.footer-one{ padding: 70px 0;    overflow: hidden;}
.footer-logo{ float: left; display: block; margin-right: 75px;margin-top: 50px; }
.footer-logo img{ /* width: 234px; */ height: 53px; display: block;width: 187px; }

.footer-border-right{ width: 1px; height: 100px; background: #313131;margin-top: 20px;margin-right: 80px; display: inline-block; float: left;}
.footer-contact{ width: 468px; float: left; padding-right: 50px; }
.footer-contact h1{ font-size: 24px; color: #fff; font-weight: normal; }
.footer-contact p{ font-size: 16px; line-height: 1.375em; color: #9a9a9a;margin-bottom: 1.25em;}
.footer-xian{ width: 50px; height: 1px; background: #e60012; margin-top: 5px; margin-bottom: 1.5625em;}
.footer-code{ width: 200px; float: RIGHT;}
.footer-code h1{ font-size: 24px; color: #fff; font-weight: normal;}
.footer-code-con span{ display: block; float: left; width: 40%; margin-right: 20%; text-align: center; color: #9a9a9a; font-size: 0.875rem;}
.footer-code-con span img{ width: 100%; height:100%}
.footer-code-con span:last-child{ margin-right: 0;}
.footer-chat{ float: right;}
.footer-chat h5{ text-align: right; color: #9a9a9a; font-size: 0.875rem; font-weight: normal; margin-top: 15px;}
.footer-chat h5 i{ font-size: 1.5rem;}
.footer-chat span{ display: block; height: 40px; width: 130px; background: #e60012;text-align: center; float: right; margin-top: 30px;}
.footer-chat span a{ display:block ; color: #fff; font-size: 0.875rem; background: url(../images/chat-line.png) 25px 14px no-repeat; padding-left: 22px; line-height: 40px;}
.footer-two{ height: 3em; line-height: 3em; color: #9a9a9a;font-size: 0.875rem; border-top: solid 1px #313131;}
.footer-two p{ float: left;}
.footer-two span{ float: right; display: block;}


/*右侧导航*/
.r_nav{position:fixed;z-index:1000;right:0;bottom:12%; width: 60px; height: auto; background: #b9b9b9;}
.r_nav ul{padding: 0 0;}
.r_nav li{width:60px;height:60px; border-bottom: 1px solid #fff; padding:18px 18px;-webkit-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;cursor:pointer;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.r_nav li i{display:block;width:25px;height:25px;margin:0 auto;overflow:hidden}
.r_nav li i img{vertical-align:top;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.r_nav li p{font-size:14px;color:#333;line-height:22px;text-align:center}
.r_nav li:last-child{ border-bottom: 0;}
.r_rt{display:none;position:absolute;left:auto;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.r_rt1{left:-282px}
.r_rt2{width:250px;left:-251px;background:#e01020;padding:10px;top:auto;bottom:0}
.r_rt a{float:left;display:block;width:60px;height:50px;background:#0A509F;-webkit-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;cursor:pointer;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.r_rt p{font-size:14px;color:#fff}
.r_rt h4{width:282px;height:60px;font-size:26px;color:#fff;font-weight:700;text-align:center;line-height:60px;padding:0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#b9b9b9}
.r_nav li:hover p{color: #fff}
.r_nav li:hover .r_rt1{ display: block;}
.r_nav li span{width: 103px; height: 102px; position: absolute; left: -103px; top: 0; display: none;}
.r_nav li span img{width: 103px; height: 102px;}
.r_nav li:hover span{display: block;}


.title{ margin-top: 500px;}
.section1-nav{ margin-bottom: 400px;}
.section1-con ul{ margin-top: 500px;}
.section1.current .title{ margin-top:0px;}
.section1.current .section1-nav{ margin-bottom: 0;}
.section1.current .section1-con ul{ margin-top: 0;}

.section2-left{ margin-left: -1000px;}
.section2-right{ margin-right: -1000px;}
.section2.current .section2-left{ margin-left:0px;}
.section2.current .section2-right{ margin-right: 0;}


.section3-con{ margin-top: 500px;}
.section3.current .title{ margin-top:0px;}
.section3.current .section3-con{ margin-top:60px;}



.mobile-ban{ display: none;width:100%; max-height: 360px; margin-top: 60px;}
.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) {
	.banner{ display: none;}
	.mobile-ban{ display: block;}
	.main{ overflow: hidden; background: #fff;}
	.title{ border-bottom: 1px solid #df0719;    overflow: hidden;}
	.title:before{ display: none;}
	.title h1{ width: auto; font-size: 16px; }
	.title span{ margin-top: 10px; width: auto; height: auto; background: inherit;}
	.title span a{ color: #e0081a; font-size: 15px; text-align: right;display: block;}
	.section1-nav li a{ text-align: center; color: #808080; display: block; font-size: 14px; }

	
	
	.section1{ margin-top: 20px;}
	.section1-nav{ width: 100%; margin: 20px auto 0}
	.section1-con ul{ position: relative; overflow: hidden;}
	.section1-nav li{ width: auto; float: inherit; margin-right: 0; margin-bottom: 10px; border: 1px solid #333; border-radius: 5px; padding-bottom: 0; height: 45px; line-height: 45px;}
	.section1-nav li.lion{ border-color: #df0719;    border-bottom: 1px solid #df0719;}
	.section1-nav li:nth-child(2n){ margin-right: 0;}
	.section1-con{ margin-top: 10px;}
	.section1-con li{ width: 100%; height: 200px; margin-right: 0; background: none; overflow: hidden; margin-bottom: 10px;}
	.section1-con li .section1-con-arc{ background: #E60012; display: none;}
	.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 ul i{ width: 40%; float: left; margin-top: 0; font-size:14px;}
	.section2{     margin-top: 20px;
		background: #333;
		padding-bottom: 43px;
		overflow: hidden;
		height: auto;}
	.section2-left{ width: auto; margin: 20px 0.7em; height: auto;}
	.section2-left p{ margin-top: 5px; line-height: 30px;}
	.section2-left span a{ margin-top: 10px;}
	.section2-right{ margin-top: 0; width: 100%; height: auto; background: none; }
	.section2-right .big_img{width: 100%; height: auto; position: inherit; top: inherit; left: inherit;}
	.section2-right .big_img img{ width: 100%; height: auto;}
	.section2-right-logo{    bottom: -20px;}
	
	.section3{ height: auto; margin-top: 20px; padding-bottom: 20px; margin-bottom: 20px;}
	.section3 .title{ margin-top: 20px;}
	.section3 .title h1{ width: auto !important;}
	.section3-con{ margin-top: 20px;}
	.section3-con li.section3-con-li2{ margin-top: 0;}
	.section3 ul{ margin-top: 20px;}
	.section3 li{ width: 100%; margin-right: 0; margin-bottom: 10px;}
	.section3 li:nth-child(3n){ margin-bottom: 10px;}
	.section3-con li.section3-con-li4{ margin-top: 0;}
	.section3-con li.section3-con-li6{ margin-top: 0;}
	.section3.current .section3-con{ margin-top: 20px;}
	.section2-left h2 {
		font-size: 16px;
		text-align: center;
		font-weight: normal;
	}
	.section2-left p {
		font-size: 14px;
	}
	.section2-left span a {
		font-size: 14px;
	}
	.section3-con li span {
		display: block;
		width: 91%;
		height: 50px;
		color: #fff;
		font-size: 15px;
		line-height: 50px;
		top: 186px;
	}
	.section3-con li i {
		width: 5px;
		height: 50px;
		background: #e60012;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	
}