body{
    overflow: visible!important;margin:0 auto;background:transparent;font-size:14px; 
    font-family:Tahoma,Arial,Helvetica, sans-serif,"微软雅黑"; color:#3D3D3D;position:relative;
}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ font-size:14px;font-weight:300;}
.clear{ clear:both;}
a{ color:#3D3D3D; text-decoration:none;}
a:hover{color:#3D3D3D;}
ul li{list-style:none;}


.container{width:100%;max-width:1200px;position:relative;margin:0 auto;}
.pagelist{height:40px; text-align:center; padding-top:20px;line-height:30px; }
.pagelist a{
	border:#ccc 1px solid; padding:2px 5px; margin-right: 5px;min-width:28px;display:inline-block;
	text-decoration: none; background:#fff;color:#ccc;
}
.pagelist a:hover{border:1px solid #ccc; text-decoration:none; background-color:#f0f0f0; color:#ccc;}
.pagelist a:active{border:1px solid #ccc; text-decoration:none; background-color:#f0f0f0;}
.pagelist span.current{
	border: #ccc 1px solid; padding:2px 5px;  font-weight: bold;  color: #ccc; display:inline-block;
	margin-right: 2px;min-width:28px; background-color: #f0f0f0;margin-right: 5px;
}
.pagelist span.disabled{border:#d9ab77 1px solid; padding:2px 5px; color:#d9ab77; margin-right: 5px; background:#d9ab77;}
.fenye{margin:30px 0;}
.fenye>div{width:50%;float:left;font-size:16px;}
.fenye>div a{font-size:16px;}
.fenye_left{text-align:left;}
.fenye_right{text-align:right;}
.textcenter{text-align:center;}
.mask{background: #000;opacity: 0.5;filter: alpha(opacity=50);position: absolute;height: 100%;width: 100%;}


@keyframes updown{
	0% {
	    transform: translate(0px, 0px);
	    -ms-transform:translate(0px, 0px);
	    -webkit-transform:translate(0px, 0px);
	}
	50% {
	    transform: translate(0px, -20px);
	    -ms-transform:translate(0px, -20px);
	    -webkit-transform:translate(0px, -20px);
	}
	100% {
	    transform: translate(0px, 0px);
	    -ms-transform:translate(0px, 0px);
	    -webkit-transform:translate(0px, 0px);
	}
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX{animation:flipInX 2s;-webkit-animation:flipInX 2s;}
.upshow{opacity:0;filter:alpha(opacity=0);margin-bottom:-60px;transition: all 800ms ease;-webkit-transition: all 800ms ease;}
.act .upshow{opacity:1;filter:alpha(opacity=100);margin-bottom:0;}
.downshow{opacity:0;filter:alpha(opacity=0);margin-top:-60px;transition: all 800ms ease;-webkit-transition: all 800ms ease;}
.act .downshow{opacity:1;filter:alpha(opacity=100);margin-top:0;}
.leftshow{opacity:0;filter:alpha(opacity=0);margin-right:-60px;transition: all 800ms ease;-webkit-transition: all 800ms ease;}
.act .leftshow{opacity:1;filter:alpha(opacity=100);margin-right:0;}
.rightshow{opacity:0;filter:alpha(opacity=0);margin-left:-60px;transition: all 800ms ease;-webkit-transition: all 800ms ease;}
.act .rightshow{opacity:1;filter:alpha(opacity=100);margin-left:0;}
.lineshow{
	height:0;width:0;opacity:0;filter:alpha(opacity=0);border-bottom:2px solid #fff;display:inline-block;margin:20px 0;
	transition: all 1000ms ease;-webkit-transition: all 1000ms ease;
}
.act .lineshow{opacity:1;filter:alpha(opacity=100);width:100px;}
.downbtn{
	animation:updown 2s infinite;left:50%;margin-left:-16px;cursor:pointer;
	-webkit-animation:updown 2s infinite;position:absolute;bottom:20px;
}
.downbtn img{width:32px;height:32px;}


#header{
	height:90px;font-size:0;position:fixed;top:0;right:0;width:100%;background:transparent;
    transition: all 700ms ease;-webkit-transition:all 700ms ease;z-index: 99;
}
#header .logo{
	width:200px;position:absolute;top:0;left:0;height:100%;
    transition: all 700ms ease;-webkit-transition:all 700ms ease;
}
#header .logo img{height:70px;padding:10px 0;transition: all 700ms ease;-webkit-transition:all 700ms ease;}
#header .header_nav{text-align:right;padding:0 80px 0 200px;}
#header .header_nav li{display:inline-block;width:13%;height:100%;position:relative;}
#header .header_nav li a{
	display:block;font-size:16px;color:#fff;opacity:0.7;filter:alpha(opacity=70);
	line-height:90px;text-align:center;position:relative;
    transition: all 700ms ease;-webkit-transition:all 700ms ease;
}
#header .header_nav li a:hover{color:#fff;opacity:1;filter:alpha(opacity=100);}
#menubtn{
	width:33px;display:inline-block;position:absolute;top:34.5px;right:0;cursor: pointer;
    transition: all 700ms ease;-webkit-transition:all 700ms ease;
}
#menubtn span{height:3px;background-color:#fff;margin-bottom:6px;display:block;transition: all 350ms ease;-webkit-transition: all 350ms ease;}
#menubtn:hover span:first-child{transform:translateY(-5px);-ms-transform:translateY(-5px); -webkit-transform:translateY(-5px);}
#menubtn:hover span:last-child{transform:translateY(5px);-ms-transform:translateY(5px); -webkit-transform:translateY(5px);}
#menubtn.act span:first-child{
	margin-bottom:5px;
	transform:translateY(8px) rotate(45deg)!important;
	-ms-transform:translateY(8px) rotate(45deg)!important;
	-webkit-transform:translateY(8px) rotate(45deg)!important;
}
#menubtn.act span:nth-child(2){opacity:0;filter:alpha(opacity=0);}
#menubtn.act span:last-child{ 
	margin-top:-1px;
	transform:translateY(-8px) rotate(-45deg)!important;
    -ms-transform:translateY(-8px) rotate(-45deg)!important;
    -webkit-transform:translateY(-8px) rotate(-45deg)!important;
}
#header.hasBackground{height:60px;background:#fff;position:fixed;}
#header.hasBackground .header_nav li a{line-height:60px;color:#000;}
#header.hasBackground .logo img{height:50px;padding:5px 0;}
#header.hasBackground #menubtn{top:16.5px;}
#header.hasBackground #menubtn span,#header.header #menubtn span{background:#000;}
#header.header{position:fixed;background:#fff;}
#header.header.hasBackground{height:60px;background:#fff;}
#header.header .header_nav li a{color:#000;}
#header #menubtn{top:34.5px;}
#rightnav{
	background-color:#111;position:fixed;top:0;right:-240px;height:100%;width:240px;z-index:9999;
}
#SearchForm{width:100%;position:relative;}
#SearchForm input{
	display:block;margin:10px 5px;border:1px solid #111;border-radius:5px;padding:0 45px 0 5px;width:178px;height:45px;line-height:45px;
}
#searchbtn{background:transparent;border:0;outline:none;position:absolute;top:6px;right:10px;cursor:pointer;}
.rightnav_nav li{position:relative;}
.rightnav_nav li a{display:block;height:42px;line-height:42px;background:#242424;padding:0 20px 0 60px;margin:2px 0;color:#fff;position:relative;}
.rightnav_nav li a>img{width:16px;height:16px;position:absolute;top:13px;left:20px;}
.rightnav_nav li a>img.more{left:unset;right:20px;}
.rightnav_nav li a:hover{background-color:#c94451;}
.rightnav_nav li .sub-menu{display:none;}
.rightnav_nav li .sub-menu a{margin:0;}
.navRight_foot{position:absolute;bottom:20px;left:0;width:100%;text-align:center;color:#dcdcdc;font-size:14px;}
.navRight_foot .block1{margin-bottom:15px;}
.navRight_foot .block1>a{color:#575757;font-size:18px;margin:0 6px;}
.navRight_foot .block1>a img{width:22px;height:22px;transition: all 150ms ease;-webkit-transition: all 150ms ease;}
.navRight_foot .block1>a:hover img{
	transform:scale(1.5,1.5);
	-ms-transform:scale(1.5,1.5);
	-webkit-transform:scale(1.5,1.5);
}
.navRight_foot .block2 p{margin:5px 0;}
.wxMask{
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 99999999;
    overflow: hidden;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    transition: all 520ms ease;
    -ms-transition: all 520ms ease;
    -moz-transition: all 520ms ease;
    -webkit-transition: all 520ms ease;
    -o-transition: all 520ms ease;
}
.wxMask img{max-width:100%;}
.wxMask.show{
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}
.weixinQR{
    width:260px;height:260px;
    position:absolute;
    top:50%;left:50%;
    margin-top:-130px;
    margin-left:-130px;
}


#footer{
    background:#f3f3f3;color:#9e9e9e;;text-align:center;vertical-align: middle;
    font-size:14px;
}
.foot_container{padding:20px 0;width:1200px;margin:0 auto;overflow: hidden;}
#footer .copyright{float:left;width:50%;text-align:left;}
#footer .copyright p{line-height:31px;}
#footer .copyright p a{display:none;overflow: hidden;}


#footer .foot_btn{float:right;width:50%;text-align:right;}
#footer .foot_btn a{display:inline-block;padding:8px;border-radius: 50%;background:#fff;opacity:0.5;filter:alpha(opacity=50);font-size:15px;margin:0 5px;}
#footer .foot_btn a{text-align:center;}
#footer .foot_btn a img{transition: all 150ms ease;-webkit-transition: all 150ms ease;}
#footer .foot_btn a:hover img{
	transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
}

.linklist{margin-top:30px;text-align:left;padding-top:15px;border-top:1px solid #e2e4e8;}
.linklist h5{margin-left:3px;}
.linklist h5 img{
	width:12px;height:12px;vertical-align: middle;margin-right:2px;margin-left:2px;

    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.linklist ul{margin:8px -4px 8px -4px;}
.linklist ul li{float:left;min-width:10%;list-style-type: none;text-align:center;}
.linklist ul li a{
    font-size:12px;line-height:24px;display:block;border:1px solid #d4d9de;margin:0 4px 8px 4px;border-radius: 4px;color:#aeb2b7;
	padding:0 10px;
    transform:translateY(0px);
    -ms-transform:translateY(0px);
    -moz-transform:translateY(0px);
    -webkit-transform:translateY(0px);
    -o-transform:translateY(0px);

    transition: all 450ms ease;
    -moz-transition: all 450ms ease;
    -webkit-transition: all 450ms ease;
    -o-transition: all 450ms ease;
}
.linklist ul li a:hover{
    color:#fff;background:#c94451;
    transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    -moz-transform:translateY(-3px);
    -webkit-transform:translateY(-3px);
    -o-transform:translateY(-3px);
}
.linklist ul li:first-child a{color:#fff;background:#c94451;}
@media screen and (max-width:1200px) {
    .linklist ul li{width:12.5%;}
}
@media screen and (max-width:800px) {
    .linklist ul li{width:20%;}
}
@media screen and (max-width:600px) {
    .linklist ul li{width:33.3%;}
}
@media screen and (max-width:470px) {
    .linklist{text-align:center;}
    .linklist ul li{width:50%;}
}


#fp-nav ul li, .fp-slidesNav ul li{}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
	border:0;background:#575757;transition: all 150ms ease;-webkit-transition: all 150ms ease;
	transform:scale(0.8,0.8);
	-ms-transform:scale(0.8,0.8);
	-webkit-transform:scale(0.8,0.8);
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span,
#fp-nav ul li a.active:hover span, .fp-slidesNav ul li a.active:hover span{background:#fff;
	transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
}
#fp-nav ul li a:hover span, .fp-slidesNav ul li a:hover span{
	transform:scale(1,1);
	-ms-transform:scale(1,1);
	-webkit-transform:scale(1,1);
}
#fp-nav ul li:nth-child(4) a span,#fp-nav ul li:nth-child(4) a:hover span {
    background: green;
}
#fullpage .section{position:relative;}
#fullpage .sectionMask{
    position:absolute;
    top:0;left:0;
    width:100%;height:100%;
    background:#000;
    opacity:0.35;
    filter:alpha(opacity=35);
}
.sectionContent{position:relative;width:750px;margin:0 auto;z-index:1;color:#Fff;}
.sectionContent h6{font-size:16px;line-height:1.5;color: rgba(255, 255, 255, 0.6);}
.sectionContent h5{font-size:16px;line-height:2;color:rgba(255,255,255,0.6);}
.sectionContent h1{font-size:45px;line-height:1.5;}
.sectionContent p{font-size:16px;line-height:2;}
.sectionContent .more{
	border:2px solid #fff;border-radius:40px;height:40px;line-height:40px;cursor:pointer;
	font-size:24px;padding:10px 25px;display:inline-block;color:#fff;margin-top:40px;transition: all 550ms ease;-webkit-transition: all 550ms ease;
}
.sectionContent .more:hover{background:#fff;color:#000;}
.fp-controlArrow.fp-prev{left:100px;border-width:30px 24px 30px 0;opacity:0.7;filter:alpha(opacity=70);}
.fp-controlArrow.fp-next{right:100px;border-width:30px 0 30px 24px;opacity:0.7;filter:alpha(opacity=70);}

.index_banner {
    background: url(../image/index_banner.jpg) center/cover no-repeat;
    min-height: 380px;
    position: relative;
}
.index_banner .text{
    position:absolute;
    top:40%;left:15%;
    color:#fff;
}
.index_banner .text h2{font-size:42px;margin-bottom:15px;}
.index_banner .text p{font-size:15px;color:rgba(255, 255, 255, 0.75);}

.Index_content {padding: 70px 0 70px 0;}
.Advantage{padding:35px 0 120px 0;position:relative;width:1000px;margin: 0 auto;}
#Advantage_slider{margin:0 auto;}
#Advantage_slider li{list-style-type: none;display:block;float:left;width:26%;margin:0 3.5%;text-align:center;color:#000;}
#Advantage_slider li .text {margin-top: 35px;}
#Advantage_slider li .text h1{font-size:25px;}
#Advantage_slider li .text .underline{display:inline-block;width:100px;height:1px;background:#a0a0a0;margin:10px 0;}
#Advantage_slider li .text h2{color:#a0a0a0;font-size:18px;}
#Advantage_slider li .text .text_span{margin-top:20px;color:#686868;}
#Advantage_slider li .text .text_span span{display:block;font-size: 14px;line-height: 2.1;}
.CaseColumn{max-width:1100px;margin:40px auto 0 auto;}
.CaseColumn_container{background:rgba(255,255,255,0.85);}

.Case_header{text-align:center;margin:0 0 45px 0;}
.Case_header h1{color:#000;font-size:35px;}
.Case_header span{display:inline-block;width:50px;height:1px;background:#666;margin:15px 0;}
.Case_header h6{font-size:15px;line-height:1.6em;}

.Case_Sort{padding:0 15px;}
.Case_Sort ul li {list-style-type:none;display:block;float:left;margin-right:30px;}
.Case_Sort ul li a {
	color:#000;opacity:0.6;filter:alpha(opacity=60);font-weight:700;display:block;padding:0 0 8px 0;position:relative;
	transition:all 350ms ease-in;-ms-transition:all 350ms ease-in;-moz-transition:all 350ms ease-in;
	-webkit-transition:all 350ms ease-in;-o-transition:all 350ms ease-in;
}
.Case_Sort ul li a::after {
	content:"";display:block;height:2px;width:0;background:#000;position:absolute;bottom:0;left:50%;
	transition:all 400ms ease;-ms-transition:all 400ms ease;-moz-transition:all 400ms ease;
	-webkit-transition:all 400ms ease;-o-transition:all 400ms ease;
}
.Case_Sort ul li.selected a {opacity:1;filter:alpha(opacity=100);}
.Case_Sort ul li.selected a::after {content:"";display:block;height:2px;width:100%;background:#000;position:absolute;bottom:0;left:0;}
.Case_Content {position:relative;overflow:hidden;margin-top:40px;}
#CaseList .box {width:33.3%;list-style-type:none;}
#CaseList .box img {width:100%;}
#CaseList .box_container {margin:15px;}
#CaseList .box.hide {
	visibility:hidden;
	-webkit-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);transform:scale(0);
	transition:all 850ms ease;-ms-transition:all 850ms ease;-moz-transition:all 850ms ease;
	-webkit-transition:all 850ms ease;-o-transition:all 850ms ease;
}
#CaseList .box_container .box_content {position:relative;display:block;overflow:hidden;border: 1px solid #f2f2f2;}
#CaseList .box_container .box_content .box_Mask {
	display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);
}
#CaseList .box_container .box_content .box_text {
	position:absolute;top:50%;left:0;margin-top:-20px;width:100%;text-align:center;color:#fff;font-size:20px;z-index:2;
}
#CaseList .box_container .box_content .box_text h2 {opacity:0;filter:alpha(opacity=0);font-size:22px;}
#CaseList .box_container .box_content .box_text .box_textLine {display:inline-block;width:0;height:2px;background:rgba(255,255,255,0.5);}
    #CaseList .box .box_container .box_content img{
        -ms-transition:all 1000ms ease;
        -moz-transition:all 1000ms ease;
        -webkit-transition:all 1000ms ease;
        -o-transition:all 1000ms ease;
        transition: all 1000ms ease;
    }
    #CaseList .box .box_container .box_content:hover img{
        webkit-transform: translate3d(0, 0, 0) scale(1.15);
        -moz-transform: translate3d(0, 0, 0) scale(1.15);
        -ms-transform: translate3d(0, 0, 0) scale(1.15);
        -o-transform: translate3d(0, 0, 0) scale(1.15);
        transform: translate3d(0, 0, 0) scale(1.15);
    }
    #CaseList .box_container .box_content .box_Mask{
        z-index:1;
        transition: all 1000ms ease;
        -ms-transition: all 1000ms ease;
        -moz-transition: all 1000ms ease;
        -webkit-transition: all 1000ms ease;
        -o-transition: all 1000ms ease;
    }
    #CaseList .box_container .box_content:hover .box_Mask{
        background:rgba(0,0,0,0.7);
    }

    #CaseList .box_container .box_content .box_text h2{
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform:translateY(-20px);

        transition: all 750ms ease;
        -ms-transition: all 750ms ease;
        -moz-transition: all 750ms ease;
        -webkit-transition: all 750ms ease;
        -o-transition: all 750ms ease;
    }
    #CaseList .box_container .box_content:hover .box_text h2{
        opacity:1;filter:alpha(opacity=100);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform:translateY(0px);

        transition: all 750ms ease 400ms;
        -ms-transition: all 750ms ease 400ms;
        -moz-transition: all 750ms ease 400ms;
        -webkit-transition: all 750ms ease 400ms;
        -o-transition: all 750ms ease 600ms;
    }

    #CaseList .box_container .box_content .box_text .box_textLine{
        transition: all 450ms ease;
        -ms-transition: all 450ms ease;
        -moz-transition: all 450ms ease;
        -webkit-transition: all 450ms ease;
        -o-transition: all 450ms ease;
    }
    #CaseList .box_container .box_content:hover .box_text .box_textLine{
        width:40px;
        transition: all 450ms ease 400ms;
        -ms-transition: all 450ms ease 400ms;
        -moz-transition: all 450ms ease 400ms;
        -webkit-transition: all 450ms ease 400ms;
        -o-transition: all 450ms ease 600ms;
    }
.Case_more {margin:45px 0;text-align:center;}
.Case_more a {
	position:relative;display:block;margin:20px auto;width:100%;height:60px;line-height:60px;max-width:200px;text-transform:uppercase;
	border-radius:5px;overflow:hidden;border:1px solid currentColor;transition:all 650ms ease;
	-ms-transition:all 650ms ease;-moz-transition:all 650ms ease;-webkit-transition:all 650ms ease;-o-transition:all 650ms ease;
}
.Case_more a::before {
	content:'';width:0;height:0;-webkit-transform:rotate(360deg);border-style:solid;border-width:0 0 0 0;
	border-color:transparent transparent transparent #185a62;position:absolute;bottom:0;left:0;
	transition:all 650ms ease;-ms-transition:all 650ms ease;-moz-transition:all 650ms ease;-webkit-transition:all 650ms ease;
	-o-transition:all 650ms ease;
}
.Case_more a:hover:before {border-width:0 0 0 0;}
.Case_more a::after {
	content:'';width:0;height:0;-webkit-transform:rotate(360deg);border-style:solid;border-width:0 0 0 0;
	border-color:transparent #185a62 transparent transparent;position:absolute;top:0;right:0;
	transition:all 650ms ease;-ms-transition:all 650ms ease;-moz-transition:all 650ms ease;-webkit-transition:all 650ms ease;
	-o-transition:all 650ms ease;
}
.Case_more a span {position:relative;z-index:2;}
.Case_more a:hover {color:#fff;}
.Case_more a:hover::before {border-width:165px 0 0 165px;}
.Case_more a:hover::after {border-width:0 165px 165px 0;}


.Case_banner{
    background:url(../image/index_banner.jpg) center/cover no-repeat;
    min-height:380px;
    position:relative;
}
.Case_banner .mask{
    background:#000;opacity:0.5;filter:alpha(opacity=50);
    position:absolute;height:100%;width:100%;
}
.Case_banner .text{
    position:absolute;
    top:40%;left:0;
    width:100%;
    color:#fff;
    text-align:center;
}
.Case_banner .text h1{
    font-size:42px;margin-bottom:15px;padding:0 35px;

    transition: all 450ms ease;
    -ms-transition: all 450ms ease;
    -moz-transition: all 450ms ease;
    -webkit-transition: all 450ms ease;
    -o-transition: all 450ms ease;
}

.Case_banner .text span{
    display:inline-block;width:90px;height:2px;background:#fff;

    transition: all 450ms ease 400ms;
    -ms-transition: all 450ms ease 400ms;
    -moz-transition: all 450ms ease 400ms;
    -webkit-transition: all 450ms ease 400ms;
    -o-transition: all 450ms ease 600ms;
}
.Case_content{padding:70px 0;}
.Case_content_container{width:1180px;margin:0 auto;overflow: hidden;}
.Case_slider,.Case_info{display:block;position:relative;float:left;overflow: hidden;padding:0 0 40px 0;}
.Case_slider{width:54%;margin:0 1.5%;}
.swiper-slide img {width: 100%;}
.Case_info{width:40%;margin:0 1.5%;}
.Case_info h2{font-size:24px;}
.Case_info_content{margin:35px 0 0 0;color:#000;}
.Case_info_content h6{border-bottom: 1px solid #ddd;font-size: 15px;font-weight: 700;padding:0 0 12px 0;margin:0 0 20px 0;}
.Case_info_content_part{padding:5px 0;}
.Case_info_content_part .partLeft{display:inline-block;font-size:14px;font-weight: 700;width:30%;}
.Case_info_content_part .partRight{display:inline-block;font-size:13px;color:#454545;}
.caseSite{margin-top:35px;}
.caseSite a{
    display:inline-block;border: 2px solid #999;color: #999;padding: 11px 44px;font-weight:700;
}
.caseSite a:hover{border: 2px solid #000;color: #000;}
.caseMore{margin:70px 0 0 0;text-align:center;}
.caseMore a{display:inline-block;padding:10px 30px;font-size:16px;border:2px solid #000;border-radius: 5px;color:#000;}
.caseMore a{
    transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
}
.caseMore a:hover{border-radius: 8px;color:#fff;background:#000;}


.News_banner {
    background: url(../image/bg2.jpg) center/cover no-repeat;
}
.News_content{padding:0 0 50px 0;}
.News_content ul{width:1000px;margin:0 auto;padding:60px 0;}
.News_content ul li{list-style-type: none;}
.News_box{margin:0 0 35px 0;}
.News_box_container{display:block;border:1px solid #ddd;border-radius: 8px;overflow: hidden;}
.News_box .img{float:left;width:240px;}
.News_box .img img{width:100%;height:100%;}
.News_box .right{padding:0 0 0 260px;}
.News_box .right .text{padding:10px;}
.News_box .right .text h1{font-size:20px;color: #111;font-weight: 700;}
.News_box .right .text .note{
    display: block;
    margin: 15px 0 8px 0;
    font-size: 12px;
    color: #999;
}
.News_box .right .text .note span{margin:0 15px 0 0;}
.News_box .right .text .intro{font-size: 14px;line-height: 20px;color:#6d7071;}
.News_box_container:hover{background: #dadada;}
.News_content_header{margin-bottom:20px;}
.News_content_header>span{font-size:18px;padding-right:10px;}
.News_content_header>span img{margin-bottom:-7px;}
.News_content_header a{
    position:relative;
    display:inline-block;
    color: #000;
    opacity: 0.4;
    filter: alpha(opacity=40);
    font-weight: 700;
    padding: 0 0 8px 0;
    margin:0 18px 0 0;
    font-size:18px;

    transition: all 350ms ease-in;
    -ms-transition:all 350ms ease-in;
    -moz-transition:all 350ms ease-in;
    -webkit-transition:all 350ms ease-in;
    -o-transition:all 350ms ease-in;
}

.News_content_header a::after{
    content:"";
    display:block;
    height:2px;width:0;background:#000;
    position:absolute;
    bottom:0;left:50%;
    transition: all 400ms ease;
    -ms-transition:all 400ms ease;
    -moz-transition:all 400ms ease;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
}

.News_content_header a.selected{opacity:1;filter:alpha(opacity=100);}
.News_content_header a.selected::after{
    width:100%;
    left:0;
}
.News_content_header a:hover{opacity:1;filter:alpha(opacity=100);}
.News_content_header a:hover::after{width:100%;left:0;}
.News_content ul h1{font-size:38px;}
.News_content ul .note{margin:15px 0 15px 0;padding:0 0 10px 0;color: #50565d;font-size:13px;border-bottom: 1px #f1f1f1 solid;}
.News_content ul .note>span{margin:0 15px 0 0;}
.News_content ul .note .note_icon{float:right;}
.News_content ul .info{color:#838383;line-height:1.8em;}
.News_content ul .info img{max-width:100%;}
.NewsPager_foot{font-size:14px;color:#9a9a9a;margin-top:100px;}
.NewsPager_foot .prev{margin-bottom:10px;}
.NewsPager_foot a{color:#9a9a9a;}
.NewsPager_foot a:hover{color:#c94451;}


.About_banner{background:url(../image/about_bg.jpg) center/cover no-repeat fixed;height:949px;position:relative;top:0;bottom:0;left:0;right:0;}
.About_banner .text{position:absolute;top:42%;left:0;width:100%;text-align:center;color:#fff;}
.About_banner .text h1{font-size:45px;margin-bottom:25px;}
.About_banner .text h6{font-size:18px;color:#e0e0e0;margin:5px 0;}
.About_content .block1{text-align:center;padding:120px 8%;background:#fff;}
.About_content .block1 h2{color: #222222;font-size: 23px;font-weight: 700;}
.About_content .block1>span{display:inline-block;width:80px;background:#000;height:1px;margin:30px auto;}
.About_content .block1 h5{font-size:15px;margin:8px 0;color: #666;}
.About_content .block1 a{display:inline-block;border:2px solid #000;padding:10px 30px;color:#000;font-weight:700;margin-top:50px;}
.About_content .block1 a:hover{color: #c94451;border:2px solid #c94451;border-radius: 5px;}
.About_content .block2{background:url(../image/3.jpg) center/cover no-repeat fixed;padding:200px 0;position:relative;vertical-align: middle;}
.About_content .block2 .mask{
    background:url(../image/dot.png) repeat scroll 0 0 rgba(0, 0, 0, 0);position:absolute;
    top:0;left:0;bottom:0;right:0;height:100%;width:100%;z-index:1;
}
.trueImg{margin-top:50px;}
.trueImg img{width:100%;}
.About_course_container{position:relative;z-index:2;padding:0 8%;text-align: center;color:#fff;}
.About_course_container h3{font-size:23px;font-weight:700;margin-bottom:55px;}
.About_course_content{}
.About_course_box{float:left;width:25%;}
.About_course_box_container{margin:0 35px;}
.About_course_box h4{font-size:20px;font-weight:700;}
.About_course_box h4 .counter{font-size:36px;}
.About_course_box h4 i{margin-left:10px;}
.About_course_box .About_course_box_container>span{display:inline-block;height:1px;width:50px;background:#fff;margin:25px;}
.About_course_box p{line-height:1.5;font-size:14px;}


.main_Contact{padding-top:80px;}
.Contact_map{display:block;width: 100%; height: 450px;background:url(../image/map2.jpg) center top/100% auto no-repeat fixed;}
.Contact_block2{
    padding:160px 8%;position:relative;text-align: center; 
    background:url(../image/index-bg4.jpg) center/cover no-repeat fixed;color:#fff;
}
.Contact_block2 .title{
    position:absolute;top:-25px;left:0;
    width:100%;
    height:50px;line-height:50px;
    font-size:20px;
    z-index:200;
}
.Contact_block2 .title a{display:inline-block;background:#c94451;color:#fff;padding:0 20px;}

.Contact_block2>h2{font-size:28px;margin-bottom:5px;}
.Contact_block2>h3{font-size:28px;}
.Contact_block2>h6{font-size:16px;line-height:1.7em;}
.Contact_block2>span{display:inline-block;height:1px;width:50px;background:#c94451;margin:20px 0;}
.Contact_block2 .title a:hover{padding:30px 20px;margin-top:-30px;}
.Contact_block3{padding:100px 50px;background-color: rgb(249,249,249);}
.Contact_block3_container{width:1200px;margin:0 auto;}
.Contact_block3 .left,.Contact_block3 .right{float:left;width:45%;}
.Contact_block3 h1{font-size:18px;}
.Contact_block3 h2{font-size:18px;margin:25px 0 15px 0;}
.Contact_block3 h2 a:hover{color:#c94451;text-decoration: underline;}
.Contact_block3 .left{margin-right:2.5%;}
.Contact_info{background:#fff;padding:0;min-height:440px;}
.Contact_info .img img{width:100%;}
.Contact_info h2{margin-bottom:25px;padding:0 20px;}
.Contact_info h5{font-size:15px;color: rgb(128,128,128);margin:5px 0;padding:0 20px;position:relative;overflow: hidden;}
.Contact_info h5 span:nth-child(1){float:left;width:110px;}
.Contact_info h5 span:nth-child(2){float:left;left:110px;}
.Contact_info h5 span:nth-child(2) a{display:block;}
.Contact_info h6{margin-top:30px;color:#c94451;font-size:15px;padding:0 20px;}
.Contact_info h6 a{font-size:20px;color:#c94451;font-weight:700;}
.Contact_block3 .right{margin-left:2.5%;}
#form_do{position:relative;}
#form_do input{
    display:block;
    width:100%;
    background:#fff;margin:15px 0;
    height:45px;
    text-indent: 10px;
    font-size:15px;font-family: "Microsoft YaHei";
    outline: none;
    border:1px solid #e1e1e1;
    border-radius: 5px;
}
#form_do textarea{
    height:230px;width:100%;
    padding:10px 0;
    text-indent: 10px;line-height:1.5em;
    font-size:15px;font-family: "Microsoft YaHei";
    resize: none;
    outline: none;
    border:1px solid #e1e1e1;
    border-radius: 5px;
}
#form_do button{
    display:inline-block;
    background:#c94451;color:#fff;
    width:80px;height:45px;line-height:45px;
    font-size:14px;font-family: "Microsoft YaHei";
    position:absolute;bottom:5px;right:-1px;
    border-radius: 5px;
    cursor:pointer;
}

.trans10{transition: all 1000ms ease 1000ms;-webkit-transition: all 1000ms ease 1000ms;}
.trans5{transition: all 550ms ease;-webkit-transition: all 550ms ease;}
.trans3{transition: all 350ms ease;-webkit-transition: all 350ms ease;}
.trans1{transition: all 150ms ease;-webkit-transition: all 150ms ease;}
.Case_content img{max-width:100%;}
.Case_content_head{background:rgba(0,0,0,0.6);font-size:24px;color:#fff;line-height:40px;padding:10px 20px;}

@media screen and (max-width:1200px) {
    .sectionContent {width: 75%;font-size: 15px;}
    .sectionContent h1{font-size:40px;}
    #menubtn{right:20px;}
    #header .logo{left:20px;}
    .foot_container{padding:20px 0;margin:0 35px;width:auto;}
    .index_banner .text {left: 0;width: 100%;text-align: center;}
    .linklist ul li{width:12.5%;}
    .Case_banner{min-height: 260px;}
    .Case_content_container {width: 767px;}
    .News_content ul {width: auto;padding: 60px 80px;}
    .About_course_container {padding: 0 35px;}
    .About_course_box_container {margin: 0 30px;}
    .About_course_box h4 {font-size: 18px;}
    .About_course_box h4 .counter {font-size: 30px;}
    .Contact_map {width: 100%;height: 300px;background: url(../image/map2.jpg) center/cover no-repeat scroll;}
    .Contact_block3 {padding: 100px 35px;}
    .Contact_block3_container {width: 900px;margin: 0 auto;}
}
@media screen and (max-width:1000px) {
    .header_nav{display:none;}
    #fp-nav{display:none;}
    .fp-controlArrow.fp-prev{left: 15px;}
    .fp-controlArrow.fp-next{right:15px;}
    .Advantage {width: auto;}
    #Advantage_slider{width:auto;margin:0 auto;}
    #Advantage_slider li .icon{height:90px;}
    #Advantage_slider li .icon img{height:100%;}
    #Advantage_slider li .text h1{font-size:22px;}
    #Advantage_slider li .text .underline{width:80px;margin:8px 0;}
    #Advantage_slider li .text h2{font-size:16px;}
    #Advantage_slider li .text .text_span span{line-height: 1.9;}
    .Case_Sort{padding:0 35px;text-align:center;}
    .Case_Sort ul li {display: inline-block;float: none;margin:0 10px;}
    .News_box {margin: 0 0 25px 0;}
    .News_box .img {float: none; width: auto;}
    .News_box .right {padding: 8px;}
    .News_box .right .text h1 {font-size: 18px;}
    .News_box .right .text .note {font-size: 13px;}
    .News_box .right .text .intro {font-size: 13px;}
    .News_content ul h1 {font-size: 28px;}
    .News_content ul .note .note_icon{float:unset;width: auto;margin-top: 10px;}
    .News_content ul .info {font-size: 14px;}
    .About_content .block1 {padding: 80px 8%;}
    .About_content .block2 {padding: 140px 0;}
    .About_course_box {float: none;width: auto;margin: 35px 0;}
    .About_course_box h4 {font-size: 20px;font-weight: 700;}
    .About_course_box h4 .counter {font-size: 36px;}
    .About_course_box .About_course_box_container>span {display: inline-block;height: 1px;width: 50px;background: #fff;margin: 15px;}
    .Contact_block3 {padding: 80px 25px;}
    .Contact_block3_container {width: auto;}
    .Contact_block3 .left, .Contact_block3 .right {float:unset;width: auto;}
    .Contact_block3 .left {margin-right: 0;}
    .Contact_block3 .right {margin-left: 0;margin-top: 80px;}
}
@media screen and (max-width:760px) {
    .Advantage {padding: 0 0 35px 0;margin-bottom: 30px;}
    #Advantage_slider li{float:none;width:auto;margin:40px 0;}
    #Advantage_slider li .icon{width:70px;height:auto;display:inline-block;vertical-align: top;}
    #Advantage_slider li .icon img {height: auto;width:100%;}
    #Advantage_slider li .text {margin:0 0 0 15px;display:inline-block;vertical-align: top;min-width:180px;}
    #Advantage_slider li .text h1{font-size:25px;}
    #Advantage_slider li .text h2{font-size:18px;}
    #Advantage_slider li .text .text_span span{line-height: 1.9;}
    #Advantage_slider li .text .text_span{display:none;}
    #Advantage_slider li.click .text{margin:25px 0 0 0;}
    #Advantage_slider li.click .text h1{color:#c94451;display:block;}
    #Advantage_slider li.click .icon{width:auto;display:block;height:90px;}
    #Advantage_slider li.click .icon img {height: 100%;width:auto;}
    .linklist ul li{width:33.3%;}
    .Case_content_container {width: auto;padding: 0 20px;}
    .Case_slider { width: auto;margin: 0;}
    .Case_slider, .Case_info {float: none;padding: 0 0 40px 0;}
    .Case_info {width: auto;margin: 45px 0 0 0;}
    .News_content ul {padding: 60px 20px;}
    .About_banner .text h1 {font-size: 36px;margin-bottom: 25px;padding: 0 20px;}
    .About_banner .text h6 {font-size: 16px;color: #f2f2f2;padding: 0 20px;}
}
@media screen and (max-width:480px) {
    .index_banner .text h2,.sectionContent h1{font-size:28px;line-height:1.2;}
    .sectionContent h6{font-size:13px;margin-bottom:10px}
    .sectionContent p {font-size:13px;line-height:1.5;}
    .sectionContent h5 {font-size: 14px;line-height: 1.8;}
    #CaseList .box{width: 100%;list-style-type: none;}
    #footer .copyright {float: none;width: auto;text-align: center;}
    #footer .foot_btn {float: none;width: auto;text-align: center;margin-top: 15px;}
    .linklist {text-align: center;}
    .linklist ul li{width:50%;}
    .Case_banner{display: none;}
    .Case_content{padding: 80px 0 50px 0;}
    .Case_content_container {padding: 0;}
    .Case_slider{padding: 0 0 30px 0;}
    .Case_info {width: auto;margin: 45px 0 0 0;padding: 0 20px;}
    .Case_info h2{font-size: 22px;text-align: center;}
    .caseSite {text-align: center;}
    .caseSite a {font-size: 12px;color: #999;padding: 8px 20px;}
    .caseMore {margin: 70px 0 0 0;text-align: center;}
    .caseMore a {padding: 10px 25px;font-size: 15px;}
}