@charset "utf-8";
/* CSS Document */
.banner_sj{ display:none;}
.banner_pc{ margin-top:100px;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:20px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:12px; height:12px; display: block; background:#aaa; cursor: pointer;border-radius:50%; text-indent: -9999px;}
.flex-control-paging li a:hover { background:#aaa; }
.flex-control-paging li a.flex-active { background: #fff; cursor:default;}

.titles{width: 90px; margin-bottom: 30px;}
.titles h2{font-size: 20px;  line-height: 45px; font-weight: bold; color: #1f4396; border-bottom: 1px solid #7d7d7d;}
.titles p{font-size: 14px;  line-height: 32px; text-transform: uppercase;}

.dyip{ max-width:90%; margin:0 auto; padding:1.5% 0;}
.dyip ul{ margin-left:-0.333%;}
.dyip li{ float:left; width:33%; margin-bottom: 0.333%; margin-left:0.333%; text-align:center;}
.dyip li img{ width:100%;}
.dyip li h2{ padding:20px 0; font-weight:bold; font-size:20px;}
.dyip li h2 a{ color:#0968d2;}
.dyip li h2 a:hover{ color:#0968d2; text-decoration:none;}
.dyip li p{ line-height:24px;}

.more{ float: right;width: 155px; margin: 25px auto 0; height: 50px; line-height: 50px; border: 1px solid #1f4396; text-align: center; font-size: 15px; transition:all .3s;}
.more:hover{ border: 1px solid #1f4396; }
.more a {position: relative; z-index: 1; display: block; color: #1f4396; overflow:hidden;}
.more a:hover{ color:#fff; text-decoration:none;display: block;}
.more a:after{ content:""; position: absolute;  z-index:-1;top: 0px;left: 0%;width: 0%;height: 100%;background-color:#1f4396;transition:all .3s;}
.more a:hover:after{ content:""; width: 100%;}

.index-news{
	padding: 80px 8% 50px;
	margin: 0px 0px -10px;
	overflow: hidden;
}
.index-news-title{
	margin-bottom: 50px;
}
.index-news-title h2{
	position: relative;
	display: inline-block;
	font-size: 24px;
	line-height: 30px;
	color: #333;
}
.index-news-title h2:after{ content:""; position: absolute;  z-index:1;bottom: -10px;left: 0%;width: 120px;height:1px;background-color:#1f4396;}
.index-news-title a{
	position: relative;
	display: inline-block;
	float: right;
	padding: 0px 25px;
	font-size: 12px;
	line-height: 30px;
	color: #999;
	border-radius: 15px;
	transition:all .4s;
}
.index-news-title a:hover{
	background: #1f4396;
	color: #fff;
}
.index-news-list{
	float: left;
	width: 45%;
}
.index-news-list li{
	position: relative;
	padding: 20px 0px;
	border-bottom: 1px dashed #e0e0e0;
}
.index-news-list li:after{ content:""; position: absolute;  z-index:1;bottom: -1px;left: 0%;width: 0%;height:1px;background-color:#0968d2;transition:all .4s;}
.index-news-list li:hover:after{ content:"";width: 100%;}
.index-news-list li:first-child{
	border-top: 1px dashed #e0e0e0;
}
.index-news-list li a h3{
	display: inline-block;
	width: 100%;
	font-size: 16px;
	line-height: 20px;
	color: #4d4d4d;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	transition:all .4s;
}
.index-news-list li a:hover h3{
	color: #0968d2;	
}
.index-news-list li span{
	font-size: 13px;
	line-height: 1em;
	color: #ccc;
}
.index-news-list li p{
	height: 3em;
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.5em;
	color: #666;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.index-activity{
	float: right;
	width: 46%;
}
.index-activity li{
	float: left;
	width: 48%;
	margin-left: 4%;
}
.index-activity li:first-child{
	margin-left: 0%;
}
.index-activity li div{
	overflow: hidden;
}
.index-activity li img{
	width: 100%;
	transform:scale(1); transition:all .4s;  
}
.index-activity li:hover img{
	transform:scale(1.2);
}
.index-activity li a h3{
	display: inline-block;
	width: 100%;
	margin-top: 15px;
	font-size: 15px;
	line-height: 20px;
	color: #4d4d4d;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	transition:all .4s;
}
.index-activity li a:hover h3{
	color: #0968d2;
}
.index-activity li span{
	font-size: 13px;
	line-height: 1em;
	color: #ccc;
}


.dsanp{ background:url(../images/ind_bg.jpg) center top no-repeat; padding:3% 0; margin-top:1%;}
.dsanp .box{ max-width:80%; margin:0 auto;}
.dsanp .dsanp_l{ float:right; background: #fff; padding: 2.4% 3.5%; width: 650px}
.ind_jj{padding: 0;line-height:25px; font-size: 14px; }
.dsanp .dsanp_l .more{ width:150px; height:35px; line-height:35px; text-align:center; border:2px solid #CCC; text-transform:uppercase; font-size:18px; margin-top:4%;}
.dsanp .dsanp_l .more a{ display:block;}
.dsanp .dsanp_l .more a:hover{ display:block; text-decoration:none;}

.dsip{ max-width:90%; margin:0 auto; padding:2% 0;}
.dsip ul{ margin-left:-2%;}
.dsip li{ float:left; width:48%; margin-bottom: 2%; margin-left:2%; background-color: #f6f6f6;}
.dsip li a{display: block; overflow: hidden;}
.dsip li .pic {position: relative; z-index: 1; overflow: hidden;}
.dsip li .pic img{position: relative; z-index: 1; width:100%;transform:scale(1); transition:all .8s;  }
.dsip li:hover .pic img{ width:100%;transform:scale(1.2); }
.dsip li .pic div {position: absolute; z-index: 2; bottom: 0px;left: 0px;  box-sizing: border-box; width: 100%; padding: 40px 20px;  background:  rgba(31,67,150,.5); transform:translate(0px,100%);transition:all .4s .0s;  }
.dsip li:hover .pic div { transform:translate(0px,0%); transition:all .4s .4s;  }
.dsip li .pic div span{width: 100%; max-height: 72px;font-size: 15px; line-height: 24px; color: #fff;display: block; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.dsip li p{ position: relative; z-index: 2; line-height:40px; padding: 20px 150px 20px 20px; font-size: 17px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;transition:all .4s;}
.dsip li:hover p{ color: #fff;}
.dsip li p:after{ content:""; position: absolute;  z-index:-1;bottom: 0px;left: 0%;width: 100%;height: 0%;background-color:#1f4396;transition:all .4s .4s;}
.dsip li:hover p:after{ content:""; height: 100%;transition:all .4s 0s;}

.dsip li p span{position: absolute; z-index: 1; right:20px; top:22px; display: inline-block; width: 120px; font-size: 12px; line-height: 36px; text-align: center; color: #999; border-radius: 20px; background: #fff;transition:all .4s;}
.dsip li p span:hover{ color: #1f4396; border-radius: 4px; }
.banner{width: 100%; margin-top:100px; overflow: hidden;}
.banner img{ max-width:100%;}

.hgs{ height: 100px;}

.subnav{ width: 100%; padding-top: 25px;box-shadow:2px 2px 2px #e2e2e2; position: relative; margin-top:100px; overflow: hidden;}
.subnav ul{  max-width:85%; margin:0 auto;font-size:0px;text-align: center;}
.subnav li{ display:inline-block; font-size:16px; line-height: 80px; padding: 0 35px; text-transform:capitalize; text-align: center; color: #898989}
.subnav li a{ position: relative; z-index: 1; display: inline-block;}
.subnav li a:hover,.subnav li a.current{ color: #1f4396; text-decoration:none;}
.subnav li a:after{ content:""; position: absolute;  z-index:1;bottom: 0px;left: 50%;width: 0%;height:1px;background-color:#1f4396;transition:all .3s;}
.subnav li a:hover:after,.subnav li a.current:after{ content:""; left: 0%;width: 100%;}


.qxs{padding-top: 0; margin-top: 0;}
.pr_seach{max-width: 85%;margin:0 auto;position:relative; z-index: 1; height: 65px}
.pr_seach .top-search{font-size: 0px; padding-bottom: 1px; border-bottom: 1px solid #ebebeb;width:80%;float:right;text-align: right; overflow: hidden;}
.pr_seach .top-search input{display: inline-block;width: 400px;height: 65px;padding: 0px 10px;margin: 0px;font-size: 14px;line-height: 36px;border-right: none;background: #fff;vertical-align: text-bottom;}
.pr_seach .top-search button{display: inline-block;padding: 0px;margin: 0px;vertical-align: text-bottom;width:24px;height:65px;background:url(../images/icon-Hsrch2.png) no-repeat center center}

.pmz{width:20%; font-size: 22px; line-height: 75px; color: #1f4396;position: absolute; z-index: 2; bottom: -34px;left:0;}


.ny_pics{ padding:5% 0 2% 0; margin-top: 4px;}
.ny_pics .comsb{max-width:1140px; margin:0 auto;padding:30px 40px 105px; line-height:28px; font-size: 14px; color: #4d4d4d;}
.ny_pics .comsb h3{font-size:24px;line-height:35px; padding-bottom: 25px; color: inherit;}
.ny_pics .comsb p{font-size:15px;line-height:1.75em;color: inherit; }

.comsb-text{
	padding: 20px;
	margin-bottom: 30px;
}
.comsb-text>div{
	padding:45px 28px;
	background: url(../images/img-about-bg.png) right bottom no-repeat,#1f4396;
	color: #fff;
}
.ny_pics .comsb table {
	max-width: 100%;
	padding: 0px 30px;
	margin: auto;
}
.ny_pics .comsb table img{max-width: 100%;}
.ny_pics .comsb table td{
	padding: 20px;
}
.culture .culture-title{ display: inline-block; min-width: 120px; font-size: 18px; line-height: 2em; text-align: center; border-radius: 100px; background:#1f4396; color: #fff; }

.con{ max-width:1200px; margin:0 auto; padding:2.5% 0;}
.con .about{ line-height:30px; font-size: 14px; padding:2% 5%;}
.con .about h3{font-size:22px;line-height:35px; padding-bottom: 35px; text-align: center;}
.con .about p{ margin-bottom:5px; }
.con .about img{ max-width:100%;}


/* 发展历程 */
.cntl{position: relative;width: 100%; margin-top: 50px;}
.cntl-center{left:0;right:0;margin-left:auto;margin-right:auto;}
.cntl-bar{position: absolute;width: 1px;top: -50px;bottom: 0;background-color: #d2d2d2;}
.cntl-bar-fill{background-color: #009ABB;position: absolute;left:0;right:0;top:0;height:0;}
.cntl-state{position: relative;width:100%;min-height: 185px;margin-bottom: 50px;}
.cntl-state::after{display:block;content: ' ';clear:both;}
.cntl-icon{border-radius: 50%;width:14px;height: 14px;background-color: #0068bd;border: solid 2px #d2d2d2;box-shadow: 0px 0px 19px -9px #000;position: absolute;top: 0;text-align: center;line-height:14px;font-size: 40px;color: #fff;}
.cntl-content{ font-size: 15px; line-height: 30px;  width: 44%;padding:0 2%;background-color: rgba(238, 238, 238, 0.25);border-radius: 8px;float:left;opacity:1;position:relative;margin-left:0; text-align: right;}
.cntl-state:nth-child(2n+2) .cntl-content{float:right;margin-right:0;  text-align: left;}
.cntl-image{opacity:1;width: 44%;padding: 2%;margin-top: -3%;}
.cntl-state:nth-child(2n+1) .cntl-image{float:right; margin-top: -3%;}
.cntl-image img{width:100%;}
.cntl-content h4{font-size:20px;font-weight: normal;margin-bottom: 10px;}

/*animations*/
.cntl-bar-fill,.cntl-content,.cntl-image{-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;}
.cntl-state:nth-child(2n+2).cntl-animate .cntl-content{margin-right:0%;}
.cntl-animate .cntl-content{opacity:1;margin-left:0%;}
.cntl-animate .cntl-image{opacity:1;}

.zhengshu{}
.zhengshu ul{ text-align:center; margin-left: -3%}
.zhengshu li{ float:left; width:30.333%; margin-left:3%; margin-bottom: 3%; line-height:30px; background-color: #f6f6f6;}
.zhengshu li img{ max-width:100%; } 
.zhengshu li p{line-height:30px; padding: 15px 0; font-size: 15px;}

.inside-title {margin-bottom: 20px;}
.inside-title h3 {margin: 20px 0px 10px;font-size: 30px; letter-spacing: 4px; text-align: center;}


.slouList{ width:80%;max-width: 1600px; margin: auto;overflow: hidden; padding:0px 0 50px 0;} 
.slouList ul{overflow: hidden;}
.slouList li{float:left;width:32%;margin-right:2%;margin-bottom:30px;}
.slouList li:nth-child(3n){margin-right:0%;}
.slouList li .pic{position: relative; z-index: 1; overflow: hidden;}
.slouList li .pic img{width:100%;transform:scale(1); transition:all .8s;  }
.slouList li:hover .pic img{transform:scale(1.2);}
.slouList li .pic>div{position: absolute; z-index: 2; left: 0px; top:100%; display: flex; align-items: center;box-sizing: border-box; width: 100%; height: 100%; padding: 20px 25px;background: rgba(31,67,150,.7);  transition:all .6s 0s;  }
.slouList li:hover .pic>div{position: absolute;  top:0%;transition:all .6s .3s;  }
.slouList li:hover .pic div h4{display: inline-block;width: 100%;padding-bottom: 10px; margin-bottom: 20px; font-size: 17px; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.3);}
.slouList li:hover .pic div span{ width: 100%; max-height: 80px; font-size: 14px; line-height: 20px; color: #fff;display: block; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.slouList li p{position: relative; z-index: 2; line-height: 70px; font-size: 16px; color: #4d4d4d; display: block; background: #f5f5f5; text-align:center; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;transition:all .4s .6s;}
.slouList li:hover p{ color: #fff;transition:all .4s 0s;}
.slouList li p:after{ content:""; position: absolute;  z-index:-1;bottom: 0px;left: 0%;width: 100%;height: 0%;background-color:#1f4396;transition:all .4s 0.6s;}
.slouList li:hover p:after{ content:"";height:100%;transition:all .4s 0s;}

.product{ max-width:85%;margin:0 auto; padding:2% 0;}
.product ul{ margin-right:-2%;}
.product li{position: relative;float:left; width:31.333%; margin-right:2%;margin-bottom:4%;font-size: 0px; line-height:30px;border:1px solid #f2f2f2;box-shadow:0px 0px 0px 0px #f2f2f2; transition:all .3s;}
.product li:hover{box-shadow:0 4px 12px  #f2f2f2;}
.product li:after{ content:""; position: absolute;  z-index:1;bottom:0px;left: 0%;width: 0%;height: 2px;background-color:#1f4396;transition:all .3s;}
.product li:hover:after{ content:""; width: 100%;}
.product li .pic{ overflow: hidden;}
.product li .pic img{transform:scale(1);  overflow: hidden;transition:all .5s;}
.product li:hover .pic img{transform:scale(1.2);}
.product li img{ width:100%;}
.product li p{position: relative;z-index: 1;line-height:35px; padding: 25px 20px 5px; font-size: 18px; display: block;  white-space:nowrap;overflow:hidden;text-overflow: ellipsis;transition:all .3s;}
.product li:hover p{color: #1f4396;}
.product li strong{display: inline-block; width: 40px; height: 2px; margin: 0px;  margin-left: 20px;background: #1f4396; font-size: 0px; line-height: 0px;}
.product li span{  width: 100%; height: 48px; padding: 0px 20px; margin-bottom: 35px; font-size: 14px; line-height: 24px; color: #666; display: block; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}


.product_t{}
.product_t .pic{ float:left; width:45%;}
.product_t .pic .border{ border:1px solid #DDD;}
.product_t .pic img{ width:100%;}



.product_con_t{overflow:hidden;}
.product_con_t .t_r{ float:right; width:470px;}
.product_con_t .t_r .bt{ font-size:22px; border-bottom:1px solid #f3f3f3; padding:10px 0 15px 0;}
.product_con_t .t_r .bt_2{ font-size:17px; color:#c02125; margin-top:10px;}
.product_con_t .t_r .box{ margin-top:3%; font-size: 14px; line-height:32px; background:#FFF; padding:3% 0; }
.product_con_t .t_r .box h3{ font-size:24px; margin-bottom:3%;}

.product_con_t .t_r .tmall{display: inline-block;  margin-top:5%;}
.product_con_t .t_r .tmall p{line-height:40px; font-size: 16px; padding-bottom: 10px;}
.product_con_t .t_r .tmall a {display: inline-block;  padding: 8px 16px; margin-right: 20px; border: 1px solid #e2e2e2; font-size: 16px; line-height: 24px;transition:all .4s;  }
.product_con_t .t_r .tmall a:hover { border: 1px solid #ff5000; color: #ff5000;}
.product_con_t .t_r .tmall a:last-child { margin-right: 0px;}
.product_con_t .t_r .tmall a img{
	display: inline-block;
	vertical-align: bottom;
height: 24px; 
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
transition:all .4s;  
}
.product_con_t .t_r .tmall a:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: gray;
}
.product_con_b{ margin-top:3%;}
.product_con_b .bt{ font-size:36px; font-weight:bold; margin-bottom:40px;}
.product_con_b .slideTxtBox{ width:100%;}
.product_con_b .slideTxtBox .hd{ line-height:48px; border-bottom:1px solid #bcbcbc;}
.product_con_b .slideTxtBox .hd ul{}
.product_con_b .slideTxtBox .hd ul li{ float:left; padding:0 40px; cursor:pointer; background:#ddd; font-size:16px; margin-right:3px;}
.product_con_b .slideTxtBox .hd ul li.on{ height:48px;  background:#1f4396; color:#FFF;}
.product_con_b .slideTxtBox .bd{}
.product_con_b .slideTxtBox .bd .con_b_con{ padding:2% 0; line-height:30px; font-size:14px;}
.product_con_b .slideTxtBox .bd .con_b_con img{ max-width:100%;}

.pro_line{width:100%;border-top:1px solid #f3f3f3; background: #f8f8f8; overflow: hidden; margin-bottom: -10px;}
.i_icons{ max-width:1200px; margin:0 auto; padding:1% 0; height: auto;overflow: hidden; }
.i_icons li{ float:left; width:25%; margin:22px 0; padding:0}
.i_icons li img{max-width:100%;vertical-align:middle; margin:0 auto; text-align:center; float: left;}
.i_icons li .box{  float: right; width: 55%; padding-top: 25px;}
.i_icons li .box p{ font-size: 13px; font-weight: bold; color: #38318a; line-height: 24px;}
.i_icons li .box span{ font-size: 12px; display: block;color: #555; line-height: 24px;}


.news_con{ margin-top:5%;}
.news_con h2{ font-size:30px; text-align:center; padding-bottom:3%; border-bottom:1px solid #CCC;}
.news_con .box{ line-height:24px; padding:5%; text-align:center;}
.news_con .box p{ padding:1% 0; text-align:left;}
.news_con .box img{ max-width:100%;}


.news{}
.news ul{}
.news li{ padding:2% 0;}
.news .pic{ float:left; width:23%;}
.news .pic img{ width:100%;}
.news .txt{ float:right; width:74%;}
.news .txt h3{ font-weight:bold; font-size:18px; line-height:38px; overflow:hidden;}
.news .txt span{font-size:13px;line-height:28px; color: #777;padding: 8px 0; display: block;} 
.news .txt p{ font-size:14px;line-height:25px; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

.news .txt .more{ width:100px; height:30px; line-height:30px; text-align:center; border:1px solid #aaa; text-transform:uppercase; font-size:14px; margin-top:4%;border-radius: 20px; }
.news .txt .more a{ display:block;}
.news .txt .more a:hover{ color: #fff; display:block; text-decoration:none;background-color: #1f4396;border-radius: 20px;border:1px solid #1f4396;}


/* 新闻详情 */
.xwxq{margin-top:10px; overflow: hidden;}
.xwxq .xwxq_bt{font-size:20px; font-weight: bold; text-align: center; line-height: 35px;}
.xwxq .xwxq_rq{font-size:13px; color: #777; margin:20px 0; padding-bottom:20px; border-bottom:1px #ccc dashed; text-align: center;}
.xwxq .xwxq_rq span{ margin-left:10px; padding-left:18px; }

.xwxq .xwxq_wb{line-height:30px; font-size:14px; margin-top:25px;}

.xwxq_more{margin:40px auto 35px auto; display: block; text-align: center;}
.xwxq_more a{display:inline-block; line-height:42px; padding:0 35px; color:#fff; background:#777;font-size:15px;}
.xwxq_more a:hover{ background:#1f4396;}

.xwxq .xwxq_sxp{width:100%; overflow:hidden; margin:30px 0 0 0;padding-top: 20px; border-top:1px #ccc dashed;}
.xwxq .xwxq_sxp a{display:block; margin-bottom:10px; transition: all 0.5s; line-height: 25px; font-size: 14px;}
.xwxq .xwxq_sxp a:hover{color:#1f4396;}
.xwxq .xwxq_sxp a span{ font-weight: bold; color:#444;}

/*联系我们*/
.contact{padding:30px 0; overflow: hidden;}
.cont_lx{width:38%;float: left;margin-top:5%; font-size: 16px; line-height: 38px;color: #666; overflow:hidden;}
.com_map{width:56%;float: right;margin-top: 1%; margin-bottom: 3%;overflow:hidden;}

.message{background:#f5f5f5; padding: 5px 0; }
.message h2{font-size:36px;color:#333;margin-bottom:30px;text-align:center;font-weight:normal;}
.message p{color:#a9a9a9;}
.message ul{overflow:hidden;margin-top:20px;}
.message ul li{width:48%;margin-bottom:15px;float:left;}
.message ul li:nth-child(2n){float:right;}
.message ul li input{width:100%;border:1px solid #e9e9e9;height:48px;padding:5px 20px;}
.message .inptxt{width:100%;margin-bottom:40px;}
.message textarea{display:block;resize:none;border:1px solid #e9e9e9;width:100%;height:200px;padding:20px;}
.message .inp-sub{width:204px;height:48px;line-height:48px;text-align:center;background:#1f4396;color:#fff;font-size:18px;color:#fff;display: block;border:0px;margin:0px auto;cursor:pointer;}
.message .inp-sub:hover{background:#1b1b1b;}



 /*service home start */

.servcehome{background-color:#fff; margin-top: 3px;}
.servicebanner{position:relative;}
.servicebanner .shbanner{width:100%;}
.servicebanner .swbanner{position:absolute;width:700px;left:50%;margin-left:-350px;top:16%;z-index:2;}

.servicebanner .searchHelp{   width:100%; margin: 0 auto; position: relative;  margin-bottom: 30px;}
.servicebanner .searchHelp #keyHelp{-webkit-box-shadow: 0 6px 20px rgba(0,0,0,.11); box-shadow: 0 6px 20px rgba(0,0,0,.11);position: relative;text-align:center; display: inline-block; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; background-image: none; font-size: 16px; padding: 5px 20px; padding-left: 55px; border: 0; border-radius: 25px; -webkit-box-sizing: border-box; box-sizing: border-box;  -webkit-transition: border-color .3s ease; transition: border-color .3s ease; color: #333; width: 100%; height: 50px; }
.servicebanner .searchHelp #btnService{  margin: 0; background: url(../images/search.png) no-repeat center; width: 39px; height: 36px; border: 0px;position:absolute; right:18px; top:8px;  }
.servicebanner #dresult {width: 650px;  position: absolute;  z-index: 1;  overflow: hidden; left: 50%;margin-left:-325px;  top: 70px;  background: #fff; border-top: none; border: 0px solid #333; border-top: none;padding-top:0px;  padding-bottom:0px;
padding: 0 30px; text-align: left; background-color: rgba(255,255,255,.96); border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; -webkit-box-shadow: 0 6px 20px rgba(0,0,0,.11); box-shadow: 0 6px 20px rgba(0,0,0,.11);

}  
.servicebanner #dresult .line{    width: 100%;   }  
.servicebanner #dresult .hover{background: #fff;  } 
 .servicebanner #dresult table{width: 100%;  } 
.servicebanner #dresult .std {width: 100%; text-align:center;overflow:hidden;padding:15px 0; font-size:16px;font-weight:700;  border-bottom: 1px solid #eee;  }  


.servicebanner .des{text-align:center;}
.servicebanner .des h3{color:#000;padding-bottom:30px;  font-size: 36px; font-weight:100; }
.servicebanner .des p{font-size:14px;line-height:24px;padding-bottom:20px;color:#f4f4f4;}
.servicebanner .tip{text-align:center;padding-bottom:36px;}
.servicebanner .tip a{font-size:16px;line-height:20px;color:#ccc;text-decoration:none;}


.servic_ip{max-width:70%;margin:0 auto; padding:2% 0;}
.servic_ip .shz{ text-align: center; font-size: 30px; padding: 20px 0 35px 0;}
.servic_ip .list{ padding:0.3% 0;}
.servic_ip .list li{ width:48%; position:relative; margin:1.8% 0; overflow:hidden;}
.servic_ip .list li:nth-of-type(odd){ float:left;}
.servic_ip .list li:nth-of-type(even){ float:right;}
.servic_ip img{ width:100%; transition:all 0.3s;}
.servic_ip .list li:hover img{ transform:scale(1.2);}
.servic_ip .title{ position:absolute; left:0px; top:0px; width:100%; height:100%; text-align:center; color:#FFF;}
.servic_ip .title .bt_yi{ display:table; width:100%; height:100%;}
.servic_ip .title .bt_er{ display:table-cell; vertical-align:middle;}
.servic_ip .title span{ background: #ff4001;height: 1px; display: block; width: 50px; margin: 20px auto;}
.servic_ip .title h2{ font-size:34px; font-weight:normal; margin-top:5px;text-shadow:#333 3px 4px 5px; letter-spacing:2px; }
.servic_ip .title p{ font-size:20px; letter-spacing:1px; margin-top:5px;text-shadow:#333 2px 2px 1px;}


/*下载滚动*/
.rowE .warp-pic-list{position:relative;width:1180px;height:160px;overflow:hidden;}
.rowE .count li{margin-right:20px;width:153px;height:150px; float: left;}
.rowE .count .img_wrap{width:100%;height:150px;}
.rowE .count li img{width:145px;}
.rowE .count li p{line-height:34px;height:34px; text-align: center; font-size: 13px;}

.rowE .count li:hover .text-area,.rowE .count li.hover .text-area{background-color:#d81c1b;color:#fff;}
.rowE .count .p-num{font-family:"Tahoma";font-weight:bold;}
.rowE .btn{display:block;height:55px;position:absolute;top:40px;width:35px;z-index:200;cursor:pointer;}
.rowE .prev{ background-position:0 -88px;left:0;}
.rowE .prev:hover{background-position:0 -144px;}
.rowE .next{ background-position:0 -200px;right:0;}
.rowE .next:hover{background-position:0 -256px;}

.icon{background:url(../images/icon.png) no-repeat 0 0;}


.down_content {max-width:1200px; margin:0 auto; padding:1% 0 3%;  }
.down_content .table {width: 100%;max-width: 100%;margin-bottom: 20px;}
.down_content tr td, .down_content tr th { border: 0; }
.tbldown.table>tbody>tr>td{ border:none;}

.tbldown th a { color: #474B52; letter-spacing: .5px; }
.tbldown tr.tr_title { border-bottom: 1px solid #d8d8d8; background-color: transparent; } 
.tbldown tr.tr_title td { padding-top: 20px; font-weight: 700; }
.tbldown tr th { padding-top: 13px; border-bottom: 4px solid #1f1f1f ! important;  font-size: 16px; line-height: 40px;}
.tbldown tr th, .tbldown tr td { vertical-align: top; padding-right: 15px; color: #474B52;line-height: 42px; font-size: 14px; text-align: center;}
.tbldown tr.downtr { cursor: pointer; } 
.tbldown .grey { background: #fff ! important; }
.tbldown .dr_file a{opacity:1;}
.tbldown .dr_file a:hover{opacity:0.8;}

.tbldown .dr_type,.tbldown .dr_date,.tbldown .dr_file{ text-align:center;}
.table>tbody>tr>th {  border-top: 0px solid #ddd; }/*解除在产品下载页面顶部细线*/

.table-hover>tbody>tr:hover {background-color: #eee;}
.tbldown.table>tbody>tr>td {border: none;}

.tbldown tr:first-child{margin-bottom: 25px;}




/*2018-12-12修改*/
.p-list a{
	font-size: 0px;
	position: relative;
	z-index: 1;
	display: block;
	overflow: hidden;
	padding-bottom: 55px;
}
.p-list a div{
	position: absolute;
	z-index: 1;
	left: 0px;
	bottom: 0px;
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 15px 20px;
	text-align: left;
	background: #f5f5f5;
	transform:translate(0px,45px);
	transition:all .3s;  
}
.p-list a:hover div{
	transform:translate(0px,0px);
}
.p-list a div h4{
	position: relative;
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-size: 18px;
	line-height: 28px;
	color: #333;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	transition:all .3s;  
}
.p-list a:hover div h4{
	color: #1f4396;
}
.p-list a div h4:before{ 
	content:""; 
	position: absolute;
	z-index:1;
	bottom: 0px;
	left: 0%;
	width: 0%;
	height:1px;
	background-color:#1f4396;
	transition:all .3s;
}
.p-list a div h4:hover:before{ 
	content:""; 
	width: 100%;
	transition:all .3s;
}

.p-list a div p{
	font-size: 14px;
	line-height:22px;
	color: #999;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
}
.p-list a div span{
	display: inline-block;
	margin-top: 15px;
	padding: 0px 25px;
	font-size: 12px;
	line-height: 30px;
	color: #666;
	background: #fff;
	border-radius: 15px;
	transition:all .3s;  
}
.p-list a:hover div span{
	color: #fff;
	background: #1f4396;
	transition:all .3s;  
}


/*折叠*/

.join-list {
	margin: 0px;
}
.join-list .panel-default {
	border: none;
	box-shadow: none;
}
.join-list .panel-heading {
	padding: 0px;
	border: none;
	background: none;
	box-shadow: none;
}
.join-list .panel-heading {
}
.join-list .panel-default {
	background: none;
}
.join-list .pane-top {
	padding: 10px 50px 10px 20px;
	margin-bottom: 4px;
	background: #1f4396;
	line-height: 1em;
}
.join-list .pane-top span {
	display: inline-block;
	width: 20%;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}
.join-list .panel-heading a {
	position: relative;
	z-index: 1;
	display: block;
	font-size: 0px;
	padding: 10px 50px 10px 20px;
	color: #333;
	background: #eeeeee;
	line-height: 1em;
}
.join-list .panel-heading a.collapsed {
	color: #333;
	background: #f7f7f7;
}
.join-list .panel-heading a.collapsed:hover {
	background: #eeeeee;
}
.join-list .panel-heading a span {
	display: inline-block;
	width: 20%;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}
.join-list .panel-body {
	background: #fafafa;
	padding: 30px;
}
.join-list .panel-body p {
	font-size: 14px;
	margin-bottom: 5px;
}
a.join-a {
	color: #333;
}
a.join-a:hover {
	color: #1f4396;
}
.join-img {
	margin-bottom: 60px;
}
.join-img p {
	line-height: 50px;
	color: #333;
	text-align: center;
	background: #f7f7f7;
}

@media(max-width:768px) {
.join-list .pane-top span {
	display: none;
	width: 50%;
}
.join-list .pane-top span.wap {
	display: inline-block;
	width: 30%;
}
.join-list .pane-top span.wap:first-child {
	display: inline-block;
	width: 70%;
}
.join-list .panel-heading a span {
	display: none;
	width: 30%;
}
.join-list .panel-heading a span:first-child {
	display: none;
	width: 70%;
}.join-list .panel-heading a span.wap {
	display: inline-block;
}
}
/*加入*/


/*2021-07-01首页修改*/
@font-face {
  font-family: 'iconfont';  /* Project id 2645089 */
  src: url('//at.alicdn.com/t/font_2645089_vx6bgxzmo9.woff2?t=1625539420379') format('woff2'),
       url('//at.alicdn.com/t/font_2645089_vx6bgxzmo9.woff?t=1625539420379') format('woff'),
       url('//at.alicdn.com/t/font_2645089_vx6bgxzmo9.ttf?t=1625539420379') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
	background: none;
}
/*标题*/
.titles{
	width: 100%;
	text-align: center;
}
.titles h2 {
	position: relative;
	margin-top: 10px;
	display: inline-block;
    font-size: 24px;
    line-height: 36px;
    font-weight: bold;
    color: #1f4396;
    border-bottom:none;
}
.titles h2:before{ content:""; position: absolute;  z-index:1;top: 50%;right: 100%;margin-right: 40px; width: calc(35vw - 100% - 40px);height: 1px; background-color:#ebebeb;}
.titles h2:after{ content:""; position: absolute;  z-index:1;top: 50%;left: 100%;margin-left: 40px;width: calc(35vw - 100% - 40px);height: 1px;background-color:#ebebeb;}
.titles p{ font-size: 17px; color: #ccc;}


/*产品改成4个*/
.dyip li {
    float: left;
    width: 32.33%;
    margin-bottom: 0.5%;
    margin-left: 0.5%;
}
/*关于*/
.index-about{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 90%;
	margin: auto;
	padding: 3%;
}
.index-about>div{
	width: 48%;
}
.index-about-img{
	background-size: cover;
	background-position: center;
}
.index-about>.titles{
	width: 100%;
}
.index-about>div h2{
	margin-top: 15px;
	margin-bottom:25px;
	font-size: 24px;
	line-height: 1.2em;
	font-weight: bold;
	color: #1f4396;
}

.index-about>div h3{
	margin-bottom: 20px;
	font-size: 16px;
	color: #999;
}
.index-about>div p{
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.75em;
	color: #4d4d4d;
}
.index-about-link{
	display: flex;
	margin-top: 25px;
	padding: 20px;
	justify-content:space-around;
	background: #f7f7f7;
}
.index-about-link a{
	display: inline-block;
	font-size: 14px;
	color: #666;
	text-align: center;
	transition:all .4s; 
}
.index-about-link a:hover{
	color: #1f4396;
}
.index-about-link span{
	display: block;
	width: 100%;
	font-size: 42px;
	height: 42px;
	line-height: 42px;
	color: inherit;
}


/*合作伙伴*/
.index-partner {
	width: 90%;
	margin: auto;
	padding: 3%;
}
.index-partner ul{
	display: flex;
	flex-wrap: wrap;
	margin-left: -0.5%;
	margin-right: -0.5%;
}
.index-partner ul li{
	width: 20%;
	padding: 0.5%;
}.index-partner ul li a{
	display: inline-block;
	border: 1px solid #ebebeb;
	transition:all .4s; 
}.index-partner ul li a:hover{
	border: 1px solid #1f4396;
}
/*新闻*/
.index-news2{
	width: 90%;
	margin: auto;
	padding: 3%;
}
.index-news2-box{
	display: flex;
	justify-content: space-between;
}
.index-news2-first{
	width: 480px;
	padding-bottom: 18px;
	border-bottom: 1px solid #ebebeb;
}
.index-news2-f-i{
	width: 100%;
}
.index-news2-f-i img{
	width: 100%;
}
.index-news2-f-t{
	display: block;
	margin-top: 25px;
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 1em;
	color: #333;
	white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;transition:all .4s; 
}
.index-news2-f-t:hover{
	color: #1f4396;
}
.index-news2-first p{
	font-size: 14px;
	line-height: 24px;
	color: #999;
	height: 48px;
	display: block; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;
}
.index-news2-bottom{
	margin-top: 15px;
	font-size: 13px;
	line-height: 1em;
	color: #ccc;
}
.index-news2-bottom span{
	display: inline-block;
	margin-right: 8px;
}
.index-news2-list{
	width: calc(100% - 540px);
}
.index-news2-list li{
	display: flex;
	justify-content: space-between;
	width: 100%;
	line-height:44px;
	border-bottom: 1px dashed #ebebeb;
}
.index-news2-list li:first-child{
	border-top: 1px dashed #ebebeb;
}
.index-news2-list li a{
	display: block;
	width: calc(100% - 120px);
	font-size: 14px;
	color: #666;
	white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;transition:all .4s; 
}
.index-news2-list li a:hover{
	color: #1f4396;
}
.index-news2-list li span{
	font-size: 13px;
	color: #999;
}
/*2021-07-15*/
.header .box h1{
    width: 340px;
    font-size: 23px;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
}
.header .box h1 a{
    color: #fff;
}
.header .box h1 a img{
   margin-right: 15px;
}