﻿

@charset "utf-8";

/*-----------公用-----------*/

::selection {
 background-color: #0065ad;
 color: #fff;
}

::-moz-selection {
 background-color: #0065ad;
}

::-webkit-selection {
 background-color: #0065ad;
}

::-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;
}
: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:549px;
  margin: 0 auto;
  background: transparent;
  overflow: hidden;
}
.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--*/
.search{height: 45px;padding-top: 20px;}
.search_r{float: right;border:1px solid #dedede;width: 320px;}
.search_r .button{float:right;width: 42px;height: 26px;
  background: #f28202;text-align: center;color: #fff;line-height: 26px;cursor: pointer;}
.search_r input{color:#999;margin-left:10px;line-height: 26px;}
.search_l{float: left;}
.search_l p{color:#000;float: left;}


/*--搜素 end--*/

/*--产品 begin--*/

.product{height: 720px;margin-top: 50px;}
.product .container{position: relative;}
.product .p_r{float: right;}
.product .p_r .title{height: 50px;}
.product .p_r .title h3 a{font-size: 20px;color: #333; width: 130px;height: 40px;display: block;float: left;text-align: center;line-height: 40px;}
.product .p_r .title h4{height: 20px;}
.product .p_r .title h4 a{color: #999;position: absolute;left: 1100px;top: 27px;}
.product .p_r .title .clearfix{clear: both;}
.product .p_r .title{margin:0 0 25px 30px;}
.product .p_r .title .active a{
  background: #0065ad;
  color: #fff;
}
.product .p_r {float: right;width: 963px;height: 720px;overflow: hidden;}
.product .p_r .p_b li{float: left;width: 290px;height: 180px;margin:0 0 35px 30px;}
.product .p_r .p_b li img{width: 290px;height: 180px;display: block;}
.product .p_r .p_b li span{width: 290px;height: 35px;color:#1f245e; 
  display: block;text-align: center;line-height: 35px;
  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product .p_r .p_b li:hover span{color: #e97017;}
.product .p_l{width: 205px;height: 718px;background-color: #f8f8f8;border-radius: 10px;}
.product .p_l .title{height: 110px;position: relative;}
.product .p_l .title h2{height:32px;font-size: 30px;font-weight: bold;color: #fff;text-align: center;}
.product .p_l .title h2 p{color: #fff;font-size: 30px;font-weight: bold;position: absolute;top: 28px;left: 60px;}
.product .p_l .title h2 img{display: block;width: 205px;height: 100px;border-radius: 10px 10px 0 0;}
.product .p_l .title p{height:15px;color:rgba(255,255,255,0.58);text-transform: uppercase;padding-top: 10px;text-align: center;}
.product .p_l .p_l_b li{width: 150px;height: 35px;margin:5px auto;line-height: 35px;border-bottom: 1px dashed #dedede;
 }
.product .p_l .p_l_b li a{text-align: center
  ;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 35px;}
.product .p_l .p_l_b li:hover{border-bottom: 1px dashed #f28202;}
.product .p_l .tel{margin-top: 55px;}
.product .p_l .tel span{text-align: center;display: block;color: #666;}
.product .p_l .tel p{font-size: 24px;color:#cfa600;text-align: center;}
.product .p_l .tel h3{width: 152px;margin:13px auto;height: 40px;
  background-color: #e97017;border-radius: 5px;text-align: center;line-height: 40px;cursor: pointer;}
  .product .p_l .tel h3 a{color: #fff;}
.product .p_l .p_l_b .pic{width: 150px;height: 134px;margin:20px auto;}
.product .p_l .p_l_b .pic img{width: 150px;height: 134px;display: block;}
.product .p_l .p_l_b .pic p{text-align: center;}



/*--产品 end--*/

/*--优势 begin--*/
.reason{background: url(../images/05.jpg) no-repeat center;height: 925px;margin-top: 50px;}
.reason .container{position:relative;}
.reason .container .title h3{text-align: center;font-weight: bold;font-size: 24px;padding-top: 15px;}
.reason .container .title h3 a{color: #fff;}
.reason .container .title p{color: #4ea4e1;text-align: center;padding-top: 15px;}
.reason .container ul .child1 h3{position:absolute;left: 210px;top:180px;font-size: 18px;}

.reason .container ul .child1 p{position: absolute;left:140px;top: 225px;color: #666;}
.reason .container ul .child1 span{position: absolute;left: 140px;top: 245px;color: #999;font-size: 12px;width: 650px;}

.reason .container ul .child2 h3{position:absolute;left: 210px;top:346px;font-size: 18px;}
.reason .container ul .child2 p{position: absolute;left:140px;top: 390px;color: #666;}
.reason .container ul .child2 span{position: absolute;left: 140px;top: 410px;color: #999;font-size: 12px;width: 650px;}

.reason .container ul .child3 h3{position:absolute;left: 690px;top:525px;font-size: 18px;}

.reason .container ul .child3 p{position: absolute;left:618px;top:570px;color: #666;}
.reason .container ul .child3 span{position: absolute;left:618px;top:608px;color: #999;font-size: 12px;width: 650px;}

.reason .container ul .child4 h3{position:absolute;left: 210px;top:730px;font-size: 18px;}

.reason .container ul .child4 p{position: absolute;left:140px;top: 780px;color: #666;}
.reason .container ul .child4 span{position: absolute;left: 140px;top: 800px;color: #999;font-size: 12px;width: 650px;}
/*--优势 end--*/

/*--探头 begin--*/
.tantou{background: url(../images/06.jpg) no-repeat center;height: 200px;}
.tantou .container{position: relative;}
.tantou .container p{font-size: 18px;color: #fff;position: absolute;top: 30px;left: 860px;}
.tantou .container h3{font-size: 20px;color: #fff;position: absolute;top:65px;left:755px;font-weight: bold;}
.tantou .container h4{position: absolute;top:116px;left:790px;width: 105px;height: 30px;background: #f28202;text-align: center;line-height: 30px;
  border-radius: 5px;cursor: pointer;}
.tantou .container h4 a{color: #fff;}
.tantou .container span{font-size: 30px;position: absolute;left: 900px;top: 107px;color: #fff;}
/*--探头 end--*/


/*--成功案例 begin--*/
.case{margin-top: 50px;height: 440px;}
.case .container {background: url(../images/07.jpg) no-repeat center top;position: relative;}
.case .container .title{height: 50px;}
.case .container .title h3{text-align: center;font-size: 24px;font-weight: bold;line-height: 23px;}
.case .container .title h3 a{color: #0065ad;}
.case .container .title p{color: #999;text-align: center;}
.case .container .case_b{margin-top:80px;}
.case .container .case_b .child1 {width: 180px;height: 300px;border:1px solid #cccccc;float: left;margin:0 50px;}
.case .container .case_b .child1 img{width: 130px;height: 130px;border-radius: 50%;margin:0 auto;display: block;position: absolute;top: 77px;left: 77px;}
.case .container .case_b .child1 h3{font-size: 16px;text-align: center;margin-top: 120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0 7px;}
.case .container .case_b .child1 p{width: 103px;height: 110px;color: #666;margin:0 auto;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;}
.case .container .case_b .child1 span{width: 20px;height: 20px;background: #f8f8f8;color: #cccccc;text-align: center;line-height: 18px;
  position: absolute;left: 130px;top: 420px;}

.case .container .case_b .child2 {width: 180px;height: 300px;border:1px solid #cccccc;float: left;margin:0 50px;}
.case .container .case_b .child2 img{width: 130px;height: 130px;border-radius: 50%;margin:0 auto;display: block;position: absolute;top: 77px;left: 360px;}
.case .container .case_b .child2 h3{font-size: 16px;text-align: center;margin-top: 120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0 7px;}
.case .container .case_b .child2 p{width: 103px;height: 110px;color: #666;margin:0 auto;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;}
.case .container .case_b .child2 span{width: 20px;height: 20px;background: #f8f8f8;color: #cccccc;position: absolute;left: 417px;top: 420px;
  text-align: center;line-height: 18px;}

.case .container .case_b .child3 {width: 180px;height: 300px;border:1px solid #cccccc;float: left;margin:0 50px;}
.case .container .case_b .child3 img{width: 130px;height: 130px;border-radius: 50%;margin:0 auto;display: block;position: absolute;top: 77px;left: 641px;}
.case .container .case_b .child3 h3{font-size: 16px;text-align: center;margin-top: 120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0 7px;}
.case .container .case_b .child3 p{width: 103px;height: 110px;color: #666;margin:0 auto;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;}
.case .container .case_b .child3 span{width: 20px;height: 20px;background: #f8f8f8;color: #cccccc;position: absolute;left: 697px;top: 420px;
  text-align: center;line-height: 18px;}

.case .container .case_b .child4 {width: 180px;height: 300px;border:1px solid #cccccc;float: left;margin:0 50px;}
.case .container .case_b .child4 img{width: 130px;height: 130px;border-radius: 50%;margin:0 auto;display: block;position: absolute;top: 77px;left: 917px;}
.case .container .case_b .child4 h3{font-size: 16px;text-align: center;margin-top: 120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0 7px;}
.case .container .case_b .child4 p{width: 103px;height: 110px;color: #666;margin:0 auto;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;}
.case .container .case_b .child4 span{width: 20px;height: 20px;background: #f8f8f8;color: #cccccc;position: absolute;left: 977px;top: 420px;
  text-align: center;line-height: 18px;}
.case .container .case_b li:hover img{border: 2px solid #f28202;}
.case .container .case_b li:hover span{background: #f28202;color: #fff;}
.case .container .case_b li:hover{border:1px solid #f28202;}
/*--成功案例 end--*/





/*--评价 begin--*/
.rew{margin-top: 50px;height: 435px;}
.rew .container {background: url(../images/08.jpg) no-repeat center top;}
.rew .container .title{height: 50px;}
.rew .container .title h3{text-align: center;font-size: 24px;font-weight: bold;line-height: 23px;}
.rew .container .title h3 a{color: #0065ad;}
.rew .container .title p{color: #999;text-align: center;}
.rew .rew_1 li{width: 560px;height: 170px;border-radius: 78px 0 0 78px;float: left;background: #f8f8f8;margin:15px 15px;}
.rew .rew_1 li .pic{float: left;}
.rew .rew_1 li .wenzi{float: right;width: 308px;height: 95px;padding:0 20px;}
.rew .rew_1 li .wenzi h4{font-weight: bold;color: #333;padding-top: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rew .rew_1 li .wenzi p{padding-top:17px;line-height: 24px; color: #666;overflow: hidden;height: 67px;}
.rew .rew_1 li .wenzi h3{background: #999;width: 50px;height: 30px;line-height: 26px;text-align: center;}
.rew .rew_1 li .wenzi h3 a{color: #fff;font-size: 24px;display: block;}
.rew .rew_1 li :hover h3{background: #e97017;}
.rew .rew_1 li :hover h4 a{color: #e97017}
.rew .rew_1 li .pic img{width: 170px;height: 170px;border-radius: 50%;}
.rew .rew_1 li {position: relative;}
.rew .rew_1 li .wenzi h3{position: absolute;top: 138px;left: 510px;}
/*--评价 end--*/

/*--tantou begin--*/
.tantou2{background: url(../images/09.jpg) no-repeat center;height: 200px;margin-top: 30px;}
.tantou2 .container{position: relative;}
.tantou2 .container p{color: #8cc4ec;font-size: 24px;position: absolute;top: 117px;left: 115px;}
.tantou2 .container h3{color: #fff;font-size: 30px;position: absolute;top: 53px;left: 835px;}
.tantou2 .container span{width: 100px;height: 40px;background: #f28202;border-radius: 5px;position: absolute;left: 880px;top: 107px;
  text-align: center;line-height: 40px;cursor: pointer;}
.tantou2 .container span a{color: #fff;}

/*--tantou end--*/

/*--关于 begin--*/
.about{padding-top: 50px;height: 440px;}
.about .container{position: relative;background: url(../images/11.jpg) no-repeat bottom left;height:363px;}
.about .container .about_l .title{background: url(../images/10.jpg) no-repeat left top;}
.about .container .about_l .title h3{color: #1f245e;font-size: 25px;font-weight: bold;margin-left: 45px;}
.about .container .about_l .title h3 a{color: #0065ad}
.about .container .about_l .title span{color: #999;text-transform: uppercase;position: absolute;top:29px; ;left:46px ;}
.about .container .about_l .title h4{color: #666;width: 640px;line-height: 26px;margin-top: 30px;text-indent: 2em;height: 130px;overflow: hidden;}
.about .container .about_l .button p{background-color:#0065ad;height: 30px;width: 100px;
  border-radius: 5px;text-align: center;line-height: 30px;position: absolute;top: 331px;left: 545px;cursor: pointer;}
.about .container .about_l .button p a{color: #fff;}
.about .about_r img{display: block;width: 520px;height: 310px;position: absolute;top:50px;left: 660px;}
/*--关于 end--*/

/*--企业风采 begin--*/
.qy{height: 240px;margin-top: 30px;}
.qy .qy_t{height: 50px;border: 1px solid #dedede;}
.qy .qy_t h4 a{font-size: 18px;width: 140px;height: 50px;color: #000;text-align: center;line-height: 50px;display: block;float: left;}
.qy .qy_b li{width: 220px;margin:10px 8px 0 8px;float: left;}
.qy .qy_b li p{text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.qy .qy_b li img{width: 220px;height: 150px;}
.qy .qy_b{height: 182px;width: 1180px;overflow: hidden;}
.qy .qy_t .clearfix{clear:both;}
.qy .qy_t .active a{background: #0065ad;color: #fff;}
.qy .container{position: relative;}
.qy .qy_b .qy_b1 h3 a{position: absolute;top: 16px;left:1105px;color:#999;}
/*--企业风采 end--*/

/*--------------------------------新闻  begin----------------------*/
.news{height: 520px;margin-top: 50px;}
.news .container .title{margin-bottom:20px;height: 30px;}
.news .container .title h4{float: left;font-size: 20px;padding-right: 20px;}
.news .container .title .active a{color: #0065ad;border-bottom: 1px solid #0065ad;}
.news .container .news_b{height: 424px;width: 760px;overflow: hidden;}
.news .container .news_b .news_b_l{width: 736px;}
.news .container .news_b .news_1 .news_1_r{width: 450px;float: right;}
.news .container .news_b .news_1 .news_1_r h3{font-size: 16px;border-bottom: 1px solid #ccc;
  padding-bottom: 15px;top:44px;left: 277px;}
.news .container .news_b .news_1 .news_1_r p{line-height: 26px;height: 50px;
  overflow: hidden;}
.news .container .news_b .news_1 .news_1_r span{
  display: block;width: 82px;height: 30px;background-color: #f8f8f8;cursor: pointer;float: right;margin-top: 20px;}
.news .container .news_b .news_1 .news_1_r span a{color: #999;line-height: 30px;text-align: center;display: block;}
.news .container .news_b .news_1 img{display: block;width: 255px;height: 155px;}
.news .container  .news_2{width: 759px;height: 300px;}
.news .container  .news_2 li{float: left;width: 355px;margin: 30px 23px 0 0;
  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px solid #ccc;
  padding-bottom: 10px;background: url(../images/12.jpg)no-repeat left center;height: 13px;}
.news .container  .news_2 li a{padding-left: 10px;}
.news .container  .news_2 li span{float: right;}
.news .news_b_l{width: 835px;} 
.news .container .news_3{width:380px;height: 477px;float: right;overflow: hidden;} 
.news .news_3 .news_3_t {height: 40px;line-height: 40px;}
.news .news_3 .news_3_t p{float: right;color: #666;margin-right: 5px;}
.news .news_3 .news_3_t h4{font-size: 20px;}
.news .news_3 .news_3_b{margin-top: 30px;height:403px;overflow:hidden;}
.news .news_3 .news_3_b li{margin: 10px 0 20px 0;}
.news .news_3 .news_3_b .ask span{background: url(../images/14.jpg) no-repeat left;color: #333;font-weight: bold;padding:0 0 10px 20px;
  width: 300px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news .news_3 .news_3_b .ans span{background: url(../images/15.jpg) no-repeat left;color: #666;padding-left: 20px;width: 350px;display: block;
  overflow: hidden;text-overflow:ellipsis;white-space: nowrap;  padding-bottom: 10px;}  

 .news .news_3 .news_3_b  li{border-bottom: 1px solid #ccc;width: 370px;}
   

/*--------------------------------新闻  begin----------------------*/



/*--------------------------友链  begin--------------------------------*/
.link{margin-top: 30px;}
.link .container{background:url(../images/13.jpg) no-repeat left ;width: 1178px;height: 66px;line-height: 66px;}
.link .container ul{width: 1180px;height: 64px;padding-left: 150px;}
.link .container li{float: left;padding-left: 45px;}
.link .container li a{color: #1f245e;}
/*-------------------------友链 end--------------------------------*/