@charset "utf-8";
html,
body {
  width: 100%;
  height: 100%;
}
body {
  font-size: 14px;
  color: #666;
  font-family: "Microsoft YaHei", "SimSun", "Helvetica Neue", Arial, Helvetica, sans-serif;
  min-width: 1200px;
      overflow-x: hidden;
}
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  font-style: normal;
  list-style: none;
}
a {
  color: #666;
  text-decoration: none;
  cursor: pointer;
  outline: 0;
  transition: all 0.7s;
  font-size: 14px;
}
a:active {
  outline: 0;
}
a:hover {
  outline: 0;
  color: #181818;
  text-decoration: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
em,
i {
  font-style: normal;
}
img {
  vertical-align: middle;
}
input,
select,
textarea {
  font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
textarea {
  overflow: auto;
}
input:focus,
textarea:focus,
button:focus,
select:focus {
  outline: 0;
}
input::-ms-clear {
  display: none;
}
.fl{float: left;}
.fr{float: right;}
.clearfix,
.clear:after {
  width: 100%;
  clear: both;
  line-height: 0;
  display: block;
  overflow: hidden;
  zoom: 1;
  font-size: 0;
  content: '.';
}

.content{width: 1200px;margin: 0 auto;}

.top{background: #f2f2f2;height: 30px; line-height: 30px; box-shadow: 5px 2px 11px #d9d9d9;}
.topnav{height: 123px;overflow: hidden;}
.logo {padding-top: 30px;}
.logo a{background: url(../images/logo.png) no-repeat left;display: block;    height: 74px; padding-left: 81px;width: 475px;}
.logo h1{     font-size: 35px; color: #2c75c1; font-weight: bold;}
.logo p{text-transform: uppercase;  letter-spacing: 2px;color: #333333;}

.nav{}
.nav ul{}
.nav ul li{    float: left; width: 100px; /* line-height: 68px; */ font-weight: bold; text-align: center;  }
.nav ul li a{    font-size: 18px; color: #333;display: block;width: 100px; padding: 43px 0;}
.nav ul li.on a,.nav ul li:hover a{color:#ffffff; background:#2c75c1 ;}
.nav ul li em{    display: block; font-weight: normal; font-size: 14px;}

/*banner*/
.slideBox{ position:relative;margin:0 auto;  overflow:hidden;z-index: 9; }
.slideBox .hd{position: absolute;bottom: 38px;font-size: 0;left: 0;width: 100%;text-align: center;z-index: 2;}
.slideBox .hd ul{ overflow:hidden; zoom:1; }
.slideBox .hd ul li{ display: inline-block;width: 40px; height: 7px;margin: 0 10px;background-color: #ffffff;cursor: pointer;}
.slideBox .hd ul li.on{ background-color: #3f9dff; }
.slideBox .bd{ position:relative;  height:100%; z-index:0;  }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:100%; display:block;  }

.til{ text-align: center; font-weight: normal; font-size:36px; color: #2c75c1; line-height: 100%; padding-top: 60px; padding-bottom: 49px;background:url(../images/p_h2.png) no-repeat center 130px; }
.til i{ font-weight: bold;}
.til span{ display: block; color: #666; padding-top:10px;font-size:16px; line-height: 100%;}

.youshi{background: #f6f6f6;overflow: hidden;padding-bottom: 60px ;}
.youshi ul li{width: 240px;float: left;text-align: center;font-size: 16px;color: #666; background:url(../images/four_line01.gif) no-repeat 0 42px;}
.youshi ul li em{width: 45px;display: block;margin:0 auto;}
.youshi ul li em img{width: 45px;height: 42px;display: block; transition: all 0.3s ease-in-out 0s;}
.youshi ul li span{display: block;font-size: 22px;color: #333;height: 70px;line-height: 70px; background:url(../images/four_line02.png) no-repeat center 66px;margin-bottom: 12px;}
.youshi ul li:first-child{background: none;}
.youshi ul li:hover em img{ transform: rotateY(180deg);}

.product{ color: #ffffff;font-weight: bold;overflow: hidden;padding-bottom: 60px ;}
.product .pronav {float: left;width: 260px;background-color: #fff;border: 1px solid #efefef;}
.product .pronav h4 { margin: 0; line-height: 80px; text-align: center; font-size: 30px; background-color: #2c75c1;font-weight: bold;}
.product .pronav ul li { line-height: 77px;  font-weight: bold; border-bottom: 1px solid #efefef;}
.product .pronav ul li a { display: block; background: url(../images/cp_ico01.png) no-repeat 25px center; padding-left: 55px;    font-size: 19px;}
.product .pronav .tel { margin: 10px; background: #e9e9e9 url(../images/cp_tel.gif) no-repeat center 34px; padding: 76px 0 23px; text-align: center;    color: #333333;}
.product .pronav .tel strong { display: block; font-size: 30px;}

.product .prolist{width: 926px;}
.product .prolist ul{}
.product .prolist ul li{width: 280px;float: left;text-align: center; border: 1px solid #d9d9d9;padding: 10px;margin-right: 10px;margin-bottom: 20px;overflow: hidden;}
.product .prolist ul li:nth-child(3n){margin-right: 0;}
.product .prolist ul li a{}
.product .prolist ul li a img{width: 100%;}
.product .prolist ul li p{    height: 30px;  line-height: 40px; font-size: 17px;}
.product .prolist ul li:hover{border: 1px solid #2c75c1;}

.chejian_bg{background: url(../images/chejian_bg.jpg) no-repeat center;padding-bottom: 60px ;overflow: hidden;position: relative;    border-top: 6px solid #2c75c1;}
.chejian_bg ul{}
.chejian_con li{float: left;width: 345px;padding:20px;border: 1px solid #d9d9d9;margin-right: 20px;margin-bottom: 50px;}
.chejian_con li img{width: 100%;}
.chejian_con li p{text-align: center;height: 50px;line-height: 50px;font-size: 20px;color: #333333;}
.chejian_con li span{}
.chejian_hd{position: absolute;bottom: 58px;font-size: 0;left: 0;width: 100%;text-align: center;z-index: 2;}
.chejian_hd ul{ overflow:hidden; zoom:1; }
.chejian_hd ul li{ display: inline-block;width: 12px; height: 12px;margin: 0 5px;background-color: #cecece;cursor: pointer;text-indent: -999px;border-radius: 50%;}
.chejian_hd ul li.on{ background-color: #3f9dff; }
.chejian_con li:hover{box-shadow: 5px 5px 5px #cecece;}

.about{background: url(../images/ab_bg.jpg) no-repeat center;padding-bottom: 60px ;overflow: hidden;}
.ab_con{width: 600px;}
.ab_con h3{color: #2c75c1;font-size: 28px;font-weight:bold;border-bottom: 1px solid #cecece;    height: 51px}
.ab_con p{padding-top: 10px;    line-height: 30px;}
.ab_con a{    display: block; width: 150px;  height: 45px;  line-height: 45px;  background: #2c75c1; color: #ffffff;text-align: center; margin-top: 10px;}

.honor{background: url(../images/honor_bg.jpg) no-repeat center;padding-bottom: 60px ;overflow: hidden;}
.honor .til{ color: #ffffff; }
.honor .til span{color: #ffffff;}
.honor .content{position: relative;}
.honor .honor_c{    width: 100%;  background: rgba(255, 255, 255, 0.5); height: 330px;}
.honor .tempWrap{margin: 0 auto;} 
.honor ul li{    float: left; width: 256px; margin: 20px 9px; text-align: center; background: #e8e8e8;    padding: 8px;}
.honor ul li img{width: 100%;}
.honor ul li a{text-align: center;}
.honor ul li p{height: 50px;line-height: 50px;}
.honor_hd{}
.honor_hd .hd_prev{display: block;width: 34px;height: 34px;background: url(../images/honor_pre.png) no-repeat center;position: absolute;left: -19px;bottom: 147px;}
.honor_hd .hd_next{display: block;width: 34px;height: 34px;background: url(../images/honor_next.png) no-repeat center;position: absolute;right: -19px; bottom: 147px;}

.news{padding-bottom: 60px ;overflow: hidden;}
.news .news_t{background: url(../images/news_t.png) no-repeat bottom left;height: 35px;}
.news_com {    width: 550px; border-right: 1px solid #eaeaea; padding-right: 27px;}
.news .news_t h3{font-size: 18px;font-weight: bold;color: #333;}

.news01{width: 550px; padding:20px 0 0; display:inline-block;}
.news01 span{display: block;float: left;width: 160px;height: 140px;background: #2c75c2;text-align: center;font-size: 28px;color: #fff;font-family:Verdana, Geneva, sans-serif;line-height: 140px;text-transform: uppercase;font-weight: bold; border-right:#fff 1px solid;}
.news01 em{display: block;float: left;width: 388px;height: 140px;overflow: hidden;}
.news01 em img,.wd .wd_pic img,.about dl dt img{width: 388px;height: 140px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.news01 em img:hover,.wd .wd_pic img:hover,.about dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.news dl{width: 550px; padding:0 0 10px; border-bottom:#dfdfe0 1px solid;}
.news dl dt{height: 25px;line-height: 25px;overflow: hidden;}
.news dl dt a{font-size: 14px;color: #333;display: block;font-weight:bold;width: 440px;float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news dl dt i{float: right;font-size: 14px;color: #8c8a8a;font-weight: normal;width: 110px; text-align:right;}
.news dl dd{width: 550px; font-size: 14px;color: #555;height: 52px;line-height: 26px;overflow: hidden;}
.news ul{ display:inline-block;width: 550px; padding:10px 0 0;}
.news ul li{ height:30px; line-height:30px; overflow:hidden; background:url(../images/news_ico01.gif) no-repeat 0 15px; width:275px; float:left;}
.news ul li a{ font-size:14px; color:#333; padding:0 0 0 15px;}
.news_wd{width: 600px;}
.news_wd .wd_pic{display: block;width: 600px;height: 140px;overflow: hidden; margin:20px 0 0;}
.news_wd .wd_pic img{width: 600px;height: 140px;}
.wd_m{ padding:20px 0 0;}
.news_wd dl{ width:100%;float: left; padding:0 0 0 20px;}
.news_wd dt{ background:url(../images/wen.png) no-repeat 0 5px; padding-left:30px; height:25px; line-height:25px; overflow:hidden;}
.news_wd dt a{ font-size:14px; color:#333; font-weight:bold;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_wd dd{ font-size:14px; color:#555; padding:3px 0 0 30px; line-height:25px; height:125px; overflow:hidden;background:url(../images/da.png) no-repeat 0 5px;}


.link{background: #dcedff;    padding: 12px 0;}
.link b{    display: block; font-size: 18px;  color: #1B1B1B;  text-transform: uppercase; font-weight: normal; padding-top: 8px;  line-height: 18px;}
.link p{    margin-top: 10px;}
.link a{    font-size: 16px;color: #1B1B1B; opacity: 0.7;}
.link a:after{    display: inline-block; margin: 0 7px 0 12px;   content: "/";}
.footer{background: #515151;overflow: hidden;color: #ffffff;}
.footer h3{font-size: 20px;}
.ft_con {    width: 311px; margin: 56px 0; border-right: 1px solid #fbfbfb;}
.ft_con b{font-size: 30px;color: #2c75c4;margin-bottom: 5px;display: block;}
.ft_con p{height: 31px;  line-height: 31px;}
.ft_ewm {   margin:56px 0;border-right: 1px solid #fbfbfb;  padding: 0 131px;text-align: center;    width: 381px;}
.ft_ewm h3{margin-bottom: 20px;}
.ft_ewm dl{}
.ft_ewm dl dd{margin: 0 36px;}
.ft_ewm img{width: 118px;border-radius: 10px;}
.ft_ewm p{height: 31px;line-height: 31px;}

.ft_nav {    width: 161px; margin-left: 78px;padding: 56px 0;}
.ft_nav ul{}
.ft_nav ul li{    float: left; margin-right: 24px; height: 40px; line-height: 40px;}
.ft_nav ul li a{color: #ffffff;}

.ft_copyright{text-align: center;border-top: 1px dashed #fbfbfb;height: 50px;line-height: 50px;}
.ft_copyright a{color: #ffffff;}