/* CSS Document */
@charset "utf-8";
/* by Sean Lu 20190103 */
/* 移动端全局控制reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family:arial,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; }
textarea { resize: none; }
iframe,img { border:0;display: block; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover { text-decoration: none;}

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: #007daa; color: #fff; }
::-moz-selection { background: #007daa; color: #fff; }

.wrapper { margin: 0 auto; width: 1200px; }


.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 500px; }
.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #34a1da; }

.bannerslide .info{width: 46.875%;position: absolute;right: 0;bottom: 0;z-index: 10;background: rgba(35,36,66,0.85);}
.bannerslide .info .banner_wrap{padding: 45px 54px 0; height: 195px;}
.bannerslide .info .banner_wrap .box{position: relative;}
.banner_wrap .item{position: absolute;left: 0;top: 0;opacity: 0;visibility: hidden;transform: translateX(0) skewX(-20deg);-webkit-transform: translateX(0) skewX(-20deg);-moz-transform: translateX(0) skewX(-20deg);}
.bannerslide .swiper-slide.swiper-slide-active .banner_wrap .item{opacity: 1;
    visibility: visible;
    transform: translateX(0) skewX(0);
    -webkit-transform: translateX(0) skewX(0);
    -moz-transform: translateX(0) skewX(0);
    transition: 788ms;}
.bannerslide .info .nam{color: #fff;
    font-size: 38px;
    line-height: 1.3;
    margin-bottom: 16px;}
.bannerslide .info .txt{color: #fff;
    font-size: 14px;
    height: 80px;}

.bannerslide .info .combtn{display: inline-block;
    line-height: 1;
    color: #fff;
    padding-right: 20px;
    background: url(../images/arrow.png) right center no-repeat;
    position: relative;}

/*top*/
.topLine{overflow: hidden;height: 75px;position: relative;}
.topLine .logo{float: left;padding-top: 10px;}
.topLine .info{float: right;padding-top: 20px;}
.topLine .info .mail,.topLine .info .tel{float: left;position: relative;padding-left: 46px;margin-right: 10px;}
.topLine .info .mail span,.topLine .info .tel span{display: block;font-size: 14px;color: #333;}
.topLine .info .mail a,.topLine .info .tel a{font-size: 16px;color: #2e2e2e;font-weight: 700;padding-top: 3px;display: block;}
.topLine .info .mail:before{position: absolute;content: '';width: 40px;height: 40px;background-image: url(../images/mail.png);background-repeat: no-repeat;top: 0;left: 0;}
.topLine .info .tel:before{position: absolute;content: '';width: 30px;height: 30px;background-image: url(../images/tela.png);background-repeat: no-repeat;top: 5px;left: 0;}

.navBar{position: relative;background-color: #405ca3;height: 60px;}
.navBar:before {content: ' ';background: #2e2e2e;position: absolute;top: 0;right: 0;height: 60px;width: calc(50% - 599px);}
.navBar .nav {float: left;}
.navBar .nav .nli { display: inline-block; position: relative; }
.navBar .nav .nli .na { font-size: 14px; font-weight: bold;color: #fff; display: block; padding: 0 28px; text-decoration: none; line-height: 60px; }
.navBar .nav .nli .sub { background: #214083; position: absolute; left: -10px; top: 60px; z-index: 9; width: 130px; padding: 10px; text-align: left; opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translateY(-10px); transform: translateY(-10px); }
.navBar .nav .nli:hover .sub { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }
.navBar .nav .nli .sub .sli { line-height: 24px; }
.navBar .nav .nli .sub .sli .sa { font-size: 14px; color: #fff; padding-left: 20px; display: block; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.navBar .nav .nli .sub .sli .sa:hover { color: #d3f2ff; padding-left: 26px; }

.navBar .btn {
    width: 258px;
    background: #2e2e2e;
    position: relative;
    float: right;
    height: 60px;
    padding-left: 40px;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    align-items: center;
}
.navBar .btn:before {
    content: " ";
    position: absolute;
    top: 0;
    left: -60px;
    bottom: 0;
    border: 60px solid #405ca3;
    border-right: 20px solid #2e2e2e;
}
.navBar .btn .txt {
    width: 178px;
    float: left;
    height: 38px;
    border:none;
    background: 0 0;
    text-indent: 10px;
    color: #ccc;
}
.navBar .btn .txt:focus{border: 2px solid #405ca3;border-radius: 4px;box-sizing: border-box;}
.navBar .btn .sub{width: 38px;height: 38px;cursor: pointer;background:url(../images/searccc.png) no-repeat center;border:none;float: left;display: block;}
.navBar .btn input::-webkit-input-placeholder {color: #fff;}
/**/
.homebox{padding: 70px 0;}
.homebox .title{text-align: center;color: #333;}
.homebox .title .tit{line-height: 50px;font-size: 28px;margin-bottom: 10px;font-weight: bold;}
.homebox .title .txt{line-height: 25px;font-size: 16px;color: #666;}
.homebox .container{margin-top: 30px;overflow: hidden;padding: 10px 0;}
/*homebox01*/
.homebox01{background:url(../images/ccbg.jpg) no-repeat center bottom;}


.homebox01 .container .item{float: left;overflow: hidden;width: 32.55%;margin-right: 1%;position: relative;}
.homebox01 .container .item:last-child{margin-right: 0;}
.homebox01 .container .item .img img{width: 100%;display: block;}
.homebox01 .container .item .cover{position: absolute;top: 85%;background: #405ca3;padding: 10px 50px 25px 25px;color: #888888;height: 100%;transition: all 0.5s;-webkit-transition: all 0.5s;}
.homebox01 .container .item .cover h3{position: relative;color: #fff;font-weight: normal;}
.homebox01 .container .item .cover h3:after{position: absolute;content: '';width: 20px;height: 20px;top: 5px;right: -30px;background: url(../images/jt.png) no-repeat center;}

.homebox01 .container .item .cover p{display: none;line-height: 32px;border: 1px solid #fff;margin: 8px 0;border-left: none;border-right: none;}
.homebox01 .container .item:hover .cover{top: 0;background: rgba(64,92,163,0.6);color: #fff;width: 90%;padding: 5%;}
.homebox01 .container .item:hover h3:after{display: none;}
.homebox01 .container .item:hover p{display: block;}

/*homebox02*/
.homebox02{background:url(../images/ccbg01.jpg) no-repeat center top;}

.homebox02 .title{color:#fff;}
.homebox02 .title .txt{color:#fff;}

.homebox02 .container .item{float: left;width: 22.5%;box-shadow: 0 0 10px #ccc;margin: 0 1%; background-color:#fff;}
.homebox02 .container .item .pad{padding: 20px;}
.homebox02 .container .item{text-align: center;height: 320px;}
.homebox02 .container .item .img i{display: block;width: 100%;height: 140px;background-image: url(../images/icon01.png);background-repeat: no-repeat;background-position: center;}
.homebox02 .container .item .tit{font-size: 18px;font-weight: bold;color: #333;}
.homebox02 .container .item .txt{font-size: 15px;color: #333;line-height: 23px;margin-top: 20px;}
.homebox02 .container .item:nth-child(2) i{background-image: url(../images/icon02.png);}
.homebox02 .container .item:nth-child(3) i{background-image: url(../images/icon03.png);}
.homebox02 .container .item:nth-child(4) i{background-image: url(../images/icon04.png);}

.homebox02 .container .item:hover{background-color:#8c9cbe;}
.homebox02 .container .item:hover .tit,.homebox02 .container .item:hover .txt{color: #fff;}
.homebox02 .container .item:hover:nth-child(1) i{background-image: url(../images/icon01x.png);}
.homebox02 .container .item:hover:nth-child(2) i{background-image: url(../images/icon02x.png);}
.homebox02 .container .item:hover:nth-child(3) i{background-image: url(../images/icon03x.png);}
.homebox02 .container .item:hover:nth-child(4) i{background-image: url(../images/icon04x.png);}

.ppul{width:94%; margin:20px auto 0;}
.ppul li{float:left; width:10.7%; text-align:center; border:1px solid #ddd; padding:8px 3px; box-sizing:border-box; margin:0 0.2%;}
.ppul li a{font-size:14px;}

.way-help-section-content{margin-top:30px;}
.col-md-3 {
    width: 23%;
	float:left;
	margin:1%;
}
.way-help-head h3 {
	font-size: 18px;
	font-weight: 600;
	text-align:center;
	margin-bottom:20px;
}
.way-help-pic img{display:block; margin:0 auto 30px;}

.way-help-text-content p {
	color: #8d8d8d; padding:0 20px; box-sizing:border-box; font-size:16px; text-align:center; line-height:190%;
}
.way-help-pic-text {
	box-shadow: 0px 0px 10px 3px rgba(222, 222, 222, 0.5);
	padding: 40px 0px;
	position: relative;
	overflow: hidden;
	transition: .5s all ease-in-out;
	background-color:#fff;
}
.hover-content {
	position: absolute;
	top: -300px;
	background-color: #ffffff;
	padding: 70px 10px 90px;
	transition: .5s all ease-in-out;
	opacity: 0;
	visibility: hidden;
	text-align:left;
}
.hover-content .way-help-pic a span {
	font-size: 16px;
	padding: 10px;
	background-color: #f1f1f1;
	font-weight: bold;
	display:block;
	margin:0 auto;
	text-align:center; width:15%;
}
.way-help-pic-text:hover {
	box-shadow: 2px 5px 20px 6px rgba(222, 222, 222, 0.5);
}
.way-help-pic-text:hover .hover-content {
	top: 0;
	opacity: 1;
	visibility: visible;
}



/*homebox03*/
.homebox03{background-color: #f6f6f6;}
.homebox03 .container .item{float: left;width: 22.5%;box-shadow: 0 0 10px rgb(0 0 0 / 10%);margin: 0 1% 20px;}
.homebox03 .container .item a{display: block;padding: 6px;}
.homebox03 .container .item img{display: block;width: 100%;}
.homebox03 .container .item .info{padding: 10px 0;text-align: center;border-top: 1px solid #ccc;margin-top: 6px;}
.homebox03 .container .item:hover{background-color:#405ca3 ;}
.homebox03 .container .item:hover .info{border-color: #fff;color: #fff;}

/*homebox04*/
.homebox04{padding: 20px 0;}
.homebox04 .h_about_box{overflow: hidden;padding: 30px 0;}
.homebox04 .img{float: left;width: 36%;box-shadow: 20px 20px 0 #405ca3;}
.homebox04 .img img{width: 100%;display: block;}
.homebox04 .info{float: right;width: 56%;}
.homebox04 .info .tit{font-size: 32px;font-weight: bold;color: #333;}
.homebox04 .info p{font-size: 16px;color: #333;line-height: 26px;margin-top: 30px;}
.homebox04 .info .more a{margin-top: 30px;display: inline-block;color: #fff;padding: 12px 30px;position: relative;}
.homebox04 .info .more a:before{position: absolute;content: '';top: 0;right: 0;width: 100%;height: 100%;background-color: #405ca3;transform: translateX(0) skewX(-20deg);-webkit-transform: translateX(0) skewX(-20deg);-moz-transform: translateX(0) skewX(-20deg);z-index: -1;transition: 788ms;}
.homebox04 .info .more a:hover:before{border-radius: 10px;transform: translateX(0) skewX(0);-webkit-transform: translateX(0) skewX(0);-moz-transform: translateX(0) skewX(0);}


/*homebox05*/
.homebox05{background: #405ca3 url(../images/box02.jpg) no-repeat center right;background-size: cover;padding: 40px 0;}
.homebox05 .info .tit{font-size: 28px;font-weight: bold;color: #fff;}
.homebox05 .info .tel{font-size: 16px;color: #fff;}
.homebox05 .hotLine .more a span{color: #333;display: block;position: relative;z-index: 10}
.homebox05 .hotLine .more a{margin-top: 30px;display: inline-block;padding: 12px 30px;position: relative;;}
.homebox05 .hotLine .more a:before{position: absolute;content: '';top: 0;right: 0;width: 100%;height: 100%;background-color: #fff;transform: translateX(0) skewX(-20deg);-webkit-transform: translateX(0) skewX(-20deg);-moz-transform: translateX(0) skewX(-20deg);transition: 788ms;}
.homebox05 .hotLine .more a:hover:before{border-radius: 10px;transform: translateX(0) skewX(0);-webkit-transform: translateX(0) skewX(0);-moz-transform: translateX(0) skewX(0);}


/*homebox06*/
.homebox06{background:url(../images/ccbg02.jpg) no-repeat center top;}
.homebox06 .title{color:#fff;}
.homebox06 .title .txt{color:#fff;}
.homebox06 .container .item{float: left;width: 32%;margin-right: 2%;overflow: hidden;position: relative;}
.homebox06 .container .item:last-child{margin-right: 0;}
.homebox06 .container .item a{display: block;}
.homebox06 .container .item img{display: block;width: 100%;}
.homebox06 .container .item .date{position: absolute;content: '';top: 0;left: 0;width: 70px;height: 70px;background-color: #d71518;font-size: 15px;color: #fff;text-align: center;}
.homebox06 .container .item .date span{display: block;text-align: center;font-size: 30px;font-weight: bold;color: #fff;padding:6px 0;}
.homebox06 .container .item .info{padding: 20px 25px; background-color:#F8F8F8;}
.homebox06 .container .item .info .tit{font-size: 18px;color: #333;line-height: 24px;}
.homebox06 .container .item .info .txt{font-size: 14px;color: #888;line-height: 24px;-webkit-line-clamp:2;display: -webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow: ellipsis}

.homebox06 .info .more{margin-top: 10px;display: inline-block;color: #888;padding:12px 0;position: relative;transition: 788ms;}
.homebox06 .info .more span{position: relative;z-index: 2;}
.homebox06 .container .item:hover .info .more{padding: 12px 30px;}
.homebox06 .container .item:hover .info .more span{color: #fff}
.homebox06 .container .item:hover .info .more:after{position: absolute;content: '';top: 0;left: 5px;width: 100%;height: 100%;background-color: #405ca3;transform: translateX(0) skewX(-20deg);-webkit-transform: translateX(0) skewX(-20deg);-moz-transform: translateX(0) skewX(-20deg);z-index: 1}

/*foot*/

.footer { background-color: #405ca3;background-size: 100% 100%;color: #000;padding: 50px 0 0; z-index:1;}
.footer dl { width: 16%; float: left; color: #a4a4a4; }
.footer dl:last-child{width:30%;}
.footer dl:nth-child(2){ width:28%;margin-right: 5%;}
.footer dl dt { color: #333;  font-size: 16px;font-weight: bold;font-size: 17px; margin-bottom: 10px; }
.footer dl dt a { color: #fff; }
.footer dl dd { font-size: 14px; line-height: 26px; }
.footer dl dd a { color: #fff;}
.footer dl dd p { color: #fff; }

.foot { border-top: 1px solid #fff; margin-top: 50px; padding-top: 30px;overflow: hidden; }
.foot .bei { float: right;text-align: center; margin-bottom: 30px; }
.foot .bei a { display: inline-block; line-height: 30px; padding: 0 20px; border: 1px solid #fff; font-size: 14px; border-radius: 4px; color: #fff; text-decoration: none; }
.foot .copy { color: #fff; line-height: 22px; font-size: 14px; text-align: center; float: left;}

/*inpage*/
.inbanner { height: 220px; background: url(../images/inbanner01.jpg) no-repeat center top; position: relative; color: #fff; display: table; width: 100%; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); z-index: 2; }
.inbannera { height: 220px; background: url(../images/inbanner02.jpg) no-repeat center top; position: relative; color: #fff; display: table; width: 100%; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); z-index: 2; }
.inbannerb { height: 220px; background: url(../images/inbanner03.jpg) no-repeat center top; position: relative; color: #fff; display: table; width: 100%; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); z-index: 2; }
.inbannerc { height: 220px; background: url(../images/inbanner04.jpg) no-repeat center top; position: relative; color: #fff; display: table; width: 100%; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); z-index: 2; }




.inpage {overflow: hidden;}

.main {width: 100%;}


.mainbox {padding: 40px 64px;}
.mainbox .hd {margin-bottom: 30px; text-align: center;}
.mainbox .hd h1 {line-height: 40px;color: #333;font-size: 30px; }
.mainbox .now {line-height: 40px; color: #333;font-size: 12px; }
.mainbox .now .split { margin: 0 4px; font-family: simsun; }
.mainbox .now a { color: #333; }
.mainbox .now a:hover { color: #405ca3; }

.mainbox .bd { font-size: 16px; line-height: 30px; color: #333; word-wrap: break-word; }
.mainbox .bd img{margin:0 auto; display:block;}
.mainbox .bd p { margin-bottom: 20px; }
/*new*/
.newlist .item{margin: 10px 0;width: 100%;overflow: hidden;}
.newlist .item:nth-child(2n){background-color: #eee;}
.newlist .item .date{position: relative;-webkit-transition: all .6s;transition: all .6s;overflow: hidden;float: left;width: 90px;height: 90px;border: 1px solid #ddd;;}
.newlist .item .date:before{content: "";
    width: 0%;
    height: 0%;
    background: #405ca3;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    border-radius: 50%;
    transition: 540ms;}
.newlist .item .date .month{display: block;font-size: 15px;color: #333;text-align: center;position: relative;z-index: 1}
.newlist .item .date .day{display: block;text-align: center;font-size: 30px;font-weight: bold;color: #333;padding: 18px 0 0;position: relative;z-index: 1}

.newlist .item .info{margin-left: 120px;}
.newlist .item .info .tit{font-size: 18px;}
.newlist .item .info .txt{font-size: 14px;line-height: 20px;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}


.newlist .item:hover .date span{color: #fff}

.newlist .item:hover .date:before {
    width: 200%;
    height: 200%;
}
/*contact*/
.mainbox .add{overflow: hidden;}
.mainbox .add .item{float: left;width: 24%; margin:0.5%; text-align: center; border:1px solid #405ca3; border-radius: 10px; box-sizing: border-box;}

.mainbox .add .item .pad{padding: 30px 20px;}
.mainbox .add .item i{width: 60px;height: 60px;margin: 0 auto;border:1px solid #405ca3;box-sizing: border-box;border-radius: 50px;padding: 10px;display: block;background-image: url(../images/icon05.png);background-repeat: no-repeat;background-position: center;background-size: 50% auto}
.mainbox .add .item .nam{padding: 20px 0;font-size: 18px;font-weight: bold;color: #333;}
.mainbox .add .item p{font-size: 15px;color: #777; height:50px; line-height:160%; margin-bottom:0;}
.mainbox .add .item:nth-child(1) i{background-image: url(../images/icon07.png);}
.mainbox .add .item:nth-child(2) i{background-image: url(../images/icon05.png);}
.mainbox .add .item:nth-child(3) i{background-image: url(../images/icon06.png);}
.mainbox .add .item:nth-child(4) i{background-image: url(../images/icon08.png);}
.mainbox .add .item:nth-child(5) i{background-image: url(../images/icon09.png);}
.mainbox .add .item:nth-child(6) i{background-image: url(../images/icon10.png);}
.mainbox .add .item:nth-child(7) i{background-image: url(../images/icon11.png);}
.mainbox .add .item:nth-child(8) i{background-image: url(../images/icon12.png);}
.mainbox .add .item:hover i{background-color: #405ca3;border: none;}
.mainbox .add .item:nth-child(1):hover i{background-image: url(../images/icon07x.png);}
.mainbox .add .item:nth-child(2):hover i{background-image: url(../images/icon05x.png);}
.mainbox .add .item:nth-child(3):hover i{background-image: url(../images/icon06x.png);}
.mainbox .add .item:nth-child(4):hover i{background-image: url(../images/icon08x.png);}
.mainbox .add .item:nth-child(5):hover i{background-image: url(../images/icon09x.png);}
.mainbox .add .item:nth-child(6):hover i{background-image: url(../images/icon10x.png);}
.mainbox .add .item:nth-child(7):hover i{background-image: url(../images/icon11x.png);}
.mainbox .add .item:nth-child(8):hover i{background-image: url(../images/icon12x.png);}


.feedback{margin-top: 30px;}
.feedback .messageinput {
    width: 27%;
    padding: 10px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    border-radius: 6px;
    border: 1px solid #ccc;
    margin: 0 5px 0 0;
    color: #333;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    background: none;
    margin-bottom: 20px;
}
.feedback .messagetarea {
    padding: 10px;
    border: 1px solid #ccc;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    resize: none;
    width: 96%;
    height: 90px;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    background: none;
    margin-bottom: 20px;
}
.feedback .messagebtn {
    display: block;
    margin: 0 auto;
    width: 50%;
    color: #333; 
    text-align: center;
    line-height: 50px;
    height: 50px;
    font-size: 16px;
    border: 0;
    background: #b8c5ce;
    border-radius: 4px;
    cursor: pointer;
}
.messagetarea:focus { color: #333;border-color: #405ca3;}
.messageinput:focus { color: #333;border-color: #405ca3;}
input::-webkit-input-placeholder {color: #333;}


/*product*/
.prolist .item{float: left;width: 22.5%;box-shadow: 0 0 10px rgb(0 0 0 / 10%);margin: 0 1% 20px;}
.prolist .item a{display: block;padding: 6px;}
.prolist .item img{display: block;width: 100%;}
.prolist .item .info{padding: 10px 0;text-align: center;border-top: 1px solid #ccc;margin-top: 6px;}
.prolist .item:hover{background-color:#405ca3 ;}
.prolist .item:hover .info{border-color: #fff;color: #fff;}

.proClass{text-align: center;margin: 20px 0;display: inline-block;float: left;}
.proClass .ProId{position: relative;font-size: 14px;color: #333;}
.proClass .ProNam {position: relative;padding: 12px 32px 12px 14px;margin-left: 20px;color: #fff; display:inline-block;}
.proClass .ProNam:before{position: absolute;content: '';top: 0;right: 0;width: 100%;height: 100%;background-color: #405ca3;transform: translateX(0) skewX(-20deg);-webkit-transform: translateX(0) skewX(-20deg);-moz-transform: translateX(0) skewX(-20deg);z-index: -1;transition: 788ms; display:block;}
.proClass .ProNam:after{position: absolute;content: 'V';top: 5px;right: 15px;}
.proClass .bul{background-color: rgba(64,92,163,.8);position: absolute;right: 10px;top: 34px;z-index: 1222220000;opacity: 0;visibility: hidden;width: 130px;padding: 10px 0;text-align: left;-webkit-transition: all .2s;transition: all .2s;-webkit-transform: translateY(-10px);transform: translateY(-10px);}
.proClass .bul a{color: #fff;}
.proClass .bul a.ba{font-weight: bold;padding-left: 10px;}
.proClass .bul a.sa{padding-left: 30px;}
.proClass .ProId:hover .bul{opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
.proClass .bul .sli:hover{background-color: #333;}

.proDetails .proImg{overflow: hidden;}
.proDetails .proImg .proImg_tit{float: right;width: calc(100% - 460px);}
.proDetails .proImg .proImg_tit .dow{position: relative;color: #fff;display: inline-block;padding: 10px 80px;text-align: center;margin-top: 20px;}
.proDetails .proImg .proImg_tit .dow:before{position: absolute;content: '';width: 100%;height: 100%;z-index: -1;top: 0;left: 0;transform: translateX(0) skewX(-20deg);-webkit-transform: translateX(0) skewX(-20deg);-moz-transform: translateX(0) skewX(-20deg);background-color: #405ca3;}
.proDetails .proMsg{margin-top: 30px;}
.proDetails .proMsg h3{font-size: 22px;border-bottom: 1px solid #333;color: #333;margin: 30px 0;}

.protable { width: 100%; margin-bottom: 20px; color: #333; }
.protable th { font-size: 16px; line-height: 30px; padding: 5px 10px; background: #f5f5f5 }
.protable td { font-size: 16px; line-height: 30px; padding: 5px 10px; }
.protable tr:nth-child(2n) td { background: #f1f1f1; }



/*图片放大镜样式*/
.right-extra{float: left;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:350px;height:350px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:352px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #007daa;padding:1px;}




/*new*/
.newstitle { font-size: 26px; text-align: center; line-height: 30px;  margin-bottom: 5px; }
.newsinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999;  }
.newsinfo .author, .newsinfo .time { margin: 0 5px; }
.newsmaincon { margin: 20px 0;  }
.newsmaincon img { max-width: 100%; }
.newsmaincon h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); color: #fff; line-height: 40px; height: 40px; padding: 0 20px; border-radius: 20px; margin-bottom: 20px; margin-top: 40px; }
.newsmaincon .dou { margin-bottom: 20px; }
.newsmaincon .dou02 { overflow: hidden; }
.newsmaincon .dou02 li { width: 50%; float: left; }
.newsmaincon .dou li:before { content: '·'; color: #ea0000; font-weight: bold; margin-right: 10px; }

.newsbackline {padding-top: 10px; margin: 30px 0 50px;}
.newsbackline .next{float: right;}
.newsbackline .prev{float: left;}
.newsbackline .prev,.newsbackline .next{width: 48.5%;position: relative; height: 50px; line-height: 50px;}
.newsbackline .prev:before,.newsbackline .next:before{position: absolute;top:0;content: '';width: 100%;height: 100%;border: 1px solid #dedede;box-sizing: border-box;transform: translateX(0) skewX(-20deg);-webkit-transform: translateX(0) skewX(-20deg);-moz-transform: translateX(0) skewX(-20deg);}
.newsbackline .prev:before{left: 0;}
.newsbackline .next:before{right: 0;}
.newsbackline .prev a,.newsbackline .next a{display: block;}
.newsbackline h2{font-size: 18px;color: #fff;width: 130px;text-align: center;position: relative;}
.newsbackline h2:before{position: absolute;content: '';width: 100%;height: 100%;z-index: -1;top: 0;left: 0;transform: translateX(0) skewX(-20deg);-webkit-transform: translateX(0) skewX(-20deg);-moz-transform: translateX(0) skewX(-20deg);background-color: #405ca3;}
.newsbackline .prev h2{float: left;}
.newsbackline .next h2{float: right;}
.newsbackline .txt{text-align: center;font-size: 16px;width: calc(100% - 140px);overflow: hidden;}

/**/

.knowlist .item{overflow: hidden;position: relative;margin: 20px 0;padding-bottom: 20px;border-bottom: 1px solid #dedede;}
.knowlist .item:last-child{border-bottom: none;}
.knowlist .item a{display: block;}
.knowlist .item .img{width: 280px;float: left;}
.knowlist .item img{display: block;width: 100%;}
.knowlist .item .date{position: absolute;content: '';top: 0;left: 0;width: 70px;height: 70px;background-color: #d71518;font-size: 15px;color: #fff;text-align: center;}
.knowlist .item .date span{display: block;text-align: center;font-size: 30px;font-weight: bold;color: #fff;padding:6px 0;}
.knowlist .item .info{float: right;width: calc(100% - 320px);}
.knowlist .item .info .tit{font-size: 18px;color: #333;line-height: 24px;}
.knowlist .item .info .txt{font-size: 14px;color: #888;line-height: 24px;padding: 40px 0;-webkit-line-clamp:2;display: -webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow: ellipsis}

.knowlist .info .more{margin-top: 10px;display: inline-block;color: #888;padding:12px 0;position: relative;transition: .5s;}
.knowlist .info .more span{position: relative;z-index: 2;}
.knowlist .item:hover .info .more{padding: 12px 30px;}
.knowlist .item:hover .info .more span{color: #fff}
.knowlist .item:hover .info .more:after{position: absolute;content: '';top: 0;left: 5px;width: 100%;height: 100%;background-color: #405ca3;transform: translateX(0) skewX(-20deg);-webkit-transform: translateX(0) skewX(-20deg);-moz-transform: translateX(0) skewX(-20deg);z-index: 1}






/**/
.btnmenu {
    float: right;
    width: 20px;
    height: 20px;
    display: none;
    position: absolute;
    top: 28%;
    right: 5%;
    padding: 10px;
    border: 1px solid #ccc;
}
.btnmenu:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 2px;
    background-color: #ccc;
    top: 33%;
    right: calc(50%-20px);
}
.btnmenu:after {
    position: absolute;
    content: '';
    width: 20px;
    height: 2px;
    background-color: #ccc;
    top: 66%;
    right: calc(50%-20px);
}
@media(max-width: 1200px){
    .wrapper{width: 100%;padding: 0 20px;box-sizing: border-box;}

    .bannerslide .swiper-slide {height: 200px;}



}


@media(max-width: 800px){
    .navBar .btn{display: none;}
    .bannerslide .info .nam{font-size: 24px;}
    .bannerslide .info .txt{height: 100px;}
    .homebox01 .container .item .cover{top: 82%;}
    .homebox02 .container .item{width: 48%;}
    .right-extra,.proDetails .proImg .proImg_tit{float: none;width: 100%;overflow: hidden;}
    .mainbox .bd img{max-width: 100%;display: inline-block; height:130px;}
	.prolist .item .info{height:70px; overflow:hidden;}
	.prolist .item .info .nam{font-size:14px;}
    .spec-scroll{width: 100%;}
    .spec-scroll .items{width: calc(100% - 38px)}
    .proDetails .proImg .proImg_tit .dow:before{left: 10px;}
    
}
@media(max-width: 720px){
    
    .topLine .logo{width:70%;}
	.topLine .logo .img img{width:100%; margin-top:10px;}
    .topLine .info,.navBar{display: none;}
    .swiper-container{overflow: inherit;}
    .bannerslide .info{bottom: -200px;width: 100%;}
    .bannerslide .info .banner_wrap{padding: 20px 10px;height: 160px;}
    .bannerslide .info .nam{font-size: 24px;}
    .bannerslide .swiper-slide {height: 200px;}
    .btnmenu {display: block;}
    .hidden{display: none;}
    
	.homebox .title .tit{font-size:24px;}
	.homebox .title .txt{font-size:15px; text-align:left;}
	.ppul li{width:48%; margin:0.5% 1%;}
    .homebox01{margin-top: 0px;}
    .homebox{padding: 30px 0;}
    .homebox01 .container .item{float: none;width: 100%;margin: 10px 0;}

    .homebox02 .container .item{float: none;width: 100%;margin: 10px 0;}
    .homebox03 .container .item{width: 48%;}
    .homebox04 .img{float: none;width: 80%;margin: 0 auto;}
    .homebox04 .info{float: none;width: 100%;margin-top: 20px;}
    .homebox04 .info .tit{text-align: center;font-size: 28px;}
    .homebox04 .info .more{text-align: center;}

    .homebox05 .hotLine {text-align: center;}

    .homebox06 .container .item{float: none;width: 100%;margin-right: 0;}

    .footer{padding: 0;}
    .foot{margin-top: 0;}
    .foot .copy,.foot .bei{float: none;}

    .inbanner {height: 120px;background-size: cover;}
    .main {width: 100%;float: none;}
    .mainbox {padding: 20px 0;}
    .proClass .item{overflow-x: auto;overflow-y: hidden;white-space: nowrap;}
    .prolist .item{width: 48%; height:200px;}
    .mainbox .add .item{float: none;;width: 100%;margin: 10px 0;}
    .feedback .messageinput{width: 96%;}

    .newsbackline .prev, .newsbackline .next{float: none;width: 100%;margin: 10px 0;}
    .newsbackline .next h2{float: left;}
    
    .knowlist .item .img,.knowlist .item .info{float: none;width: 100%;}
	.col-md-3{width:100%;}
	.homebox01{background-repeat:repeat-y;}
	.homebox02{background-repeat:repeat-y;}
	.homebox06{background-repeat:repeat-y;}

.ke-zeroborder{word-wrap:break-word;word-break:break-all;}
.ke-zeroborder td{word-wrap:break-word;word-break:break-all;}

}

.mm-pagedim-black #mm-blocker { opacity: 0; }
.mm-pagedim-black.mm-opening #mm-blocker { background: #000; opacity: .3; transition: opacity .4s ease .4s; }
.sidefootlogo { font-size: 12px; }
.mm-listview > li > a { text-align: center; font-size: 14px; line-height: 40px; }