@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, button, p, blockquote, pre, hr, th, td, em{margin:0; padding:0;}
body {font-size: 15px;line-height: 27px;font-weight: 400;letter-spacing: 0px;background-color: #ffffff;margin: 0;}
h1, h2, h3, h4, h5, h6, button, input, select, textarea{font-size:100%; font-weight:normal;}
fieldset, img{border:0}
address, caption, cite, code, em, i, strong, th, var{font-style:normal}
img{ border: none; outline:inherit;}
ol,ul,li{list-style:none;margin:0;padding:0;outline:inherit;}
table{border-collapse:collapse; border-spacing:0}
label{cursor:default}
input,textarea{ outline:none}
audio,canvas,progress,video {display: inline-block;/* 1 */vertical-align: baseline;/* 2 */*display: inline;/* 3 */*zoom: 1/* 3 */}
a{text-decoration:none; cursor:pointer;}
a{color:inherit;}
a:link{text-decoration:none;}
.clear{clear:both;}
.clearfix:before, .clearfix:after { content: ""; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 
/* 重置表单样式 */
select::-ms-expand { display: none; }
input,select,textarea{box-shadow: none;outline: none;border: none;border-radius: 0;-ms-appearance: none;-moz-appearance: none;-webkit-appearance:none;-webkit-appearance:none;  padding: 0;}
select::-ms-expand { 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;}

body, button, span.date_label, .timeline_items li h3 span, input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3 {
	font-family: '微软雅黑','Microsoft YaHei',Arial,sans-serif;
}
body {margin: 0;font-family: "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-size: 14px;color: #333;background-color: #f4f4f4;opacity: 0;-webkit-transition: opacity 0.2s ease-in-out 0.2s;-moz-transition: opacity 0.2s ease-in-out 0.2s;-ms-transition: opacity 0.2s ease-in-out 0.2s;-o-transition: opacity 0.2s ease-in-out 0.2s;transition: opacity 0.2s ease-in-out 0.2s;max-width: 1920px;margin: 0 auto;}
.trs06s {-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;}


.w1400{ width: 1400px; margin: 0 auto; }
@media screen and (max-width: 1520px) {
.w1400{ width: 1200px; margin: 0 auto; }	
}
@media screen and (max-width: 1220px) {
.w1400 {width: 1000px;}
}
@media screen and (max-width: 1024px) {
.w1400{width: 940px;}
}
@media screen and (max-width: 960px) {
.w1400 {width: 750px;}
}
@media screen and (max-width: 768px) {
.w1400{width:auto;max-width: 600px!important;padding-left:20px!important;padding-right:20px!important}
}





/*header*/
.header{ position:relative;width:100%; z-index:99;}
.header .w1400{position:relative;}
.header .top-rightBox{position:relative;}
.header .logo{ position:absolute; left:0; top:20px; z-index:2;}
.header .logo,
.header .logo *{ display:block;height:60px;}
.header .one a{ display:block;}
.header .two{ display:none;}
.header .menu{ position:absolute; right:15px; top:11px; z-index:1; cursor:pointer;}
.header .menu,
.header .menu img{ width:28px; height:28px; display:block; transition:all 1.4s;}
.header .menu.on img{ transform: rotate(360deg);}

.header .close{ display:none;}
.header .menu{ display:none;}
.header .nav{margin:0 auto;text-align:right;padding-right:250px;line-height: 0;}
.header .one{text-align:center;display: inline-block;margin: 0 auto; line-height:0; font-size:0;}
.header .one > li{ float:left;margin:0 27.5px;}
.header .one > li > a{ display:block; font-size:17px; color:#000;text-transform:uppercase;}
.header .one > li.on > a,
.header .one > li:hover > a{color:#006ec3;}
.header .one > li.last{ display: none;}
/*pc*/
.header-nav{padding:0!important;}
.header-nav li{ position:relative;}
.header-nav li a{display: block;position: relative; line-height:100px;}
.header-nav li a::after{content: '';position: absolute;bottom:5px;left: 0;right: 0;width: 0;margin: auto;height:3px;background: #006ec3;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.header-nav li.active > a,
.header-nav li.on > a{color: #006ec3;}
/*.header-nav li.active a::after,
.header-nav li.on a::after{width: 30px;}*/
.header-nav::before{ height:0; display:none;}
/*pc erji*/
.header .second-nav { width:210px;margin-left:-105px;background: #fff;position: absolute;padding:17px 0;border-top:2px solid #0072bf;left:50%;line-height: 60px;display: none;font-size: 0;text-align:left;box-shadow: 0px 5px 9.9px 0.1px rgba(155, 155, 155, 0.1);}
.header .second-nav li {display:block; position:relative;}
.header .second-nav a {display: block;font-size: 14px;line-height:26px!important;padding: 6px 10px; text-align:center;color: #464646;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.header .second-nav a::after {display: none;}
.header .second-nav a:hover {color: #006ec3;}
/*pc sanji*/
.header .three-nav {width:210px;margin-left: 0;background: #fff;position: absolute;top: 0;border-top:2px solid #0072bf;padding:17px 0;left: 100%;line-height: 60px;display: none; font-size: 0;text-align:left;box-shadow: 0px 5px 9.9px 0.1px rgba(155, 155, 155, 0.1);}
.header .three-nav li {display:block;}
.header .three-nav a {display: block;font-size: 14px;line-height:26px;padding: 6px 10px; text-align:center;color: #464646;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.header .three-nav a::after {display: none;}
.header .three-nav a:hover {color: #006ec3;}
.header .second-nav li:hover .three-nav{ display:block;}


/*Top_bar*/
#Top_bar{position:absolute;left:0;top:-60px;width:100%;z-index:30}
#Top_bar:not(.is-sticky) .w1400{top:60px}
#Top_bar.is-sticky .container{top:0px}
.headerBg{ height:100px;background-color: #fff;}
/*gundong hou*/
#Top_bar.is-sticky .header .logo,
#Top_bar.is-sticky .header .logo *{ display:block;height:40px;}
#Top_bar.is-sticky .header .logo{ position:absolute; left:0; top:10px;}
#Top_bar.is-sticky .header .one{padding:0 0 0 0;text-align:center;display: inline-block;margin: 0 auto;}
#Top_bar.is-sticky {position:fixed!important;width:100%;left:0;top:0px;height:60px;z-index:701;background:#fff;opacity:0.95;-webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.1)}
#Top_bar.is-sticky .header-nav li a{line-height:60px;}
@media screen and (max-width: 1520px) {
/*.header .nav{padding-right:50px;}*/
.header .one > li{margin:0 12px;}
.header .one > li > a{font-size:16px;}
}
@media screen and (max-width: 1220px) {
.header .nav{padding-right:230px;}
.header .one > li{margin:0 15px;}
.header .one > li > a{font-size:15px;}
.header .logo{top:25px;}
.header .logo,
.header .logo *{height:45px;}
}

@media screen and (max-width: 1024px){
.header .w1400{max-width:1000px!important;padding-left:20px; padding-right:20px;}
#Top_bar{top:0; background:#fff;}
#Top_bar:not(.is-sticky) .w1400{top:0}
.header{background:#fff;}
.header .top-rightBox{position: static;}
.header .close{ display: block;}
.header .menu{ display: block;}
.header .nav{margin:0;text-align:left;padding-right:0;}

.header .one{text-align:left;display:block;margin:0;}
.header .one{ padding:25px 0 24px 0;}
.header .one > li{ float:none;margin:0;}
.header .one > li+li{ margin-left:20px;}
.header .one > li > a{color:#fff;}
.header .one > li.on > a,
.header .one > li:hover > a{color:#fff;}

.header{ position:fixed; left:0; top:0; height:50px; z-index:100; box-shadow: 0 0 15px rgba(0,0,0,.2)}
.headerBg{ height:50px;}
.header .logo,
.header .logo *{height:30px;margin:0 auto;}
.header .logo{ top:0; position:static; margin:0 auto; text-align:center;height:50px;}
.header .logo a{ display:inline-block;margin-top:10px;}
/*.header .nav{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:300;}*/

.header .nav{position: fixed;top: 0px;left: -60%;width: 60%;height: 100%;z-index: 1100;background-color: #000;opacity: 0;}

/*.header .close{ background:url(../images/bgClose.png); position:absolute; width:100%; height:100%; left:0; top:0;}*/
.header .close{position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);z-index: 1001;display: none;}
.header .nav .one{ position:absolute; width:90%;background:#000; padding:0 5%; border-top:20px solid #000; border-bottom:20px solid #000; overflow:auto; height:100%; z-index:1;}
.header .one > li+li{ margin-left:0;}
.header a{ color:#fff;}
.header .one > li{ border-bottom:1px solid #858585;}
.header .one > li > a{ font-size:16px; line-height:45px;background:url(../images/plus.png) no-repeat right top; background-size:45px;}
.header .one > li.first > a{background:none;}
.header .one > li.last{ display: block;}
.header .one > li.last > a{background:none;}
.header .two{ border-top:1px solid #858585;padding:5px 0;}
.header .two > li > a{ font-size:14px; line-height:26px;padding:5px 0; padding-left:10px;}
.header .three{ border-top:1px solid #858585;display:none;padding:5px 0;}
.header .three > li > a{ font-size:14px; line-height:26px;padding:5px 0;padding-left:10px; color:#888;}
}
@media screen and (max-width: 960px){
.header .container{ max-width: 720px!important;}
}
@media screen and (max-width: 768px){
.header .container{max-width: 720px!important;}
}



/*top-searchbox*/
.top-lan{height:30px;line-height:30px;width:30px;border-radius:50%; overflow:hidden; text-align:center; font-size:12px; color:#fff; background:#0073c6;position:absolute;right:0;top:50%;margin-top:-15px;}
.top-searchbox{width:140px;background-color:#f4f4f4;height:30px;padding:0px 10px;position:absolute;right:45px;top:50%;margin-top:-15px;border-radius:30px; overflow:hidden; }
.top-searchbox .searchtext{width:100%; height:30px; line-height:30px; background:none; border:none; font-size:12px; color:#909090;}
.top-searchbox .searchbtn{width:30px; height:30px; border:none; position:absolute; right:0px; top:0px; background:url(../images/top-search.png) no-repeat #f4f4f4 center center; font-size:0px;cursor:pointer;border-radius:30px; background-size:10px;}
@media (max-width: 1024px) {
.top-lan{height:25px;line-height:25px;width:25px;right:50px;top:50%;margin-top:-12.5px;}
.top-searchbox{width:100%;padding:0 3%;right:auto; left:-3%;top:4rem;margin-top:0;display:none;}
.top-searchbox .searchtext{ text-indent:10px;}
}
@media (max-width: 640px) {
.top-lan{right:45px;}	
}


/*moblie search*/
.f-box{display:none;height:100%;position:  absolute;right: 0;top:0;width: 20px;}
.f-box .search-btn{width:20px;height:20px;background-repeat: no-repeat;background-position: center;background-image: url('../images/top-search.png'); display:inline-block; position:absolute; left:0; top:50%; display:block!important;margin-top:-10px;}
/*search-box*/
.search-box{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;display: none;}
.search-box .search-mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;opacity: .9;filter: alpha(opacity=90);}
.search-box .search-close{position: absolute;left: 50%;top: 12%;margin-left: -10px;width: 20px;height: 20px;background-repeat: no-repeat;background-position: center;background-size:100%;background-image: url("../images/close1.png");transition: all .2s;}
.search-box .search-wrap{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;}
.search-box .search-wrap .search{padding: 15px;border-bottom: 2px solid #000;position: relative;}
.search-box .search .icon{position: absolute;width: 22px;left: 15px;top: 50%;transform: translateY(-50%);}
.search-box .search-wrap .icon img{width: 100%;}
.search-box .search-wrap input[type=text]{display: block;margin: 0 auto;width: 90%;font-size: 20px;color: #000;text-align: center;background-color: transparent;}
.search-box .search-wrap input[type=submit]{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);font-size:14px;color: #000;background-color: transparent;}
.search-box .search-wrap input[type=text]::-webkit-input-placeholder{color: #000;}
.search-box .search-wrap input[type=text]::-moz-placeholder{   /* Mozilla Firefox 19+ */color: #000;}
.search-box .search-wrap input[type=text]:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color: #000;}
.search-box .search-wrap input[type=text]:-ms-input-placeholder{  /* Internet Explorer 10-11 */color: #000; }
@media (max-width: 1024px){
.f-box{display: inline-block;right:auto; left:3%;top: 0;}	
}
@media (max-width: 768px){
.search-box .search-wrap input[type=text]{font-size:.9rem;}	
}














/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.img-fill{width: 100%;display: block;overflow: hidden;position: relative;text-align: center;}
/*.img-fill img{min-height: 100%;min-width: 100%;position: relative;display: inline-block;max-width: none;}*/
.blocks-box,
.slick-slider{margin: 0;padding: 0 !important;}
.slick-slide{float: left;padding: 0;}
.Modern-Slider{max-height:600px; overflow: hidden;background: #000;}
.Modern-Slider .item .img-fill{ max-height:600px; overflow: hidden;background: #000;background-size: cover!important;}
.Modern-Slider .item .img-fill a{ display:block;position:absolute; height:100%; top:0; width:100%; left:0;}
.Modern-Slider .item .img-fill a img{ max-width:100%; height:auto; width:100%;}
.Modern-Slider .item .img-fill a img.hide{ display:none;}
.slick-next{position: absolute;top: 50%;right: 0px;height:70px;width:35px;border: 0 none;margin-top: -35px;text-align: center;font-size:0;color: #fff;z-index: 5; outline:none;padding:0;line-height:0;background-repeat: no-repeat;background-position: center;background-size:100%;background-image: url("../images/index-right.png");}
.slick-prev{position: absolute;top: 50%;left: 0px;height:70px;width:35px;border: 0 none;margin-top: -35px;text-align: center;font-size:0;color: #fff;z-index: 5;outline:none;padding:0;line-height:0;background-position: center;background-size:100%;background-image: url("../images/index-left.png");}
.slick-next,.slick-prev{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.Modern-Slider:hover .slick-next,.Modern-Slider:hover .slick-prev{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

/*Dots */
.slick-dots{position: absolute; bottom:20px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height:8px; width:8px; margin: 0px 6px; padding: 0px; cursor: pointer; }
.slick-dots li button{border: 0; background: transparent; display: block; height:8px; width:8px; outline: none; line-height: 0; font-size: 0; color: transparent; padding:0; cursor: pointer; outline: none;}
.slick-dots li button:focus{outline: none; }
.slick-dots li button:before{position: absolute; top: 0; left: 0; content: ""; width:4px; height:4px; font-size:0; line-height: 0px; text-align: center; color: black; opacity: 1; border:2px solid #fff; border-radius:50%;}
.slick-dots li.slick-active button:before {background:#fff;}


.slick-slider{position: relative;display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
@media only screen  and (max-width: 1440px){
	.Modern-Slider{max-height:560px;}
	.Modern-Slider .item .img-fill{ max-height:560px;padding-top:280px!important;padding-bottom:280px!important;}	
}
@media only screen  and (max-width: 1390px){
	.Modern-Slider{max-height:500px;}
	.Modern-Slider .item .img-fill{ max-height:500px;padding-top:250px!important;padding-bottom:250px!important;}	
}
@media only screen  and (max-width: 1239px){
	.Modern-Slider{max-height:40vw;}
	.Modern-Slider .item .img-fill{ max-height:40vw;padding-top:20vw!important;padding-bottom:20vw!important;}	

}
@media only screen  and (max-width: 768px){
	.slick-dots {bottom:10px;}	
	.slick-dots li {height:6px; width:6px; margin: 0px 3px;}
	.slick-dots li button {height:6px; width:6px;}
	.slick-dots li button:before {width:4px; height:4px;border:1px solid #fff;}
}







/*more*/
.btn-view a{line-height:32px;display:inline-block;color:#ffffff;font-size:12px;padding:0 30px;-moz-transition: all .5s ease-in-out;border:4px solid #e5f1f9; border-radius:32px;background:url(../images/m.png) center bottom repeat #006ec3;margin-top:15px;}
.btn-view a{-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.btn-view a:hover{transform: translateY(-5px);	}


/*indexAbout*/
.indexAbout{padding-top:50px;padding-bottom:34px; overflow:hidden; background:#ffffff;}
.indexAbout .aboutBox .aboutNr{padding:0 100px;text-align:center;}
.indexAbout .aboutBox .aboutTit{font-size:28px;color:#000000; line-height:30px;margin-bottom:20px;padding-bottom:15px;background:url(../images/index-titlineb.png) center bottom no-repeat; font-weight:bold; text-transform:uppercase;text-align:center;}
.indexAbout .aboutBox .aboutInfo{font-size:15px;color:#000000; line-height:30px;text-align:center;}
.indexAbout .aboutBox .aboutBtn{padding-top:10px;}
@media screen and (max-width:1220px) {
.indexAbout .aboutBox .aboutNr{padding:0 50px;}	
.indexAbout .aboutBox .aboutTit{font-size:26px;}
.indexAbout .aboutBox .aboutInfo{font-size:14px;}
}
@media screen and (max-width:1024px) {
.indexAbout .aboutBox .aboutNr{padding:0 30px;}	
.indexAbout .aboutBox .aboutTit{font-size:24px;}
}
@media screen and (max-width:768px) {
.indexAbout .aboutBox .aboutNr{padding:0 20px;}	
.indexAbout .aboutBox .aboutTit{font-size:20px;}
}






/*index-pro index-lanTit*/
.index-lanTit{margin-bottom:16px; position:relative; border-bottom:1px solid #e4e4e4; overflow:hidden;}
.index-lanTit h2{ display:inline-block;padding-left:27px; line-height:66px;background: url(../images/index-protit-i.png) no-repeat left center; font-size:20px; color:#000000;margin-right:5px; font-weight:bold;}
.index-lanTit .linka{ float:right;max-width:85%;text-align: right;}
.index-lanTit .navT{display:inline-block;font-size:14px;line-height:66px;color:#000000;padding:0 4px;margin-left:18px;}
.index-lanTit .navT.on{ color:#0073c6; position:relative;}
.index-lanTit .navT.on:after{content:"";position:absolute; left:0; right:0; bottom:2px;width: 0;height: 0;border-width: 0 5px 5px;border-style: solid;border-color: transparent transparent #0073c6;margin:0 auto;}
.index-lanTit .navT.on:before{content:"";position:absolute; left:0; right:0; bottom:0;width:100%;height:2px; background:#0073c6;}
/*index-lanTit2*/
.index-lanTit .navT2{display:inline-block;font-size:14px;line-height:65px;color:#595959;padding:0 15px;background: url(../images/index-tit-line.jpg) no-repeat right center;}
.index-lanTit .navT2.on,.index-lanTit .navT2:hover{ color:#0073c6;}
@media screen and (max-width:1220px) {
.index-lanTit .navT{line-height:40px;}	
.index-lanTit .navT2{line-height:40px;}	
}
@media screen and (max-width:1024px) {
.index-lanTit h2{ display:block;}
.index-lanTit .linka{ float:none; width:100%;max-width:100%;text-align: left;}
}
@media screen and (max-width:768px){
.index-lanTit h2{line-height:50px; font-size:18px;}
}




/*index-pro & index-case*/
.index-center{padding-bottom:34px;padding-top:24px; background:url(../images/index-probg.jpg) center bottom no-repeat #f1f1f1; background-size:100%;}
.index-pro{margin-bottom:25px;}
.proList{margin:0 -10px;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;}
.proList .proli{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:25%;vertical-align:top;}
.proList .proli a{display:block; margin:0 10px;}
.proList .ImgBox{width:100%;height:auto;overflow:hidden; line-height:0; position:relative;margin-bottom:3px;}
.proList .ImgBox img{max-width:100%; height:auto;}
.proList .ImgBox img{transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.proList .proli a:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.proList .proli .listTitle{overflow:hidden;display:block;padding:10px 10px;-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;text-align:center;background:url(../images/index-protitbg.jpg) center center repeat #0065bc;}
.proList .proli .listTitle .t{ display:inline-block;font-size:14px;color:#fff;height:30px;line-height:30px; overflow:hidden;}
.proList .proli a:hover{-webkit-box-shadow: 0 10px 50px rgba(0,0,0,.1);-moz-box-shadow: 0 10px 30px rgba(0,0,0,.1);box-shadow: 0px 10px 50px rgba(0,0,0,.1);}
.proList .proli a:hover .listTitle{background-position: right center;}
/* Arrows */
.proList .slick-next{right: 10px;}
.proList .slick-prev{left: 10px;}
.proList:hover .slick-next,.proList:hover .slick-prev{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

/*line*/
.proList .proli .more {position: absolute;left:0;top:0;z-index: 2;margin:0;width:100%; height:100%;opacity: 0;filter: alpha(opacity=0);}
.proList .proli a:hover .more { opacity: 1; filter: alpha(opacity=100); }
.proList .proli .line { position: absolute; background-color: #0073c6; }
.proList .proli .line-t, .proList .proli .line-b { left: 0; width: 100%; height: 2px; }
.proList .proli .line-l, .proList .proli .line-r { top: 0; width: 2px; height: 100%; }
.proList .proli .line-t {
  top: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.proList .proli .line-r {
  right: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.proList .proli .line-b {
  bottom: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.proList .proli .line-l {
  left: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.proList a:hover .line {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width:768px) {
.proList .ImgBox img{width:100%;}	
}




/*xuanxiang qiehuan*/
.SelectCon .SelectBox{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; height:0;}
.SelectCon .SelectBox.show{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;height:auto;}
.SelectCon2 .SelectBox{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; height:0;}
.SelectCon2 .SelectBox.show{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;height:auto;}








/*index-news titleBox*/
.index-news .titleBox{position:relative;line-height:33px;margin:0 17px;margin-bottom:15px;padding-bottom:11px; border-bottom:1px solid #ebebeb;}
.index-news .titleBox .tt a{ font-size:20px; color:#000000; text-transform:uppercase; font-weight:bold; padding-left:13px;background:url(../images/index-titline.png) left center no-repeat;}
.index-news .titleBox .m{ display:block; clear:both;position:absolute; top:0;right:0;}
.index-news .titleBox .m a{ display:inline-block;font-size:12px; color:#000000;line-height:30px;border:1px solid #bfbfbf;padding:0 16px;border-radius:32px;-webkit-transition: background 0.2s;-moz-transition: background 0.2s;-o-transition: background 0.2s ;-ms-transition: background 0.2s;transition: background 0.2s ; text-align:center;}
.index-news .titleBox .m a:hover{border-color:#006ec3;background:url(../images/m.png) center bottom repeat #006ec3; color:#fff;}
@media screen and (max-width:1024px){
.index-news .titleBox {margin-bottom:10px;}
}
@media screen and (max-width:768px){
.index-news .titleBox .tt a{ font-size:18px;}
}



/*index-news*/
.index-news{padding-top:17px;padding-bottom:32px;background:url(../images/index-newsbg.png) center bottom repeat #fefefe; background-size:100%;height:456px;}
.index-news .index-newsBOXBig{margin-left:-16px; overflow:hidden;}
.index-newsBox{ width:456px;float:left; background:#fff; height:456px;-webkit-box-shadow: 0px 0px 9px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 9px rgba(0,0,0,.1);box-shadow: 0px 0px 9px rgba(0,0,0,.1);margin-left:16px;}
.index-newsBox .index-newsCon{padding:25px 8px 17px 8px; }
/*newsList*/
.index-newsBox .newsList{margin:0;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;}
.index-newsBox .newsList li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:100%;position: relative;}
.index-newsBox .newsList li a{display:block;margin-bottom:16px; text-decoration:none; padding:18px 17px 0 17px;}
.index-newsBox .newsList li .listTitle{padding:0 0 10px 75px;position:relative;}
.index-newsBox .newsList li .listTitle:after{content:"";position:absolute; left:0; right:0; bottom:-8px;width:100%;height:1px; background:#f4f4f4;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.index-newsBox .newsList li .listTitle .t{ display:block;font-size: 14px;color:#000000;height:20px;line-height:20px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;margin-bottom:8px;}
.index-newsBox .newsList li .listTitle .wz{ display:block;font-size: 12px;color:#757575;height:44px;line-height:22px;overflow: hidden;}
.index-newsBox .newsList li .listTitle .listDate{ display:inline-block;font-size:12px;color:#fff;line-height:19px; overflow:hidden; position:absolute; left:0; top:0;padding:15px 14.5px 15px 14.5px; width:36px; height:35px;text-align:center;background:url(../images/datebg.jpg) no-repeat left top #0069ba; font-weight:bold;}
.index-newsBox .newsList li .listTitle .listDate .year{ display:block; font-size:15px; font-weight:300;}
.index-newsBox .newsList li a:hover{background:#f3f9ff}
.index-newsBox .newsList li a:hover .listTitle .t{ color:#0069ba;}
.index-newsBox .newsList li a:hover .listTitle:after{ width:0;}
@media screen and (max-width:1520px){
	.index-news .index-newsBOXBig{margin-left:-15px;}
	.index-newsBox{ width:390px;height:456px;margin-left:15px;}
}
@media screen and (max-width:1220px){
	.index-news .index-newsBOXBig{margin-left:-12.5px;}
	.index-newsBox{ width:325px;height:456px;margin-left:12.5px;}
}
@media screen and (max-width:1024px){
	.index-news{ background-repeat:repeat;}
	.index-news .index-newsBOXBig{margin-left:-12.5px;}
	.index-newsBox{ width:305px;height:456px;margin-left:12.5px;}
}
@media screen and (max-width:960px){
	.index-news .index-newsBOXBig{margin-left:-7.5px;}
	.index-newsBox{ width:245px;height:456px;margin-left:7.5px;}
}
@media screen and (max-width:768px){
	.index-news{ height:auto; min-height:456px;}
	.index-news .index-newsBOXBig{margin-left:0;}
	.index-newsBox{ width:100%;height:456px;margin-left:0;margin-bottom:16px;}
}







/*index-jishu titleBox*/
.index-jishu .titleBox{position:relative;line-height:33px;margin:0;margin-bottom:10px;padding-bottom:11px; z-index:2; }
.index-jishu .titleBox .tt a{ font-size:20px; color:#fff; text-transform:uppercase; font-weight:bold; padding-left:13px;background:url(../images/index-titline.png) left center no-repeat;}
.index-jishu .titleBox .m{ display:block; clear:both;position:absolute; top:0;right:0;}
.index-jishu .titleBox .m a{ display:inline-block;font-size:12px; color:#0073c6;line-height:30px;border:1px solid #fff;padding:0 16px;border-radius:32px;-webkit-transition: background 0.2s;-moz-transition: background 0.2s;-o-transition: background 0.2s ;-ms-transition: background 0.2s;transition: background 0.2s ; text-align:center; background:#fff;}
.index-jishu .titleBox .m a:hover{border-color:#006ec3;background:url(../images/m.png) center bottom repeat #006ec3; color:#fff;}
@media screen and (max-width:1024px){
.index-jishu .titleBox {margin-bottom:10px;}
}
@media screen and (max-width:768px){
.index-jishu .titleBox .tt a{ font-size:18px;}
}



/*index-jishuBox*/
.index-jishu{padding-top:10px;overflow:hidden;}
.index-jishu .index-jishuB{padding-top:35px;padding-bottom:35px;background:url(../images/index-jishubg.jpg) center top no-repeat;position:relative; }
.index-jishu .w1400{ position:relative;}
.index-videoBox{width:330px;text-align:right; position:absolute; top:0; right:0;}
.index-jishuBox{padding-right:440px;}
.index-videoBox::after{content:"";position:absolute;right:-260px; top:-45px;width:760px;height:390px;background:url(../images/index-video.png) right top no-repeat; z-index:1;}
.index-videoBox .index-videoBoxBig{position:relative; z-index:3;}
@media screen and (max-width:960px){	
.index-jishu .index-jishuB{background-size:cover;}
.index-videoBox::after{ display:none;}
.index-jishuBox{padding-right:0;position:relative; z-index:2;margin-bottom:1px;}
.index-videoBox{width:auto;text-align:left; position: static; margin:0 auto;}	
.index-videoBox{padding:30px 17px;background:url(../images/index-video.png) right top repeat-y; background-size:cover;}
.index-videoBox .index-videoCon img{ width:100%!important; height:auto;}
}






/*index-jishuBox*/
.index-jishuBox .index-jishuCon{padding:17px 74px 17px 17px;height: 220px;overflow: hidden;background-color:#1683cf;background:url(../images/index-jishu.png) right top no-repeat;}
.index-jishuBox .newsList{margin:0;padding:0;overflow:hidden;height:220px;font-size:0;line-height:normal;position:relative;padding-left:410px;padding-top:13px;}
.index-jishuBox .newsList li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none; width:100%;}
.index-jishuBox .newsList li a{display:block;text-decoration:none;padding:0 15px;}
.index-jishuBox .newsList li .listTitle{overflow:hidden;font-size: 15px;display:block;padding:0;line-height:30px;-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;}
.index-jishuBox .newsList li .listTitle .t{display:block;font-size:15px;color:#fff;height:32px;line-height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.index-jishuBox .newsList li .listTitle .listDate{float:left;width:120px;display:inline-block;font-size: 15px;color:#fff;line-height:32px; overflow:hidden;}
.index-jishuBox .newsList li a:hover{background:#1c8dd3}
.index-jishuBox .newsList li a:hover .listTitle .t,
.index-jishuBox .newsList li a:hover .listDate{ color:#fff;}
.index-jishuBox .newsList li a:hover .listTitle .listDate:after{background:#fff;}
@media screen and (max-width:1520px){
.index-jishuBox .newsList{padding-left:340px;}
.index-jishuBox .newsList li .listTitle .listDate{width:110px;}
}
@media screen and (max-width:1220px){
.index-jishuBox .newsList{padding-left:230px;}	
.index-jishuBox .newsList li .listTitle .listDate{width:105px;font-size: 14px; display:none;}
.index-jishuBox .newsList li .listTitle .t{font-size: 14px;}
}
@media screen and (max-width:960px){	
.index-jishuBox .index-jishuCon{padding:17px 17px 17px 17px;background-position:left top;background-repeat: repeat-y;}
}
@media screen and (max-width:640px){
.index-jishuBox .index-jishuCon{ height:auto;}	
.index-jishuBox .newsList{padding-left:0;height:auto;}
}
/*@media screen and (max-width:580px){
.index-jishuBox .newsList{padding-left:190px;}	
}
@media screen and (max-width:480px){
.index-jishuBox .newsList{padding-left:150px;}	
.index-jishuBox .index-jishuCon{padding:17px 0 17px 17px;}
}*/







/*newsList list1*/
.index-jishuBox .newsList li.list1{ width:370px; height:220px; position:absolute; top:0; left:0;}
.index-jishuBox .newsList li.list1 a{padding:0; position:relative;}
.index-jishuBox .newsList li.list1 .ImgBox{width:100%;height:auto;overflow:hidden;}
.index-jishuBox .newsList li.list1 .ImgBox img{max-width:100%; height:auto;}
.index-jishuBox .newsList li.list1 .listTitle{height:auto;line-height:32px;padding:8px 20px; background-color:#07273c;background:url(../images/bg80.png) center top repeat; position:absolute; bottom:0; left:0; right:0;}
.index-jishuBox .newsList li.list1 .listTitle .listDate{float:none; display:none;}
.index-jishuBox .newsList li.list1 a:hover .listTitle .listDate{ height:auto;}
@media screen and (max-width:1520px){
.index-jishuBox .newsList li.list1{ width:320px; height:220px;}	
.index-jishuBox .newsList li.list1 .ImgBox{width:320px;height:220px;}
.index-jishuBox .newsList li.list1 .ImgBox img{width:100%; height:100%;}	
}
@media screen and (max-width:1220px){
.index-jishuBox .newsList li.list1{ width:220px; height:220px;}	
.index-jishuBox .newsList li.list1 .ImgBox{width:220px;height:220px;}
}
@media screen and (max-width:640px){
.index-jishuBox .newsList li.list1{ width:100%; height:auto; position: static;}	
.index-jishuBox .newsList li.list1 .ImgBox{width:100%;height:220px;}
	
}
@media screen and (max-width:580px){
.index-jishuBox .newsList li.list1,
.index-jishuBox .newsList li.list1 .ImgBox{width:100%;height:180px;}	
}
@media screen and (max-width:480px){
.index-jishuBox .newsList li.list1,
.index-jishuBox .newsList li.list1 .ImgBox{width:100%;height:150px;}		
}




/*video*/
.index-videoBox .en{ text-align:right;}
.index-videoBox .en a{ display:inline-block;font-size:20px;color:#fff; text-transform:uppercase;padding-left:30px;background:url(../images/index-video-i.png) left bottom no-repeat; line-height:34px; text-align:left;}
.index-videoBox .en a span{font-family: "Cremona",Helvetica, Arial, sans-serif; display:block;font-size:28px;}
@media screen and (max-width:960px){	
.index-videoBox .en{ text-align:center;}
}


/*video_model*/
#video_model {position: fixed;z-index: 9999;width: 100%;height: 100%;left: 0;top: 0;display: none;}
#video_model .mask {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.6);}
#video_model .video {position: absolute;left: 0;right: 0;margin: auto;top: 0;width: 94%;max-width: 960px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);z-index: 9;background: #252525;}
#video_model .video .close {position: absolute;right: -50px;top: 0;width: 40px;z-index: 99999;cursor: pointer;}
#video_model .video_inner {width: 100%;padding: 10px;overflow: hidden;position: relative;}
#video_model .video_inner video {display: block;width: 100%;outline: none;}
#video_model .video_inner iframe{display: block;width: 98%;  height:60vh;outline: none;}
#video_model .video_inner .video_inner_mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
#video_model .video_inner .video_inner_mask img {cursor: pointer;}
#video_model .video .text {padding: 16px 10px 30px;}
#video_model .video .text h6 {font-size: 16px;color: #fff;}
#video_model .video .text p {font-size: 12px;margin-top: 12px;color: #666;}







/*index-frlink*/
.index-frlink{padding-top:14px; padding-bottom:14px; background:#0092e0;}
.index-frlink .index-frlinkCon{padding-left:110px; position:relative; min-height:30px;}
.index-frlink .index-frlinkCon a{font-size:13px;color:#fff;line-height:30px;padding:0 5px;margin:0 15px; display:inline-block;}
.index-frlink .index-frlinkCon a:hover{ text-decoration:underline;}
.index-frlink .titleBox{position:absolute; top:0; left:0;}
.index-frlink .titleBox .tt{display:inline-block;margin:0;padding:0;font-size:16px; color:#fff;line-height:30px;text-transform:uppercase; font-weight:bold; padding-left:13px;background:url(../images/index-titline.png) left center no-repeat;}
@media screen and (max-width:1024px){
.index-frlink .index-frlinkCon{padding-left:100px;}
.index-frlink .index-frlinkCon a{font-size:15px;margin:0 8px;}
.index-frlink .titleBox .tt{ font-size:15px;}
}
@media screen and (max-width:768px){
.index-frlink .index-frlinkCon{padding-left:90px;}
.index-frlink .index-frlinkCon a{font-size:14px;margin:0 5px;}
.index-frlink .titleBox .tt{ font-size:14px;}
}









/*footer*/
.footer { background:#f1f1f1;}
.footer .footer-nav{min-height:44px;font-size:12px;width:100%;height:auto;padding: 25px 0 16px 0;}
.footer .footer-nav .left{float:right;font-size:12px;line-height:26px;color:#5d6371;}
.footer .footer-nav .left .ul2{height:auto;float:left;font-size:0;text-align:left;margin-right:40px;}
.footer .footer-nav .left .ul2.d1 .ulB{width:160px;}
.footer .footer-nav .left .ul2.d3 .ulB{width:140px;}
.footer .footer-nav .left .ul2.d4 .ulB{width:140px;}
.footer .footer-nav .left .ul2 .ulB{ display:inline-block;*display:inline;zoom:1;width:130px; vertical-align:top;}
.footer .footer-nav .left .ul2 .t2{display:block;line-height:0;padding:0;margin:0;}
.footer .footer-nav .t1{font-size:16px;margin-bottom:10px;color:#002743; text-transform:uppercase;}
.footer .footer-nav .t1 a{display:inline-block;color:#002743;}
.footer .footer-nav .t2{font-size:13px;}
.footer .footer-nav .t2 a{font-size:13px;display: inline-block;overflow:hidden;line-height:30px;color:#000000; position:relative; overflow:hidden;}
.footer .footer-nav .t2 a:hover,
.footer .footer-nav .t1 a:hover{color:#0073c6}
.footer .footer-nav .right{float:right;font-size:12px;line-height:20px;color:#000; width:124px;}
/*bottom-logo*/
.bottom-logo{float:left;font-size:14px;line-height:24px;color:#000;width:260px;padding-right:55px;margin-top:15px;}
.bottom-logo img{ max-width:180px;max-height:60px;}
.bottom-logo .tel{font-size:34px;color:#dd540f;}
/*bq*/
.footer .bq{width:100%;font-size:12px;line-height:30px;color:#3d444a;position:relative;border-top:1px solid #e6e6e6;text-align:center;}
.footer .bq .w1400{padding:13.5px 0; }
.footer .bq a{color:#3d444a;}
.footer .bq a:hover{color:#3d444a}
.footer .bq .beian{width:50%; text-align:right; float:left;}
.footer .bq .bqname{width:50%; text-align:left; float:left;}
/*detail-share*/
.detail-share{line-height:0;margin-top:16px;font-size:0; text-align:center;}
.detail-share a{ display:inline-block;*display:inline;zoom:1;margin:0 3px;font-size:0; }
.detail-share img{ vertical-align: top; }
.detail-share .img2{display: none;}
.detail-share a {color:#333;}
.detail-share .ewm{position:absolute;bottom: 34px;left: 0;display:none;
-webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
        transform: translateX(-50%);}
@media screen and (max-width:1520px) {
	.footer .footer-nav .left .ul2{margin-right:30px;}
	.footer .footer-nav .left .ul2.d1 .ulB{width:150px;}
	.footer .footer-nav .left .ul2.d3 .ulB{width:130px;}
	.footer .footer-nav .left .ul2.d4 .ulB{width:130px;}
	.bottom-logo{width:250px;padding-right:30px;}
}
@media screen and (max-width:1220px) {
	.footer .footer-nav .left .ul2{margin-right:8px;}
	.footer .footer-nav .left .ul2.d1 .ulB,
	.footer .footer-nav .left .ul2.d3 .ulB,
	.footer .footer-nav .left .ul2.d4 .ulB,
	.footer .footer-nav .left .ul2 .ulB{width:120px;}
	.bottom-logo{width:220px;padding-right:20px;}
	.bottom-logo img{ max-width:130px;}
}
@media screen and (max-width:1024px) {
	.footer .footer-nav .left .ul2{margin-right:8px;}
	.footer .footer-nav .left .ul2.d1 .ulB,
	.footer .footer-nav .left .ul2.d3 .ulB,
	.footer .footer-nav .left .ul2.d4 .ulB,
	.footer .footer-nav .left .ul2 .ulB{width:135px;display: block;}
	.bottom-logo{width:220px;padding-right:20px;}
	.bottom-logo img{ max-width:130px;}
}
@media screen and (max-width: 960px) {
	.footer .footer-nav .left .ul2{margin-right:8px;}
	.footer .footer-nav .left .ul2.d1 .ulB,
	.footer .footer-nav .left .ul2.d3 .ulB,
	.footer .footer-nav .left .ul2.d4 .ulB,
	.footer .footer-nav .left .ul2 .ulB{width:135px;display: block;}
	.bottom-logo{ width:50%; margin-right:0;margin-bottom:30px;}
	.bottom-logo img{ max-width:100px;}
}
@media screen and (max-width:920px) {
	.footer .footer-nav .left{ width:100%;margin-top:30px;}
	.footer .footer-nav .left .ul2{margin-right:0; width:25%;}
	.footer .footer-nav .left .ul2.d1 .ulB,
	.footer .footer-nav .left .ul2.d3 .ulB,
	.footer .footer-nav .left .ul2.d4 .ulB,
	.footer .footer-nav .left .ul2 .ulB{width:100%;display: block;}
}
@media screen and (max-width:768px) {
	.footer .footer-nav .left .ul2{margin-right:0; width:100%;}
	.footer .footer-nav .left .listB{ display:none;}
	.footer .footer-nav .t1{background:url(../images/v.png) right center no-repeat; background-size:15px; border-bottom:1px solid #ccc; line-height:40px;}
	.footer .footer-nav .t1 a,.footer .footer-nav .t2 a{ display:block;}
}
@media screen and (max-width:430px) {
	
	.bottom-logo{font-size:13px;}
	
}













/*pagebanner*/
.pagebannerBox {width:100%;overflow:hidden;margin:0 auto;text-align:center;position: relative; }
.pagebannerBox img{width:100%; display:block;}

/*position*/
.position{ text-align:right; line-height:30px;padding-top:15px;padding-bottom:15px;margin-bottom:5px;color:#5d6371; font-size:14px;}
.position a{color:#5d6371;}
.position a:hover,
.position span{ color:#0073c6;}




/*page*/
.page{ background:#f6f6f6; overflow:hidden;}
.page .pageBox .w1400{ position:relative;}
.PageNav {float:left;width:300px;}
.pageBoxCon{float:right; width:1080px;margin-bottom:36px;}
@media screen and (max-width:1520px) {
	.pageBoxCon{width:880px;}	
}
@media screen and (max-width:1220px) {
	.pageBoxCon{width:700px;}
	.PageNav {width:280px;}
}
@media screen and (max-width:1024px) {
    .PageNav {float:left;width:240px;}
	.pageBoxCon{width:680px;}
}
@media screen and (max-width:960px) {
    .PageNav {float:none;width:100%;}
	.pageBoxCon{float:none;width:100%;}	
}



/*PageNav*/
.PageNav {margin:0 auto;padding: 0;display:block;margin-bottom:34px;}
.PageNav .PageNavBox{background:#fff;padding:20px 36px;margin-bottom:18px;}
.PageNav ul{margin:0 auto; font-size:0;padding:25px 0 12px 0;}
#DropList{border-top:1px solid #e9e9e9;}
.PageNav li {list-style:none;display:block;}
.PageNav li a {display:block;padding:5px 15px 5px 0;line-height:30px;font-size:15px;color:#000000;text-align:left;background:url(../images/page-menu-ss.png) right center no-repeat;}
.PageNav li a:hover,.PageNav li.on a{color:#0073c6;}
.PageNav li:hover a:after,.PageNav li.on a:after{width:100%;}
.PageNav .Navtit{ text-align:left; color:#000000;background:url(../images/page-menu-i.png) left center no-repeat;padding:16px 0;padding-left:30px;line-height:30px; font-size:22px; color:#000000;}
.PageNav .Navtit span{ display:inline-block;}
.PageNav .PageNavContact{padding:12px 10px; background:#fff;line-height:30px;font-size:14px;color:#5d6371;}
.PageNav .PageNavContact a{ display:block;}
.PageNav .PageNavContact a img{ display:block; width:100%; height:auto;}
.PageNav .PageNavContact .tit{padding:7px 0; font-weight:600;}
/*erji Navtwo*/
.PageNav .Navtwo{margin:0 auto;padding:5px 0 5px 10px; display:none;}
.PageNav .Navtwo li a{line-height:30px;padding:0;font-size:15px;color:#5d6371;background:none;}
.PageNav .Navtwo li a:hover,.PageNav .Navtwo li.on a{color:#0073c6;}
@media screen and (max-width:1520px) {
.PageNav .Navtit{font-size:21px;}	
	
}
@media screen and (max-width:1220px) {
.PageNav .PageNavBox{padding:20px 26px;}	
}
@media screen and (max-width:1024px) {
.PageNav .PageNavBox{padding:15px 15px;}
.PageNav ul{padding:15px 0 12px 0;}
.PageNav .Navtit{font-size:18px;padding:10px 0;padding-left:30px;}
.PageNav ul{ display:none;}
}
@media screen and (max-width:960px) {
.PageNav .PageNavContact{ display:none;}	
.PageNav .PageNavBox{padding:0 15px;}
.PageNav .Navtit{font-size:16px;padding:10px 0;padding-left:30px; position:relative;}
.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:20px;right: 20px;width: 0;height: 0;border-style: solid;border-width: 6px 6px 0 6px;border-color: #000 transparent transparent transparent;}
.PageNav .Navtit span {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
}



/*pageInfo*/
.pageInfo{ color:#000000; font-size:15px; line-height:30px; min-height:100px;padding:60px 40px 60px 40px;background:#fff;}.pageInfo.pageInfo2{padding:20px 40px 30px 40px;}
.pageInfo img{ max-width:100%; height:auto;}
.pageInfo a{ color:#0073c6;}
.pagetit{font-size: 28px;color:#000000;text-align:center;padding-top:10px;padding-bottom:15px;text-transform:uppercase;}
.pagetit2{font-size:20px;color:#0073c6;text-align:center;padding-top:10px;padding-bottom:15px;text-transform:uppercase;}
@media screen and (max-width:1520px) {
.pagetit{font-size:26px;}
}
@media screen and (max-width:1220px) {
.pagetit{font-size:24px;}
.pageInfo{ padding:40px 30px;}.pageInfo.pageInfo2{padding:20px 30px;}
}
@media screen and (max-width:1150px) {
.pageTable td{ width:50%!important;}	
.pageTable td img{ max-width:100%; height:auto; }	
}
@media screen and (max-width:1024px) {
.pagetit{font-size:22px;padding-top:0px;padding-bottom:0px;}	
}
@media screen and (max-width:960px) {
.pageInfo{ padding:40px 15px;}.pageInfo.pageInfo2{padding:20px 15px 20px 15px;}
}
@media screen and (max-width:768px) {
.pagetit{font-size:18px;}


.pageTable td{ width:94%!important;padding:0 3%!important; display:block;}
.pageTable td img{ width:100%;}
}





/*page-tab*/
.page-tab{margin:0 auto;padding:30px 0 30px 0;text-align: center; }
.page-tab ul { margin:0 auto;padding: 0;list-style: none; text-align:center;height: 30px;line-height: 30px;font-size: 0;}
.page-tab ul li{margin: 0;padding: 0;display: inline-block;position: relative;height: 30px;line-height: 30px;}
.page-tab ul li a{display: inline-block;text-align: center;font-size: 12px;color: #1e2831;padding:0 12px;height: 30px;line-height: 30px;background:#fff;margin:0 3px;}
.page-tab ul li a:hover{ background:#0073c6; color: #fff;}
.page-tab ul li .focus{ background:#0073c6; color: #fff;}
.page-tab ul li.next-page a, .page-tab ul li.prev-page a{padding: 0 20px;}





/*honorList*/
.pageList ul{margin:0 -25px;font-size:0;margin-top:50px;}
.pageList ul li.honorli{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:33.33333%;margin-bottom:20px; vertical-align:top;}
.pageList ul li.honorli a{ display:block;margin:0 25px;padding:0;}
.pageList ul li.honorli .picB{border:1px solid #d2d2d2;padding:25px 34px;height:auto;position:relative;}
.pageList ul li.honorli .pic{width:100%;height:auto; overflow:hidden; display:table-cell; vertical-align:middle; margin:0 auto; text-align:center;}
.pageList ul li.honorli .pic img{max-width:100%; max-height:100%; display:block;margin:auto;-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 .pic:after{opacity:0;content:""; display:block; position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; background-color:#000;-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 .pic:after{opacity:0.3;}
.pageList ul li.honorli .picB:before { content: "";display: block;position: absolute;width:100px;height: 100px;opacity: 0;top: 50%;left: 50%;margin-left: -50px;margin-top: 50px;background: url(../images/plus.png) center center no-repeat; background-size:100%;transition: all 1s ease;z-index: 10;transform: rotateY(360deg);}
.pageList ul li.honorli:hover .picB:before {opacity: 1;margin-top: -50px;transition-delay: .2s;transform: rotateY(0deg);}
.pageList ul li.honorli .tit{ text-align:center; line-height:30px;margin-top:10px;font-size: 14px;color:#000000;}
@media screen and (max-width:1520px){
.pageList ul{margin:0 -10px;margin-top:30px;}
.pageList ul li.honorli a{margin:0 10px;}
.pageList ul li.honorli .picB{padding:25px 25px;}
}
@media screen and (max-width:768px){
.pageList ul{margin:0 -10px;margin-top:30px;}
.pageList ul li.honorli a{margin:0 10px;}
.pageList ul li.honorli{ width:50%;}
}

@media screen and (max-width:480px){
.pageList ul{margin:0 -5px;margin-top:30px;}
.pageList ul li.honorli a{margin:0 5px;}
.pageList ul li.honorli .picB{padding:20px 15px;}
}









/*search*/
.searchBtn {width:100%;margin:0; position:relative;display: block;height:74px;background: #fff;margin-bottom:18px;}
.search2 {display: block; width:100%;}
.search2 input {width:100%;line-height:74px;height:74px;text-indent:15px;border:none;display:block;outline:none; font-size:14px; color:#464646;}
.search2 .submitTJ {display:block;width:74px;height:74px;cursor:pointer;transition:.5s all linear;outline:none;position:absolute;right:0;top:0;border:none;background:url(../images/top-search2.png) center center no-repeat;background-size:16px;}
@media screen and (max-width:960px){
.searchBtn {height:50px;}
.search2 input {line-height:50px;height:50px;}
.search2 .submitTJ {width:50px;height:50px;background-size:13px;}
}






/*caseList*/
.caseList ul{margin:0 -13px;font-size:0;padding-left:40px;}
.caseList ul li.caseli{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:25%;margin-bottom:28px; vertical-align:top;}
.caseList ul li.caseli a{ display:block;margin:0 13px;padding:0;}
.caseList ul li.caseli .picB{padding:0;height:auto;position:relative;}
.caseList ul li.caseli .pic{width:100%;height:auto; overflow:hidden; display:table-cell; vertical-align:middle; margin:0 auto; text-align:center;}
.caseList ul li.caseli .pic img{max-width:100%; max-height:100%; height:auto;display:block;margin:auto;-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;}
.caseList ul li.caseli .pic:after{opacity:0;content:""; display:block; position:absolute; left:0; top:0; z-index:2; width:2px; height:100%; background-color:#0073c6;-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;}
.caseList ul li.caseli .pic:before{opacity:0;content:""; display:block; position:absolute; right:0; top:0; z-index:2; width:2px; height:100%; background-color:#0073c6;-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;}
.caseList ul li.caseli a:hover .pic:after{opacity:1;}
.caseList ul li.caseli a:hover .pic:before{opacity:1;}
.caseList ul li.caseli .picB:after{opacity:0;content:""; display:block; position:absolute; left:0; top:0; z-index:2; width:100%; height:2px; background-color:#0073c6;-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;}
.caseList ul li.caseli .picB:before{opacity:0;content:""; display:block; position:absolute; left:0; bottom:0; z-index:2; width:100%; height:2px; background-color:#0073c6;-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;}
.caseList ul li.caseli a:hover .picB:after {opacity: 1;}
.caseList ul li.caseli a:hover .picB:before {opacity: 1;}
.caseList ul li.caseli .tit{ text-align:center; line-height:36px; height:36px; overflow:hidden;margin-top:6px;font-size:14px;color:#000000; background:#fff;}
.caseList ul li.caseli a:hover .tit{background: url(../images/probg.jpg) center center no-repeat #5ea8de; color:#fff;}
@media screen and (max-width:1520px){
.caseList ul{margin:0 -10px;}
.caseList ul li.caseli a{margin:0 10px;}
}
@media screen and (max-width:1220px){
.caseList ul{padding-left:20px;}
.caseList ul li.caseli{ width:33.33333%;}
}
@media screen and (max-width:960px){
.caseList ul{padding-left:0;}

}
@media screen and (max-width:768px){
.caseList ul li.caseli{ width:50%;margin-bottom:15px;}
.caseList ul li.caseli .pic{ display:block;}
.caseList ul li.caseli .pic img{width:100%;}
}

@media screen and (max-width:480px){
.caseList ul{margin:0 -5px;}
.caseList ul li.caseli a{margin:0 5px;}
}



/*detailImg*/
.detailImgBox {width:100%;overflow:hidden;margin:0 auto;text-align:center;position: relative;margin-top:0px;}
.detailImgBox img{max-width:100%; height:auto;}
.detailImgBox .t {text-align: center;font-size:18px;color:#3b4048;line-height:30px;margin-top:10px;margin-bottom:10px;}
@media screen and (max-width:767px) {
.detailImgBox .t{font-size:16px;line-height:30px;}
}



/*proTitle2*/

.detailBox{ color:#000000;}
.detailwz{padding:20px 0 30px 0;}
.detailTitle2 {margin-bottom:10px;position: relative;padding-left:20px;background:url(../images/case2-titbg.jpg) right center no-repeat #006ebd;margin-top:20px;}
.detailTitle2 .t1 {display:inline-block;padding:0;font-size:18px;color:#fff; font-weight:600; line-height:38px;padding-left:24px;background:url(../images/case2-titbg-i.png) left center no-repeat;}
@media screen and (max-width:767px) {
.detailTitle2 {margin-bottom:10px;padding-left:15px;}
.detailTitle2 .t1 {font-size:16px}
}





/*detaillist*/
.detailList ul{margin:25px -25px;font-size:0;margin-bottom:25px;margin-top:25px;}
.detailList ul li.detailli{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:25%;margin-bottom:20px; vertical-align:top;}
.detailList ul li.detailli a{ display:block;margin:0 25px;padding:0;}
.detailList ul li.detailli .picB{border:1px solid #e5e5e5;height:auto;position:relative;}
.detailList ul li.detailli .pic{width:100%;height:auto; overflow:hidden; display:table-cell; vertical-align:middle; margin:0 auto; text-align:center;}
.detailList ul li.detailli .pic img{max-width:100%; max-height:100%; display:block;margin:auto;-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;}
.detailList ul li.detailli .pic:after{opacity:0;content:""; display:block; position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; background-color:#000;-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;}
.detailList ul li.detailli a:hover .pic:after{opacity:0.3;}
.detailList ul li.detailli .picB:before { content: "";display: block;position: absolute;width:100px;height: 100px;opacity: 0;top: 50%;left: 50%;margin-left: -50px;margin-top: 50px;background: url(../images/plus.png) center center no-repeat; background-size:100%;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 0.6s ease;z-index: 10;
-ms-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);}
.detailList ul li.detailli a:hover .picB:before {opacity: 1;margin-top: -50px;transition-delay: .2s;-ms-transform:rotateY(0deg); -moz-transform:rotateY(0deg); -webkit-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);}
.detailList ul li.detailli .tit{ text-align:center; line-height:30px;margin-top:10px;font-size: 14px;color:#000000;}
.detailList ul li.detailli a:hover .tit{ color:#0073c6;}
@media screen and (max-width:1520px){
.detailList ul{margin:25px -10px;}
.detailList ul li.detailli a{margin:0 10px;}
}
@media screen and (max-width:768px){
.detailList ul{margin:20px -10px;}
.detailList ul li.detailli a{margin:0 10px;}
.detailList ul li.detailli{ width:50%;}
}

@media screen and (max-width:480px){
.detailList ul{margin:20px -5px;}
.detailList ul li.detailli a{margin:0 5px;}
}




/*page-moreBox*/
.page-moreBox{ margin:0 auto; text-align:left;padding:15px 0;border-top:1px dashed #d9d9d9;border-bottom:1px dashed #d9d9d9;}
.page-moreBox a{display:block;width:40%; float:left;font-size: 12px;line-height:30px;height:30px;overflow:hidden;color: #464646;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;white-space: nowrap;text-overflow: ellipsis;}
.page-moreBox a.page-nextBOX{ text-align:right;float:right;}
.page-moreBox a:hover{color:#0073c6;}
.page-moreBox a span{ display:inline-block;}

@media screen and (max-width:768px){
.page-moreBox a{width:100%;}
.page-moreBox a.page-nextBOX{ text-align:left;float:left;}
}


/*page-back*/
.page-back{ margin:0 auto; text-align:center;padding:30px 0;}
.page-back a{display:block;width:210px;font-size: 12px;line-height: 36px;height:36px;overflow:hidden; text-align:center;color: #1e2831;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; background:#fff;text-transform:uppercase;}
.page-back a:hover{background:#004098; color:#fff;}










/*page newsList*/
.pageList2{margin:0;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;}
.pageList2 li.newsli{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;overflow:hidden;list-style:none;border-bottom:1px dashed #bfbfbf;margin-bottom:20px; width:100%;}
.pageList2 li.newsli a{display:block;margin-bottom:16px; text-decoration:none;padding:18px 17px 15px 17px;}
.pageList2 li.newsli .listTitle{padding:0 0 0 75px;position:relative;}
.pageList2 li.newsli .listTitle .t{ display:block;font-size: 18px;color:#000000;height:20px;line-height:20px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;margin-bottom:8px;}
.pageList2 li.newsli .listTitle .wz{ display:block;font-size: 14px;color:#757575;height:44px;line-height:22px;overflow: hidden;}
.pageList2 li.newsli .listTitle .listDate{ display:inline-block;font-size:12px;color:#fff;line-height:19px; overflow:hidden; position:absolute; left:0; top:0;padding:15px 14.5px 15px 14.5px; width:36px; height:35px;text-align:center;background:url(../images/datebg.jpg) no-repeat left top #0069ba; font-weight:bold;}
.pageList2 li.newsli .listTitle .listDate .year{ display:block; font-size:15px; font-weight:300;}
.pageList2 li.newsli a:hover{background:#f3f9ff;}
.pageList2 li.newsli a:hover .listTitle .t{ color:#0069ba;}
.pageList2 li.newsli a:hover .listTitle:after{ width:0;}
@media screen and (max-width:768px) {
.pageList2 li.newsli .listTitle .t{font-size: 15px;}	
}





/*feedback2Box*/
.feedback2Box .contact-con{ font-size:0;margin-bottom:30px;}
.feedback2{font-size:14px;color:#464646;line-height: 30px;text-align:left;padding:0;margin:0 -15px;}
.feedback2 label{display:block;}
.feedback2 .l1{float:left;width: 33.333333%; position:relative;}
.feedback2 .l1Box{margin:0 10px; position:relative;}
.feedback2 .text{display:block;width: 100%;padding:4px 18px;height:40px;margin-bottom:25px;outline:none;font-size:12px;color:#909090;font-family:"微软雅黑",Arial,Sans-Serif;border:none;border-radius:5px;background:#f6f6f6;text-align:left;}
.feedback2 .text2{display:block;width:100%;padding:10px 18px;height:220px;margin-bottom:25px;outline:none;font-size:12px;color:#909090;font-family:"微软雅黑",Arial,Sans-Serif;border:none;border-radius:5px;background:#f6f6f6;text-align:left;}
.feedback2 .getcode{display:block;width:32%;padding:4px 18px;height:40px;margin-bottom:0;
outline:none;font-size:12px;color:#909090;font-family:"微软雅黑",Arial,Sans-Serif;border: none;border:none;border-radius:5px;background:#f6f6f6;text-align:left; float:left;margin-right:15px;}
.feedback2 img{display:inline-block; float:left;}
.feedback2 .kk{font-size:12px;color:#909090; line-height:40px;margin-left:2px;float:left;}
.feedback2 .inputbtn{display:inline-block;height:40px;line-height:40px;margin:0;outline:none;font-size:14px;background:#0073c6;color:#fff;font-family:"微软雅黑",Arial,Sans-Serif;border:0;cursor:pointer;border-radius:5px;text-align:center;width:36.92857142857143%; float:right;width:32%; background-position:right center;}
.feedback2 .inputbtn:hover{background:url(../images/index-protitbg.jpg) center center repeat #0065bc;color: #fff;}
.feedback2 .text:focus,.feedback2 .text:active,.feedback2 .text2:focus,.feedback2 .text2:active,.feedback2 .getcode:focus,.feedback2 .getcode:active{-webkit-box-shadow: none;box-shadow: none;border: 2px solid rgba(94, 158, 255, 0.80); }
.feedback2 input::-webkit-input-placeholder { color: #909090; } 
.feedback2 input:-moz-placeholder { color: #909090; } 
.feedback2 input::-moz-placeholder { color: #909090; } 
.feedback2 input:-ms-input-placeholder { color: #909090; } 
.feedback2 textarea::-webkit-input-placeholder { color: #909090; } 
.feedback2 textarea:-moz-placeholder { color: #909090; } 
.feedback2 textarea::-moz-placeholder { color: #909090; } 
.feedback2 textarea:-ms-input-placeholder { color: #909090; } 
@media screen and (max-width:1220px){
.feedback2 .inputbtn{width:20%;}	
}
@media screen and (max-width:1024px){
.feedback2 .inputbtn{ float:none; width:100%;margin-top:30px;margin-bottom:0px;max-width:100%;}
}
@media screen and (max-width:768px){
.feedback2{margin:0;}
.feedback2 .l1{float:none;width:100%;}
.feedback2 .l1Box{margin:0 auto;}
.feedback2 .text{width: 100%;padding:4px 3%;margin-bottom:15px;}
.feedback2 .text2{padding:4px 3% 4px 3%;margin-bottom:15px;}
.feedback2 .getcode{width:100%;padding:4px 3%;margin-bottom:15px;max-width:130px;}
.feedback2 .kk{font-size:12px;}
}


/*pageMap */
.pageMap {margin-bottom:25px;margin-top:30px;}





/*contactTit*/
.contactTit{font-size:18px;padding-bottom:35px;}
@media screen and (max-width:768px) {
.contactTit{font-size:16px;padding-bottom:20px;}
}




/*contactTable*/
.contactTable td{ position:relative;}
.contactTable td:nth-child(1),
.contactTable td:nth-child(2){padding-right:70px;}
.contactTable td:nth-child(1):after,
.contactTable td:nth-child(2):after{content:""; display:block; position:absolute; right:70px; top:10px; z-index:1; width:1px; height:47px; background-color:#d5d5d5;}
@media screen and (max-width:1520px){
.contactTable td:nth-child(1),
.contactTable td:nth-child(2){padding-right:40px;}
.contactTable td:nth-child(1):after,
.contactTable td:nth-child(2):after{right:40px;}
}
@media screen and (max-width:1220px){
.contactTable td{ width:100%!important; display:block;}
.contactTable td:nth-child(1),
.contactTable td:nth-child(2){padding-right:0; padding-bottom:30px;}
.contactTable td:nth-child(1):after,
.contactTable td:nth-child(2):after{ right:0; left:0; bottom:15px;width:47px; height:1px; top:auto;}
}










/*page-proList*/
.page-proList{margin:0 -9px;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;padding-left:40px;}
.page-proList .proli{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:33.33333%;vertical-align:top;margin-bottom:18px;}
.page-proList .proli a{display:block; margin:0 9px;}
.page-proList .ImgBox{width:100%;height:auto;overflow:hidden; line-height:0; position:relative;margin-bottom:3px;}
.page-proList .ImgBox img{max-width:100%; height:auto;}
.page-proList .ImgBox img{transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.page-proList .proli a:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.page-proList .proli .listTitle{overflow:hidden;display:block;padding:10px 10px;-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;text-align:center;background:url(../images/index-protitbg.jpg) center center repeat #0065bc;}
.page-proList .proli .listTitle .t{ display:inline-block;font-size:14px;color:#fff;height:30px;line-height:30px; overflow:hidden;}
.page-proList .proli a:hover{-webkit-box-shadow: 0 10px 50px rgba(0,0,0,.1);-moz-box-shadow: 0 10px 30px rgba(0,0,0,.1);box-shadow: 0px 10px 50px rgba(0,0,0,.1);}
.page-proList .proli a:hover .listTitle{background-position: right center;}
/* Arrows */
.page-proList .slick-next{right: 10px;}
.page-proList .slick-prev{left: 10px;}
.page-proList:hover .slick-next,.page-proList:hover .slick-prev{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

/*line*/
.page-proList .proli .more {position: absolute;left:0;top:0;z-index: 2;margin:0;width:100%; height:100%;opacity: 0;filter: alpha(opacity=0);}
.page-proList .proli a:hover .more { opacity: 1; filter: alpha(opacity=100); }
.page-proList .proli .line { position: absolute; background-color: #0073c6; }
.page-proList .proli .line-t, .page-proList .proli .line-b { left: 0; width: 100%; height: 2px; }
.page-proList .proli .line-l, .page-proList .proli .line-r { top: 0; width: 2px; height: 100%; }
.page-proList .proli .line-t {
  top: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.page-proList .proli .line-r {
  right: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.page-proList .proli .line-b {
  bottom: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.page-proList .proli .line-l {
  left: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.page-proList a:hover .line {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width:1220px) {
.page-proList{padding-left:20px;padding-bottom:30px;}	
	
}
@media screen and (max-width:960px) {
.page-proList{padding-left:0px;}	
	
}
@media screen and (max-width:768px) {
.page-proList .ImgBox img{width:100%;}	
.page-proList .proli{width:50%;}
}
@media screen and (max-width:480px) {
.page-proList{margin:0 -3px;}
.page-proList .proli a{margin:0 3px;}
}

@media screen and (max-width:350px) {
.page-proList .proli{width:100%;}
.page-proList{margin:0 0;}
.page-proList .proli a{margin:0 0;}
}






/*pro detailBox*/
.detailBox .detailBoxTop .detailImgBox{width:50%;float:left;}
.detailBox .detailBoxTop .detailImg{height:auto;margin-right:20px; border:1px solid #e5e5e5; position:relative;}
.detailBox .detailBoxTop .detailImg img{max-width:100%; height:auto; display:block; cursor:pointer;}
.detailBox .detailNr{overflow:hidden;display:block;width:50%;float:right;position:relative;margin-bottom:25px;}
.detailBox .detailNr .detailNrBox{padding:0;}
.detailBox .proTit{font-size:20px; color:#1e2831;margin-bottom:15px;text-transform:uppercase;}
.detailBox .pro-Text{line-height:28px;font-size:14px;color:#1e2831;padding-top:20px;border-top:1px dashed #dcdcdc;}
@media screen and (max-width:960px) {
.detailBox .detailBoxTop .detailImgBox{width:100%;float:none;margin-bottom:30px;}
.detailBox .detailBoxTop .detailImg{margin-right:0;}
.detailBox .detailBoxTop .detailImg img{width:100%;}
.detailBox .detailNr{width:100%;float:none;}
}






/*fixedContact*/
.fixedContact .transition{-moz-transition: all .3s ease;-webkit-transition: all .3s ease;transition: all .3s ease}
.fixedContact .img-block {margin: 0 auto;display: block}
.fixedContact .flex-col {display: flex;flex-direction: column;justify-content: center;align-items: center;line-height: normal;}

.fixedContact{ position: fixed;right:0;top: 50%;transform: translateY(-50%);padding: 50px 0;height:400px;box-sizing: border-box;z-index: 99999;}
.fixedContact .transition{ transition-duration: .8s}
.fixedContact-item-Box{position: absolute;right: 0;width: 60px;height: 60px;border: 1px solid #46abee;background-color: #46abee;border-right: none;box-sizing: border-box;background: #46abee; border-radius:5px;}
.fixedContact-item-Box:nth-child(1){ top: 50px}
.fixedContact-item-Box:nth-child(2){top: 115px;}
.fixedContact-item-Box:nth-child(3){top: 180px;}
.fixedContact-item-Box:nth-child(4){top: 245px;}
.fixedContact-item-Box:nth-child(5){top: 310px;}
.fixedContact-item-Box:nth-child(6){top: 375px;}
.fixedContact-item{ width: 100%;height: 100%}
.fixedContact-item-p{color: #fff;font-size: 12px;margin-top: 0;font-weight: 600;}
.fixedContact-item-in{color: #fff;font-size: 12px;height: 100%;display: none;position: relative;z-index: 1;overflow: hidden}
.fixedContact-item-in-p{color: #fff;font-size: 12px;text-align: center;line-height: 58px;font-size: 14px;height: 58px;white-space: nowrap;}
.fixedContact-in.cur{ width: 156px;background-color: transparent}
.fixedContact-in.cur .fixedContact-item-in{ width: 100%;display: block}
.fixedContact-in.cur .fixedContact-item{ display: none}
.fixedContact-in:before{content: "";background-color: #46abee;position: absolute;height: 100%;width: 0;transition: all .8s ease;}
.fixedContact-in.cur:before{ width: 100%}
/*weixin*/
.fixedContact-qr-show{ display: none;position: absolute;z-index: 1;left: -160px;top: -101px}
/*Whatsapp*/
.fixedContact-item-Box.fixedContact-Whatsapp .fixedContact-item-p{/*font-weight:300;*/letter-spacing: -2px;}
/*gotop*/
.fixedContact-item-Box.fixedContact-top{display: none;cursor: pointer;width: 60px;height: 60px;top:310px;background:#0073c6;}
.fixedContact-item-Box.fixedContact-top .fixedContact-item-p{ font-size: 13px; line-height:16px;margin-top: 0; color:#fff; font-weight:300;}

@media screen and (max-width:768px) {
.fixedContact{ display:none;}	
}






/*mask*/
.mask {width: 100%;height: 100%;display: none;background:rgba(0, 0, 0, 0.5);top: 0;left: 0;z-index: 9999;position: fixed;cursor: pointer;}
.mask div {position: relative;right: 0;left: 0;margin: auto;top: 0;bottom: 0;z-index: 99999;text-align: center;width: 100%;height: 100%;}
.mask div img {position: absolute;top: 0%;left: 0;right: 0;bottom:0;margin: auto;max-width: 75%;width:auto;height: auto;max-height:75%;}
.masks {width: 100%;height: 100%;display: none;background: rgba(83, 81, 80, 0.8);top: 0;left: 0;z-index: 99999;position: fixed;cursor: pointer;}
.newslist{width:1250px;height: auto;margin: 0 auto;padding: 10px;display: inline-block;}
@media (min-width: 1423px) and (max-width: 1903px) {
.mask div img {position: absolute;top: 0%;left: 0;right: 0;bottom: 0;margin: auto;max-width: 75%;width:auto;height: auto;max-height:75%;}
}
@media (max-width: 1445px) {
.mask div img {position: absolute;top: 0%;left: 0;right: 0;bottom: 0;margin: auto;max-width: 75%;width:auto;height: auto;max-height:75%;}
}