﻿/*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: 15px;
    z-index: 9;
    left: 0%;
	width:100%;
}

.rslides_tabs li {
	display: inline;
	float: none;
	_float: left;
	*float: left;
	margin:0 7px;
}

.rslides_tabs a {
	margin-top: 0px;
	text-indent: 9999px;
	overflow: hidden;
	background:url(../image/ico1.png) no-repeat;
	display: inline-block;
	_display: block;
	*display: block;
	width: 15px;
	height: 15px;
	z-index: 9;
	*z-index: 9;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.rslides_tabs .rslides_here a {
	background:url(../image/ico1on.png) no-repeat;
}

.banner .prev{ position:absolute; left:8%; top:50%; margin-top:-20px; background:url(../image/nimg40_left.png) center no-repeat; z-index:22; width:40px; height:40px; display:block;}
.banner .next{ position:absolute; right:8%; top:50%; margin-top:-20px; background:url(../image/nimg40_right.png) center no-repeat; z-index:22; width:40px; height:40px; display:block;}
.banner .prev:hover{ background:url(../image/nimg40_lefton.png) center no-repeat;}
.banner .next:hover{ background:url(../image/nimg40_righton.png) center no-repeat;}
/*banner結束*/

.indexFlashTel{position:relative; overflow:hidden; max-width:1004px; display:none;}
.indexFlashTel .btnDiv{position:absolute; z-index:10; left:0px; bottom:25px; width:100%; text-align:center;}
.indexFlashTel .btnDiv span{display:inline-block; width:15px; height:15px; background:url(../image/ico1.png) no-repeat; cursor:pointer; margin:0 6px;}
.indexFlashTel .btnDiv span.on{ background:url(../image/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{ height:538px; background:url(../image/indexPart1Bg.jpg) center bottom no-repeat; padding-top:85px;}
.indexPart1 .title{ height:48px; position:relative; font-size:26px; color:#333; text-align:center;}
.indexPart1 .title em{ position:absolute; left:50%; width:30px; height:3px; background:#e0e0e0; margin-left:-15px; bottom:0px;}
.indexPart1 .content{ padding:40px 0; font-size:14px; line-height:24px; text-align:center; color:#9d9d9d;}
.indexPart1 .list{ padding:0 180px;}
.indexPart1 .list li{ float:left; width:25%; text-align:center; font-size:14px; height:205px;}
.indexPart1 .list li .img1{ display:none;}
.indexPart1 .list li.on .ico img{ display:none;}
.indexPart1 .list li.on .ico .img1{ display:inline-block;}
.indexPart1 .list li .name{ position:relative; padding-top:16px; height:35px;}
.indexPart1 .list li .name em{ position:absolute; left:50%; bottom:0px; width:20px; height:2px; background:#bababa; margin-left:-10px;}
.indexPart1 .list li.on .name{ color:#17aaeb; font-weight:bold;}
.indexPart1 .list li.on .name em{ background:#17aaeb;}
.indexPart1 .btnDiv{ width:120px; height:35px; margin:0 auto;}
.indexPart1 .btnDiv a{ display:block; width:118px; height:33px; border:#ff4200 solid 1px; border-radius:24px; -moz-border-radius:24px; font-size:14px; color:#ff4200; text-align:center; line-height:33px;}
.indexPart1 .btnDiv a:hover{ background:#ff4200; color:#fff; box-shadow:0 1px 15px rgba(255,66,0,0.3); -moz-box-shadow:0 1px 15px rgba(255,66,0,0.3); -webkit-box-shadow:0 1px 15px rgba(255,66,0,0.3);}

.indexPart2{ height:443px; padding-top:140px; background:url(../image/indexPart2Bg.jpg) center no-repeat;}
.indexPart2 .title{ height:48px; position:relative; font-size:26px; color:#fff; text-align:center;}
.indexPart2 .title em{ position:absolute; left:50%; width:30px; height:3px; background:#fff; margin-left:-15px; bottom:0px;}
.indexPart2 .list{ padding-top:50px;}
.indexPart2 .list li{ float:left; width:33.33%; background:url(../image/line1.png) right 26px no-repeat; text-align:center;}
.indexPart2 .list li .box{ padding:0 30px; color:#fff;}
.indexPart2 .list li .num{ font-size:80px;}
.indexPart2 .list li .name{ height:45px; position:relative; font-size:22px;}
.indexPart2 .list li .name em{ position:absolute; left:50%; bottom:0px; width:20px; height:2px; background:#fff; margin-left:-10px;}
.indexPart2 .list li .msg{ font-size:14px; line-height:24px; padding-top:10px;}

.indexPart3{ padding:86px 0;}
.indexPart3 .title{ height:48px; position:relative; font-size:26px; color:#212426; text-align:center;}
.indexPart3 .title em{ position:absolute; left:50%; width:30px; height:3px; background:#e0e0e0; margin-left:-15px; bottom:0px;}

.indexPart3Box{ padding-top:50px; position:relative;}
.indexPart3Box .officeImg{ height:85px; padding:0 20px;}
.indexPart3Box .officeImg .slick-slide{ margin:0 10px;}
.indexPart3Box .officeImg .slick-slide .name{ cursor:pointer; font-size:14px;  text-align:center; height:33px; border:#e0e0e0 solid 1px; border-radius:24px; -moz-border-radius:4px;  vertical-align: middle; display: table-cell; width: 210px;}
.indexPart3Box .officeImg .slick-current .name{ color:#fff; background:#17aaeb; border:#17aaeb solid 1px;}

.indexPart3Pic{ position:relative; padding-bottom:66px;}
.indexPart3Pic .slick .box{ margin:0 15px; position:relative;}
.indexPart3Pic .slick .imgDiv img{ width:100%;}
.indexPart3Pic .slick .name{ height:52px; text-align:center; line-height:52px; font-size:14px; overflow:hidden;}
.indexPart3Pic .slick-prev{ display:block; width:35px; height:35px; background:url(../image/nimg35_left.png) no-repeat; position:absolute; left:50%; margin-left:-120px; bottom:0px; z-index:22;}
.indexPart3Pic .slick-next{ display:block; width:35px; height:35px; background:url(../image/nimg35_right.png) no-repeat; position:absolute; right:50%; margin-right:-120px; bottom:0px; z-index:22;}
.indexPart3Pic .slick:hover .imgDiv{ box-shadow:0 1px 5px rgba(35,25,25,0.4); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.4); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.4);}

.indexPart3Box .btnDiv{ width:120px; height:35px; position:absolute; left:50%; bottom:0px; margin-left:-60px;}
.indexPart3Box .btnDiv a{ display:block; width:118px; height:33px; border:#ff4200 solid 1px; border-radius:24px; -moz-border-radius:24px; font-size:14px; color:#ff4200; text-align:center; line-height:33px;}
.indexPart3Box .btnDiv a:hover{ background:#ff4200; color:#fff; box-shadow:0 1px 15px rgba(255,66,0,0.3); -moz-box-shadow:0 1px 15px rgba(255,66,0,0.3); -webkit-box-shadow:0 1px 15px rgba(255,66,0,0.3);}

.indexPart4{ padding-top:85px; height:675px; background:url(../image/indexPart4Bg.jpg) center no-repeat;}
.indexPart4 .title{ height:48px; position:relative; font-size:26px; color:#212426; text-align:center;}
.indexPart4 .title em{ position:absolute; left:50%; width:30px; height:3px; background:#e0e0e0; margin-left:-15px; bottom:0px;}

.indexPart4Pic{ position:relative; padding:50px 90px;}
.indexPart4Pic .slick .box{ margin:0 10px; position:relative; background:#fff; border-bottom:#e0e0e0 solid 2px;}
.indexPart4Pic .slick .imgDiv img{ width:100%;}
.indexPart4Pic .slick .name{ padding:16px 18px 0; height:24px; line-height:24px; font-size:16px; overflow:hidden;}
.indexPart4Pic .slick .name a{ color:#212426;}
.indexPart4Pic .slick .time{ padding:12px 18px; color:#9d9d9d;}
.indexPart4Pic .slick .content{ padding:0 18px; line-height:24px; height:72px; overflow:hidden; color:#9d9d9d; font-size:14px; margin-bottom:15px;}
.indexPart4Pic .slick .more{ display:block; padding:0 18px; height:32px; color:#9d9d9d;}
.indexPart4Pic .slick:hover .box{ border-bottom:#17aaeb solid 2px;}
.indexPart4Pic .slick:hover .name a{ color:#17aaeb;}
.indexPart4Pic .slick:hover .more{ color:#17aaeb;}
.indexPart4Pic .slick-prev{ display:block; width:35px; height:35px; background:url(../image/nimg35_left.png) no-repeat; position:absolute; left:0; top:50%; margin-top:-17px; z-index:22;}
.indexPart4Pic .slick-next{ display:block; width:35px; height:35px; background:url(../image/nimg35_right.png) no-repeat; position:absolute; right:0; top:50%; margin-top:-17px; z-index:22;}

.indexPart4 .btnDiv{ width:120px; height:35px; margin:0 auto;}
.indexPart4 .btnDiv a{ display:block; width:118px; height:33px; border:#ff4200 solid 1px; border-radius:24px; -moz-border-radius:24px; font-size:14px; color:#ff4200; text-align:center; line-height:33px;}
.indexPart4 .btnDiv a:hover{ background:#ff4200; color:#fff; box-shadow:0 1px 15px rgba(255,66,0,0.3); -moz-box-shadow:0 1px 15px rgba(255,66,0,0.3); -webkit-box-shadow:0 1px 15px rgba(255,66,0,0.3);}

.indexPart5{ padding:85px 0;}
.indexPart5 .title{ height:48px; position:relative; font-size:26px; color:#212426; text-align:center;}
.indexPart5 .title em{ position:absolute; left:50%; width:30px; height:3px; background:#e0e0e0; margin-left:-15px; bottom:0px;}
.indexPart5Pic{ position:relative; padding:50px 90px;}
.indexPart5Pic .slick .box{ margin:0 10px; position:relative;}
.indexPart5Pic .slick .imgDiv{ border:#eee solid 1px;}
.indexPart5Pic .slick .imgDiv img{ width:100%;}
.indexPart5Pic .slick-prev{ display:block; width:35px; height:35px; background:url(../image/nimg35_left.png) no-repeat; position:absolute; left:0; top:50%; margin-top:-17px; z-index:22;}
.indexPart5Pic .slick-next{ display:block; width:35px; height:35px; background:url(../image/nimg35_right.png) no-repeat; position:absolute; right:0; top:50%; margin-top:-17px; z-index:22;}
.indexPart5 .btnDiv{ width:120px; height:35px; margin:0 auto;}
.indexPart5 .btnDiv a{ display:block; width:118px; height:33px; border:#ff4200 solid 1px; border-radius:24px; -moz-border-radius:24px; font-size:14px; color:#ff4200; text-align:center; line-height:33px;}
.indexPart5 .btnDiv a:hover{ background:#ff4200; color:#fff; box-shadow:0 1px 15px rgba(255,66,0,0.3); -moz-box-shadow:0 1px 15px rgba(255,66,0,0.3); -webkit-box-shadow:0 1px 15px rgba(255,66,0,0.3);}

.about{ padding:30px 30px 50px;}
.about .name{ height:42px; position:relative; font-size:18px; color:#17aaeb; font-weight:bold;}
.about .name em{ position:absolute; left:0px; bottom:0px; display:block; width:20px; height:2px; background:#17aaeb;}
.about .content{ font-size:14px; line-height:24px; color:#999; padding:25px 0 35px;}
.about .content b{ color:#17aaeb;}
.about .list{ padding-bottom:25px;}
.about .list ul{ margin-right:-19px;}
.about .list li{ float:left; margin-right:19px;}
.about .list li .box{ width:206px; height:128px; border:#fac9bc solid 1px; text-align:center; color:#f04d21; font-size:14px;}
.about .list li .box b{ display:block; padding:30px 0 10px;}
.about .list li .box em{ font-size:34px;}

.culture{ padding:30px 30px 40px;}
.culture .list li{ padding-top:30px;}
.culture .list li .txt1{ font-size:18px; color:#333; font-weight:bold; padding-bottom:5px;}
.culture .list li .txt2{ color:#333; text-transform:uppercase; padding-bottom:15px;}
.culture .list li .msg{ font-size:14px; color:#999; line-height:24px;}

.group{ padding:70px 30px 50px; position:relative;}
.group .name{ height:66px; position:absolute; left:30px; top:30px; font-size:18px; color:#17aaeb; font-weight:bold;}
.group .name em{ position:absolute; left:0px; bottom:0px; display:block; width:20px; height:2px; background:#17aaeb;}

.history{ padding:30px 30px 50px;}
.history .name{ height:42px; font-size:18px; color:#17aaeb; font-weight:bold; position:relative; margin-bottom:50px;}
.history .name em{ position:absolute; left:0px; bottom:0px; display:block; width:20px; height:2px; background:#17aaeb;}
.historyList{ background:url(../image/line3.jpg) 90px top repeat-y; padding:20px 0 40px;}
.historyList .list{ background:url(../image/historyBg.png) 90px top repeat-y;}
.historyList .list li{ padding-left:123px; padding-bottom:35px; position:relative; font-size:14px; line-height:24px; color:#999;}
.historyList .list li .year{ position:absolute; left:0px; top:0px; font-size:18px; color:#17aaeb; font-weight:bold;}
.historyList .list li .ico{ position:absolute; left:82px; top:-1px;}

.honor{ padding:30px 30px 40px;}
.honor .title{ height:42px; font-size:18px; color:#17aaeb; font-weight:bold; position:relative;}
.honor .title em{ position:absolute; left:0px; bottom:0px; display:block; width:20px; height:2px; background:#17aaeb;}
.honor .list{ padding-top:30px;}
.honor .list ul{ margin-right:-29px;}
.honor .list li{ float:left; font-size:14px; color:#999; margin-bottom:20px;}
.honor .list li .box{ width:277px; margin-right:29px;}
.honor .list li .imgDiv{ border:#c7c7c7 solid 1px;}
.honor .list li .name{ padding-top:15px; height:48px; line-height:24px; overflow:hidden;}

.partners{ padding:30px 30px 20px;}
.partners .list ul{ margin-right:-23px;}
.partners .list li{ float:left; font-size:14px; color:#999; margin-bottom:8px;}
.partners .list li .box{ width:205px; margin-right:23px;}
.partners .list li .imgDiv{ border:#c7c7c7 solid 1px;}
.partners .list li .name{ padding-top:5px; height:48px; line-height:24px; overflow:hidden; text-align:center;}

.product{ padding:30px 30px 20px;}
.product .list ul{ margin-right:-20px;}
.product .list li{ float:left; font-size:14px; color:#999; margin-bottom:18px;}
.product .list li .box{ width:283px; margin-right:20px;}
.product .list li .name{ padding-top:10px; height:48px; line-height:24px; overflow:hidden; text-align:center;}

.productShow{ padding:30px;}
.productShow .part1{ padding-left:440px; position:relative; min-height:255px; padding-bottom:30px;}
.productShow .part1 .bigImg{ position:absolute; left:0px; top:0px;}
.productShow .part1 .name{ font-size:18px; color:#17aaeb; padding:10px 0 35px;}
.productShow .title{ color:#17aaeb; font-size:14px; font-weight:bold;}
.productShow .content{ padding-top:10px; font-size:14px; line-height:36px; color:#999;}

.pageDown{height:115px; position:relative; padding:0 30px;}
.pageDown .box{ border-top:#e0e0e0 solid 1px; padding-top:25px;}
.pageDown .btn{position:absolute; top:25px; right:30px; width:150px; height:45px; border:#e0e0e0 solid 1px; border-radius:24px; -moz-border-radius:24px; text-align:center; line-height:43px; font-size:14px;}
.pageDown li{ height:50px; line-height:18px; overflow:hidden; position:relative; top:-3px; font-size:14px;}

.news{ padding:0 30px 50px;}
.news .list li{ padding-left:330px; position:relative; height:248px; background:url(../image/line4.png) bottom repeat-x;}
.news .list li .imgDiv{ position:absolute; left:0px; top:30px;}
.news .list li .name{ padding:28px 0 15px; font-size:16px;}
.news .list li .name a{ display:block; height:40px; overflow:hidden;}
.news .list li .time{ padding-bottom:10px; color:#999;}
.news .list li .content{ font-size:14px; line-height:24px; overflow:hidden; height:72px;}
.news .list li .btnDiv{ padding-top:20px;}
.news .list li .btnDiv a{ display:block; width:88px; height:33px; border:#e0e0e0 solid 1px; border-radius:24px; -moz-border-radius:24px; text-align:center; line-height:33px;}
.news .list li .btnDiv a:hover{ border:#17aaeb solid 1px; background:#17aaeb; color:#fff;}

.newShow{ padding:30px 30px 50px;}
.newShow .name{ text-align:center; font-size:20px; color:#333; padding-bottom:15px;}
.newShow .time{ text-align:center; color:#999; padding-bottom:18px; border-bottom:#e0e0e0 solid 1px;}
.newShow .content{ padding:20px 0; font-size:14px; line-height:24px; color:#999;}
.newShow .imgDiv{ text-align:center; padding:30px 0 15px;}
/*.newShow .content p{ text-align:center;}*/ 

.announcement{ padding:10px 30px 40px;}
.announcement .list li{ height:52px; line-height:52px; font-size:14px; border-bottom:#eee solid 1px; position:relative; padding-right:100px; overflow:hidden;}
.announcement .list li em{ position:absolute; right:0px; top:0px;}

.service{ padding:0 30px 20px;}
.service .title{ height:42px; font-size:18px; color:#17aaeb; font-weight:bold; position:relative; padding-top:30px;}
.service .title em{ position:absolute; left:0px; bottom:0px; display:block; width:20px; height:2px; background:#17aaeb;}
.service .content{ font-size:14px; line-height:30px; color:#999; padding:25px 0; border-bottom:#eaeaea solid 1px;}
.service .content2{ border-bottom:none;}

.strategic{ padding:0 30px 20px;}
.strategic .title{ height:42px; font-size:18px; color:#17aaeb; font-weight:bold; position:relative; padding-top:30px; margin-bottom:25px;}
.strategic .title em{ position:absolute; left:0px; bottom:0px; display:block; width:20px; height:2px; background:#17aaeb;}
.strategic h2{ color:#17aaeb; line-height:36px;}
.strategic .content{ line-height:36px; font-size:14px; color:#999;}

.condition{ padding:30px 30px 50px;}
.condition .title{ height:42px; font-size:18px; color:#17aaeb; font-weight:bold; position:relative;}
.condition .title em{ position:absolute; left:0px; bottom:0px; display:block; width:20px; height:2px; background:#17aaeb;}
.condition .content{ font-size:14px; color:#999; line-height:30px; padding:20px 0;}
.condition .imgDiv{ text-align:center;}
.condition .imgDivTel{ display:none;}
.condition .imgDivTel img{ width:100%;}

.job{ padding:30px;}
.job .list li{ position:relative; margin-bottom:10px;}
.job .list li .name a{ display:block; font-size:18px; position:relative; height:53px; line-height:53px; border:#d2d2d2 solid 1px; padding-left:26px; background:#f7f7f7 url(../image/nimg44_1.png) right center no-repeat;}
.job .list li .box{ background:#fff; line-height:22px; font-size:14px; display:none; color:#999; padding:18px 25px 40px; border:#d2d2d2 solid 1px; border-top:none;}
.job .list li.liNow .name a{ background:#17aaeb url(../image/nimg44_1on.png) right center no-repeat; border:#d2d2d2 solid 1px; color:#fff;}
.job .list li .top dd{ float:left; padding-right:56px;}
.job .list li .content{ line-height:24px; padding-top:15px;}
.job .list li h2{ padding:15px 0 10px; border-bottom:#e7e7e7 solid 1px; color:#666;}
.job .list li .btnDiv{ padding-top:15px;}
.job .list li .btnDiv a{ display:block; width:150px; height:45px; color:#17aaeb; border:#e0e0e0 solid 1px; border-radius:24px; -moz-border-radius:24px; font-size:14px; text-align:center; line-height:43px;}
.job .title{ padding-top:20px; height:42px; font-size:18px; color:#17aaeb; font-weight:bold; position:relative;}
.job .title em{ position:absolute; left:0px; bottom:0px; display:block; width:20px; height:2px; background:#17aaeb;}
.job .msg{ padding-top:25px; font-size:14px; color:#999; line-height:30px;}
.job .msg em{ color:#666;}
.job .msg2{ font-size:14px; color:#999; line-height:30px; padding-bottom:25px;}
.job .msg2 b{ color:#333;}

.contact{ padding:30px 30px 75px}
.contact .part1{ padding-bottom:40px;}
.contact .box{ width:446px; border-right:#e0e0e0 solid 1px;}
.contact .box .name{ font-size:24px; color:#17aaeb; padding-bottom:15px;}
.contact .list li{ font-size:14px; color:#999; line-height:30px;}
.contact .box2{ width:400px; border-right:none; padding-left:30px;}
.contact .mapDiv{ border:#e0e0e0 solid 1px; height:400px}

.lyb{ padding:30px 30px 120px;}
.lyb .form{ padding:50px 0 0 75px;}
.lyb .form li{ padding-left:105px; position:relative; height:62px;}
.lyb .form li em{ position:absolute; left:12px; top:4px; line-height:22px; font-size:14px; color:#999;}
.lyb .form li .box{ width:600px; height:50px; border:#eee solid 1px; position:relative;}
.lyb .form li .ico{ position:absolute; right:0px; top:0px; width:50px; border-left:#eee solid 1px; height:50px; background:#fafafa;}
.lyb .form li .ico img{ position:relative; left:14px; top:12px;}
.lyb .form li .input1{ width:100%; height:50px; line-height:50px; font-size:14px; text-indent:10px;}
.lyb .form li .tips{ position:absolute; left:730px; font-size:14px; color:#ff0000; top:20px;}
.lyb .form .li01{ height:200px;}
.lyb .form textarea{ width:550px; height:160px; border:none;}
.lyb .form li .box2{ height:166px;}
.lyb .form li .ico2{ height:166px;}
.lyb .form li .ico2 img{ top:62px;}
.lyb .form li .btn1{ width:150px; height:48px; background:#17aaeb; cursor:pointer; color:#fff; font-size:14px;}




























