@charset "utf-8";
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
	margin: 0px;}
input, button, ul, ol {
	margin: 0px;
	padding: 0px;}
body, input, button, form, textarea {
	font-size: 15px;
	line-height: 28px;
	font-family: "Arial";
	color: #333;}
h1, h2, h3, h4, h5, h6 {
	font-size: 15px;
	font-weight: normal;}
ul, ol {
	list-style: none;}
img {
	border: 0px;
	/* display: block; */
	margin: 0;
    padding: 0;}
    .clear{
        clear: both;
      }
.clear:before,
.clear:after{
    clear: both;
  }
em, i, strong {
	font-style: normal;}
button, input, select, textarea {
	font-size: 100%;}
table {
	border-collapse: collapse;
	border-spacing: 0;}
body {
	background: #fff;
	overflow-x: hidden;
	overflow-y: auto;}
* {
	padding: 0px;
	margin: 0px}
div {
	margin: 0;
	padding: 0;
	border: 0;}
p {
	margin: 0;}
b, strong {
	font-weight: bold;}
table {
	border-collapse: collapse;
	border-spacing: 0;/* Remove most spacing between table cells.*/}
li {
	list-style: none outside none;}
a  {
	TEXT-DECORATION:none}
.fl {
    float: left!important;}
.fr {
    float: right!important;}

.main {
    
    margin: 0 auto;
}

.main1{
    
    margin: 0 auto;
}

.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
 *[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.rect-53{padding-bottom: 53%;}
.rect-152{padding-bottom: 152%;}
.rect-35{padding-bottom: 35%}
.rect-84{padding-bottom: 84%}
.rect-32{padding-bottom: 32%;}
.rect-72{padding-bottom: 72%;}
.rect-11980 { padding-bottom:119.8%; }
.rect-60 { padding-bottom:60%; }
.rect-66 { padding-bottom:66%; }
.rect-72 { padding-bottom:72%; }
.rect-81 { padding-bottom:81%; text-align:center}
.rect-112 { padding-bottom:112%; }
.rect-7237{padding-bottom: 72.37%}
.rect-95{padding-bottom:95%;}
 /*分页样式*/
.pglist {
	padding: 20px 0;
	width: 100%;
	text-align: center;
	clear: both;
}
.pglist a {
	color: #666;
	padding: 0 13px;
	margin: 0 4px;
	background: #efefef;
}
.pglist * {
	display: inline-block;
	_zoom: 1;
	_display: inline;
	vertical-align: middle;
	line-height: 34px;
	padding-bottom: 1px;
}
.pglist a:hover {
	display: inline-block;
	color: #fff;
	background: #0050a4;
}
.pglist .hover {
	display: inline-block;
	color: #fff;
	background: #0050a4;
}



#header{ padding:0em 0;position:fixed; left:0; top:0; width:100%; z-index:999;box-shadow: 0 6px 6px rgba(0, 0, 0, .075); }
#header:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;  background-color: #fff; }
#header.cur:before{display:none}	
.header_mid_left{float:left; margin-top:1em;}
#header.cur .header_mid_left{margin-top:0em;}
.header_mid_left img{float:left}
.header_mid_mid{float:right; position:relative;}
.header_mid_mid ul li{float:left; position:relative}
.header_mid_mid ul li a.biga{ padding:1em 1.5em;  display:block; position:relative;line-height:3.5em;}
.header_mid_mid ul li a.biga.hasxl{padding-left:18px;}
.header_mid_mid ul li.ss a.biga{ background-repeat:no-repeat;background-position:50% 50%;right:0;background-image:url(../images/cc.png)} 
#header.cur .header_mid_mid ul li a.biga{line-height:1.75em;}
#header.cur .header_mid_mid ul li.ss a.biga{background-image:url(../images/cb.png);}

 #header.cur .header_mid_mid ul li.ss a.biga{background-image:url(../images/cb.png);}
.header_mid_mid ul li p{ display:none;clear:both; overflow:hidden; width:100%; background-color:rgba(206, 206, 206, 0.42);}
.header_mid_mid ul li dl dd p a{ font-size:16px; color:#666;display:block; width:50%; float:left; padding-right:0}
.navigate ul li dl dd p{display:none; margin-left: 80px;}
.header_mid_mid ul li dl dd:hover p,.navigate ul li dl dd:hover p{display:block; z-index:1000; margin-left: 15px;}
.header_mid_mid ul li dl dd:hover .showsub,.navigate ul li dl dd:hover p .mobile_p_c{color:#0050a4}
.navigate ul li.on dl dd.on a.mobile_p_c{color:#0050a4}
.navigate ul li dl dd.on p{ display:block}
.header_mid_mid ul li p{ background:none; height:calc(100% - 1.5em);position:absolute; right:0; top:1.5em; width:199px;}
.header_mid_mid ul li dl dd p a{ position:relative; display:block; width:auto; float:none;color:#666; padding-right:0em; padding-left:1.5em;}  
.header_mid_mid ul li dl dd p a:hover{background-color:#0050a4; color:#fff}
.header_mid_mid ul li dl dd p a span{display:inline-block; position:relative; padding:0px 0px;}
.header_mid_mid ul li dl dd p a span:after{ display:none;content:''; position:absolute; left:0; bottom:0; height:1px; background-color:#0050a4; width:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.header_mid_mid ul li dl dd p a:hover span:after{width:100%;}
.header_mid_mid ul li dl.pro dd a.showsub{width:190px;}
.header_mid_mid ul li dl.pro{padding-bottom:1em;}
.header_mid_mid ul li dl dd:hover a.showsub{background-color:#0050a4; color:#fff}
.header_mid_mid ul li dl dd p a b{font-size:15px}
.header_mid_mid ul li dl.pro.b:after{ z-index:100;content:''; position:absolute; left:190px; height:100%; background-color:#dadada; top:0; width:1px;}
.header_mid_mid ul li dl.pro:before{content:''; position:absolute; left:0px; height:100%; width:190px; background-color:#fff; top:0; z-index:1;  }
.header_mid_mid ul li dl.pro{background:none; width:190px;}
.header_mid_mid ul li dl.pro.b{background-color:#fff; width:390px;}
.header_mid_mid ul li dl.pro dd a.showsub{background-color:#fff; position:relative; z-index:10;}
.header_mid_mid ul li dl.pro dd a.showsub.on { background: url(../images/img1b1.png) no-repeat right; }
.header_mid_mid ul li dl.pro dd a.showsub.on:hover{  background:#0050a4 url(../images/img1b2.png) no-repeat right; }
.header_mid_mid ul li p{background-color:#fff;}
.header_mid_mid ul li dl.pro dd:hover a.showsub{background-color:#0050a4;}


#header.cur .header_mid_mid ul li:last-child a.biga{background-image:url(../images/searchb.png);}
#header.cur .header_mid_mid ul li.ss a.biga{background-image:url(../images/cb.png);}
.search-box  .search {background-color: #fff;border: 1px solid #777;border-right: 1px solid transparent;color: #777;padding: 0 10px;width: 760px;height: 46px;float: left;}
.search-box .butt {float: left; border:none;width: 60px;height: 46px; background: url(../images/search2.png) no-repeat center;background-color: #0050a4;}
.slipbtn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center; }
.slipbtn .text-wrap{position:relative;display:inline-block; vertical-align:middle;overflow:hidden;font-size:18px; }
.slipbtn .text{display:block;-webkit-transition:opacity .4s,-webkit-transform .4s;transition:opacity .4s,-webkit-transform .4s;-o-transition:transform .4s,opacity .4s;transition:transform .4s,opacity .4s;transition:transform .4s,opacity .4s,-webkit-transform .4s;}
.slipbtn .text-wrap:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;-webkit-transform:translateY(12px);-ms-transform:translateY(12px);transform:translateY(12px);opacity:0;-webkit-transition:opacity .4s,-webkit-transform .4s;transition:opacity .4s,-webkit-transform .4s;-o-transition:transform .4s,opacity .4s;transition:transform .4s,opacity .4s;transition:transform .4s,opacity .4s,-webkit-transform .4s}
.slipbtn:hover .text-wrap:after{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}
.slipbtn:hover .text{-webkit-transform:translateY(-12px);-ms-transform:translateY(-12px);transform:translateY(-12px);opacity:0}
.header_mid_mid ul li a.biga:hover,.header_mid_mid ul li a.bigaon{color:#fff; background-color:#0050a4}
/*.header_mid_mid ul li a.biga:before{ opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:''; position:absolute; bottom:-1px; width:0px; height:2px; left:0; margin-left:0px; background-color:#0050a4}*/
.header_mid_mid ul li a.biga:hover:before,.header_mid_mid ul li a.bigaon:before{width:98%;opacity:1; left: 0; margin: 0 auto;}
.header_mid_mid ul li a.biga.hasxl:hover:after,.header_mid_mid ul li a.hasxl.bigaon:after{background-image:url(../images/img1b2.png);}
#header.cur .header_mid_mid ul li a.biga.hasxl:hover:after,#header.cur .header_mid_mid ul li a.hasxl.bigaon:after{background-image:url(../images/img1b2.png);}
#header.cur .search-box {position: absolute;top:63px}
.header_mid_mid ul li dl{ display:none; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);position:absolute; width:160px; z-index:100; left:-1.6em; margin-top: 1px; padding:1.5em 0;background:rgba(255, 255, 255, 0.93); background-color:#fff; }
.header_mid_mid ul li dl dd a{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;display:block; text-align:left; color:#000; font-size:16px; padding:17px 30px;}
.header_mid_mid ul li dl dd a:hover{background-color:#0050a4; color:#fff}
.header_mid_mid ul li dl dd:last-child{border:none}
@media all and (max-width: 1480px) {
.header_mid_mid ul li a.biga{ padding:1em 1.3em; }
}
@media all and (max-width: 1366px) {
.header_mid_mid ul li a.biga{ padding:1em 1em; }
}
@media all and (max-width: 1300px) {
.header_mid_mid ul li a.biga{ padding:1em 0.8em; }
}

/********nav*********/
#header.cur{background-color:#fff;padding: 0.2em 0;}
.header_mid_left a{ overflow:hidden;display:block; position:relative;}
.header_mid_left a:after{ background-image:url(../images/logo.png); z-index:10;  transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:''; position:absolute; left:0; top:100%; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
#header.cur .header_mid_left a:after{opacity:1; top:0;}
#header.cur .header_mid_left img{opacity:0}
#header.cur .header_mid_mid ul li a.biga{color:#000}
.pro_info_banner_jj{ color:#0050a4;position:absolute; left:0; top:150px; width:100%; text-align:center; z-index:10;}
.pro_info_banner_jj_1{font-size:2.125em; font-family:SourceHanSansCN-Normal; font-weight: bold;}
.pro_info_banner_jj_2{ color:#fff;line-height:2; margin-top:0em;}
#header.cur .header_mid_mid ul li dl dd a:hover,#header.cur .header_mid_mid ul li a.bigaon,#header.cur .header_mid_mid ul li a.biga:hover{ background-color:#0050a4; color:#fff;}
#header.cur .header_mid_mid ul li dl dd a:hover{color:#fff}
.mobilenav{ display:none;position:absolute; right:30px; top:1.5em}
.site__navi{ cursor:pointer; width:23px; height:16px;position:absolute; left:0;z-index:100;color:#0050a4; border-radius: 10px;}
.site__navi .text{ right:0;position:absolute; padding-right:30px}
.site__navi .icon{right:0;top:9px; display:block; cursor:pointer;}
.site__navi .icon,.site__navi .icon:before{position:absolute;width:23px;height:2px;background:#0050a4}
.site__navi .icon:before{top:-8px}
.site__navi .icon:after,.site__navi .icon:before{content:"";left:0;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;-o-transition:transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s}
.site__navi .icon:after{background:#0050a4;height:2px;position:absolute;top:8px;width:23px}
.has-menu .site__navi .icon{background:transparent}
.has-menu .site__navi .icon:before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.has-menu .site__navi .icon:after{top:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.site__navi:hover .text{color:#fff;-webkit-transition:color .35s;-o-transition:color .35s;transition:color .35s}
.has-menu .site__navi:hover .text,.has-menu .site__navi .text{color:#000}
.mobile_lan{ display:none; z-index:10;position:absolute; left:0px; top:50%;transform:translate(0%, -50%);}
.mobile_lan a{margin-right:.75em}
.mobile_lan dl{ display:none;position:absolute; padding:5px 10px; width:80px; right:-30px; top:47px; z-index:10; background-color:rgba(255, 255, 255, 0.9);}
.mobile_lan dl dd a{ border:1px transparent solid;font-size:12px; display:inline-block; padding:0 4px; line-height:20px;}
.mobile_lan dl dd a.on,.mobile_lan dl dd a:hover{color:#0050a4; border:1px #0050a4 solid;}
.mobile_lan dl dd{padding:5px 0px;}
.navmask{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0;position:fixed; right:0; top:0; width:100%; height:100%; z-index:666; background-color:#000; visibility:hidden}
.navmask.show{visibility:visible; opacity:.5;}
.navigate{ top:67px; overflow-y:auto; left:100%; transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0; visibility:hidden;position:fixed; width:62%; background-color:#fff; z-index:777; height:calc(100% - 67.4px);}
.navigate.show{left:38%; opacity:1; visibility:visible}
.navigate ul li{border-bottom:1px #e0e0e0 solid;}
.navigate ul li a{ padding:.875em 0;display:block; color:#555; font-size:16PX; margin:0 3.5vw; position:relative}
.navigate ul li a.mobile_alink:after{ content:''; position:absolute; right:0; top:50%;transform:translate(0%, -50%); background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img4.png); width:.5em; height:1em;}
.navigate ul li dl dd a{font-size:15PX; color:#888; padding:.5em 0;}
.navigate ul li dl { padding:1em 0;background-color:#f5f5f5; display:none}
.navigate ul li dl dd a:after{display:none}
.navigate ul li.on a{color:#0050a4}
.navigate ul li.on dl dd a{color:#888}
.navigate ul li.on a.mobile_alink:after{ background-image:url(../images/img4r.png); width:1em; height:.5em;}
.navigate ul li dl dd .mobile_p_c { background: url(../images/img1b1.png) no-repeat right; }
.navigate ul li dl dd.on .mobile_p_c { background: url(../images/img1b1.png) no-repeat right; }
.navigate ul li dl dd:hover .mobile_p_c{  background: url(../images/img1b.png) no-repeat right; }
.navigate ul li dl dd.on .mobile_p_c p { display: block; background: #ffffff;}
.ovh{overflow:hidden}
.searchbox{ z-index:888;position: fixed;left: 50%;max-width: 1200px;width: 90%;transform: translate(-50%, -50%);z-index: 19900210151;top: 50%;transition: all .3s; opacity:0; visibility:hidden}
.searchbox.show{opacity:1; visibility:visible}
.searchbox form{display: flex;align-items: center;}
.hs-search-field__input{width: 100%;border: 0;background-color: #FFF;height: 70px;padding: 0 150px 0 20px; border:none}
.geek_search-btn {display: inline-block;width: 65px;position: absolute;height: 70px;top: 0;right: 65px;background-color: #0050a4;background-image: url(../images/main-search-icon.png);
background-repeat: no-repeat;background-position: 50% 50%;border: 0;font-size: 0px;cursor: pointer;}
.close-btn a {display: inline-block;width: 65px;position: absolute;height: 70px;top: 0;background-repeat: no-repeat;background-position: 50% 50%;right: 0;background-color: #434343;
background-image: url(../images/close-icon.png);
}
@media screen and (max-width:1140px) {
.header_mid_left{margin-top:0}
#header:before{display:none}
.mobile_lan{display:block}
.mobilenav{display:block}
.header_mid_mid{display:none}
.header_mid_left{ float:none;width:100%; }
.header_mid_left a{display:inline-block;}
#header{background-color:#fff;}
#header .header_mid_left a:after{opacity:1; top:0;}
#header .header_mid_left img{opacity:0}
}

/*.index-banner*/
.indexbanner {margin-top: 85px;}
.banner_img{position:relative; width:100%; height:720px;}
.banner_img_pc{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;  }
.swiper-slide-active .banner_img_pc { animation: scaleUpDown 6s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);}
 @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
 @keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
.banner_img_cir{ left:50%; top:50%; background-color:#0d6fb8; opacity:.15;border-radius:50%;transform:translate(-50%, -50%);position:absolute; width:32.55208333333333vw; height:32.55208333333333vw; z-index:1;}
.banner_img_jj{ width:100%;position:absolute; left:0; top:50%; z-index:10; text-align:left; color:#fff;transform:translateY(-50%);}
.banner_img_jj_mid_1{font-size:24px; line-height: 38px;text-shadow: 3px 3px 3px #444; font-family: 'GenBasR'; width: 67%;}
.banner_img_jj_mid_2{margin-bottom:1vw;font-size:60px;text-shadow: 3px 3px 3px #444; margin-top:0; letter-spacing:2px; font-weight: bold; }
.banner_img_jj_mid_2.animated{ -webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner_img_jj_mid_1.animated{ -webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.index_banner_left{ color:#fff; z-index:100; top:50%;cursor:pointer;position:absolute; left:4.94791666666667%!important;transform:translateY(-50%);}
.index_banner_left span{ color:#fff;display:block; position:relative; padding:.15em 0; font-size:2.5vw;}
.index_banner_left span:before{transition:.8s cubic-bezier(.14,1,.34,1) 0s;content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#fff;}
.index_banner_right{ color:#fff; z-index:100; top:50%; cursor:pointer;position:absolute; right:4.94791666666667%!important;transform:translateY(-50%);}
.index_banner_right span{ color:#fff;display:block; position:relative; padding:.15em 0; font-size:2.5vw;}
.index_banner_right span:before{transition:.8s cubic-bezier(.14,1,.34,1) 0s;content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#fff;}


.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 45PX;}
.indexbanner .swiper-button-next,.indexbanner .swiper-button-prev{position:absolute;top:50%;width:44px;height:44px; border: 1PX solid #FFF; border-radius: 100%;  margin-top:-18px;z-index:10;cursor:pointer;background-size:10px 18px;background-position:center;background-repeat:no-repeat}
.indexbanner .swiper-button-next,.indexbanner .swiper-button-prev{position:absolute;top:50%;width:44px;height:44px; border: 1PX solid #FFF; border-radius: 100%;  margin-top:-18px;z-index:10;cursor:pointer;background-size:10px 18px;background-position:center;background-repeat:no-repeat}
.banner_img_mo{ display:none;position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
@media only screen and (max-width: 1660px) {
    .banner_mouse{left:5%;}
}
@media screen and (max-width: 1440px){
.banner_img{ height:540px;}
.banner_img_jj_mid_2{font-size:44px;}
.banner_img_jj_mid_1{font-size:20px; }
.banner_right_act{ width:8%; }

}
@media screen and (max-width: 1200px){
.banner_img{ height:450px;}
.banner_img_pc{ display: none;}
.banner_img_mo{ display: block;}
.banner_img_jj_mid_1{font-size:18px; width: 78%; line-height: 28px;}
.banner_img_jj_mid_2{font-size:36px;margin-bottom: 30px;}
}
@media screen and (max-width: 1140px){.indexbanner { margin-top: 67px;}}
@media screen and (max-width: 1024px){
.banner_img{ height:385px;}
.banner_img_jj_mid_2{font-size:32px;}
.banner_right_act{ width:14%;right: 6%;}

}
@media screen and (max-width: 768px){
.banner_img{ height:420px;}
.banner_img_jj_mid_2{font-size:22px; margin-bottom: 15px;}
.banner_img_mo img{ width: 100%;}
.banner_img_jj_mid_1{font-size:16px; }
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 15PX;}
}
@media screen and (max-width: 668px){
.banner_img{ height:360px;}
.sub-mouse{ display: none;}
.banner_right_act{ display: none;}
.banner_img_jj_mid_2{font-size:20px;}
  
}
@media screen and (max-width: 500px){
.banner_img{ height:250px;}
.banner_img_jj_mid_2{font-size:18px;}
.banner_img_jj_mid_1{font-size:15px;width:88%; line-height: 26px;}
}
@media screen and (max-width: 425px){
.banner_img{ height:230px;}
}
/*.index-banner*/

/*imdex-title*/
.index {
	
	margin: 0 auto;}
.index-title {
	text-align: center;
	
	margin: 0 auto;}	
.index-title span{ color: #0050a4;}
.index-title h3 {
	font-size: 36px;
    font-weight: bold;
	display: block;
	line-height: 30px;
	color: #000;
	text-align: center;}	
.index-title p {
    color: #3e3e3e;
    font-size: 18px;
    line-height: 30px;
    margin: 20px 0 25px 0;}

.index-padding{ padding:80px 0;}
.index-about-title.index-padding{ padding:80px 0 0px;}
@media (max-width:1366px) {
.index-padding{ padding:60px 0;}
.index-about-title.index-padding{ padding:60px 0 0px;}
.index-title h3 {font-size: 32px;}
}
@media (max-width:1024px) {
.index-padding{ padding:40px 0;}
.index-about-title.index-padding{ padding:40px 0 0px;}
.index-title h3 {font-size: 26px;}

}

@media (max-width:490px) {
.index-padding{ padding:30px 0;}
.index-about-title.index-padding{ padding:30px 0 0px;}
.index-title h3 {font-size: 20px;}
.index-title p { margin: 20px 0 10px 0;}
}
/*index-title*/


/*index-about*/


.index-about{
	background: url(../images/bg_02.jpg) no-repeat center center;
    background-size: cover;
	height: 600px;}
.index-about .index-about-l{
	float: left;
	width: 60%; padding-right: 8%;}
.index-about .index-about-l .top{
	margin-bottom: 40px;
	margin-top: 30px;}
.index-about .index-about-l .top .h{
	font-size: 28px;color: #000000;
	font-weight: bold; 
    line-height: 43px; padding-bottom: 20px; position: relative;
}
.index-about .index-about-l .top .h::after{ position: absolute; content: ""; left: 0px; bottom: 0px; width: 40px; height: 3px; background-color: #0050a4;}
.index-about .index-about-l .top .p{
	font-size: 28px;
    color: #484848;}

        

.index-about .index-about-l .ti{
	margin-top: 20px;
	font-size: 20px;
	line-height: 42px;
	color: #000000}
.index-about .index-about-l .cont{
	font-size: 16px;
	color: #424242;
	margin-top: 20px;
    line-height: 28px;}
    


.index-about .index-about-l .more{
	display: block;
	width: 37px;
	height: 37px;
	background: url(../images/ico_03.png) no-repeat;
	margin-top: 25px}
.index-about .index-about-l .list{
	margin-top: 40px;}
.index-about .index-about-l .list ul li{
	float: left;	width: 25%;
 	transition: all .5s ease; }
.index-about .index-about-l .list ul li a{
	display: block;
text-align: center;
	height: 98px;
	box-sizing: border-box;
	padding: 5px 10px 0 5px;}
.index-about .index-about-l .list ul li:last-child{
	margin-right: 0}
.index-about .index-about-l .list ul li .h{ 
	line-height: 34px;}
.index-about .index-about-l .list ul li .h em{
	position: relative;
	display: inline-block;}
.index-about .index-about-l .list ul li .h .img1{
	opacity: 1;
	transition: all .5s ease; }
.index-about .index-about-l .list ul li .h .img2{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all .5s ease;}
.index-about .index-about-l .list ul li:hover .h .img1{
	opacity: 0 ;transform:rotateY(180deg)}
.index-about .index-about-l .list ul li:hover .h .img2{
	opacity: 1;transform:rotateY(180deg)}
.index-about .index-about-l .list ul li span{
	display: inline-block;
	font-size: 18px;
	color: #1b1b1b;
	margin-top: 16px;
	padding-bottom: 8px;
	position: relative;}
 
.index-about .index-about-l .list ul li .p{
	font-size: 13px; text-transform: uppercase;
	color: rgba(19,19,19,.8); }
.index-about .index-about-r{
	float: left;
	width: 30%;
    padding: 7% 5%;}
    
@media (max-width:1366px) {
.index-about .index-about-l .top .h{font-size: 24px;}
.index-about .index-about-l .top .p{font-size: 24px;}
}
@media (max-width:1280px) {
.index-about .index-about-l .top{margin-bottom: 20px;margin-top: 20px;}
.index-about .index-about-l .top .h{font-size: 22px;}
.index-about .index-about-l .top .p{font-size: 22px;}
.index-about .index-about-l{  width: 60%; padding-right: 2%;}
.index-about .index-about-l .cont{ margin-top: 10px;}
.index-about .index-about-r{width: 40%;padding: 7% 5%;}
}
@media (max-width:992px) {
.index-about .index-about-l .top .h{font-size: 20px;}
.index-about .index-about-l .top .p{font-size: 20px;}
}  
@media (max-width:768px) {
.index-about{background: url(../images/bg_02_m.jpg) no-repeat center center;background-size: cover;height: auto;}
.index-about .index-about-l .top .h{font-size: 18px;}
.index-about .index-about-l .top .p{font-size: 18px;}
.index-about .index-about-l{  width: 100%; padding-right:0;}
.index-about .index-about-r{width: 100%;padding: 7% 0; }
.index-about .index-about-l .list{margin-top: 20px;}
.index-about .index-about-l .list ul li .p{ display: none;}
.index-about .index-about-l .list ul li span{font-size: 16px;}
}  

@media (max-width:568px) {
.index-about{background: url(../images/bg_02_m_1.jpg) no-repeat center center;background-size: cover;height: auto;}
.index-about .index-about-l .top{margin-bottom: 20px;margin-top: 0px;}

}
.index-about .index-about-r ul li{
	margin-bottom: 60px;
	position: relative;}
.index-about .index-about-r ul li:after{
	content: '';
	position: absolute;
	width: 60px;
	height: 3px;
	background: #fff;
	left: -155px;
	top: 50%;
	margin-top: -2px;
	opacity: 0;visibility: hidden;
	transition: all .5s ease;}
.index-about .index-about-r ul li:last-child{
	margin-bottom: 0}
.index-about .index-about-r ul li .h{
	vertical-align: bottom;
	font-size: 22px;
	color: #fdfdfd}
.index-about .index-about-r ul li .h span{
	font-size: 26px;
	font-family: arial;
	color: #fdfdfd;
	line-height: 60px;
	margin-right: 5px}
.index-about .index-about-r ul li :hover .h span{
	transform:rotateY(180deg)} 
.index-about .index-about-r ul li .p{
	font-size: 16px;
	color: #fdfdfd;
    margin-top: 6px}
    @media (max-width:768px) {
        .index-about .index-about-r ul li .h span{
            font-size: 22px;}
    }   
    @media (max-width:568px) {
        .index-about .index-about-r ul li .h span{
            font-size: 20px;}
    }
/*index-about*/


/*index-pro*/
.index-pro {margin: 0 auto;}
.index-pro .content{  background-color: #f0f0f0; padding: 10px; }
.index-pro .content a{ position:relative; }
.index-pro .content a:before{ position:absolute; left:0px; top:0px; width:100%; height:100%; content:""; background:url(../images/logo_bg.png) no-repeat; background-size: cover; z-index:999;}
.index-pro-l {
	width: 40%;
	position: relative;
	height: 483px;
	background: #ececec;
	margin: 0 auto;float: left;}
.index-pro-l .bd {
	margin: 0 auto;
	position: relative;
	z-index: 0;
	overflow: hidden;}
.index-pro-l .bd ul {
	width: 100% !important;}
.index-pro-l .bd li {
	width: 480px !important;
	height: 480px !important;
	overflow: hidden;}
.index-pro-l .bd li img{
	width: 460px !important;
	height: 400px !important;
	overflow: hidden;
	text-align: center;}
.index-pro-l .bd li :hover img {
	transform: scale(1.1, 1.1);transition: all 0.5s ease-out 0s;}
.index-pro-l .bd li a {
	display: block;
	height: 600px;
	position: relative;}
	
.index-pro-l .bd li a .f_txt {
	background: url(../images/touming.png) repeat;
	height: 58px;
	padding-top: 5px;
	text-align: left;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	font-size: 20px;
	color: #fff;
	line-height: 30px;
	padding-left: 15px;
}
.index-pro-l .bd li a .f_txt span {
	font-size: 12px;
	line-height: 20px;
}
.index-pro-l .hd {
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 20px;
	left: 0;
	height: 42px;
	line-height: 30px;
	text-align: center;
	_filter: alpha(opacity=60);}
.index-pro-l .hd ul {
	text-align: right;
	padding-top: 16px;
	text-align: center;}
.index-pro-l .hd ul li {
	cursor: pointer;
	display: inline-block;
    *display:inline;
	zoom: 1;
	width: 80px;
	height: 4px;
	margin: 0 10px;
	overflow: hidden;
	line-height: 9999px;
	background: #fff;}	
.index-pro-l .hd ul .on {
	background: #1f60ad;}	
.index-pro-l .prev,  .index-pro-l .next {
	position: absolute;
	left: -15px;
	top: 220px;
	display: block;
	width: 76px;
	height: 148px;
	line-height: 148px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;}	
.index-pro-l .prev img, .index-pro-l .next img {
	margin-left: 0px;
	margin-top: 0px;}
.index-pro-l .next {
	left: auto;
	right: -15px;}	
.index-pro-ico {
    position: absolute;
    right: 20px;
    top: 10px;}	
.index-pro-r{
	width: 60%; 
    float: left; }
.index-pro-r li{
	float: left;
	width: 380px;
	border-top: 1px solid #e5e5e5; 
	border-right: 1px solid #e5e5e5;
	max-height: 602px;
	background-color: #fff;
	margin-bottom: 70px;}
.index-pro-r .r-pro{
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	background-color: #fff;
	overflow: hidden;
	height: 240px;}
.index-pro-r li:first-child{
	background:#2f3854;
	background: -moz-linear-gradient(top, #282e46 0%, #2f3854 100%);
	background: -webkit-linear-gradient(top, #282e46 0%,#2f3854 100%);
	background: -o-linear-gradient(top, #282e46 0%,#2f3854 100%);
	background: -ms-linear-gradient(top, #282e46 0%,#2f3854 100%);
	background: linear-gradient(to bottom, #282e46 0%,#2f3854 100%);  }
.index-pro-r .r-pro img{
	display: block;
	width: 240px;
	height: 240px;
	float: right;-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}
.index-pro-r .r-pro:hover img {
	transform: scale(1.1, 1.1);}
.index-pro-r .r-pro .text{
	position: absolute;
	width: 100%;
	top: 15px;
	left: 0;
	padding: 0 30px;}
.index-pro-r .r-pro .text .tit{
	display: block;
	font-size: 22px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 2px;
	line-height: 30px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-bottom: 10px;}
.index-pro-r .r-pro .text .tit-1{
    display: block;
    font-size: 15px;
    color: #4e4e4e;
    font-weight: 100;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.index-pro-more {
    text-align: center;
    background: #0050a4;
    line-height: 30px !important;
    margin-top: 30px;
    display: block;
    height: 30px;
    width: 90px; margin-left: auto; margin-right: auto;
    color: #fff !important;border-radius: 6px;}	
	
.index-pro-more:hover {
            background-color: #ff0000;
            color: #fff;
        }	
	
.index-pro .index_pro_list { margin-top:30px;}
.index-pro .index_pro_list .box { padding:10px 10px 25px;background-color: #f0f0f0; text-align: center;}
.index-pro .index_pro_list .box .tit{font-size: 18px;color: #000; padding:8px 0;overflow: hidden;}
.index-pro .index_pro_list .box .con{ color: #666; line-height:26px;overflow: hidden; margin-bottom:15px;}
.index-pro .index_pro_list li:hover .tit{ color: #0075C2; }
.index-pro .index_pro_list li:hover .more{background: #0075C2; border: 1px solid #0075C2; color: #fff;}
.index-pro .swiper-container-horizontal>.swiper-pagination-bullets { bottom:0px;}
.index-pro .swiper-pagination-bullet { width:7px; height:7px; border-radius:7px; background: #333;}
.index-pro .swiper-pagination-bullet-active {background: #0050a4;}
@media (max-width: 1200px) {
.index-pro .index_pro_list .box .con{ height:80px;}
}
@media (max-width: 992px) {
.index-pro .index_pro_list li{ margin-bottom:20px;}
}
.txt1{
	height: 80px;
	line-height: 20px;
	padding-left: 20px;
	font-size: 15px;
	-webkit-transition: all .33s ease-out;
	-moz-transition: all .33s ease-out;
	-o-transition: all .33s ease-out;
	-ms-transition: all .33s ease-out;
	padding-top: 10px; 
    color: #fff;}
.txt1  h2{
	font-size: 20px;
    font-weight: 700;
    float: left;
    margin-top: 10px;
    color: #333; }
.txt1 p{ 
    font-size: 16px;
    padding-top: 10px;
    float: left!important;
    color: #333;
	width: 400px;}
.txt1  em{ 
    color: #1d2f68;}



/* --index-apply-- */
.index-apply {
    overflow: hidden;
    background: #fff;}
.index-apply-list {
    overflow: hidden;}
.index-apply-list .item {
    position: relative;
    float: left;
    width: 20%;}
.index-apply-list .pic {
    position: relative;}
.index-apply-list .pic img {
    display: block;
    width: 100%;}
.index-apply-list .text {
    position: absolute;
    top: 0;
    left: 0;
    padding: 60% 40px 0;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
    transition: all 0.5s linear;}



.index-apply-list .icon {
    margin: 0 auto 20px;
    width: 60px;
    overflow: hidden;}
.index-apply-list .icon img {
    display: block;
    width: 60px;
    height: 60px;}
.index-apply-list .icon:after {
    display: block;
    margin: 15px auto;
    width: 22px;
    height: 2px;
 
    background: #fff;}
.index-apply-list .tit {
font-size: 20px;
font-weight: bold;
line-height: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }

@media (max-width:1280px) {
.index-apply-list .text {padding: 40% 20px 0;}
.index-apply-list .tit {font-size: 18px;}
}
@media (max-width:992px) {
.index-apply-list .text {padding: 20% 10px 0;}
.index-apply-list .item.cur .summary, .index-apply-list .item.cur .btnBox {
display: none;}
.index-apply-list .item {width: 50%;}
.index-apply-list .item:last-child{ display: none;}
}
 .index-apply-list .tit a {
    color: #fff;}
.index-apply-list .summary {
    display: none;
    margin: 18px 0;
    height: 75px;
    font-size: 15px;
    line-height: 25px;
    overflow: hidden;}
.index-apply-list .btnBox {
    display: none;
    margin: 0 auto;
    max-width: 205px;
    height: 35px;
    line-height: 35px;
    border: #fff solid 1px;
    overflow: hidden;    
	width: 120px; }
.index-apply-list .btnBox a {
    display: block;
    font-size: 15px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;}
.index-apply-list .btnBox a:nth-child(1) {}
.index-apply-list .btnBox a:before {
    background-color: #f9a219;}

.index-apply-list .item.cur .text {
        padding-top: 20%;
        background: rgba(29,32,136,0.85);}
.index-apply-list .item.cur .summary, .index-apply-list .item.cur .btnBox {
        display: block;}
/*index-apply*/
.about_page .desc { margin-bottom:30px;}
.about_page .desc p{text-indent:2em; font-size:16px; color:#444; line-height:32px; margin-bottom:15px;}
.about_page li img{ width:100%; overflow:hidden;}
.about_page li{ margin-bottom:25px;  overflow:hidden;}
@media (max-width:1024px){
.about_page .about li{ height:200px;}
}
@media (max-width:768px){
.about_page .about li{ height:150px;}
}

@media (max-width: 760px){
.about_page .about li{ height: auto; overflow:hidden;}
}

.history_page .desc { margin-bottom:30px;text-indent:2em; font-size:16px; color:#444; line-height:32px; }
.history_page ul li {margin-bottom: 60px;display: flex;align-items: center;}
.history_page ul {margin-left: 243px;padding-left: 40px;padding-top: 30px;padding-bottom: 30px;border-left: 1px solid #666;}
.history_page ul li {position: relative;}
.history_page ul li .date {font-size: 24px;position: absolute;left: -234px;top: 50%; width:230px;transform: translateY(-50%);}
.history_page ul li .date::before {content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 80%;width: 20px;height: 20px;background-color: #eee9dc;border-radius: 50%;}
.history_page ul li .date::after {content: "";position: absolute;left: calc(80% + 4px);top: 50%;transform: translateY(-50%);width: 12px;height: 12px;background-color: #0075C2;border-radius: 50%;}
.history_page ul li .item-c {font-size: 18px;line-height: 36px;}
.history_page ul li .item-c span {padding-right: 5px;}
@media (max-width:1200px){
.history_page ul li .item-c {font-size: 16px;line-height: 30px;}
}
@media (max-width:768px){
.history_page .desc { font-size:15px; line-height:30px; }
.history_page ul {margin-left: 0px;padding-left: 0px;padding-top: 10px;padding-bottom: 30px;border-left: 0px solid #666;}
.history_page ul li {margin-bottom: 30px;display: block;align-items: left; }
.history_page ul li .fl{ float:none;}
.history_page ul li .date {font-size: 20px; padding-left:30PX; margin-bottom:0PX; left:0px; position: relative;transform: translateY(0%);}
.history_page ul li .date::before {content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 20px;height: 20px;background-color: #eee9dc;border-radius: 50%;}
.history_page ul li .date::after {content: "";position: absolute;left: 4px;top: 50%;transform: translateY(-50%);width: 12px;height: 12px;background-color: #0075C2;border-radius: 50%;}
.history_page ul li .item-c {font-size: 15px;line-height: 30px; margin-top:10PX;}
.history_page ul li .item-c span {padding-right: 5px;}
}
.honor_ul {overflow: hidden;text-align: center;}
.honor_ul a {height: auto;text-align: center; margin-bottom:15px;display: inline;padding:16px 0 0px;float: left;display: block;line-height: 30px;font-size: 15px;overflow: hidden;background: #efefef;position: relative;}
.honor_ul p{ width:100%;height:35px;background: #efefef;color: #666; margin-top:15px; margin-bottom:0px;}
.honor_ul a:hover p{color: #fff;background: #0075C2; width:100%;}
.honor_ul a img { padding:0 20%; transition: all 0.3s;position: relative;z-index: 1;}
.honor_ul a:hover img {transform: scale(1.1);}

.lookbook-a{ width:102%;}
.lookbook-a a{ overflow:hidden;position:relative;}
.lookbook-a a .item{ position:absolute; top:0; left:0; width:100%; background:url(../images/lookbook.png) repeat; height:100%; color:#fff; text-align:center; opacity:0;}
.lookbook-a a:hover img,.lookbook-a a:hover .item{ -webkit-opacity:1;opacity:1;-webkit-transform: scale(1.05);transform: scale(1.05);}
.lookbook-a a .item .p{ position:relative; bottom:40%;}
.lookbook-a a .item span{ display:block; font-size:22px;}
.lookbook-a a .item font{ display:block; font-size:14px; text-transform:uppercase}
.lookbook-a a .item font .ico {display: inline-block;width: 35px;  height:35px;  background: url(../images/ico_27.png) no-repeat center;  -webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);  -webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.lookbook-a a.clear{ margin-right:0;}
@media (max-width:768px){
.lookbook-a a{ overflow:hidden;  margin-bottom:5%;position:relative;}
.lookbook-a a .item span{ font-size:18px;}
.honor_ul a {height: auto;text-align: center;margin: 10px 0;display: inline;padding:0px 0;float: left;display: block;line-height: 30px;font-size: 15px;overflow: hidden;background: #efefef;position: relative;box-shadow: 2px 2px 0 #ddd;}
}

@media (max-width:480px){
.lookbook-a a{ width:48%;}
.lookbook-a a .item span{ font-size:16px;}
.lookbook-a a .item font{ font-size:13px;}
}
@media (max-width:320px){
.lookbook-a a .item span{ font-size:14px;}
.lookbook-a a .item font{ font-size:12px;}
}
.pic-scale{ width:100%;-webkit-transition:opacity 0.55s, -webkit-transform 0.55s;transition: opacity 0.55s, transform 0.55s;-webkit-transform: scale(1);transform: scale(1);}
.page_title{ font-size:30px; text-align:center; padding-bottom:15px; border-bottom:1px solid #ccc;} 

/*index-service*/

.inb8-main .list-item {
float: left;
width: 31%;
background-color: #efefef;
margin: 0 12px 0 12px;
transition: 0.36s;}
@media (max-width:1100px) {
.inb8-main .list-item {width: 30.8%;}
}
@media (max-width:992px) {
.inb8-main .list-item {width: 30%;}
.inb8-main .list-info {padding: 20px 10px 30px ;}
}
@media (max-width:768px) {
.inb8-main .list-item {width: 29%;}
}


.inb8-main .list-img {
    width: 100%;
    overflow: hidden;}
.inb8-main .list-img img {
    width: 100%;}
.inb8-main .list-info {
    padding: 20px 30px 30px ;}
.inb8-main .list-tit {
    font-size: 20px;
    line-height: 28px;
    color: #333333;
    font-weight: bold;
    text-align: center;}
.inb8-main .list-text {
    margin-top: 15px;
    font-size: 15px;
    line-height: 25px;
     color: #666666;
	text-align: center;}
.inb8-main .list-btn {
    text-align: center;
    margin-top: 20px;}
.inb8-main .list-btn .service1 {
   width: 160px;
   font-size: 15px;
   /* border: solid 1px #0050a4; */
   color: #ffffff;
   /* transition: 0.3s; */
   background-color: #0050a4;}

.service1 {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 6px;
    width: 160px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 15px;
    transition: 0.36s;}

.inb8-main .list-btn .service2:hover {
     background-color: #ff0000;
     color: #fff;}
.inb8-main .list-btn .service2 {
   width: 160px;
   font-size: 15px;
   /* border: solid 1px #0050a4; */
   color: #ffffff;
   /* transition: 0.3s; */
   background-color: #0050a4;}
 
.service2 {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 6px;
    width: 160px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 15px;
    transition: 0.36s;}

.inb8-main .list-btn .service1:hover {
    background-color: #ff0000;
    color: #fff;}

.inb8-main .list-btn .service2:hover {
            background-color: #ff0000;
            color: #fff;}

.inb8-main .list-btn .service3 {
   width: 160px;
   font-size: 15px;
   /* border: solid 1px #0050a4; */
   color: #ffffff;
   /* transition: 0.3s; */
   background-color: #0050a4;}
 
.service3 {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 6px;
    width: 160px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 15px;
    transition: 0.36s;}

.inb8-main .list-btn .service3:hover {
            background-color: #ff0000;
            color: #fff;}

/*index-message*/
.message {
	background: url(../images/inkf-bg.jpg) no-repeat center top;
	padding: 40px 0;
	color: #fff;}
.message .p1 {
	text-align: center;}
.message .p1 b {
	display: block;
	font-size: 30px;
	margin-bottom: 10px;}
.message .p1 span {
	display: block;
	font-size: 18px;
	line-height: 30px;
	margin-bottom:20px;}
.message .message_con {
	overflow: hidden;
	width: 1220px;
    margin: 0 auto;}
.message .infoP1 {
	float: left;
	width: 300px;
	height: 50px;
	background: #fff;
	box-shadow: 5px 0 15px #e1e1e1;
	position: relative;
	z-index: 3;}
.message .infoP1 input {
	display: block;
	width: 260px;
	height: 50px;
	line-height: 50px;
	border: none;
	text-indent: 20px;
	font-size: 16px;
	color: #666;
	padding-right: 25px;
	background: url(../images/message01.png) no-repeat right center;}
.message .infoP2 {
	float: left;
	width: 300px;
	height: 50px;
	background: #fff;
	box-shadow: 5px 0 15px #e1e1e1;
	position: relative;
	z-index: 2;}
.message .infoP2 input {
	display: block;
	width: 260px;
	height: 50px;
	line-height: 50px;
	border: none;
	text-indent: 20px;
	font-size: 16px;
	color: #666;
	padding-right: 25px;
	background: url(../images/message02.png) no-repeat right center;}
.message .infoP3 {
	float: left;
	width: 360px;
	height: 50px;
	background: #fff;position: relative;
	z-index: 1;}
.message .infoP3 input {
	display: block;
	width: 320px;
	height: 50px;
	line-height: 50px;
	border: none;
	text-indent: 20px;
	font-size: 16px;
	color: #666;
	padding-right: 25px;
	background: url(../images/message03.png) no-repeat right center;}
.message .ljtj {
	float: right;
	width: 230px;
	height: 50px;}
.message .ljtj a{
	display: block;
	height: 48px;
	line-height: 48px;
	text-indent: 30px;
	color: #fff;
	font-size: 16px;
	border: 1px solid #fff;
	background: url(../images/message04.png) no-repeat 133px center; }
/*index-message*/

/*index-news*/
.index-news { background-color: #ececec;}
.news{
	position: relative;
	overflow: hidden;
	padding-top: 10px;
	width: 50%;
    float: right;}
 .textlist {
    position: relative;
    overflow: hidden;
    width: 45%;
    float: right;}
.textlist li {
	float: left;
	width: 100%;
	height: 125px;
	transition: all 0.2s linear 0s;
	margin-bottom: 10px;
	background: #f7f7f7;}
@media (max-width:580px) {	
.textlist li {height: 135px; }
}
 .textlist li a {
	display: block;}
 .textlist li .img {
    width: 150px;
    height: 110px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	margin: 8px 10px;}
 .textlist li .img img {
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-out 0s;}
 .textlist li a:hover img {
	transform: scale(1.2, 1.2);}
 .textlist li .txt {
    margin: 15px 20px 10px 20px;}
 .textlist li h3 {
	font-size: 18px; line-height: 30px; font-weight: bold;
	color: #000;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;}

.textlist li a:hover h3 {
	color: #0050a4;}
 .textlist .desc {
	line-height: 24px;
	height: 52px;
	overflow: hidden;
	margin-bottom: 5px;
	color: #717171;
	cursor: pointer;
	font-size: 15px;
	padding-top: 10px;}
 .textlist span {
	display: block;
	color: #333;
	font-size: 16px;
	font-family: arial;
	font-weight: bold;}
/*index-news*/

/*index-bottom*/
.index_bottom {
	width: 100%;
	background: url(../images/footer-bj.jpg) no-repeat center center;
	height:420px;overflow: hidden;}
.bottom_logo {
   width: 32%;
    border-right: 1px solid #d0d4fd;}
.bottom_logo img {
   margin-right:15px;}  

.bottom-zx{
	margin-top: 10px;
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;}
.bottom-zx  span{
	margin-top: 16px;
    display: block;
    width: 100px;
    height: 34px;
    border-radius: 4px;
    text-align: center;
    color: #bdbdbd;
    font-size: 15px;
    line-height: 34px;
    transition: .36s ease;
    border: 1px solid #d0d4fd;
    cursor: pointer; }
.bottom-zx  span:hover { 
    color: #fff; 
    background: #0050a4; }

.bottom-tel .item-dd{
    font-size: 24px;
    line-height: 32px;
    font-weight: 100;
    color: #ffffff;
    margin-top: 30px;}
.bottom-tel .item-dt{
    font-size: 15px;
    line-height: 20px;
    color: #dadada;
    margin-top: 15px;}
.bottom_logo  p{
   font-size: 15px;
   color: #bdbdbd;
 
   margin-top: 10px;}
.bottom_logo  a{
   font-size: 15px;
   color: #bdbdbd;}

.index-bottom .bottom_nav {
	width: 52%;
    display: inline-block;
    margin-left: 50px;padding-bottom: 20px;
    border-bottom: 1px solid #d0d4fd;}



.index-bottom .bottom_nav ul {
	width: 25%;
	float: left;}
/*.index-bottom .bottom_nav ul  li {
	text-align: center;}*/
.index-bottomn .bottom_nav ul li h3 {
	padding-bottom: 8px;}
.index-bottom .bottom_nav ul li h3 a {
	display: block;
	font-size: 18px;
	color: #d0d0d0;
	padding-bottom: 8px;
	font-weight: bold;}
.index-bottom .bottom_nav ul li h3 i {
	display: block;
	width: 30px;
	height: 1px;
	background-color: #cccccc;}
.index-bottom .bottom_nav ul li a {
	display: block;
	font-size: 15px;
	color: #bdbdbd;}
.index-bottom .bottom_nav ul li a:hover {
   color: #ffffff;;}
.index-bottom .bottom_tit {
	padding-top: 10px;
	margin-top: -180px;}
.index-bottom .bottom_tit .r1 {
	width: 120px;
	margin-left: 20px;}
.index-bottom .bottom_tit .r2 {
	float: left;
	padding-left: 60px;
	text-align: left;}
.index-bottom .bottom_tit .r1 p {
	width: 120px;
	text-align: center;
	float: left;
	margin-bottom: 20px;}
.index-bottom .bottom_tit .r1 p img {
	width: 120px;
	height: 120px;
	border: #d2d2d2 solid 1px;}
.index-bottom .bottom_tit .r1 p span {
	font-size: 15px;
	color: #bdbdbd;
	display: block;
	padding-top: 10px;
	line-height: 20px;}
.index-bottom .bottom_tit .r2 li {
	display: block;
	clear: left;
	height: 65px;}
.index-bottom .bottom_tit .r2 li img {
	width: 50px;
	height: 50px;
	float: left;}
.index-bottom .bottom_tit .r2 li p {
	float: left;
	font-size: 12px;
	line-height: 22px;
	color: #bdbdbd;
	padding-left: 12px;
	text-align: left;
	padding-top: 0px;}
.index-bottom .bottom_tit .r2 li p span {
	margin-top: 2px;
	font-size: 22px;
	color: #333;
	display: block;
	font-weight: bold;}
.f_ban{
	width: 52%; 
	padding: 20px 0 0;
    margin-left: 60px;}
    

.f_ban p{
	line-height: 50px;
	padding-left: 50px;
	font-size: 15px;
	color: #bdbdbd;
	width: 50%;
	float: left;}
.f_ban b{
	font-size: 24px;}
.f_ban p.f_p01{
	background:url(../images/footer_icon1.png) no-repeat left center;}
.f_ban p.f_p02{
	background:url(../images/footer_icon2.png) no-repeat left center;}
.f_ban p.f_p03{
	background:url(../images/footer_icon3.png) no-repeat left center;  }
.f_ban p.f_p04{
    background:url(../images/footer_icon4.png) no-repeat left center;  }
.copy{ display: none;}
@media (max-width:1360px) {
.index-bottom .bottom_nav {
width: 50%;}
.f_ban{
width: 50%; }
}

@media (max-width:1180px) {
.bottom-zx { display: none;}
.index-bottom .bottom_nav {
width: 58%;}
.f_ban{
width: 58%; }
.index-bottom .bottom_tit { display: none;}
}
@media (max-width:992px) {
.bottom_logo {
width: 100%; text-align: center; margin-left: auto;
margin-right:auto;
border-right: 0px solid #d0d4fd;}
.index-bottom .bottom_nav {
width: 100%; display: none;}
.f_ban{ margin-left: 0px;
width: 100%; }
.f_ban p{width: 50%;}
.bottom_logo p{ display: none;}
.bottom_logo img { text-align: center; margin-left: auto;
margin-right:auto;}  
.bottom-tel { display: none;}
.copy{ display: block;color: #bdbdbd; margin-top: 25px;}
.copy a {color: #bdbdbd;}
.textlist {
    position: relative;
    overflow: hidden;
    width:100%;
    float: left;}
}
@media (max-width:570px) {
.f_ban p{ width: 100%;}

}
.index .textlist li {
	float: left;
	width: 570px;
	height: 125px;
	transition: all 0.2s linear 0s;
	margin-bottom: 10px;
	background: #f7f7f7;}
.index .textlist li a {
	display: block;}
.index .textlist li .img {
    width: 150px;
    height: 110px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	margin: 8px 10px;}
.index .textlist li .img img {
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-out 0s;}
.index .textlist li a:hover img {
	transform: scale(1.2, 1.2);}
.index .textlist li .txt {
	width: 370px;
    margin: 15px 20px 10px 0px;}
.index .textlist li h3 {
	font-size: 17px;
	color: #000;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;}
.index .textlist li a:hover h3 {
	color: #0050a4;}
.index .textlist .desc {
	line-height: 24px;
	height: 52px;
	overflow: hidden;
	margin-bottom: 5px;
	color: #717171;
	cursor: pointer;
	font-size: 15px;
	padding-top: 10px;}
.index .textlist span {
	display: block;
	color: #333;
	font-size: 16px;
	font-family: arial;
	font-weight: bold;}
.new_tj {
    font-size: 38px;
    text-align: left;
    margin-bottom:20px;
    font-weight:500;
    width: 55%; float: left;}
 .new_tj ul li{
    width: 46%;
    margin: 0 1.5%;
    float: left;}
@media (max-width:1024px) {
    .new_tj {
        font-size: 38px;
        width: 100%;}


}
@media (max-width:568px) {
    .new_tj ul li{
        width: 100%;
        margin: 0 1.5%;
        float: left; margin-bottom: 20px;}
}
.new_tj ul li a{
    display: block; }
.new_tj .sy_link{ overflow:
    hidden;
    height: 230px;}
.new_tj ul li img{
    display:block;
    transition: all ease 2s;
    width:100%;
    height: 230px;}
.new_tj ul li:hover img{
    transform: scale(1.1);}
.new_tj ul li:hover{
    transform: translate(1px, -1px);
    box-shadow: 0 0 10px 5px rgba(157,157,157,0.3);}
.new_tj ul li .con{  
    background-color: #fff; 
    padding: 15px;}
.new_tj ul li .con a{
    line-height: 28px;}
.new_tj ul li .con h4{ 
    font-size: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    font-weight: 600;
    color:#000;
    line-height: 45px;}
.new_tj ul li .con p{
    font-size: 15px;
    height: 90px;
    overflow: hidden; 
    text-align:left;
    color: #333;}
.new_tj ul li .con:hover{
    -moz-box-shadow:0 3px 10px rgba(0,0,0,.2);
    -webkit-box-shadow:0 3px 10px rgba(0,0,0,.2);
    box-shadow:0 3px 10px rgba(0,0,0,.2);
    top:-5px;  }
.new_tj ul li .con:hover h4 a{
    color:#0050a4}
.new_tj ul li .con a:hover h4{ 
    color:#0050a4} 


.subright {
     margin: 0 auto;height:540px;
}
.sitepath {
    line-height: 30px;
    color: #e8e8e8;
    margin-bottom: 20px;
}
.sitepath .home {
    width: 12px;
    height: 12px;
    display: inline-block;
    background-position: -100px -100px;
    margin-right: 8px;
}
.icon {
    background: url(../images/_icon.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.sitepath a {
   color: #e8e8e8;
    display: inline-block;
    white-space: nowrap;
    font-size: 15px;
}
.MainBg {
    width:100%; 
    margin: 0 auto;
    float: left;
    margin-right: 10%;
 }
.HS10 {
    height: 10px;
}
.OriginalPicBorder {
    padding: 0;
    width: 50%; float: left;
}

#OriginalPic {
    width: 100%;
    overflow: hidden;
    position: relative;
    font-size: 12px;
    float: left;
}
.SliderPicBorder {
    width: 100%;
    overflow: hidden;
}
#OriginalPic img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.Clearer {
    display: block;
    clear: both;
    font-size: 1px;
    line-height: 1px;
    margin: 0;
    padding: 0;
}
.Hidden {
    display: none;
}


.arecttitle { width: 45%; float: left; margin-left: 5%;}
@media (max-width:650px) {
    .OriginalPicBorder {
        padding: 0;
        width: 100%; float: left;
    }
    .arecttitle {
        width: 100%;
        float: right;
        margin-top: 20px;
    }
}
.arecttitle h1 {
    font-size: 28px;
    line-height: 30px;
    color: #000;
    margin-bottom: 25px;
}

.txt-1 {
    width: 100%;
    font-size: 15px;
    color: #2b2b2b;
    line-height: 25px;
     margin-bottom: 10px;
}
.txt-1 p{
     padding: 10px 0 0;
    font-size: 15px;
    color: #2b2b2b;
}


.inbanlxtel{
    padding: 10px 0px 10px 35px;overflow: hidden;
}
.inbanlxtel em {
    width: 20px;
    margin-right: 15px;
    display: inline-block;
    margin-left: -30px;vertical-align: middle;
}
 .inbanlxtel a {
    color: #f20d00;
    font-weight: bold;
    font-size: 25px;
}

.ThumbPicBorder {
    width: 450px;
    height: 110px;
    margin: 0 auto;
    background: #eeeeee;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
    float: right;
}
.ThumbPicBorder #btnPrev {
    width: 25px;
    height: 85px;
    cursor: pointer;
    position: absolute;
    left: 10px;
    top: 15px;
}
.ThumbPicBorder #btnNext {
    width: 25px;
    height: 85px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 15px
}
 
.FlLeft {
    float: left;
}

.showContxt_t {
    font-size: 25px;
    border-bottom: 10px solid #f5f5f5;
    line-height: 55px;
    font-weight: bold;
    color: #232323;
    width: 960px;
    float: left;
    margin-bottom: 20px;
}
/*小图预览和滑动*/
.SliderPicBorder {
	width: 100%;
	overflow: hidden;
}
.ThumbPicBorder {
	width: 420px;
	height: 110px;
	margin: 0 auto;
	background: #ebf0f5;
	overflow: hidden;
	position: relative;
	margin-top: 10px;
	float: left;
	margin-bottom: 15px;
}

.ThumbPicBorder .pic {
	width: 400px;
	overflow: hidden;
	position: relative;
	margin: 15px 0 0 10px;
}


#ThumbPic  {
 width: 380px !important;
}
#ThumbPic li {
width: 120px !important;
height: 86px !important;
}

#ThumbPic img {
	border: 3px solid #ddd;
	cursor: pointer;
	background-color: #ddd;
	margin: 0 10px;
	width: 100px;
	height: 80px;
	display: block;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
#ThumbPic img.active {
	border: 3px solid #eb3d00;
}
.showInfo {	width:75%; float: left; }
.cover1{ 
    height:1700px;
	width:22%;
	float: right;
	position: relative;
}

.cover{  
    float: right;
    bottom:0; 
	width:22%;
	 height: auto; margin-bottom: 25px;
	 margin-top: 10px;  
}
.cover h2{
    width: 100%;
    background: #0050a4;
    text-align: center;
    padding: 14px 0;
    margin-top: 2px;}
.cover h2 span{
    font-size: 24px;
    color: #fff; }
.cover .wrap{
	position:relative; 
	height:450px;
	}
.cover .content{
	overflow-y:auto; width: 100%;
	background: #ebf0f5; 
	top:80px;
}
.cover .content::-webkit-scrollbar {
	width:4px; height:4px;
}
.cover .content::-webkit-scrollbar-track {
	border-radius:0; 
	background:#f6f5f5;
}
.cover .content ul{
	padding:0px 0;
}
.cover .content li{
	border-bottom: 1px dashed #fbfbfb; 
	border-color:rgba(255,255,255,.9);
}
.cover .content li .box{
	padding: 13px 30px;
}
.cover .content li .box .tit{
	font-size:18px; 
	line-height:23px; 
	font-weight:bold; 
	color:#fff;
	margin-bottom:4px;
}
.cover .content li .box .con{
	font-size:14px; 
	line-height:23px;
	color:#fff;
	color:rgba(255,255,255,.7);
}
 .cover .content li .box .tit{
	color:#323f47
}
.cover .content li .box .tit a { 
    color:#2b2b2b
}
.cover .content li .box  a { 
    color:#2b2b2b;padding-right: 15px;
}
.cover .content li .box .con{
	color:#323f47; 
	color:rgba(50,63,71,.7);
}
.cover .content li .box .con a { 
    padding-right: 10px;
}
.cover .content li .box .tit a:hover{
	color:#0050a4;
}
.cover .content li .box .con a:hover{
	color:#0050a4;
}
.cover .content li :hover  {  }




.fwtxt {
    margin-top: 8px;
    text-align: center;
}

 .fwtxt .sl {
    float: left;
}
 .fwtxt span {
    padding-left: 25px;
    font-size: 15px;
    color: #333333;
    position: relative;
}
 .fwtxt span:before {
    content: "";
    width:20px;
    height: 20px;
background: url(../images/dh.png);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
 .fwtxt .sr {
    float: right;
}


.proshow {
	 margin:0 auto;overflow: hidden; padding: 0px;
}
.showContxt {
     width:100%;
	 float: left; padding-top: 50px;
	 margin-bottom: 50px;
}
.showContxt img{ max-width: 100%; margin-bottom: 10px;}
.left{
    width: 75%; 
    float:left;}
.product-page{
    width: 100%;height: 56px;  line-height: 56px;   background: #f0f0f4;
}
.product-page .title li a{
    width: 230px;
    background: #f0f0f4;
    float: left;
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 18px;
    display: block;
    border: 2px solid #fff;
    position: relative;
    color: #232323;}
.product-page .title li:first-child a{
    background: #0050a4;
    color: #fff;}
.product-page .title li:first-child a:after{
    content: "";
    display: block;
    width: 0;height: 0;
    overflow: hidden;
    border-color: #0050a4 transparent transparent;
    border-style: solid dashed dashed;
    border-width: 10px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -19px;}
.product-page .title li a:hover{
    background: #0050a4;
    color: #fff;}
.right-cp{
width: 22%;
float: right;
margin-bottom: 50px;}
@media (max-width:13660px) {
.arecttitle h1 {font-size: 26px;}
}
@media (max-width:1280px) {
.arecttitle h1 {
font-size: 22px;
margin-bottom:15px;
}
.fwtxt{ display: none;}
}
@media (max-width:992px) {
.showInfo {	width:100%; float: none; }
.MainBg {
    width:100%; 
    margin: 0 auto;
    float: left;
    margin-right: 0;
 }
.cover{  
float: none;
bottom:0; 
width:0; display: none;
}
.showContxt {
width:100%;
float: none;
margin-bottom: 50px;
}
.left{
width: 100%; 
float:none;}
.right-cp{
width: 0; display: none;
float: none;    padding-top: 30px;
margin-bottom: 30px;}
}

.right-cp h2{
    width: 100%;
    background: #0050a4;
    text-align: center;
    padding: 14px 0;
    margin-top: 2px;}
.right-cp h2 span{
    font-size: 24px;
    color: #fff;
    background: url(../images/pro_tj.png) left center no-repeat;
    padding: 5px 0 5px 45px;}
.right-cp ul{ 
    padding: 20px 0px 0px 0px;
    border: 1px solid #e1e1e1;}
 .right-cp li {
     margin-top: 20px;}
.right-cp li span{
    display: block;
    text-align: center;
    padding:0px 0 0px 0;
    color: #333;
    font-size: 15px;
    background-color: #ffffff;
    margin-top: 5px;}
.right-cp li img{
    width: 270px;
    height:220px;}
.crumbs {
    padding-top: 140px;
    padding-left: 0px;
    position: relative;}
.pro-top {
    /* position: relative; */
    overflow: hidden; margin-top: 85px;height: 280px;}
.pro-top img {
    display: block;}
.lx-a img {
    margin-left: 4px;}
.main-pro {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;}
.wrap {margin: 0 auto;}
.list-box .top-text {
    float: left;
    margin-top: 0;width: 50%;}
.list-box .top-text a {
   font-size: 30px;
   color: #fff;}
.list-box {
    margin-top: 20px;}
.top-text h1, .top-text strong {
    font-size: 30px;
    line-height: 52px;
    color: #fff;
    margin-bottom: 10px;font-weight: 700;}
.top-text p {
    font-size: 17px;
    color: #fff;
    line-height: 1.7em; }
.list-box .btn-area {
    float: right;
    width: 30%;
    text-align: right;
    margin-top: 40px;}
@media (max-width:1280px) {
.list-box .top-text {width: 55%;}
.list-box .btn-area {width: 40%;}
.top-text h1, .top-text strong {font-size: 26px; line-height: 40px;}
}
@media (max-width:1140px) {
.pro-top {margin-top: 65px; }
}    
@media (max-width:992px) {
.pro-top {height: 240px;}
.list-box .top-text {width: 100%;}
.list-box .btn-area {width: 100%; display: none;float: left; margin-top: 20px;}
.top-text h1, .top-text strong {font-size: 22px;}
.top-text p {font-size: 15px;}
.crumbs {padding-top: 100px;}
.inb8-main .list-btn .service1 {width: 120px;}
.inb8-main .list-btn .service2 {width: 120px;}
.inb8-main .list-btn .service3 {width: 120px;}
.inb8-main .list-info {
    padding: 20px 10px 30px ;}
	
}
@media (max-width:580px) {
    .inb8-main .list-item {width: 100%;     margin: 0 0px 20px 0px;}
}
 .pro-btn {
    text-align: center;
    margin-top: 20px; float:right;margin-left: 15px;}
 .pro-btn .pro_ {
   width: 150px;
   font-size: 15px;
   /* border: solid 1px #0050a4; */
   color: #ffffff;
   /* transition: 0.3s; */
   background-color: #ff4747;}
 .pro_ span {
    padding-left: 30px;
    background: url(../images/pro-icon1.png ) no-repeat left center;}
.pro_ {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 6px;
    width: 150px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 15px;
    transition: 0.36s;}

 
 .contactbox {
    position: absolute;
    top: 350px;
    width: 950px;
    text-align: left;
    padding: 25px 30px 20px 0px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	z-index: 999;}
.contactboxzx li.call_li2 {
    background: url(../images/callicon1.png) left 8px no-repeat;
    background-size: 40px;}
.contactboxzx li a {
    clear: both;
    display: block;
    position: relative;
    font-size: 15px;
    font-weight: 500;
    padding-left: 55px;
    line-height: 22px;
    color: #f7f7f7;}
.contactboxzx li a span {
    font-size: 25px;
    font-weight: 700;
    display: block;
    line-height: 1.1;
    color: #f52828;}
.contactbox .contactboxtit {
    font-size: 30px;
    line-height: 1.1;
    display: block;
    clear: both;
    position: relative;
    color: #f7f7f7;
    line-height: 1;
    font-weight: bold;}

.contactbox .contactboxtit:after {
    content: '';
    width: 76px;
    height: 0px;
    position: absolute;
    left: 0px;
    bottom: 0px;}

.contactbox .contactboxtxt {
    padding: 0px 0px 0px 0px;
    line-height: 28px;
    font-size: 16px;}
.contactbox .contactboxtxt {
    clear: both;
    text-align: left;
    padding: 10px 0px;
    font-size: 16px;color: #f7f7f7;}
.contactboxzx {
    padding: 20px 0px;}
.contactboxzx {
    clear: both;
    width: 100%;}
.contactboxzx li a {
    font-size: 15px;
    line-height: 28px;}
.contactboxzx li.call_li1 {
    background: url(../images/contact_dh1.png) left 10px no-repeat;
    background-size: 45px;    margin-bottom: 20px;float: left;
}
.contactboxzx li.call_li2 {
    background: url(../images/contact_dh2.png) left 10px no-repeat;
    background-size: 45px;    margin-bottom: 20px;float: left;
}
.contactboxzx li.call_li3 {
    background: url(../images/contact_dh3.png) left 10px no-repeat;
    background-size: 45px;    margin-bottom: 20px;float: left;
}
.contactboxzx li.call_li4 {
    background: url(../images/contact_dh4.png) left 10px no-repeat;
    background-size: 45px;    margin-bottom: 20px;float: left;
}
.contactboxzx li.call_li5 {
    background: url(../images/contact_dh5.png) left 10px no-repeat;
    background-size: 45px;    margin-bottom: 20px;float: left;
}
.contactboxzx li {
    float: left;
    width: 30%;
}
.contactboxadress {
    padding: 5px 0px 15px 0px;
}
.contactboxadress {
    font-size: 16px;
    padding: 5px 0px 5px;
	color: #f7f7f7;
	width: 800px;float: left;
}


.contactboxbom {
    display: block;
    padding: 20px 0;
    margin-bottom: 0;
}
.contactboxbom li {
    width: auto;
    float: left;
    margin-right: 5%;color: #f7f7f7;font-size: 15px;margin-top: 30px;
}
.contactboxbom li span {
    font-size: 35px;
}

.contactbomtit {
    font-size: 28px !important;
    font-weight: 700 !important;
    text-align: center; margin-bottom: 20px;
}

.contact {
    margin: 0 auto;
    overflow: hidden;}
.contact h3{ 
    font-size:40px; 
    margin:8px 0 20px 0; 
    font-weight:500;
    text-align:center; 
    color:#000}
.contact h4{ 
    font-size:20px;
    margin:15px 0 0 0; 
    font-weight:600;
    text-align:center; 
    color:#000}
.contact p{ 
    font-size:16px; 
    text-align:center;
    color: #000; }
.contact em{ 
    font-size:28px;
    text-align:center;
    color:#000 }
	
@media screen and (max-width:728px){
.contactbomtit {font-size: 22px !important;}
.contact em{ font-size:22px; }
}
@media screen and (max-width:528px){
.contactbomtit {font-size: 20px !important;}
.contact em{ font-size:20px; }
}
.contact h5{ 
    font-size:15px; 
    line-height:24px;
    font-weight:400; 
    margin:8px 0; 
    text-align:center; 
    color:#888}
.contact ul {
    margin-top:20px;}
.contact li {
    float: left;
    width: 22%;
    margin: 1% 1.5%;
    text-align: center;
    background: #efefef;
    padding: 20px 10px;}
	
@media all and (max-width:768px) {
  .contact li {width: 47%;} 
}
@media all and (max-width:468px) {
  .contact li {width: 97%;} 
}	
.contact-wz {
    width: 100%;}
.contact ul li img { 
    display:block; 
    text-align: center;
    margin:10px auto 0;
    transition: all .5s ease;}
.contact ul li:hover img{ 
    transform: scale(1.1);
	transition: all .5s ease}
.ditu{width:100%;height:492px;border:#ccc solid 1px; text-align:center;}
.wrap {
    
    margin: 0 auto;}

.new-top{
    background: url(../images-pc/new-bg.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 95px;
    padding-bottom: 40px;}

.base-new{
    text-align: center;
    margin-top: 72px;}
.base-new h1{
    font-size: 40px;
    color: #ffffff;
    line-height: 50px;
    font-weight: normal;
    margin-bottom: 112px;}
.base-new .show{
    padding: 18px 40px;
    background:#ff6d28;
    background: 
    -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);
    background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);
    background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);
    background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);
    background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);
    display: inline-block;
    color: #fff;
    line-height: 40px;}
.base-new .show span{
    display: inline-block;
    font-size: 16px;}
.base-new .show strong{
    display: inline-block;
    font-size: 24px;
    margin-right: 24px;}
.base-new .show em{
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin-right: 34px;}
.base-new .show .line-a{
    display: inline-block;
    width: 124px;
    background-color: #fff;
    color: #fd6d2a;
    border-radius: 4px;
    -webkit-box-shadow: 0 12px 10px rgba(130,40,0,0.3);
    -moz-box-shadow: 0 12px 10px rgba(130,40,0,0.3);
    -ms-box-shadow: 0 12px 10px rgba(130,40,0,0.3);
    -o-box-shadow: 0 12px 10px rgba(130,40,0,0.3);
    box-shadow: 0 12px 10px rgba(130,40,0,0.3);
    position: relative;}
.base-new .show .line-a:after{
    content: '';
    width: 72px;
    height: 75px;
    background: url(../images-pc/new-kf.png) no-repeat;
    position: absolute;
    left: 26px;top: -75px;}
.base-new .show .line-a:hover{
    background-color: #4d7dff;
    color: #fff;}

.new-title{
    position: relative;
    margin-bottom: 30px;}
.new-title h2{
    display: inline-block;
    font-size: 30px;
    color: #333;
    line-height: 46px;
    font-weight: normal;
    padding-right: 16px;
 }

.new-title h2 a{
    color: #333;
    display: block;}
 
.new-title span{
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    color: #616161;
    padding-left: 14px;
    margin-top: 5px;}
.new-title .more{
    display: block;
    position: absolute;
    right: 0;
    color: #333333;
    font-size: 15px;
    line-height: 26px;
    bottom: 4px;
    padding: 2px 10px;
    border: 1px solid #333333;}
.new-title .more i{
    color: #0050a4;}
.new-title .more:hover{
    background-color: #0050a4;
    border: 1px solid #0050a4;
    color: #ffffff;}
.new-title h2:hover a{
    color: #0050a4;}
.new-title .more:hover i{
    color: #ffffff;}

.news-box{
    margin-top: 90px;
    position: relative;}
.news-box:before{
    content:'';
    max-width: 1816px;
    width: 100%;
    height: 236px;
    background: url(../images-pc/new-wz.png) no-repeat;
    position: absolute;
    left: 0;top: -40px;
    right: 0;
    margin: auto;
    z-index: -1;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;}

.new-items{
    margin-left: -1.5%;
    margin-bottom: 10px;
    overflow: hidden;}
.new-items li{
    float: left;
    width: 23.5%;
    margin-left: 1.5%;
    margin-bottom: 50px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    background-color: #fff;}
.new-items li .img{
    display: block;
    width: 100%; 
    height: 0;
    overflow: hidden;
    position: relative;
    padding-top: 66.5%;}
.new-items li .img img{
    display: block;
    position: absolute;
    top: 0;
    left: 0;width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
.new-items li .text{
    padding:12px;
    background-color: #f3f3f3;}
.new-items li .text a{
    font-size: 16px;
    color: #333;
    line-height: 32px;
    margin-bottom: 5px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 32px;}
.new-items li .text p{
    overflow: hidden;}
.new-items li .text p span{
    display: inline-block;
    font-size: 16px;
    color: #959595;
    line-height: 24px;
    margin-right: 10px;}
.new-items li .text p .time{
    margin-right: 0;
    color: #999999;
    background: url(../images/news_icon2.png) no-repeat left center;
    padding-left: 20px;}
.new-items li .text p .on{
    padding:0 14px;
    background-color: #4e7dfe;
    color: #fff;}
.new-items li .text a:hover{
    color: #0050a4;}
.new-items li:hover .img img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1); 
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.new-items li:hover{
    box-shadow: 0px 1px 4px rgba(0,0,0,0.3),0px 0px 20px rgba(0,0,0,0.1) inset;}
.new-items li:hover::after{ 
    right:10px;left:auto;
    transform:rotate(3deg)}
.news-box .news-list{
    margin-bottom: 30px;}


/* ======================== 新闻列表 ====================== */

.show-news{
    margin-top: 60px;
    margin-bottom: 80px;}
.new-bt{
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 40px;}
.new-bt h2{
    font-size: 32px;
    line-height: 42px;
    color: #333333;
    font-weight: normal;}
.new-bt span{
    display: block;
    font-size: 20px;
    color: #333333;
    line-height: 30px;}
.new-bt:after{
    content:'';width: 240px;
    height: 1px;
    background-color: #bfbfc5;
    position: absolute;
    left: 0;
    bottom: 0;}

.show-news li{
    overflow: hidden;
    margin-bottom: 40px;}
.show-news li .date{
    float: left;width: 108px;
    text-align: center;
    margin-right: 20px;
    background-color: #f0f1f5;color: #595b68;
    padding:35px 0 37px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.show-news li .date strong{
    display: block;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 4px;}
.show-news li .date span{
    display: block;
    font-size: 20px;
    line-height: 30px;}
.show-news li .text{
    overflow: hidden;}
.show-news li .text a{
    display: block;
    font-size: 20px;
    color: #3d3b4c;
    font-weight: bold;
    line-height: 30px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-bottom: 3px;}
.show-news li .text p{
    font-size: 16px;
    color: #333333;
    line-height: 28px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 56px;}
.show-news li .text span{
    display: inline-block;
    margin-top: 30px;
    font-size: 16px;
    line-height: 30px;
    color: #4d7dff;
    padding: 0 5px;
    border:1px solid #4d7dff;}
.show-news li:hover .date{
    background-color: #4d7dff;
    color: #fff;}
.show-news li:hover .text a{
    color: #4d7dff;}

.news-list li {
    float: left;
    width: 47%;
    margin-left: 3%;
    font-size: 16px;
    line-height: 26px;
    overflow: hidden;
    margin-bottom: 30px;}

.news-list {
    margin-left: -3%;
    overflow: hidden;
    margin-bottom: 40px;}
.news-list li{
    float: left;
    width: 45%;
    margin-left: 3%;
    font-size: 16px;
    line-height: 26px;
    overflow: hidden;
    margin-bottom: 30px;}
.news-list li a{
    display: block;
    color: #333333;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding-left: 45px;
    background: url(../images/index-icon2.png) no-repeat left center;
    float: left;}

.news-list li .date{
    display: block;
    float: right;
    color: #666666;
    margin-left: 30px;
    background: url(../images/news_icon2.png) no-repeat left center;
    padding-left: 20px;}

    
.news-ul li{
    float: left;
    width: 45%;
    overflow: hidden;
    padding:20px;
    border-radius: 4px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;margin-bottom: 30px;
    margin: 0 18px 20px 4px; 
    background: rgb(230 230 230 / 20%);}
.news-ul li .img{
    float: left;
    display: block;
    width: 220px;
    object-fit: cover;
    overflow: hidden;
    height: 160px;}
.news-ul li .img img{
    display: block;
    width: 100%;}
.news-ul li .text{
    float: right;
    width: 58%;
    padding-left: 18px;
    position: relative;}
.news-ul li .text .tit{
    display: block;
    font-size: 18px;
    color: #333333;
    line-height: 28px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight: bold;
    margin-bottom: 10px;}
.news-ul li .text p{
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 56px;
    margin-bottom: 20px;}
.news-ul li .text span{
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    display: inline-block;}
.news-ul li .text .more{
    display: block;
    width: 80px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-position: left center;
    background-size: 200% 100%;
    background-repeat: no-repeat;
    transition: background-position .6s ease;
    position: absolute;right: -20px;
    bottom: -30px;border-radius: 4px 0 4px 0;}
.news-ul li .text .more:hover {
    background-position: right center;}
.news-ul li:hover{
    -webkit-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);
    -moz-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);
    -ms-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);
    -o-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);
    box-shadow: 4px 10px 16px rgba(69,0,5,0.05);
    background-color: #fff;}
.news-ul li:hover .text .tit{
    color: #d53838;}
    
.news-item.item{
    background-color: #f6f8fb;
    padding-bottom: 52px;}
.news-item.item .news-ul li{
    margin-bottom: 30px;}
.news-item .news-list{
    margin-top: 0;}
.news-item .news-list li{
    margin-bottom: 30px;}
.news-item .news-list li a{
    color: #333333;}
.news-item .news-list li a:hover{
    color: #f64949;}

.w1200 {
    max-width: 1200px;
    margin: 0 auto;}
   
.index_news{
        margin-top:70px}
.index_news .index_t{
    text-align:left;}
.index_news .index_t a{
    color:#222}
.index_news ul{
    overflow:hidden;
    margin-left:-3.8%}
.index_news li{
    width: 28%;
    margin-left: 25px;
    float:left;
    background-color: #d4d4d433;
    padding: 20px;}
.index_news li h3{
    font-size:18px;
    font-weight:400;}
.index_news li h3 a{
    color:#222}
.index_news li p{
    color:#666;
    line-height:24px;
    padding:13px 0 10px;
    border-bottom:1px dashed #c8c8c8}
.index_news li .index_n_more{
    overflow:hidden;
    padding:17px 0 0;
    border:none 0}
.index_n_more .time{
    display:block;
    float:left;
    width:40%;
    padding-left:30px;
    background:url(../images/time.png) left center no-repeat}
.index_n_more .more{
    width:30%;
    text-align:right;
    float:right;}
.index_n_more .more a{
    color:#eb2002}
.index_news a:hover{
    color:#eb2002}



.prr {
    width: 100%;
    float: right;
 }

.prtbiao {
    font-size: 24px;
    font-weight: bold;
    padding-left: 16px;
    position: relative;}
.prtbiao:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 20px;
    background: #0050a4;
    left: 0px;
    top: 5px;}
.prtp {
    color: #666666;
    font-size: 16px;
    line-height: 30px;
    margin-top: 8px;}
.prtp p {
    color: #666666;}

.prrn {    padding-bottom:20px;}
.prlie {
    width: 23%;
    display: inline-block;
    vertical-align: top;
    margin : 0 10px 0 5px;
    border: 1px solid #e6e6e6;
    margin-bottom: 30px;}
    .prrn
 .prlie:nth-child(4n-1) {
        /* margin:0; */}

.prtu {
    position: relative;
    overflow: hidden;}
.prtun{position: relative;}
.prtun img {
    width: 100%;
    transition: 0.5s;}
.prtun:before{ position:absolute; left:0px; top:0px; width:100%; height:100%; content:""; background:url(../images/logo_bg.png) no-repeat; background-size: cover;}
.przi {
padding: 0 20px 25px;}
@media (max-width:1200px){
.przi {
padding: 0 0px 0px;}
}
@media (max-width:768px){
    .new-items li{ width: 48%;}
}
.pra {
    display: block;
    color: #0d0d0d;
    font-size: 18px;
    line-height: 24px;  
    margin-top: 20px;    margin-bottom: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;text-align: center;}
.prp a {
    display: block;
    color: #666666;
    font-size: 15px;
    line-height: 30px;
    margin-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;margin-bottom: 20px;}

.pro_left{
width: 26%;
float: left;}
.pro_right{
width: 100%;
float: none;}
.pro_right .title{ text-align:center;}
.pro_right .title .tit{ font-size:28px; position:relative; padding-bottom:20px; margin-bottom:30px; }
.pro_right .title .tit:after{ content:""; text-align:center; position: absolute; left:48%; bottom:0px; width:45px; height:2px; background:#0050a4; }
.pro_right .title .en{ font-size:18x; color:#0050a4; text-transform:uppercase;}
@media (max-width:768px){
.pro_right .title .tit{ font-size:20px; margin-bottom:20px; }
}
.prl {
    width: 100%;
    float: left;
     /* position: sticky; */
    top: 90px;
    left: 0;background: #ebf0f5;
    margin-bottom: 30px;}
.pryiji {
    padding: 20px;}
.pryiji>li {
    position: relative;}
.pryiji>li {
    margin-top: 20px;}
.pryiji>li>a {
    position: relative;
    padding-left: 41px;}
.pryiji li a {
    display: block;
    color: #0d0d0d;
    font-size: 18px;
    line-height: 30px;}
.pryiji>li i {
    display: block;
    width: 26px;
    height: 26px;
    border: solid 1px #0050a4;
    line-height: 24px;
    text-align: center;
    font-size: 10px;
    color: #0050a4;
    position: absolute;
    left: 0px;
    top: 3px;
    cursor: pointer;
    transition: 0.5s;
    background: url(../images/product_icon.png) no-repeat center center;}

.iconfont {
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;}
    
.dangi {
    transform: rotate(90deg);
    color: #0050a4 !important;
    border-color: #0050a4 !important;}
 
.prerji {
    display: none;}
.prerji {
   padding-left: 35px;
    padding-top: 10px;}
.prerji li a {
    font-size: 16px;
    margin-top: 10px;}

.c-btn {
    margin-right: 10px;padding: 5px 17px;}

.b-btn {
    float: right;padding: 5px 17px;}
.b-btn {
    font-size: 16px;
    line-height: 24px;
    color: #ea5504;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ea5504;
    padding: 6px 30px;
    display: inline-block;
    transition: all .3s;}
.c-btn {
    font-size: 16px;
    line-height: 24px;
    color: #212121;
    /* background: #f1f1f1; */
    border-radius: 4px;
    border: 1px solid #757575;
    padding: 6px 30px;
    margin-right: 10px;
    display: inline-block;
    transition: all .3s;}
@media (max-width:1480px){
.b-btn { padding: 6px 20px;}
.c-btn { padding: 6px 20px;}
}
.prerji li a:hover{ 
    color:#0050a4}
.b-btn:hover{ 
    border: 1px solid #0050a4; 
    color:#0050a4}
.c-btn:hover{ 
    background: #0050a4;
    color:#ffff}
.arecttitle1 {
	width: 100%;
	text-align: center;
	margin-top: 20px;}
.arecttitle1 h1 {
	font-size: 28px;
	line-height: 30px;
	color: #000;
	margin-bottom: 5px;}
.arecttitle1 .mark {
	width: 100%;background-color: #fff;
	padding: 10px 0 10px;}
.arecttitle1 .mark span {
	display: inline-block;
	padding-left: 5px;
	font-size: 15px;
	color: #666;}
.arecttitle1 .mark span:first-child {
    padding-left: 0;}
@media (max-width:1366px) {
.arecttitle1 h1 {font-size: 24px;}      
}
@media (max-width:1200px) {
.c-btn,.b-btn { display: none;}
.arecttitle1 h1 {font-size: 22px;}
}
@media (max-width:992px) {
.prlie {
    width: 31%;}
}
@media (max-width:788px) {
.prlie {width: 30.8%;}
.arecttitle1 h1 {font-size: 20px;}
.pra {font-size: 16px;  }
}
@media (max-width:738px) {
.prlie {width: 30.3%;}
}
@media (max-width:668px) {
.prlie {width: 30%;}
}
@media (max-width:568px) {
.prlie {width: 46.5%;}
.arecttitle1 h1 {font-size: 18px;}
}
@media (max-width:518px) {
.prlie {width: 45%;}
}
@media (max-width:468px) {
    .prlie {width: 44.6%;}
    }


/* reLink*/
.reLink {
	width: 100%;
	margin: 20px 0 10px;
	line-height: 60px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	overflow: hidden;}
.reLink .nextLink, .reLink .prevLink {
	width: 50%;
	line-height: 60px;
	color: #333333;}
.reLink .nextLink {
	text-align: right;}
.reLink a {
	font-size: 15px;color: #333333;}
.reLink a:hover {
	color: #0050a4;}

.wxts{
    width: 100%;
    background: #0050a4;
    padding: 20px 0;
    margin: 10px 0;}
 .wxts P{
     width: 94%;
     margin: 0 auto;
     color: #fff;}
 .wxts .zx{
     width: 100px;
     height: 25px;
     padding: 3px 10px 3px 30px;
     border-radius: 5px;
    background: url("../images/news_show.gif") left 8px center no-repeat #fff;
    margin: 0 10px;cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;}
 .wxts .tel{
     font-size: 22px;
     color: #ff9109;
     font-weight: bold;
     line-height: 30px;}
 
 .relateNews {
	padding: 55px 0 0;
    
    overflow: hidden;
    margin: 0 auto;}

.relateNews .list {
	width: 120%;}

.relateNews .list li {
	width: 620px;
	float: left;
	margin-right: 35px;
    margin-bottom: 30px;}

.relateNews .list li a {
	display: block;
	width: 100%;}

.relateNews .list li img {
	width: 135px;
	height: 100px;
	display: block;
	float: left;
	margin-right: 20px;}

.relateNews .list li h3 {
	line-height: 26px;
	font-size: 16px;
	float: left;
    color: #333;
    margin-bottom: 10px;
}
	
.relateNews .list li:hover h3 {
	color: #0050a4;;}
	
.relateNews .list li .time {
	color: #999999;
	font-family: arial;
	font-size: 16px;
	line-height: 26px;
	float: right;}
	
.relateNews .list li p {
	line-height: 24px;
	overflow: hidden;
	font-size: 15px;
	color: #999;
	float: left;
	width: 460px;
	text-align: justify;}
	
.relateNews .list li:hover img {
	-webkit-filter: brightness(105%);
	filter: brightness(105%);}
	
	.n-tit {
	margin-bottom: 30px;}

.n-tit h3 {
	line-height: 35px;
	font-size: 24px;}

.n-tit s {
	width: 4px;
	height: 22px;
	display: inline-block;
	vertical-align: middle;}

.n-tit .more {
	font-size: 15px;
	width: 100px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	margin-top: 5px;
	border: 1px solid #ddd;
	transition: all ease 600ms;color: #333;}

.n-tit .more:hover {
	width: 150px;
	transition: all ease 600ms;}

.ser-idea{
    margin-top:30px}
.ser-idea h2{
    font-size:32px;
    font-weight:700;
    text-align:center;
    padding-top:40px;
    margin-bottom:30px;
    color:#333}
.ser-idea-tit{
    font-size:16px;
    text-align:center;
    color:#555}
.ser-idea ul{
    overflow:hidden;
    margin-top:30px}
.ser-idea ul li{
    float:left;
    width:33.333%;
    color:#fff;
    height:260px;
    background:#f3f3f3;
    overflow:hidden}
.ser-idea ul li img{
    height:260px;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    -webkit-transition:all 1s ease;
    -ms-transition:all 1s ease;
    transition:all 1s ease}
.ser-idea ul li img:hover{
    -moz-transform:scale(1.1,1.1);
    -ms-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1)}
.ser-idea ul li h3{
    text-align:center;
    font-size:22px;
    padding:35px 0;
    color:#ed1c24}
.ser-idea ul li p{
    padding:0 10%;
    font-size:16px;
    line-height:32px;
    color:#555}

.abouts_1{
    
    overflow: hidden;
    margin:0 auto;
    margin-bottom: 60px;}
.abouts_1 h2 {
    font-size: 32px;
    line-height: 36px;
    text-align: center;}
.abouts_1 .hx{
    margin-top: 40px;
    overflow: hidden;}
.abouts_1 .left{
    width: 42%;
    float: left;}
.abouts_1 .left h3{
    font-size: 30px;
    color: #020202
    ;margin: 0px 0 20px 0px;}
.abouts_1 .left h3:after{
    content: "";
    width: 40px;
    height: 0;
    overflow: hidden;
    border-color: #020202;
    border-style: solid;
    border-width: 1px;
    margin-top: 30px;
    display: block;}
.abouts_1 .right{
    width: 55%;
    float: right;}
.abouts_1 .left p{
    line-height: 28px;
    text-align: left;
    color: #020202;
    margin: 0;
    font-size: 15px;}
.abouts_1 .left li{
    width: auto;
    float: left;
    text-align: center;
    margin: 30px 6% 0 1%;}
.abouts_1 .left li h4 span{
    font-size: 48px;
    color: #0050a4;
    font-weight: bold;}
.abouts_1 .left li p{
    margin: 5px 0; 
    padding-right: 3px;}


.abouts_2 {
    margin-bottom:60px;}
.abouts_2  h3 {
    font-size: 32px;
    line-height: 32px;
    color: #333333;
    text-align: center;
    padding: 0;
    margin: 0 0 16px 0;}
.abouts_2  p{
    font-size: 16px;
    color: #666666;
    text-align: center;
    line-height: 24px;}
.abouts_2  ul {
    overflow: hidden;
    margin-top: 24px;}
.abouts_2  li{
    float: left;
    width: 23%;
    margin: 0 1%;}
.abouts_2  ul img{
    width: 285px;}

.abouts_3 { 
    width:100%; 
    padding:40px 0; 
    background:url(../images/about_ctwh.jpg) no-repeat center;
    margin-bottom:50px;
    height: 280px;}
.abouts_3  .tit{ 
    text-align:center; 
    font-size:32px; 
    color:#000; 
    margin-bottom:50px;}
.abouts_3 .tit span{ 
    display:block; 
    width:60px;
    height:3px; 
    background:#0050a4; 
    margin:0 auto; 
    margin-top:20px;}
.abouts_3 .tb{
    
    text-align: center; 
    margin: 0 auto;}
.abouts_3 .tb ul li{ 
    float:left; 
    width:425px;
    text-align: center;}
.abouts_3 .tb ul li img{ 
    width:56px;
    height:56px;
    margin:0 auto;
    transition: all 0.4s; 
    text-align:center; 
    display:block;}
.abouts_3 .tb ul li img:hover{
    transform: rotate(360deg);}
.abouts_3 .tb ul li .tit{ 
    font-size:22px; 
    color:#000;
    margin:25px 0; 
    text-align:center;}
.abouts_3 .tb ul li span{ 
    font-size:17px;  
    color:#000; 
    margin:25px 0; 
    text-align:center;}
.abouts_3 .tb ul li .n{
    line-height:28px; 
    margin-top:25px; 
    font-size:17px; 
    color:#666; text-align:center; 
    height:60px; 
    overflow:hidden;}

.abouts_4 dl {
    width: 24%;
    float: left;
    background: #f0f0f0;
    margin: 0 1.0% 13px 0;}
.abouts_4 dt {
    border: 1px solid #f0f0f0;
    padding: 10px 9px;
    background: #fff;}
.abouts_4 dt img {
    display: block;
    width: 100%;}
.abouts_4 dd h4 {
    height: 50px;
    font-size: 15px;
    line-height: 50px;
    text-align: center;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #f0f0f0;
    font-weight: normal;}
.abouts_4 dd h4 a {
    color: #4b4a4a;}    

.new2{ background-color: #fafafa;}    
 .fw{
	margin-bottom: 20px;
	
	margin:0 auto;
	overflow: hidden;}
.fw-t{
	text-align: center;
	margin-bottom: 20px;}
.fw-t h2{
	font-size: 30px;
	font-weight: bold;
	color: #333;
	line-height: 46px;
	padding-top:5px;
	margin-bottom:5px;
	position: relative;
	display: inline-block;}
.fw-t h2:after{
	content:'';
	width: 129px;
	height:129px;
	background: url(../images-pc/fw-icon.png) no-repeat;
	position: absolute;
	top: 0;
	left: -40px;
	z-index: -1;}
.fw-t p{
	font-size: 16px;
	color: #666666;
	line-height: 36px;	}
.fw ul{
	-webkit-box-shadow:0 20px 40px rgba(7,19,57,0.1);
	-moz-box-shadow:0 20px 40px rgba(7,19,57,0.1);
	-ms-box-shadow:0 20px 40px rgba(7,19,57,0.1);
	-o-box-shadow:0 20px 40px rgba(7,19,57,0.1);
	box-shadow:0 20px 40px rgba(7,19,57,0.1);}
.fw li{
	float: left;
    width: 33.33333337%;}
.fw li img{ width: 100%;}
.fw li .text{
	position: relative;}
.fw li .text p{
	position: absolute;
	left: 0;top:20%;
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
	color: #1d1e31;
	width: 100%;
	text-align: center;
	transform: -webkit-translateY(-50%);
	transform: translateY(-50%);
	padding-bottom: 10px;}
.fw li .text span{
	position: absolute;
	left: 0;top: 65%;
	font-size: 16px; padding: 0 15px;
	line-height: 34px;
	font-weight: 400;
	color: #555;width: 100%;
	text-align: center; min-height: 150px;
	transform: -webkit-translateY(-50%);
	transform: translateY(-50%);
 }
.fw li .text p:after{
content:'';
width: 60px;
height:2px;
background:#da251a;
background: -moz-linear-gradient(left, #1d2089 0%, #da251a 100%);
background: -webkit-linear-gradient(left, #1d2089 0%,#da251a 100%);
background: -o-linear-gradient(left, #1d2089 0%,#da251a 100%);
background: -ms-linear-gradient(left, #1d2089 0%,#da251a 100%);
background: linear-gradient(to right, #1d2089 40%,#da251a 100%);
position: absolute;left: 50%;bottom: 0;margin-left: -30px;}
@media screen and (max-width: 1366px){  
    .fw-t h2{font-size: 26px;} 
    .fw-t p{line-height: 32px;	}
}    
@media screen and (max-width: 1280px){  
.fw-t h2{font-size: 22px;} 
.fw li .text span{ padding: 0 10px;line-height: 28px;}
.fw-t p{line-height: 30px;	}
}
@media screen and (max-width: 992px){   
    .fw-t h2{font-size: 20px;} 
.fw li .text span{ padding: 0 5px;line-height: 26px;}
.fw li .text p{font-size: 20px;}
.fw-t p{line-height: 28px;	}
}
@media screen and (max-width:900px){   
    .fw li{float: left; margin-bottom: 20px;width: 100%;}
}

@media screen and (max-width:568px){   
.reLink .nextLink, .reLink .prevLink {width: 100%; text-align: left;}
}
.service_2{
    height:480px;
    background:url(../images/service_js.jpg) no-repeat center;
    background-size:cover;
    color:#fff;
    padding-top:50px; }
.service_2 .title{
    font-size:30px;
    text-align:center;
    margin-bottom:20px;
    font-weight: bold;}
.service_2 p{
    font-size:16px;
    text-align:center;
    color: #fff;}
.service_2 .service_2_list{
    text-align:center}
.service_2 .service_2_list img{
    text-align:center}
.service_2.service_2_list p{
    font-size:14px;
    text-align:left;
    color:#eeeeee}
.service_2 ul{
    display:flex;
    justify-content:space-between}
.service_2 li{
    width:23%;
    height:250px;
    border:1px solid rgba(255,255,255,0.5);
    border-radius:10px;
    padding:20px;
    margin-top:50px}
.service_2 li:hover{
    background-color:#1d2089;
    border:1px solid #1d2089}
.service_2 .service_2_list span{
    display:block;
    font-size:20px;
    margin:25px 0 15px;
    color:#fff}
      
@media screen and (max-width:992px){ 
    .service_2 li{height:280px;padding: 15px; margin-top: 30px;} 
}
@media screen and (max-width:768px){ 
.service_2{height:700px;  }
.service_2 ul{display:block;justify-content:space-between}
.service_2 li{ height:220px; width:47%; float: left; margin-left: 10px; margin-right: 10px;}
}
@media screen and (max-width:728px){ 
.service_2 li{ height:220px; width:45%; }
}
@media screen and (max-width:568px){ 
.service_2{height:740px;  }
.service_2 li{ height:250px; width:44%; padding: 10px;margin-top: 20px;}
 .service_2 p{ line-height:28px;}
 .service_2 .service_2_list span{margin:10px 0 10px;}
}
.server1 h3{ text-align:center; margin-bottom:30px}
.server1 li { margin-bottom:30px;}
.server1 li .imgZoom img{ max-width: 100%;width: 100%;}


.advantage{ }
.advantage .content .item{background:#fff; border:1px solid #efefef; transition:background 0.5s ease; margin-bottom:25px;}
.advantage .content .item .right{width:60%; float:right;}
.advantage .content .item .left{width:40%; float:left; position:relative;}
.advantage .content .item .left .box{padding:78px 55px; background-color:#efefef;}
.advantage .content .item .left .box .t{font-size:28px; line-height:28px; font-weight:bold; color:#005bac}
.advantage .content .item .left .box .c{ line-height:32px; color:#5a5a5a; overflow:hidden; margin:40px 0 0px; height:160px;}
.advantage .content .item:hover .left .box .icon{background-position:0 -45px;}
 
.advantage .content .item:hover .left:after{opacity:1; visibility:visible;}
.advantage .content .item02 .right{float:left;}
.advantage .content .item02 .left{float:right;}
@media only screen and (max-width:768px) {
.advantage .content .item .right{width:100%; float:right;}
.advantage .content .item .left{width:100%; float:left; position:relative;}
.advantage .infor .tit{font-size:20px; line-height:30px; font-weight:bold; color:#2b2b2b;}
.advantage .content .item .left .box .t{font-size:18px; line-height:28px; font-weight:bold; color:#005bac}
.advantage .content .item .left .box{padding:15px 10px;}
.advantage .content .item .left .box .c{ line-height:28px; color:#5a5a5a; overflow:hidden; margin:20px 0 0px; height: auto;}
}


.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-53{padding-bottom: 53%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-61{padding-bottom: 61%;}
.rect-618{padding-bottom: 61.8%;}
.rect-65{padding-bottom: 65%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-70{padding-bottom: 70%;}
.rect-725{padding-bottom: 72.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-78{padding-bottom: 78%;}
.rect-80{padding-bottom: 80%;}
.rect-83{padding-bottom: 83%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-100{padding-bottom: 100%;}
.rect-120{padding-bottom: 120%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.gray{ background:#fafafa;}
.imgHover {overflow:hidden; }
.imgHover img{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.imgHover .title{-moz-transform: translateY(180%);-ms-transform: translateY(180%);-webkit-transform: translateY(180%);transform: translateY(180%);-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);opacity:1;}
.imgHover .m_detail{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);color: #fff;line-height: 1.5;width: 100%;opacity:0;}
.imgHover:hover .title,.imgHover:hover .m_detail{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);opacity:1;}
@media (max-width:426px) {
.imgHover .title{-moz-transform: translateY(280%);-ms-transform: translateY(280%);-webkit-transform: translateY(280%);transform: translateY(280%);}
.imgHover:hover .title,.imgHover:hover .m_detail{-moz-transform: translateY(0%);-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);}
}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}

.side-contact{
    margin-top: 20px;
    border: 10px solid #ebf0f5;
    background-color: #fff;
    padding: 10px 20px 20px;overflow: hidden; height: 280px;}
.side-contact .item{
    height: 50px;
    margin-top: 15px;
    padding-bottom: 22px;
    border-bottom: 1px solid #f5f5f5;
    font-size: 0;}
.side-contact.side-tel {
    height: unset;
    padding-bottom: 0;
    border-bottom: 0;
    text-align: center;}
.side-contact .side-tel i {
    display: block;
    width: 60px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;}
.icon-tel {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    background: rgba(29, 32, 136, 0.1) url(../images/pro_list_icon.png) no-repeat center center;
    border: solid 1px #0050a4;
    border-radius: 50%;}
.side-contact .side-tel .info {
    display: block;
    width: unset;
    margin-top: 5px;
    margin-left: 0;}
.side-contact .info {
    display: inline-block;
    width: 160px;
    margin-left: 15px;
    vertical-align: middle;}
.side-contact .item-dt {
    font-size: 15px;
    line-height: 28px;
    color: #4a4a4a;text-align: center;margin-top: 15px;}
.side-contact .side-tel .item-dd {
    font-size: 24px;
    line-height: 32px; text-align: center;
    margin-top: 5px;margin-bottom: 10px;
}
.side-contact .item-dd {
    font-size: 16px;
    line-height: 28px;
    color: #333;
    font-weight: bold;}
 .pro_list-btn {
    text-align: center;
    margin-top: 85px; margin-bottom: 30px;}
 .pro_list-btn .service1 {
   width: 150px;
   font-size: 15px;
   color: #ffffff;
   background-color: #0050a4;height: 40px;line-height: 40px;}
 .pro_list-btn .service1 span {
    padding-left: 30px;
    background: url(../images/imdex_service1.png ) no-repeat left center;}


.add-news-industry {
    
    margin: 0 auto;
    overflow: hidden; }
.add-news-industry ul {
    width:100%;
    float:right;}
.add-news-industry li{
    margin-bottom:22px;
    padding:20px 30px;
    background-color:#f3f3f3;}
	
	 
 @media all and (max-width: 1480px) {
 .new-title h2{font-size: 26px;}
 .add-news-industry li{ padding:20px 25px;}
 }
  @media all and (max-width: 1280px) {
 .new-title h2{font-size: 22px;}
  .add-news-industry li{ padding:20px 20px;}

 }
   @media all and (max-width: 992px) {
 .new-title h2{font-size: 20px;}
  .add-news-industry li{ padding:15px 15px;}
  .add-news-industry li{ margin-bottom:12px;}
 }
	
.add-news-industry li .tit {
    margin-bottom:14px;
    font-size: 18px; font-weight: bold;
    color: #333;}
.add-news-industry li .tit:hover{
    color:#0050a4;
    font-weight: 700;}
.add-news-industry li .desc { 
    line-height: 25px;
    height: 60px;
    overflow: hidden;
    color: #717171;
    cursor: pointer;
    font-size: 15px;
    padding-top: 9px;}

    .news-industry-a{ width: 43.71%;float:right;}

.news-industry-b .text .add-time,.add-news-industry li .add-time {
    float:none;background: url(../images/news_icon2.png) no-repeat left center;
    padding-left: 20px;
    color: #999999;}
.news-industry-b {
    width:53.57%;
    float:left;
    padding-top:30px;}
    @media (max-width:992px) {
    .news-industry-a{ width: 100%;float:none;}
    .news-industry-b {width: 100%;float:none; display: none;}
    }
.news-industry-b .pic {
    display:block;
    overflow:hidden;
    position:relative;
    padding-top:54.6%;}
.news-industry-b .pic img {
    position:absolute;
    top:0;left:0;
    width:100%;
    height:100%;
    -webkit-transition: all .3s ease-in-out;  
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
}
.news-industry-b .pic:hover img {
    transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);}
.news-industry-b .text {
    padding:20px 25px 20px 25px;
    background-color:#f7f7f7;}
.news-industry-b .text .tit {
    color:#333;
    font-weight:700;
    margin-bottom:8px;
    font-size: 18px;}
.news-industry-b .text .tit:hover {
    color:#0050a4;}
.news-industry-b .text .desc {
    line-height:2;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    height:50px;
    margin-top: 10px;
    color: #717171;}
.grey .more {
    display: block;
    width: 14px;
    height: 12px;
    background: url(../images/news_icon1.png) no-repeat center;
    text-indent: 999em;
    overflow: hidden;
    float: right;}

.newslist {
	padding: 0;
	width: 100%;
}
.newslist .item {
	width: 610px;
	height: 155px;
	display: block;
	margin-bottom: 28px;
	background: #f9f9f9;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	float: left;
    margin: 0 15px 20px 15px;

}
.newslist .item a {
	display: block;
	padding: 20px;
}
.newslist .item .img {
	width: 150px;
	height: 112px;
	overflow: hidden;
}
.newslist .item .img img {
	width: 100%;
	height: 100%;
	display: block;
	transition: all 0.3s ease-out 0s;
}
.newslist .item a:hover .img img {
	transform: scale(1.1, 1.1);
}
.newslist .item .txt {
	width: 400px;
}
.newslist .item .txt h3 {
	color: #000;
	font-size: 18px;
	display: block;
	padding-bottom: 10px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.newslist .item .txt p {
	font-size: 15px;
	color: #999;
	line-height: 24px;
	margin-bottom: 5px;
}
.newslist .item a:hover .txt h3 {
	color: #0050a4;
}
.newslist .item:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.newslist .add-time {
	background: url(../images/news_icon2.png) no-repeat left center;
    padding-left: 20px;
}

.news_page li {margin-bottom:20px;}
.news_page li a {background:#fafafa;padding:20px;display:block;overflow:hidden;position:relative}
.news_page li .data-right {height:92px;border-left:1px solid #e5e5e5;font-size:24px;color:#666;font-weight:normal;padding:0 10px;margin-top:20px;line-height:26px;text-align:center;position:relative;font-family:'FontAwesome';}
.news_page li .data-right:after {content:"\f105";position:absolute;right:50%;top:50%;margin-top:0;width:31px;height:31px;border:1px solid #ebebeb;border-radius:360px;margin-right:-15px;}
.news_page li .left {text-align:left;color:#888;line-height:26px;padding:23px 30px}
.news_page li h1 {text-align:left;color:#333;font-size:18px;line-height:24px;margin-bottom:14px;overflow:hidden}
.news_page li .con {height:48px;overflow:hidden}
.news_page li:hover {box-shadow:0 0 20px #ccc;}
.news_page li:hover a{background:#fff;}
.news_page li:hover .data-right:after {color:#fff; background-color:#e62129;}
.news_page li:hover h1 {color:#e62129}
.news_page li:hover .con {color:#666}
@media (max-width: 992px) {
.news_page li a {background:#fafafa;padding:20px 10px;display:block;overflow:hidden;position:relative}
.news_page li .data-right {height: auto; font-size:20px; padding:0 10px;margin-top:10px; margin-bottom: 20px; line-height:26px;text-align:left; border-left:0px solid #e5e5e5;}
.news_page li .data-right:after {content:"\f105";position:absolute; left: 80px; top:0px;margin-top:0;width:31px;height:31px; text-align: center; border:1px solid #ebebeb;border-radius:360px;margin-right:-15px;}

}
@media (max-width: 425px) {
.news_page li a {padding:10px;}
.news_page li .left {line-height:26px;padding:23px 10px 25px 0px;}
.news_page li h1 { margin-bottom:15px; }
.news_page li .con {font-size:16px; height: auto;}
.news_page li .data-right {font-size:20px; }
}

.news-lists ul li a {display: block;margin-bottom: 30px;}
.news-lists ul li a img {width: 100%;border: 1px solid #cecece;}
.news-lists ul li a span {font-size: 16px;color: #333;display: block;margin-top: 15px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-lists ul li a .date {color: #666;}
.news-lists ul li a:hover span {color: #1cabe2;}
 

.video-lists ul li a {display: block;margin-bottom: 30px;}
.video-lists ul li a img {width: 100%;border: 1px solid #cecece;}
.video-lists ul li a span {font-size: 16px;color: #333;display: block;margin-top: 15px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.video-lists ul li a .date {color: #666;}
.video-lists ul li a:hover span {color: #1cabe2;}
.video-lists ul li a div[class*="rect-"]::after {background: url('../images/video-hover.png') no-repeat center;content: "";position: absolute;top: 50%;left: 50%;width: 49px;height: 49px;transform: translate(-50%, -50%);
}


.case dl { width:100%; margin-bottom:20px; overflow:hidden}
.case dt { font-size:20px; color:#e60012; margin-bottom:20px; line-height:35px;}
.case dd{ float:left; width:31.33337%; margin-right:2%; border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:10px}
.pro_list li{ margin-bottom:30px;}
.pro_list .item{ border-radius:4px; overflow: hidden; -o-box-shadow:0 5px 10px rgba(0,0,0,.05); -ms-box-shadow:0 5px 10px rgba(0,0,0,.05); -moz-box-shadow:0 5px 10px rgba(0,0,0,.05); -webkit-box-shadow:0 5px 10px rgba(0,0,0,.05); box-shadow:0 5px 10px rgba(0,0,0,.05);}
.pro_list .item a{ display:block;}
.pro_list .item .img{ overflow: hidden; background:#e3ebee;}
.pro_list .item .img img{ width: 100%;}
.pro_list .item .text{ padding:15px 10px; background: #FFFFFF; text-align: left;}
.pro_list .item .tit{font-size: 16px; color:#333333;}
.pro_list .item a:hover .text{ background: #0075C2; }
.pro_list .item a:hover .tit{ color:#FFFFFF;}
.pro_list .item a:hover .tit:after{background:#fff;}
@media only screen and (max-width:1280px) {
.pro_list .item .tit{font-size: 18px; }
}
@media only screen and (max-width:992px) {
.pro_list ul{ margin-top:20px;}
}
@media only screen and (max-width:868px) {
.case dd{  width:48%; margin-right:2%; }
}
@media only screen and (max-width: 425px) {
.pro_list .item .tit{font-size: 16px; }
.pro_list .item .text{ padding:15px 10px;}
.case dd{  width:100%; margin-right:0; }

}
@media only screen and (max-width: 375px) {
.pro_list .item .tit{font-size: 15px; }
}
.case-items{
   padding: 0;
    width: 100%;
    
}
.case-items li{
    float: left;
    width: 23.5%;
    margin-left: 1.5%;
    margin-bottom: 50px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    background-color: #fff;}
.case-items li .img{
    display: block;
    width: 100%; 
    height: 0;
    overflow: hidden;
    position: relative;
    padding-top: 66.5%;}
.case-items li .img img{
    display: block;
    position: absolute;
    top: 0;
    left: 0;width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
.case-items li .text{
    padding:12px;
    background-color: #f3f3f3;}
.case-items li .text a{
    font-size: 16px;
    color: #333;
    line-height: 32px;
    margin-bottom: 5px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 32px;}
.case-items li .text p{
    overflow: hidden;}
.case-items li .text p span{
    display: inline-block;
    font-size: 16px;
    color: #959595;
    line-height: 24px;
    margin-right: 10px;}
.case-items li .text p .time{
    margin-right: 0;
    color: #999999;
    background: url(../images/news_icon2.png) no-repeat left center;
    padding-left: 20px;}
.case-items li .text p .on{
    padding:0 14px;
    background-color: #4e7dfe;
    color: #fff;}
.case-items li .text a:hover{
    color: #0050a4;}
.case-items li:hover .img img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1); 
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.case-items li:hover{
    transform: translate3d(0px, -16px, 0px);
	box-shadow: 0 3px 10px rgb(222, 222, 222);
.case-items li:hover::after{ 
    right:10px;left:auto;
    transform:rotate(3deg)}
 


/*导航*/
#index-head #nav {  }	
#nav ul {
	margin: 0 auto;
	width: 100%;}	
#nav li:first-child {
	width: 120px;}
#nav li {
	float: left;
	width: 120px;
	display: block;
	list-style: none;
	font-size: 18px;
	text-align: center;
	line-height: 100px;
	position: relative;
	margin: 0;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;}	
#nav li a {
	display: block;
	text-align: center;
	position: relative;
	color: #000000;
	height:100px;
	 /*font-weight: 100; */}	
#nav li:hover a {
	color: #232323;
	font-weight: 700;}

/*导航栏下拉*/
#nav .subnav {
	position: absolute;
	left: 0px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
	z-index: 199;
	opacity: 0;
	visibility: hidden;
	height: auto;
	overflow: hidden;
	width: 100%;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);}	
#nav li:hover .subnav {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);}	
#nav .subnav {
	position: absolute;
	left: -9px;
	top: 100px;
	width: 105%;
	z-index: 10;
	border-left: 5px solid rgba(255,255,255,0.1);
	border-right: 5px solid rgba(255,255,255,0.1);
	border-bottom: 5px solid rgba(255,255,255,0.1);}	
#nav .subnavbg {
	position: static;
	background: #32363e;
	background: rgba(255, 255, 255, 1)!important;
	filter: Alpha(opacity=60);
   *zoom:1;} 
#nav .subnav a {
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #333 !important;
	font-size: 15px;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #e4e3e3;
	font-weight: normal;}	
#nav .subnav a:hover {
	display: block;
	color: #fff !important;
	background: rgb(29, 32, 136)!important;}	
/*.index-head*/