﻿/*banner*/
.banner {
    width: 100%;
    position: relative;
}

.focus {
    width: 100%;
    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: 20%;
    z-index: 9;
    right: 50%;
	margin-right:-600px;
}

.rslides_tabs li {
	display: inline;
	float: none;
	_float: left;
	*float: left;
	margin:0px;
}

.rslides_tabs a {
	margin-top: 0px;
	text-indent: 9999px;
	overflow: hidden;
	background:none;
	display: inline-block;
	_display: block;
	*display: block;
	width: 21px;
	height: 21px;
	z-index: 9;
	*z-index: 9;
}

.rslides_tabs .rslides_here a {
	background:none;
}

.banner .prev{ position:absolute; left:5%; top:50%; margin-top:-28px; background:url(../images/nimg30_left.png) center no-repeat; z-index:22; width:30px; height:56px; display:block;}
.banner .next{ position:absolute; right:5%; top:50%; margin-top:-28px; background:url(../images/nimg30_right.png) center no-repeat; z-index:22; width:30px; height:56px; display:block;}
/*banner结束*/


.bannerTel{ display: none; }
.indexFlashTel{position:relative; overflow:hidden; max-width:1004px;}
.indexFlashTel .slick img{ width:100%;}
.indexFlashTel .slick-dots{ position:absolute; left:0; width: 100%; text-align: center; bottom:20px;}
.indexFlashTel .slick-dots li{display:inline-block; margin:0 6px; width:36px; height:3px; background:#fff;}
.indexFlashTel .slick-dots .slick-active{background:#045dac;}

.indexPart0{ background: #fafafa; }
.indexPart0 .bigBox{ height: 40px; background:#005bac; position: relative; padding-left: 74px;}
.indexPart0 .bigBox .ico{ position: absolute; left: 0px; width: 74px; height: 40px; background: #e70012; text-align: center; line-height: 40px;}
.indexPart0 .bigBox .ico img{}

.indexNotice{ padding:0 40px; overflow:hidden;}
.indexNotice .list{ line-height:40px; font-size:14px;}
.indexNotice .list li{ line-height:40px; float: left; margin-right: 40px;}
.indexNotice .list li a{ display: block; color:#fff; padding-left: 15px; background:url(../images/ico1.png) left center no-repeat;}
.indexNotice .list li a:hover{ text-decoration: underline; }

#marquee2{width:100%;height:40px;overflow:hidden;}

.indexPart1{ padding: 60px 0 40px; background: #fafafa; overflow: hidden;}
.indexPart1 .leftDiv{ width: 770px; }
.indexPart1 .leftDiv .touDiv{ position: relative; height: 76px;}
.indexPart1 .leftDiv .txt1{ font-size: 20px; color: #333; }
.indexPart1 .leftDiv .txt2{ font-size: 14px; color: #999; padding-top: 6px;}
.indexPart1 .leftDiv .more{ position: absolute; right: 0px; top: 18px; font-size: 14px; }
.indexPart1 .leftDiv .tab2{ position: absolute; left: 163px; top: 8px; }
.indexPart1 .leftDiv .tab2 li{ float: left; width: 100px; height: 36px; text-align: center; line-height: 36px; font-size: 16px; color: #333; border-radius: 4px; -moz-border-radius:4px;}
.indexPart1 .leftDiv .tab2 .liNow{ background: #005bac; color: #fff; }

.indexPart1 .leftDiv .detail{ height: 180px; position: relative; background: #fff; padding:0 20px 0 340px; margin-bottom: 10px;}
.indexPart1 .leftDiv .detail .imgDiv{ position: absolute; left: 0px; top: 0px; overflow: hidden;}
.indexPart1 .leftDiv .detail .name{ padding-top: 15px; height: 40px; line-height: 40px; overflow: hidden; font-size: 18px;}
.indexPart1 .leftDiv .detail .name a{ color: #333; }
.indexPart1 .leftDiv .detail .name a:hover{ color: #005bac; }
.indexPart1 .leftDiv .detail .content{ font-size: 14px; line-height: 30px; height: 60px; overflow: hidden; color: #999; }
.indexPart1 .leftDiv .detail .time{ padding-top: 16px; font-size: 14px; color: #999;}

.indexPart1 .leftDiv .list li{ height: 80px; background: #fefefe; margin-bottom: 2px; }
.indexPart1 .leftDiv .list li a{ display: block; position: relative; padding: 0 20px 0 126px; }
.indexPart1 .leftDiv .list li .timeDiv{ font-size: 14px; position: absolute; left: 0px; top:0px; width: 105px; text-align:center; color:#999; height: 80px; background: url(../images/line1.jpg) right center no-repeat;}
.indexPart1 .leftDiv .list li .timeDiv em{ padding-top: 20px; font-size: 24px; display: block; color: #333;}
.indexPart1 .leftDiv .list li .name{  color: #333; padding-top: 10px; height: 32px; line-height: 32px; font-size: 18px; overflow: hidden;}
.indexPart1 .leftDiv .list li .content{ font-size: 14px; color: #999; height: 24px; line-height: 24px; overflow: hidden; }
.indexPart1 .leftDiv .list li:hover{ background: #fff; }
.indexPart1 .leftDiv .list li:hover .timeDiv{ color: #045dac; }
.indexPart1 .leftDiv .list li:hover .timeDiv em{ color: #045dac; }
.indexPart1 .leftDiv .list li:hover .name{ color: #045dac;}
.indexPart1 .leftDiv .list li:hover .content{ color: #045dac;}

.indexPart1 .rightDiv{ width: 400px; }
.indexPart1 .rightDiv .touDiv{ position: relative; height: 76px;}
.indexPart1 .rightDiv .txt1{ font-size: 20px; color: #333; }
.indexPart1 .rightDiv .txt2{ font-size: 14px; color: #999; padding-top: 6px;}
.indexPart1 .rightDiv .more{ position: absolute; right: 0px; top: 18px; font-size: 14px; }
.indexPart1 .rightDiv .bigBox{ background: #fff; height: 516px; }
.indexPart1 .rightDiv .name{ padding: 36px 26px 18px; font-size: 20px; color: #333; }
.indexPart1 .rightDiv .content{ font-size: 14px; color: #999; line-height: 30px; padding: 0 26px;}

.indexPart2{ padding-bottom: 100px; background: #fafafa; }
.indexPart2 .touDiv{ position: relative; height: 76px;}
.indexPart2 .txt1{ font-size: 20px; color: #333; }
.indexPart2 .txt2{ font-size: 14px; color: #999; padding-top: 6px;}
.indexPart2 .more{ position: absolute; right: 0px; top: 18px; font-size: 14px; }
.indexPart2 .list{ overflow: hidden; }
.indexPart2 .list ul{ margin-right: -10px; }
.indexPart2 .list li{ float: left; width: 20%;}
.indexPart2 .list li .box{ margin-right: 10px; overflow: hidden; position: relative;}
.indexPart2 .list li img{ width: 100%; }
.indexPart2 .list li .name{ left: 0px; width: 100%; bottom: -90px; position: absolute; height: 90px; font-size: 14px; background: #045dac; line-height: 90px; text-align: center; }
.indexPart2 .list li .name a{ display: block; color: #fff; }

.indexTel{ overflow: hidden; background: #f4f4f4; height: 100px; }
.indexTel .list li{ float: left; width: 25%;}
.indexTel .list li .box{ position: relative; padding-left: 58px; font-size: 22px; line-height: 100px; color: #676767; }
.indexTel .list li img{ position: absolute; left: 0px; top: 31px; }

.about{ padding-bottom: 50px; }
.about .bigImg{ overflow: hidden; }
.about .txt{ padding-top: 35px; font-size: 14px;}
.about .txt em{ padding-right: 12px; color: #005bac; font-size: 24px; }
.about .content{ font-size: 14px; line-height: 30px; padding: 25px 0;}
.about .part1{ position: relative; height: 240px; padding-left: 572px; }
.about .part1 .imgDiv{ position: absolute; left: 60px; top: 0px; overflow: hidden;}
.about .part1 .name1{ padding-top: 60px; font-size: 36px; color: #29a94c; }
.about .part1 .name2{ padding-top: 15px; font-size: 16px; text-transform: uppercase;}
.about .part2{ position: relative; height: 240px; padding-right: 562px; }
.about .part2 .imgDiv{ position: absolute; right: 60px; top: 0px; overflow: hidden;}
.about .part2 .name1{ padding-top: 60px; font-size: 36px; color: #4590d0; text-align: right;}
.about .part2 .name2{ padding-top: 15px; font-size: 16px; text-transform: uppercase; text-align: right;}

.story{ padding-bottom: 50px; }
.story .part1{ height: 350px; position: relative; padding-right: 890px; background: #fafafa; }
.story .part1 .imgDiv{ position: absolute; right: 0px; top: 0px; }
.story .part1 .txt1{ padding: 50px 0 20px 65px;}
.story .part1 .txt2{ padding-left: 28px; color: #ebebeb; font-size: 48px; text-transform: uppercase;}
.story .part1 .txt2 em{ font-size: 72px; }
.story .part1 .txt3{ color: #ebebeb; text-align: right; font-size: 48px; text-transform: uppercase;}
.story .part1 .txt3 em{ font-size: 72px; }
.story .part2{ overflow: hidden; padding: 60px 0 85px;}
.story .part2 .content{ width: 525px; font-size: 14px; line-height: 30px; }
.story .title{ height: 43px; line-height: 43px; text-align: center; background: url(../images/line5.jpg) center repeat-x; }
.story .part3{ padding: 30px 0 65px; overflow: hidden;}
.story .part3 .content{ width:  700px; font-size: 14px; line-height: 30px;}
.story .part3 .imgDiv{ padding:60px 95px 0 0; }
.story .part4{ overflow: hidden; }
.story .part4 .titleImg{ padding-bottom: 30px; }
.story .part4 .txt1{ font-size: 20px; color: #333; padding-bottom: 15px; }
.story .part4 .leftDiv{ width: 610px; }
.story .part4 .rightDiv{ width: 590px; }
.story .part4 .txt2{ font-size: 16px; color: #333; line-height: 30px; }
.story .part4 .content{ font-size: 14px; line-height: 30px; }
.story .part5{ padding-top: 40px; }
.story .part5 .txt{ font-size: 16px; color: #333; padding-bottom: 10px;}
.story .part5 .content{ font-size: 14px; line-height: 30px; padding-bottom: 60px;}
.story .part5 .list ul{ margin-right: -48px; }
.story .part5 .list li{ float: left; width: 16.66%; position: relative;}
.story .part5 .list li .box{ margin-right: 48px; padding-bottom: 12px; border-bottom: #dedede solid 1px;}
.story .part5 .list li .box:hover{ border-bottom: #005bac solid 1px; }

.history{ padding-bottom: 50px; }
.history .msg{ font-size: 18px; color: #333; line-height: 36px; padding: 0 115px 30px;}
.history .list{ background:url(../images/line3.jpg) center repeat-y; padding: 0 115px 30px;}
.history .list li{ padding-bottom: 38px; }
.history .list li .year{ margin:0 auto 35px; width: 164px; height: 45px; line-height: 45px; text-align: center; font-size: 30px; color: #333; background: #efefef; border-radius: 20px; -moz-border-radius:20px;}
.history .list li .contentBox{ padding: 0 0 0 524px; position: relative; min-height: 250px; }
.history .list .li01 .contentBox{ padding: 0 524px 0 0; }
.history .list li .imgDiv{ position: absolute; left: 0px; top: 0px; }
.history .list .li01 .imgDiv{ left: auto; right: 0px; }
.history .list li .ico{ position: absolute; top: 45px; left: 50%; margin-left: -8px; width: 17px; height: 17px; background: #dedede;-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;}
.history .list li .name{ font-size: 20px; color: #333; line-height: 36px; height: 72px; overflow: hidden; }
.history .list li .content{ padding-top: 20px; font-size: 14px; line-height: 30px; }
.history .btnDiv{ margin:0 auto; width: 164px; height: 45px; line-height: 45px; text-align: center; font-size: 18px; background: #efefef; border-radius: 20px; -moz-border-radius:20px;}
.history .btnDiv a{ display: block; width: 164px; height: 45px; line-height: 45px; color: #333; }

.culture{ overflow: hidden; padding-bottom: 40px;}
.culture .list{ width: 630px; padding-top: 40px;}
.culture .list li{ position: relative; padding-left: 108px; }
.culture .list li .ico{ position: absolute; left: 0px; top: 0px; -webkit-transition: .5s all; -moz-transition: .5s all; -ms-transition: .5s all; transition: .5s all;}
.culture .list li:hover .ico{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
.culture .list li .txt1{ font-size: 24px; color: #333; }
.culture .list li .txt2{ padding: 10px 0 15px; color: #999; font-size: 16px; }
.culture .list li .msg{ font-size: 18px; padding-bottom: 45px;}
.culture .rightDiv{ text-align: right; }
.culture .imgDiv1{ padding-bottom: 78px; }

.group{ padding-bottom: 40px; }


.honor .list1 ul{ margin-right: -33px; }
.honor .list1 li{ float: left; width: 25%; margin-bottom: 15px; cursor: pointer; position: relative;height:268px;}
.honor .list1 li .box{ margin-right: 20px; }
.honor .list1 li .imgDiv{ border: #dedede solid 1px; text-align:center}
.honor .list1 li .imgDiv img{ max-width: 273px; max-height:210px;}
.honor .list1 li .name{ height: 56px; line-height: 56px; text-align: center; font-size: 18px; }
/*.honor .list2 ul{ margin-right: -33px; }
.honor .list2 li{ float: left; width: 25%; margin-bottom: 15px; cursor: pointer; position: relative;}
.honor .list2 li .box{ margin-right: 33px; }
.honor .list2 li .imgDiv{ border: #dedede solid 1px; }
.honor .list2 li .imgDiv img{ width: 100%; }
.honor .list2 li .name{ height: 56px; line-height: 56px; text-align: center; font-size: 18px; }
*/
.bigPicLayer1{ width:772px; height:615px; background:#fff; position:absolute; z-index:111; display:none;}
.bigPicLayer1 .close{ display:block; width:14px; height:14px; background:url(../images/close.png) no-repeat; right:10px; top:10px; position:absolute; z-index:222;}
.bigPicLayer1 .box{ padding: 54px 49px 0; }
.bigPicLayer1 .imgDiv{ text-align:center;}
.bigPicLayer1 .imgDiv img{ max-width:674px; max-height:464px;}
.bigPicLayer1 .name{ padding-top: 30px; text-align: center; font-size: 24px; position: relative;}
.bigPicLayer1 .name a{ display: block; font-size: 14px; position:absolute; right: 0px; top: 30px; text-align: center; width: 110px; height: 35px; line-height: 35px; border-radius: 4px; -moz-border-radius:4px; background: #0c63b1; color: #fff; }

.bigPicLayer2{ width:685px; height:900px; background:#fff; position:absolute; z-index:111; display:none;}
.bigPicLayer2 .close{ display:block; width:14px; height:14px; background:url(../images/close.png) no-repeat; right:10px; top:10px; position:absolute; z-index:222;}
.bigPicLayer2 .box{ padding: 80px 78px 0; }
.bigPicLayer2 .imgDiv{ text-align:center;}
.bigPicLayer2 .imgDiv img{ width:539px;}
.bigPicLayer2 .name{ padding-top: 45px; text-align: center; font-size: 24px; position: relative;}
.bigPicLayer2 .name a{ display: block; font-size: 14px; position:absolute; right: 0px; top: 45px; text-align: center; width: 110px; height: 35px; line-height: 35px; border-radius: 4px; -moz-border-radius:4px; background: #0c63b1; color: #fff; }

.newScroll{ width: 1200px; overflow: hidden; }
.newScroll li{ width: 440px; float: left; margin: 0 5px; }

.news .list{ overflow: hidden; padding: 10px 0 30px;}
.news .list ul{ margin-right: -40px; }
.news .list li{ float: left; width: 50%; }
.news .list li .box{ margin-right: 40px; height: 130px; border-bottom: #dedede solid 1px; position: relative; padding-left: 126px;}
.news .list li .timeDiv{ position: absolute; left: 0px; top: 30px; width: 105px; height: 80px; background: #eee; text-align: center; font-size: 14px; color: #999;}
.news .list li .timeDiv em{ display: block; color: #333; font-size: 24px; padding:15px 0 6px; }
.news .list li .name{ padding-top: 30px; height: 32px; line-height: 32px; overflow: hidden; color: #333; font-size: 18px;}
.news .list li .content{ color: #999; font-size: 14px; padding-top: 15px; height: 28px; line-height: 28px; overflow: hidden;}
.news .list li:hover .name{ color: #045dac;}
.news .list li:hover .timeDiv{ background: #005bac; color: #fff; }
.news .list li:hover .timeDiv em{ color: #fff; }

.newShow{ padding-bottom: 40px; }
.newShow .name{ font-size: 24px; color: #000; padding-bottom: 20px;}
.newShow .topDiv{ height: 52px; position: relative; }
.newShow .time{ height: 27px; line-height: 27px; font-size: 14px; color: #999; }
.newShow .time em{ padding-right: 25px; }
.newShow .share{ position: absolute; right: 0px; top: 0px; padding-left: 60px;}
.newShow .share li{ float: left; width: 27px; height: 27px; margin-left: 10px;}
.newShow .share em{ position: absolute; left: 0px; top: 0px; font-size: 14px; line-height: 27px;}
.newShow .imgDiv{ padding-bottom: 25px; }
.newShow .content{ font-size: 14px; color: #999; line-height: 30px; }
.newShow .content img{ max-width: 860px;}
.sideNews{ background: #f4f4f4; }
.sideNews .botDiv{ padding: 0 10px; }
.sideNews .name{ padding: 20px 0; font-size: 24px; color: #000; }
.sideNews .content{ font-size: 14px; color: #999; line-height: 30px; padding-bottom: 25px;}
.sideNews .list{ background: url(../images/line2.jpg) top no-repeat; padding: 25px 0;}
.sideNews .list li{ font-size: 14px; height: 50px; line-height: 50px; }
.sideNews .list li a{ color: #333; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sideNews .list li a:hover{ color: #045dac; }

.pageDown{ border-top: #dedede solid 1px; padding-top: 30px;}
.pageDown li{ font-size: 14px; height: 36px; line-height: 36px; overflow: hidden;}

.video .list{ overflow: hidden; }
.video .list ul{ margin-right: -38px; }
.video .list li{ float: left; width: 33.33%; margin-bottom: 40px;}
.video .list li .box{ position: relative; margin-right: 38px; }
.video .list li .imgDiv img{ width: 100%; }
.video .list li .name{ position: absolute; left: 50%; width: 80%; margin-left: -40%; bottom: 20px; color: #fff; font-size: 14px; text-align: center;}
.video .list li .ico{ position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; display: none; z-index: 2; }
.video .list li:hover .name{ bottom: 50px; font-size: 22px; border-bottom: #fff solid 2px;}

.videoShow{ padding-bottom: 30px; }
.videoShow .videoImg{ text-align: center; }


.project .list{ overflow: hidden; padding-bottom: 15px;}
.project .list ul{ margin-right: -27px; }
.project .list li{ margin-bottom: 25px; float: left; width: 25%;}
.project .list li .box{ margin-right: 27px; background: #f4f4f4; height: 268px; overflow: hidden;}
.project .list li .imgDiv img{ width: 100%; }
.project .list li .botDiv{ padding: 12px 20px 0; }
.project .list li .name{ height: 52px; line-height: 26px; overflow: hidden; font-size: 16px; color: #333;}
.project .list li .time{ padding-top: 10px; font-size: 14px; color: #999; }

.projectShow{ padding: 0 170px;}
.projectShow .name{ font-size: 24px; color: #000; padding-bottom: 20px;}
.projectShow .topDiv{ height: 52px; position: relative; }
.projectShow .time{ height: 27px; line-height: 27px; font-size: 14px; color: #999; }
.projectShow .time em{ padding-right: 25px; }
.projectShow .share{ position: absolute; right: 0px; top: 0px; padding-left: 60px;}
.projectShow .share li{ float: left; width: 27px; height: 27px; margin-left: 10px;}
.projectShow .share em{ position: absolute; left: 0px; top: 0px; font-size: 14px; line-height: 27px;}
.projectShow .content{ color: #999; line-height: 30px; font-size: 14px; padding-bottom: 40px;}
.projectShow .imgDiv{ padding-bottom: 25px; }

.publications .list{ overflow: hidden; padding-bottom: 20px;}
.publications .list ul{ margin-right: -20px; }
.publications .list li{ float: left; width: 25%; margin-bottom: 20px;}
.publications .list li .box{ margin-right: 20px; background: #f4f4f4; position: relative; }
.publications .list li .imgDiv{ padding: 10px;}
.publications .list li .imgDiv img{ width: 100%; }
.publications .list li .name{ position: absolute; right: 0px; bottom: 0px; width: 150px; height: 46px; background: #f4f4f4; text-align:center; line-height: 46px; font-size: 18px;}
.publications .list li .name a{ color: #333; }

.product .list ul{ margin-right: -20px; }
.product .list li{ margin-bottom: 35px; float: left; width: 25%;}
.product .list li .box{ margin-right: 20px; position: relative;}
.product .list li .imgDiv{ border: #ececec solid 1px; }
.product .list li .name{ padding-top: 12px; height: 36px; line-height: 36px; overflow: hidden; font-size: 18px; color: #333; }
.product .list li .msg{ font-size: 14px; color: #999; height: 24px; line-height: 24px; overflow: hidden;}
.product .list li:hover .name, .product .list li:hover .msg{ color: #005bac; }
.product .list li:hover .imgDiv{ border:#fff solid 1px; background: #fff; }

.productPart1{ min-height: 500px; position: relative; padding-left: 540px; }

.productPart1 .leftDiv{ position: absolute; left: 0px; top: 0px; width: 500px;}
.productPic{ position: relative; }
.productPic .slick .imgDiv{ border: #dedede solid 1px;}
.productPic .slick .imgDiv img{ width: 100%; }
.productPic .slick-dots{text-align:center; position: absolute; bottom: 23px; width: 100%; left: 0px; z-index: 2;}
.productPic .slick-dots li{display:inline-block; margin:0 7px; width:16px; height:16px; background:#dedede;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
}
.productPic .slick-dots .slick-active{background:#055cab;}

.productPart1 .name{ padding: 20px 0 35px; font-size: 24px; color: #333; }
.productPart1 .num{ font-size: 20px; color: #333; padding-bottom: 40px;}
.productPart1 .content{ font-size: 14px; line-height: 30px; }
.productPart1 .btnDiv{ padding-top: 80px; }
.productPart1 .btnDiv a{ display: block; width: 160px; height: 48px; background: #045dac; color: #fff; line-height: 48px; text-align: center; font-size: 14px;}

.productPart2{ padding-top: 60px; }
.productPart2 .tab2{ overflow: hidden; padding-bottom: 25px;}
.productPart2 .tab2 li{ float: left; }
.productPart2 .tab2 li .box{ margin-right: 10px; width: 146px; border:#dedede solid 1px; background: #efefef; font-size: 18px; text-align: center; height: 46px; line-height: 46px;}
.productPart2 .tab2 .liNow .box{ background: #045dac; border:#045dac solid 1px; color: #fff; }
.productPart2 .content{ font-size: 14px; line-height: 26px; padding-bottom: 25px;}
.productPart2 .table th{ height: 60px; background: #dedede; font-size: 18px; color: #333; border-right: #fff solid 1px;  border-bottom: #fff solid 1px; font-weight: 400;}
.productPart2 .table td{ color: #333; height: 60px; text-align: center; background: #eef0ef; font-size: 18px; border-right: #fff solid 1px;  border-bottom: #fff solid 1px;}
.productPart2 .table .td01{ background: #dedede; }
.productPart2 .list{ padding-top: 48px; }
.productPart2 .list li{ padding-left: 485px; position: relative; min-height: 259px; margin-bottom: 40px;}
.productPart2 .list li .imgDiv{ position: absolute; left: 0px; top: 0px; }
.productPart2 .list li .name{ text-align: center; position: absolute; left: 10px; top: 10px; width: 180px; height: 60px; line-height: 60px; font-size: 24px; color: #fff; background: url(../images/bg1.png) repeat;}
.productPart2 .list li dd{ padding:0 0 20px 12px; font-size: 14px; background: url(../images/ico2.png) left 7px no-repeat;}

.technology{ padding-bottom: 30px; }
.technology .list li{ height: 188px; border-bottom: #dedede solid 1px; position: relative; padding-right: 196px; }
.technology .list li .timeDiv{ position: absolute; right: 0px; top: 54px; font-size: 16px; color: #999; text-align: right;}
.technology .list li .timeDiv p{ color: #005bac; font-size: 30px; line-height: 32px; padding-bottom: 10px;}
.technology .list li .name{ padding-top: 46px; height: 56px; line-height: 28px; font-size: 16px; overflow: hidden;}
.technology .list li .name a{ color: #333; }
.technology .list li .name a:hover{ color: #005bac; }
.technology .list li .content{ font-size: 14px; line-height: 30px; height: 60px; overflow: hidden; color: #999; }

.strategy .list li{ height: 139px; background: #ebf2f8; padding: 0 438px 0 196px; position: relative; margin-bottom: 30px;}
.strategy .list li .imgDiv{ position: absolute; right: 0px; top: 0px; }
.strategy .list li .num{ position: absolute; left: 36px; top: 0px; line-height: 139px; font-size: 30px; color:#999;}
.strategy .list li .line{ position: absolute; left: 123px; top: 50%; width: 45px; height: 3px; margin-top: -2px; background: #999;}
.strategy .list li .content{ font-size: 16px; height: 139px; line-height: 36px; vertical-align: middle; display: table-cell; color: #333;}

.job{ padding-bottom: 40px; }
.jobTop{ height: 60px; background:#3b8fd8; overflow: hidden; margin-bottom: 10px;}
.jobTop li{ height: 60px; line-height: 60px; font-size: 16px; color: #fff; float: left;}
.jobTop .li01{ width: 200px; text-indent: 40px; }
.jobTop .li02{ width: 150px; text-align: center; }
.jobTop .li03{ width: 230px; text-align: center;}
.jobTop .li04{ width: 200px; text-align: center;}
.jobTop .li05{ width: 190px; text-align: center;}
.jobTop .li06{ width: 140px; text-align: center;}
.jobTop .li07{ width: 90px; text-align: center;}

.job .list li{ position:relative; margin-bottom: 10px;}
.job .list li .msgDiv{ height:80px; position:relative;}
.job .list li .msgDiv a{ background:#f4f4f4; display: block; height: 80px; color: #999;}
.job .list li .box{ display:none; color:#5d5d5d; padding:25px 45px 50px; background: #fff;}
.job .list li.liNow .msgDiv a{ background: #035cac; color: #fff;}
.job .list li .msgDiv dd{ height:80px; float:left; line-height:80px; font-size:14px;}
.job .list li .msgDiv .dd01{ width: 200px; text-indent: 40px; }
.job .list li .msgDiv .dd02{ width: 150px; text-align: center; }
.job .list li .msgDiv .dd03{ width: 230px; text-align: center;}
.job .list li .msgDiv .dd04{ width: 200px; text-align: center;}
.job .list li .msgDiv .dd05{ width: 190px; text-align: center;}
.job .list li .msgDiv .dd06{ width: 140px; text-align: center;}
.job .list li .msgDiv .dd07{ width: 90px; text-align: center;}
.job .list li .msgDiv .img1{ display: none; }
.job .list li.liNow .msgDiv img{ display: none; }
.job .list li.liNow .msgDiv .img1{ display: inline-block; }
.job .list li .name{ font-size: 24px; color: #333; padding-bottom: 25px; }
.job .list li .content{ line-height:30px; padding-bottom: 20px; font-size:14px;}
.job .list li h2{position:relative; height:24px; font-weight: 400; color: #333;}
.job .list li .btnDiv{ padding-top: 30px; }
.job .list li .btnDiv a{ display:block; width:166px; height:40px; background:#045dac; color:#fff; border-radius:4px; -moz-border-radius:4px; font-size:14px; text-align:center; line-height:40px;}

.contact{ height: 886px; background: url(../images/contactBg.jpg) center top no-repeat; background-size: cover; overflow: hidden;}
.contact .bigBox{ padding-top: 60px; }
.contact .list{ width: 440px;}
.contact .list li{ margin-bottom: 20px; height: 218px; background: #fff;}
.contact .list li .name{ height: 48px; background: #005bac; line-height: 48px; color: #fff; padding-left: 20px; font-size: 18px;}
.contact .list li .botDiv{ padding: 35px 32px 0; }
.contact .list li .botDiv dd{ font-size: 14px; color: #999; padding-bottom: 25px; }

.china-map{width:691px;height:573px;background:url(../images/map.jpg) center no-repeat; position:relative; margin-top: 90px;}
.region-list{position:absolute;left:0;top:0}

@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}

.area-box .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#40bc48;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:2px solid #40bc48;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
.region-list.active .area-box .dot{background:#006cff}
.region-list.active .area-box .pulse{border-color:#006cff;top:-39px;left:-39px;height:88px;width:88px;-webkit-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;-moz-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset}
.region-list.waite .area-box .dot{background:#f90}
.region-list.waite .area-box .pulse{border-color:#f90}
.online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{height:127px;opacity:1}
.area-box{z-index:77}
.show-regin{z-index:66}
.postition-1{left:473px;top:346px}
.postition-2{left:494px;top:482px}

.publicationShow{ padding-bottom: 40px; }
.publicationPic{ position: relative; padding: 0 92px;}
.publicationPic .slick{ position: relative; }
.publicationPic .slick .imgDiv img{ width: 100%; }
.publicationPic .slick .btnDiv{ position: absolute; right: 32px; bottom: 27px; }
.publicationPic .slick .btnDiv a{ display: block; text-align: center; width: 110px; height: 35px; background: #045dac; line-height: 35px; color: #fff; font-size: 14px; border-radius: 4px; -moz-border-radius:4px; }
.publicationPic .slick-prev{ position: absolute; display: block; width: 60px; height: 60px; z-index: 2; left: 0px; top: 50%; margin-top: -30px; background:url(../images/nimg60_left.png) center no-repeat; }
.publicationPic .slick-next{ position: absolute; display: block; width: 60px; height: 60px; z-index: 2; right: 0px; top: 50%; margin-top: -30px; background:url(../images/nimg60_right.png) center no-repeat; }
.publicationPic .slick-prev:hover{ background:url(../images/nimg60_lefton.png) center no-repeat;}
.publicationPic .slick-next:hover{ background:url(../images/nimg60_righton.png) center no-repeat;}

.search .msg{ font-size:22px; padding-bottom:45px;}
.search .msg em{ color:#005BAC;}
.search .list{ padding-bottom:25px;}
.search .list li{ height:48px; line-height:48px; overflow:hidden; font-size:16px;}































