/*Generated by wjdhcms 3.0 */

@charset "utf-8";

/*-----------公用-----------*/

::selection {
 background-color: #0070ca;
 color: #fff;
}

::-moz-selection {
 background-color: #0070ca;
}

::-webkit-selection {
 background-color: #0070ca;
}

::-webkit-scrollbar {
 width: 8px;
 height: 8px;
 background-color: #F5F5F5
}

::-webkit-scrollbar-track {
 border-radius: 10px;
 background-color: #E2E2E2
}

::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
 background-color: #555
}
* {
  padding: 0;
  margin: 0;
  font-family: "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
}
body {
  font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
  color: #333;
  margin: 0;
  line-height: 1.5;
  min-width:1200px;
}
:focus {
  outline: 1;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}
a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
input, select {
  vertical-align: middle;
}
li, ul {
  list-style-type: none;
}
img {
  border: none;
}
a {
  color: #333;
  text-decoration: none;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}
a:link, a:hover, a:active, a:visited {
  text-decoration: none;
}
input, textarea {
  outline: 0;
  border: 0;
}
textarea {
  resize: none;
}
h1, h2, h3, h4, h5, h6, dl, dd, dt, i, em {
  font-weight: normal;
  font-style: normal;
}


.container { width:1180px; margin-left:auto; margin-right:auto;}
{font-family: "微软雅黑" Arial, Helvetica, sans-serif;}


/*--baner begin--*/
.banner {
  width: 100%;
  position: relative;
  height:500px;
  margin: 0 auto;
  background: transparent;

}
.banner .bd {
  margin: 0 auto;
  height: 100%;
  position: relative;
  z-index: 0;
}
.banner .bd ul {
  height: 100%;
  width: 100%;
}
.banner .bd li {
  height: 100%;
  overflow: hidden;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
}
.banner .bd li a {
  display: block;
  height: 100%;
  width: 100%;
}
.banner .hd {
  width: 100%;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
}
.banner .hd ul {
  text-align: center;
  margin-bottom: 10px;
}
.banner .hd ul li {
  background: #478beb;
  cursor: pointer;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 42px;
  height: 11px;
  margin: 1px;
  overflow: hidden;
  *filter: alpha(opacity=50);
  *opacity: .5;
  line-height: 999px;
}
.banner .hd ul .on {
  background: #154fa2;
}
.banner .prev,
.banner .next {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  left: 15%;
  z-index: 1;
  width: 40px;
  height: 60px;
  background: url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;
  cursor: pointer;
  *filter: alpha(opacity=50);
  *opacity: .5;
  display: none;
}
.banner .next {
  left: auto;
  right: 15%;
  background-position: -6px -137px;
}







/*--关于 begin--*/
.about{height: 480px;background: url(../images/04.jpg) no-repeat center;}
.about .container .right{width:387px;height: 200px;float: right;}
.about .container .right p{color: #fff;font-size: 18px;padding-left: 220px;text-transform: uppercase;padding-top: 60px;}
.about .container .right h3{width: 20px;height: 100px;font-size: 18px;color: #fff;padding:25px 50px 0 30px;float: right;}
.about .container .right span{width: 20px;height: 100px;color: #fff;display: block;float: right;padding-top: 50px;padding-left:30px;}
.about .container .right h4{width: 20px;height: 100px;color: #fff;float: right;padding-top: 75px;}
.about .container .left{width: 500px;}
.about .container .left h2{font-size: 24px;padding-left: 210px;padding-top: 40px;}
.about .container .left h2 a{color: #f5c53c;}
.about .container .left span{width: 560px;height: 150px;display: block;overflow: hidden;color: #fff;padding-left: 130px;line-height: 25px;}
.about .container .bottom{width: 915px;height: 240px;background: #f8f8f8;margin-top: 30px;margin-left: 13px;}
.about .container .bottom .title{margin-bottom: 20px;padding-top: 15px;}
.about .container .bottom .title p{font-size: 20px;width: 100px;height: 36px;background: #999;
  text-align: center;line-height: 36px;margin-left:30px;}
.about .container .bottom .title p a{color: #fff;}
.about .container .bottom li{width: 200px;height: 155px;margin:0 14px;float: left;}
.about .container .bottom li img{width: 200px;height: 130px;}
.about .container .bottom li p{width: 200px;height: 25px;line-height: 25px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.about .container .bottom li img{transition: transform 0.5s;}
.about .container .bottom li img:hover{transform:scale(1.05,1.05);}
/*--关于 end--*/

/*--产品 begin--*/
.product{height: 486px;}
.product .container .title{height: 100px;background: url(../images/05.jpg) no-repeat center;}
.product .container .title p{font-size: 24px;font-weight: bold;text-align: center;margin-top: 20px;padding-top: 20px;}
.product .container .title span{text-align: center;display: block;color: #999;}
.product .container .p-b{height:387px;}
.product .container .p-b .t{height: 50px;}
.product .container .p-b .t h3{float: left;margin:0 27px;background: url(../images/07.jpg) no-repeat;
  text-align: center;line-height: 15px;font-size: 16px;height: 50px;line-height:34px;width: 140px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product .container .pic {height: 300px;margin-top: 10px;}
.product .container .pic .r{width: 390px;height: 325px;background: #f5c53c;float: right;margin-right:65px;}
.product .container .pic .r h4{font-size: 16px;text-align: center;border-bottom: 1px solid #333;margin-top:40px;padding-bottom: 15px;}
.product .container .pic .r p{line-height: 25px;width: 335px;height: 152px;color: #333;margin:0 auto;margin-top: 15px;word-wrap:break-word;}
.product .container .pic img{width: 635px;height: 325px;margin-left: 90px;}
.product .p-b .t .active a{
 background: url(../images/06.jpg) no-repeat;color: #fff;}
.product .container .p-b .t h3 a{width: 142px;height: 50px;display: block;}
.product .container .B img{transition: transform 0.8s;}
.product .container .B img:hover{transform:scale(1.025,1.025);}
/*--产品 end--*/


/*--成功案例 begin--*/
.case{height: 350px;}
.case .container .title{height: 100px;background: url(../images/05.jpg) no-repeat center;}
.case .container .title h3{font-size: 24px;font-weight: bold;text-align: center;padding-top: 23px;}
.case .container .title span{color: #999;display: block;text-align: center;}
.case .container li{float: left;width: 280px;height: 205px;margin:0 7px;}
.case .container li img{width: 280px;height: 180px;}
.case .container li p{height: 25px;width: 280px;text-align: center;line-height: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*--成功案例 end--*/


/*--------------------------------新闻  begin----------------------*/
.news{height: 420px;}
.news .container .title{height: 100px;background: url(../images/05.jpg) no-repeat center;}
.news .container .title h3{font-size: 24px;font-weight: bold;text-align: center;padding-top: 23px;}
.news .container .title span{color: #999;display: block;text-align: center;}
.news .container .n-b{height: 450px}   
.news .container .n-b .r{float: right;width: 745px;height: 318px;border:1px solid #ccc;}
.news .container .n-b .r li:nth-child(1){border-bottom: 1px solid #ccc;}
.news .container .n-b .r li:nth-child(2){border-bottom: 1px solid #ccc;}
.news .container .n-b .r li{width: 745px;height: 95px;}
.news .container .n-b .r li .list-r{float: right;width: 420px;padding:9px 80px 0 0;}
.news .container .n-b .r li .list-r h3{width: 500px;}
.news .container .n-b .r li .list-r p{color: #666;width: 420px;height: 45px;overflow: hidden;padding-top: 8px;}
.news .container .n-b .r li .dd{width: 66px;height: 66px;padding:25px 0 0 70px;text-align: center;}
.news .container .n-b .r li .dd p{color: #666;}
.news .container .n-b .r li .dd span{font-size: 24px;}
.news .container .n-b img{width: 400px;height: 300px;}
.news .container .n-b .t p{text-align: center;width: 400px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*--------------------------------新闻  begin----------------------*/



/*--------------------------友链  begin--------------------------------*/
.link{margin-top: 20px;}
.link .container ul{height: 64px;}
.link .container li{float: left;padding-left: 45px;}
.link .container li a{color: #666;}
/*-------------------------友链 end--------------------------------*/