@charset "utf-8";
/* CSS Document */
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body{font: 12px/1.5  '微软雅黑','Microsoft YaHei',Arial,sans-serif; color:#6a6a6a; -webkit-text-size-adjust:none;}
body, h1, h2, h3, h4, h5, h6, dl, dd, p, hr {margin: 0;}
button, option, textarea, td {padding: 0;}
ul, ol, input {margin: 0;padding: 0;}
ul, ol {list-style-type: none;}
table {border-spacing: 0;border-collapse: collapse;}
strong, b {font-weight: normal;}
em, i {font-style: normal;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}
button {border: none;}
img {border: 0;vertical-align: middle;}
input, textarea, select {outline: none;}
:focus{outline:0;}
a {color: #000;text-decoration: none;}
textarea {resize: none;}
::-ms-clear, ::-ms-reveal {display: none;}
::-webkit-input-placeholder { /* WebKit browsers */ color: #999 !important; } 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999 !important; } 
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999 !important; } 
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999 !important; } 
a ,button, input, textarea {-webkit-tap-highlight-color: rgba(0,0,0,0);}
.clear{clear:both;}
.clearfix:before, .clearfix:after { content: ""; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 
@font-face {	 
  font-family: 'AlbertaLight';
  src: url('../fonts/AlbertaLight.eot');
  src: url('../fonts/AlbertaLight.eot?#iefix') format('embedded_opentype'),
       url('../fonts/AlbertaLight.woff2') format('woff2'),
       url('../fonts/AlbertaLight.woff') format('woff'),
       url('../fonts/AlbertaLight.ttf') format('truetype'),
       url('../fonts/AlbertaLight.svg#AlbertaLight') format('svg');
       font-weight: normal;
       font-style: normal;
}
@font-face {	 
  font-family: 'constan';
  src: url('../fonts/constan.eot');
  src: url('../fonts/constan.eot?#iefix') format('embedded_opentype'),
       url('../fonts/constan.woff2') format('woff2'),
       url('../fonts/constan.woff') format('woff'),
       url('../fonts/constan.ttf') format('truetype'),
       url('../fonts/constan.svg#constan') format('svg');
       font-weight: normal;
       font-style: normal;
}
@font-face {
  font-family: "AvantGarde LT ExtraLight";
  src: url("AvantGarde LT ExtraLight.woff2") format("woff2"),
       url("AvantGarde LT ExtraLight.woff") format("woff"),
       url("AvantGarde LT ExtraLight.ttf") format("truetype"),
       url("AvantGarde LT ExtraLight.eot") format("embedded-opentype"),
       url("AvantGarde LT ExtraLight.svg") format("svg");
       font-weight: normal;
       font-style: normal;
}
html, body {position: relative;height: 100%;}
.inBody{width:100%;position:relative;overflow-x:hidden;}
.w{ color:#fff;}
body{ 
	background-color: #eaeaea;
	background-image: url(../images/bg.jpg);
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.none {display:none;}

/* 去除iPhone中默认的input样式 */
input,select,textarea,button{appearance:none; -o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none; resize: none; border-radius:0; outline: none; border:none; background-color:transparent; font-family:inherit; font-size:inherit; color:inherit; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; vertical-align:middle;}

input[type="button"],input[type="radio"],input[type="checkbox"],input[type="submit"],button {cursor:pointer;}

@media (min-width:1025px) {
::-webkit-scrollbar{width: 10px;height: 10px;background-color:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
::-webkit-scrollbar-thumb{ background-color:rgba(200, 200, 200, 1);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}	
}
.w1200{width: 1200px;margin: 0 auto;}
@media (max-width:1220px) {
    .w1200{width:1100px;}
}
@media (max-width:1150px) {
    .w1200{width:1000px;}
}
@media (max-width:1024px) {
    .w1200{width:94%;}
}
@media (max-width:768px) {
    .w1200{width:94%;}
}


/*logo*/
.head .logo {display: inline-block;vertical-align: middle;position: fixed;top:50px; left:0;z-index:9999;}
.head .logo a{ display:inline-block;}
.head .logo img {width:147px; height:80px;margin-left:20px; padding: 5px;}
/*menu*/
.head .menu {position: fixed;top:50px;right: 0; width:75px; height:40px; background:#d22f2e;padding-top:20px;padding-left:15px;z-index:9999; cursor: pointer}
.head .menu .menuT{ float:left; line-height:20px; color:#fff; font-size:14px;margin-right:10px;}
.head .menu a {display: inline-block;width: 20px;height:20px;margin: 0;position: relative;}
.head .menu span {display: block;width:20px;height:3px;background-size: cover;transition: -webkit-transform .5s ease;transition: transform .5s ease; background:#fff;border-radius:3px;}
.head .menu .menu_top {position: absolute;width:15px;top: 2px;left: 0}
.head .menu .menu_mid {position: absolute;width:20px;top: 9px;left: 0;opacity: 1}
.head .menu .menu_bot {position: absolute;width:15px;top: 16px;left: 0}
.head .menu a.on .menu_top {width:20px;-webkit-transform: rotateZ(-45deg);transform: rotateZ(-45deg);-webkit-transform-origin: center;transform-origin: center;top:10px;}
.head .menu a.on .menu_mid {width:20px;opacity: 0}
.head .menu a.on .menu_bot {width:20px;-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);-webkit-transform-origin: center;transform-origin: center;top:10px;}
.head.on .menu{background:#fff;}
.head.on .menu .menuT{color:#d22f2e;}
.head.on .menu span{ background:#d22f2e;}
/*nav-box*/
.nav-box{width: 100%;height: 100%;
background: rgba(210,47,46,0.95);

position: fixed;left:0;top:-100%;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0;z-index:999;overflow: hidden;-webkit-transition: all .4s ease; transition: all .4s ease;}
.nav-box.on{top:0;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1;}
.nav-center{width:100%;margin: 15% auto 0;}
/*menu-box*/
.nav-box .menu-box {margin: 0 auto;width: 50%;text-align: center;height: 500px;position: absolute;top: 50%;margin-top: -250px;left: 50%;margin-left: -25%}
.nav-box .menu-box  a{display: block;height: 50px;overflow: hidden;margin:0}
.nav-box .menu-box  span{display: block;font-size:20px;line-height:50px;text-transform: uppercase;color: #fff}
.nav-box .nav-tel{position: absolute;left:0; right:0;bottom: 2%; font-size:16px; color:#ffffff; text-align:center;}
@media screen and (max-width:1024px){
    .head .logo {top:30px;}
    .head .menu {top:30px;}
}
@media screen and (max-width:768px){
    .head .logo {top:0;width:100%;background:#d22f2e; height:50px;}
    .head .logo img {width:94px; height:30px;margin-left:6px;margin-top:4px;}
    .head .menu {top:0;height:35px;padding-top:15px;}
    .nav-box .menu-box{height: 360px;margin-top: -180px}
    .nav-box .menu-box a{height: 40px;}
    .nav-box .menu-box span{font-size:15px;line-height:40px;}
    .nav-box .nav-tel{font-size:14px;}
    .head.on .logo{background:transparent;}
}


/*banner */
.swiper-hd {box-sizing: border-box;width:100%!important;height:100%;}
.swiper-hd .swiper-pagination-bullet {width: 42px;height: 3px;background: rgba(255, 255, 255, .6);border-radius: 0;}
.swiper-hd .swiper-pagination-white .swiper-pagination-bullet-active {background: rgb(255, 255, 255);}
.swiper-hd.swiper-container-horizontal .swiper-pagination {text-align: right;right: 10%;left: auto;bottom:30px;}
.swiper-hd.swiper-container {width:100%!important;height:100%;}
.swiper-hd .swiper-slide {text-align: center;font-size: 18px;background:#d22f2e;width:100%!important;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    /*transition-duration: 500ms!important;*/
}
.swiper-hd .swiper-button-next, 
.swiper-hd .swiper-button-prev {display: block;}
@media (max-width: 768px) {
	.banner{margin-top:50px; width:100vw!important; overflow:hidden;}
	.swiper-hd .swiper-pagination-bullet {height: 1px;}
	.swiper-hd.swiper-container-horizontal .swiper-pagination {text-align: center;bottom:10px;left:0;right:0;}
	.swiper-hd .swiper-button-next, 
	.swiper-hd .swiper-button-prev {display: none;}
}


/*more*/
.btn-view{line-height:34px;overflow: hidden;margin-top:50px;text-align:center;}
.btn-view a{display:inline-block; background:#d22f2e;color:#fff;font-size:12px;text-transform:uppercase;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;font-family: 'AlbertaLight','微软雅黑','Microsoft YaHei',Arial,sans-serif;text-align:center;padding:0 20px; line-height:34px;border-radius:34px;margin:0 auto;}
.btn-view a:hover{padding:0 40px;background-image: linear-gradient(45deg, #d22f2e 0%, #0088F7 100%);}
@media screen and (max-width:1150px) {.btn-view{margin-top:30px;}}
@media screen and (max-width:768px) {.btn-view{margin-top:20px;}}


/*indexAbout*/
.indexAbout{overflow:hidden;position:relative; z-index:99;padding:100px 0 105px 0;}
.indexAbout .aboutBox {overflow:hidden;}
.indexAbout .aboutBox .aboutImg{ width:50%; float:left; min-height:420px;}
.indexAbout .aboutBox .aboutImg img{ max-width:100%; display:block;}
.indexAbout .aboutBox .aboutwz{ width:50%; float:left; position:relative;}
.indexAbout .aboutBox .aboutwzBox{padding: 50px 50px 0px 100px;}
.indexAbout .aboutBox .aboutTit{font-size:14px;color:#909090; line-height:30px;margin-bottom:5px;text-transform:uppercase;font-family: 'AlbertaLight','微软雅黑','Microsoft YaHei',Arial,sans-serif; text-align:center; position:relative;padding-top:35px;}
.indexAbout .aboutBox .aboutTit:after{ content:''; width:15px;height:15px;background-color: #143886;position: absolute;left: 0; right:0;top: 0;margin:0 auto;-webkit-animation: float2 linear 5s infinite;animation: float2 linear 5s infinite;}
.indexAbout .aboutBox .aboutTit2{font-size:26px;color:#1e2831; line-height:36px;margin-bottom:30px;text-align:center;}
.indexAbout .aboutBox .aboutInfo{font-size:12px;color:#464646; line-height:30px; height:90px;overflow:hidden;text-align:center;}
@media screen and (max-width:1220px) {
	.indexAbout{padding:60px 0 60px 0;}
	.indexAbout .aboutBox .aboutwzBox{padding: 50px 50px 0px 60px;}
}
@media screen and (max-width:1150px) {
	.indexAbout .aboutBox .aboutwzBox{padding:30px 30px 0px 60px;}
}
@media screen and (max-width:1024px) {
	.indexAbout{padding:40px 0 40px 0;}
	.indexAbout .aboutBox .aboutImg{ width:100%; float:none;min-height:auto;}
	.indexAbout .aboutBox .aboutImg img{width:100%;}
	.indexAbout .aboutBox .aboutwz{ width:100%; float:none;}
	.indexAbout .aboutBox .aboutwzBox{padding:30px 30px 30px 30px;}
	.indexAbout .aboutBox .aboutInfo{font-size:13px;}
}
@media screen and (max-width:768px) {
	.indexAbout{padding:30px 0 30px 0;}
	.indexAbout .aboutBox .aboutTit{font-size:13px;line-height:normal;margin-bottom:5px;padding-top:30px;}
	.indexAbout .aboutBox .aboutTit2{font-size:20px; line-height:normal;margin-bottom:20px;}
	.indexAbout .aboutBox .aboutwzBox{padding:30px 0 0 0;}
}

/*indexNews*/
.titleBox2{margin:0 auto;margin-bottom:30px; position:relative;margin-top:113px;}
.titleBox2 .t1{font-size:14px;color:#fff; line-height:30px;margin-bottom:5px;text-transform:uppercase;font-family: 'AlbertaLight','微软雅黑','Microsoft YaHei',Arial,sans-serif; text-align:center;}
.titleBox2 .t2{font-size:30px;color:#fff; line-height:30px;text-align:center;}
@media screen and (max-width:768px) {
.titleBox2{margin-bottom:20px;margin-top:0;}
.titleBox2 .t1{font-size:13px;line-height:normal;margin-bottom:5px;padding-top:30px;}
.titleBox2 .t2{font-size:20px; line-height:normal;}
}
@media screen and (max-width:450px) {
.titleBox2{position:relative;margin-top:0;}
}

.indexNews{ position:relative;height:450px;text-align:  center;margin:0 auto;display: block;background-repeat: no-repeat;background-position: top center;background-attachment: fixed;}
.indexNews:after{ content:"";position:absolute; bottom:0; left:0; right:0; top:0; width:100%; height:100%; background:#cf2d2b;filter:alpha(opacity=20);opacity:0.2;}
.indexNews .w1200{ position:relative; z-index:1;}
.indexNews .lammu{ border-radius:5px;background-image:url(../images/bg80.png);background-repeat:repeat;background-position:center top;padding:9px 15px; display:inline-block;margin:0 auto;}
.indexNews .lammu a{ line-height:30px;font-size:16px;font-weight:bold;color:#d7a861;margin:0 15px; position:relative;}
.indexNews .lammu a:hover{ text-decoration:underline;}
.indexNews .lammu a:after{ content:"";position:absolute;right:-15px;top:50%;width:1px;height:11px;margin-top:-5px;background:#d7a861;}
.indexNews .lammu a:last-child:after{ width:0;}
.indexNews .wz{ line-height:30px;font-size:12px;color:#d7a861; text-align:center;position:relative;padding-bottom:10px; text-transform:uppercase;margin-top:50px;}
.indexNews .wz:after{ content:"";position:absolute;left:0;right:0;bottom:0;width:21px;height:5px;border-radius:5px;background:#d7a861;margin:0 auto;}
@media screen and (max-width:1600px) {
.indexNews{background-size:cover;}	
}
@media screen and (max-width:768px) {
.indexNews{height:300px;background-size:cover;background-attachment: inherit!important;padding:50px 0;}
.indexNews .lammu a{font-size:14px;margin:0 10px;}
.indexNews .lammu a:after{right:-10px;}
}
@media screen and (max-width:450px) {
.indexNews{height:300px;padding:50px 0;}
.indexNews .lammu{ padding:9px 10px;}
.indexNews .lammu a{font-size:13px;margin:0 5px;}
.indexNews .lammu a:after{right:-10px;}
}
@media screen and (max-width:400px) {
.indexNews{height:250px;padding:40px 0;}
}




/*indexCase*/
.titleBox{margin:0 auto;margin-bottom:50px; position:relative;}
.titleBox .t1{font-size:14px;color:#909090; line-height:30px;margin-bottom:5px;text-transform:uppercase;font-family: 'AlbertaLight','微软雅黑','Microsoft YaHei',Arial,sans-serif; text-align:center; position:relative;padding-top:35px;}
.titleBox .t1:after{ content:''; width:15px;height:15px;background-color: #143886;position: absolute;left: 0; right:0;top: 0;margin:0 auto;-webkit-animation: float2 linear 5s infinite;animation: float2 linear 5s infinite;}
.titleBox .t2{font-size:30px;color:#1e2831; line-height:30px;text-align:center;}
.titleBox .t3{color:#757575;font-size:12px;line-height:30px;text-align:center;}
@media screen and (max-width:768px) {
.titleBox{margin-bottom:20px;}
.titleBox .t1{font-size:13px;line-height:normal;margin-bottom:5px;padding-top:30px;}
.titleBox .t2{font-size:20px; line-height:normal;}
.titleBox .t3{line-height:normal;}
}
.indexCase{padding-top:85px;padding-bottom:85px;/*background:url(../images/index-probg.png) center top no-repeat #fff;*/}
/*index*/
.index_news {background: url(../images/index-newsbg.jpg) center no-repeat; height:780px; margin:0 auto; width:100%;}
.index_lanqiu {background: url(../images/index_lanqiu_bg.jpg) center no-repeat; height: 816px; margin: 70px auto 0; width:1324px;}
.index_wudao {background: url(../images/index_wudao_bg.jpg) center no-repeat; height: 816px; margin: 70px auto 0; width:1324px;}
.index_other {background: url(../images/index_other_bg.jpg) center no-repeat; height: 816px; margin: 70px auto 0; width:1324px;}
.index_pingpan {background: url(../images/index_pingpan_bg.jpg) center no-repeat; height: 816px; margin: 70px auto 0; width:1324px;}
.index_taiqiu {background: url(../images/index_taiqiu_bg.jpg) center no-repeat; height: 816px; margin: 70px auto 0; width:1324px;}
.w730{width: 730px;margin: 0 auto;}
@media screen and (max-width:768px) {
    .w730{width: 100%;margin:0 auto;clear:both;}
    .index_news {display: none; width:0px; height:0px;}
    .index_lanqiu,.index_wudao,.index_other,.index_pingpan,.index_taiqiu {background:none; margin:0px auto 0; width:100%;height:auto;clear:both; }
    .indexCase{padding:85px 0;/*background:url(../images/index-probg.png) center top no-repeat #fff;*/}
    .right30{right:0px;left:15%;}
    .left30{left:15%;}
    .indexCaseList{ width: 100vw;  margin-top:10px;}
    .floatright,.floatleft {clear: both;}
}
@media screen and (max-width:490px) {
	.w730{width: 100%;margin: 0 auto; clear:both;}
}
@media screen and (max-width:306px) {
	.w730{width: 100%;margin: 0 auto; clear:both;}
}

/*indexCaseList*/
.right30{right:130px;}
.left30{left:130px;}
.indexCaseList{ width: 730px; background: #fff; overflow:hidden; margin-top:26px; padding:0;font-size:0; line-height:normal;position: relative;}
.indexCaseList2{ background: none; margin-top:0px;}
.indexCaseList li{width:100%; display:inline-block;*display:inline;zoom:1;background:#f9f9f9;margin-bottom:23px;list-style:none;overflow:hidden;position: relative;}
.indexCaseList li a{ display:block;}
.indexCaseList li a::before{content:'';display:block;width:100%;position:absolute;left:0;bottom:0;height:100px;background-image: linear-gradient(rgba(0,179,255,0),rgba(0,0,0,0.9));}
.indexCaseList li .img{text-align:center;}
.indexCaseList li .img img{width:100%; height:100%; max-width:100%; display:block;}
.indexCaseList li .img{ position:relative;border: 1px solid #fff;}
.indexCaseList li .title{text-align:center; font-size:14px; color:#fff; height:30px; line-height:30px; overflow:hidden; /*position:absolute; bottom:0; left:20px; right:0;*/-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; background:none;}
.indexCaseList li .title span{display:inline-block;margin-left:10px; font-size:12px;}
/*ul*/
.indexCaseList ul{font-size:0; padding:0;margin:0; overflow: hidden;}
.indexCaseList .ul1{float:none;width: 730px;margin-top: 16px;}
.indexCaseList .ul1 .list1{width:230px;margin:0px;float: left;}
.indexCaseList .ul1 .list2{width:230px;margin-left:20px;float:right;}
.indexCaseList .ul1 .list3{width:230px;margin-left:20px;float:right;}

.indexCaseList .ul2{ width:180px; padding:45px 35px;background:#1069d1;text-align: center; color: #fff; }
.indexCaseList .title{ font-size: 26px;}
.indexCaseList .title span{ font-size: 10px;text-transform:uppercase;font-family: 'Arial';}
.indexCaseList .img_ppq{background: url(../images/img_ppq.png) center no-repeat; width:120px; height: 200px; margin:36px auto 50px;}
.indexCaseList .img_lanqiu{background: url(../images/img_lanqiu.png) center no-repeat; width:120px; height: 200px; margin:36px auto 50px;}
.indexCaseList .yuyue{ border:1px #fff solid; width:130px; height:30px; line-height:30px; font-size:14px; margin: 0 auto;}
.indexCaseList .ul2 .list1{width:120px;height:30px;margin:0 auto;float:none;}

.indexCaseList .ul3{ width:460px;padding:45px 0 14px 20px;}
.indexCaseList .ul3 .title2{font-size: 26px;color:#ea0a2a;letter-spacing:6px; padding-bottom:15px;}
.indexCaseList .ul3 .title2 span{ color: #8f8f8f; font-size: 24px;text-transform:uppercase;font-family: 'Arial';letter-spacing:0px; padding-left: 6px;}
.indexCaseList .ul3 .list1{width:140px;margin-right:2px;}

.indexCaseList .ul4{ width:385px;margin-right:0;float:left;}
/*hover*/
.indexCaseList li .cover{position:absolute; bottom:0; left:50%; right:0; top:50%; width:0; height:0; background:#143886;filter:alpha(opacity=0);opacity:0;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.indexCaseList li:hover .cover{filter:alpha(opacity=90);opacity:0.9;left:0; right:0; top:0; width:100%; height:100%;}
.indexCaseList li:hover .title{ bottom:40%;}

@media screen and (max-width:1150px) {
    .index_lanqiu,.index_wudao,.index_other,.index_pingpan,.index_taiqiu {background-position:100% 100%; width:100%;}
    .left30 { left:0px;}
    .right30 { right:0px;}
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:768px){
    .indexCase{background-size:200px;padding-top:60px;}
    .indexCaseList {width:100vw; margin:10px auto 0;}
    .indexCaseList .title { float:left; width:210px; margin-top:100px;}
    .indexCaseList li{margin-bottom:2.34375vw;}
    .indexCaseList li .img { position:inline-block; clear:both;}
    .indexCaseList li .title { width:100%;clear:both; margin:0;text-align:center;}
    .indexCaseList .ul1{ clear:both; width:96%; margin:0 auto;}
    .indexCaseList .ul1 .list1{width:31%;height:auto;margin:0 0 0 2%; float:left;}
    .indexCaseList .ul1 .list2{width:31%;height:auto;margin:0 0 0 2%;float:left;}
    .indexCaseList .ul1 .list3{width:31%;height:auto;margin:0 1%;float:right;}
    
    .indexCaseList .ul2{width:75%;margin:0 auto; height:100%; padding:5% 0% 5% 25%; clear:both;}
    .indexCaseList .ul2 .list1{width:48.2%;height:auto;margin-right:1.733333333333333%;}
    .indexCaseList .ul2 .title { float:left; width:180px; margin-top:100px;}
    .indexCaseList .ul2 .title span { width:100%;}
    .indexCaseList .ul2 .img_ppq{ width:140px; height: 200px; margin:10px auto; left:150px;padding:5px;}
    .indexCaseList .ul2 .img_lanqiu { margin: 20px auto;}
    
    .indexCaseList .ul3{ width:96%; height:100%;margin:0 2%; clear:both; padding:0;}
    .indexCaseList .ul3 .list1{width:48%;height:auto;margin-left:1.5%;float:left;}
    .indexCaseList .ul3 .title2 {clear:both; width:100%; padding:2vw 0 0;}
    
    .indexCaseList .ul4{ width:100%; clear:both;}
    .indexCaseList .ul4 .list1{width:48.53333333333333%;height:auto;margin-right:2.933333333333333%; float:left;}
    .indexCaseList .ul4 .list2{width:48.53333333333333%;height:auto;float:left;}
    
    .left30,.right30 {left:0;clear:both; width:100%; }
    
    .floatleft{/*clear:both;*/ float:left;width:100%;}
    .floatright{clear:both; /*float:left;*/ padding-left:20%;}
}
@media screen and (max-width:640px){
    .indexCaseList li .title{font-size:14px;height:50px; line-height:50px;left:10px;}
    .indexCaseList li{margin-bottom:2.34375vw;}
    .indexCaseList li .img { position:inline-block; clear:both;}
    .indexCaseList li .title { width:100%;clear:both; margin:0;text-align:center;}
    .indexCaseList .ul1{ clear:both; width:96%; margin:0 auto;}
    .indexCaseList .ul1 .list1{width:48%;height:auto;margin:0 0 0 1%; float:left;}
    .indexCaseList .ul1 .list2{width:48%;height:auto;margin:0 0 0 1%;float:left;}
    .indexCaseList .ul1 .list3{display:none;}
    
    .indexCaseList .ul2{width:80%;margin:0 auto; height:100%;  clear:both;}
    .indexCaseList .ul2 .list1{width:48.2%;height:auto;margin-right:1.733333333333333%;}
    .indexCaseList .ul2 .title { float:left; width:180px; margin:30px auto;}
    .indexCaseList .ul2 .title span { width:100%;}
    .indexCaseList .yuyue{ border:1px #fff solid; width:130px; height:30px; line-height:30px; font-size:14px; margin: 50px 0 0 200px;}
    .indexCaseList .ul2 .img_ppq{ width:140px; height: 200px; margin:10px auto; left:150px;padding:5px; display:none;}
    .indexCaseList .ul2 .img_lanqiu { margin: 20px auto;display:none;}
    
    .indexCaseList .ul3{ width:96%; height:100%;margin:0 2%; clear:both; padding:0;}
    .indexCaseList .ul3 .list1{width:47%;height:auto;margin-left:1.2%;float:left;}
    .indexCaseList .ul3 .title2 {clear:both; width:100%; padding:2vw 0 0;}
    
    .indexCaseList .ul4{ width:100%; clear:both;}
    .indexCaseList .ul4 .list1{width:48.53333333333333%;height:auto;margin-right:2.933333333333333%; float:left;}
    .indexCaseList .ul4 .list2{width:48.53333333333333%;height:auto;float:left;}
}
@media screen and (max-width:450px){
    .indexCaseList li .title{font-size:13px;height:40px; line-height:40px;}	
}
@media screen and (max-width:350px){
    .indexCaseList li .title{font-size:12px;}
}


/*titleBox3*/
.titleBox3{margin:0 auto;margin-bottom:40px; position:relative;}
.titleBox3 .t1{color:#1e2831;font-size:30px;line-height:30px;margin:0 auto;display:block;font-style: normal;}
.titleBox3 span{color:#757575;font-size:12px;line-height:30px;margin:0 auto;display:inline-block;font-style: normal; vertical-align:middle;margin-left:10px;}
.titleBox3 a{display:inline-block;margin:0 auto;}
@media screen and (max-width:768px) {
    .titleBox3{margin-bottom:10px;}
    .titleBox3 .t1{font-size:20px;line-height:30px;}
    .titleBox3 span{line-height:20px;}	
}

.moreA{ display:block;width:80px; float:right;}
.moreA a{display:block; width:80px;margin: 0 auto;padding:0;line-height:34px;height:34px; overflow:hidden;text-align:left;color:#fff;font-size:12px;border-radius:34px;background:#143886;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; text-align:center;}
.moreA a:hover{background-image: linear-gradient(45deg, #d22f2e 0%, #0088F7 100%);}
@media screen and (max-width:768px) {
.moreA a{ display:none;}
}


/*main-move*/
.index-jiaju{ width:100%;}
.main-move{height:450px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:100%!important;}
.main-move a{list-style:none;float:left;width:12.5%;height:450px;background-repeat:no-repeat;background-position:0 center;background-size:cover;transition:all 400ms;color:#fff;position: relative;text-decoration:none;}
.main-move a::before{content: '';display: block;width: 100%;position: absolute;left: 0;top: 0;height: 100px;background-image: linear-gradient(rgba(0, 0, 0, 0.3),rgba(0, 179, 255, 0));}
.main-move a.active{width:30%;}
.main-move.active a.active{width:30%;}
.main-move a.active .text p{display: block;}
.main-move a .text{position:relative;padding: 25px;text-align: left;position: absolute;left: 0;top: 0;z-index: 1;}
.main-move a .text h3{font-size: 18px;}
.main-move a .text p{font-size: 18px;display: none;}
.main-move a.active .text .icon-right{display:block;}
.main-move a .text .icon-right{position:absolute;left:25px;top:150px;display:none;}
@media screen and (max-width:1440px) {
    .main-move a .text h3{font-size: 16px;}
    .main-move a .text p{font-size: 16px;}
}
@media screen and (max-width:1150px) {
    .main-move a .text h3{font-size: 14px;}
    .main-move a .text p{font-size: 14px;}
}
@media screen and (max-width:1024px) {
    .main-move{height:auto!important;display:block;padding:0;margin:0 auto; width:96%!important;}
    .main-move a{width:48%;margin:1% 1%;height:450px!important;}
    .main-move a.active{width:48%;}
    .main-move.active a.active{width:48%;}
}
@media screen and (max-width: 768px) {
    .main-move a{height: 230px!important;}
	.index-jiaju{margin-bottom:30px;}
}

@media screen and (max-width: 400px) {
    .main-move a{height: 160px!important;}
}


/*footer*/
.footer{width:100%;background:url(../images/footer_bg.jpg) center bottom rgba(210,47,46);box-sizing:border-box; overflow:hidden;padding-top:75px;}
.footer .w1200{margin:0 auto;}
.footer .footer-top{padding-bottom:40px;}
.footer .footer-center{padding-bottom:38px;}
.footer .flist{width:100%;}
.footer .flist .flistBox{float: left;}
.footer .t1{padding-bottom:10px;font-size:14px;color:#ffffff;}
.footer .t1 a{font-size:14px;color:#ffffff;position:relative;}
.footer .flist dl{float: left; width:140px;padding-right:10px;}
.footer .flist dl dd a{font-size:12px;color:#ffffff;line-height:30px;}
.footer .flist a:hover{color:#d7a862;}
.footer .lianxi{float:left;color:#fff;font-size:13px;line-height:26px;width:480px;}
.footer .bottom-logo{width:300px;float:left;}
.footer .bottom-logo img{width:202px;}
.footer .msg{float:right;color:#fff;font-size:14px;line-height:30px; text-align:center; width:260px;}
.footer .msg img{ display:inline-block;max-width:100%;}
.copyright{width:100%;padding: 23px 0px;box-sizing:border-box;position:relative;}
.copyright:after{content:'';display:block;position:absolute;right:0;top:0;width:100%;height:1px;background:#ffffff;filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity:0.1;opacity:0.1;  }
.copyright .con{width:1200px;margin:0 auto;}
.copyright span{color:#fff;display: inline-block;font-size:12px; line-height:24px;}
.copyright span.beian{ float:right;}
.copyright span a{color:#fff;}
.copyright span a:hover{color:#ff0;}

.footerlink{width:100%;padding: 23px 0px;color:#fff;font-size:12px;line-height:24px;width:1200px;margin:0 auto;}
.footerlink a{color:#fff; padding:0 7px 0 0px;}
.footerlink a:hover{color:#ff0;}




@media screen and (max-width:1220px) {
	.footer .footer-top{padding-bottom:50px;}
	.footer .footer-center{padding-bottom:50px;}
	.footer .flist .flistBox{width:12.5%;}
	.footer .flist dl{width:95%;padding-right:5%;}
}
@media screen and (max-width:1150px) {
    .footer .bottom-logo{width:260px;}
}
@media screen and (max-width:1024px) {
    .footer{padding-top:50px;}
	.footer .lianxi{width:390px;}
	.footer .msg{width:180px;}
    .footer .bottom-logo{width:180px;}
    .footer .bottom-logo img{width:150px;}
}
@media screen and (max-width: 768px) {
    .footer{padding-top:40px;}
    .footer .footer-top{ display:none;}
	.footer .lianxi{width:100%;margin-bottom:30px;}
	.footer .msg{width:100%; text-align:center; margin:0 auto;}
	.footer .bottom-logo{width:100%;margin-bottom:30px;}
	.footer .bottom-logo img{width:165px;}
	.copyright{padding:18px 0px;}
	.copyright span.bqname{display:block;}
	.copyright span.beian{display:block;float:none;}
	.footer .footer-center{padding-bottom:20px;}
	.bottom-logo {display: none;}
}


/*css3*/
@keyframes float2 {
  0% {-webkit-transform:rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);transform: rotate(360deg);}
  }
@-webkit-keyframes float2 {
  0% {-webkit-transform:rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);transform: rotate(360deg);}
  }


/*piaofu*/
.piaofu{position: fixed;right: -170px;top: 50%;z-index: 900;}
.piaofu li a{text-decoration: none;}
.piaofu li{margin-top: 4px;clear: both;height: 62px;position: relative;}
.piaofu li i{display: block;width: 30px;height: 27px;margin: 0px auto;text-align: center;}
.piaofu li p{height: 20px;font-size: 12px;line-height: 20px;overflow: hidden;text-align: center;color: #fff;}
.piaofu .my-kefu-qq i{background: url(../images/piaofu.png) no-repeat center -64px;}
.piaofu .my-kefu-weixin i{background: url(../images/piaofu.png) no-repeat center  -190px;}
.piaofu .my-kefu-tel i{background: url(../images/piaofu.png) no-repeat top center;}
.piaofu .my-kefu-zhengce i{background: url(../images/piaofu.png) no-repeat center center;}
.piaofu .my-kefu-ftop{display: none;}
.piaofu .my-kefu-ftop i{width: 33px;height: 31px;background: url(../images/piaofu.png) no-repeat center -250px;}
.piaofu .my-kefu-ftop p{color: #143886;}
.piaofu .my-kefu-ftop .my-kefu-main{background:#f7d600;}
.piaofu .my-kefu-left{float: left;width: 62px;height: 47px;position: relative;}
.piaofu .my-kefu-tel-right{font-size: 16px;color: #fff;float: left;height: 24px;line-height: 22px;padding: 0 15px;border-left: 1px solid #fff;margin-top: 14px;}
.piaofu .my-kefu-right{width: 20px;}
.piaofu .my-kefu-tel-main{background: #cc2625;color: #fff;height: 53px;width: 230px;padding:9px 0 0;float: left;}
.piaofu .my-kefu-main{background: #cc2625;width: 97px;height: 53px;position: relative;padding:9px 0 0;float: left;}
.piaofu .my-kefu-weixin-pic{position: absolute;left: -130px;top: -24px;display: none;z-index: 333;}
.my-kefu-weixin-pic img{width: 115px;height: 115px;}
@media screen and (max-width:1024px){
.piaofu{ display:none!important;} 
}

/*****************************page start*****************************/
.pageH .head .logo{background: rgba(210,47,46,.8);padding:10px 20px 10px 0; top:36px;/*border-right:4px solid #102449;*/}
.pageH .head .menu{background: rgba(210,47,46,.8); top:36px;}
.pageH .head .menu .menuT{color:#fff;}
.pageH .head .menu span {background:#fff;}

.pageH .head.on .menu{background:#fff;}
.pageH .head.on .menu .menuT{color:#d22f2e;}
.pageH .head.on .menu span{ background:#d22f2e;}

@media screen and (max-width:1024px){
    .pageH .head .logo {top:30px;}
    .pageH .head .menu {top:30px;}
}
@media screen and (max-width:768px) {
    .pageH .head .logo{padding:0; top:0;border-right:0;}
    .pageH .head .menu {top:0;}
}

/*pagebanner*/
.pagebannerBox {width:100%;overflow:hidden;margin:0 auto;text-align:center;position: relative;}
.pagebannerBox img{width:100%; display:block;}
.pagebannerBox .t {position:absolute;top:64%;left: 0;right: 0;margin-top:-40px;height:80px;color:#d22f2e;display:inline-block;vertical-align: middle;text-align:center;}
.pagebannerBox .t::before{content: '';display: block;width: 100%;position: absolute;left: 0; right:0;top:-30px;height:30px;background: url(../images/icon.png) no-repeat center top;}
.pagebannerBox .t::after{content: '';display: block;width: 100%;position: absolute;left: 0; right:0;bottom:-40px;height:40px;background: url(../images/icon.png) no-repeat center bottom;}
.pagebannerBox .t .en{font-size:20px;line-height:40px;display:block;font-family: 'Constantia',Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif; text-transform: uppercase;}
.pagebannerBox .t .cn{font-size:40px;line-height:40px;display:block; }
@media screen and (max-width: 1440px){
    .pagebannerBox .t {margin-top:-35px;height:70px;}
    .pagebannerBox .t .cn{font-size:16px;line-height:35px;}
    .pagebannerBox .t .en{font-size:32px;line-height:35px;}
}
@media screen and (max-width: 1024px){
    .pagebannerBox img{ height:400px;}	
}
@media screen and (max-width: 920px){
    .pagebannerBox img{ height:350px;}	
}
@media screen and (max-width: 790px){
    .pagebannerBox img{ height:230px;}
}
@media screen and (max-width:768px) {
    .pagebannerBox {margin-top:50px;}	
    .pagebannerBox img{ height:200px;}
    .pagebannerBox .t {margin-top:-20px;height:40px; display:none;}
    .pagebannerBox .t .cn{font-size:16px;line-height:20px;}
    .pagebannerBox .t .en{font-size:18px;line-height:20px;}
}
@media screen and (max-width: 640px){
    .pagebannerBox img{ height:180px;}
}
@media screen and (max-width: 350px){
    .pagebannerBox img{ height:150px;}
}

/*PageNav*/
.PageNav {margin:0 auto;padding: 0;text-align: center;display:block;margin-bottom:20px;margin-top:-90px;}
.PageNav .layout{ position:relative;}
.PageNav ul{margin:0 auto; font-size:0;}
.PageNav li {list-style:none;display:inline-block;*display:inline; zoom:1;text-align: center;}
.PageNav li a {display:inline-block;line-height:35px;font-size:13px; color:#d22f2e;padding:0 18px;margin:3px 2px;position:relative;border-radius:35px; text-align:center; background:#fff;}
.PageNav li a:hover,.PageNav li.on a{color:#fff; background:#d22f2e;}
.PageNav .Navtit{ display:none;}
@media screen and (max-width:790px) {
.PageNav{margin-bottom:0;padding: 10px 0 10px 0;margin-top:0;border-bottom: 1px solid #eeeeee; /*background:#f9f9f9*/}
.PageNav .layout{ width:100%;}
.PageNav ul{ display: block;}
.PageNav li{text-align:left;}
.PageNav li a {line-height:30px;margin:0 0;font-size:14px; text-align:left;padding: 5px 10px;color:#464646; background:none;}
.PageNav li a:hover,.PageNav li.on a{color:#d22f2e; background:none;}
.PageNav .Navtit {line-height: normal;padding: 10px 20px;position: relative;text-transform: uppercase;font-size: 16px;letter-spacing: 1px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: background .15s;-moz-transition: background .15s;-ms-transition: background .15s;-o-transition: background .15s;transition: background .15s;text-align: center;ddisplay:none;width: 100%;color: #fff;background: #666666;}
.PageNav .Navtit span {position: relative;z-index: 1;-webkit-transition: color .25s;-moz-transition: color .25s;-ms-transition: color .25s;-o-transition: color .25s;transition: color .25s;color: inherit;text-align: left;}
.PageNav .Navtit:after {content: "";display: block;position: absolute;top: 18px;right: 20px;width: 0;height: 0;border-style: solid;border-width: 6px 4px 0 4px;border-color: #fff transparent transparent transparent;}
.PageNav .Navtit span {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}	
.PageNav ul li.on a:before,.PageNav ul li.on a:after{ display:none;}
.PageNav li:hover a:after,.PageNav li.on a:after{ width:0;}
}

/*Pageend*/
.Pageend {margin:2%;padding: 0;text-align: center; }
.Pageend .layout{ position:relative;}
.Pageend ul{margin:0 auto; font-size:0;}
.Pageend li {list-style:none;display:inline-block;*display:inline; zoom:1;text-align: center;}
.Pageend li a {display:inline-block;line-height:1.5;font-size:13px; color:#000;padding:0 2px;margin:2px;position:relative;/*border-radius:35px; */text-align:center; }
.Pageend li a:hover,.Pageend li.on a{color:#f00; }
.Pageend .Navtit{font-size: 30px;line-height: 40px; text-align: center; padding:0 0 12px;}
@media screen and (max-width:790px) {
.Pageend{ display: none;}
.Pageend{margin-bottom:0;padding: 10px 0 10px 0;margin-top:0;border-bottom: 1px solid #eeeeee; /*background:#f9f9f9*/}
.Pageend .layout{ width:100%;}
.Pageend ul{ display: block;}
.Pageend li{text-align:left;}
.Pageend li a {line-height:30px;margin:0 0;font-size:14px; text-align:left;padding: 5px 10px;color:#464646; background:none;}
.Pageend li a:hover,.Pageend li.on a{color:#d22f2e; background:none;}
.Pageend .Navtit {line-height: normal;padding: 10px 20px;position: relative;text-transform: uppercase;font-size: 16px;letter-spacing: 1px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: background .15s;-moz-transition: background .15s;-ms-transition: background .15s;-o-transition: background .15s;transition: background .15s;text-align: center;ddisplay:none;width: 100%;color: #fff;background: #666666;}
.Pageend .Navtit span {position: relative;z-index: 1;-webkit-transition: color .25s;-moz-transition: color .25s;-ms-transition: color .25s;-o-transition: color .25s;transition: color .25s;color: inherit;text-align: left;}
.Pageend .Navtit:after {content: "";display: block;position: absolute;top: 18px;right: 20px;width: 0;height: 0;border-style: solid;border-width: 6px 4px 0 4px;border-color: #fff transparent transparent transparent;}
.Pageend .Navtit span {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}	
.Pageend ul li.on a:before,.Pageend ul li.on a:after{ display:none;}
.Pageend li:hover a:after,.Pageend li.on a:after{ width:0;}
}

/*pageInfo*/
.page img{max-width:100%;}
.pageInfo{ color:#464646; font-size:14px; line-height:30px; min-height:30px;padding-top:70px;/*padding-bottom:30px;*/}
.pageInfo img{ max-width:100%;}
.page-tit{font-size:14px;color:#909090;overflow:hidden;padding-bottom:15px;padding-bottom:40px;  font-family: 'AlbertaLight'; text-transform:uppercase;}
.page-tit2{font-size:26px;color:#1e2831;overflow:hidden;padding-bottom:15px;}
.pageline{ width:100%;height:1px;background:#dddddd;}
@media screen and (max-width:790px) {
    .pageInfo{padding-top:30px;/*padding-bottom:30px;border-top:1px solid #dcdcdc;*/ }
    .page-tit{font-size:20px;padding-bottom:10px;}
    .page-tit2{font-size:16px;}
}

/*pageBox*/
.page-about{margin-bottom:70px;}
.pageBox-left2{ float:right; width:50%; position:relative; height:auto; text-align:right;}
.pageBox-left2 .pageBox-img{}
.pageBox-right2{ float:left; width:50%;}
.pageBox-right2 .pageBox-rightBOX{ padding:30px 0 30px 0;}
.pageBox-right2 h1{ font-size:22px; color:#000000;margin-bottom:20px;}
@media screen and (max-width:1200px){
    .pageBox-left2{ float:none; width:100%; position:relative; height:360px;}
    .pageBox-left2 .pageBox-img{ position: static; top:0; height:360px; width:100%}
    .pageBox-left2 .pageBox-img img{ height:100%; width:100%;}
    .pageBox-right2{ float:none; width:100%;}
    .pageBox-right2 .pageBox-rightBOX{ padding:30px 0;}
}


.pageBox-left3{ float:left; width:50%; position:relative; height:auto;}
.pageBox-left3 .pageBox-img{ }
.pageBox-right3{ float:right; width:50%;}
.pageBox-right3 .pageBox-rightBOX{ padding:30px 0 30px 0;}
.pageBox-right3 h1{ font-size:22px; color:#000000;margin-bottom:20px;}
@media screen and (max-width:1200px){
    .pageBox-left3{ float:none; width:100%; position:relative; height:360px;}
    .pageBox-left3 .pageBox-img{ position: static; top:0; height:360px; width:100%;}
    .pageBox-left3 .pageBox-img img{ height:100%; width:100%;}
    .pageBox-right3{ float:none; width:100%;}
    .pageBox-right3 .pageBox-rightBOX{ padding:30px 0;}
}


/*history*/
.pageList{padding:0;}
.pageList ul{margin:0;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;margin:0 auto;}
.pageList ul li.honorli{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:300px;margin-right:20px;position: relative; vertical-align:top;margin-bottom:20px;}
.pageList ul li.honorli a.honorlia{background-color:#fff;display:block;padding:10px;-webkit-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:all 0.3s ease-in-out;border:1px solid #dfdfdf;padding:5px 8px;}
.pageList ul li.honorli .ImgBox{width:280px;height:400px;overflow:hidden;margin:0 auto; position:relative;padding:0; display:table-cell; vertical-align: middle; text-align:center;}
.pageList ul li.honorli .ImgBox img{max-width:280px;max-height:396px;-webkit-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.pageList ul li.honorli a:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.pageList ul li.honorli:after{opacity:0;content:""; display:block; position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; background-color:#f5f5f5;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.pageList ul li.honorli:hover:after{opacity:0.3;}
.pageList ul li.honorli .tit a{line-height:50px; height:50px; overflow:hidden;font-size: 14px;color:#333333;text-align:center; display:block;}
@media screen and (max-width:1220px) {.pageList ul li.honorli{width:260px;}}
@media screen and (max-width:1150px){
    .pageList ul li.honorli{width:235px;}	
    .pageList ul li.honorli .tit{margin-top:10px;margin-bottom:10px;}
}
@media screen and (max-width:1024px){
    .pageList ul li.honorli{width:365px;}
    .pageList ul li.honorli .ImgBox img{width:100%;}
    .pageList ul li.honorli .tit{margin-top:5px;margin-bottom:5px;}
}
@media screen and (max-width:768px){
    .pageList ul{margin:0 -5px;}
    .pageList ul li.honorli{width:50%;margin-right:0;margin-bottom:0;}
    .pageList ul li.honorli a.honorlia{margin:0 5px;}
    .pageList ul li.honorli .ImgBox img{width:100%;}
}
@media screen and (max-width:640px) {
    .pageList ul li.honorli .tit{font-size:13px;}
}

/*prev + next*/
.lunboCon{ position:relative; }
.prolunboIcon{ text-align:center;margin-bottom:70px; position:relative;}
.prolunboIcon .prev,
.prolunboIcon .next{-webkit-transition: all 0.6s ease;transition: all 0.6s ease; margin:0 10px;}
.prolunboIcon .prev {display:inline-block;text-decoration: none;width:42px;height:42px;background: url(../images/arrow2.png) 15px 15px no-repeat #f5f5f5;border-radius:50%;background-size:50px;}
.prolunboIcon .next {display:inline-block;text-decoration: none;width:42px;height:42px;background: url(../images/arrow2.png) -25px 15px no-repeat #f5f5f5;border-radius:50%;background-size:50px;}
.hd2{ display:none;}
@media screen and (max-width:768px) {	
.prolunboIcon{ text-align:center;margin-top: 20px;margin-bottom:0; }
.prolunboIcon .prev{ position: static;margin:0 10px;}
.prolunboIcon .next{ position: static;margin:0 10px;}
}

/*page-back*/
.page-back{ margin:0 auto; text-align:center;padding:30px 0;}
.page-back a{display:block;width:220px;font-size: 14px;line-height: 44px;height:44px;overflow:hidden; text-align:center;color: #595959;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; background:#fff;text-transform:uppercase;border:1px solid #e5e5e5;}
.page-back a:hover{background:#d22f2e; color:#fff;border-color:#d22f2e;}


.page-titBox{ position:relative;margin-bottom:30px;text-align:center;}
.page-titBox .tit{ font-size:32px; line-height:40px; color:#d22f2e; text-align:center;}
.page-titBox .tit{color:#d22f2e;}
.page-titBox .tit a{color:#d22f2e;}
.page-titBox .tit .en{ font-size:20px; line-height:40px; color:#464646;font-family: "AvantGarde LT ExtraLight",'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;font-weight:300;}
@media screen and (max-width:768px) {	
.page-titBox .tit { font-size:20px; line-height:30px;}
.page-titBox .tit .en{ font-size:16px; line-height:30px;}

}

/*profile2*/
.profile2{ overflow:hidden;}
.profile2 .profile2-pic{width:54.6875%; float:left; min-height: 440px !important; position: relative; height: 100%;}
.profile2-pic ul{position: relative;width: 100%;height: 100%;}
.profile2 .profile2-dot{width:45.3125%;float:right;background:#f5f5f5; position: relative;}

.profile2-dot .profile2-dot-wrap{position: absolute;right: 25%;top: 50%;margin-top: -220px;height: 400px;width: 90px;text-align: center;}
.profile2-dot .profile2-dot-c{overflow-y: hidden; overflow-x: auto;height: 100%;}
.profile2-dot .profile2-dot-left,.profile2-dot .profile2-dot-right{display:inline-block;width:20px;height:13px;background-position: center center;position: absolute;left: 0;right: 0;margin-left: auto;margin-right: auto;}
.profile2-dot .profile2-dot-left{background: url(../images/arrow2.png) left bottom no-repeat;top: -28px;}
.profile2-dot .profile2-dot-right{background: url(../images/arrow2.png) right bottom no-repeat;bottom: -16px;}

.profile2-dot li{cursor: pointer;font-size: 16px;color:#1e2831;margin-bottom:25px;}
.profile2-dot li.on{color:#d22f2e; font-weight: bold;}
/*.profile2-dot li.on:before,.profile2-dot li.on:after{width: 14px;height: 1px;background: #a01f24; content:""; display: inline-block; vertical-align: middle;}
.profile2-dot li.on:before{margin-right: 8px;}
.profile2-dot li.on:after{margin-left: 8px;}*/
.profile2-pic li{position: absolute; width: 100%;height: 100%;background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;display: none;}
.profile2-pic .text{width: 260px;position: absolute; right: -130px;top: 50%;margin-top: -185px;z-index: 5;}
.profile2-pic h2{font-size:36px;font-weight: normal;color:#d22f2e;text-align: center;padding-top:80px;padding-bottom: 20px;}
.profile2-pic .tx{padding:0 15px;font-size: 14px;line-height:30px; color:#1e2831;height: 150px;overflow-y: scroll;}
.profile2-arrow{z-index: 3;width:360px;height: 360px;position: absolute;right: -180px;top: 50%;margin-top: -185px;border-radius:50%;}
.profile2-arrow:before{content:"";position:absolute; left:0; top:0; width:100%; height:100%;background-color: #fff; border-radius:50%;
-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.profile2-arrow:after{content:"";position:absolute; left:-20px; top:-20px; width:400px; height:400px;border-radius:50%;background:#fff;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;  
-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.profile2-arrow .arrow{position: absolute;bottom: 10px;width: 100%;text-align: center; z-index:1;}
.profile2-arrow .arrow a{display: inline-block;width:12px;height:23px;margin-right: 5px;}
.profile2-arrow .arrow a.profile2-prev{background: url(../images/arrow2.png) left top no-repeat;}
.profile2-arrow .arrow a.profile2-next{background: url(../images/arrow2.png) right top no-repeat;}

.profile2 .profile2-dot{height: 100% !important;}
.profile2{min-height: 450px;}
.mprofile2 img{max-width:100%;}

@media (min-width: 768px) {
    .mprofile2{display: none;}
    .profile2{display: block;}
}
@media (max-width: 768px) {
    .mprofile2{display: block;border-bottom: 1px solid #ddd; width:92%;padding:0 4%;}
    .profile2{display: none; }
    .mprofile2-top .gallery-thumbs .swiper-slide-active{color:#d22f2e;}
    .mprofile2-top .swiper-button-prev.swiper-button-white,.mprofile2-top  .swiper-container-rtl .swiper-button-next.swiper-button-white,.mprofile2-top .swiper-button-next.swiper-button-white, .swiper-container-rtl .mprofile2-top .swiper-button-prev.swiper-button-white{background:none;color:#999;font-weight: bold; line-height: 44px;text-align: center;}
    .gallery-thumbs .swiper-slide{font-size:16px;width:40px;}
    .gallery-thumbs{margin-left: 27px;margin-right: 27px;height: 60px;line-height: 60px;}
    .mprofile2-top{background-color:#f5f5f5;position: relative;width: 100%;}
    .mprofile2-top .swiper-button-next.swiper-button-white,.mprofile2-top .swiper-container-rtl .swiper-button-prev.swiper-button-white{right: 0; background:#f5f5f5;}
    .mprofile2-top .swiper-button-prev.swiper-button-white,.mprofile2-top .swiper-container-rtl .swiper-button-next.swiper-button-white{left: 0;background:#f5f5f5;}
    .slide-text{min-height: 120px;padding-top:15px;padding-bottom: 30px;color:#333;}
    .slide-text h2{font-size:18px; font-weight: normal;padding-bottom:5px; color:#d22f2e;}
    .slide-text p{font-size:14px;line-height: 30px;}
}


/*culture*/
.page-culture{padding-top:60px;padding-bottom:90px; background:#f8f8f8;}
#subjects .cultureList{padding:0;}
#subjects .cultureList .swiper-wrapper{margin:0;padding:0;overflow:hidden;height:auto;color:#a0a0a0;line-height:normal; position:relative;width:1200px;height:410px;}
#subjects .cultureList .swiper-slide{width:1200px;display:block;position:absolute;top:0;
-webkit-transition:0.8s ease-in-out;-ms-transition:0.8s ease-in-out;-o-transition:0.8s ease-in-out;transition:all 0.8s ease-in-out;}
#subjects .cultureList .swiper-slide a{display:block;cursor:pointer;}
#subjects .cultureList .swiper-slide .L-left{float:left;width:295px; height:410px; position:relative;}
#subjects .cultureList .swiper-slide .L-right{float:left;width:905px;height:410px;background:#fff;}
#subjects .cultureList .swiper-slide .L-right .rightBox{width:905px;height:410px;display: table-cell; vertical-align:middle;}
#subjects .cultureList .swiper-slide .L-right .rightBox .nr{padding:30px 120px;}
#subjects .cultureList .swiper-slide .L-right .rightBox .nr3{padding:30px 40px;}
#subjects .cultureList .swiper-slide .L-right .rightBox .w1{width:32.6%; padding-right:0%;}
#subjects .cultureList .swiper-slide .L-right .rightBox .w2{width:26%; padding-left:4%;}
#subjects .cultureList .swiper-slide .L-right .rightBox .w3{width:37%; padding-right:0%;}

#subjects .cultureList .swiper-slide .L-right .rightBox .t1{line-height:30px;height:30px; overflow:hidden;font-size: 26px;color:#d22f2e;margin-bottom:12px;}
#subjects .cultureList .swiper-slide .L-right .rightBox .wz{line-height:34px;overflow:hidden;font-size: 14px;color:#595959;}
#subjects .cultureList .swiper-slide .L-right .rightBox .wz3lineheight{line-height:30px;}
#subjects .cultureList .swiper-slide .ImgBox{width:100%;height:auto;overflow:hidden;margin:0 auto; position:relative;padding:0; z-index:1;}
#subjects .cultureList .swiper-slide .ImgBox img{width:100%;height:100%;}
#subjects .cultureList .swiper-slide .tit{position:absolute; top:50%; left:0;right:0; text-align: center;margin-top:-65px; z-index:2;}
#subjects .cultureList .swiper-slide .tit .cn{line-height:30px; height:30px; overflow:hidden;font-size: 20px;color:#fff;text-align:center; }
#subjects .cultureList .swiper-slide .tit .en{line-height:30px; height:30px; overflow:hidden;font-size: 14px;color:#fff;text-align:center; }
#subjects .cultureList .swiper-slide .tit img{ width:70px; height:70px;margin:0 auto;text-align:center;}

/*滑块*/
#subjects .cultureList .item-1 {z-index:1;}
#subjects .cultureList .item-2 {z-index:2;}
#subjects .cultureList .item-3 {z-index:3;}
#subjects .cultureList .item-4 {z-index:4;}
/* 没有指向 */
#subjects .state-0 .item-1{left:0;}
#subjects .state-0 .item-2{left:301px;}
#subjects .state-0 .item-3{left:602px;}
#subjects .state-0 .item-4{left:903px;}
/* 指向第一个 */
#subjects .state-1 .item-1 {left:0;}
#subjects .state-1 .item-2 {left:100%;}
#subjects .state-1 .item-3 {left:100%;}
#subjects .state-1 .item-4 {left:100%;}
/* 指向第二个 */
#subjects .state-2 .item-1 {left:0;}
#subjects .state-2 .item-2 {left:0;}
#subjects .state-2 .item-3 {left:100%;}
#subjects .state-2 .item-4 {left:100%;}
/* 指向第三个 */
#subjects .state-3 .item-1 {left:0;}
#subjects .state-3 .item-2 {left:0;}
#subjects .state-3 .item-3 {left:0;}
#subjects .state-3 .item-4 {left:100%;}
/* 指向第四个 */
#subjects .state-4 .item-1 {left:0;}
#subjects .state-4 .item-2 {left:0;}
#subjects .state-4 .item-3 {left:0;}
#subjects .state-4 .item-4 {left:0;}
/* 滑块 end */
@media screen and (max-width:1220px) {
#subjects .cultureList ul{width:1100px;height:375px;}
#subjects .cultureList .swiper-slide{width:1100px;}
#subjects .cultureList .swiper-slide .L-left{width:270px; height:375px;}
#subjects .cultureList .swiper-slide .L-right{width:830px;height:375px;}
#subjects .cultureList .swiper-slide .L-right .rightBox{width:830px;height:375px;}
#subjects .cultureList .swiper-slide .L-right .rightBox .nr{padding:30px 100px;}
#subjects .state-0 .item-2{left:277px;}
#subjects .state-0 .item-3{left:554px;}
#subjects .state-0 .item-4{left:830px;}
}
@media screen and (max-width:1150px){
.page-culture{padding-top:50px;padding-bottom:50px;}
#subjects .cultureList .swiper-wrapper{width:1000px;height:340px;}
#subjects .cultureList .swiper-slide{width:1000px;}
#subjects .cultureList .swiper-slide .L-left{width:245px; height:340px;}
#subjects .cultureList .swiper-slide .L-right{width:755px;height:340px;}
#subjects .cultureList .swiper-slide .L-right .rightBox{width:755px;height:340px;}
#subjects .cultureList .swiper-slide .L-right .rightBox .nr{padding:30px 90px;}
#subjects .state-0 .item-2{left:252px;}
#subjects .state-0 .item-3{left:504px;}
#subjects .state-0 .item-4{left:755px;}
}
@media screen and (max-width:1024px){
.page-culture{padding-top:40px;padding-bottom:40px;}
#subjects .cultureList .swiper-wrapper{width:100%;height:auto; overflow:visible;}
#subjects .cultureList .swiper-slide{width:100%;position:static;top:auto;background:#fff; -webkit-transition:0;-ms-transition:0;-o-transition:0;transition:0;}
#subjects .cultureList .swiper-slide .L-left{width:100%; height:auto; float:none;height:130px; overflow:hidden;}
#subjects .cultureList .swiper-slide .ImgBox{width:100%;height:auto;padding:0 0; position:relative;}
#subjects .cultureList .swiper-slide .ImgBox:after{content:"";position:absolute; left:0; top:0; width:100%; height:100%;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;  }
#subjects .cultureList .swiper-slide .L-right{width:100%;height:auto; float:none}
#subjects .cultureList .swiper-slide .L-right .rightBox{width:100%;height:auto; display:block;}
#subjects .cultureList .swiper-slide .L-right .rightBox .nr{padding:30px 30px;}
#subjects .state-0 .item-1{left:auto; z-index:1;}
#subjects .state-0 .item-2{left:auto; z-index:1;}
#subjects .state-0 .item-3{left:auto; z-index:1;}
#subjects .state-0 .item-4{left:auto; z-index:1;}
/* 指向第一个 */
#subjects .state-1 .item-1 {left:auto;}
#subjects .state-1 .item-2 {left:auto;}
#subjects .state-1 .item-3 {left:auto;}
#subjects .state-1 .item-4 {left:auto;}
/* 指向第二个 */
#subjects .state-2 .item-1 {left:auto;}
#subjects .state-2 .item-2 {left:auto;}
#subjects .state-2 .item-3 {left:auto;}
#subjects .state-2 .item-4 {left:auto;}
/* 指向第三个 */
#subjects .state-3 .item-1 {left:auto;}
#subjects .state-3 .item-2 {left:auto;}
#subjects .state-3 .item-3 {left:auto;}
#subjects .state-3 .item-4 {left:auto;}
#subjects .cultureList .swiper-slide .tit .cn{font-size:16px;}
#subjects .cultureList .swiper-slide .tit .en{font-size:12px;}
#subjects .cultureList .swiper-slide .L-right .rightBox .nr{padding:30px 30px; min-height:155px}
#subjects .cultureList .swiper-slide .L-right .rightBox .t1{font-size:18px;margin-bottom:5px;}
#subjects .cultureList .swiper-slide .L-right .rightBox .wz{line-height:24px;font-size:12px;}
}


/*caseList*/
.caseList{margin-bottom:50px;}
.caseList ul{margin:0 -10px}
.caseList li{list-style:none;overflow:hidden;margin:auto ;padding:0;display:block;float: left;font-size:14px;width:50%;height:auto;margin-bottom:15px;position:relative;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; position:relative; cursor:pointer;}
.caseList li a{display:block;margin:0 10px; padding:29px;position:relative;border:1px solid #e5e5e5;}
.caseList li .ImgBox{display:block;width:530px;height:300px;overflow:hidden; }
.caseList li .ImgBox img{overflow: hidden;max-width:530px;max-height:300px;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
.caseList li a:hover .ImgBox img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.caseList li .tit{height:auto;color:#464646;line-height:30px;z-index:2;font-size:20px; font-weight: normal;padding:35px 0 0 0;text-align:left;}
.caseList li .tit .t1{font-size:20px; line-height:30px;height:30px;overflow:hidden; color:#1e2831;display: block;}
.caseList li .tit .t2{font-size:12px; line-height:30px;height:30px; overflow:hidden; color:#909090;display: block;}
.caseList li:hover .tit .t1{ color:#d22f2e;}
@media screen and (max-width:1220px) {
    .caseList li a{padding:10px;}
    .caseList li .ImgBox{width:540px;height:297px;}
    .caseList li .ImgBox img{max-width:540px;max-height:297px;}	
}
@media screen and (max-width:1140px) {
.caseList li .ImgBox{width:100%;height:auto;display:block;}
.caseList li .ImgBox img{max-width:100%;max-height:100%; display:block;}	
.caseList li .tit .t1{font-size:16px;}
}
@media screen and (max-width:767px) {
    .caseList{margin-bottom:30px;}
    .caseList ul{margin:0 -5px}
    .caseList li a{ margin:0 5px;}
    .caseList li .tit{padding:10px 0 0 0;text-align:left;}
    .caseList li .tit .t1{font-size:15px;}
    .caseList li .tit .t2{font-size:12px;}
}
@media screen and (max-width:350px) {
    .caseList ul{margin:0;}
    .caseList li{width:100%;}
    .caseList li a{ margin:0;}
}


/*PageNav2*/
.PageNav2 {margin:0 auto;padding: 0;text-align: center;display:block;margin-bottom:45px;}
.PageNav2 ul{margin:0 auto; font-size:0;}
.PageNav2 li {list-style:none;display:inline-block;*display:inline; zoom:1;text-align: center;}
.PageNav2 li a {display:inline-block;line-height:35px;font-size:13px; color:#1e2831;padding:0 20px;margin:0 4px;position:relative;border-radius:35px; text-align:center; border:1px solid #c9c9c9;}
.PageNav2 li a:hover,.PageNav2 li.on a{color:#fff; background:#d22f2e;}
@media screen and (max-width:790px) {
    .PageNav2{margin-bottom:0;padding: 0 0 0 0;margin-top:0;margin-bottom:20px;}
    .PageNav2 ul{ display: block;background:#fff; text-align:left;}
    .PageNav2 li{ text-align:left;}
    .PageNav2 li a {line-height:20px;margin:0;margin-right:5px;font-size:14px; text-align:left;padding: 5px 10px;color:#464646; }
    .PageNav2 li a:hover,.PageNav2 li.on a{border-color:#d22f2e;}
    .PageNav2 ul li.on a:before,.PageNav2 ul li.on a:after{ display:none;}
    .PageNav2 li:hover a:after,.PageNav2 li.on a:after{ width:0;}
}
@media screen and (max-width:450px) {
    .PageNav2 li a {font-size:13px;padding: 5px 7px;}
}

/*joinBox*/
.joinBox{ width:783px;margin:0 auto; background:#fff;padding:70px 100px 70px 165px;margin-top:-105px;position:relative; z-index:1;}
.joinBox .t1{font-size:22px; line-height:30px;overflow:hidden; color:#d22f2e;display: block;padding-bottom:34px; position: relative; background: url(../images/join-tit-line.png) left bottom no-repeat;margin-bottom:15px;}
.tit4{font-size:24px;color:#595959;margin-bottom:10px;}
@media screen and (max-width:1220px) {
    .joinBox{ width:80%;margin:0 auto; background:#fff;padding:10% 5% 5% 5%;margin-top:-80px;position:relative; z-index:1;}
}
@media screen and (max-width:768px) {
    .joinBox{ width:100%;margin:0 auto; background:#fff;padding:5% 0 5% 0;margin-top:0;position:relative; z-index:1;}
    .joinBox  .joinTable td{ display:block!important;padding:3% 0;}
    .joinBox  .joinTable td img{ max-width:90px;}
    .joinBox .t1{font-size:18px;padding-bottom:20px;margin-bottom:15px;}
    .tit4{font-size:19px;}
}


.joinTable2 td{ position:relative;}
.joinTable2 td:after{ content:""; position:absolute;bottom:0;left:0;margin:0 auto; width:1px; height:90%;background:#e9e9e9;}
.joinTable2 td:nth-child(1):after{ width:0;}

.page-chengjiu{margin-top:90px;}
.page-chengjiu .page-chengjiuBox{ background:#f8f8f8;padding:55px 30px;}
@media screen and (max-width:1024px) {
    .page-chengjiu{margin-top:50px;}
}
@media screen and (max-width:768px) {
    .page-chengjiu{margin-top:40px;}
    .page-chengjiu .page-chengjiuBox{padding:30px 20px;}
    .joinTable2 td{ display:block!important;padding:3% 0; float:left; width:50%;}
    .joinTable2 td:nth-child(3):after{ width:0;}
    .joinTable2 td img{ max-width:80%;}
}

/*joinli*/
.pageList ul li.joinli{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:100%;margin-right:0;position: relative; vertical-align:top;margin-bottom:0;}
.pageList ul li.joinli a{display:block; background:#f8f8f8; padding:30px 30px;}
.pageList ul li.joinli .ImgBox{width:560px;float:left; height:320px; overflow:hidden;}
.pageList ul li.joinli .ImgBox img{max-width:100%;max-height:100%;-webkit-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.pageList ul li.joinli a:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.pageList ul li.joinli .tit{ float:left; width:50%;}
.pageList ul li.joinli .tit .titNr{padding-left:50px;padding-right:0;padding-top:50px;}
.pageList ul li.joinli .tit .num{font-size:42px; line-height: normal;color:#1b479c;display: block;margin-bottom:5px;}
.pageList ul li.joinli .tit .t1{font-size:24px; line-height: normal;color:#000000;display: block;margin-bottom:15px;}
.pageList ul li.joinli .tit .en{font-size:14px; line-height: normal;color:#909090;vertical-align:bottom;}
.pageList ul li.joinli .tit .wz{font-size:14px; line-height:30px;color:#595959;display: block;}
@media screen and (max-width:1220px){
    .pageList ul li.joinli .ImgBox{width:50%;height:auto;}
    .pageList ul li.joinli .tit .titNr{padding-left:30px;padding-top:30px;}	
}
@media screen and (max-width:1024px){
    .pageList ul li.joinli .ImgBox{width:100%; float:none;}
    .pageList ul li.joinli .ImgBox img{ width:100%;}
    .pageList ul li.joinli .tit{width:100%; float:none;}
    .pageList ul li.joinli .tit .titNr{padding-left:0;padding-right:0;padding-top:30px;}
    .pageList ul li.joinli .tit .num{font-size:38px;}
    .pageList ul li.joinli .tit .t1{font-size:20px;}
}
@media screen and (max-width:768px){
    .pageList ul li.joinli a{padding:15px 15px 30px 15px;}
}


/*hd3*/
.hd3 {width:100%;z-index:1;text-align:center;margin-top:60px;margin-bottom:60px;}
.hd3 ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:28px;height:28px;margin:0 5px;overflow:hidden;line-height:28px;border-radius:50%; background:#e2e2e2; color:#464646; font-size:12px; font-style:italic;}
.hd3 ul li.on{background: #d22f2e; color:#fff;}
@media screen and (max-width:1024px){
.hd3 {margin-top:30px;margin-bottom:30px;}
}



/*zhichi*/
.page-titBox2{ position:relative;margin-bottom:30px;text-align:center;}
.page-titBox2 .tit a{ font-size:32px; line-height:40px; color:#fff; text-align:center;}
.page-titBox2 .tit a .en{ font-size:20px; line-height:40px; color:#fff;font-family: 'AlbertaLight','pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif; }
@media screen and (max-width:768px){
.page-titBox2 .tit a{ font-size:20px; line-height:30px;}
.page-titBox2 .tit a .en{ font-size:16px; line-height:30px;}
}
.page-zhichi{padding-top:80px;padding-bottom:90px;background-repeat:no-repeat;background-position:0 center;background-size:cover;margin-bottom:50px;}
.pageList ul li.zhichili{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:25%;position: relative; vertical-align:top;}
.pageList ul li.zhichili a{display:block;padding:0;-webkit-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.pageList ul li.zhichili .ImgBox{width:100%;height:auto;overflow:hidden;margin:0 auto; position:relative;padding:0;}
.pageList ul li.zhichili .ImgBox img{width:100%;height:100%; display:block;}
.pageList ul li.zhichili .tit{position:absolute; top:54px; left:0;right:0; text-align: center;}
.pageList ul li.zhichili .tit .cn{line-height:30px; height:30px; overflow:hidden;font-size: 20px;color:#fff;text-align:center; font-weight:bold;margin-bottom:15px;}
.pageList ul li.zhichili .tit .en{line-height:30px; height:150px; overflow:hidden;font-size: 14px;color:#fff;text-align:left;padding:0 40px;}
.pageList ul li.zhichili .tit img{ width:90px; height:90px;margin:0 auto;text-align:center;margin-bottom:10px;}
.pageList ul:nth-child(1) li.zhichili:nth-child(2n) .tit .cn{color:#7f4c00;}
.pageList ul:nth-child(1) li.zhichili:nth-child(2n) .tit .en{color:#7f4c00;}
.pageList ul:nth-child(2) li.zhichili:nth-child(2n-1) .tit .cn{color:#7f4c00;}
.pageList ul:nth-child(2) li.zhichili:nth-child(2n-1) .tit .en{color:#7f4c00;}
@media screen and (max-width:1024px){
    .pageList ul li.zhichili{width:50%;}
}
@media screen and (max-width:768px){
    .page-zhichi{padding-bottom:50px;padding-top:50px;}
    .pageList ul li.zhichili .tit .en{padding:0 10px;}
}
@media screen and (max-width:640px) {
    .pageList ul li.zhichili .tit{top:20px; }
    .pageList ul li.zhichili .tit .cn{font-size:16px;}
    .pageList ul li.zhichili .tit .en{font-size:12px;line-height:20px; height:100px;}

}
@media screen and (max-width:530px) {
    .pageList ul li.zhichili .tit img{ width:70px; height:70px;margin-bottom:0px;}	
}
@media screen and (max-width:430px) {
    .pageList ul li.zhichili .tit{top:10px; }
    .pageList ul li.zhichili .tit img{ width:50px; height:50px;margin-bottom:0px;}	
    .pageList ul li.zhichili .tit .cn{font-size:14px;margin-bottom:0px;}
}
@media screen and (max-width:350px) {
    .pageList ul li.zhichili .tit img{ width:30px; height:30px;margin-bottom:0px;}	
    .pageList ul li.zhichili .tit .cn{font-size:13px;margin-bottom:0px; line-height:24px;height:24px;}
}

/*client*/
.page-client{ background:#f5f9fe; text-align:center;padding-top:85px;padding-bottom:60px;margin-top:50px;}
.pageList ul li.clientli{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:170px;margin-right:36px;position: relative; vertical-align:top;margin-bottom:20px;}
.pageList ul li.clientli a.clientlia{display:block;-webkit-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:all 0.3s ease-in-out;background:#f7f7f7;border:1px solid #dfdfdf;padding:19px;}
.pageList ul li.clientli .ImgBox{width:170px;height:170px;border-radius:50%;overflow:hidden;margin:0 auto; position:relative;padding:0; display:table-cell; vertical-align: middle; text-align:center;}
.pageList ul li.clientli .ImgBox img{max-width:170px;max-height:170px;-webkit-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:all 0.3s ease-in-out;}

@media screen and (max-width:1220px) {
.pageList ul li.clientli{margin-right:16px;}	
}
@media screen and (max-width:1150px){
.page-client{padding-top:50px;padding-bottom:40px;margin-top:40px;}
.pageList ul li.clientli{width:150px;}	
.pageList ul li.clientli .ImgBox{width:150px;height:150px;}
.pageList ul li.clientli .ImgBox img{width:100%;max-width:100%;max-height:100%;}
}
@media screen and (max-width:1024px){
.page-client{ padding-top:50px;padding-bottom:50px;}
.pageList ul{margin:0;}
.pageList ul li.clientli{width:33.3333333%;margin-right:0;}
.pageList ul li.clientli a{margin:0;}
.pageList ul li.clientli .ImgBox{ width:80%;margin:0 10%; height:auto; display:block;}
}
@media screen and (max-width:768px){
.pageList ul li.clientli .ImgBox{ width:90%;margin:0 3%;}
}

/*prev + next*/
.page-client .prolunboIcon{ text-align:center;margin-bottom:0; position:relative; height:40px; position:relative; z-index:99;margin-top:30px;}
.page-client .prolunboIcon:before{ content:""; position:absolute;top:50%; left:0; width:100%; height:1px; background:#d3e6ff; z-index:0;}
.page-client .prolunboIcon:after{ content:""; position:absolute;top:50%; left:0;right:0;margin:0 auto; width:154px; height:1px;background:#f5f9fe; z-index:0;}
.page-client .prolunboIcon .prev,
.page-client .prolunboIcon .next{ position:relative; left:0; right:0; bottom:0; z-index:9;}
.page-client .prolunboIcon .prev {width:40px;height:40px;background: url(../images/arrow.png) 15px 12px no-repeat #d22f2e;bottom:0;}
.page-client .prolunboIcon .next {width:40px;height:40px;background: url(../images/arrow.png) -35px 12px no-repeat #464646;bottom:0;}
@media screen and (max-width:768px) {	
.page-client .prolunboIcon{ text-align:center;margin-top: 20px;}
.page-client .prolunboIcon .prev{position:relative;margin:0 10px;}
.page-client .prolunboIcon .next{position:relative;margin:0 10px;}
}


/*page-jx page-titBox3*/
.page-titBox3{ position:relative;margin-bottom:30px;text-align:center;}
.page-titBox3 .tit a{ font-size:36px; line-height:40px; color:#d22f2e; text-align:center;}
.page-titBox3 .tit a .en{ font-size:13px; line-height:40px; color:#464646; }
@media screen and (max-width:1024px){
.page-titBox3 .tit a{ font-size:30px; line-height:30px;}
.page-titBox3 .tit a .en{ font-size:13px; line-height:30px;}
}
@media screen and (max-width:768px){
.page-titBox3 .tit a{ font-size:20px; line-height:30px;}
.page-titBox3 .tit a .en{ font-size:12px; line-height:24px;}
}


/*page-jx newsTop*/
.newsTop{ float: left; width:795px; height:470px; background:#f6f6f6;margin-right:15px; overflow:hidden;}
.newsTop a{display:block;padding:80px 50px 50px 50px;}
.newsTop .ImgBox{width:270px;height:315px;overflow:hidden;margin:0 auto; position:relative;padding:0; float:left;margin-right:30px;}
.newsTop .ImgBox img{width:100%;height:100%; display:block;}
.newsTop .tit .cn{line-height:30px; height:30px; overflow:hidden;font-size: 20px;color:#d22f2e;font-weight:bold;margin-bottom:15px;}
.newsTop .tit .wz{line-height:30px; height:180px; overflow:hidden;font-size: 14px;color:#464646;}
.newsTop .tit .more{line-height:38px; height:38px; overflow:hidden;font-size: 14px;border-radius:38px; background:#d22f2e; color:#fff; width:110px; text-align:center;margin-top:20px;}
.newsTop a:hover .tit  .more{ background:#d7a862;}
@media screen and (max-width:1220px){
    .newsTop{ width:695px;margin-right:15px;}
}
@media screen and (max-width:1150px){
    .newsTop{ width:595px;margin-right:15px;}
}
@media screen and (max-width:1024px){
    .newsTop{ width:100%;margin-right:0; float:none;margin-bottom:30px; height:auto;}
    .newsTop a{padding:30px 30px 30px 30px;}
    .newsTop .tit .cn{font-size:18px;margin-bottom:10px;}
}
@media screen and (max-width:640px){
    .newsTop a{padding:20px 20px 20px 20px;}
    .newsTop .ImgBox{width:40%;height:auto;margin-right:3%;}
    .newsTop .tit .cn{font-size:16px;margin-bottom:5px;}
    .newsTop .tit .wz{line-height:24px; height:120px;font-size:12px;}
    .newsTop .tit .more{line-height:30px; height:30px;border-radius:30px;width:110px;margin-top:10px; font-size:12px; width:90px;}
}
@media screen and (max-width:470px){
    .newsTop .tit .cn{font-size:14px;margin-bottom:0px;}
    .newsTop .tit .wz{height:96px;}
}
@media screen and (max-width:450px){
    .newsTop .tit .wz{height:60px;line-height:20px;}
}
@media screen and (max-width:375x){
    .newsTop .tit .wz{height:40px;}
}



/*page-jx newsRight*/
.page-jx{padding-top:70px;padding-bottom:65px;}
.newsRight{float: left; width:390px; height:470px;background:#f6f6f6; overflow:hidden; position:relative;}
.newsRightBOX{padding:20px 30px 0px 30px;}
.page-jx .prolunboBox{overflow:hidden;}
.page-jx .pageList{margin-bottom:0;}
.pageList ul li.jxli{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:100%;position: relative; vertical-align:top; padding-bottom:20px;margin-top:20px; border-bottom:1px dashed #ccc;}
.pageList ul li.jxli a{display:block;padding:0;-webkit-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.pageList ul li.jxli .tit .cn{line-height:30px; height:30px; overflow:hidden;font-size:16px;color:#d22f2e;font-weight:bold;margin-bottom:10px;}
.pageList ul li.jxli .tit .en{line-height:24px; height:48px; overflow:hidden;font-size:12px;color:#757575;}
@media screen and (max-width:1024px){
.page-jx{padding-top:60px;padding-bottom:60px;}
.newsRight{float:none; width:100%;}
.page-jx .prolunboBox{ height:auto;}
}
@media screen and (max-width:768px){
.page-jx{padding-bottom:30px;padding-top:30px;}
.newsRightBOX{padding:20px 20px 0px 20px;}
.pageList ul li.jxli .tit .en{padding:0 10px;}
}
@media screen and (max-width:640px) {
.pageList ul li.jxli .tit{top:20px; }
.pageList ul li.jxli .tit .cn{font-size:16px;}
.pageList ul li.jxli .tit .en{font-size:12px;line-height:20px; height:40px;}
}


/*page-jx prev + next*/
.page-jx .prolunboIcon{ text-align:center;margin-bottom:0;height:23px; position:relative; z-index:99;margin-top:20px;}
.page-jx .prolunboIcon .prev,
.page-jx .prolunboIcon .next{ position:relative; left:0; right:0; bottom:0; z-index:9;margin:0 3px;}
.page-jx .prolunboIcon .prev {width:23px;height:23px;background: url(../images/arrow.png) 5px -23px no-repeat #464646;background-size:40px;}
.page-jx .prolunboIcon .next {width:23px;height:23px;background: url(../images/arrow.png) -22px -21px no-repeat #464646;background-size:40px;}
.page-jx .prolunboIcon .prev:hover,
.page-jx .prolunboIcon .next:hover{ background-color:#d22f2e;}
@media screen and (max-width:768px) {	
    .page-jx .prolunboIcon{ text-align:center;margin-top: 20px;}
    .page-jx .prolunboIcon .prev{ position: static;margin:0 3px;}
    .page-jx .prolunboIcon .next{ position: static;margin:0 3px;}
}


/*page-tab*/
.page .page-tab{margin:0 auto;padding:15px 0 20px 0;text-align: center; }
.page .page-tab ul { margin:0 auto;padding: 0;list-style: none; text-align:center;height: 38px;line-height: 38px;font-size: 0;}
.page .page-tab ul li{margin: 0;padding: 0;display: inline-block;position: relative;height: 36px;line-height: 36px;}
.page .page-tab ul li a{display: inline-block;text-align: center;font-size: 14px;color: #5e5e5e;padding: 0 18px;height: 36px;line-height: 36px;border: 1px solid #dcdcdc;background: transparent;}
.page .page-tab ul li a:hover,.page .page-tab ul li .on{ background:#d22f2e; color: #fff;}
.page .page-tab ul li.next-page, .page .page-tab ul li.prev-page{ margin:0 2px;}
.page .page-tab ul li.next-page a, .page .page-tab ul li.prev-page a{padding: 0 14px;}


/*listpic*/
.display_none {display: none;}
.pageList{margin-bottom:30px;}
.pageList ul li.listpic{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;margin-bottom:10px;width:48%; /*float:left;*/}
.pageList ul li.listpic a{display:block;position: relative;border:1px solid #eeeeee;margin:0 0 0 4%;padding:20px 24px 20px 24px; background:#fff;}
.pageList ul li.listpic .ImgBox{width:210px;height:210px;overflow:hidden; float:left;}
.pageList ul li.listpic .ImgBox img{max-width:210px;max-height:210px; width:100%;}
.pageList ul li.listpic .ImgBox img,.pageList ul li.listpic .listTitle .listTitleBox{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.pageList ul li.listpic a:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.pageList ul li.listpic .listTitle{overflow:hidden;display:block;padding:0;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; position:relative;}
.pageList ul li.listpic .listTitle .listTitleBox{padding:0px 5px 0 26px;}
.pageList ul li.listpic .listTitle .t{font-size: 18px;color:#000000;height:34px;line-height:34px; overflow:hidden; font-weight:600;}
.pageList ul li.listpic .listTitle .t2{font-size: 14px;color:#464646;height:180px;line-height:30px; overflow:hidden;margin-top:5px;}
.pageList ul li.listpic .listTitle .date{font-size:12px; color:#d22f2e;line-height:30px;margin-bottom:15px;}
.pageList ul li.listpic .listTitle .more2{text-align:right; float:right; font-size:12px; color:#3b4048;}
.pageList ul li.listpic .cover {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: 400ms;-webkit-transition: 400ms;opacity:0; visibility:hidden;}
.pageList ul li.listpic a:hover .cover{ opacity:1; visibility: visible;background: rgba(0,0,0,0.1); }
@media screen and (max-width:1024px) {	
    .pageList ul li.listpic a{display:block;position: relative;border:1px solid #eeeeee;margin:0 10px;padding:15px 10px;}
	.pageList ul li.listpic .ImgBox{width:230px;height:230px;}
	.pageList ul li.listpic .ImgBox img{max-width:230px;max-height:230px; width:100%;}
    .pageList ul li.listpic .listTitle .listTitleBox{padding:10px 10px 0 20px;}
	.pageList ul li.listpic .listTitle .date{margin-bottom:0;}
	.pageList ul li.listpic .listTitle .t{font-size: 16px;height:30px;line-height:30px;}
    .pageList ul li.listpic .listTitle .t2{font-size: 13px;height:72px;line-height:24px;}
}
@media screen and (max-width:900px) {
    .pageList ul li.listpic { width:100%;}
}   
@media screen and (max-width:768px) {
	.pageList ul li.listpic a{margin:0 5px;}
	.pageList ul li.listpic .ImgBox{width:100%;height:auto; display:block; float:none;}
	.pageList ul li.listpic .ImgBox img{max-width: 100%;max-height:100%;width: 100%;}
	.pageList ul li.listpic .listTitle .listTitleBox{padding:30px 0 0 0}
    .Pageend{ display:none;}
}
@media screen and (max-width:350px) {	
	.pageList ul li.listpic{width:100%;margin-right:0;}
	.pageList ul li.listpic .listTitle{padding:10px;}
    .Pageend{ display:none;}
}





/*sales*/
.sales{height:auto; overflow:hidden;margin-bottom:70px;}
.sales .map{width:644px; float:left; margin-right:36px;}
.sales .sale-right{width:520px; float:left;}
.sales .sale-right .selection{padding-left:2px; height:35px; outline:none;}
.sales .sale-right .selection #province,.sales .sale-right .selection #city{width:158px; height:33px; border:1px solid #dcdcdc; margin-right:30px;
background: url(../images/network-ss.jpg) right center no-repeat; text-indent:5px;}
.sales .sale-right .list_box{width:440px; height:450px; overflow-y:scroll; margin-top:17px; background:#fafafa; padding:25px 40px 25px 40px;font-size:14px;color:#7d7d7d;line-height:28px;}
.sales .sale-right .list_box .tt{font-size:14px; line-height:34px;color:#313131;margin-bottom:12px;}
.sales-img{margin-bottom:30px;}
@media screen and (max-width:1220px) {	
.sales .map{width:644px;margin-right:36px;}
.sales .sale-right{width:420px;}
.sales .sale-right .list_box{width:340px;padding:25px 40px 25px 40px;}
}
@media screen and (max-width:1150px) {	
.sales .sale-right .selection #province,.sales .sale-right .selection #city{width:130px;margin-right:10px;}
.sales .map{width:644px;margin-right:36px;}
.sales .sale-right{width:320px;}
.sales .sale-right .list_box{width:280px;padding:25px 20px 25px 20px; }
}
@media screen and (max-width:1024px) {	
.sales{margin-bottom:50px;}
.sales .sale-right{width:100%;}
.sales .sale-right .list_box{width:auto;padding:25px 20px 25px 20px; height:auto;}
}
@media screen and (max-width:768px) {	
.sales{margin-bottom:30px;}
.sales .map{width:100%;margin-right:0;}
}





/*serviceli*/
.pageList ul li.serviceli{margin-bottom:3px;}
.pageList ul li.serviceli a{color:#464646; padding:5px 30px; font-size:14px; display:block;height: 40px;line-height: 40px;background:#f8f8f8;overflow:hidden;}
.pageList ul li.serviceli:nth-child(2n) a{background:#f3f3f3;}
.pageList ul li.serviceli .date{float: right;font-size:12px;}
.pageList ul li.serviceli a:hover{color:#fff; background:#d22f2e;}
@media screen and (max-width:768px) {	
.pageList ul li.serviceli .date{ display:none;}
}









/**Contact**/
.contactBOX { background:#fbfbfb;margin-top:35px;padding-bottom:100px;padding-top:70px;}
.contactBOX2 { background:#e9edf2;padding-bottom:25px;padding-top:10px;}
.contactTable-tit .t1{font-size:20px; color:#3b4048; font-weight:600;text-transform:uppercase;}
.contactTable .t1{font-size:30px; color:#d22f2e;line-height:40px;text-align:left;}
.contactTable .t2{font-size:18px; color:#464646;line-height:30px; text-align:left;}
.contactTable .t3{font-size:14px; color:#1e2831; line-height:26px;padding-top:30px; text-align:left;}
.pageContact{ font-size:0;text-align:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;margin-bottom:35px;}
/*3 hang*/
.contactTable{ width:33.3333333%;display:inline-block;*display:inline;zoom:1; font-size:14px; color:#5e5e5e;vertical-align:top;padding:80px 50px; background-image: linear-gradient(45deg, #fbfbfb 0%, #f6f6f6 100%);}
@media screen and (max-width:1024px) {
.contactBOX {padding-bottom:50px;padding-top:50px;}
.contactTable .t1{font-size:20px;}
.contactTable .t2{font-size:16px;}
.contactTable .t3{font-size:12px;}
}
@media screen and (max-width:768px) {
.contactBOX {padding-bottom:30px;padding-top:30px;}
.contactBOX2 {padding-bottom:30px;padding-top:30px;}
.pageContact{display: block;margin-bottom:30px;}
.contactTable{width:90%;display: block;vertical-align:top;padding:50px 5% 50px 5%;}
}





/*contactTable*/
.contactTableB1{ float:left;width:700px;}
.contactTableB2{ float:left;width:500px;}
.contactTable2{ background:none; width:240px;}
.contactTable2 .t3{ color:#757575; line-height:30px;}
.contactTable3{ background:none; width:390px;padding-left:0;}
.contactTable3 .t3{ color:#757575; line-height:30px;}
@media screen and (max-width:1220px){
.contactTableB1{width:600px;}
.contactTableB2{width:500px;}
}
@media screen and (max-width:1150px){
.contactTableB1{width:50%;}	
.contactTableB2{width:50%;}	
}
@media screen and (max-width:1024px){
.contactTableB1,
.contactTableB2{ float:none;width:100%;margin-bottom:20px;}
.contactTable2{ background:none; width:100%;padding:0px 0;}
.contactTable3{ background:none; width:100%;padding:0px 0;}
}




/*feedback2Box*/
.feedback2Box{ padding:0 0  30px 0;font-size:14px;color:#464646;line-height:30px;}
.feedback2Box .contact-tit{font-size:18px;line-height: 30px; font-weight:600;}
.feedback2{font-size:14px;color:#464646;line-height: 30px;text-align:left;padding:0;margin:0 -7px;margin-top:40px;}
.feedback2 .t{ display:block;margin-bottom:10px;}
.feedback2 label{display:block;}
.feedback2 label.l1{float:left;width: 50%; position:relative;}
.feedback2 label .l1Box{margin:0 7px;}
.feedback2 .text{display:block;width: 100%;padding:4px 3% 4px 3%;height:44px;margin-bottom:15px;outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"微软雅黑",Sans-Serif;border:1px solid #eeeeee;border-radius:5px;background:#fff;text-align:left;}
.feedback2 .text2{display:block;width:100%;padding:10px 1.5% 10px 1.5%;height:86px;margin-bottom:15px;outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"微软雅黑",Sans-Serif;border:1px solid #eeeeee;border-radius:5px;background:#fff;text-align:left;}
.feedback2 .getcode{display:block;width:65%;padding:4px 3% 4px 3%;height:44px;margin-bottom:0; float:left;
outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"微软雅黑",Sans-Serif;border: none;border:1px solid #eeeeee;border-radius:5px;background:#fff;text-align:left;}
.feedback2 .kk{font-size:14px;color:#464646; line-height:normal;margin-left:2px;}
.feedback2 .inputbtn{display:inline-block;width:91%;height:44px;line-height:44px;margin:0;outline:none;font-size:14px;color: #fff;font-family: Arial,"微软雅黑",Sans-Serif;border:none;background-color: #464646;cursor:pointer;border-radius:5px;margin-top:40px;text-align:center; float:right;}
.feedback2 .inputbtn.tj{background:#d22f2e;}
@media screen and (max-width:1024px){
.feedback2{margin:0;margin-top:30px;}
.feedback2 label.l1{float:none;width:100%;}
.feedback2 .kk{ display:inline-block; clear: both;}
.feedback2 .text{width: 100%;padding:4px 3% 4px 3%;}
.feedback2 .getcode{width:100%;padding:4px 3% 4px 3%;margin-bottom:15px; }
.feedback2 label .l1Box{margin:0 auto;}
.feedback2 .inputbtn{width:100%;}
}







/*proList*/
.proList ul li.proli a{ display:inline-block;}
.proList ul li.proli .proBox{background:#f6f6f6; padding-left:50%; position:relative;}
.proList ul li.proli .proBox .ImgBox{width:960px;height:450px;overflow:hidden;margin:0;box-sizing: border-box; position:absolute; top:0; right:50%;}
.proList ul li.proli .proBox .ImgBox img{max-width:960px;max-height:450px;}
.proList ul li.proli .proBox .nr{width:600px;height:450px;overflow:hidden;background:#f7f7f7;margin:0;display:table-cell;vertical-align:middle;font-size:14px;color:#333333;line-height:26px}
.proList ul li.proli .proBox .nrBox{display:inline-block;vertical-align:middle; padding:0 90px 0 90px;}
.proList ul li.proli .proBox .nrBox .t2{font-size:20px; color:#1e2831; line-height:50px; text-align:left;margin-bottom:13px;}
.proList ul li.proli .proBox .nrBox .wz{font-size:14px; color:#757575; line-height:28px; text-align:left;margin-bottom:45px;}
.proList ul li.proli .proBox .nrBox .more a{display:inline-block; font-size:13px;padding:0 23px;line-height:33px;border-radius:35px;margin:0;margin-right:5px;margin-bottom:9px;border:1px solid #d22f2e; color:#d22f2e; background:#eef4fb;
transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.proList ul li.proli .proBox .nrBox .more a:hover{border-color:#fff; background:#fff;}
.proList ul li.proli:nth-child(2n) .ImgBox{right:auto; left:50%;}
.proList ul li.proli:nth-child(2n) .proBox{padding-left:0;padding-right:50%;}
@media screen and (max-width:1220px) {
    .proList ul li.proli .proBox .nr{width:550px;}
	.proList ul li.proli .proBox .nrBox{padding:0 50px 0 50px;}
}
@media screen and (max-width:1150px) {
    .proList ul li.proli .proBox .nr{width:500px;}
	.proList ul li.proli .proBox .nrBox{padding:0 30px 0 30px;}
}
@media screen and (max-width:1024px) {
    .proList ul li.proli .proBox .nr{width:375px;}
	.proList ul li.proli .proBox .nrBox{padding:0 30px 0 30px;}
}
@media screen and (max-width:768px) {
	.proList ul li.proli .proBox .ImgBox{right:auto; left:0; position:static;width:100%;height:auto;}
	.proList ul li.proli .proBox .ImgBox img{max-width:100%;max-height:100%;}
	.proList ul li.proli .proBox{background:#f6f6f6; padding-left:0; position:relative;}
	.proList ul li.proli:nth-child(2n) .ImgBox{right:auto; left:0;}
	.proList ul li.proli:nth-child(2n) .proBox{padding-left:0;padding-right:0;}
    .proList ul li.proli .proBox .nr{width:100%;height:auto; display:block;padding:50px 0;}
	.proList ul li.proli .proBox .nrBox .t2{font-size:20px;margin-bottom:13px;}
	.proList ul li.proli .proBox .nrBox .wz{margin-bottom:30px;}
}



/*proList2*/
.proList ul li.proli2 a{ display:inline-block;}
.proList ul li.proli2 .proBox{background:url(../images/pro2-bg1.jpg) right bottom no-repeat #f6f6f6; padding:15px;margin-bottom:17px;}
.proList ul li.proli2 .proBox .ImgBox{width:480px;height:360px;overflow:hidden;margin:0;box-sizing: border-box; float:left;}
.proList ul li.proli2 .proBox .ImgBox img{max-width:480px;max-height:360px;}
.proList ul li.proli2 .proBox .nr{width:690px;height:360px;overflow:hidden;margin:0; display: table-cell; vertical-align:middle;font-size:14px; color:#333333; line-height:26px}
.proList ul li.proli2 .proBox .nrBox{display:inline-block;vertical-align:middle; padding:0 80px 0 50px;}
.proList ul li.proli2 .proBox .nrBox .t2 a{ display:inline-block;font-size:28px; color:#d22f2e; line-height:50px; text-align:left;margin-bottom:13px;}
.proList ul li.proli2 .proBox .nrBox .wz{font-size:14px; color:#595959; line-height:30px; text-align:left;margin-bottom:45px;}
.proList ul li.proli2 .proBox .nrBox .more a{display:inline-block; font-size:13px;padding:0 23px;line-height:33px;border-radius:35px;margin:0;margin-right:5px;margin-bottom:9px;border:1px solid #d22f2e; color:#d22f2e; background:#eef4fb;
transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.proList ul li.proli2 .proBox .nrBox .more a:hover{border-color:#fff; background:#fff;}
.proList ul li.proli2:nth-child(2n) .proBox{background:url(../images/pro2-bg2.jpg) left bottom no-repeat #f6f6f6;}
.proList ul li.proli2:nth-child(2n) .proBox .ImgBox{ float:right;}
.proList ul li.proli2:nth-child(2n) .proBox .nrBox{padding:0 50px 0 80px;}
@media screen and (max-width:1220px) {
	.proList ul li.proli2 .proBox .nr{width:590px;height:360px;}
	.proList ul li.proli2 .proBox .nrBox{padding:0 50px 0 50px;}
	.proList ul li.proli2:nth-child(2n) .proBox .nrBox{padding:0 50px 0 50px;}
}
@media screen and (max-width:1150px) {
	.proList ul li.proli2 .proBox .nr{width:490px;height:360px;}
	.proList ul li.proli2 .proBox .nrBox{padding:0 30px 0 30px;}
	.proList ul li.proli2:nth-child(2n) .proBox .nrBox{padding:0 30px 0 30px;}
}
@media screen and (max-width:1024px) {
	.proList ul li.proli2 .proBox .ImgBox{width:375px;height:360px;}
	.proList ul li.proli2 .proBox .ImgBox img{max-width:480px;max-height:360px;}
	.proList ul li.proli2 .proBox .nr{width:375px;height:360px;}
	.proList ul li.proli2 .proBox .nrBox{padding:0 30px 0 30px;}
	.proList ul li.proli2:nth-child(2n) .proBox .nrBox{padding:0 30px 0 30px;}
}
@media screen and (max-width:768px) {
	.proList ul li.proli2 .proBox .ImgBox a{ display:block;}
	.proList ul li.proli2 .proBox .ImgBox{width:100%;height:auto; float:none;}
	.proList ul li.proli2 .proBox .ImgBox img{max-width:100%;max-height:100%; width:100%;display:block;}
	.proList ul li.proli2 .proBox .nr{width:100%;height:auto; display:block;}
	.proList ul li.proli2 .proBox .nrBox{padding:30px 0;}
	.proList ul li.proli2:nth-child(2n) .proBox{background:url(../images/pro2-bg1.jpg) right bottom no-repeat #f6f6f6;}
	.proList ul li.proli2:nth-child(2n) .proBox .ImgBox{ float:none;}
	.proList ul li.proli2:nth-child(2n) .proBox .nrBox{padding:50px 0;}
	.proList ul li.proli2 .proBox .nrBox .t2 a{font-size:20px; line-height:30px;}
	.proList ul li.proli2 .proBox .nrBox .wz{font-size:14px;margin-bottom:30px;}
}
@media screen and (max-width:400px) {
	.proList ul li.proli2 .proBox .nrBox .t2 a{font-size:18px; line-height:30px;}
	.proList ul li.proli2 .proBox .nrBox .wz{font-size:13px;margin-bottom:20px;}
}


/*page-titBox4*/
.page-titBox4{ position:relative;margin-bottom:30px;text-align:center;}
.page-titBox4 .tit{font-size:30px;line-height:40px;}
.page-titBox4 .tit a{ font-size:30px;  color:#d22f2e; text-align:center;}
.page-titBox4 .tit a .en{ font-size:18px; color:#464646; }
@media screen and (max-width:768px){
.page-titBox4 .tit a{ font-size:20px; line-height:30px;}
.page-titBox4 .tit a .en{ font-size:16px; line-height:30px;}

}







/*schoolBox*/
.schoolBox{padding:55px 50px; background:#f9f9f9; color:#1e2831; font-size:14px; line-height:30px;margin-bottom:60px;}
.schoolBox .t1{padding-bottom:60px;}
@media screen and (max-width:1024px) {
.schoolBox{padding:30px 15px;margin-bottom:30px;}
.schoolBox .t1{padding-bottom:30px;}
}
@media screen and (max-width:767px) {
.schoolBox .t1{padding-bottom:15px;}
}





/*page-titBox5*/
.page-titBox5{ position:relative;margin-bottom:30px;text-align:center;}
.page-titBox5 .tit a{ font-size:26px; line-height:40px; color:#d22f2e; text-align:center; font-weight:bold;}
.page-titBox5 .tit a .en{ font-size:16px; line-height:30px; color:#757575; text-transform:uppercase;font-weight:300;font-family:'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif; }
@media screen and (max-width:1024px){
.page-titBox5 .tit a{ font-size:20px;}
.page-titBox5 .tit a .en{ font-size:15px;}
}
@media screen and (max-width:768px){
.page-titBox5 .tit a{ font-size:18px; line-height:30px;}
.page-titBox5 .tit a .en{ font-size:14px; line-height:30px;}
}






/*proList2*/
.school-Team{margin-bottom:35px;}
.teamList ul{ font-size:0; padding:0; margin:0; line-height:normal;}
.teamList ul li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:594px;margin-right:12px;margin-bottom:10px;}
.teamList ul li:nth-child(2n){margin-right:0;}
.teamList ul li a{ display:block;background:url(../images/school-bg.jpg) right bottom no-repeat #ffffff; padding:38px 35px;border:1px solid #e5e5e5;}
.teamList ul li .ImgBox{width:160px;height:160px;overflow:hidden;margin:0;box-sizing: border-box; float:left; border-radius:50%;margin-right:45px;}
.teamList ul li .ImgBox img{max-width:160px;max-height:160px;}
.teamList ul li .listTitle{font-size:14px; color:#1e2831; line-height:30px; width:315px; height:160px; vertical-align:middle; display: table-cell;}
.teamList ul li .listTitle .t{ width:100px;font-size:20px; color:#d22f2e; vertical-align:middle; display: table-cell; font-weight:bold;}
@media screen and (max-width:1220px){
	.teamList ul li{width:544px;}
	.teamList ul li .ImgBox{width:160px;height:160px;margin-right:25px;}
	.teamList ul li .listTitle{width:285px;}
}
@media screen and (max-width:1150px){
	.teamList ul li{width:494px;}
	.teamList ul li .ImgBox{width:160px;height:160px;margin-right:25px;}
	.teamList ul li .listTitle{width:235px;}
}
@media screen and (max-width:1024px){
	.teamList ul li{width:100%;margin-right:0;}
	.teamList ul li .ImgBox{width:160px;height:160px;margin-right:45px;}
	.teamList ul li .listTitle{width:500px; float:none;}
}

@media screen and (max-width:640px){
	.teamList ul li{width:100%;margin-right:0;}
	.teamList ul li a{ padding:15px 15px;}
	.teamList ul li .ImgBox{width:25vw;height:25vw;margin-right:7.03125vw;}
	.teamList ul li .ImgBox img{max-width:100%;max-height:100%;}
	.teamList ul li .listTitle{width:78.125vw; float:none;height:25vw;}
	.teamList ul li .listTitle .t{font-size:16px;}
}
@media screen and (max-width:530px){
	.teamList ul li .listTitle .t{width:60px;}
	
}



/*school-course*/
.school-course{padding-bottom:35px; background:#f8f8f8;padding-top:40px;}
.courseList ul{ font-size:0; padding:0; margin:0; line-height:normal;}
.courseList ul li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:50%;margin-bottom:10px; vertical-align:top;}
.courseList ul li a{ display:block;background:#ffffff; padding:60px 40px 50px 40px;border-radius:10px;margin:0 6px; min-height:365px;}
.courseList ul li .wz{font-size:14px; color:#1e2831; line-height:30px;}
.courseList ul li .tit { font-size:26px; line-height:40px; color:#d22f2e; text-align:center; font-weight:bold;margin-bottom:60px;}
.courseList ul li .tit .en{ font-size:16px; line-height:30px; color:#757575; text-transform:uppercase;font-weight:300;font-family:'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif; }
.courseList ul li .more{ width:136px;font-size:12px; line-height:42px; color:#fff; background:#d22f2e; text-align:center;margin:0 auto; border-radius:42px;margin-top:45px;}
@media screen and (max-width:1024px){
    .courseList ul li a{ padding:30px 20px 30px 20px;min-height:365px;}
	.courseList ul li .tit { font-size:20px;}
    .courseList ul li .tit .en{ font-size:15px;}
}
@media screen and (max-width:768px){
    .courseList ul li{width:100%;}
	.courseList ul li a{ margin:0 0; min-height: inherit;}
	.courseList ul li .tit { font-size:18px;ine-height:30px;margin-bottom:30px;}
    .courseList ul li .tit .en{ font-size:14px;line-height:20px;}
}


/*school-store*/
.school-store{padding-top:80px;padding-bottom:50px;}
.school-store td{ position:relative;padding-top:42px; line-height:24px;}
.school-store td:after{content:""; position:absolute;top:0; left:0;right:0;margin:0 auto; width:13px; height:13px;background:#f3f3f3;border-radius:50%; overflow: hidden; }
.school-store td img{margin-bottom:10px;}
@media screen and (max-width:1024px){
.school-store{padding-top:50px;padding-bottom:30px;}
.school-store td{ display:block!important; width:33.333333%; float:left;padding-bottom:30px;}		
.school-store td img{max-width:110px;}
}
@media screen and (max-width:768px){
.school-store td img{max-width:100px;}
}
@media screen and (max-width:640px){
.school-store td{padding-bottom:20px;}	
.school-store td img{max-width:90px;}
}
@media screen and (max-width:530px){
.school-store td img{max-width:80px;}
}


/*school-case*/
.school-case{padding-top:80px;padding-bottom:50px;background:url(../images/school-bg2.jpg) center top no-repeat ;}
@media screen and (max-width:1024px){
.school-case{padding-top:50px;padding-bottom:30px;}
}







/********************************proa********************************/
.preview{width:100%;}
/* smallImg */
.smallImg{position:relative;width:140px;height:395px;overflow:hidden;float:left;padding-top:35px;padding-bottom:35px; float:left;}
#imageMenu {width:140px;height:390px;overflow:hidden;}
#imageMenu .swiper-slide {width:120px;height:90px; overflow:hidden;margin-bottom:9px;}
#imageMenu .swiper-slide img{border:1px solid #E8E8E8; width:118px; height:88px;cursor:pointer;}
#imageMenu .swiper-slide#onlickImg img{border:1px solid #1b479c;}
.scrollbutton{width:120px; height:35px; overflow:hidden; position:absolute; left:0px; cursor:pointer;}
.scrollbutton.smallImgUp{background:url(../images/top.jpg) center top no-repeat; top:0px;}
.scrollbutton.smallImgDown{background:url(../images/bottom.jpg) center bottom  no-repeat; bottom:0px;}
/* bigImg */
.bigImg{position:relative; float:left;width:620px;height:465px;overflow:hidden;}
.bigImg #midimg{width:620px;height:465px;}
.bigImg #winSelector{width:210px;height:140px;}
#winSelector{position:absolute;cursor:crosshair;filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;background-color:#000;border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #f5f5f5;box-shadow:0px 0px 30px -10px rgba(0,0,0,0.3);overflow: hidden;width:300px!important;height:225px!important;top:0px!important;left:760px!important;z-index:999; background:#fff;}
#bigView img{position:absolute;max-width: inherit;top:0;left:0px;}
@media screen and (max-width:1024px) {
#imageMenu {width:100%;}
.bigImg{ display:none;}
#bigView{ display:none;}
.smallImg{position:relative;height:auto; padding:0 0; width:100%; overflow:hidden;float:none;margin:0;}
#imageMenu {height:auto;margin-top:0;}
#imageMenu .swiper-slide {height:auto; width:100%;margin-bottom:0; display:block!important;margin-right:0;margin-bottom:15px;}
#imageMenu .swiper-slide img{border:none; width:100%; height:auto;}
#imageMenu .swiper-slide#onlickImg img{border:none;width:100%;}
.scrollbutton{ display:none;}
}



/*detailNr*/
.detailBox .detailImg{width:760px;height:auto;float:left;position:relative!important;}
.detailBox .detailNr{overflow:hidden;display:block;width:440px;min-height:465px;float:left;position:relative;margin-bottom: 35px;}
.detailBox .detailNr .detailNrBox{padding:0 0 0 50px;}
.detailBox{color:#1e2831;font-size: 14px;line-height:30px;}
.detailBox .proTit{font-size:22px; color:#d22f2e;padding-bottom:20px;border-bottom:1px solid #ececec;}
.detailBox .pro-Text{padding-top:25px;line-height:30px;font-size:14px;color:#1e2831;margin-bottom:35px;}
.detailBox .pro-share{border-top:1px solid #ececec;padding-top:20px;}
.detailBox .detailBoxTop{margin-bottom:50px;}
.detailBox .detailBoxBottom{padding:60px 65px; background:#fafafa;}
@media screen and (max-width:1220px) {
.detailBox .detailNr{width:340px;}
.detailBox .detailNr .detailNrBox{padding:0 0 0 30px;}
}
@media screen and (max-width:1150px) {
.detailBox .detailNr{width:100%;min-height: inherit;}
.detailBox .detailNr .detailNrBox{padding:0 0 0 0;}
.detailBox .detailBoxTop{margin-bottom:20px;}
.detailBox .detailBoxBottom{padding:40px 30px;}
}
@media screen and (max-width:1024px) {
.detailBox .detailBoxTop{margin-bottom:10px;}
.detailBox .detailNr{margin-bottom:0;}
.detailBox .detailImg{width:100%;}
.detailBox .detailNr .detailNrBox{padding:30px 30px;}
}
@media screen and (max-width:768px) {
.detailBox .detailNr .detailNrBox{padding:30px 30px;}	
.detailBox .proTit{font-size:18px;margin-bottom:15px;}
.detailBox .pro-Text{padding-top:10px;line-height:30px;font-size:14px;margin-bottom:30px;}
.detailBox .detailBoxTop{margin-bottom:30px;}
.detailBox .detailBoxBottom{padding:30px 30px;}		
}





/********************************prob********************************/
.proTitle2 .h3 .t1 {display:block;padding:0;font-size:20px;color:#1e2831; font-weight:600;line-height:26px; text-align:center;margin-bottom:30px;}
.detailBox .detailBoxBottom2{padding:60px 0 0 0;}
/*swiper-b*/
.detailBox .main{margin: 0 0;padding: 40px 73px; background:#f9f9f9;}
.swiper-sect img{ width:100%;}
.swiper-secb .img{ position:relative;}
.swiper-secb .img.swiper-slide-active:before{ content:""; position:absolute;top:0; left:0; width:100%; height:100%; background:#1b479c; z-index:0;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; }
.swiper-secb .img .t{position:absolute;top:50%; left:0; width:100%; height:30px; line-height:30px; margin-top:-15px;overflow:hidden; z-index:1; font-size:14px; color:#fff; text-align:center;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0; }
.swiper-secb .img.swiper-slide-active .t{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.mySwiper{position: relative;margin-top:30px;padding:0 40px;}
.pagination-inline{display: inline}
.pagination-inline .prevbtn,
.pagination-inline .nextbtn{width:30px;height:100%;position: absolute;top: 0;margin-top:0;display: none;z-index: 12;}
.detailBox .pagination-inline a{width: 30px;height: 100%;background: url(../images/arrow3.png) no-repeat top center #fff;display: block;}
.detailBox .pagination-inline .prevbtn{background-position: 10px center;left: 0px;}
.detailBox .pagination-inline .nextbtn{background-position: -50px center;right: 0px;}
@media screen and (max-width:1024px) {
.detailBox .main{padding: 40px 30px;}
.detailBox .pagination-inline{ display:none;}
.mySwiper{padding:0;}
}

.floatleft{float:left;}
.floatright{float: right;}
.clboth{clear:both;}