* {
  margin: 0px;

  padding: 0px;

  box-sizing: border-box;
}

body {
  font-family: "microsoft yahei";

  font-size: 14px;

  -moz-user-select: none;

  -webkit-user-select: none;
}

img {
  border: 0px;

  list-style: none;
}

a {
  color: inherit;

  text-decoration: none;
}

.ul_none {
  list-style-type: none;
}

.clear {
  clear: both;
}

/*首页*/

#header {
  width: 100%;

  height: 200px;
}

#header .top {
  width: 100%;

  height: 10px;

  background-color: #e5e5e5;
}

#header .center {
  width: 1000px;

  height: 130px;

  margin: 0 auto;

  background-color: #ffffff;
}

#header .bottom {
  width: 100%;

  height: 60px;

  background-color: #006699;
}

#header .bottom .nav {
  width: 1000px;

  height: 100%;

  margin: 0 auto;
}

#header .bottom .nav li {
  width: 14.28%;

  height: 100%;

  float: left;

  color: #ffffff;
}

#header .bottom .nav li a {
  display: block;

  width: 100%;

  height: 100%;

  text-align: center;

  line-height: 60px;
}

#header .bottom .nav li a:hover,
#header .bottom .nav li .cur {
  background-color: #e87815;
}

.banner {
  width: 100%;

  height: 500px;

  position: relative;
}

.banner .bgi {
  width: 100%;

  height: 500px;

  position: relative;
}

.banner .bgi li {
  position: absolute;

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;
}

.banner .bgi li a {
  display: block;

  width: 100%;

  height: 100%;
}

.banner .bgn {
  position: absolute;

  bottom: 10px;

  left: 50%;
}

.banner .bgn li {
  width: 15px;

  height: 15px;

  border-radius: 50%;

  margin: 0 4px;

  background-color: #ffffff;

  float: left;

  cursor: pointer;
}

.banner .bgn .cur {
  background-color: #006699;
}

.tc_service {
  width: 1000px;

  margin: 0 auto;

  padding-bottom: 50px;
}

.tc_batten {
  width: 420px;

  height: 100px;

  margin: 45px auto 30px auto;

  background: url(../images/batten.png) no-repeat center;

  text-align: center;

  padding-top: 16px;
}

.tc_batten .cn {
  color: #232323;

  font-size: 28px;

  font-weight: bold;

  margin-bottom: 10px;

  letter-spacing: 2px;
}

.tc_batten .en {
  color: #555555;

  font-size: 14px;
}

.tc_service .tabs {
  width: 100%;

  height: 50px;

  line-height: 50px;

  margin-bottom: 15px;
}

.tc_service .tabs .tab {
  display: inline-block;

  height: 50px;

  text-align: center;

  padding: 0px 42px;

  color: #222222;

  background-color: #eeeeee;

  font-size: 16px;

  float: left;

  margin-right: 2px;

  transition: all 0.2s;
}

.tc_service .tabs .tab:hover,
.tc_service .tabs .cur {
  background-color: #006699;

  color: #ffffff;
}

.tc_service .tabs .tabs_more {
  float: right;
}

.tc_service .tabs_list {
  width: 100%;

  height: 200px;

  background-color: #eeeeee;

  padding: 5px;
}

.tc_service .tabs_list .left {
  display: block;

  width: 160px;

  height: 190px;

  float: left;
}

.tc_service .tabs_list .left img {
  display: block;

  width: 100%;

  height: 100%;
}

.tc_service .tabs_list .center {
  width: 400px;

  height: 160px;

  overflow: hidden;

  float: left;

  padding-top: 35px;

  padding-left: 10px;

  font-size: 16px;

  margin-left: 45px;
}

.tc_service .tabs_list .center .unit {
  display: none;
}

.tc_service .tabs_list .center .unit:first-child {
  display: block;
}

.tc_service .tabs_list .center .unit a img {
  display: inline-block;

  margin-bottom: 1px;

  margin-right: 5px;
}

.tc_service .tabs_list .center .unit a {
  margin-right: 45px;

  line-height: 4em;
}

.tc_service .tabs_list .right {
  float: right;

  width: 330px;

  padding-right: 45px;

  padding-top: 30px;
}

.tc_service .tabs_list .right .cn {
  font-size: 18px;

  color: #222222;

  margin-bottom: 5px;
}

.tc_service .tabs_list .right .en {
  font-size: 14px;

  color: #555555;

  margin-bottom: 8px;
}

.tc_service .tabs_list .right .input1 {
  width: 280px;

  height: 30px;

  padding: 0 5px;

  font-family: "microsoft yahei";

  margin-bottom: 15px;
}

.tc_service .tabs_list .right .input2 {
  width: 90px;

  height: 30px;

  margin-right: 15px;

  cursor: pointer;

  border: 0px;

  color: #ffffff;

  font-family: "microsoft yahei";
}

.tc_service .tabs_list .right .yc1 {
  background-color: #ff6600;
}

.tc_service .tabs_list .right .yc2 {
  background-color: #006699;
}

.tc_intro {
  width: 100%;

  height: 816px;

  background: url(../images/bg1.jpg) no-repeat center;

  padding-top: 1px;
}

.tc_intro .tc_intro_list {
  width: 1000px;

  margin: 0 auto;
}

.tc_intro .tc_intro_list .unit {
  width: 488px;

  height: 150px;

  float: left;

  margin: 0px 23px 23px 0px;

  background-color: #006699;
}

.tc_intro .tc_intro_list .unit:nth-child(2n) {
  margin-right: 0px;
}

.tc_intro .tc_intro_list .unit:nth-child(2n) .left {
  float: right;
}

.tc_intro .tc_intro_list .unit .left {
  display: block;

  width: 148px;

  height: 148px;

  margin: 1px 1px 1px 1px;

  overflow: hidden;

  float: left;
}

.tc_intro .tc_intro_list .unit .left img {
  text-align: center;

  width: 100%;

  height: 100%;

  line-height: 148px;
}

.tc_intro .tc_intro_list .unit .right {
  width: 338px;

  height: 150px;

  float: left;

  color: #ffffff;

  padding: 25px;

  position: relative;
}

.tc_intro .tc_intro_list .unit .right .p1 {
  font-size: 18px;

  height: 24px;

  overflow: hidden;

  margin-bottom: 10px;
}

.tc_intro .tc_intro_list .unit .right .p2 {
  font-size: 14px;

  line-height: 1.5em;

  color: #dfe7ee;

  height: 63px;

  overflow: hidden;

  text-align: justify;

  text-justify: inter-ideograph;
}

.tc_intro .tc_intro_list .unit .right .more {
  display: block;

  width: 41px;

  height: 20px;

  position: absolute;

  right: 0px;

  bottom: 0px;

  background-image: url(../images/arrow_j.png);
}

.tc_intro .tc_intro_list .unit:nth-child(2n) .right .more {
  -moz-transform: scaleX(-1);

  -webkit-transform: scaleX(-1);

  -o-transform: scaleX(-1);

  filter: FlipH();

  transform: scaleX(-1);

  left: 0px;
}

.tc_intro .com_more {
  display: block;

  width: 215px;

  height: 45px;

  margin: 0 auto;

  background-color: #ff6600;

  font-weight: bold;

  color: #ffffff;

  text-align: center;

  line-height: 45px;

  border-radius: 25px;

  font-size: 16px;

  margin-top: 20px;
}

.column {
  width: 1000px;

  height: 615px;

  margin: 0 auto;

  padding-top: 1px;
}

.column .column_list {
  width: 100%;

  height: 178px;
}

.column .column_list .unit {
  width: 250px;

  height: 178px;

  overflow: hidden;

  position: relative;

  float: left;
}

.column .column_list .unit ul {
  width: 100%;

  height: 100%;

  position: absolute;

  background-color: rgba(0, 102, 153, 0.95);

  left: 0px;

  top: 0px;

  padding-top: 20px;

  display: none;
}

.column .column_list .unit ul li {
  text-align: center;

  color: #ffffff;

  line-height: 2em;

  height: 28px;

  line-height: 28px;

  overflow: hidden;

  padding: 0 10px;
}

.iabout {
  width: 100%;

  height: 470px;

  background: url(../images/bg2.jpg) center no-repeat;

  position: relative;
}

.iabout .iorders {
  width: 1000px;

  height: 182px;

  margin: 0 auto;

  overflow: hidden;

  position: relative;

  top: -91px;

  padding: 0px 5px;
}

.iabout .iorders li {
  width: 182px;

  height: 182px;

  float: left;

  margin-right: 20px;

  background-image: url(../images/orders.png);

  background-repeat: no-repeat;

  text-align: center;

  padding-top: 110px;

  border-radius: 50%;

  cursor: pointer;

  transition: all 0.3s;
}

.iabout .iorders li:hover {
  background-image: url(../images/orders_hover.png);

  color: #ff6600;
}

.iabout .iorders .a {
  background-position: 0px 0px;
}

.iabout .iorders .b {
  background-position: -200px 0px;
}

.iabout .iorders .c {
  background-position: -400px 0px;
}

.iabout .iorders .d {
  background-position: -600px 0px;
}

.iabout .iorders .e {
  background-position: -800px 0px;

  margin-right: 0px;
}

.iabout .iabout_cont {
  width: 1000px;

  height: 292px;

  margin: 0 auto;

  background-color: #ffffff;

  padding: 12px;

  position: relative;

  top: -40px;
}

.iabout .iabout_cont .left {
  width: 508px;

  height: 268px;

  float: left;
}

.iabout .iabout_cont .right {
  width: 430px;

  height: 268px;

  float: right;
}

.iabout .iabout_cont .right .tit {
  font-size: 24px;

  color: #006699;

  margin-bottom: 20px;

  padding-top: 20px;
}

.iabout .iabout_cont .right .txt {
  color: #222222;

  padding-right: 30px;

  height: 131px;

  overflow: hidden;

  text-align: justify;

  text-justify: inter-ideograph;

  line-height: 1.5em;
}

.iabout .iabout_cont .right .txt p {
  margin-bottom: 5px;
}

.iabout .iabout_cont .right .more {
  display: block;

  width: 138px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  border-radius: 5px;

  color: #ffffff;

  font-size: 16px;

  background-color: #106698;

  margin-top: 20px;
}

.news {
  width: 1000px;

  height: 612px;

  margin: 0 auto;

  padding: 1px 0px 0px 0px;
}

.news .news_list {
  width: 485px;

  float: left;

  margin-right: 30px;
}

.news .news_list1 {
  margin-right: 0px;
}

.news .news_list .sm_tit {
  color: #555555;

  display: inline-block;

  height: 40px;

  border-bottom: 2px solid #106698;

  font-size: 24px;
}

.news .news_list .more {
  float: right;

  color: #555555;

  margin-top: 10px;
}

.news .news_list .news_timeandimg {
  width: 100%;

  height: 140px;

  margin: 20px 0px 10px 0px;
}

.news .news_list .news_timeandimg .left {
  width: 165px;

  height: 140px;

  line-height: 140px;

  text-align: center;

  background-color: #006699;

  color: #ffffff;

  float: left;

  font-weight: bold;
}

.news .news_list .news_timeandimg .left .s1 {
  font-size: 38px;
}

.news .news_list .news_timeandimg .left .s2 {
  font-size: 18px;
}

.news .news_list .news_timeandimg .right {
  float: left;

  width: 320px;

  height: 140px;

  overflow: hidden;
}

.news .news_list .news_ul li {
  margin-bottom: 12px;
}

.news .news_list .news_ul li span {
  float: right;
}

.news .news_list .news_ul .first a {
  font-size: 18px;

  font-weight: bold;

  line-height: 2em;

  color: #333333;
}

.news .news_list .news_ul .first .txt {
  color: #555555;

  line-height: 1.8em;

  margin: 5px 0px;
}

.news .news_list .news_ul li:hover {
  color: #006699;
}

.news .news_list1 .news_timeandimg .left {
  background-color: #e96e1c;
}

#footer {
  width: 100%;
}

#footer .top {
  width: 100%;

  height: 215px;

  background-color: #106698;
}

#footer .top .list {
  width: 1000px;

  margin: 0 auto;

  padding-top: 35px;
}

#footer .top .list .cont {
  width: 235px;

  float: left;

  color: #ffffff;

  line-height: 2em;

  margin-right: 20px;

  font-size: 13px;
}

#footer .top .list .cont:nth-child(4) {
  margin-right: 0px;
}

#footer .top .list .center {
  text-align: center;
}

#footer .top .list .cont .p1 {
  font-weight: bold;
}

#footer .bottom {
  width: 100%;

  height: 100px;

  background-color: #024f75;
}

#footer .bottom .cont {
  width: 1000px;

  height: 90px;

  margin: 0 auto;

  color: #ffffff;

  padding-top: 25px;

  text-align: center;
}

#footer .bottom .cont p {
  margin-bottom: 10px;

  font-size: 13px;
}

#footer .bottom .cont p a {
  margin-left: 5px;
}

/*单页*/

.banner_n {
  width: 100%;

  height: 280px;
}

.main {
  width: 1000px;

  margin: 0 auto;

  padding: 20px 0px;
}

.main .left {
  width: 260px;

  float: left;
}

.main .left .top_tit {
  width: 100%;

  height: 75px;

  line-height: 75px;

  background-color: #8d8b8c;

  padding: 0px 12px;

  color: #ffffff;

  font-size: 20px;

  font-weight: bold;

  text-align: center;
}

.main .left .top_tit span {
  color: #cdcccc;

  font-size: 16px;
}

.main .left .top_tit_1 {
  margin-top: 2px;

  width: 100%;

  height: 4px;

  background-color: #8d8b8c;

  margin-bottom: 15px;
}

.main .left .ulz {
  display: none;
}

.main .left .ul_show {
  display: block;
}

.main .left .uly {
  margin-bottom: 15px;
}

.main .left .uly > li {
  width: 100%;

  height: 50px;

  line-height: 50px;

  padding: 0 25px;

  color: #ffffff;

  background: url(../images/arrow_nav_hover.png) 180px center no-repeat;

  background-color: #006699;

  cursor: pointer;
}

.main .left .uly .ulz {
  margin-bottom: 14px;

  margin-top: 10px;
}

.main .left .uly .ulz li {
  width: 100%;

  height: 41px;

  line-height: 41px;

  font-size: 14px;

  overflow: hidden;

  padding-left: 50px;

  border-bottom: 1px solid #e2e2e2;

  background: url(../images/arrow_nav2.gif) no-repeat scroll 25px 13px;
}

.main .left .uly .ulz li a:hover,
.main .left .uly .ulz li .cur {
  color: #006699;

  font-weight: bold;
}

.main .left .dant {
  width: 100%;
}

.main .left .dant .tit {
  height: 34px;

  line-height: 34px;

  text-align: center;

  font-size: 16px;

  font-weight: bold;

  color: #fff;

  background: #006699;
}

.main .left .dant .txt {
  padding-bottom: 10px;

  padding-top: 5px;

  border: 1px solid #ddd;
}

.main .left .dant .txt .tel {
  background: url(../images/telbg.gif) no-repeat scroll 20px 14px;

  color: #333;

  line-height: 20px;

  padding: 8px 0 10px 80px;
}

.main .left .dant .txt .tel .bold {
  color: #024f75;

  display: block;

  font: 18px "Impact";
}

.main .left .dant .txt > p {
  padding: 0 20px;

  line-height: 1.8em;

  font-size: 12px;
}

.main .right {
  width: 720px;

  float: right;

  padding-top: 5px;
}

.main .right .bread {
  width: 100%;

  height: 30px;

  line-height: 30px;

  color: #666666;

  border-bottom: 1px solid #ececec;

  font-size: 12px;

  background: url(../images/icon.gif) no-repeat 5px 3px;

  padding: 0 10px 0 25px;

  margin-bottom: 15px;
}

.main .right .bread .cur {
  color: #006699;
}

.main .right .right_content {
  color: #333333;

  line-height: 2em;

  padding: 0 15px;

  text-align: justify;

  text-justify: inter-ideograph;
}

.main .right .right_content img,
.main .right .right_content table {
  max-width: 100%;
}

.main .right .right_content .kg {
  text-indent: 2em;
}

.main .right .pro_list {
  width: 700px;

  margin: 0 auto;
}

.main .right .pro_list .unit {
  width: 700px;

  height: 190px;

  padding: 20px;

  color: #232323;

  transition: all 0.3s;

  border: 1px solid #cdcdcd;

  margin-bottom: 25px;

  transition: all 0.1s ease;

  -ms-transition: all 0.1s ease;

  -moz-transition: all 0.1s ease;

  -webkit-transition: all 0.1s ease;

  -o-transition: all 0.1s ease;

  background-color: #ffffff;

  position: relative;
}

.main .right .pro_list .unit:hover {
  border: 1px solid #006699;

  transform: scale(1.02, 1.02);

  -ms-transform: scale(1.02, 1.02);

  -moz-transform: scale(1.02, 1.02);

  -webkit-transform: scale(1.02, 1.02);

  -o-transform: scale(1.02, 1.02);
}

.main .right .pro_list .unit .left {
  display: block;

  width: 150px;

  height: 150px;

  margin-right: 20px;
}

.main .right .pro_list .unit .left img {
  width: 100%;

  height: 100%;
}

.main .right .pro_list .unit .right {
  width: 488px;

  height: 150px;

  overflow: hidden;

  padding-left: 20px;

  float: left;

  border-left: 1px solid #cdcdcd;
}

.main .right .pro_list .unit .right h4 {
  margin: 2px 0px 5px 0px;

  font-size: 15px;

  color: #006699;
}

.main .right .pro_list .unit .right .txt {
  line-height: 1.8em;

  font-size: 13px;

  height: 69px;

  overflow: hidden;
}

.main .right .pro_list .unit .right .more {
  display: block;

  width: 90px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  background-color: #006699;

  color: #ffffff;

  margin-top: 5px;
}

.showpage {
  text-align: center;

  font-size: 13px;

  color: #333333;

  padding: 15px 0px;
}

.showpage a {
  border: 1px solid #cdcdcd;

  padding: 3px 8px;

  margin: 0px 2px;

  transition: all 0.3s;
}

.showpage .currPage,
.showpage a:hover {
  background-color: #006699;

  border: 1px solid #006699;

  color: #ffffff;
}

.pro_detail .title {
  font-size: 18px;

  text-align: center;
}

.pro_detail .time {
  text-align: center;

  font-size: 12px;

  color: #666666;
}

.main .right .case_list .list {
  padding-left: 5px;

  padding-bottom: 10px;
}

.main .right .case_list .list li {
  height: 40px;

  line-height: 40px;

  padding-left: 20px;

  background: url(../images/arrow_case.png) 5px center no-repeat;

  border-bottom: 1px dashed #cdcdcd;

  font-size: 13px;

  transition: all 0.1s ease;

  -ms-transition: all 0.1s ease;

  -moz-transition: all 0.1s ease;

  -webkit-transition: all 0.1s ease;

  -o-transition: all 0.1s ease;

  background-color: #ffffff;
}

.main .right .case_list .list li:hover {
  color: #006699;

  background: url(../images/arrow_case_hover.png) 5px center no-repeat;

  border-bottom: 1px dashed #006699;

  transform: scale(1.01, 1.01);

  -ms-transform: scale(1.01, 1.01);

  -moz-transform: scale(1.01, 1.01);

  -webkit-transform: scale(1.01, 1.01);

  -o-transform: scale(1.01, 1.01);
}

.main .right .case_list .list li .time {
  float: right;

  font-size: 12px;
}

.pagenext {
  color: #666666;

  font-size: 12px;

  margin-top: 20px;

  height: 56px;

  position: relative;
}

.pagenext p {
  line-height: 2em;
}

.pagenext a {
  color: #006699;

  font-size: 14px;
}

.pagenext .more {
  position: absolute;

  right: 0px;

  top: 10px;

  display: block;

  width: 80px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  color: #ffffff;

  background-color: #006699;
}

.certificate {
  width: 100%;

  border-color: #999999;

  border-collapse: collapse;

  color: #333333;
}

.certificate caption {
  text-align: center;

  margin: 10px 0px;

  font-size: 15px;

  color: #555555;
}

.certificate caption span {
  color: red;

  font-size: 14px;
}

.certificate tr td {
  font-size: 12px;

  overflow: hidden;
}

.certificate tr td,
.certificate tr th {
  padding: 10px;
}

.certificate tr:nth-child(2n-1) {
  background-color: #f5f5f5;
}

.certificate tr th {
  background-color: #dddddd;
}

.certificate tr .center {
  text-align: center;
}

li {
  list-style-type: none;
}
.showpage ul li {
  float: left;
}
.showpage ul li.thisclass a {
  background: #006699;
  color: #fff;
}

.xxpl-title {
  width: 100%;
  text-align: center;
  font-size: 22px;
  padding: 50px 0 40px;
}