@charset "utf-8";
/*** 
	首页样式表
	color: #01a1e9;
	color: #0874c3;
	color: #376ae6;

 ***/

body {}
.pd50{margin-top:60px;}

/* 首页板块 */
.index-column-box {
	padding: 50px 0;
}

/* 首页标题 */
.index-title-box {
	text-align: center;
	margin-bottom: 40px;
	position: relative;
}
.index-title-box .title {
	font-size: 36px;
	color: #666;
	position: relative;
	z-index: 2;
}
.index-title-box .title span {color:#058FFC;}
.index-title-box .titinfo{line-height:40px;color:#888;text-align:center;text-transform:uppercase;font-size:16px;}

.index-title-box .title::before,
.index-title-box .title::after {
	content: '';
	display: inline-block;
	vertical-align: super;
	height: 1px;
	width: 120px;
	background: #ccc;
	margin: 0 20px;
}

.index-title-box1 {
	text-align: center;
	margin-bottom: 40px;
	position: relative;
}
.index-title-box1 .title {
	font-size: 30px;
	color: #fff;
	position: relative;
	z-index: 2;
}
.index-title-box1 .title span {color:#CE012F;}
.index-title-box1 .titinfo{line-height:40px;color:#fff;text-align:center;text-transform:uppercase;}

.index-title-box1 .title::before,
.index-title-box1 .title::after {
	content: '';
	display: inline-block;
	vertical-align: super;
	height: 1px;
	width: 50px;
	background: #fff;
	margin: 0 20px;
}

.index-title-box.bt2 .title {
	color: #fff;
}

.index-title-box .title.bt2 span {}

.index-title-box.bt2 .title::before,
.index-title-box.bt2 .title::after {
	background: #fff;
}

.index-title-box p {
	display: block;
	border-bottom: solid 1px #ccc;
	margin: 20px auto;
	height: 3px;
}

.index-title-box.bt2 p {
	border-color: #fff
}

.index-title-box p span {
	display: block;
	width: 80px;
	background: #01a1e9;
	margin: 0 auto;
	height: 3px;
}

.index-title-box.bt2 p span {
	background: #ccc;
}

.index-title-box .info {
	z-index: 1;
	color: #ccc;
	font-size: 16px;
	font-family: en1;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.index-title-box.bt2 .info {
	color: #fff;
}




.index-btn-box {
	text-align: center;
	font-size: 0;
	padding-top: 50px;
}

.index-btn-box a {
	font-size: 16px;
	display: inline-block;
	line-height: 3em;
	/* border-radius: 0 3em 3em 0; */
	border: solid 2px #0874c3;
	color: #0874c3;
	width: 200px;
	text-align: center;
	background: #fff url(../img/m-iocn18.png) no-repeat 25px center / auto 40%;
	background: #fff;
}

.index-btn-box a:first-child {
	color: #fff;
	background: #0874c3 url(../img/m-iocn26.png) no-repeat 25px center / auto 40%;
	background: #0874c3;
	/* border-radius: 3em 0 0 3em; */
}

.top_main {
	position:fixed;
	left:0;
	top:0;
	padding: 15px 0;
	width:100%;
	z-index: 9;
	background:rgba(0,62,147,0.5);
}
.top_main .lo1{display:none;}
.top_main .lo2{display:block;}
.top_main .tel {
	margin-top:12px;
	height:35px;
	line-height:35px;
	background:url(../img/tel.png) left center no-repeat;
	padding-left:45px;
	color:#FFCC66;
	font-size:20px;
	font-weight:bold;
}
.top_main .nav {
	padding-left: 55px;
}
.top_main .logo img {
	float: left;
}
.top_main ul {
display: inline-block;
*display: inline;
*zoom: 1;
}
.top_main li {
	float: left;
	position: relative;
	display: block;
	text-align: center;
	padding-top:5px;
	z-index: 9;
}
.top_main li a {
	display: inline-block;
	padding:0px 16px;
	position: relative;
	font-weight: bold;
	color:#fff;
}
.top_main li a i {
	width: 1px;
	height: 16px;
	position: absolute;
	right: 0;
	top: 18px;
	display: block;
	background:rgba(255,255,255,0.4);
	transition: ease-in-out 0.2s;
	z-index: 9;
}
.top_main li a p {
	height: 50px;
	line-height:50px;
	font-size:15px;
}
.top_main li a:hover p, .top_main li a.hover p, .top_main li #hover2 p {
	color:#FFFF99;
}
.top_main li:last-child a i{display:none;}
/*.top_main dl {
	width: 190px;
	border-radius: 0 0 3px 3px;
	padding-bottom: 3px;
	background: #1f6eb1;
	position: absolute;
	left: 50%;
	margin-left: -95px;
	top: 55px;
	z-index: 1555;
	border-top: none;
}
.top_main dl {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
}
.top_main li:hover dl {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
.top_main dl dd {
	height: 40px;
	border-top: 1px solid #1a5e98;
	text-align: center;
	position: relative;
	z-index: 12;
	display: block;
	width: 100%;
	line-height: 40px;
}
.top_main dl dd a:hover {
	color:#FFFFCC;
}
.top_main dl dd a {
	color: #fff;
	height: 40px;
	display: block;
	transition: ease-in-out 0.2s;
	line-height: 40px;
}*/
/*下拉页面导航样式*/
.top_main.onslide{box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);background:rgba(0,62,147,0.9);}
.top_main.onslide .lo1{display:block;}
.top_main.onslide .lo2{display:none;}
.top_main.onslide li a{color:#fff}
.top_main.onslide li a:hover p, .top_main.onslide li a.hover p, .top_main.onslide li #hover2 p {color: #ff9;}

.iv{position:relative;}
.bannert{background:url(../img/bannert.png) no-repeat;width:800px;height:200px;position:absolute;top:35%;left:20%;}
.video-js{width:100%;}
/*video 隐藏进度条*/
video::-webkit-media-controls-fullscreen-button {display: none;}
video::-webkit-media-controls-play-button {display: none;}
video::-webkit-media-controls-timeline {display: none;}
video::-webkit-media-controls-current-time-display {display: none;}
video::-webkit-media-controls-time-remaining-display {display: none;}
video::-webkit-media-controls-mute-button{display: none;}
video::-webkit-media-controls-toggle-closed-captions-button{display: none;}
video::-webkit-media-controls-enclosure {display: none;}
video::-webkit-media-controls-volume-slider {display: none;}

/*ibaout*/
.webox{padding:60px 0;height:60px;min-height:60px;height:auto!important;overflow:hidden;font-family:"Microsoft Yahei";line-height:30px;position: relative;background:#f2f2f2;font-size: 16px;}
.webox_c{height: 416px;}
.webox_p{width:601px;padding:13px 0 0;}
.webox_w{width: 569px;padding: 0 0 0 60px;background:url(../img/line1.gif) no-repeat 60px 47px;}
.webox_w h3{height:68px;line-height:48px;font-size:22px;color:#221815;text-align:center;}
.webox_w h3 span{font-weight: normal;margin-right:20px;}
.webox_w p{text-indent:2em;color:#787878;}
.webox_w span a{line-height:48px;color: #fff;width: 182px;display: block;background:#058FFC;text-align: center;margin-top:15px;}
.webox_l li{width: 299px;height:97px;border-right: solid 1px #dfdfdf;float: left;padding: 3px 0 0;text-align: center;line-height: 56px;font-weight: bold;}
.webox_l li span{width:63px;height:55px;display: block;margin: 0 auto;vertical-align: middle;transition: all ease-out 0.3s; -webkit-transition: all ease-out 0.3s -moz-transition: all ease-out 0.3s; transform: rotate(0);}
.webox_l li p{color:#666;}
.webox_l li:hover span{transform: rotateY(180deg);}
.webox_l li:last-child{border: 0;}

.icon11 {
	background: url(../img/icon11.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}
.icaseShow {
}
.icaseShow .icase {
	position: relative;
}
.icaseShow .menu1 {
	position: absolute;
	top: 0;
	right: 136px;
}
.icaseShow .menu1 a {
	float: left;
	display: block;
	padding: 0 15px;
	height: 31px;
	margin-right: 6px;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	color: #666;
	background: #fff;
	border-radius: 20px;
}
.icaseShow .menu1 a.hover, .icaseShow .menu1 a:hover {
	color: #fff;
	background: #30b7ef;
}
.caseMain {
	position: relative;
	width: 100%;
	margin-bottom:20px;
	/*height: 476px;
	background: url("../images/case_bg.png") no-repeat;
	background-size: 100% 476px;*/
}
.caseMain .bd {
	position: relative;
	width: 100%;
	z-index: 12;
}
.caseMain .bd .list {
	width: 106%;
}
.caseMain .bd .list li {
	float: left;
	width: 280px;
	margin-right:26px;
	position:relative;
	overflow:hidden;
}
.caseMain .bd .list li .pic {
padding-bottom:85%;
}
.caseMain .bd .list li .txt {
	padding: 12px 0;
	background: #058FFC;
	font-size: 16px;
	text-align:center;
	color: #fff;
	transition: all ease 600ms;
}
.caseMain .bd .list li:hover .txt {
	/*background: #00A161;*/
	transition: all ease 600ms;
}
.caseMain .bd .list li:hover .txt .tit, .caseMain .bd .list li:hover .txt .cont, .caseMain .bd .list li:hover .txt .more {
	color: #fff;
}
.caseMain .bd .list li:hover .img {
	filter: brightness(105%);
	-webkit-filter: brightness(105%);
}
.caseMain .hd {
	position: absolute;
	top: 124px;
	width: 1200px;
	height: 30px;
}
.caseMain .hd .prev, .caseMain .hd .next {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.caseMain .hd .prev {
	background-position:-100px -50px;
	left: -6.6%;
}
.caseMain .hd .next {
	background-position: -190px -50px;
	right: -6.6%;
}
.caseMain .hd .prev:hover {
	background-position: -145px -50px;
}
.caseMain .hd .next:hover {
	background-position: -236px -50px;
}

.iserv ul{height:60px;
min-height:60px;
height:auto!important;
overflow:hidden;}
.iserv ul li{width:23%;float:left;margin:2% 1%;text-align:center;}
.iserv ul li div{display:inline-block;border:1px #eee solid;border-radius:50%;width:120px;height:120px;transition: all ease-in-out .3s;}
.iserv ul li div img{margin:28px auto 0;transition: all ease-in-out .3s;}
.iserv ul li p{line-height:50px;font-size:16px;}
.iserv ul li:hover div{background:#DAB96C;}
.iserv ul li:hover div img{filter: brightness(100);transform:rotateY(360deg);}
.imore{width:200px;height:55px;line-height:55px;border:1px #DAB96C solid;color:#DAB96C;text-align:center;display:block;font-size:18px;border-radius:50px;margin:0px auto;}
.iserv .imore{margin-top:30px;}
.imore:hover{background:#DAB96C;color:#fff;}

.anrj ul li{width:23.5%;margin-right:2%;float:left;margin-bottom:50px;}
.anrj ul li:nth-of-type(4){float:right;margin-right:0;}
.anrj ul li .pic{padding-bottom:75%;}
.anrj ul li .texts{padding:15px 5px;background:#f5f5f5;text-align:center;}
.anrj ul li:hover .texts{background:#DAB96C;color:#fff;}
/*.anrj ul li{width:31%;margin-right:3%;float:left;margin-bottom:50px;position:relative;}
.anrj ul li:nth-of-type(3){float:right;margin-right:0;}
.anrj ul li .pic{padding-bottom:55%;}
.anrj ul li .texts{padding:10px 25px 20px;background:#f5f5f5;}
.anrj ul li .texts div{height:62px;position:absolute;top:46%;left:22%;z-index:99;}
.anrj ul li .texts div span{border:1px #DAB96C dashed;color:#DAB96C;border-radius:5px;margin:10px 10px 0 0;display:inline-block;padding:5px 10px;font-size:16px;}
.anrj ul li:hover .texts div span{background:#DAB96C;color:#fff;}
.anrj ul li .texts .p1{
    font-size: 18px;
    line-height:58px;
    height:58px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    transition:all 0.3s ease-in-out;
	border-bottom:1px #eaeaea solid;
}
.anrj ul li .texts .p2{
margin-top:15px;
    font-size:12px;
    color: #888;
	position: relative;
    line-height: 25px;
	height:80px;
	padding:5px 10px;
	text-indent:2em;
    text-align: justify;
    overflow:hidden; 
    text-overflow:ellipsis;
}
.anrj ul li .texts .p2:before{width:11px;height:10px;background:url(../img/wzl.png);position:absolute;left:0;top:0;content:'';}
.anrj ul li .texts .p2:after{width:11px;height:10px;background:url(../img/wzr.png);position:absolute;right:0px;bottom:0;content:'';}*/

.yyhj{
height:940px;
background:url(../img/hbg.jpg) center no-repeat;
position:relative;
}
.yyhjnl
{
padding-top:200px;
width:460px;
float:left;
}
.yyhjnl ul li{
color:#fff;
clear:both;
padding:20px 0;
}
.yyhjnl ul li span{
display:block;
float:left;
font-size:60px;
margin-right:20px;
}
.yyhjnl ul li div{float:left;margin-top:10px;}
.yyhjnl ul li div b{font-size:18px;}
.yyhjnl ul li div p{line-height:40px;}
.yypic{position:absolute;
bottom:0;
left:43%;
}

.yyteam{background:#000;
height:60px;
min-height:60px;
height:auto!important;
overflow:hidden;
padding:80px 0;
}





.index-tab-main{ margin-top:1rem; padding:1px;height:60px;
min-height:60px;
height:auto!important;
overflow:hidden;}
.index-pro-main li{width:31%; margin-right:3.5%; float:left;margin-bottom:3%;}
.index-pro-main li a{ color:#fff}
/*.index-pro-main li:last-child{ margin-right:0}*/
.index-pro-main li:nth-child(3n){ margin-right:0}
.index-pro-main li:nth-child(n+3){ margin-bottom:0}
.index-pro-main li .tit{ background:#fff;-moz-box-shadow:0px 0px 5px 2px #ccc;-webkit-box-shadow:0px 0px 5px 2px #ccc;box-shadow:0px 0px 5px 2px #ccc;text-align:center;padding:1.25rem 0;color:#666}
.index-pro-main li h2{ font-size:1.15rem; font-weight:bold; color:#333}
.index-pro-main li h2 p{font-size:14px;}
.index-pro-main li:hover .stars-info{ display:block; bottom:70%;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.index-pro-main li .stars-info h2{ color:#fff;}
.index-pro-main li .stars-info hr{ background:#fff; width:40px; margin:1.25rem auto; height:3px;}
.index-pro-main li .stars-info .shuffer-link{ width:80%; margin:0 auto; text-align:left}
.index-pro-main li .stars-info .shuffer-link h3 a{ color:#fff; background: url(../img/arrow_white.png) right center no-repeat; display:block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;float: left;width: 95%;margin-bottom:10px; letter-spacing:1px;font-size:16px;}
.index-pro-main li .stars-info .shuffer-link h3 a:hover{ text-decoration:underline}
.index-pro-main.index-tab-main li .img{box-shadow: 0px 0px 2px 1px #CCC;}
.index-pro-main.index-tab-main li .img img{ height:auto;width:100%; max-width:100%; height:100%;}

/*鼠标触发背景上升变色*/
.shuffer-up{ position:relative}
.shuffer-bg {height:0px;width: 100%;position: absolute;bottom: 0;opacity:0;-webkit-transition: all linear 300ms;transition: all linear 300ms;}
.shuffer-up:hover .shuffer-bg{height:100%;background:rgba(215,12,37,0.8);opacity:1;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.stars-info {height: 180px;position: absolute;bottom: 0;text-align: center;width: 100%;-webkit-transition: all linear 500ms;transition: all linear 500ms;color: #fff;opacity:0;}
.shuffer-up:hover .stars-info {height: 20%;border-bottom:none;-webkit-transition: all linear 500ms;transition: all linear 500ms;opacity:1; display:block}
.shuffer-link{opacity:0;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.shuffer-up:hover .stars-info{opacity:1;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.shuffer-up:hover .shuffer-link{opacity:1;-webkit-transition: all linear 800ms;transition: all linear 800ms;}

/* 产品中心 */
.index-cp-box {}

/*.index-cp {}

.index-cp-nav {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
	justify-content: center;
}

.index-cp-nav a {
	display: block;
	width: 15%;
	font-size: 16px;
	line-height: 50px;
	color: #333;
	margin-bottom: 20px;
	text-align: center;
	background: #f5f5f5;
	position: relative;
	overflow: hidden;
}


.index-cp-nav a:nth-child(2n+1) {
	background: #ececec;
}

.index-cp-nav a:hover {
	background: #CE012F;
	color: #fff;
}*/

.gridlist1{text-align:center;margin-bottom: 30px;}
.gridlist1 li{margin:0px 2px;display:inline-block;background: #f0f0f0;}
.gridlist1 li a,.gridlist1 li a:visited{display:block;padding:0px 15px;color:#333;font-size:16px;line-height:50px;}
.gridlist1 li.active a,.gridlist1 li:hover a{ color:#fff;background:#058FFC;}

.index-cp-list {}

.index-cp-list .item {}


.index-cp-list .item .box {
	display: block;
	background: #f5f5f5;
	padding: 5px;
	transition: 0.5s;
}

.index-cp-list .item .box:hover {
	background:#058FFC;
}
.index-cp-list .item .box .title {
	color: #000;
	font-weight:bold;
	font-size:16px;
}
.index-cp-list .item .box:hover .title {
	color: #fff;
}
.index-cp-list .item .box .pic {
	padding-bottom: 85%;
}

.index-cp-list .item .box .text {
	margin-top: 5px;
	font-size: 16px;
	padding: 15px;
	text-align: center;
	transition: 0.5s;
	color: #333;
}

.index-cp-list .item .box .text .info {
	font-size: 14px;
	color:#666;
	margin-top: 10px;
	line-height:24px;
}
.index-cp-list .item .box:hover .info {
	color: #fff;
}
.index-cp-list .item .box:hover .text {
	/*background: initial;
	color: #fff;*/
}

.index-cp-list .item .box .text .btn {
	text-align: center;
	margin-top: 15px;
}

.index-cp-list .item .box .text .btn a {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	color: #fff;
	line-height: 2.5em;
	padding: 0 1.5em;
	background: #191919;
}

.index-cp-list .item .box .text .btn a+a {
	background: #CE012F;
	margin-left: 10px;
}
.index-cp-list .item .box:hover .text .btn a+a {
	background: #fff;
	color: #CE012F;
}

.dz{
background:#373D41;
height:60px;
min-height:60px;
height:auto!important;
overflow:hidden;
}
.dz ul li{
width:20%;
float:left;
position:relative;
background-size:100% 100%;
text-align:center;
color:#fff;
height:400px;
z-index:1;
}
.dz ul li:nth-child(1){background:url(../img/PB11.jpg);}
.dz ul li:nth-child(2){background:url(../img/PB22.jpg);}
.dz ul li:nth-child(3){background:url(../img/PB33.jpg);}
.dz ul li:nth-child(4){background:url(../img/PB44.jpg);}
.dz ul li:nth-child(5){background:url(../img/PB55.jpg);}
.dz ul li .bg{position:absolute;
z-index:0;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.6);
-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.dz ul li:hover .bg{background:rgba(0,62,147,0.8);}
.dz ul li a{display:block;
color:#fff;
width:100%;
height:100%;
position:relative;
z-index:100;
}
.dz ul li a *{-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;}
.dz ul li .img-block{margin-top:50%;}
.dz ul li .item-title{font-size:20px;font-weight:bold;margin-top:30px;}
.dz ul li .item-p-block{display:none;font-size:16px;line-height:26px;margin-top:30px;}
.dz ul li a:hover .img-block{margin-top:30%;}
.dz ul li a:hover .item-p-block{display:block;}


#ipartner {background:#000 url(../img/ipartner_bg.jpg) no-repeat;background-size:100% 100%;padding-bottom:20px;}
#ipartner > div {padding-top:70px;padding-bottom:80px;}
#ipartner h3 {color:#222;font-size:32px;font-weight:normal;text-align:center;}
#ipartner ul {margin-top:40px;padding-bottom:3%;font-size:0;box-shadow:0 0 15px rgba(0,0,0,0.15);background-color:#fff;}
#ipartner ul li {display:inline-block;margin:3% 0 0 3.5%;width:15.7%;text-align:center;vertical-align:top;overflow:hidden;}
#ipartner ul li img {width:100%;transition:all ease-out 400ms;}
#ipartner ul li:hover img {transform:scale(1.08);}
/* 优势 */
.mainys{ width:100%; overflow:hidden; position:relative;background: url(../img/ystbg.jpg); background-size: 100% 100%; margin-top:0px;vertical-align:middle;text-align:center;padding:30px 0;}
.mainys span{display:block;width:100%;height:96px;line-height:96px;text-align:center;text-transform:uppercase;font-size:72px;color:#f9f9f9; opacity:.3; font-weight:700;position:absolute;left:0;top:30px;z-index:0}
.mainys h2{display:inline-block;line-height:96px;height:96px;font-size:38px;color:#fff;position:relative;z-index:1}
.mainys p{display:block;width:100%;overflow:hidden;line-height:32px;font-size:16px;color:#888;text-align:center;position:relative;z-index:1;margin-top:10px}
.adv-box{ margin-top: 40px}
.adv-box .con-dl{width:23%;margin-right:2%; background-color: #fff;padding:30px 0;display: inline-block;margin-bottom:60px;}
.adv-box .con-dl:last-child{margin-right:0px;}
.adv-box .con-dl dt{width:74px;margin:20px auto 0;}
.adv-box .con-dl dt img{display: block; transition: all 0.5s}
.adv-box .con-dl dd{text-align: center;}
.adv-box .con-dl .dd01 a{ text-decoration: none; display: block;font-size: 18px;font-weight:bold;height:60px;line-height:60px;color:#CE012F;}
.adv-box .con-dl .dd02{ text-decoration: none; color:#999;font-size: 14px;padding:0 15px;line-height: 28px;}
.adv-box .con-dl:hover{ background-color: #e50112; color: #fff;}
.adv-box .con-dl:hover .dd02{color: #fff;}
.adv-box .con-dl .dd01 a:hover {color: #fff;}
.adv-box .con-dl:hover .dd01 a{color: #fff;}
.adv-box .con-dl:hover dt img{transform: rotate(360deg);}
/*.index-youshi-box {
	background: url(../img/youshi-bg.jpg) no-repeat bottom center/ 1920px 100%;
	margin-top: -30px;
	position: relative;
	z-index: 2;
	padding: 100px 0;
}

.index-youshi-bt {
	text-align: center;
	color: #333;
	margin-bottom: 60px;
}

.index-youshi-bt .title {
	font-size: 26px;
	font-weight: bold;
}

.index-youshi-bt .title span {
	font-style: italic;
	font-size: 1.2em;
	color: #0874c3;
}

.index-youshi-bt .titleen {
	text-transform: uppercase;
	font-size: 12px;
	margin: 15px 0;
}

.index-youshi-bt .info {
	font-size: 16px;
	color: #fff;
	line-height: 39px;
	background: url(../img/youshi_title_bg.png) no-repeat top center;
}

.index-youshi {
	position: relative;
}

.index-youshi .ys-top {
	position: absolute;
	left: 50%;
	top: 0;
	width: 40px;
	height: 50px;
	background: url(../img/dian5.png) no-repeat 0 0;
	z-index: 2;
	margin-left: -20px;
}

.index-youshi .ys-line {
	position: absolute;
	left: 50%;
	height: calc(100% - 100px);
	width: 1px;
	border-left: solid 1px #01a1e9;
	top: 50px;
	z-index: 1;
}

.index-youshi .ys-footer {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 40px;
	height: 50px;
	background: url(../img/dian4.png) no-repeat 0 0;
	z-index: 2;
	margin-left: -20px;
}

.index-youshi .item:first-child {
	margin-left: 0;
}

.index-youshi .item {
	position: relative;
	z-index: 2;
}

.index-youshi .item:nth-child(1)::before {
	content: '';
	display: block;
	width: 34px;
	height: 34px;
	background: #01A1E9 url(../img/ys-icon1.png) no-repeat center center / 80%;
	position: absolute;
	left: 50%;
	margin-left: -17px;
	top: 50%;
	margin-top: -17px;
	border-radius: 100%;
	z-index: 3;
}

.index-youshi .item:nth-child(2)::before {
	content: '';
	display: block;
	width: 34px;
	height: 34px;
	background: #01A1E9 url(../img/ys-icon2.png) no-repeat center center / 80%;
	position: absolute;
	left: 50%;
	margin-left: -17px;
	top: 50%;
	margin-top: -17px;
	border-radius: 100%;
	z-index: 3;
}

.index-youshi .item:nth-child(3)::before {
	content: '';
	display: block;
	width: 34px;
	height: 34px;
	background: #01A1E9 url(../img/ys-icon3.png) no-repeat center center / 80%;
	position: absolute;
	left: 50%;
	margin-left: -17px;
	top: 50%;
	margin-top: -17px;
	border-radius: 100%;
	z-index: 3;
}

.index-youshi .item:nth-child(4)::before {
	content: '';
	display: block;
	width: 34px;
	height: 34px;
	background: #01A1E9 url(../img/ys-icon4.png) no-repeat center center / 80%;
	position: absolute;
	left: 50%;
	margin-left: -17px;
	top: 50%;
	margin-top: -17px;
	border-radius: 100%;
	z-index: 3;
}

.index-youshi .item .box {}

.index-youshi .item .box .pic {
	float: left;
	width: 480px;
	position: relative;
	z-index: 1;
	margin-left: 240px;
}

.index-youshi .item .box .pic img {
	display: block;
	width: 100%;
}

.index-youshi .item:nth-child(2n) .box .pic {
	margin-left: 0px;
	margin-right: 240px;
}

.index-youshi .item:nth-child(2n) .text {
	float: right;
}

.index-youshi .item .text {
	float: left;
	width: 480px;
	position: relative;
	padding-top: 50px;
	color: #333;
}

.index-youshi .item .text .title {
	font-size: 20px;
	color: #01A1E9;
	margin-bottom: 5px;
}

.index-youshi .item .text .title2 {
	font-size: 12px;
	text-transform: uppercase;
	opacity: 0.5;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: dashed 1px #666;
}

.index-youshi .item .text .info {
	font-size: 14px;
	line-height: 1.5em;
	opacity: 0.7;
}

.index-youshi .item .text .info p {
	padding-left: 15px;
	background: url(../img/dian3.png) no-repeat left 7px / auto 8px;
	margin-bottom: 10px;
}*/


.aboutus{ width:100%;padding:80px 0 50px}
.aboutus-img{float: left; border: 1px solid #eee; width:576px;height:432px; text-align: center;padding:6px;}
.aboutus-img img{width:100%;height:100%;}
.aboutus-t { float:right; width:48%;  padding: 0 15px; padding-top: 20px}
h2.about-title{ font-size: 32px; font-weight: 500;}
h2.about-title em{ font-style: normal; color: #bbb; font-size: 24px}
.aboutus-t a{ display: inline-block; background: #bdbdbd;  color: #606060; text-decoration: none; line-height: 34px; height: 34px; padding: 0px 20px;  border-radius: 4px;  margin-right: 10px;font-size: 14px; margin-top: 20px;}
.aboutus-t .currt{background: #e50112; color:#fff}
.aboutus-t p { font-size: 14px;  color: #666;  line-height: 28px;  text-align: justify;  margin-top: 10px;}
.aboutus:after { content: "";  display: block;  clear: both;}
.about-cont li{ float:left ; width:28%;text-align: center; display: block ; margin-top: 16px; margin-left: 10px; margin-right: 10px; color: #707070}
.about-cont li:last-child{margin-right: 0}
.about-cont li p{text-align: center;}
.about-cont li img{width:55px; height:55px; text-align: center;  }

.aboutsd{ width:100%;margin-top:30px;}
.aboutsd ul li{ width:25%; border-left:1px solid #e6e6e6; float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; color:#747879;  position:relative; text-align: center; padding: 40px 0;}
.aboutsd ul li:nth-of-type(1){border-left:0}
.aboutsd ul li:nth-of-type(4){border-right:1px solid #e6e6e6; }
.aboutsd ul li:hover{ background-color:#c1020a;}
.aboutsd ul li:hover span,.aboutsd ul li:hover p{ color:#fff;}
.aboutsd ul li p{ font-size:35px;line-height:60px;}
.aboutsd ul li i{ background-color:#c1020a;border-radius: 50%;width:22px;height:22px;display: block; text-align:center; position:absolute;top: 35px;left: 60%;color: #fff;font-style:normal;}	
.aboutsd ul li:nth-of-type(1) i{left:60%;}
.aboutsd ul li:nth-of-type(3) i{left:65%;}
.aboutsd ul li:nth-of-type(4) i{left:65%;}

/* 应用领域 */

.index-yingyong-box {}

.index-yingyong {}

.index-yingyong .item {
	float: left;
	width: 32%;
	margin-top: 2%;
	margin-right: 2%;
}

.index-yingyong .item:nth-child(1) {
	margin-top: 0;
	width: 49%;
}

.index-yingyong .item:nth-child(2) {
	width: 49%;
	margin-top: 0;
	margin-right: 0;
}

.index-yingyong .item:nth-child(5) {
	margin-right: 0;
}

.index-yingyong .item .box {
	position: relative;
	overflow: hidden;
}

.index-yingyong .item .box .pic {
	padding-bottom: 67%;
	z-index: 1;
}

.index-yingyong .item .box .text {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(8, 116, 195, 0.7);
	color: #fff;
	transition: 0.5s;
	transform: rotateX(-90deg);
	padding: 10% 30px 0;
	text-align: center;
	font-size: 12px;
}

.index-yingyong .item:nth-child(1) .box .text,
.index-yingyong .item:nth-child(2) .box .text {
	padding: 15% 20% 0;
	font-size: 14px;
}

.index-yingyong .item .box:hover .text {
	transform: rotateX(0deg);
}

.index-yingyong .item .box .text .title {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

.index-yingyong .item .box .text .titleen {
	text-transform: uppercase;
	font-size: 12px;
	font-family: en2;
	line-height: 2em;
	margin-bottom: 10px;
	opacity: 0.7;
}

.index-yingyong .item .box .text .info {
	line-height: 1.7em;
	margin-bottom: 25px;
}

.index-yingyong .item .box .text .btn a {
	border: solid 1px #fff;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	line-height: 2.5em;
	padding: 0 2em;
	margin: 0 5px;
	transition: 0.5s;
}

.index-yingyong .item .box .text .btn a:hover {
	background-color: #fff;
	color: #01a1e9;
}

/* 案例 */
.index-case-box {
	/*background: url(../img/case-bg.png) no-repeat top center / 1920px 100%;*/
}

.index-case {
	position: relative;
	overflow: hidden;
	height: 284px;
}

.index-case .item {
	float: left;
	width: 300px;
	margin-left: 10px;
}


.index-case .item .box {
	display: block;
	background: #f5f5f5;
	padding: 5px;
	color: #333;
}

.index-case .item .box .pic {
	padding-bottom: 75%;
	z-index: 1;
}

.index-case .item .box .text {
	margin-top: 5px;
	padding: 15px;
	text-align: center;
	font-size: 16px;
	transition: 0.5s;
}

.index-case .item .box:hover {
	background: #058FFC;
	color: #fff;
}

/* 公司简介 */
.index-about-box {
	background: url(../img/about-bg.jpg) no-repeat bottom center;
}

.index-about {
	position: relative;
}

.index-about .left {
	float: left;
	width: 40%;
}

.about-pic {
	display: block;
}

.about-pic img {
	display: block;
	width: 100%;
}


.index-about-text {
	font-size: 30px;
	color: #666;
	z-index: 2;
	text-align: center;
}

.index-about-text .box {}

.index-about-text .title {
	font-weight: bold;
	color: #333;
	font-weight: bold;
}

.index-about-text .title span {
	color: #0874c3;
}

.index-about-text .info {
	font-size: 14px;
	line-height: 1.7em;
	margin-top: 40px;
	opacity: 0.9;
}

.index-about-text .info *+* {
	margin-top: 10px;
}

.index-about-text .btn {
	display: inline-block;
	font-size: 14px;
	color: #0874c3;
	line-height: 2.5em;
	padding: 0 2em;
	margin-top: 20px;
	border: solid 1px #0874c3;
	transition: 0.5s;
}

.index-about-text .btn:hover {
	color: #fff;
	background: #0874c3;
}

.index-about-icon {
	display: flex;
	justify-content: center;
	margin-top: 60px;
	position: relative;
	width: 100%;

}

.index-about-icon a {
	display: block;
	width: 260px;
	border-left: solid 1px #ccc;
	font-size: 0;
	padding-left: 30px;
	margin-left: 30px;
}

.index-about-icon a:first-child {
	border: none;
	padding-left: 0px;
	margin-left: 0px;
}

.index-about-icon a .pic {
	width: 60px;
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	border-radius: 100%;
	padding: 10px;
	margin-right: 20px;
}

.index-about-icon a .pic img {
	display: block;
	width: 100%;
	transition: 0.5s;
}

.index-about-icon a:hover .pic img {
	transform: rotateY(360deg);
}

.index-about-icon a .text {
	display: inline-block;
	vertical-align: middle;
	width: 120px;
	font-size: 18px;
	color: #333;
}

.index-about-icon a .text .title {}

.index-about-icon a:hover .text .title {
	color: #01a1e9;
}

.index-about-icon a .text .titleen {
	font-size: 10px;
	font-family: en2;
	opacity: 0.5;
	margin-top: 5px;
	text-transform: uppercase;
}
/*8大加盟优势*/
.til01{text-align: center;color: #fff;font-size:40px;line-height:56px;font-family: "Microsoft Yahei";clear: both;display: block;height:120px;white-space: nowrap;font-weight: normal;margin-bottom:30px;padding-top:15px;}
.til01 p{display: block;font-size:20px;line-height:50px;opacity: 0.7;}
.til01 a{color: #221815;}

.tec_p{padding:65px 0 0;height:724px;overflow: hidden;font-size: 16px;line-height: 26px;color: #fff;font-family:"Microsoft Yahei";text-align: center;background:url(../img/tecbg.jpg) no-repeat center 0;}
.tec_pc li{width:270px;float: left;height: 210px;margin: 0 30px 31px 0;padding: 26px 0 0;color: #bab8b6;}
.tec_pc li:nth-child(4n){margin-right:0;}
.tec_pc li p{display: block;padding: 0 18px;}
.tec_pc li p b{display: block;font-size:26px;color: #fff;line-height: 50px;}
.tec_pc li span{width:60px;height:58px;display: block;position: relative;overflow: hidden;margin:0 auto;}
.tec_pc li span i{width:60px;height:58px;position: absolute;display: block;top: 0;left: 0;}
.tec_pc li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.tec_pc li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.tec_pc li:hover span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.tec_pc li:hover span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.tec_pc li:hover{background: #058FFC/*#b00108*/;color: #fff;}


/* 
@keyframes xuanzhuan {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.index-yewu .item:hover .pic .bg {
	animation: xuanzhuan 2s 1;
	opacity: 1;
	animation-timing-function: ease;
} 
*/



/* 新闻资讯 */
.index_news .news_nav{
    text-align: center;
    padding-bottom: 60px;
}
.index_news .news_nav .jz{
    display: inline-flex;
}
.index_news .news_nav .jz a{
    display: block;
    width: 140px;
    height: 46px;
    border:solid 1px #cccccc;
    border-left: none;
    font-size: 16px;
    color: #666666;
    line-height: 46px;
    text-align: center;
    transition:all 0.3s ease-in-out;
}
.index_news .news_nav .jz a:nth-child(1){
    border-left: solid 1px #cccccc;
}
.index_news .news_nav .jz a:hover{
    background: #BB9B62;
    color: #fff;
}
.index_news .news_list{}
.index_news .news_list .first_news{
    width: 570px;
    display: block;
}
.index_news .news_list .first_news .newsimg{
    overflow: hidden;
	position:relative;
}
.index_news .news_list .first_news .newsimg span{
position:absolute;
left:0;
top:0;
display:block;
font-size:16px;
text-align:center;
background:#BB9B62;
color:#fff;
padding:0px 15px 5px;
}
.index_news .news_list .first_news .newsimg span b{font-size:50px;display:block;}

.index_news .news_list .first_news .newsimg img{
    width: 100%;
    transition:all 0.3s ease-in-out;
}
.index_news .news_list .first_news:hover .newsimg img{
    transform: scale(1.1);
}
.index_news .news_list .first_news .text{
    padding: 0 5px;
}
.index_news .news_list .first_news .text p:nth-child(1){
    font-size: 18px;
    color: #333333;
    line-height:60px;
    height:60px;
    padding-top: 5px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    transition:all 0.3s ease-in-out;
}
.index_news .news_list .first_news:hover .text p:nth-child(1){
    color:#BB9B62;
}
.index_news .news_list .first_news .text p:nth-child(2){
    font-size: 14px;
    color: #777;
    line-height: 28px;
    text-align: justify;
    overflow:hidden; 
    text-overflow:ellipsis;
	position:relative;
	padding:10px 15px;
}
.index_news .news_list .first_news .text p:nth-child(2):before{width:11px;height:10px;background:url(../img/wzl.png);position:absolute;left:0;top:0;content:'';}
.index_news .news_list .first_news .text p:nth-child(2):after{width:11px;height:10px;background:url(../img/wzr.png);position:absolute;right:0px;bottom:0;content:'';}
.index_news .news_list .list{
    width: calc(100% - 600px);
}
.index_news .news_list .list a{
    display: block;
    margin-bottom: 15px;
}
.index_news .news_list .list a:nth-child(3){margin-bottom:0;}
.index_news .news_list .list a .newsimg{
    border: solid 1px #dedede;
    overflow: hidden;
}
.index_news .news_list .list a .newsimg img{
    width: 154px;
    transition:all 0.3s ease-in-out;
}
.index_news .news_list .list a:hover .newsimg img{
    transform: scale(1.1);
}
.index_news .news_list .list span{
display:block;
color:#888;
font-size:16px;
text-align:center;
border:1px #ebebeb dashed;
padding:0px 15px 5px;
}
.index_news .news_list .list span b{font-size:50px;display:block;}
.index_news .news_list .list a:hover span{background:#BB9B62;color:#fff;}
.index_news .news_list .list a .text{
    margin-left: 25px;
    width: calc(100% - 180px)
}
.index_news .news_list .list a .text p:nth-child(1){
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    margin-bottom: 10px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    transition:all 0.3s ease-in-out;
}
.index_news .news_list .list a:hover .text p:nth-child(1){
    color: #BB9B62;
}
.index_news .news_list .list a .text p:nth-child(2){
    font-size: 14px;
    color: #888;
    line-height: 26px;
    margin-bottom: 8px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.index_news .news_list .list a .text p:nth-child(3){
    font-size: 14px;
    color: #999999; line-height:28px;
}
.index_news .news_list .list a .icon{
    width: 34px;
    height: 34px;
    margin-top: 47px;
    transition:all 0.3s ease-in-out;
    background: url(../img/news_icon1.png) center center no-repeat;
}
.index_news .news_list .list a:hover .icon{
    background: url(../img/news_icon2.png) center center no-repeat;
}
.index_news .news_list .imore{margin-top:50px;}




.index-news-box {}

.column-title {
	margin-bottom: 50px;
	color: #333;
	font-size: 28px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.column-title .title {
	color: #333;
}

.column-title .title span {
	height: 1px;
	vertical-align: middle;
	width: 130px;
	display: inline-block;
	background: #333;
	margin-left: 10px;
}

.column-title .titleen {
	color: #ddd;
	font-size: 32px;
	text-transform: uppercase;
	position: relative;
	font-weight: bold;
}

.column-title .titleen::before {
	content: '';
	position: absolute;
	left: -40px;
	top: 50%;
	margin-top: -40px;
	width: 80px;
	height: 80px;
	background: #157a33;
	border-radius: 100%;
	opacity: 0.12;
}

.column-title .right {
	text-align: right;
	font-size: 16px;
}

.column-title a {
	color: #fff;
	display:inline-block;
	background:#058FFC;
	border-radius:10px;
	padding:8px 12px;
	text-align:center;
	font-size: 14px;
}
.column-title .info {
	opacity: 0.8;
	margin-top: 10px;
	text-transform: uppercase;
	font-size:15px;
}

/* 新闻 */
.index-news-box {}

.index-news {
	display: flex;
	justify-content: space-between;
}

.index-news-left {
	width: 730px;
}

.index-news-left .hot-news {}

.index-news-left .hot-news .box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.index-news-left .hot-news .box .pic {
	width: 30%;
	padding-bottom: 22.25%;
}

.index-news-left .hot-news .box .text {
	width: 66%;
	font-size: 16px;
	color: #333;
}

.index-news-left .hot-news .box .text .title {
	position: relative;
	font-size: 18px;
	padding-right: 30%;
	line-height: 1.5em;
	transform: 0.5s;
	font-weight: bold;
}


.index-news-left .hot-news .box .text .title span {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	opacity: 0.7;
	font-weight: normal;
}

.index-news-left .hot-news .box .text .info {
	line-height: 1.7em;
	opacity: 0.7;
	margin: 15px 0;
	font-size: 14px;
}

.index-news-left .hot-news .box .text .btn {
	background: #c00;
	color: #fff;
	font-size: 14px;
	line-height: 2.25em;
	width: 7em;
	text-align: center;
}

.index-news-left-list {
	margin-top: 30px;
}

.index-news-left-list .item {
	margin-top: 20px;
	border-top:1px #ddd dashed;
	padding-top:15px;
}

.index-news-left-list .item .box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 15px;
	color: #333;
}

.index-news-left-list .item .box .title {
	width: 75%;
}

.index-news-left-list .item .box:hover .title,
.index-news-left .hot-news .box:hover .text .title {
	color: #000;
}

.index-news-left-list .item .box .title i {
	display:inline-block;
	width:5px;
	height:5px;
	background:#999;
	border-radius:50%;
	margin:0px 10px 0;
}

.index-news-left-list .item .box .time {
	width: 20%;
	text-align: right;
	opacity: 0.5;
}

.index-news-right {
	width: 430px;
	height: 400px;
	overflow: hidden;
	position: relative;
}

.index-news-right .item {
	margin-top: 2px;

}

.index-news-right .item .box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 15px;
	color: #333;
	background: #f5f5f5;
	padding: 20px;
	transition: 0.5s;
}

.index-news-right .item .box:hover {
	background: #058FFC;
	color: #fff;
}

.index-news-right .item .box .title {
	width: 75%;
}

.index-news-right .item .box .title i {
display:inline-block;
width: 0;
height: 0;
border-top: 4px solid transparent;
        border-left: 4px solid #058FFC;
        border-right: 4px solid transparent;
        border-bottom: 4px solid transparent;
		margin-right:5px;
}

.index-news-right .item .box:hover .title i {
	border-left: 4px solid #fff;
}

.index-news-right .item .box .time {
	width: 23%;
	text-align: right;
	opacity: 0.5;
}

.index-bt-box {
	margin-bottom: 20px;
	border-bottom: solid 1px #ccc;
}

.index-bt-box .title {
	float: left;
	line-height: 50px;
	font-size: 20px;
	color: #333;
}

.index-bt-box .right {
	float: right;
}


.index-bt-box .right a {
	text-align: center;
	display: inline-block;
	vertical-align: top;
	line-height: 50px;
	position: relative;
	font-size: 16px;
	color: #333;
	margin-left: 20px;
}

.index-bt-box .right a:hover,
.index-bt-box .right a.focus {
	color: #01a1e9;
}

.index-bt-box .right a.focus::before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background: #01a1e9;
}

.index-news-nav {
	font-size: 0;
	text-align: center;
	margin-bottom: 30px;
}

.index-news-nav a {
	display: inline-block;
	vertical-align: top;
	width: 180px;
	font-size: 18px;
	line-height: 50px;
	height: 50px;
	text-align: center;
	color: #333;
	background: #ededed;
	margin: 0 10px;
	position: relative;
	transition: 0.5s;
	overflow: hidden;
}

.index-news-nav a.focus {
	background: #01a1e9;
	color: #fff;
}


.index-news-box .container>.left {
	float: left;
	width: 780px;
}

.index-news-box .container>.right {
	float: right;
	width: 380px;
}




/*.index-news {}

.hot-news {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: solid 1px #ededed;
}


.hot-news .item {}

.hot-news .box {}

.hot-news .box .pic {
	float: left;
	width: 24%;
	padding-bottom: 18%;
}

.hot-news .box .text {
	transition: 0.5s;
	color: #666;
	font-size: 16px;
	padding-left: 20px;
	float: left;
	width: 76%;
}

.hot-news .box .text .title {
	transition: 0.5s;
	color: #333;
	font-weight: bold;
}

.hot-news .box .text .info {
	font-size: 14px;
	margin-top: 10px;
	line-height: 1.7em;
	height: 3.4em;
	overflow: hidden;
	transition: 0.5s;
}

.hot-news .box .text .time {
	font-size: 12px;
	margin-top: 10px;
	color: #999;
}

.hot-news .box:hover .text .title {
	color: #0874c3;
}


.news-list {
	padding-top: 10px;
}

.news-list .item {
	transition: 0.5s;
	padding-bottom: 10px;
	border-bottom: solid 1px #ededed;
}

.news-list .item:hover {
	border-color: #0874c3
}

.news-list .item .box {
	position: relative;
	display: block;
}

.news-list .item .box .time {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	color: #f50;
}

.news-list .item .box .time p {
	font-size: 28px;
}

.news-list .item .box .time div {
	font-size: 34px;
	color: #ccc;
}

.news-list .item .box .text {
	font-size: 14px;
	line-height: 1.5em;
	color: #333;
	transition: 0.5s;
}

.news-list .item .box .text .title {
	position: relative;
	display: block;
	padding-right: 30%;
}

.news-list .item .box .text .title span {
	display: inline-block;
	vertical-align: middle;
	height: 3px;
	width: 10px;
	background: #333;
	margin-right: 10px;
}

.news-list .item:hover .box .text .title {
	color: #0874c3;
}

.news-list .item:hover .box .text .title span {
	background: #0874c3;
}

.news-list .item .box .text .info {
	opacity: 0.8;
	font-size: 14px;
	line-height: 1.7em;
	margin-top: 5px;
}*/


.news-list-2 {}

.news-list-2 .item {
	float: left;
}

.news-list-2 .item .box {
	border: solid 1px #e0e0e0;
	transition: 0.5;
}

.news-list-2 .item .box:hover {
	border-color: #0874c3
}

.news-list-2 .item .box .pic {
	float: left;
	width: 24%;
	padding-bottom: 24%;
}


.news-list-2 .item .box .text {
	padding: 15px;
	padding-bottom: 0;
	color: #666;
	font-size: 13px;
	float: left;
	width: 76%;
}

.news-list-2 .item .box .text .title {
	font-size: 16px;
	color: #333;

}

.news-list-2 .item .box:hover .text .title {
	color: #0874c3;
}

.news-list-2 .item .box .text .time {
	color: #999;
	font-size: 13px;
	margin-top: 10px;
}


.news-list-2 .item .box .text .info {
	line-height: 1.7em;
	margin-top: 10px;
}

.index-news-faq {}

.news-list-faq {
	position: relative;
	overflow: hidden;
	height: 316px;
}

.news-list-faq .item {
	padding: 15px;
	margin-bottom: 15px;
	border: solid 1px #ccc;
}

.news-list-faq .item:hover {
	border-color: #0874c3;
}

.news-list-faq .item .title {
	font-size: 14px;
	color: #333;
	transition: 0.5s;
	padding-left: 20px;
	background: url(../img/icon/icon53.png) no-repeat left 3px / 14px;
}

.news-list-faq .item:hover .title {
	color: #0874c3;
}

.news-list-faq .item .info {
	font-size: 13px;
	padding-left: 20px;
	line-height: 1.7em;
	color: #999;
	margin-top: 5px;
	background: url(../img/icon/icon54.png) no-repeat left 3px / 14px;
}



.index-news-2 {
	float: left;
	width: 730px;
}

.index-news-2 .index-news-2-nav {}

.index-news-2 .index-news-2-nav a {
	font-size: 16px;
	line-height: 50px;
	padding: 0 2em;
	color: #666;
	display: block;
	float: left;
	font-weight: bold;
	transition: 0.5s;
}

.index-news-2 .index-news-2-nav a.focus {
	background: #fafafa;
	color: #0874c3;
}

.index-news-2-list {
	padding: 30px;
	background: #fafafa;
	position: relative;

}

.index-news-2-liuyan {
	float: right;
	width: 440px;
}

.index-news-2-liuyan .right-bt-box {}

.index-news-2-liuyan .right-bt-box .title {
	background: #fafafa;
	font-size: 16px;
	line-height: 50px;
	padding: 0 2em;
	display: block;
	float: left;
	font-weight: bold;
	color: #0874c3;
}

.xinitt{ width:100%; height:auto; float:left; padding-right:100px; box-sizing:border-box; margin-bottom:30px;}
.xinitt strong{ width:100%; height:auto; float:left; font-size:44px; line-height:60px; font-weight:blod; color:#333;}
.xinitt p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#666;}


.xinindexw{ width:100%; height:auto; float:left; padding:50px 0 20px;}
.xinitts{ padding-right:700px;}
.xinindexw ul.xwm{ width:700px; height:auto; float:right; margin-top:-90px;}
.xinindexw ul.xwm{ width:auto; height:auto; float:right;}
.xinindexw ul.xwm li{ width:auto; height:auto; float:left;}
.xinindexw ul.xwm li a{ width:auto; height:45px; line-height:45px; padding:0 35px; font-size:16px; float:left; border-radius:50px; border:1px solid #ddd; margin-left:20px;}
.xinindexw ul.xwm li a:hover,.xinindexw ul.xwm li a.cur{ background:#00437c; color:#fff;}

.index_xwq{ width:100%; height:auto; float:left;}
.index_xwq dl.id1{ width:49%; height:auto; float:left; position:relative; margin-right:1%;}
.index_xwq dl.id1 dt{ width:100%; height:auto; float:left;}
.index_xwq dl.id1 dt img{ width:100%; height:500px; display:block;}
.index_xwq dl.id1 dd{ width:100%; height:auto; float:left; background:rgba(0,0,0,0.5); padding:20px; box-sizing:border-box; position:absolute; left:0; bottom:0;}
.index_xwq dl.id1 dd p{ width:100%; height:auto; float:left; font-size:14px; line-height:24px; color:#fff;}
.index_xwq dl.id1 dd h3 a{ width:100%; height:32px; line-height:32px; float:left; overflow:hidden; font-size:18px; color:#fff; font-weight:600;}
.index_xwq ul.u1{ width:50%; height:500px; float:left; background:#f7f7f7; padding:20px; box-sizing:border-box; margin-bottom:20px;}
.index_xwq ul.u1 li{ width:100%; height:auto; float:left; padding:15px 0; border-bottom:1px solid #e7eaed;}
.index_xwq ul.u1 li strong{ width:100px; height:auto; float:left; padding:10px 0; font-size:36px; line-height:40px; color:#333; border-right:1px solid #e7eaed; text-align:center; font-weight:normal;}
.index_xwq ul.u1 li strong span{ width:100%; height:auto; float:left; line-height:24px; font-size:16px; color:#888;}
.index_xwq ul.u1 li h3{ width:100%; height:auto; float:left; padding-left:115px; margin-top:-80px; box-sizing:border-box;}
.index_xwq ul.u1 li h3 a{ width:100%; height:36px; line-height:36px; float:left; font-size:22px; color:#333; overflow:hidden;}
.index_xwq ul.u1 li h3 p{ width:100%; height:44px; line-height:22px; float:left; font-size:15px; color:#777; overflow:hidden;}
.index_xwq ul.u1 li:last-child{ border-bottom:none;}

p.pmore{ width:200px; height:50px; margin:10px auto;}
p.pmore a{ width:100%; height:50px; line-height:50px; margin-top:20px; float:left; border:1px solid #00437c; text-align:center; font-size:18px; color:#333; border-radius:50px;}
p.pmore a:hover{ background:#00437c;color:#fff; }

/* 在线留言 */
.message-box {
	background: #fafafa;
	padding: 30px;
}

.message-box .item {
	font-size: 0;
	margin-bottom: 15px;
}

.message-box .item>* {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
}

.message-box .item .bt {
	width: 5em;
	min-height: 1px;
}

.message-box .item .input-text {
	background: #fff;
	padding: 0 10px;
	line-height: 30px;
	height: 30px;
	width: calc(95% - 5em);
	color: #999;
}

.message-box .item textarea.input-text {
	resize: none;
	padding: 5px 10px;
	line-height: 22px;
	height: 88px;
	color: #999;
}
.message-box .item.btn-box{
	margin-bottom: 7px;
}
.message-box .item .coolbg {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	text-align: center;
	margin-right: 10px;
	line-height: 40px;
	height: 40px;
	background: #01a1e9;
	color: #fff;
}

.message-box .item .coolbg.tijiao {
	background: #0874c3;
}

.message-box .item input {
	outline: none;
}