/*banner*/
.banner {
    width: 100%;
    position: relative;
}

.focus {
    margin: 0px auto;width:1920px;
    position: relative;
    zoom: 1;
    overflow: hidden;
    z-index: 9;
}

.f426x240, .f160x160 {
    width: 100%;
    overflow: hidden;
    z-index: 9;
}

.rslides li {
    width: 100%;
    float: left;
    display: none;
    z-index: 222;
}

.rslides li img {
	z-index: 9;
	display:block;
}

.rslides {
    width: 100%;
    position: relative;
    z-index: 9;
    margin: 0 auto;
}

.rslides_nav {
    height: 51px;
    width: 31px;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
    left: 0;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    display: none;
}

.rslides_nav:active {
	opacity: 1.0;
}

.rslides_nav.next {
	left: auto;
	right: 0;
}

.rslides_tabs {
    text-align: center;
    position: absolute;
    bottom: 20px;
    z-index: 9;
    left: 0%;
	width:100%;
}

.rslides_tabs li {
	display: inline;
	float: none;
	_float: left;
	*float: left;
	margin:0 5px;
}

.rslides_tabs a {
	margin-top: 0px;
	text-indent: 9999px;
	overflow: hidden;
	background:url(ico1.png) no-repeat;
	display: inline-block;
	_display: block;
	*display: block;
	width: 15px;
	height: 15px;
	z-index: 9;
	*z-index: 9;
}

.rslides_tabs .rslides_here a {
	background:url(ico1on.png) no-repeat;
}

.banner .prev{ position:absolute; left:5%; top:50%; margin-top:-60px; background:url(nimg50_left.png) center no-repeat; z-index:222; width:50px; height:40px; display:block;}
.banner .next{ position:absolute; right:5%; top:50%; margin-top:-60px; background:url(nimg50_right.png) center no-repeat; z-index:222; width:50px; height:40px; display:block;}
.banner .prev:hover{ background:url(nimg50_lefton.png) center no-repeat;}
.banner .next:hover{ background:url(nimg50_righton.png) center no-repeat;}

.indexFlashTel{position:relative; overflow:hidden; max-width:1004px; display:none;}
.indexFlashTel .btnDiv{position:absolute; z-index:10; left:0px; bottom:20px; width:100%; text-align:center;}
.indexFlashTel .btnDiv span{display:inline-block; width:15px; height:15px; background:url(ico1.png) no-repeat; cursor:pointer; margin:0 5px;}
.indexFlashTel .btnDiv span.on{ background:url(ico1on.png) no-repeat;}
.indexFlashTel .bd{position:relative; z-index:0;}
.indexFlashTel .bd li{position:relative; text-align:center;}
.indexFlashTel .bd li img{width:100%; display:block;}

.indexPart1{ padding:70px 0;}
.indexPart1 .contentBox{ height:490px; background:url(nimg1240Bg1.png) no-repeat; position:relative;}
.indexPart1 .title{ height:36px; font-size:24px; color:#144F5E; background:url(ico2.png) left top no-repeat; padding-top:6px;}
.indexPart1 .title em{ padding-left:20px; color:#dee2e7; font-size:14px; text-transform:uppercase;}
.indexPart1 .imgDiv{ padding:45px 0 0 20px;}
.indexPart1 .rightDiv{ width:602px; padding-top:45px;}
.indexPart1 .name{ height:76px; line-height:76px; border-bottom:#eee solid 1px; font-size:20px; color:#144F5E; position:relative;}
.indexPart1 .name em{ position:absolute; left:0px; bottom:-1px; display:block; width:20px; height:2px; background:#258EAB;}
.indexPart1 .content{ font-size:14px; color:#777; height:120px; line-height:30px; padding-top:20px; overflow:hidden;}
.indexPart1 .list{ position:absolute; bottom:60px; right:0px; height:105px; box-shadow:4px 10px 10px rgba(35,25,25,0.1); -moz-box-shadow:4px 10px 10px rgba(35,25,25,0.1); -webkit-box-shadow:4px 10px 10px rgba(35,25,25,0.1);}
.indexPart1 .list li{ float:left; width:200px; height:105px; font-size:14px; text-align:center;}
.indexPart1 .list li a{ display:block; width:200px; height:105px; background:#fff url(line1.jpg) right center no-repeat; color:#258EAB;}
.indexPart1 .list li .ico{ padding:24px 0 15px;}
.indexPart1 .list li .img1{ display:none;}
.indexPart1 .list a:hover{ background:url(bg1.png) repeat; color:#fff;}
.indexPart1 .list a:hover .img1{ display:inline-block;}
.indexPart1 .list a:hover img{ display:none;}

.indexPart2{ height:250px; background:url(indexPart2Bg.png) center no-repeat; background-size:cover;}
.indexPart2 .leftDiv{ padding-top:56px; width:400px;}
.indexPart2 .title{ height:36px; font-size:24px; color:#fff; background:url(ico2.png) left top no-repeat; padding-top:6px;}
.indexPart2 .title em{ padding-left:20px; color:#fff; font-size:14px; text-transform:uppercase;}
.indexPart2 .btnDiv{ padding-top:50px;}
.indexPart2 .btnDiv a{ display:block; width:188px; height:48px; line-height:48px; border:#fff solid 1px; opacity:0.5; text-indent:20px; font-size:14px; color:#fff; background:url(nimg32_1.png) right center no-repeat;}
.indexPart2 .btnDiv a:hover{ opacity:1; border:#144F5E solid 1px; background:#144F5E url(nimg32_1on.png) right center no-repeat; box-shadow:4px 10px 10px rgba(35,25,25,0.1); -moz-box-shadow:4px 10px 10px rgba(35,25,25,0.1); -webkit-box-shadow:4px 10px 10px rgba(35,25,25,0.1);}
.indexPart2 .list{ padding-top:65px;}
.indexPart2 .list li{ float:left; width:180px; height:120px; font-size:14px; text-align:center; margin-left:20px; position:relative;}
.indexPart2 .list li a{ display:block; width:180px; height:120px; background:url(bg2.png) repeat; color:#258EAB;}
.indexPart2 .list li .ico{ padding:24px 0 15px;}
.indexPart2 .list li .img1{ display:none;}
.indexPart2 .list a:hover{ background:url(bg1.png) repeat; color:#fff;}
.indexPart2 .list a:hover .img1{ display:inline-block;}
.indexPart2 .list a:hover img{ display:none;}

.indexPart3{ padding:60px 0 70px 0;}
.indexPart3 .wal{ position:relative;}
.indexPart3 .title{ height:36px; font-size:24px; color:#144F5E; background:url(ico2.png) left top no-repeat; padding-top:6px;}
.indexPart3 .title em{ padding-left:20px; color:#dee2e7; font-size:14px; text-transform:uppercase;}
.indexPart3 .tab2{ position:absolute; right:0px; top:0px;}
.indexPart3 .tab2 li{ float:left; font-size:14px; width:105px; height:35px; color:#777; text-align:center; border-bottom:#fff solid 3px;}
.indexPart3 .tab2 li.liNow{ border-bottom:#258EAB solid 3px; color:#258EAB;}
.indexPart3 .list{ padding-top:40px;}
.indexPart3 .list ul{ margin-right:-20px;}
.indexPart3 .list li{ float:left; position:relative;}
.indexPart3 .list li .box{ width:285px; margin-right:20px;}
.indexPart3 .list li .imgDiv{ border:#eee solid 1px; position:relative;}
.indexPart3 .list li .imgDiv img { width:283px; height:190px; }
.indexPart3 .list li .hideBox{ position:absolute; left:0px; top:0px; display:none; z-index:11; width:100%; background:url(bg3.png) repeat;} 
.indexPart3 .list li .botDiv{ background:url(bg3.png) repeat; height:90px; color:#fff; text-align:center;}
.indexPart3 .list li .name{ font-size:20px; padding-top:25px; height:24px; overflow:hidden;}
.indexPart3 .list li .msg{ font-size:14px; color:#bababa; padding-top:12px;}
.indexPart3 .list li .ico{ position:absolute; left:50%; top:50%; margin-left:-22px; margin-top:-17px;}
.indexPart3 .list li:hover .box{ box-shadow:4px 10px 10px rgba(17,68,122,0.3); -moz-box-shadow:4px 10px 10px rgba(17,68,122,0.3); -webkit-box-shadow:4px 10px 10px rgba(17,68,122,0.3);}
.indexPart3 .list li:hover .imgDiv{ border:#346085 solid 1px;}
.indexPart3 .list li:hover .botDiv{ background:url(bg1.png) repeat;}
.indexPart3 .list li:hover .name{ color:#fff;}
.indexPart3 .list li:hover .msg{ color:#fff;}
.indexPart3 .btnDiv{ padding-top:50px; width:190px; height:50px; margin:0 auto;}
.indexPart3 .btnDiv a{ display:block; width:188px; height:48px; line-height:48px; border:#eee solid 1px; text-indent:20px; font-size:14px; color:#777999; background:url(nimg32_2.png) right center no-repeat;}
.indexPart3 .btnDiv a:hover{ color:#fff; border:#144F5E solid 1px; background:#144F5E url(nimg32_1on.png) right center no-repeat; box-shadow:4px 10px 10px rgba(17,68,122,0.3); -moz-box-shadow:4px 10px 10px rgba(17,68,122,0.3); -webkit-box-shadow:4px 10px 10px rgba(17,68,122,0.3);}

.indexPart4{ padding-bottom:70px; position:relative;}
.indexPart4 .title{ z-index:11; position:absolute; left:50%; margin-left:90px; top:40px; height:36px; font-size:24px; color:#fff; background:url(ico2.png) left top no-repeat; padding-top:6px;}
.indexPart4 .title em{ padding-left:20px; color:#5e7793; font-size:14px; text-transform:uppercase;}
.indexCase{ position:relative;}
.indexCase .slick{ background:#144F5E; overflow:hidden;}
.indexCase .slick .imgDiv{ width:50%;}
.indexCase .slick .imgDiv img{ width:100%; height:500px;}
.indexCase .slick .rightDiv{ width:50%;}
.indexCase .slick .contentBox{ padding:120px 0 0 90px;}
.indexCase .slick .name{ font-size:20px; color:#fff; padding-bottom:25px;}
.indexCase .slick .msgList{ width:90%; height:95px; border-top:#fff solid 1px; border-bottom:#fff solid 1px;}
.indexCase .slick .msgList p{ line-height:25px; color:#fff; margin:10px 0 0 0;}
.indexCase .slick .msgList li{ float:left; width:33.33%; height:87px; text-align:center; font-size:14px; color:#fff; background:url(line2.jpg) right center no-repeat;}
.indexCase .slick .msgList li em{ display:block; padding:16px 0 15px; color:#8b9bae;}
.indexCase .slick .content{ width:525px; padding-top:25px; font-size:14px; height:48px; line-height:24px; color:#cdd3db; overflow:hidden; margin-bottom:15px;}
.indexCase .slick .more{ width:78px; background:url(nimg32_1on.png) right center no-repeat; display:block; height:30px; line-height:30px; color:#fff;}
.indexCase .slick-dots{ position:absolute; left:50%; margin-left:90px; bottom:50px;}
.indexCase .slick-dots li{display:inline-block; margin-right:10px; width:10px; height:10px; background:url(ico3.png) no-repeat;}
.indexCase .slick-dots .slick-active{background:url(ico3on.png) no-repeat;}
.indexPart4 .btnDiv{ padding-top:50px; width:190px; height:50px; margin:0 auto;}
.indexPart4 .btnDiv a{ display:block; width:188px; height:48px; line-height:48px; border:#eee solid 1px; text-indent:20px; font-size:14px; color:#777999; background:url(nimg32_2.png) right center no-repeat;}
.indexPart4 .btnDiv a:hover{ color:#fff; border:#144F5E solid 1px; background:#144F5E url(nimg32_1on.png) right center no-repeat; box-shadow:4px 10px 10px rgba(17,68,122,0.3); -moz-box-shadow:4px 10px 10px rgba(17,68,122,0.3); -webkit-box-shadow:4px 10px 10px rgba(17,68,122,0.3);}

.indexPart5{ padding-bottom:70px;}
.indexPart5 .wal{ position:relative;}
.indexPart5 .title{ height:36px; font-size:24px; color:#144F5E; background:url(ico2.png) left top no-repeat; padding-top:6px;}
.indexPart5 .title em{ padding-left:20px; color:#dee2e7; font-size:14px; text-transform:uppercase;}
.indexPart5 .links{ position:absolute; right:0px; top:0px;}
.indexPart5 .links li{ float:left; font-size:14px;}
.indexPart5 .links li a{ display:block; width:105px; height:35px; color:#777; text-align:center; border-bottom:#fff solid 3px;}
.indexPart5 .links li a:hover{ border-bottom:#258EAB solid 3px; color:#258EAB;}
.indexNews{ padding:28px 0;}
.indexNews .slick-list{ padding-top:20px;}
.indexNews .slick{ width:275px; position:relative; padding:0 20px 0 315px; overflow:hidden; background:#fff; height:210px; border:#eee solid 1px; margin:0 9px;}
.indexNews .slick .imgDiv{ position:absolute; left:20px; top:20px;}
.indexNews .slick .imgDiv img { width:260px; height:170px; }
.indexNews .slick .name{ padding-top:18px; font-size:16px; height:20px; overflow:hidden;}
.indexNews .slick .time{ padding:12px 0 15px; border-bottom:#eee solid 1px; color:#bababa;}
.indexNews .slick .content{ padding-top:10px; height:48px; line-height:24px; overflow:hidden; color:#777; font-size:14px; margin-bottom:25px;}
.indexNews .slick .more{ width:78px; background:url(nimg32_2.png) right center no-repeat; display:block; height:30px; line-height:30px; color:#bababa;}
.indexNews .slick .more:hover{ color:#258EAB; background:url(nimg32_2on.png) right center no-repeat;}
.indexNews .slick:hover{ box-shadow:4px 10px 10px rgba(35,25,25,0.1); -moz-box-shadow:4px 10px 10px rgba(35,25,25,0.1); -webkit-box-shadow:4px 10px 10px rgba(35,25,25,0.1);}
.indexNews .slick-prev{ z-index:22; position:absolute; left:-80px; top:50%; margin-top:-20px; display:block; width:50px; height:40px; background:url(nimg50_left.png) no-repeat;}
.indexNews .slick-next{ z-index:22; position:absolute; right:-80px; top:50%; margin-top:-20px; display:block; width:50px; height:40px; background:url(nimg50_right.png) no-repeat;}
.indexNews .slick-prev:hover{ background:url(nimg50_lefton.png) no-repeat;}
.indexNews .slick-next:hover{ background:url(nimg50_righton.png) no-repeat;}
.indexNews .slick-dots{ position:absolute; right:0px;  bottom:-30px;}
.indexNews .slick-dots li{display:inline-block; margin-right:10px; width:10px; height:10px; background:url(ico3.png) no-repeat;}
.indexNews .slick-dots .slick-active{background:url(ico3on.png) no-repeat;}


.indexPart5 .btnDiv{ padding-top:22px; width:190px; height:50px; margin:0 auto;}
.indexPart5 .btnDiv a{ display:block; width:188px; height:48px; line-height:48px; border:#eee solid 1px; text-indent:20px; font-size:14px; color:#777999; background:url(nimg32_2.png) right center no-repeat;}
.indexPart5 .btnDiv a:hover{ color:#fff; border:#144F5E solid 1px; background:#144F5E url(nimg32_1on.png) right center no-repeat; box-shadow:4px 10px 10px rgba(17,68,122,0.3); -moz-box-shadow:4px 10px 10px rgba(17,68,122,0.3); -webkit-box-shadow:4px 10px 10px rgba(17,68,122,0.3);}


.yewufanwei{ padding:80px 0 34px;}
.yewufanweis .list{ padding-bottom:30px;}
.yewufanweis .list ul{ margin-right:-20px;}
.yewufanweis .list li{ float:left; position:relative; margin-bottom:40px;}
.yewufanweis .list li .box{ width:282px; height:390px; margin-right:20px; border:#F8F8F8 solid 1px;}
.yewufanweis .list li .imgDiv{ border:#eee solid 1px; position:relative; }
.yewufanweis .list li .imgDiv img { width:280px; height:210px; }
.yewufanweis .list li .hideBox{ position:absolute; left:0px; top:0px; display:none; z-index:11; width:100%; background:url(bg3.png) repeat;} 
.yewufanweis .list li .botDiv{ height:180px; text-align:center;}
.yewufanweis .list li .name{ font-size:20px; padding-top:15px; height:24px; overflow:hidden;}
.yewufanweis .list li .msg{ font-size:14px; color:#bababa; padding-top:12px; padding:15px; text-align: justify; line-height:20px; height:88px; display: block; overflow: hidden;}
.yewufanweis .list li .ico{ position:absolute; left:50%; top:50%; margin-left:-22px; margin-top:-17px;}
.yewufanweis .list li:hover .box{ box-shadow:4px 10px 10px rgba(17,68,122,0.3); -moz-box-shadow:4px 10px 10px rgba(17,68,122,0.3); -webkit-box-shadow:4px 10px 10px rgba(17,68,122,0.3);}
.yewufanweis .list li:hover .imgDiv{ border:#346085 solid 1px;}
.yewufanweis .list li:hover .botDiv{ background:url(bg1.png) repeat;}
.yewufanweis .list li:hover .name{ color:#fff;}
.yewufanweis .list li:hover .msg{ color:#fff;}


.contact{ padding-bottom:30px;}
.contact .part1 .leftDiv{ width:390px;}
.contact .part1 .name{ padding-left:22px; color:#144F5E; font-size:18px; font-weight:bold; background:url(ico4.png) left 3px no-repeat; height:24px;}
.contact .part1 .list{ padding-top:50px;}
.contact .part1 .list li{ font-size:14px; color:#777; margin-bottom:25px;}
.contact .part1 .list li em{ padding-right:15px;}
.contact .part1 .ewmDiv{ height:158px; padding-left:188px; position:relative;}
.contact .part1 .ewmDiv .imgDiv{ position:absolute; left:0px; top:0px;}
.contact .part1 .ewmDiv p{ padding-top:58px; line-height:24px; color:#777;}
.contact .part1 .rightDiv{ width:820px;}
.contact .part1 .mapDiv{ border:#eee solid 1px;}
.contact .part2{ padding-top:90px;}
.contact .part2 .title{ padding-left:22px; color:#144F5E; font-size:18px; font-weight:bold; background:url(ico4.png) left 3px no-repeat; height:24px;}
.contact .part2 .list{ padding-top:45px;}
.contact .part2 .list ul{ margin-right:-20px;}
.contact .part2 .list li{ float:left; margin-bottom:20px;}
.contact .part2 .list li .box{ margin-right:20px; width:398px; height:120px; border:#eee solid 1px;}
.contact .part2 .list li .name{ padding:20px 0 0 18px; font-size:14px; color:#258EAB; font-weight:bold;}
.contact .part2 .msgList{ padding:10px 0 0 18px;}
.contact .part2 .msgList dd{ font-size:14px; color:#777; line-height:30px;}
.contact .part2 .msgList em{ padding-right:20px;}


.tipsPage{ width:540px; height:230px; position:absolute; left:50%; margin-left:-270px; top:50%; margin-top:-115px;}
.tipsPage .logoDiv{ text-align:center;}
.tipsPage .txt{ text-align:center; font-size:34px; color:#258EAB; padding:30px 0 40px;}
.tipsPage .btnGroup{ width:480px; margin:0 auto;}
.tipsPage .btnGroup li{ float:left; width:190px; height:50px; margin:0 25px;}
.tipsPage .btnGroup a{ display:block; width:188px; height:48px; line-height:48px; border:#eee solid 1px; text-indent:20px; font-size:14px; color:#777999; background:url(nimg32_2.png) right center no-repeat;}
.tipsPage .btnGroup a:hover{ color:#fff; border:#144F5E solid 1px; background:#144F5E url(nimg32_1on.png) right center no-repeat; box-shadow:4px 10px 10px rgba(17,68,122,0.3); -moz-box-shadow:4px 10px 10px rgba(17,68,122,0.3); -webkit-box-shadow:4px 10px 10px rgba(17,68,122,0.3);}

.about{ padding-bottom:50px;}
.about .title{ height:30px; line-height:30px; font-size:20px; color:#144F5E; padding-left:24px; background:url(ico4.png) left center no-repeat; font-weight:bold;}
.about .part1{ padding-bottom:80px;}
.about .part1 .imgDiv{ padding:40px 0; text-align:center;}
.about .part1 .content{ color:#777; font-size:14px; line-height:24px;}
.about .list{ width:600px; margin:0 auto; padding:40px 0;}
.about .list li{ float:left; width:200px; height:130px; background:#f5f5f5; font-size:14px; text-align:center; color:#777;}
.about .list .li01{ background:#eee;}
.about .list li .ico{ padding:25px 0 20px;}
.about .contentBox{ padding-top:50px;}
.about .part2 .imgDiv{ height:400px; background:url(nimg20_2.png) left bottom no-repeat;}
.about .part2 .rightDiv{ padding-left:94px; width:526px; height:400px; background:url(nimg20_3.png) right bottom no-repeat;}
.about .part2 .icon{ padding-top:95px;}
.about .part2 .msg{ padding-top:30px; color:#777; font-size:14px; line-height:24px;}

.culture{ padding-bottom:30px;}
.culture .title{ height:30px; line-height:30px; font-size:20px; color:#144F5E; padding-left:24px; background:url(ico4.png) left center no-repeat; font-weight:bold;}
.culture .txt{ font-weight:bold; font-size:14px; color:#258EAB; padding:30px 0 20px;}
.culture .content{ color:#777; font-size:14px; line-height:24px; padding:30px 0 20px;}
.culture .content p{ text-indent:2em; font-size: 14px; margin: 5px 0; text-align: justify; }
.culture .content p a { color: #777; }
.culture .content p img { max-width: 100%; max-height: 100%; display: block; margin: 10px auto; }
.culture .content p strong { font-size: 15px; color: #258EAB; font-weight: bold; line-height: 33px; }

.culture1{ padding-bottom:0px;}
.culture1 .title{ height:30px; line-height:30px; font-size:20px; color:#144F5E; padding-left:24px; background:url(ico4.png) left center no-repeat; font-weight:bold;}
.culture1 .txt{ font-weight:bold; font-size:14px; color:#258EAB; padding:30px 0 20px;}
.culture1 .content{ color:#777; font-size:14px; line-height:24px; padding:30px 0 20px;}
.culture1 .content p{ text-indent:2em; font-size: 14px; margin: 5px 0; text-align: justify; }
.culture1 .content p a { color: #777; }
.culture1 .content p img { max-width: 100%; max-height: 100%; display: block; margin: 10px auto; }
.culture1 .content p strong { font-size: 15px; color: #258EAB; font-weight: bold; line-height: 33px; }


.culture .imgDiv{ padding-top:20px;}
.culture .list{ padding-bottom:20px;}
.culture .list li{ padding-left:136px; position:relative; height:178px; border-bottom:#eee solid 1px;}
.culture .list li .num{ position:absolute; left:0px; top:30px; font-size:94px; color:#f6eee3; font-family:Impact;}
.culture .list li .name{ padding:45px 0 15px; font-size:16px; color:#144F5E; font-weight:bold;}
.culture .list li .msg{ font-size:14px; color:#777; line-height:24px;}
.culture .content2{ padding-top:40px;}

.history{ padding-bottom:50px;}
.history .imgDiv{ padding-left:135px;}
.history .list{ background:url(line1.jpg) 166px top repeat-y; padding:40px 0 60px;}
.history .list li{ padding-left:210px; min-height:50px; padding-bottom:60px; position:relative;}
.history .list li .time{ position:absolute; left:0px; top:0px; width:125px; height:40px; background:url(nimg125_1.png) no-repeat; font-size:14px; color:#fff; line-height:40px; text-indent:24px;}
.history .list li .ico{ position:absolute; left:155px; top:10px;}
.history .list li .content{ padding-top:6px; color:#777; font-size:14px; line-height:24px;}

.video .list{ padding-bottom:50px;}
.video .list ul{ margin-right:-20px;}
.video .list li{ float:left; position:relative;}
.video .list li .box{ width:400px; height:340px; margin-right:20px;}
.video .list li .imgDiv{ position:relative;}
.video .list li .hideBox{ position:absolute; left:0px; top:0px; display:none; z-index:11; width:100%; background:url(bg3.png) repeat;} 
.video .list li .name{ font-size:14px; padding-top:25px; height:24px; overflow:hidden; text-align:center; line-height:24px;}
.video .list li .ico{ position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px;}
.video .list li:hover .imgDiv{ box-shadow:4px 10px 10px rgba(17,68,122,0.3); -moz-box-shadow:4px 10px 10px rgba(17,68,122,0.3); -webkit-box-shadow:4px 10px 10px rgba(17,68,122,0.3);}
.video .list li:hover .name{ color:#144F5E;}

.videoShow{ padding-bottom:10px;}
.videoShow .name{ text-align:center; font-size:24px; color:#144F5E; padding-bottom:15px;}
.videoShow .time{ text-align:center; color:#bababa; border-bottom:#eee solid 1px; padding-bottom:15px;}
.videoShow .imgDivBox{ width:820px; margin:0 auto; padding-top:50px;}
.videoShow .imgDiv{ position:relative;}
.videoShow .hideBox{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(bg3.png) repeat;}
.videoShow .hideBox .ico{ position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px;}
.videoShow .txt{ font-size:14px; color:#258EAB; font-weight:bold; padding:50px 0 25px;}
.videoShow .content{ font-size:14px; line-height:24px; color:#777; padding-bottom:80px;}
.videoShow .share{ float:right; padding-left:56px; position:relative; height:27px; line-height:27px; font-size:14px;}
.videoShow .share em{ position:absolute; left:0px; top:0px;}
.videoShow .share li{ float:left; margin-left:10px;}

.pageDown{height:120px; position:relative;}
.pageDown .box{ border-top:#eee solid 1px; padding-top:15px;}
.pageDown .btn{position:absolute; display:block; top:21px; right:0px; width:188px; height:48px; border:#e0e0e0 solid 1px; text-align:center; line-height:48px; color:#8b8b8c; font-size:14px;}
.pageDown .btn:hover{ color:#fff; border:#144F5E solid 1px; background:#144F5E; box-shadow:4px 10px 10px rgba(17,68,122,0.3); -moz-box-shadow:4px 10px 10px rgba(17,68,122,0.3); -webkit-box-shadow:4px 10px 10px rgba(17,68,122,0.3);}
.pageDown li{ height:30px; line-height:30px; overflow:hidden; position:relative; top:-3px; font-size:14px;}

.productTab{ width:630px; margin:0 auto; height:100px;}
.productTab li{ float:left; width:210px; font-size:14px;}
.productTab li .box{ margin:0 10px;}
.productTab li .box a{ color:#777; display:block; height:48px; border:#eee solid 1px; text-align:center; line-height:48px;}
.productTab li .box a:hover, .productTab li .box .aNow{ border:#258EAB solid 1px; background:url(bg6.jpg) repeat; color:#fff;}

.product .list{ padding-bottom:30px;}
.product .list ul{ margin-right:-20px;}
.product .list li{ float:left; position:relative; margin-bottom:40px;}
.product .list li .box{ width:282px; height:100%; margin-right:20px; border:#F8F8F8 solid 0px;}
.product .list li .imgDiv{ position:relative;display: table-cell;overflow:hidden;text-align: center;background:#f1f1f1;vertical-align: middle; width:282px; height:180px;}
.product .list li .imgDiv img { width:282px; height:180px;}
.product .list li .hideBox{ position:absolute; left:0px; top:0px; display:none; z-index:11; width:100%; background:#258EAB repeat;} 
.product .list li .botDiv{ background: url(bg3.png) repeat; height:210px; text-align:center;}
.product .list li .name{ font-size:20px; padding-top:15px; height:24px; color:#fff; overflow:hidden;}
.product .list li .msg{ text-indent: 0em; margin: 0; background: url(bg3.png) repeat; color: #fff; font-size: 13px; text-align: justify; height: 110px; line-height: 20px; padding: 18px 15px 10px; display: block; overflow: hidden;}
.product .list li .ico{ position:absolute; left:50%; top:50%; margin-left:-22px; margin-top:-17px;}
.product .list li:hover .box{ box-shadow:4px 10px 10px rgba(17,68,122,0.3); -moz-box-shadow:4px 10px 10px rgba(17,68,122,0.3); -webkit-box-shadow:4px 10px 10px rgba(17,68,122,0.3);}
.product .list li:hover .imgDiv{ border:#258EAB solid 0px;}
.product .list li:hover .imgDiv img{transform: scale(1.3);transition: all 1s ease 0s;-webkit-transform: scale(1.3);-webkit-transform: all 1s ease 0s;}
.product .list li:hover .botDiv{ background:url(bg1.png) repeat; color:#fff;}
.product .list li:hover .name{ background:url(bg1.png) repeat; color:#fff;}
.product .list li:hover .msg{ background:url(bg1.png) repeat; color:#fff;}

.productShow{ max-width:1200px; margin:0 auto; position:relative; height:100%; overflow:hidden; padding-bottom:30px;}
.productShow .part0{ padding-top:50px;}
.productShow .part0 p{ text-indent:2em; font-size: 14px; margin: 5px 0; text-align: justify; }
.productShow .part0 p a { color: #777; }
.productShow .part0 p img { max-width: 100%; max-height: 100%; display: block; margin: 10px auto; }
.productShow .part0 p strong { font-size: 15px; color: #258EAB; font-weight: bold; line-height: 33px; }
.productShow .part1{ height:350px; padding-left:650px; position:relative;}
.productShow .part1 .imgDiv{ position:absolute; left:0px; top:0px; border:#eee solid 1px;}
.productShow .part1 .imgDiv img { width: 600px; height: 350px;}

.productShow .part1 .name{ height:50px; border-bottom:#eee solid 1px; position:relative; font-size:20px; color:#144F5E;}
.productShow .part1 .name em{ position:absolute; left:0px; bottom:-2px; width:30px; height:3px; background:#258EAB;}
.productShow .part1 .content{ font-size:14px; line-height:24px; color:#777; padding-top:25px;}
.productShow .part1 .botDiv{ position:absolute; left:650px; bottom:0px; width:540px;}
.productShow .part1 .telDiv p{ padding-left:5px; background:url(nimg19_1.png) left center no-repeat; font-size:16px; color:#144F5E;}
.productShow .part1 .num{ font-size:34px; color:#258EAB; font-family:Impact; padding-top:15px;}
.productShow .part1 .btnDiv{ position:absolute; right:0px; bottom:0px;}
.productShow .part1 a{ display:block; width:188px; height:48px; border:#e0e0e0 solid 1px; text-align:center; line-height:48px; color:#8b8b8c; font-size:14px;}
.productShow .part1 a:hover{ color:#fff; border:#144F5E solid 1px; background:#144F5E; box-shadow:4px 10px 10px rgba(17,68,122,0.3); -moz-box-shadow:4px 10px 10px rgba(17,68,122,0.3); -webkit-box-shadow:4px 10px 10px rgba(17,68,122,0.3);}
.productShow .part1 p{ text-indent:2em; font-size: 14px; margin: 5px 0; text-align: justify; }
.productShow .part1 p a { color: #777; }
.productShow .part1 p img { max-width: 100%; max-height: 100%; display: block; margin: 10px auto; }
.productShow .part1 p strong { font-size: 15px; color: #258EAB; font-weight: bold; line-height: 33px; }
.productShow .part2{ padding-top:50px;}
.productShow .part2 p{ text-indent:2em; font-size: 14px; margin: 5px 0; text-align: justify; }
.productShow .part2 p a { color: #777; }
.productShow .part2 p img { max-width: 100%; max-height: 100%; display: block; margin: 10px auto; }
.productShow .part2 p strong { font-size: 15px; color: #258EAB; font-weight: bold; line-height: 33px; }

.productShow .title{ height:50px; background:#258EAB; margin-bottom:50px; position:relative;}
.productShow .title p{ text-indent:0em; width:210px; height:50px; background:url(nimg210_1.png) no-repeat; text-align:center; line-height:50px; color:#fff; font-size:16px;}
.productShow .title a{ color:#fff; position:absolute; right:15px; top:0px; line-height:50px; font-size:14px;}
.productShow .tableList{ border-top:#eee solid 1px; border-left:#eee solid 1px;}
.productShow .tableList li{ padding:20px 0; border-bottom:#eee solid 1px; border-right:#eee solid 1px; padding-left:240px; position:relative; font-size:14px; color:#777;}
.productShow .tableList li em{ position:absolute; left:0px; top:0px; height:100%; background:#f5f5f5; text-align:center; width:210px; display:block; color:#666; line-height:60px;}
.productShow .part3{ padding-top:80px;}
.productShow .part4{ padding-top:0px;}
.productShow .title4{ height:50px; background:#258EAB; margin-bottom:25px; position:relative;}
.productShow .title4 p{ width:210px; height:50px; background:url(nimg210_1.png) no-repeat; text-align:center; line-height:50px; color:#fff; font-size:16px;}
.productShow .title4 a{ color:#fff; position:absolute; right:15px; top:0px; line-height:50px; font-size:14px;}
.productShow .list{ padding-bottom:80px;}
.productShow .list ul{ margin-right:-20px;}
.productShow .list li{ float:left;}
.productShow .list li .box{ width:610px; margin-right:20px; position:relative;}
.productShow .list li .box img { width: 610px; height: 320px;}
.productShow .list li .name{ overflow:hidden; font-size:16px; position:absolute; left:0px; bottom:0px; width:100%; height:50px; background:url(bg1.png) repeat; text-align:center; line-height:50px; color:#fff;}
.productShow .list li:hover .name{ background:url(bg3.png) repeat;}
.productShow .list4{ padding-bottom:70px;}
.productShow .list4 ul{ margin-right:-20px;}
.productShow .list4 li{ float:left;}
.productShow .list4 li .box{ width:610px; margin-right:20px; position:relative;}
.productShow .list4 li .box img { width: 610px; height: 320px;}
.productShow .list4 li .name{ overflow:hidden; font-size:16px; position:absolute; left:0px; bottom:0px; width:100%; height:50px; background:url(bg1.png) repeat; text-align:center; line-height:50px; color:#fff;}
.productShow .list4 li:hover .name{ background:url(bg3.png) repeat;}
.productShow .share{ float:right; padding-left:56px; position:relative; height:27px; line-height:27px; font-size:14px;}
.productShow .share em{ position:absolute; left:0px; top:0px;}
.productShow .share li{ float:left; margin-left:10px;}

.case{ padding-bottom:70px;} 
.case .list li{ height:420px; background:url(line3.png) bottom repeat-x; padding-left:716px; position:relative;}
.case .list li a{ display:block; width:100%; height:100%;}
.case .list li .imgDiv{ position:absolute; left:0px; top:50px;}
.case .list li .imgDiv img { width:610px; height:320px; overflow:hidden;}
.case .list li:hover .imgDiv img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.case .list li .name{ padding-top:76px; height:50px; border-bottom:#eee solid 1px; position:relative; font-size:16px; color:#333;}
.case .list li .name em{ position:absolute; left:0px; bottom:-2px; width:30px; height:3px; background:#258EAB;}
.case .list li .content{ padding-top:25px; font-size:14px; line-height:24px; color:#777;}
.case .list li .more{ margin-top:20px; display:block; height:24px; line-height:24px; font-size:14px; color:#777; width:60px; background:url(nimg12_1.png) right center no-repeat;}
.case .list li:hover .name{ color:#144F5E; font-weight:bold;}
.case .list li:hover .more{ color:#144F5E; background:url(nimg12_1on.png) right center no-repeat;}
.case .list .li01{ padding-right:716px; padding-left:0px;}
.case .list .li01 .imgDiv{ left:auto; right:0px;}

.caseShow{ padding-bottom:10px;}
.caseShow .name{ text-align:center; color:#144F5E; font-size:24px; padding-bottom:15px;}
.caseShow .share{ float:right; padding-left:56px; position:relative; height:27px; line-height:27px; font-size:14px;}
.caseShow .share em{ position:absolute; left:0px; top:0px;}
.caseShow .share li{ float:left; margin-left:10px;}
.caseShow .time{ text-align:center; color:#bababa; padding-bottom:15px;}
.caseShow .msgList{ border-top:#eee solid 1px; border-bottom:#eee solid 1px; height:90px;}
.caseShow .msgList li{ float:left; width:33.33%; background:url(line4.jpg) right center no-repeat; height:90px; line-height:90px; color:#777; font-size:14px; text-align:center;}
.caseShow .msgList li em{ color:#258EAB;}
.caseShow .txt{ padding:48px 0 20px; font-size:16px; color:#144F5E; font-weight:bold;}
.caseShow .txts{ padding:0px 0 20px; font-size:16px; color:#144F5E; font-weight:bold;}
.caseShow .content{ font-size:14px; line-height:24px; color:#777; padding-bottom:30px;}
.caseShow .bigBox{ padding-bottom:80px;}
.casePic{ position:relative;}
.casePic .slick .imgDiv{ text-align:center;}
.casePic .slick .imgDiv img { width:590px; height:320px; margin:10px;}
.casePic .slick-prev{ display:block; width:50px; height:40px; position:absolute; left:0px; top:50%; margin-top:-20px; background:url(nimg50_left.png) no-repeat; z-index:11;}
.casePic .slick-next{ display:block; width:50px; height:40px; position:absolute; right:0px; top:50%; margin-top:-20px; background:url(nimg50_right.png) no-repeat; z-index:11;}
.casePic .slick-prev:hover{ background:url(nimg50_lefton.png) no-repeat;}
.casePic .slick-next:hover{ background:url(nimg50_righton.png) no-repeat;}

.research{ padding-bottom:50px;}
.research li{ padding:30px 0; background:#f5f5f5; padding-left:105px; position:relative; margin-bottom:20px; font-size:14px; color:#777;}
.research li em{ position:absolute; left:0px; top:0px; width:85px; height:100%; line-height:80px; font-size:24px; color:#666; text-align:center; background:#eee;}
.research li:hover em{ background:url(bg1.png) repeat; color:#fff;}
.research li:hover{ box-shadow:4px 10px 10px rgba(35,25,25,0.1); -moz-box-shadow:4px 10px 10px rgba(35,25,25,0.1); -webkit-box-shadow:4px 10px 10px rgba(35,25,25,0.1);}

.customize{ padding-bottom:50px;}
.customize .content{ color:#777; font-size:14px; line-height:24px;}
.customize .list{ width:600px; margin:0 auto; padding:40px 0;}
.customize .list li{ float:left; width:200px; height:130px; background:#f5f5f5; font-size:14px; text-align:center; color:#777;}
.customize .list .li01{ background:#eee;}
.customize .list li .ico{ padding:25px 0 20px;}
.customize .imgDiv{ padding-top:50px;}

.install{ padding-bottom:50px;}
.install .content{ color:#777; font-size:14px; line-height:24px;}
.install .imgDiv{ padding:50px 0; text-align:center;}

.service{ padding-bottom:50px;}
.service .txt{ padding-left:22px; padding-top:35px; height:24px; background:url(nimg34_1.png) left top no-repeat; font-size:20px; color:#144F5E; font-weight:bold;}
.service .txt b{ padding-left:30px; font-size:14px; color:#258EAB;}
.service .list{ padding-top:45px;}
.service .list li{ padding-left:210px; min-height:70px; margin-bottom:50px; position:relative; font-size:14px;}
.service .list li .name{ position:absolute; left:0px; top:0px; width:195px; height:70px; background:url(nimg195_1.png) no-repeat; line-height:70px; text-align:center; font-size:16px; color:#fff;}
.service .list li .name img{ position:relative; padding-right:10px; top:-24px;}
.service .list .li01 .name{ background:url(nimg195_2.png) no-repeat; }
.service .list li .msg{ height:70px; display:block; display:table-cell; vertical-align:middle; line-height:24px; color:#777;}
.service .content{ padding:50px 0; color:#777; line-height:24px; font-size:14px;}
.service .imgDiv{ text-align:center;}

.news{ padding-bottom:70px;}
.news .list li{ height:282px; border-bottom:#eee solid 1px; padding-left:525px; position:relative;}
.news .list li a{ display:block; width:100%; height:100%;}
.news .list li .imgDiv{ width:293px; border:#eee solid 1px; position:absolute; left:0px; top:50px;}
.news .list li .imgDiv img{ width:293px; height:175px;}
.news .list li .timeDiv{ position:absolute; left:350px; width:125px; text-align:right; top:105px; font-size:14px; color:#258EAB;}
.news .list li .timeDiv em{ font-size:44px; display:block;}
.news .list li .name{ padding-top:46px; height:40px; position:relative; font-size:20px; color:#333; overflow:hidden;}
.news .list li .name em{ position:absolute; left:0px; bottom:0px; background:#e0e0e0; width:20px; height:2px; display:block;}
.news .list li .content{ padding-top:15px; font-size:14px; line-height:24px; color:#777; height:72px; overflow:hidden; margin-bottom:20px;}
.news .list li .btnDiv{ width:103px; height:38px; border:#eee solid 1px; text-align:center; line-height:38px; font-size:14px; color:#777;}
.news .list li:hover .name{ color:#144F5E; font-weight:bold;}
.news .list li:hover .name em{ background:#258EAB;}
.news .list li:hover .btnDiv{ color:#fff; border:#144F5E solid 1px; background:url(bg1.png) repeat; box-shadow:4px 10px 10px rgba(17,68,122,0.3); -moz-box-shadow:4px 10px 10px rgba(17,68,122,0.3); -webkit-box-shadow:4px 10px 10px rgba(17,68,122,0.3);}

.newShow{ padding-bottom:30px;}
.newShow .name{ text-align:center; font-size:28px; color:#144F5E; padding-bottom:15px;}
.newShow .time{ text-align:center; color:#bababa; border-bottom:#eee solid 1px; padding-bottom:15px;}
.newShow .time span { margin-left: 20px; margin-right: 20px; color: color:#bababa;}
.newShow .content{ color:#777; font-size:14px; line-height:24px; padding:30px 0 20px;}
.newShow .content p{ text-indent:2em; font-size: 14px; margin: 5px 0; text-align: justify; }
.newShow .content p a { color: #777; }
.newShow .content p img { max-width: 100%; max-height: 100%; display: block; margin: 10px auto; }
.newShow .content p strong { font-size: 15px; color: #258EAB; font-weight: bold; line-height: 33px; }
.newShow .imgDiv{ text-align:center; padding:25px 0;}
.newShow .share{ float:right; padding-left:56px; position:relative; height:27px; line-height:27px; font-size:14px;}
.newShow .share em{ position:absolute; left:0px; top:0px;}
.newShow .share li{ float:left; margin-left:10px;}

.concept .list li{ height:100px; padding-left:218px; position:relative; border:#eee solid 1px; margin-bottom:50px;}
.concept .list li .leftDiv{ position:absolute; left:0px; top:0px; width:190px; height:100px; background:#f5f5f5; text-align:center; font-size:14px; color:#258EAB;}
.concept .list li .ico{ padding:24px 0 8px;}
.concept .list li .content{ font-size:14px; color:#777; line-height:32px; padding-top:16px;}

.job{ padding-bottom:30px;}
.job .list ul{ margin-right:-19px;}
.job .list li{ float:left; margin-bottom:20px;}
.job .list li .box{ border:#eee solid 1px; width:398px; height:233px; margin-right:19px;}
.job .list li a{ display:block; width:100%; height:100%;}
.job .list li .name{ height:56px; background:#eee url(nimg45_2.png) right center no-repeat; line-height:56px; font-size:16px; color:#333; padding-left:30px; position:relative;}
.job .list li .botDiv{ padding:18px 0 0 30px;}
.job .list li .botDiv dd{ font-size:14px; line-height:32px; height:32px; position:relative; padding-left:123px; color:#777;}
.job .list li .botDiv dd em{ position:absolute; left:0px; top:0px; color:#258EAB}
.job .list li:hover .box{ box-shadow:4px 10px 10px rgba(35,25,25,0.1); -moz-box-shadow:4px 10px 10px rgba(35,25,25,0.1); -webkit-box-shadow:4px 10px 10px rgba(35,25,25,0.1);}
.job .list li:hover .name{ background:#144F5E url(nimg45_2on.png) right center no-repeat; color:#fff;}

.jobShow{ padding-bottom:50px;}
.jobShow .name{ font-size:24px; color:#144F5E; padding-bottom:20px;}
.jobShow .msg{ font-size:14px; color:#777; padding-bottom:25px;}
.jobShow .msg em{ color:#258EAB;}
.jobShow .list li{ float:left; width:25%; height:100px; background:#f5f5f5; text-align:center; font-size:14px; color:#777;}
.jobShow .list li em{ display:block; padding:25px 0 12px; color:#258EAB;}
.jobShow .title{ font-size:14px; color:#144F5E; font-weight:bold; padding:45px 0 10px;} 
.jobShow .content{ font-size:14px; color:#777; line-height:24px;}
.jobShow .btnGroup{ border-top:#eee solid 1px; padding-top:40px; margin-top:40px;}
.jobShow .btnGroup li{ float:left; margin-right:20px;}
.jobShow .btnGroup a{ display:block; width:188px; height:48px; border:#e0e0e0 solid 1px; text-align:center; line-height:48px; color:#8b8b8c; font-size:14px;}
.jobShow .btnGroup a:hover{ color:#fff; border:#144F5E solid 1px; background:#144F5E; box-shadow:4px 10px 10px rgba(17,68,122,0.3); -moz-box-shadow:4px 10px 10px rgba(17,68,122,0.3); -webkit-box-shadow:4px 10px 10px rgba(17,68,122,0.3);}

.lyb{ padding-bottom:50px;}
.lyb .msg{ text-align:center; font-size:16px; color:#258EAB; height:50px; position:relative;}
.lyb .msg em{ position:absolute; left:50%; bottom:0px; display:block; width:20px; margin-left:-10px; height:2px; background:#144F5E;}
.lyb .list{ padding:30px 102px 0;}
.lyb .list ul{ margin-right:-20px;}
.lyb .list li{ float:left; height:70px;}
.lyb .list li .box{ width:420px; height:50px; margin-right:20px; border:#eee solid 1px; padding-left:85px; position:relative;}
.lyb .list li .icoDiv{ position:absolute; left:0px; top:0px; width:85px; height:50px; background:#eee; text-align:center;}
.lyb .list li .icoDiv img{ position:relative; top:13px;}
.lyb .list li .input1{ width:100%; height:50px; line-height:50px; font-size:14px; color:#bababa; text-indent:20px;}
.lyb .list .li01{ height:230px;}
.lyb .list .li01 .box{ width:947px; height:198px; margin-right:0px;}
.lyb .list .li01 .icoDiv{ height:198px;}
.lyb .list .li01 .icoDiv img{ top:83px;}
.lyb .list textarea{ width:940px; height:190px; border:none;}
.lyb .btnGroup{ width:420px; margin:0 auto;}
.lyb .btnGroup li{ float:left; margin:0 10px;}
.lyb .btnGroup a{ display:block; width:188px; height:48px; border:#e0e0e0 solid 1px; text-align:center; line-height:48px; color:#8b8b8c; font-size:14px;}
.lyb .btnGroup a:hover{ color:#fff; border:#144F5E solid 1px; background:#144F5E; box-shadow:4px 10px 10px rgba(17,68,122,0.3); -moz-box-shadow:4px 10px 10px rgba(17,68,122,0.3); -webkit-box-shadow:4px 10px 10px rgba(17,68,122,0.3); }

.c_tjyd{z-index: 5; background: url(bg2.png) repeat;margin-bottom:0px; padding-top:2.5em; text-decoration: none;}
.news_tjyd_con{ padding-bottom: 40px; text-decoration: none;}
.news_tjyd_con ._list ._t{ font-size: 17px; font-weight: bold; margin-top: 10px; margin-bottom: 5px; color: #777; text-decoration: none; white-space: nowrap; overflow: hidden; width: 270px;}
.news_tjyd_con ._list ._p{ font-size: 13px; color: #777; line-height: 24px; height: 72px; white-space: normal; overflow: hidden; }
.news_tjyd_con ._list li:hover ._t,.news_tjyd_con ._list li:hover ._p{ color: #144F5E; text-decoration: none; }
/* ÉèÖÃ */
.wrap { max-width: 1200px; margin-right: auto; margin-left: auto; *width: 1200px; font-size: 13px;line-height: 1.8; color: #777; overflow-x: hidden; min-width: 1200px; font-family: microsoft yahei; text-decoration: none; }
a{color:inherit; *color:#777; text-decoration: none;}
a:hover { color: #144F5E; text-decoration: none;}
input,select,button,textarea{ font-family:microsoft yahei;vertical-align: middle;border: none;}
.tjyd_tit{width: 80%;margin: 0 auto 10px;text-align: center;}
.tjyd_tit .tit{font-size:30px; position:relative;padding-bottom: 15px;margin-bottom: 15px;}
.tjyd_tit .tit:after{content:'';width:60px;height:3px;background-color:#144F5E; position:absolute;bottom:0;left:50%; margin-left:-30px;}
.tjyd_tit .p{font-size:16px; color:#777; }
.row{width:102%;transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:''}.row>[class*="span-"]{float:left;margin-right:2%;*margin-right:1.89%}.row>.span-1{width:6.33333333%}.row>.span-2{width:14.66666667%}.row>.span-3{width:23%}.row>.span-4{width:31.33333333%}.row>.span-5{width:39.66666667%}.row>.span-6{width:48%}.row>.span-7{width:56.33333333%}.row>.span-8{width:64.66666667%}.row>.span-9{width:73%}.row>.span-10{width:81.33333333%}.row>.span-11{width:89.66666667%}.row>.span-12{width:98%}.row>.span-13{width:106.33333333%}.row>.span-14{width:114.66666667%}.row>.span-15{width:123%}.row>.span-16{width:131.33333333%}.row>.span-17{width:139.66666667%}.row>.span-18{width:148%}.row>.span-19{width:156.33333333%}.row>.span-20{width:164.66666667%}.row>.span-21{width:173%}.row>.span-22{width:181.33333333%}.row>.span-23{width:189.66666667%}.row>.span-24{width:198%}.full-row{width:100%;transition:.2s width ease;*zoom:1}.full-row:before,.full-row:after{display:table;clear:both;content:''}.full-row>[class*='span']{float:left}.full-row>.span-1{width:8.33333333%;*width:8.22333333%}.full-row>.span-2{width:16.66666667%;*width:16.55666667%}.full-row>.span-3{width:25%;*width:24.89%}.full-row>.span-4{width:33.33333333%;*width:33.22333333%}.full-row>.span-5{width:41.66666667%;*width:41.55666667%}.full-row>.span-6{width:50%;*width:49.89%}.full-row>.span-7{width:58.33333333%;*width:58.22333333%}.full-row>.span-8{width:66.66666667%;*width:66.55666667%}.full-row>.span-9{width:75%;*width:74.89%}.full-row>.span-10{width:83.33333333%;*width:83.22333333%}.full-row>.span-11{width:91.66666667%;*width:91.55666667%}.full-row>.span-12{width:100%;*width:99.89%}.full-row>.span-13{width:108.33333333%;*width:108.22333333%}.full-row>.span-14{width:116.66666667%;*width:116.55666667%}.full-row>.span-15{width:125%;*width:124.89%}.full-row>.span-16{width:133.33333333%;*width:133.22333333%}.full-row>.span-17{width:141.66666667%;*width:141.55666667%}.full-row>.span-18{width:150%;*width:149.89%}.full-row>.span-19{width:158.33333333%;*width:158.22333333%}.full-row>.span-20{width:166.66666667%;*width:166.55666667%}.full-row>.span-21{width:175%;*width:174.89%}.full-row>.span-22{width:183.33333333%;*width:183.22333333%}.full-row>.span-23{width:191.66666667%;*width:191.55666667%}.full-row>.span-24{width:200%;*width:199.89%}.row>.pull-right,.full-row>.pull-right{float:right}.row>.center{position:relative;left:-1%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.pull-left-1{position:relative;left:-8.33333333%}.pull-left-2{position:relative;left:-16.66666667%}.pull-left-3{position:relative;left:-25%}.pull-left-4{position:relative;left:-33.33333333%}.pull-left-5{position:relative;left:-41.66666667%}.pull-left-6{position:relative;left:-50%}.pull-left-7{position:relative;left:-58.33333333%}.pull-left-8{position:relative;left:-66.66666667%}.pull-left-9{position:relative;left:-75%}.pull-left-10{position:relative;left:-83.33333333%}.pull-left-11{position:relative;left:-91.66666667%}.pull-left-12{position:relative;left:-100%}.pull-left-13{position:relative;left:-108.33333333%}.pull-left-14{position:relative;left:-116.66666667%}.pull-left-15{position:relative;left:-125%}.pull-left-16{position:relative;left:-133.33333333%}.pull-left-17{position:relative;left:-141.66666667%}.pull-left-18{position:relative;left:-150%}.pull-left-19{position:relative;left:-158.33333333%}.pull-left-20{position:relative;left:-166.66666667%}.pull-left-21{position:relative;left:-175%}.pull-left-22{position:relative;left:-183.33333333%}.pull-left-23{position:relative;left:-191.66666667%}.pull-left-24{position:relative;left:-200%}.pull-right-1{position:relative;left:8.33333333%}.pull-right-2{position:relative;left:16.66666667%}.pull-right-3{position:relative;left:25%}.pull-right-4{position:relative;left:33.33333333%}.pull-right-5{position:relative;left:41.66666667%}.pull-right-6{position:relative;left:50%}.pull-right-7{position:relative;left:58.33333333%}.pull-right-8{position:relative;left:66.66666667%}.pull-right-9{position:relative;left:75%}.pull-right-10{position:relative;left:83.33333333%}.pull-right-11{position:relative;left:91.66666667%}.pull-right-12{position:relative;left:100%}.pull-right-13{position:relative;left:108.33333333%}.pull-right-14{position:relative;left:116.66666667%}.pull-right-15{position:relative;left:125%}.pull-right-16{position:relative;left:133.33333333%}.pull-right-17{position:relative;left:141.66666667%}.pull-right-18{position:relative;left:150%}.pull-right-19{position:relative;left:158.33333333%}.pull-right-20{position:relative;left:166.66666667%}.pull-right-21{position:relative;left:175%}.pull-right-22{position:relative;left:183.33333333%}.pull-right-23{position:relative;left:191.66666667%}.pull-right-24{position:relative;left:200%}@media only screen and (max-width:1024px){.row>.midd-1{width:6.33333333%}.row>.midd-2{width:14.66666667%}.row>.midd-3{width:23%}.row>.midd-4{width:31.33333333%}.row>.midd-5{width:39.66666667%}.row>.midd-6{width:48%}.row>.midd-7{width:56.33333333%}.row>.midd-8{width:64.66666667%}.row>.midd-9{width:73%}.row>.midd-10{width:81.33333333%}.row>.midd-11{width:89.66666667%}.row>.midd-12{width:98%}.row>.midd-13{width:106.33333333%}.row>.midd-14{width:114.66666667%}.row>.midd-15{width:123%}.row>.midd-16{width:131.33333333%}.row>.midd-17{width:139.66666667%}.row>.midd-18{width:148%}.row>.midd-19{width:156.33333333%}.row>.midd-20{width:164.66666667%}.row>.midd-21{width:173%}.row>.midd-22{width:181.33333333%}.row>.midd-23{width:189.66666667%}.row>.midd-24{width:198%}.midd-hide{display:none}.midd-center{position:relative;left:-1%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.midd-1{width:8.33333333%}.full-row>.midd-2{width:16.66666667%}.full-row>.midd-3{width:25%}.full-row>.midd-4{width:33.33333333%}.full-row>.midd-5{width:41.66666667%}.full-row>.midd-6{width:50%}.full-row>.midd-7{width:58.33333333%}.full-row>.midd-8{width:66.66666667%}.full-row>.midd-9{width:75%}.full-row>.midd-10{width:83.33333333%}.full-row>.midd-11{width:91.66666667%}.full-row>.midd-12{width:100%}.full-row>.midd-13{width:108.33333333%}.full-row>.midd-14{width:116.66666667%}.full-row>.midd-15{width:125%}.full-row>.midd-16{width:133.33333333%}.full-row>.midd-17{width:141.66666667%}.full-row>.midd-18{width:150%}.full-row>.midd-19{width:158.33333333%}.full-row>.midd-20{width:166.66666667%}.full-row>.midd-21{width:175%}.full-row>.midd-22{width:183.33333333%}.full-row>.midd-23{width:191.66666667%}.full-row>.midd-24{width:200%}}@media only screen and (max-width:640px){.row>.smal-1{width:6.33333333%}.row>.smal-2{width:14.66666667%}.row>.smal-3{width:23%}.row>.smal-4{width:31.33333333%}.row>.smal-5{width:39.66666667%}.row>.smal-6{width:48%}.row>.smal-7{width:56.33333333%}.row>.smal-8{width:64.66666667%}.row>.smal-9{width:73%}.row>.smal-10{width:81.33333333%}.row>.smal-11{width:89.66666667%}.row>.smal-12{width:98%}.row>.smal-13{width:106.33333333%}.row>.smal-14{width:114.66666667%}.row>.smal-15{width:123%}.row>.smal-16{width:131.33333333%}.row>.smal-17{width:139.66666667%}.row>.smal-18{width:148%}.row>.smal-19{width:156.33333333%}.row>.smal-20{width:164.66666667%}.row>.smal-21{width:173%}.row>.smal-22{width:181.33333333%}.row>.smal-23{width:189.66666667%}.row>.smal-24{width:198%}.smal-hide{display:none}.smal-show{display:block}.smal-center{position:relative;left:-1%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}[class*='pull-left-'],[class*='pull-right-']{right:auto;left:auto}.full-row>.smal-1{width:8.33333333%}.full-row>.smal-2{width:16.66666667%}.full-row>.smal-3{width:25%}.full-row>.smal-4{width:33.33333333%}.full-row>.smal-5{width:41.66666667%}.full-row>.smal-6{width:50%}.full-row>.smal-7{width:58.33333333%}.full-row>.smal-8{width:66.66666667%}.full-row>.smal-9{width:75%}.full-row>.smal-10{width:83.33333333%}.full-row>.smal-11{width:91.66666667%}.full-row>.smal-12{width:100%}.full-row>.smal-13{width:108.33333333%}.full-row>.smal-14{width:116.66666667%}.full-row>.smal-15{width:125%}.full-row>.smal-16{width:133.33333333%}.full-row>.smal-17{width:141.66666667%}.full-row>.smal-18{width:150%}.full-row>.smal-19{width:158.33333333%}.full-row>.smal-20{width:166.66666667%}.full-row>.smal-21{width:175%}.full-row>.smal-22{width:183.33333333%}.full-row>.smal-23{width:191.66666667%}.full-row>.smal-24{width:200%}}
.row>[class*="span-"] { min-height:10px; padding-top: 5px; }

/*ҳβ*/
.foot {height: 40px; line-height: 40px; background: #0B3C49; color:#898e90; width: 100%;}
.foot a {color:#898e90; margin-left: 6px; argin-right: 6px;}
.foot a:link {color:#898e90;}
.foot .wal {width: 1250px; margin: 0px auto;}
.foot .left {float: left;}
.foot .right {text-align: right; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 800px; float: right;}
.footWrap{background-color:#1A1A1A; }
.fotNav{margin-left:-16px; height:44px; line-height:44px; color:#898e90; margin-top:20px; }
.fotNav a{margin:0 16px; color:#898e90;}
.fotTxt{padding-left:176px; margin-top:17px; line-height:20px; color:#898e90; }
.fotTxt a{color:#898e90;}

.contTit{position:relative; height:44px; line-height:44px;}
.contTit .titA{font-size:16px; color:#fff; }
.contTit span{margin-left:10px; font-size:16px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#b0b0b0;}
.contTit .titMore{position:absolute; right:0px; top:14px; width:52px; height:16px; }

/*ÆóÒµ·ÖÕ¾*/
.footqyfz{width:100%; background: url(bg1.png) repeat;}
.footeryqfz{max-width:1200px; margin:0 auto; position:relative; height:100%; overflow:hidden;}
.qiyefenzhan{min-width:1200px; margin:15px 0 25px 0;}
.qiyefenzhan .contTit{}
.qiyefenzhan .contTit .titA{font-size: 17px; #fff;}
.qiyefenzhan .contTit span{color:#fff;}
.qiyefenzhan p{margin-left:0px; margin-top:5px; height:100%; line-height:24px; overflow:hidden; color:#fff; text-align:justify;}
.qiyefenzhan p a{padding:5px 2px 5px 0px; color:#fff;}

/*ÓÑÇéÁ´½Ó*/
.youqinglj{ width:100%; background:#0B3C49;}
.footeryqlj{max-width:1200px; margin:0 auto; position:relative; height:100%; overflow:hidden;}
.yqljfenzhan{min-width:1200px; margin:25px 0 25px 0;}
.yqljfenzhan .contTit{}
.yqljfenzhan .contTit .titA{font-size: 17px; #fff;}
.yqljfenzhan .contTit span{color:#fff;}
.yqljfenzhan p{margin-left:0px; margin-top:5px; height:100%; line-height:24px; overflow:hidden; color:#fff; text-align:justify;}
.yqljfenzhan p a{padding:5px 1px 5px 0px; color:#fff;}

.dibutongyong{background: url(bg2.png) repeat; height:640px;}
.container{margin-left:auto; margin-right:auto; width:1200px; font-family:microsoft yahei;}
.caseMain{ margin-bottom:0px; margin-top:0px; }

.tsends{ background: url(bg2.png) repeat; }
.tsends p {line-height:25px; font-size: 12px; }

.tlbox{ overflow:hidden; padding-top:60px; padding-bottom:20px;}
.tlbox li{ float:left; width:17%; background:url(lline.png) no-repeat left 20px; padding:0 18px;}
.tlbox li.noBg{ background:none;}
.tlbox li h4{ width:120px; height:120px; overflow:hidden; margin:0 auto;}
.tlbox li h4 img{ display:block;}
.tlbox li p{ text-align:center; margin-top:10px; font-size:15px; color:#3d3d3d; line-height:15px; height:15px; overflow:hidden;}

.tlbox1{ overflow:hidden; padding-top:20px; padding-bottom:20px;}
.tlbox1 li{ float:left; width:17%; background:url(lline.png) no-repeat left 20px; padding:0 18px;}
.tlbox1 li.noBg{ background:none;}
.tlbox1 li h4{ width:120px; height:120px; overflow:hidden; margin:0 auto;}
.tlbox1 li h4 img{ display:block;}
.tlbox1 li p{ text-align:center; margin-top:10px; font-size:15px; color:#3d3d3d; line-height:15px; height:15px; overflow:hidden;}

.tlbox2{ overflow:hidden; padding-top:20px; padding-bottom:60px;}
.tlbox2 li{ float:left; width:17%; background:url(lline.png) no-repeat left 20px; padding:0 18px;}
.tlbox2 li.noBg{ background:none;}
.tlbox2 li h4{ width:120px; height:120px; overflow:hidden; margin:0 auto;}
.tlbox2 li h4 img{ display:block;}
.tlbox2 li p{ text-align:center; margin-top:10px; font-size:15px; color:#3d3d3d; line-height:15px; height:15px; overflow:hidden;}

.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #fff;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#0B3C49;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "΢ÈíÑźÚ"; font-family: microsoft yahei; overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#0B3C49;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#0B3C49;opacity:1;filter:Alpha(opacity=100);}
.side ul li .sidebox img{float:left;}
.side ul li .ewm{ display:block; position:absolute; left:-145px; top:-200px; width:199px; height:199px; display:none;}
.side ul li:hover .ewm{ display:block;}
.side ul li a{ text-decoration:none;}

.PhotoList_i1 li span{ background: url(bg3.png) repeat; color: #fff; font-size:18px; font-weight:bold; line-height:60px; text-align:center; height:60px; text-overflow:ellipsis; white-space:nowrap; display:block;}
.PhotoList_i1 li p { text-indent: 0em; margin: 0; background: url(bg3.png) repeat; color: #fff; font-size:13px; text-align:justify; height:90px; line-height: 23px; padding: 0px 15px; display:block; overflow:hidden;}
.PhotoList_i1 .botDiv { background: url(bg3.png) repeat; height:175px; }
.PhotoList_i1 li a{position:relative;display: table-cell;overflow:hidden;text-align: center;background:#f1f1f1;height:225px;width: 100%;vertical-align: middle;}
.PhotoList_i1 li a img{transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s;/*height:100%;*/vertical-align: middle;/* display: table; */height: 225px;width: 100%;margin:0 auto;}

.p{  text-align:left; text-indent:2em; font-size:16px; line-height:30px; padding-bottom:40px;}
.PhotoList_i1 {padding-bottom:430px;}
.PhotoList_i1 li{ width:calc(32% - 22px); padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; margin-bottom:30px; float:left; background: #fff; border:1px solid #DDDDDD;  transition:all 0.8s ease 0s; }

.PhotoList_i1 li a h4{position: absolute;z-index:10;display:block;transition: 0.6s;color:#fff; top:0%; left:0; width:90%; padding:0 5%; text-align:center; line-height:40px; font-size:22px; opacity:0; font-family:"΢ÈíÑźÚ";overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

	.PhotoList_i1 li a::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background:rgba(0,0,0,.5) url(/images/ico3.png) no-repeat center 70%; background-size:10%;z-index: 1;transition: 0.6s; display:none}

@media only screen and (min-width:721px){
	.PhotoList_i1 li:hover{ border-color:#DDDDDD; background: #fff;}
.PhotoList_i1 li:hover span{ font-size:18px; font-weight:bold; background:url(bg1.png) repeat; color:#fff;}
.PhotoList_i1 li:hover p{ font-size:13px; background:url(bg1.png) repeat; color:#fff;}
.PhotoList_i1 li:hover .botDiv { background:url(bg1.png) repeat; color:#fff;}
.PhotoList_i1 li:hover a img{transform: scale(1.3);transition: all 1s ease 0s;-webkit-transform: scale(1.3);-webkit-transform: all 1s ease 0s;}
.PhotoList_i1 li:hover a h4{ opacity:1; top:30%;transition: 0.6s; display:none;}

.PhotoList_i1 li a:hover::after{width: 100%; height: 100%;z-index: 1;transition: 0.6s;}

	.PhotoList_i1 li:nth-of-type(3n-1){ margin:0 2%;}
	.page_body a.more{ display:none;}
	
	}
@media only screen and (max-width: 1200px){
.PhotoList_i1 li a{position:relative;display: table-cell;overflow:hidden;text-align: center;background:#f1f1f1;height:25.5vw;width: 27.3vw;vertical-align: middle;}



	}
@media only screen and (max-width: 720px){
	.nr_position{ display:none;}
		.NavList_a1 li {display:inline-block; padding:0; width:33%;  }
.child_nav{ width:calc(100% - 6vw); overflow:hidden; padding:0 3vw; background: #F7F7F7;}
  .swiper-container { width: 100%; height: 100%; }
    .swiper-slide { text-align: center;  font-size: 18px;    /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center; align-items: center; }
a.more {color: #0B3C49; display: inline-block; font-weight: normal; position: relative; font-size: 14px; z-index: 1; font-family: ΢ÈíÑźÚ; border-width: 1px; border-style: solid; border-color:#0B3C49; border-radius:3.7vw;  padding: 0 4.5vw;line-height: 7.3vw; margin-top:2.6vw;}
.swiper-slide a.more{border-radius:5.5vw;  padding: 0 1.5vw;line-height: 11vw; margin-top:0;display:block;}
.swiper-slide a.more.on {color: #fff;}
.page_head{ border-bottom:1px solid #eee; margin-top:5.3vw; padding:2.8vw 4%;}
	.ResTitle_a1 span{ font-size:5.3vw ;color:#0B3C49; display:inline-block;transition:all 0.8s ease 0s;}
	


.page_body { padding: 0 4%;  padding-top: 6.94vw; padding-bottom: 16.66vw;}
.p{  text-align:left; text-indent:2em; font-size:14px; line-height:24px; padding-bottom:5.55vw;}

.PhotoList_i1 li{ width: calc(44.5vw - 22px); margin: 0 auto; margin-bottom:20px; float:left; }
.PhotoList_i1 li:nth-of-type(2n+1){ margin-right:3vw;}

.PhotoList_i1 li a h4{ display:none;}
.PhotoList_i1 li span{ text-align:center;}
.PhotoList_i1 li span{ font-size:16px; color:#333;line-height:8.33vw; text-align:center; height:8.33vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}

.PhotoList_i1 li a img{transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s; /*height:100%;*/vertical-align: middle; display: block; max-width:100%; max-height:100%;}
.PhotoList_i1 li a{height:25.5vw; width:calc(44.5vw - 22px); }
.page{ display:none;}


	}

.NavList_b { padding-top: 20px; padding-bottom:30px;}
.NavList_b .listnr { max-width: 1200px; margin: 0 auto; background:url(bg1.png) repeat; padding:25px; }
.NavList_b p {margin-left: 0px;height:72px; line-height: 24px; overflow: hidden; text-align: justify; }
.NavList_b p a {color: #fff; font-size:13px; margin-right:5px; }
.NavList_b p a:hover {color:#fff; font-size:20px; font-weight:bold; }