/***中英文字符撤分延迟动画**/
.cn_animate { font-size: 48px; color: #000; line-height: normal; font-weight: 700; white-space: pre; overflow: hidden; text-align: center; font-family: 'Microsoft Yahei',Verdana,Arial, Helvetica, sans-serif; letter-spacing:5px;}
.cn_animate.active span { -webkit-animation: fadeInRight  1s forwards; animation: fadeInRight  1s forwards; color: #000;}
.cn_animate span { font-family: inherit; width: auto; font-size: inherit; color: inherit; opacity: 0; display: inline-block; color: #000;}
.en_animate { margin-top: 8px; text-align: center; font-size: 42px; color: #0f59aa; line-height: normal; font-weight: 700; white-space: pre; overflow: hidden;letter-spacing:2px; }
.en_animate.active span { -webkit-animation: fadeInRight  1s forwards; animation: fadeInRight  1s forwards; }
.en_animate span { font-family: inherit; width: auto; font-size: inherit; color: inherit; opacity: 0; display: inline-block; }

.scale{transition: 0.6s;
-moz-transition: 0.6s;	/* Firefox 4 */
-webkit-transition:  0.6s;	
-o-transition:  0.6s;	/* Opera */}
.scale:hover{
	-ms-transform:scale(1.1,1.1); /* IE 9 */
	-moz-transform:scale(1.1,1.1); /* Firefox */
	-webkit-transform:scale(1.1,1.1); /* Safari and Chrome */
	-o-transform:scale(1.1,1.1); /* Opera */
}
.transition{transition: 0.6s;
-moz-transition: 0.6s;	/* Firefox 4 */
-webkit-transition:  0.6s;	
-o-transition:  0.6s;	/* Opera */}


/***首页swiper广告***/
.page_index_banner{}
.page_index_banner .swiper-container { margin: 0 auto; overflow: visible;}
.page_index_banner .swiper-container:hover .swiper-button-next, .page_index_banner .swiper-container:hover .swiper-button-prev { display: block;}
.swiper-slide { position: relative; opacity: 0 !important;}
.swiper-slide img { width: 100%;height:100%;}
.swiper-slide-active { opacity: 1 !important;}
.swiper-slide .ren { position: absolute; left: 0; top: 0;}
.swiper-button-next, .swiper-button-prev { display: none; width: 40px; height: 68px; background-size: contain;}
.swiper-button-next { right: 100px; background-image: url(../images/plugin/swiper/next.png);}
.swiper-button-prev { left: 100px; background-image: url(../images/plugin/swiper/prev.png);}
.swiper-container-horizontal .swiper-pagination-bullets { bottom: 30px;}
.swiper-pagination-bullet { width: 70px; height: 8px; margin: 0 10px !important; padding: 6px 0; border-radius: 0; background-color: transparent; opacity: 1;}
.swiper-pagination-bullet:after { content: ""; display: block; height: 8px; background-color: #fff; opacity: 0.2;border-radius:8px;}
.swiper-pagination-bullet:hover:after, .swiper-pagination-bullet-active:after { background-color: #fff;border-radius:8px;opacity: 1;}

/**首页 about**/
.page_index_about{min-height:450px;background:#f6f6f6 url('../images/public/index_bg1.jpg') no-repeat bottom center;background-size: 100%;padding:100px 0px;background:#f6f6f6 url('/appres/uploads/bg/01.jpg') no-repeat bottom center;background-size: 150%;}

/**首页 zhengshu**/
.page_index_zhengshu{min-height:100px;background-color:#9fc2ce;text-align:center;font-size:48px;padding:0px 0px;}

/**首页 product**/
.page_index_product{min-height:450px;background-color:#fff;text-align:center;font-size:48px;padding:100px 0px;}

/**首页 cases**/
.page_index_cases{min-height:600px;background-color:#fff;text-align:center;font-size:48px;padding:100px 0px;}


/**首页 news**/
.page_index_news{min-height:650px;background-color:#f6f6f6;text-align:center;font-size:48px;padding:100px 0px;}
 
/**首页 head **/
.head{font-size: 42px;font-weight: normal;text-transform: capitalize;text-align: left;margin-bottom:60px;padding:0px 20px;}
.head span{display:inline-block;margin:0 auto;color:#0f59aa;}
.head span em{display:block;position:absolute;width:53px;height:2px;margin-top:17px;top: 0;}
.head span .e1{left:-70px;background: url(../images/public/title_bg.jpg) no-repeat center center;}
.head span .e2{right:-70px;background: url(../images/public/title_bg.jpg) no-repeat center center;}
.head div.cn{color:#666;font-size:28px;line-height:48px;font-weight:normal;}
.head div.line{border-bottom:2px solid #2458a5;width:75px;height:20px;}
.head div.infologo{float:right;width:200px;height:41px;background: url(../images/public/logoinfo2.png) no-repeat center center;top:70px;margin-top:10px;}
.head div.infologo2{float:right;width:200px;height:41px;background: url(../images/public/logoinfo.png) no-repeat center center;top:70px;margin-top:10px;}


.head2{font-size: 42px;text-transform: capitalize;font-weight: normal;text-align: center;margin-bottom:60px;padding:0px 20px;}
.head2 span{display:inline-block;margin:0 auto;color:#0f59aa;}
.head2 span em{display:block;position:absolute;width:53px;height:2px;margin-top:17px;top: 0;}
.head2 span .e1{left:-70px;background: url(../images/public/title_bg.jpg) no-repeat center center;}
.head2 span .e2{right:-70px;background: url(../images/public/title_bg.jpg) no-repeat center center;}
.head2 div.cn{color:#666;font-size:28px;line-height:48px;font-weight:normal;}
.head2 div.line{border-bottom:2px solid #2458a5;width:75px;height:20px;}

.page_con{padding:20px;font-size:18px;height:auto;}
.page_con p{margin-bottom:25px;}

/**brief***/
.brief{
	display: flex;
}

.briefleft{
	width: 500px;
	text-align:right;
}
.briefleft img{width:450px;height:250px;border:1px solid #efefef;background-color:#ffcc00;}
.briefright{
	width:740px;
	text-align: left;
	overflow:hidden;
	margin-right:40px;
	font-size:18px;
	line-height:280%;
}
/**more**/
.pagew .more{text-align:center;}
.pagew .more a{display:inline-block;width:170px;height:50px;line-height:50px;border:solid 1px #0f59aa;font-family:"Microsoft YaHei";color:#0f59aa;margin-top:60px;transition: 0.2s;-moz-transition: 0.2s;-webkit-transition:  0.2s;	-o-transition:  0.2s;text-align:center;border-radius:25px;}
.pagew .more a:hover{background-color:#0f59aa;color:#fff; border:solid 1px #0f59aa;}


/**产品分类**/
.productclass{
	height: 200px;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	justify-content: space-between;
	margin-top:50px;
}
.productclass .classitem{

	width: 150px;
	height: 150px;
	padding:0px;
	padding-bottom:25px;
	border-radius:50%;
	text-align:center;
	
}
.productclass .classitem .ico{height:150px;border-radius:50%;}
.productclass .classitem .ico img{height:150px;position:relative;line-height:150px;border:1px solid #ddd;}
.productclass .classitem .ico img.img1{position:absolute;height:150px;width:150px;border-radius:150px;padding:0px;background-color:#fff;border:1px solid #ddd;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition:  0.6s;-o-transition:  0.6s;visibility:visible;padding:0px;}
.productclass .classitem .ico img.img2{padding:0px;background-color:#f6f6f6;border-radius:150px;opacity: 0;height:150px;width:150px;transition: 0.1s;-moz-transition: 0.1s;-webkit-transition:  0.1s;-o-transition:  0.6s;visibility:hidden;padding:0px;}

.productclass .classitem .itemname{line-height:50px;color:#666;}

.productclass .classitem:hover .ico img.img1{opacity: 0;height:150px;transition: 0.1s;-moz-transition: 0.1s;-webkit-transition:  0.1s;-o-transition:  0.6s;visibility:hidden;padding:0px;}
.productclass .classitem:hover .ico img.img2{opacity:1;height:150px;width:150px;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition:  0.6s;-o-transition:  0.6s;visibility:visible;padding:0px;}
.productclass a{font-size:18px;}
.productclass a:hover .itemname{color:#03adec;font-size:18px;font-weight:bold;}
/**case效果***/
.caseindex{
	width: 1280px;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	justify-content: space-between;
	margin-top:0px;
}
.caseindex .item{
	width: 400px;
	height: 350px;
	padding:0px;
	padding-bottom:25px;
	text-align:center;
	background-color:#fff;
    -webkit-box-shadow: 0 0 30px 0 rgb(86 100 183 / 10%);
    box-shadow: 0 0 30px 0 rgb(86 100 183 / 10%);
	border-radius:5px;	
}
.caseindex .item{margin-bottom:40px;}
.caseindex .item .ico{height:250px;width:400px;overflow:hidden;}
.caseindex .item .ico img{height:250px;width:400px;border-top-left-radius:5px;border-top-right-radius:5px;opacity: 0.8; transform: scale(1); opacity: 1; -webkit-transition: .8s; transition: .8s; }
.caseindex .item .itemname{line-height:24px;heigh:24px;text-align:center;padding:0px 20px;font-size:18px;font-weight:bold;color:#333;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.caseindex .item .itemdesc{line-height:10px;text-align:center;padding:0px 20px;font-size:16px;color:#999;}
.caseindex .item:hover .itemdesc{color:#999;}
.caseindex .item .time{line-height:30px; font-size:14px;color:#999;text-align:center;padding:0px 20px;}
.caseindex .item:hover{
    -webkit-box-shadow: 0 0 30px 0 rgb(86 100 183 / 30%);
    box-shadow: 0 0 30px 0 rgb(86 100 183 / 30%);
}
.caseindex .item:hover .ico img{-webkit-transform: scale(1.5); transform: scale(1.5); opacity: 1; -webkit-transition: .8s; transition: .8s; }
.caseindex .item p,.caseindex .item:hover p{color:color:#999;}
/**news效果***/
.newsindex{
	width: 1280px;
	height: 200px;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	justify-content: space-between;
	margin-top:50px;
}
.newsindex .item{

	width: 400px;
	height: 350px;
	padding:0px;
	padding-bottom:25px;
	text-align:center;
	background-color:#fff;
    -webkit-box-shadow: 0 0 30px 0 rgb(86 100 183 / 5%);
    box-shadow: 0 0 30px 0 rgb(86 100 183 / 5%);
	border-radius:5px;	
}
.newsindex .item .ico img{height:250px;width:400px;border-top-left-radius:5px;border-top-right-radius:5px;}
.newsindex .item .itemname{line-height:10px;text-align:left;padding:0px 20px;}
.newsindex .item .time{line-height:30px; font-size:12px;color:#999;text-align:left;padding:0px 20px;}
.newsindex .item:hover{
    -webkit-box-shadow: 0 0 30px 0 rgb(86 100 183 / 20%);
    box-shadow: 0 0 30px 0 rgb(86 100 183 / 20%);
}


/***indexnews**/
.indexnews{margin:0px;padding:0px;height:auto;display:inline-block;}

.indexnews .title{font-size:40px;color:#3F3F3F; text-align:center;margin-bottom:50px;}
.indexnews .title div{font-size:20px;margin-top:15px; }
.indexnews .item{width:400px;float:left;height:330px;box-sizing:border-box;padding:30px;border:solid 1px #fff;margin-right:20px; background-color:#f;border-radius:10px;-webkit-box-shadow: 0 0 20px 0 rgb(86 100 183 / 10%);box-shadow: 0 0 20px 0 rgb(86 100 183 / 10%);background-color:#fff;}
.indexnews .item{margin-bottom:40px;}
.indexnews .item:nth-of-type(4n){margin-right:0px;}
.indexnews .item .news_title{color:#000;font-size:22px;overflow:hidden;height:32px;text-align:center;}

.indexnews .item .con{font-size:16px;color:#6E6E6E;margin-top:30px;height:95px;line-height:200%;text-align:left;overflow:hidden;}
.indexnews .item .three{line-height:30px;height:30px;width:100%;text-align:center;}
.indexnews .item .datehit{display: flex;flex-flow: row nowrap;justify-content: space-between;margin:25px 0px;color:#aaa;}
.indexnews .item .btn{display:block;color:#aaa;border:solid 1px #ddd;width:50%;height:36px;text-align:center;line-height:36px;margin-top:15px;font-size:18px;padding:5px;margin-left:23%;margin-right:24%;}
.indexnews .item .three hover{color:#fff;background-color:#5cd6ff;border:solid 1px #5cd6ff;}
.indexnews .item:hover{background-color:#0f59aa;border:solid 1px #0f59aa;-webkit-box-shadow: 0 0 30px 0 rgb(86 100 183 / 10%);box-shadow: 0 0 30px 0 rgb(86 100 183 / 10%);transition: 0.5s;-moz-transition: 0.5s;-webkit-transition:  0.5s;	-o-transition:  0.5s;}
.indexnews .item:hover .btn{color:#0f59aa;background-color:#fff;border:solid 1px #fff;transition: 0.2s;-moz-transition: 0.5s;-webkit-transition:  0.5s;	-o-transition:  0.5s;}

.indexnews .item:hover *{color:#fff;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition:  0.5s;	-o-transition:  0.5s;}



/**pagenav**/
.page_ny_nav{min-height:74px;background-color:#f7f7f7;border-bottom: 1px solid #dedede;}
.pagenav .inner{text-align:left;}
.pagenav a {color: #121212; font-family: "microsoft yahei"; height: 74px;  border-right: 1px solid #dedede; padding:30px 50px;}
.pagenav a:nth-child(1){border-left: 1px solid #dedede;border-right: 1px solid #dedede;}

.pagenav a span {height: 74px;line-height: 74px; text-align: center;margin:0;padding:0;font-size:18px;color:#0f59aa;margin-left:0px;}
.pagenav a:hover, .pagenav a.act{background-color: #0f59aa;font-weight:bold;}
.pagenav a:hover span, .pagenav a.act span{  color: #fff; font-weight:bold;}

/**page_ny_box**/
.page_ny_box{min-height:550px;background-color:#fff;padding:50px 0px;padding-top:40px;}
.pageinner { padding: 20px 0px;}
.pageinner a:link, .pboxItem a:visited { color: #8d8d8d; }
.pageinner a:active, .pboxItem a:hover { color: #004A9A; }

.page-content{
	padding-top:0px;
	line-height:180%;
	font-size:16px;
	padding-left:10px;
	padding-right:10px;
}
.page-content p,.page-content div,.page-content td,.page-content h3{
	line-height:180%;
	font-size:16px;
}
.page-content p{
	margin-bottom:5px;
	font-size:16px;
}
.page-content img{
	max-width:100%;
}
/**page_ny_box**/

/**ibanner**/
.ibanner { position: relative; overflow: hidden; width: 100%; background-position: center top; background-size: cover; overflow: hidden; height:395px;display:block;}
.vt { vertical-align: top; }
.vm { vertical-align: middle;height:395px; }
.ibanner .ibanner_tbox{font-size: 42px;text-transform:uppercase;font-weight: normal;text-align: left;margin-bottom:60px;padding:0px 20px;}
.ibanner .ibanner_tbox span{display:inline-block;margin:0 auto;color:#2458a5;font-weight:bold;}
.ibanner .ibanner_tbox div.cn{font-size:28px;line-height:48px;font-weight:lighter;}
.ibanner .ibanner_tbox div.cn span{font-weight:lighter;}
.ibanner .ibanner_tbox div.line{border-bottom:2px solid #2458a5;width:55px;height:20px;}

.ibanner .ibanner_tbox2{font-size: 42px;text-transform:uppercase;font-weight: normal;text-align: left;margin-bottom:60px;padding:0px 20px;color:#fff;}
.ibanner .ibanner_tbox2 span{display:inline-block;margin:0 auto;color:#fff;font-weight:bold;}
.ibanner .ibanner_tbox2 div.cn{font-size:28px;line-height:48px;font-weight:lighter;color:#fff;}
.ibanner .ibanner_tbox2 div.cn span{font-weight:lighter;}
.ibanner .ibanner_tbox2 div.line{border-bottom:2px solid #fff;width:55px;height:20px;}


/**view***/
.view-main{
	padding:50px 50px;
	-webkit-box-shadow: 0 0 30px 0 rgba(86,100,183,.1);
	box-shadow: 0 0 30px 0 rgba(86,100,183,.1);
	min-height:650px;
	margin-bottom:50px;
	background-color:#fff;
	padding-top:30px;
	
}
.view-title{
    font-size: 22px;
    color: #676a78;
    line-height: 1;
    margin-bottom: 20px;
    font-weight: 400;
}
.view-extra{
	color: #999;
}
.view-hits{
    font-size: 14px;
    display: inline-block;
    line-height: 25px;	
	margin-right:45px;
	
}
.view-date{
	
    font-size: 14px;
    display: inline-block;
    line-height: 25px;	
}
.view-content{
	padding:50px;padding-left:0px;padding-right:0px;
	line-height:180%;
	font-size:16px;
}
.view-content p,.view-content div,.view-content td,.view-content h3{
	line-height:180%;
	font-size:16px;
}
.view-content p{
	margin-bottom:15px;
}
.view-content img{
	max-width:100%;
}

.view-content2{
	padding-top:0px;
	line-height:180%;
	font-size:16px;
}
.view-content2 p,.view-content2 div,.view-content2 td,.view-content2 h3{
	line-height:180%;font-size:16px;
}
.view-content2 p{
	margin-bottom:15px;
}
.view-content2 img{
	max-width:800px;
}


.viewnav{height:74px;line-height:74px;color:#666;font-size:18px;}
.viewnav a{line-height:74px;color:#666;font-size:18px;}


/**news ralative**/
.rellist {
	margin-top: 80px
}

.rellist .rel-title {
	font-size: 22px;
	color: #676a78;
	margin-bottom: 30px
}

.rellist .rel-item {
	color: #a7abc2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 19px;
	cursor: pointer
}

.rellist .rel-item:hover {
	color: #676a78
}

.rellist .rel-item:last-of-type {
	margin-bottom: 0
}

.rellist .rel-item .title {
	padding-left: 18px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative
}

.rellist .rel-item .title:before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	
	border-radius: 50%;
	background: #a7abc2;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

/**contact**/

.contact{
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	justify-content: space-between;
	height:auto;
	margin-bottom:50px;
}
.contact .item{

	width: 560px;
	height: 280px;
	padding:30px;
	margin-bottom:25px;
	border-radius:10px;
	text-align:left;
	background-color:#f1f3f3;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition:  0.5s;	
	-o-transition:  0.5s;
	-webkit-box-shadow: 0 0 10px 0 rgb(86 100 183 / 5%);
	box-shadow: 0 0 10px 0 rgb(86 100 183 / 5%);
	
}
.contact .item:hover{

	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition:  0.5s;	
	-o-transition:  0.5s;
	-webkit-box-shadow: 0 0 10px 0 rgb(86 100 183 / 10%);
	box-shadow: 0 0 10px 0 rgb(86 100 183 / 10%);
}
.contact .item .mapBox,.contact .item .mapBox2{margin-top:25px;}

/**product mainpage**/
.productinfo{line-height:200%;text-align:center;font-size:18px;color:#999;padding-bottom:50px;}
.productinfo p.en{line-height:60px;text-transform:uppercase;}
.productinfo h1{line-height:60px;color:#0f59aa;}
.propanel { padding: 0%; }
.proList { overflow: hidden; }
.proList li {width: 19%; float: left; height: 430px; position: relative;margin:0.5%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition:  0.5s;-o-transition:  0.5s;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity: 0.7;border-radius:5px;overflow: hidden;}
.proList li a { display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; color: #fff;border-right:10px solid #fff; }
.proList .pic { margin-right: 15px; }

.proList .oti { font-size: 18px; border-bottom: 3px solid #fff; position: absolute; left: 25px; bottom: 45px; padding-bottom: 4px; transition: 300ms; -webkit-transition: 300ms; visibility: hidden;}
.proList .line { width: 0; height: 5px; background: #e62129; position: absolute; left: 0; bottom: 0; visibility: hidden;}
.proList .txts { position: absolute; left: 0px; top: 150px; transform: translateY(-100px); -webkit-transform: translateY(-100px); opacity: 100; visibility: visible; transition: 300ms; -webkit-transition: 300ms; color:#fff;width: 100%;text-align:center; }

.proList .txts .ch { font-size: 24px; margin-bottom: 22px;width: 100%;text-align:center;height:42px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition:  0.5s;-o-transition:  0.5s;}
.proList .txts .en { font-size: 16px; text-transform: capitalize; margin-bottom: 180px;text-align:center;height:30px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition:  0.5s;-o-transition:  0.5s;}
.proList .txts .more { height: 54px; background:rgb(255,255,255,0.5); text-align: center; line-height: 54px; margin-left:15%;margin-right:15%;color:#333;border-radius:5px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition:  0.5s;-o-transition:  0.5s;} 

.proList li:hover{transition: 0.5s;-moz-transition: 0.5s;-webkit-transition:  0.5s;-o-transition:  0.5s;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity: 1;-webkit-transform: scale(1.05); transform: scale(1.05);border-radius:5px;}
	
.proList li:hover .txts .ch { font-size: 42px;font-weight:bold; margin-bottom: 22px;width: 100%;text-align:center;transition: 0.2s;-moz-transition: 0.2s;-webkit-transition:  0.2s;-o-transition:  0.2s;}
.proList li:hover .txts .en { font-size: 24px;font-weight:bold; text-transform: capitalize; margin-bottom: 180px;text-align:center;transition: 0.4s;-moz-transition: 0.4s;-webkit-transition:  0.4s;-o-transition:  0.4s;}
.proList li:hover .txts .more { height: 54px; background: #0f59aa; text-align: center; line-height: 54px; margin-left:15%;margin-right:15%;color:#fff;border-radius:5px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition:  0.5s;-o-transition:  0.5s;}