@charset "utf-8";
/* CSS Document */

body{ font-size:12px; color:#666666; background:#fff; font-family:'微软雅黑'; line-height:24px;}

a { color:#666666; font-size:12px; text-decoration:none; font-family:'微软雅黑'; }

a:hover { text-decoration:none;}



/***************index css********************/
.top{ width:1200px; height:36px; margin:0 auto; line-height:36px; color:#ffffff}
.top .yy{ float:right}

.logo-bg{ width:1200px; height:120px; margin:0 auto;}
.logo-bg .logo{ float:left;}
.logo-bg .right{ float:right; width:420px; height:auto; margin-top:27px;}
.logo-bg .right div{ height:32px; line-height:32px; background:url(../images/tel-cio.jpg) no-repeat left center; padding-left:33px; color:#000000; font-size:16px;}
.logo-bg .right div span{ color:#ff9f00; font-weight:bold}
.logo-bg .right .yx{background:url(../images/mai-ico.jpg) no-repeat left center;}


#nav{ width:1200px; height:46px; margin:0 auto;}
#nav ul{ }
#nav ul li { float:left; display:inline; width:170px; height:46px; margin-right:1px;}
#nav ul li  a{ display:block; width:170px; height:46px; text-align:center; line-height:46px; color:#ffffff; font-size:16px;}
#nav ul li  a:hover{ background:url(../images/h.png) no-repeat bottom center #ff9f00}
#nav ul li  a.current{ background:url(../images/h.png) no-repeat bottom center #ff9f00}

.flash{ width:100%; height:auto; margin:0 auto; max-height:660px;}
.flash img{ width:100%;}
.search{ width:100%; background:url(../images/search-bg.jpg) no-repeat center top; height:124px;}
.search .bg{ width:1200px; height:auto; margin:0 auto;}
.search .bg .name{ text-align:center; height:32px; line-height:32px; color:#010044; font-size:20px; padding-top:20px; font-weight:bold}
.search .bg .txt{ width:1200px; height:auto; margin-top:15px;}
.search .bg .txt .wbk{ float:left; width:342px; height:46px; border:none; font-family:'微软雅黑'; line-height:46px; text-indent:46px; color:#b5b5b5; font-size:16px; background:url(../images/wbk-bh.png) no-repeat; line-height:46px; margin-right:17px;}
.search .bg .txt .wbk2{ background:url(../images/wbk-bz.png) no-repeat}
.search .bg .txt .wbk3{ background:url(../images/wbk-gjc.png) no-repeat}
.search .bg .txt .an{ border:none; background:#000044; border-radius:3px; float:right; display:block; cursor:pointer; text-align:center; line-height:42px; width:120px; height:44px; color:#fff; font-size:16px; font-family:'微软雅黑';}
.search .bg .txt .an:hover{ background:#ff9f00}

.flashn{ width:100%; height:auto; margin:0 auto; max-height:450px; border-bottom:5px solid #ff9f00}
.flashn img{ width:100%;}

/******************************** index *********************************/
.pro{ width:100%; height:auto; background:url(../images/pro-bg.jpg) repeat-x #f5f5f5; padding-bottom:30px;}
.pro div{ overflow:visible}
.pro .bg{ width:1200px; height:auto; margin:0 auto; padding-top:55px;}
.pro .bg .title{ width:380px; height:49px; margin:0 auto; background:url(../images/pro-title.png) no-repeat; text-align:center; line-height:49px; color:#010044; font-size:26px; font-weight:bold}
.pro .bg .list{ width:100%; height:70px; margin-top:24px; text-align:center;}
.pro .bg .list ul li{ width:280px; height:70px; display:inline-block; margin-left:32px; margin-right:32px; cursor:pointer; line-height:70px; background:url(../images/pro-list-a.jpg) no-repeat; padding-left:20px; color:#fff; font-size:20px; font-weight:bold;}
.pro .bg .list ul li i{ float:left; width:32px; height:28px; margin-top:21px;}
.pro .bg .list ul li span{ float:left; margin-left:5px;}
.pro .bg .list ul li:hover{ background:url(../images/pro-list-h.jpg) no-repeat;}
.pro .bg .list ul li.dz{ background:url(../images/pro-list-h.jpg) no-repeat;}
.pro .bg .box{ width:1200px; height:auto; margin-top:40px;}
.pro .bg .box .nr{ display:none}
.pro .bg .box  ul li{ width:292px; height:276px; background:#fff; overflow:hidden; float:left; margin-left:4px; margin-right:4px; margin-bottom:10px;}
.pro .bg .box  ul li img{ display:block; width:292px; height:210px;}
.pro .bg .box  ul li .content{ width:292px; height:276px; text-align:center;}
.pro .bg .box  ul li .content .name{ padding-top:9px; height:24px; line-height:24px; color:#666666; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro .bg .box  ul li .content .memo{ width:270px; height:24px; margin:0 auto; text-align:center; line-height:24px; color:#adadad; font-size:14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro .bg .box  ul li .content .memo p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro .bg .box  ul li:hover{ box-shadow:0 0 10px #e5e5e5}
.pro .bg .box  ul li:hover .content{ background:#ff9f00;}
.pro .bg .box  ul li:hover .content .name{ color:#fff}
.pro .bg .box  ul li:hover .content .memo{ color:#ffdcb8}

a.mores{ color:#545452; font-size:12px; text-transform:uppercase; float:right; margin-right:10px; font-weight:normal}
a.mores:hover{ text-decoration:underline; color:#ff9f00}

.btn-l{ width:14px; height:36px; float:left; display:block; background:url(../images/left_pic.jpg) no-repeat; cursor:pointer}
.btn-l:hover{ background:url(../images/left_pich.jpg) no-repeat}

.btn-r{ width:14px; height:36px; float:right; display:block;  background:url(../images/right_pic.jpg) no-repeat; cursor:pointer}
.btn-r:hover{ background:url(../images/right_pich.jpg) no-repeat}


.side1{ width:100%; height:auto; background:url(../images/side-bg.jpg) repeat-x #f9f9f9;}
.side1 .bg1{ width:1200px; height:auto; margin:0 auto; margin-top:60px; margin-bottom:35px;}
.side1 .bg1 .left{ width:580px; height:auto; float:left;}
.side1 .bg1 .left .about{ width:580px; height:auto;}
.side1 .bg1 .left .about .title{ height:38px; line-height:38px; color:#545452; font-size:20px; font-weight:bold;}
.side1 .bg1 .left .about .bg{ width:580px; height:150px;}
.side1 .bg1 .left .about .bg .tu{ width:300px; height:150px; float:left}
.side1 .bg1 .left .about .bg .txt{ width:279px; height:148px; border:1px solid #d7d7d7; border-left:none}
.side1 .bg1 .left .about .bg .txt .nr{ width:245px; height:115px; margin-left:18px; margin-top:18px;}

.side1 .bg1 .left .case{ width:580px; height:auto; margin-top:15px;} 
.side1 .bg1 .left .case .title{ height:38px; line-height:38px; color:#545452; font-size:20px; font-weight:bold;}
.side1 .bg1 .left .case .bg{ width:578px; height:215px; border:1px solid #d7d7d7}
.side1 .bg1 .left .case .bg .txt{ width:558px; height:186px; margin:0 auto; margin-top:14px;}
.side1 .bg1 .left .case .bg .txt .btn-l{ margin-top:76px;}
.side1 .bg1 .left .case .bg .txt .btn-r{ margin-top:76px;}
.side1 .bg1 .left .case .bg .txt .gdcase{ width:530px; height:186px; float:left}
.side1 .bg1 .left .case .bg .txt .gdcase ul li{ width:125px; height:186px; overflow:hidden; float:left; position:relative; margin-left:4px; margin-right:3px;}
.side1 .bg1 .left .case .bg .txt .gdcase ul li img{ width:125px; height:186px; display:block; -webkit-filter: grayscale(100%);filter: grayscale(100%);}
.side1 .bg1 .left .case .bg .txt .gdcase ul li .name{ position:absolute; z-index:999; width:125px; height:35px; background:url(../images/black-png.png); left:0; bottom:0; text-align:center; line-height:35px; color:#fff; font-size:14px;}
.side1 .bg1 .left .case .bg .txt .gdcase ul li:hover img{ -webkit-filter: grayscale(0);filter: grayscale(0);}

.side1 .bg1 .left .new{ width:580px; height:auto; margin-top:15px;}
.side1 .bg1 .left .new .title{ height:38px; line-height:38px; color:#545452; font-size:20px; font-weight:bold;}
.side1 .bg1 .left .new .bg{ width:578px; height:116px; border:1px solid #d7d7d7}
.side1 .bg1 .left .new .bg .txt{ width:548px; height:auto; margin:0 auto; margin-top:12px;}

.side1 .bg1 .right{ width:590px; height:auto; float:right; padding-top:7px;}
.side1 .bg1 .right .dlpp{ width:590px; height:217px; background:url(../images/dlpp-bg.jpg) no-repeat}
.side1 .bg1 .right .dlpp .title{ width:100%; height:34px; line-height:34px; color:#fff; font-size:18px; font-weight:bold; text-indent:10px;}
.side1 .bg1 .right .dlpp .title a.mores{ color:#fff;}
.side1 .bg1 .right .dlpp .title a.mores:hover{ color:#fff}
.side1 .bg1 .right .dlpp .bg{ width:558px; height:124px;  margin-top:26px; margin-left:20px;}
.side1 .bg1 .right .dlpp .bg .btn-l{ margin-top:44px;}
.side1 .bg1 .right .dlpp .bg .btn-r{ margin-top:44px;}
.side1 .bg1 .right .dlpp .bg .gddlpp{ width:530px; height:124px; float:left;}
.side1 .bg1 .right .dlpp .bg .gddlpp ul li{ float:left; width:175px; height:124px; border-right:1px solid #cccacb}
.side1 .bg1 .right .dlpp .bg .gddlpp ul li img{ width:167px; height:124px; display:block; margin:0 auto}
.side1 .bg1 .right .dlpp .bg .gddlpp div{ overflow:visible}
.side1 .bg1 .right .dlpp .bg .gddlpp .box{ width:175px; height:124px; border-right:1px solid #cccacb}
.side1 .bg1 .right .dlpp .bg .gddlpp .box img{ width:167px; height:124px; display:block; margin:0 auto}

.side1 .bg1 .right .hzhb{ width:590px; height:369px; background:url(../images/hzhb-bg.jpg) no-repeat; margin-top:36px;}
.side1 .bg1 .right .hzhb .title{ width:100%; height:34px; line-height:34px; color:#fff; font-size:18px; font-weight:bold; text-indent:10px;}
.side1 .bg1 .right .hzhb .title a.mores{ color:#fff;}
.side1 .bg1 .right .hzhb .title a.mores:hover{ color:#fff}
.side1 .bg1 .right .hzhb .bg{ width:558px; height:auto;  margin-top:26px; margin-left:20px;}
.side1 .bg1 .right .hzhb .bg .btn-l{ margin-top:123px;}
.side1 .bg1 .right .hzhb .bg .btn-r{ margin-top:123px;}
.side1 .bg1 .right .hzhb .bg .gdhzhb{ width:530px; float:left; height:290px;}
.side1 .bg1 .right .hzhb .bg .gdhzhb .box{ width:170px; height:90px;}
.side1 .bg1 .right .hzhb .bg .gdhzhb .box img{ width:168px; height:88px; border:1px solid #d5d5d5}
.side1 .bg1 .right .hzhb .bg .swiper-wrapper  div{ overflow:visible}


/****************************** ny *************************************/
.titlen{ width:1200px; height:58px; background:url(../images/ny_lmbj.png) no-repeat right bottom;}
.titlen .bt{ float:left; color:#000044;}
.titlen .bt span{ display:block; height:28px;  font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:26px; text-transform:uppercase}
.titlen .bt em{ display:block; font-size:22px; height:30px; display:block; line-height:30px;}
.titlen .mbx{ float:right; height:24px; line-height:24px; margin-top:24px; color:#666666; font-size:14px;}
.titlen .mbx a{ color:#666; font-size:14px;}
.titlen .mbx span{ color:#ff9f00}


.aboutn{ width:1200px; height:auto; margin-top:45px;}
.aboutn .about-txt{ width:1200px; height:auto;}
.aboutn .about-hzhb{ width:1200px; height:auto; margin-top:50px; clear:both}
.aboutn .about-hzhb ul li{ width:190px; height:100px; background:#fff; overflow:hidden; float:left; margin-bottom:10px; margin-left:5px; margin-right:5px;}
.aboutn .about-hzhb ul li img{ width:188px; height:98px; border:1px solid #d5d5d5}

.newsn{ width:1200px; height:auto; margin-top:45px;}
.newsn ul li{ width:1200px; height:169px; border-bottom:1px dashed #dcdcdc; overflow:hidden}
.newsn ul li dl{ display:block; width:1170px; height:111px; overflow:hidden; padding-left:15px; padding-right:15px; padding-bottom:28px; padding-top:28px; color:#666; font-size:14px;}
.newsn ul li dl dt{ width:149px; height:111px; float:left}
.newsn ul li dl dt img{width:149px; height:111px; display:block}
.newsn ul li dl dd{ width:997px; height:111px; float:right; overflow:hidden}
.newsn ul li dl dd .name{ height:22px; line-height:22px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#474747; font-size:18px;}
.newsn ul li dl dd .memo{ height:46px; line-height:24px; font-size:14px; padding-top:10px;}
.newsn ul li dl dd .time{ height:20px; line-height:20px; padding-top:10px; line-height:20px;}
.newsn ul li:hover dl{ background:#000044;}
.newsn ul li:hover dl{ color:#fff}
.newsn ul li:hover dl dd .name{ color:#fff}


.newsd{ width:100%; height:auto; margin-top:45px;}
.newsd .name{ width:100%; line-height:32px; color:#4b4b4b; font-size:20px; font-weight:bold; text-align:center}
.newsd .list{ text-align:center; padding-top:8px; line-height:24px; color:#4b4b4b; font-size:12px;}
.newsd .txt{ width:100%; padding-top:30px;}



.searchn{ width:100%; height:auto;}
.searchn  .txt{ width:1200px; height:auto; margin-top:35px;}
.searchn  .txt .wbk{ float:left; width:342px; height:46px; border:none; line-height:46px; text-indent:46px; color:#b5b5b5; font-family:'微软雅黑'; font-size:16px; background:url(../images/wbk-bh.png) no-repeat; line-height:46px; margin-right:17px;}
.searchn  .txt .wbk2{ background:url(../images/wbk-bz.png) no-repeat}
.searchn  .txt .wbk3{ background:url(../images/wbk-gjc.png) no-repeat}
.searchn  .txt .an{ border:none; background:#000044; border-radius:3px; float:right; display:block; cursor:pointer; text-align:center; line-height:42px; width:120px; height:44px; color:#fff; font-size:16px; font-family:'微软雅黑';}         
.searchn  .txt .an:hover{ background:#ff9f00}
.pron{ width:1200px; height:auto; margin:0 auto; margin-top:24px;}



.ny_left{ width:290px; height:auto; float:left; display:inline; }
.ny_left .box{ width:290px; height:auto; background:url(../images/profl-bg.jpg); margin-bottom:10px;}
.ny_left .box .bg{ width:270px; height:auto; margin:20px auto;}
.ny_left .box .bg dl{ width:270px; height:auto; overflow:hidden}
.ny_left .box .bg dl dt{ width:270px; height:43px; display:block; overflow:hidden; cursor:pointer; border-bottom:1px solid #4d4d7c; line-height:28px; color:#ffffff; font-size:20px; font-weight:bold}
.ny_left .box .bg dl dt .img1{ display:block}
.ny_left .box .bg dl dt .img2{ display:none}
.ny_left .box .bg dl dt i{ float:left; width:33px; height:28px; overflow:hidden; display:block;  margin-left:8px;}
.ny_left .box .bg dl dt span{ display:block; height:28px; line-height:28px; float:left; margin-left:5px;}
.ny_left .box .bg dl dt em{ float:right; display:block; width:33px; height:18px; overflow:hidden; margin-top:5px;}
.ny_left .box .bg dl dd{ width:270px; height:auto; overflow:hidden; display:none}
.ny_left .box .bg dl dd ul li{ width:270px; height:30px; overflow:hidden;}
.ny_left .box .bg dl dd ul li a{ display:block; width:270px; height:30px; line-height:30px; text-indent:23px; color:#ffffff; font-size:14px; background:url(../images/p_li.png) 5px 10px no-repeat;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ny_left .box .bg dl dd ul li a:hover{ background:url(../images/hp_li.png)  5px 10px no-repeat; color:#ff9f00}
.ny_left .box .bg dl dd ul li a.dz{ background:url(../images/hp_li.png)  5px 10px no-repeat; color:#ff9f00}

.ny_left .box .bg dl.dz dt{ border-bottom:1px solid #ff9f00; color:#ff9f00;}
.ny_left .box .bg dl.dz dt .img1{ display:none}
.ny_left .box .bg dl.dz dt .img2{ display:block}
.ny_left .box .bg dl.dz dd{ display:block}

.ny_left .box .bg dl:hover dt{ border-bottom:1px solid #ff9f00; color:#ff9f00;}
.ny_left .box .bg dl:hover dt .img1{ display:none}
.ny_left .box .bg dl:hover dt .img2{ display:block}


.ny_side{ width:900px; height:auto; float:right; display:inline; min-height:300px;}

ul.proul li{ width:292px; height:276px; background:#fff; overflow:hidden; float:left; margin-left:8px; margin-bottom:10px;}
ul.proul li img{ display:block; width:292px; height:210px;}
ul.proul li .content{ width:292px; height:276px; text-align:center;}
ul.proul li .content .name{ padding-top:9px; height:24px; line-height:24px; color:#666666; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.proul li .content .memo{ width:270px; height:24px; margin:0 auto; text-align:center; line-height:24px; color:#adadad; font-size:14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.proul li .content .memo p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
ul.proul li:hover .content{ background:#ff9f00}
ul.proul li:hover .content .name{ color:#fff}
ul.proul li:hover .content .memo{ color:#ffdcb8}
ul.proul li:hover{ box-shadow:0 0 10px #e5e5e5}

.prosd-top{ overflow:visible; width:100%;}
.prosd-top .left{ width:400px; height:288px; float:left; position:relative; box-shadow:0 0 10px #e5e5e5}
.prosd-top .left div{ overflow:visible}
.prosd-top .left .swiper-pagination-bullet {
      width: 20px;
	  border-radius:0;
      height: 20px;
      text-align: center;
      line-height: 20px;
      font-size: 12px;
      color:#fff;
      opacity: 1;
      background: #000044;
    }
.prosd-top .left .swiper-pagination{ text-align:right}
.prosd-top .left .swiper-pagination-bullet-active {
      color:#fff;
      background: #ff9f00;
    }
.prosd-top .left img{ width:400px; height:288px;}
.prosd-top .right{ width:475px; height:auto; float:right}
.prosd-top .right .name{ width:475px; height:auto; border-bottom:1px dashed #dcdcdc;  line-height: 44px; padding-bottom: 10px; color:#4b4b4b; font-size:22px; font-weight:bold}
.prosd-top .right .memo{ width:475px; padding-top:28px; line-height:28px; font-size:16px; color:#666666}
.prosd-top .right .memo strong{ color:#000044; }

.prosd-txt{ width:100%; height:auto; clear:both; padding-top:23px;}
.prosd-txt .bt{ width:100%; height:64px; border-bottom:1px solid #dcdcdc; line-height:62px; background:url(../images/pro-xian.jpg) no-repeat left center; text-indent:16px; color:#000044; font-size:24px; font-weight:bold}
.prosd-txt .txt{ width:100%; height:auto; margin-top:15px;}
.page{ width:100%; height:auto; clear:both; padding-top:30px;}
.page .left{ float:left; width:800px;}
.page .lb{ height:28px; line-height:28px; color:#000044; font-size:14px;}
.page .lb a{ color:#6c6c6c; font-size:14px;}
.page .lb a:hover{ color:#000044; text-decoration:underline}
.page .return{ width:110px; height:36px; background:url(../images/return.jpg) no-repeat; line-height:36px; display:block; overflow:hidden; text-indent:36px; font-size:16px; color:#fff; float:right; margin-top:10px; font-family:'微软雅黑';}
.page .return:hover{ background:url(../images/returnh.jpg) no-repeat;}
.jszcn{ width:100%; height:auto; margin-top:45px;}
.jszcn dl{ width:100%; height:81px; border-bottom:1px dashed #dcdcdc; overflow:hidden; margin-bottom:22px;}
.jszcn dl dt{ width:54px; height:54px; float:left}
.jszcn dl dd{ width:1130px; float:right; height:54px; overflow:hidden}
.jszcn dl dd .name{ width:1130px; height:23px; line-height:23px; overflow:hidden; color:#474747; font-size:16px;}
.jszcn dl dd .name span{ float:right; color:#666666; font-size:12px;}
.jszcn dl dd .time{ height:20px; line-height:20px; color:#666666; font-size:12px; padding-top:11px}
.jszcn dl:hover dd .name{ text-decoration:underline; color:#000044}

.contactn{ width:1200px; height:auto; margin-top:40px;}
.contactn .bg{ width:100%; height:auto}
.contactn .bg .txt{ float:left; width:467px; height:auto}
.contactn .bg .txt .name{ width:100%; height:60px; border-bottom:1px dashed #c7c5c6; line-height:45px; color:#000044; font-size:24px;}
.contactn .bg .txt .nr{ padding-top:10px;}
.contactn .bg .fk{ float:right; width:655px; height:auto; padding-top:60px;}
.contactn .bg .fk ul li{ width:100%; height:auto; overflow:hidden; margin-bottom:15px; }
.contactn .bg .fk ul li .inp{ width:278px; height:23px; background:#fff; font-family:'微软雅黑'; border:1px solid #c7c5c6; padding:5px 10px; float:left; line-height:23px; color:#999; font-size:14px;}
.contactn .bg .fk ul li .inp2{ float:right;}
.contactn .bg .fk ul li .tex{ width:633px; height:81px; font-family:'微软雅黑'; font-size:14px;  border:1px solid #c7c5c6; padding:5px 10px; line-height:24px;}
.contactn .bg .fk ul li .btn{ width:90px; height:35px; border:none; background:#000044; line-height:32px; display:block; cursor:pointer; text-align:center; color:#fff; font-size:14px; font-family:'微软雅黑';}
.contactn .bg .fk ul li .btn:hover{ background:#ff9f00}
.contactn .map{ width:1198px; clear:both; border:1px solid #bfbfbf; height:auto; margin-top:50px;}


.casen{ width:1200px; height:auto; min-height:300px; margin-top:45px;}
.casen ul li{ width:217px; height:325px; overflow:hidden; float:left; position:relative; margin-left:11px; margin-right:12px; margin-bottom:23px;}
.casen ul li img{ width:217px; height:325px; display:block; }
.casen ul li .name{ position:absolute; z-index:999; width:217px; height:35px; background:url(../images/black-png.png); left:0; bottom:0; text-align:center; line-height:35px; color:#fff; font-size:16px;}
.casen ul li .box{ position:absolute; z-index:9999; width:217px; height:325px; background:url(../images/black-png.png); color:#fff; font-size:12px;  left:0; bottom:-325px}
.casen ul li .box  .bt{ font-size:18px; padding-bottom:5px;}
.casen ul li .box  .memo{ line-height:28px; font-size:14px; height:112px; overflow:hidden}
.casen ul li .box table{ width:90%; height:100%; margin:0 auto;}
.casen ul li .box table tr td{width:100%; height:100%; text-align:center; vertical-align:middle}