.nav_list li a.cur1{background:url(../images/nav_hover_bc.jpg) center repeat-x;color: #fff;}



#full-screen-slider{width:100%; height:600px; position:relative; z-index:0; overflow:hidden; margin-top:80px;}
#slides{display:block; width:100%; height:100%; list-style:none; padding:0; position:relative}
#slides li{display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; left:0px; background-repeat:no-repeat; background-position: center; background-size:100%;}
#slides li a{display:block; width:100%; height:100%; text-indent:-9999px}
#pagination{display:block; list-style:none; position:absolute; left:50%; bottom:30px; height:10px; z-index:999; padding:5px 15px 5px 0; margin:0}
#pagination li{display:block; list-style:none; width:16px; height:16px; float:left; margin-left:15px; background:url(../images/hd_off.png) no-repeat;background-size:100%;}
#pagination li a{display:block; width:100%; height:16px; padding:0; margin:0; text-indent:-999em; cursor:pointer;}
#pagination li.current{background:url(../images/hd_on.png) no-repeat;background-size:100%;}
.animate{-webkit-transition-duration:1.6s; -ms-transition-duration:1.6s; -o-transition-duration:1.6s; -moz-transition-duration:1.6s; transition-duration:1.6s;}




.con_tit{padding-top: 40px; padding-bottom:20px;text-align: center;}
.con_tit h5{margin-bottom: 20px;}
.con_tit h5 a{color: #005bac;font-size: 24px;border-bottom: 4px solid #005bac;padding-bottom: 5px;}
.con_tit i{display: block;width: 100%;height: 1px;background: #d9d9d9;margin-top: 8px;}
.con_tit p{font-size: 18px;color: #666;line-height: 24px;}
/*******about**********/
.index-about { float:left; width:100%; padding: 54px 0 80px 0;background: #f2f2f2;}
.index-about .content {float:left; width:100%;
  margin-top: 20px; background:#fff;
}
.about_top{ float:left; width:100%;}
.about_bottpm{float:left; width:100%;}
.index-about .content .index-about_img1{ float:left; width:50%; overflow:hidden;}
.index-about .content .index-about_img1 img{ width:100%;}
.index-about .content .text1 {width:50%;}
.index-about .content .text1 .tit {
  text-align: center;
  line-height: 1;
  padding-top: 36px;
  font-size: 26px;
}
.index-about .content .text1 .tit b{color: #eb7f2d;}
.index-about .content .text1 .desc { text-indent:2em;
  margin:20px auto 0 auto;
  width: 90%;
  font-size: 15px;
  line-height: 30px;
  color: #6c6c6c;
}
.index-about .content .text1 .desc a {
  color: #ccc;margin-top:5px;
}
.index-about .content .text2 {width:50%;}
.index-about .content .text2 ul {
  padding-top: 78px;
}
.index-about .content .text2 ul li {
  width: 33%;
  float: left;
  overflow: hidden;
  line-height: 1;
  text-align: center;
}
.index-about .content .text2 ul li span {
  display: block;
  font-size: 14px;
  color: #5a5a5a;
}
.index-about .content .text2 ul li span b {
  font-size: 52px;
  color: #eb7f2d;
}
.index-about .content .text2 ul li small {
  display: block;
  font-size: 15px;
  color: #5a5a5a;
  margin-top: 16px; font-weight:bold;
}
.index-about .content a.ds-b{ float:left; width:25%;position: relative; overflow:hidden;}
.index-about .content a.ds-b img{ width:100%;}
.index-about .content a b {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  font-size: 20px;
  position: absolute;
  left: 0;
  bottom: 0px;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.index-about .content a:hover b {
  height: 60px;
}


    .wel-case .flex-control-nav {
        bottom: 20px
    }

   .wel-case .flex-control-nav li {
        margin: 0 2px
    }

    .wel-case .flex-control-nav li a {
        width: 12px;
        height: 12px;
        background: url(../images/btn01.png) no-repeat center;
        background-size: 100% 100%;
        transition: background .3s;
        box-shadow: none
    }


    .wel-case .flex-control-nav li a:hover,
    .wel-case .flex-control-nav li a.flex-active {
        background: url(../images/btn01_h.png) no-repeat center;
        background-size: 100% 100%;
        box-shadow: none
    }

    .wel-case {
        padding: 42px 0 0 0;
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .ser-contact-list li a {
        display: block;
        width: 100%
    }

    .wel-case-title {
        font-size: 24px;
        color: #24272b;
        font-weight: bold;
        line-height: 42px;
        margin-bottom: 22px
    }

    .wel-case-list {
        padding-bottom: 86px
    }

    .wel-case .flex-viewport {
        overflow: visible !important
    }

    .wel-case .slides li {
        overflow: hidden;
        position: relative;
        float: left;
        width: 440px;
        margin-right: 5px
    }

    .wel-case .slides .con {
        position: absolute;
        bottom: -62%;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        display: block;
        padding: 5% 40px 0;
        transition: bottom .3s;
		
    }

    .wel-case .slides .bg {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: #fff;
        z-index: 1;
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .wel-case .slides .font-bg {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: #000;
        z-index: 1;
        opacity: 0;
        filter: alpha(opacity=0);
        transition-property: opacity;
        transition-duration: .3s;
        transition-delay: .2s
    }

    .wel-case .slides .tit {
        font-size: 24px; letter-spacing:2px;
        color: #fff;
        line-height: 50px;
        color: #fff;
        font-weight: bold
    }

    .wel-case .slides .en {
        font-size: 16px;
        color: #fff;
        opacity: .6;
        filter: alpha(opacity=60);
        line-height: 24px;
        min-height: 24px
    }

    .wel-case .slides .font {
        font-size: 18px;
        color: #fff;
        line-height: 34px;
        margin-top: 70px;
    }

    .wel-case .slides .more {
        margin-top: 40px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, .3);
        background: url(../images/wel02.png) no-repeat center
    }

    .wel-case-list .flex-direction-nav a {
        opacity: 1;
        filter: alpha(opacity=100);
        width: 66px;
        height: 77px;
        text-shadow: none;
        background-size: 100% !important;
        transition: background .3s;
        z-index: 1
    }

    .wel-case-list .flex-direction-nav a:before {
        font-size: 0
    }

    .wel-case .flex-viewport {
        overflow: visible !important
    }

    .wel-case-list .flex-direction-nav .flex-prev {
        background: url(../images/a32.png) no-repeat center;
        left: -121px
    }

    .wel-case-list .flex-direction-nav .flex-next {
        background: url(../images/a33.png) no-repeat center;
        right: -121px
    }

    .wel-case-list .flex-direction-nav .flex-prev:hover {
        background: url(../images/a32_h.png) no-repeat center
    }

    .wel-case-list .flex-direction-nav .flex-next:hover {
        background: url(../images/a33_h.png) no-repeat center
    }

    .wel-case .slides li:hover .con {
		bottom: 0;padding: 5% 10% 0;
    }
	.wel-case .slides li:hover .con .font {margin-top: 18px;}

    .wel-case .slides li:hover .font-bg {
        opacity: .3;
        filter: alpha(opacity=30)
    }



.index_news{
	float:left;
	width: 100%; padding:50px 0 80px 0;
}
.index_news ul{
	width: 100%;
	float: left;
}
.index_news ul li{float: left;width:-webkit-calc(25% - 1px); 
    width:-moz-calc(25% - 1px); 
    width:calc(25% - 1px);
	border-left: 1px solid #eaeaea;
}
.index_news ul li:nth-child(1){border-left: 1px solid #fff;}
.index_news ul li a{
	display: block;
	width: 100%;
	padding: 25px 4% 20px;
}
.index_news ul li img{
	width: 100%;
}
.index_news ul li .day{ font-family:impact;
	font-size: 60px;
	color: #666;
	line-height: 60px;
	opacity: 0.2;
}
.index_news ul li .data{
	font-size: 14px;
	color: #333333;
	line-height: 33px;
	margin-bottom: 7px;
}
.index_news ul li h2{
	font-size: 16px;
	color: #333;
	line-height: 25px;
	height:25px;
	overflow: hidden;
	margin-bottom: 6%;
	transition:color 0.3s;
}

.index_news ul li .pic{
	margin-bottom: 7%;
}
.index_news ul li img{
	transition:all 0.3s;
}
.index_news ul li .font{
	font-size: 13px;
	color: #888888;
	line-height: 20px;
}
.index_news ul li .more{
	width: 52px;
	height: 11px;
	background: url(../images/wel10.png) no-repeat center;
	margin-top: 20px;
	position: relative;
	left: 0;
	transition:left 0.3s;
}
.index_news ul li .pic{
	overflow: hidden;
}


@media only screen and (max-width:1600px) {
	#slides li{background-size:120%;}
}

@media(max-width:1440px) {
	#full-screen-slider {height: 520px;}
	
    .case-list li {
        width: 31.7%;
        margin-right: 2.3%
    }
    .case-list li.li4 {
        margin-right: 2.3%
    }
    .case-list li.li3 {
        margin-right: 0
    }
    .wel-case-list .flex-direction-nav a {
        width: 44px;
        height: 51px;
        margin: 20px 0 0
    }
    .wel-case-list .flex-direction-nav .flex-prev {
        left: 50px
    }
    .wel-case-list .flex-direction-nav .flex-next {
        right: 50px
    }
	
	
	.index-about .content .text1 .desc { margin: 10px auto 0 auto;
    font-size: 15px;
    line-height: 28px;
}
.index-about .content .text2 ul {  padding-top: 65px;}
	
	
}



@media only screen and (max-width:1280px) {
	#full-screen-slider {height: 480px;}
	.con_tit p{font-size: 16px;}
	.index-about .content .text2 ul { padding-top: 50px;}
	.index-about .content .text2 ul li span b {font-size: 40px;}
	.index-about .content .text1 .desc { font-size: 14px; line-height: 26px;}
	
}
@media only screen and (max-width:1199px) {
	#full-screen-slider {height: 420px;}
	#slides li{background-size:130%;}
	
}


@media(max-width:1024px) {
	
	
    .wel-case .slides .con {
        bottom: 0;
        padding: 9% 10% 0
    }

    .wel-case {
        padding: 22px 0 0 0
    }
    .wel-case-list {
        padding-bottom: 50px
    }
    .wel-case .flex-control-nav {
        bottom: 5px
    }
    .case-list .case-listp {
        display: none
    }
    .case-list .case-listp li {
        font-size: 14px;
        background-size: 20px!important
    }
    .case-list .case-listm {
        height: auto;
        width: 80%;
        overflow: visible;
        margin: 0 auto
    }
    .case-list .case-listm .slides li {
        width: 25%;
        float: left;
        cursor: pointer;
        text-align: center
    }
	.wel-case .slides .font { font-size: 16px; margin-top: 20px;}
    .case-list .case-listm .slides a {
        background: 0;
        font-size: 14px;
        color: #666;
        line-height: 29px;
        padding: 4px 0 4px 0
    }
    .case-list .case-listm .slides li.on a {
        color: #d9271b;
        background: 0;
        background-size: 23px
    }
    .case-list .flex-control-nav {
        display: none
    }
    .case-list .flex-direction-nav a {
        opacity: 1;
        filter: alpha(opacity=100);
        width: 30px;
        height: 30px;
        margin-top: -15px;
        z-index: 5
    }
    .case-list .flex-direction-nav .flex-prev {
        left: -10%;
        background: url(../img/pro32.png) no-repeat center
    }
    .case-list .flex-direction-nav .flex-next {
        right: -10%;
        background: url(../img/pro31.png) no-repeat center
    }

    .case-list li {
        width: 48.7%;
        margin-right: 2.3%
    }
    .case-list li.li4 {
        margin-right: 2.3%
    }
    .case-list li.li3 {
        margin-right: 2.3%
    }
    .case-list li.li2 {
        margin-right: 0
    }
    .wel-case-list .flex-direction-nav .flex-prev {
        left: 0
    }
    .wel-case-list .flex-direction-nav .flex-next {
        right: 0
    }
	
	
	.index-about .content .index-about_img1 img {width: 120%;}
	.index-about .content .text1{ padding-bottom:0;}
	.index-about .content .text1 .tit { padding-top: 25px;}
	.index-about .content .text1 .desc { width: 94%;font-size: 14px; line-height: 22px;}
	
	.index-about .content .text2 ul { padding-top: 48px;}
	.index-about .content .text2 ul li span b { font-size: 34px;}
	.index-about .content a b { height: 36px;line-height: 36px; font-size:16px;}
	
	.index_news ul li {width: -webkit-calc(50% - 1px);width: -moz-calc(50% - 1px);width: calc(50% - 1px); margin-bottom:20px;}
	.index_news ul li:nth-child(3) { border-left: 1px solid #fff;}
}


@media only screen and (max-width:991px){
	#full-screen-slider {margin-top: 50px;height: 400px;}
	
	
	.index-about .content .text1 { padding-bottom: 12px;}
	.index-about .content .text1 .tit {padding-top: 20px;}
	.index-about .content .text1 .desc { font-size: 13px;line-height: 22px;}
	
	.index-about .content .text2 ul {padding-top: 38px;}
	
	
	
}


@media only screen and (max-width:768px){
	#full-screen-slider {height: 320px;}
	
	.con_tit p{font-size: 14px;}
	
	.index-about .content .index-about_img1 { width: 100%;}
	.index-about .content .text1 {
    width:100%;
    border-top: none;
    border-right:none;
    padding-bottom: 22px;}
	
	.index-about .content .text2 { width:100%;
    border-left:none;
    border-bottom:none;
    padding-bottom: 79px;}
	.index-about .content .text2 ul { padding-top: 28px;}
	.index-about .content a.ds-b { width: 50%;}
	
    .wel-case-title {
        font-size: 16px;
        line-height: 36px;
        margin-bottom: 12px
    }

}

@media(max-width:700px) {
  #full-screen-slider {height: 250px;}
}

@media(max-width:600px) {
	.wel-case .slides .tit { line-height: 40px;}
   .wel-case .slides .font { line-height: 26px;}
   .index-about {padding: 20px 0 80px 0;}
   .index-about .content .text2 ul {padding-top: 50px;}
   .index-about .content .text2 { padding-bottom: 50px;}
}


@media only screen and (max-width:500px) {
	#full-screen-slider {height: 210px;}
	}


@media(max-width:480px) {
	#full-screen-slider { height: 150px;}
	
	
	#pagination li{ margin-left:10px;background-size:80%;}
	#pagination li.current{background-size:80%;}
	
	
	.index-about {padding: 0px 0 40px 0;}
	.index-about .content .text2 ul li span b {font-size: 40px;}
	.index-about .content .text1 {padding-bottom: 0px;}
	.index-about .content .text2 { padding-bottom: 20px;}
	.index-about .content .text1 .desc {margin: 10px auto;}
	
	
   .case-list li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }
   .case-list li.li4 {
        margin-right: 0
    }
    .case-list li.li3 {
        margin-right: 0
    }
    .case-list li.li2 {
        margin-right: 0
    }
    .wel-case-list .flex-direction-nav a {
        width: 25px;
        height: 29px;
        margin: 10% 0 0
    }
	.wel-case .slides .tit {font-size: 20px;line-height: 36px;}
	.wel-case .slides .en{}
    .wel-case .slides .font {
        font-size: 14px;
        line-height: 26px;
        margin-top: 25px
    }
    .wel-case .slides .con {
        padding: 9% 5% 0
    }
	
	
	.index_news {padding: 0px 0 30px 0;}
	.index_news ul li a { padding: 0px 4% 20px;}
	.index_news ul li .day {font-size: 50px;}
	
}


@media only screen and (max-width:414px) {
	#full-screen-slider {}
	.index-about .content .text2 ul li span b {font-size: 34px;}
	.wel-case .slides .con { padding: 9% 10% 0;}
	.wel-case .slides .tit { font-size: 24px;}
	.wel-case .slides .font {font-size: 16px;line-height: 30px;}

}
@media only screen and (max-width:384px) {
	#full-screen-slider {}
	.wel-case { padding: 0;}
	

}

@media only screen and (max-width:320px) {
	#full-screen-slider {height: 140px;}
	.index-about .content .text2 ul li span b {font-size: 26px;}
	.index-about .content a.ds-b {width: 100%;}
	.index_news ul li { width:100%; border-left:none; margin-bottom:0px;}
	
	
}

@media(min-width:1025px) {
    .wel-case .slides li:hover .con {
        bottom: 0
    }
    .wel-case .slides li:hover .font-bg {
        opacity: .3;
        filter: alpha(opacity=30)
    }
    .case-list .case-listp li:hover {
        background: url(../img/case15_h.png) no-repeat 1% center
    }
    .case-list .case-listp li:hover a {
        color: #d9271b
    }
}